feat: Mix 2.0 migrate - #7
Merged
Merged
Conversation
|
To view this pull requests documentation preview, visit the following URL: Documentation is deployed and generated using docs.page. |
- Introduced RemixTextField with customizable styles and behaviors. - Created TextFieldSpec and TextFieldStyle for defining text field specifications and styles. - Implemented RemixTooltip for displaying tooltips with customizable styles. - Added TooltipSpec and TooltipStyle for tooltip specifications and styles. - Updated pubspec.yaml to include local path for mix package and adjusted dependencies in pubspec.lock.
…runner script - Created a comprehensive integration test suite for a custom TestTextField widget, covering rendering, input handling, validation, focus management, and accessibility. - Added a shell script (run_integration_tests.sh) to automate the execution of integration tests and summarize results. - Introduced a SimpleButton widget with corresponding tests to verify button functionality and loading states. - Established a basic widget test for the main application to ensure counter functionality. - Implemented an integration test driver for running integration tests.
…cated tests and mock implementations - Updated imports from `remix/remix_new.dart` to `remix/remix.dart` in various integration test files. - Deleted `select_simple_test.dart` as it contained a mock implementation of `RemixSelect`. - Removed `textfield_integration_widget_test.dart` due to its complexity and replaced it with simpler tests. - Deleted `interaction_tests.dart` as it was no longer needed.
…fields, and focus management - Implement unit tests for RemixButton covering basic functionality, disabled state, and loading state. - Create extensive tests for RemixTextField to validate properties, hint behavior, and styling. - Introduce focus management tests to ensure components handle focus nodes correctly. - Add helper methods for widget testing to streamline interactions and assertions. - Enhance integration tests for RemixSelect and RemixSlider to verify accessibility and state management. - Migrate NakedTextField functionality to ensure compatibility with new properties and callbacks.
…Remix" naming convention - Updated SpinnerStyle to RemixSpinnerStyle and adjusted related factory methods and default styles. - Refactored SpinnerWidget to use RemixSpinnerStyle and renamed associated classes. - Changed SwitchStyle to RemixSwitchStyle, updated related methods, and adjusted default styles. - Refactored SwitchWidget to utilize RemixSwitchStyle and renamed classes accordingly. - Updated TextFieldStyle to RemixTextFieldStyle, modified factory methods, and adjusted default styles. - Refactored TextFieldWidget to use RemixTextFieldStyle and renamed classes. - Changed TooltipStyle to RemixTooltipStyle, updated related methods, and adjusted default styles. - Refactored TooltipWidget to utilize RemixTooltipStyle. - Updated test cases to reflect the new "Remix" naming convention for styles and components.
- Updated SliderSpec to replace PaintData with Paint for baseTrack, activeTrack, and division properties. - Introduced lerpPaint function for linear interpolation of Paint objects. - Modified RemixSliderStyle to accommodate Paint instead of PaintData. - Adjusted _TrackPainter and _AnimatedTrack to work with Paint. - Refactored SpinnerSpec and RemixSpinnerStyle to use SpinnerStyle enum instead of SpinnerStyleType. - Enhanced TextFieldSpec to utilize TextSpec for text and hint text properties. - Updated RemixTextFieldStyle to support TextSpec for styling. - Improved test cases to reflect changes in Spinner and Slider components. - Added test files for IconSpec usage patterns.
…trailing' instead of 'leadingIcon' and 'trailingIcon' - Updated RemixAccordionStyle to change leadingIcon and trailingIcon to leading and trailing. - Modified RemixAccordion widget to reflect changes in defaultTrailingIcon to defaultTrailing. - Adjusted RemixBadge, RemixButton, RemixCallout, RemixChip, RemixLabel, and RemixListItem components to use leading and trailing properties. - Updated associated styles and specs to maintain consistency across components. - Ensured backward compatibility by updating relevant constructors and methods.
- Implement WidgetContainerProperties class for managing container properties including decoration, padding, margin, and alignment. - Create WidgetContainerPropertiesMix for flexible property configuration using the Mix framework. - Introduce WidgetFlexProperties class to encapsulate flex layout properties such as direction, mainAxisAlignment, and gap. - Add WidgetFlexPropertiesMix for configuring flex properties with Mix support. - Develop comprehensive unit tests for WidgetContainerProperties and WidgetFlexProperties, ensuring correct behavior of constructors, copyWith, lerp, and merge methods. - Remove outdated test files related to IconSpec usage.
…operties classes - Updated tests in `widget_container_properties_test.dart` to replace `WidgetContainerProperties` and `WidgetContainerPropertiesMix` with `ContainerProperties` and `ContainerPropertiesMix`. - Updated tests in `widget_flex_properties_test.dart` to replace `WidgetFlexProperties` and `WidgetFlexPropertiesMix` with `FlexProperties` and `FlexPropertiesMix`. - Refactored integration tests for `RemixRadio` and `RemixCheckbox` to utilize `RemixRadioGroup` for better state management and grouping. - Enhanced handling of nullable values in checkbox and switch tests to ensure proper state transitions.
- Introduced RemixTokens for centralized design values including colors, spacing, typography, and elevation. - Added remixLightTokens and remixDarkTokens for light and dark theme definitions. - Created remix_theme.dart to manage theme switching and provide tokens based on brightness. - Updated components (Switch, TextField, Tooltip) to utilize RemixTokens for styling. - Added tests for theme token integration and component rendering in both light and dark themes. - Updated pubspec.yaml and pubspec.lock for dependency management.
…ass names; change ContainerProperties to ContainerSpec and ContainerPropertiesMix to ContainerSpecMix. Update RemixBadge usage in theme tests for consistency and clarity.
- Updated AccordionSpec and RemixAccordionStyle to use new naming conventions for container and flex properties. - Changed itemContainer, contentContainer, and headerContainer to container, content, and header respectively. - Refactored RemixAccordionItem to utilize leading and trailing properties for icons. - Enhanced consistency in text styling by replacing TextSpec with TypographySpec across various components. - Introduced new design patterns in the documentation for better adherence to the Remix design system.
…ate tooltip specifications to use BoxSpec; modify tests to reflect changes in button icon to leading; rename ContainerSpec to BoxSpec in tests; simplify flex properties and tests; remove outdated integration test summary.
… add SpinnerSpec tests; update widget container properties tests for constructor consistency; enhance selectable mixin tests for radio and checkbox behaviors; improve switch integration tests for state management; streamline checkbox tests for rendering and toggling; update text field migration tests for new properties and styling.
- Updated the text field widget to use the correct text style from the specification. - Changed TooltipSpec to use WidgetSpec for container and text properties. - Refactored RemixTooltipStyle to accommodate the new WidgetSpec types and updated default styles. - Adjusted theme definitions to improve clarity and maintainability. - Modified button tests to check for CustomPaint instead of SpinnerSpecWidget. - Enhanced focus management tests to utilize createRemixScope for better context handling. - Renamed BoxMix to BoxStyle and FlexMix to FlexStyle for consistency in naming conventions. - Added integration tests for RemixRadio to ensure proper rendering and state management. - Introduced a new test file for FlexBoxStyle parameters to validate functionality.
- Removed `inherit` parameter from various style classes (Progress, Radio, Select, Slider, Spinner, Switch, TextField, Tooltip). - Updated widget implementations to streamline the structure and improve readability, particularly in Radio, Select, Slider, and Switch components. - Enhanced test helpers to include `createRemixScope` for better context management in widget tests. - Bumped version of the `naked_ui` package to 0.1.0 in `pubspec.lock`. - Improved integration tests for Select and Slider components to ensure proper functionality and accessibility.
- Updated simple_checkbox_test.dart to replace pumpWidget with pumpRemixApp for better test structure. - Refactored slider_integration_widget_test.dart to utilize pumpRemixApp, enhancing readability and consistency. - Modified switch_integration_widget_test.dart to use pumpRemixApp for rendering switches in tests. - Adjusted textfield_migration_test.dart to implement pumpRemixApp for testing RemixTextField. - Changed test_flexbox_params.dart to reflect the correct class name from FlexBoxStyle to FlexBoxStyler.
…ps for consistency and improved readability.
…on, Card, and Form components - Introduced previews for Accordion with various configurations (basic, with icons, pre-expanded, rich content). - Added button previews showcasing different states (basic buttons, button states, icon-only buttons, variations). - Created card previews including basic card, card with actions, profile card, and stats card. - Implemented form component previews for checkboxes, switches, radio groups, text fields, sliders, and select dropdowns. - Added a preview helper to standardize the widget preview setup. - Created a script to start the widget preview server with instructions and available previews. - Updated internal mixins and styles for better state management and theming consistency.
- Updated RemixLabel to allow for leading and trailing icons using a unified icon property. - Introduced builders for text and icon rendering to enhance customization. - Modified LabelSpec and RemixLabelStyle to accommodate the new icon structure. - Updated tests to cover new functionality for icon positioning and builder usage. - Refactored various components to utilize createWidget methods for better widget creation.
- Removed FlexSpec from ListItemSpec and RemixListItemStyle. - Updated ListItemWidget to accommodate changes in ListItemSpec. - Simplified RemixRadio, RemixSelectTrigger, RemixSwitch, and RemixSlider by removing focus-related callbacks. - Enhanced SpinnerStyle with additional convenience methods for customization. - Updated TextFieldStyle to streamline property setting methods. - Adjusted tests to reflect changes in button icon handling and label builder.
- Updated RemixListItemStyle to include various style mixins for better customization. - Added convenience methods for padding, margin, color, border radius, and decoration in RemixListItemStyle. - Refactored RemixProgressStyle to support new properties and methods for indicator and track styling. - Enhanced RemixRadioStyle with additional styling methods for padding, margin, and background color. - Updated RemixSelectStyle and its sub-styles to include new methods for menu container styling and mixin implementations. - Improved RemixSliderStyle with methods for thumb and track color customization. - Refined RemixSwitchStyle to allow for track and thumb color settings. - Enhanced RemixTextFieldStyle with additional methods for spacing and padding. - Updated RemixTooltipStyle to include methods for padding, margin, and decoration. - Removed deprecated methods across various styles to streamline the API.
…ility; update related components to use new style definitions
…h private constants - Removed RemixTokens imports from Slider, Spinner, Switch, TextField, and Tooltip components. - Introduced private constants for colors, sizes, and spacing in each component's style file. - Updated default styles to use the new constants instead of RemixTokens. - Removed colorful variants from Slider, Spinner, Switch, and Tooltip components, simplifying to a single default style. - Adjusted tests to ensure they still pass with the new constant-based styles.
…onfigurations - Created macOS project structure including Runner.xcworkspace and necessary configuration files. - Added AppDelegate.swift to manage application lifecycle. - Implemented MainFlutterWindow.swift for the main application window. - Configured Info.plist and entitlements for app sandboxing and security. - Added asset catalog for app icons and included various icon sizes. - Set up initial UI with MainMenu.xib and integrated Flutter view controller. - Created configuration files for Debug and Release builds. - Added basic unit tests in RunnerTests.swift. - Established web support with index.html and manifest.json for PWA capabilities. - Developed a script for launching specific Remix components in the playground.
- Updated Slider, Spinner, Switch, TextField, and Tooltip components to use RemixTokens for colors and styles. - Removed hardcoded color values and replaced them with token references for improved theme adaptability. - Simplified theme definitions in remix_theme.dart, consolidating light and dark theme tokens. - Enhanced spacing and radius tokens for better layout consistency across components. - Adjusted tests to reflect changes in token usage and ensure proper theme switching functionality.
- Updated RemixCalloutStyle, RemixCardStyle, RemixCheckboxStyle, RemixListItemStyle, RemixProgressStyle, RemixRadioStyle, RemixSelectStyle, RemixSliderStyle, RemixSwitchStyle, RemixTextFieldStyle, and RemixTooltipStyle to remove default style variables and encapsulate default styles within respective RemixStyles classes. - Introduced static methods in each RemixStyles class to provide access to default styles, enhancing code readability and maintainability. - Adjusted widget implementations to utilize the new RemixStyles for consistent styling across components.
- Updated alpha values for primary color usage across various components to ensure uniformity. - Replaced instances of `RemixTokens.primary().withValues(alpha: x)` with consistent alpha values (e.g., 0.20 instead of 0.2). - Changed secondary color references in several components to improve visual hierarchy. - Removed unused badge styles and button styles for a cleaner codebase. - Introduced outline styles for buttons, switches, sliders, and selects to enhance UI flexibility. - Updated text field styles to use secondary colors for helper text for better contrast. - Simplified theme token definitions by removing muted color tokens and inlining opacity values. - Added new solid and outline variants for progress, slider, and switch components for better customization options.
…er, Switch, TextField, and Theme components to streamline the test suite and improve maintainability.
… interactivity with onChanged callbacks in _LabeledRadio.
…use case structure; enhance button styles in examples and update pubspec.lock dependencies.
- Updated the `lerp` method in `RemixCardSpec` for better readability. - Reformatted class declarations in `RemixCardStyle`, `RemixDialogStyle`, `RemixDividerStyle`, `RemixIconButtonSpec`, `RemixMenuItemSpec`, `RemixSelectTriggerSpec`, and `RemixTabSpec` for consistent line breaks. - Adjusted constructor calls in `RemixCardStyle`, `RemixDialogStyle`, `RemixDividerStyle`, `RemixMenuItemStyle`, `RemixSelectStyle`, and `RemixTabsStyle` to enhance clarity. - Fixed missing newlines at the end of files in `dialog.dart`, `dialog_spec.dart`, `divider_style.dart`, `menu.dart`, `menu_spec.dart`, `tabs.dart`, and `tabs_spec.dart`. - Improved the `transform` method in various styles to maintain consistent parameter formatting. - Updated animation controller initialization in `RemixSelect` for better readability. - Refactored comments in `SpinnerPainter` for clarity and consistency. - Renamed internal color mixing function to `_computeColorMixOklab` for better encapsulation.
…nt support - Updated RemixRadio, RemixSwitch, RemixSelect, and RemixSlider styles to replace 'track' and 'indicatorContainer' with 'container' for consistency. - Introduced alignment methods in RemixSelectTriggerStyle, RemixSelectMenuItemStyle, RemixSliderStyle, RemixSwitchStyle, RemixTextFieldStyle, and RemixTooltipStyle to allow for customizable alignment. - Refactored RemixTabs and related classes to separate tab bar and tab view styles, enhancing modularity and clarity. - Removed unnecessary properties and methods related to 'track' in RemixSwitchSpec and RemixSwitchStyle. - Improved the build methods in RemixTabs and RemixTab to utilize the new style structures effectively.
…nhance alignment support across various components
…ing and data-driven API - Introduced data classes for menu trigger and items, enhancing type safety and clarity. - Simplified the RemixMenu and RemixSelect widgets to utilize a more declarative API. - Removed unused styling properties and streamlined the styling system for menu overlays. - Updated the styling approach for menu items to ensure they manage their own styles independently. - Added explicit overlay styling options to RemixMenu, allowing for better customization. - Enhanced the trigger and item rendering logic to support new data structures. - Implemented tests for brightness resolution in the Remix theme to ensure consistent behavior. - Updated playground examples to reflect changes in the API and demonstrate new features.
- Updated RemixRadioGroup to clarify that it does not provide styling; each RemixRadio must be styled individually. - Modified RemixRadioStyle to include a call method for creating RemixRadio instances with the specified style. - Changed FortalSelectStyles to use FlexBoxStyler for menu container styling. - Refactored spinner components to unify styling and improve customization: - Updated RemixSpinnerStyle to include properties for indicator color, track color, and track stroke width. - Refined RemixSpinnerSpec to remove spinner type and focus on indicator and track properties. - Simplified RemixSpinnerPainter to handle both indicator and track drawing. - Removed unused spinner types and related code for cleaner implementation. - Updated tests to reflect changes in spinner properties and ensure functionality. - Adjusted playground examples to demonstrate new spinner styling capabilities.
- Updated RemixSlider to allow customizable thumb size and track thickness. - Improved styling options for RemixAccordion, including leading and trailing icons. - Refactored RemixAccordionStyle and RemixAccordionItemStyle for better clarity and usability. - Added new methods for track thickness and thumb size in RemixSliderStyle. - Implemented tests for slider height adjustments based on custom styles. - Enhanced documentation for RemixAccordionGroup and RemixAccordion components. - Fixed issues with default styles and ensured consistent behavior across components.
…ncy in naming and functionality
…ate slider range color
tilucasoli
force-pushed
the
feature/mix-2.0-migrate
branch
from
October 7, 2025 01:44
40ed531 to
d079b6c
Compare
LCOV of commit
|
LCOV of commit
|
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Description
We recreate remix to make them based on the latest version of naked and mix