Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Styled components v6 support (grommet#7165)
* Styled components v6 (grommet#6947) * Initial setup for styled components config approach * Add config to styled components * update snapshots * change additional component to use styled box instead of as={box} * RadioButton, CheckBox, and RangeInput fixes * Filter out kind from button and elevation from layer * adjust package.json to support styled components 5 or 6 * increase bundlesize * remove stylis from peerDependencies * remove stylis dependency * enable vendor prefixes * added grommet wrapper to tests * revert default props test * move styleSheetManager above themeContext * remove StyleSheetManager from Grommet component * update snapshots * update snapshots * Merge master * Dont run chromatic on styled-components-beta (grommet#6990) * Sc fix a (grommet#6993) * Add comment * Alter comment * Add comment 2 (grommet#6992) * Add comment 2 * Align config to master * Update styled-components branch with master and add webkit-user-select to CheckBox (grommet#6999) * Gets the remove icon from theme (grommet#6960) * Gets the remove icon from theme * Update src/js/components/Tag/Tag.js Co-authored-by: Mike Kingdom <[email protected]> --------- Co-authored-by: Taylor Seamans <[email protected]> Co-authored-by: Mike Kingdom <[email protected]> Co-authored-by: Jessica Filben <[email protected]> * Improve event handler typings for Box (grommet#6983) Co-authored-by: Jessica Filben <[email protected]> * Prevent row focus style for unclickable rows with onSelect (grommet#6719) (grommet#6985) Co-authored-by: Jessica Filben <[email protected]> * Improve event handler typings for Chart (grommet#6984) Co-authored-by: Jessica Filben <[email protected]> * Updated v2.34.0 * add webkit user select to CheckBox --------- Co-authored-by: Vinod Krishna Vellampalli <[email protected]> Co-authored-by: Taylor Seamans <[email protected]> Co-authored-by: Mike Kingdom <[email protected]> Co-authored-by: jainex <[email protected]> Co-authored-by: Michael Huynh <[email protected]> * Styled components beta minor change to trigger circleci (grommet#7000) * minor change to trigger circleci * add comment to circleci config * Updated v2.35.0-alpha.1 * Update styled-components branch with master (grommet#7163) * Gets the remove icon from theme (grommet#6960) * Gets the remove icon from theme * Update src/js/components/Tag/Tag.js Co-authored-by: Mike Kingdom <[email protected]> --------- Co-authored-by: Taylor Seamans <[email protected]> Co-authored-by: Mike Kingdom <[email protected]> Co-authored-by: Jessica Filben <[email protected]> * Improve event handler typings for Box (grommet#6983) Co-authored-by: Jessica Filben <[email protected]> * Prevent row focus style for unclickable rows with onSelect (grommet#6719) (grommet#6985) Co-authored-by: Jessica Filben <[email protected]> * Improve event handler typings for Chart (grommet#6984) Co-authored-by: Jessica Filben <[email protected]> * Updated v2.34.0 * upgrade dependencies (grommet#7004) * Remove unnecessary useEffect (grommet#7011) * Stop form submit event from bubbling up (grommet#7005) * Stop form submit event from bubbling up * Add unit test * Use fireEvent * Use formRef to determine submission, let event bubble * Remove unneccessary .contains --------- Co-authored-by: Jessica Filben <[email protected]> * Updated v2.34.1 * Allow caller to specify step for DataFilter range (grommet#6942) * Allow caller to specify step * Update PropTypes * Remove unnecessary snapshot * Fix sort * Use variable to be self documenting --------- Co-authored-by: Jessica Filben <[email protected]> * Remove suggestion to use UserEvent over FireEvent (grommet#7023) * Update CONTRIBUTING.md * Update PULL_REQUEST_TEMPLATE.md * Update prop types and typescript types (grommet#7028) * Update DataSummary messages object (grommet#7022) Co-authored-by: Jessica Filben <[email protected]> * Align DataFilters layer to Design System best practices (grommet#7021) * Align DataFilters layer to Design System best practices * Update snapshots * Update snapshots * Update test * Make DataFilter range inclusive of bounds (grommet#7026) * Make datafilter range inclusive of bounds * adjust test with feedback from review * Enhance Data screen reader announcements and add search debounce (grommet#7010) * Enhance Data screen reader announcements and add search debounce * Fix Data tests * Use fireEvent to fix timeout * Update src/js/components/Data/Data.js Co-authored-by: Matthew Glissmann <[email protected]> * Fix lint error --------- Co-authored-by: Matthew Glissmann <[email protected]> * add aria-label for inputs (grommet#7038) * add aria-label for inputs * only for no form example * add updated snapshot * use undefined instead * add label to select --------- Co-authored-by: Brittany Archibeque <[email protected]> Co-authored-by: Jessica Filben <[email protected]> * [Type] remove `onClick` from types of Box props (grommet#7018) * remove onClick from types of Box props `onClick` type is inherited generically from IntrinsicElements and grommet is currently limiting the type. * remove onClick type dependency --------- Co-authored-by: Jessica Filben <[email protected]> * upgrade minor dependencies (grommet#7040) * upgrade major dependencies * revert testcafe * remove carrot on typsscript * remove carrot on testcafe --------- Co-authored-by: Brittany Archibeque <[email protected]> Co-authored-by: Jessica Filben <[email protected]> * Adjust NameValueList to account for xsmall screen size (grommet#7047) * Adjust NameValueList to account for xsmall screen size * create isSmall util function * Fix Select focus when opening drop with search (grommet#6901) (grommet#6982) * Fix Select focus when opening drop with search (grommet#6901) * Adjust bundle size for Select focus fix (grommet#6901) --------- Co-authored-by: Jessica Filben <[email protected]> * Improve DataFilter and RangeSelector handling of floating point values (grommet#7033) * Improve DataFilter range default label * Improve default behavior of DataFilter range label * When RangeSelector is reset to min/max set value to undefined * revert changes from previous commit * Fix floating point calculations * Remove arbitrary precision, calculate in integer math * Remove unused function --------- Co-authored-by: Jessica Filben <[email protected]> Co-authored-by: Jessica Filben <[email protected]> * add check if values are arrays (grommet#7045) * add check if values are arrays * Update Form.js * add taylor suggestions * fix condition --------- Co-authored-by: Brittany Archibeque <[email protected]> Co-authored-by: Jessica Filben <[email protected]> * Update README.md (grommet#7050) * Update README.md Update readme * Update README.md * Update README.md Co-authored-by: Jessica Filben <[email protected]> * Update README.md * Update README.md Co-authored-by: Jessica Filben <[email protected]> --------- Co-authored-by: Jessica Filben <[email protected]> * Fixed handling of multi-level property names that are used as RangeSelectors in filters (grommet#7049) Co-authored-by: Jessica Filben <[email protected]> * Add DataClearFilters component (grommet#7025) * Add DataClearFilters component * Update snapshots * Rename showClearFilters to clearFilters * Remove onUpdate from Data, make associated refinements * Add data.button.kind to theme, remove hard coded kind=toolbar * Add updateOn change to noForm DataSort, fix test * Update snapshot * Remove updateOn on Data from stories --------- Co-authored-by: Jessica Filben <[email protected]> * change datafilters default presentation with toolbar prop to layer (grommet#7057) * add dataFormContext (grommet#7053) * add dataFormContext * update test * Update src/js/components/DataSearch/DataSearch.js Co-authored-by: Taylor Seamans <[email protected]> * fix package --------- Co-authored-by: Brittany Archibeque <[email protected]> Co-authored-by: Taylor Seamans <[email protected]> Co-authored-by: Jessica Filben <[email protected]> * Adjust Data properties to add filter, sort, and search booleans (grommet#7046) * Adjust Data properties to add filterable, sortable, and searchable * Based on discussion with dev team removed '-able' suffix from prop names to allow for future enhancements beyond boolean value * fix bundlesize * add test for sub objects with rangeselector (grommet#7065) * add test for sub objects with rangeselector * Update src/js/components/DataFilters/__tests__/DataFilters-test.tsx Co-authored-by: Taylor Seamans <[email protected]> --------- Co-authored-by: Brittany Archibeque <[email protected]> Co-authored-by: Jessica Filben <[email protected]> Co-authored-by: Taylor Seamans <[email protected]> * Fix toolbar story (grommet#7062) * fix toolbar story * fix toolbar story --------- Co-authored-by: Brittany Archibeque <[email protected]> * Updated v2.34.2 * update dependencies (grommet#7067) Co-authored-by: Brittany Archibeque <[email protected]> * Fix images accessibility violations (grommet#7061) * fix: images accessibility violations * Update Simple.js * fix: starRating - typescript issues (grommet#7073) * fix: starRating - typescript issues * Update index.d.ts * Remove use of `hoverIndicator` within Data (grommet#7078) * Remove use of within Data * Resolve snapshots * SelectMultiple new options on search (grommet#7079) * SelectMultiple new options on search * Incorporate feedback from review * remove story * update chromatic token (grommet#7086) * Decouple DataFilters and DataSort, refine toolbar layout (grommet#7080) * Decouple DataFilters and DataSort, refine toolbar layout * Make refinements to clear filters, toolbar * Refine clearFilters logic --------- Co-authored-by: Jessica Filben <[email protected]> * Refine DataFilters badge behavior for RangeSelector reset to min/max (grommet#7083) * Refine DataFilters badge behavior for RangeSelector * Generalize event name * Alter approach to be more resilient to changing RangeSelector values * fix: Resolve hover styling and tooltip issue for DataSort control (grommet#7069) * fix: Resolve hover styling and tooltip issue for DataSort control * fix: Resolve hover styling and tooltip issue for DataSort control * Removed undo changes button from DataForm (grommet#7088) * remove undo changes button * remove undo changes button --------- Co-authored-by: Brittany Archibeque <[email protected]> * update npm token name (grommet#7087) * Fix groupHeader theming properties for DataTable (grommet#6925) (grommet#6986) * Fix groupHeader theming properties for DataTable (grommet#6925) Had to update all existing DataTable test snapshots that involve the use of table grouping. They would have been created during states where row group header theme properties were not being passed through at all. * Update default groupHeader theme for backward compatibility (grommet#6925) Test snapshots involving row groups for DataTable needed to be updated once more to reflect the change in default theme, which should ensure least surprise to any users of the component. --------- Co-authored-by: Jessica Filben <[email protected]> * Set min-width of DataFilters layer (grommet#7094) Co-authored-by: Jessica Filben <[email protected]> * DataSearch: Removed dependence on form (grommet#7091) * Removed dependence on form for DataSearch * wrap search in a Box for sizing * Move debounce to utils and clear search on named view * update Data-test snapshots * Fixed a dependency cycle * Clear name view on search change if it has search term --------- Co-authored-by: Jessica Filben <[email protected]> * fix: starRating - form value not synched (grommet#7077) * fix: starRating - form value not synched * fix: starRating - form value not synched * add: new test case for start rating default value * reverted StarRating.js default value state * DataFilters -- display badge when view applied (grommet#7084) * Display badge with view * Incorporate badge configuration * Removed dependence on form for DataSearch * Remove unused onTouched * Fix bug when range selector reset was still contributing to badge count * Include RangeSelector in clearEmpty logic to standardize when filters are removed from view object * Flatten to match filter name structure * Update src/js/components/Data/__tests__/Data-test.tsx * Update snapshots * Fix untouched Toolbar snapshot --------- Co-authored-by: Mike Kingdom <[email protected]> Co-authored-by: Jessica Filben <[email protected]> * Add jest tests for Data features (grommet#7100) * Add jest tests for Data features * Fix test based on latest view badge work --------- Co-authored-by: Jessica Filben <[email protected]> * Adjust logic in DataClearFilters story (grommet#7108) * Fix undefined case for DataFilter (grommet#7111) * Fix undefined case for DataFilter * Update src/js/components/DataFilter/DataFilter.js Co-authored-by: Jessica Filben <[email protected]> --------- Co-authored-by: Jessica Filben <[email protected]> * Add test for adding additional options to SelectMultiple within onSearch (grommet#7105) * Add test for adding additional options to SelectMultiple within onSearch * change test to use fireEvent instead of userEvent * move faketimers to additional options onSearch test * Implement DataSearch updateOn property (grommet#7110) * Implement DataSearch updateOn property * Address review feedback * Address review feedback * Removed UpdateOnSubmit story from chromatic * fix missing props and typings for tag component (grommet#7099) * fix missing props and typings for tag component * fix missing props and typings for tag component --------- Co-authored-by: sthpe <[email protected]> Co-authored-by: Jessica Filben <[email protected]> * SelectMultiple i18n enhancements (grommet#7104) * feat: add internationalization to selectMultiple * fix: spelling selectedCount * fix: spelling selectedCount * feat: update SelectionSummary with PR commetns * feat: add jest Test for custommessages * fix: remove messages from Basic Props * fix: add PR fix * Feat: add localization to aria text * feat: fix all PR commetnts * fix: Test * fix: update failing test snapshot * update snapshot * fix: pr comments & try fixing ci tests * fix: snapshots * remove comment * remove useless $ in locales * select messages key in alphabetical order * Removed dependence on form for DataSearch * selecMultiple.summarizedValue * selectMultiple.clearAll keys * selectMultiple.selectAll keys * selectMultiple.selected key * selectMultiple.selectedOfTotal key + fix dat-filter test selectAllA11y * selectMultiple.open key + fix clearAllA11y * selectMultiple.search key * SelectMultiple props/locales keys in alphabetical order * last multiple => summarizedValue * alphabetical order for selectMultiple proptypes * Update snapshots * Small refinements to SelectMultiple i18n work * Remove unsupported message * Refine Typescript/propTypes for backwards compatibility * Update src/js/components/SelectMultiple/index.d.ts Co-authored-by: Brittany <[email protected]> * Update src/js/components/SelectMultiple/propTypes.js * Alphabetize * selectDropDown --> selectDrop * Fix snapshots --------- Co-authored-by: jboeckle <[email protected]> Co-authored-by: dbo2019 <[email protected]> Co-authored-by: Thibault Ollivier <[email protected]> Co-authored-by: Brittany Archibeque <[email protected]> Co-authored-by: tol-any <[email protected]> Co-authored-by: Mike Kingdom <[email protected]> Co-authored-by: Brittany <[email protected]> * fix: Remove 'label' attribute from <label> tag (grommet#7101) * Remove 'label' attribute from <label> tag * fix: Remove 'label' attribute from <label> tag * Reverted Simple.js * Align Data+friends propTypes/index.d.ts to latest behavior (grommet#7116) * Remove unused Dataform message * misc cleanups * Fix * Add missing messages * Update src/js/components/Data/index.d.ts * Fix PropTypes syntax * Enhance DataSummary with selected messages (grommet#7114) * Enhance DataSummary with selected messages * Increase bundlesize * Add propTypes/index.d.ts --------- Co-authored-by: Jessica Filben <[email protected]> * Fix DataTableColumns undefined case (grommet#7117) * Check properties length before displaying data clear filters button (grommet#7119) * Updated v2.35.0 * remove stable notification from storybook for data components (grommet#7113) * remove stable notification from storybook for data components * Update src/js/components/DataView/stories/Simple.js Co-authored-by: Jessica Filben <[email protected]> --------- Co-authored-by: Brittany Archibeque <[email protected]> Co-authored-by: Jessica Filben <[email protected]> * upgrade dependencies (grommet#7124) Co-authored-by: Brittany Archibeque <[email protected]> * upgrade remaining dependencies (grommet#7126) Co-authored-by: Brittany Archibeque <[email protected]> * Align Data + friends storybook examples with best practices (grommet#7132) * Align storybook examples with best practices * Rename composed toolbar file * Add primaryKey to List theme (grommet#7136) * fix(range): enables range wheel event override (grommet#7130) * component(range input): adds wheel override to theme * Update src/js/components/RangeInput/__tests__/RangeInput-test.tsx Co-authored-by: Jessica Filben <[email protected]> * cr: removes unused import * fix(range): renames theme context variable * fix(range): address PR feedback --------- Co-authored-by: Tanner B. Hess Webber <[email protected]> Co-authored-by: Jessica Filben <[email protected]> * Form field add max and threshold to validation (grommet#6550) * feat: first commit * test: update snapshots * chore: updata README.md * chore: code review * chore: update validate threshold structure * chore: update story * test: update snapshot * feat: add default threshold * feat: update storybook * fix: FormField.js * chore: minor fixes * chore: change bundle maxSize to 160 kB * chore: minor changes * refactor: add format message * chore: update bundlesize * style: remove comment line * feat: update FormField threshold message * chore: update bundlesize * chore: fix bundlesize * feat: last changes * chore: update bundlesize * Adjust naming of messages * refactor: Form Threshold validation * refactor: minor changes * increase bundlesize --------- Co-authored-by: Jessica Filben <[email protected]> Co-authored-by: Matt Glissmann <[email protected]> Co-authored-by: Mike Kingdom <[email protected]> Co-authored-by: Jessica Filben <[email protected]> * Upgrade Node Engine From 16 to 18 (grommet#6937) * update node engine version * Updating Engine Version Co-authored-by: Jessica Filben <[email protected]> --------- Co-authored-by: Jessica Filben <[email protected]> * Remove engine-strict: true from package.json (grommet#7141) * revert node version back to 16 (grommet#7142) * fix: onOrder buttons should be selectable by hitting the 'Space' key (grommet#7140) * fix: onOrder buttons should be selectable by hitting the 'Space' key * ref: added event.preventDefault onSpace * enhancement : preventDefault added to OnDown and OnUp calls (grommet#7144) * fix: preventDefault added to OnDown and OnUp calls * revered changes package.json * Update package.json * Run form submit validation when submit is fired directly on input (grommet#7148) * Run form submit validation when submit is fired directly on input * Add jest test * Remove .only * Add test workflow (grommet#7150) * Remove chromatic token from package.json (grommet#7151) * Remove chromatic token from package.json * Remove test workflow * Add CircleCI context for release and publish jobs (grommet#7152) * Enhance Box `gap` to accept object with `row` and `column` (grommet#7147) * add code to account for row and columngap * Update src/js/components/Box/__tests__/Box-layout-test.tsx Co-authored-by: Taylor Seamans <[email protected]> * Update src/js/components/Box/__tests__/Box-layout-test.tsx Co-authored-by: Taylor Seamans <[email protected]> * Update src/js/components/Box/propTypes.js Co-authored-by: Taylor Seamans <[email protected]> * Update src/js/components/Box/index.d.ts Co-authored-by: Taylor Seamans <[email protected]> * fix feedback * address feedback * fix object passing through * fix if statement * Update src/js/components/Box/index.d.ts Co-authored-by: Taylor Seamans <[email protected]> --------- Co-authored-by: Brittany Archibeque <[email protected]> Co-authored-by: Taylor Seamans <[email protected]> Co-authored-by: Jessica Filben <[email protected]> * Readonly enhancement for TextInput and DateInput (grommet#7123) * read only accessibility test * add readOnly styling and readOnlyCopy prop to DateInput and TextInput * update bundlesize * add tests * Remove icon from TextInput when in readOnly mode and ensure readonly styling is contained to TextInput and DateInput * incorporate review feedback * remove unnecessary aria-readonly prop * feedback from review * Refine styling and increase button click target * Fix SelectMultiple snapshosts * Remove extra readOnly prop * Fix formfield readOnlyCopy styling * Update src/js/components/TextInput/TextInput.js Co-authored-by: Jessica Filben <[email protected]> --------- Co-authored-by: Taylor Seamans <[email protected]> * Anchor icon and icon-text has extra space fixed (grommet#6534) * fix: Anchor icon fixed * fix: Anchor alignment fixed * refactor: box property Added Box styled as InlineBox for Anchro component only. * refactor: unused snippet removed. * test: Snapshot updated. * clean up unnessicary changes * Update propTypes.js * Update DropContainer.js * Update LayerContainer.js * Update RenderedList.js * Update Simple.tsx * Update index.d.ts * change inline box to icon only * needs vertical align bottom * fix: Anchor Icon and its alignment. * test: Snapshot updated * refactor: property position updated * test: Snapshots updated --------- Co-authored-by: Brittany Archibeque <[email protected]> Co-authored-by: Brittany <[email protected]> Co-authored-by: Jessica Filben <[email protected]> * fix: focus indicator for Layer's hidden anchor in Firefox (grommet#7146) * fix: List focus via keyboard (grommet#7143) * fix: List focus via keyboard * test: Update Snapshots * reafactor: item focus removed * test: Snapshot updated --------- Co-authored-by: Brittany <[email protected]> Co-authored-by: Jessica Filben <[email protected]> * ensure window is available for when SSR (grommet#7156) * Fix dropHeight of DataFilter SelectMultiple (grommet#7157) * List keyboard behavior test and fix lint issues (grommet#7158) * test list keyboard behavior with space and fix lint issues * Update src/js/components/List/__tests__/List-test.js * Pagination — Add `summary` and `stepOptions` (grommet#7133) * add draft of stepselector * clean up code * add summary to one PR * add default value for when stepselector is boolean * add feedback set up points for disscussion for demo * add feedback set up points for disscussion for demo * take out unneeded comment * update code based on team feedback * fix feedback * Update src/js/languages/default.json Co-authored-by: Taylor Seamans <[email protected]> * fix feedback * update values * add tests * change value name * add gap * add edgecase for 0 items * fix namig * clean up code logic * Update src/js/components/Pagination/Pagination.js Co-authored-by: Jessica Filben <[email protected]> * update tests * Update src/js/components/Pagination/__tests__/Pagination-test.tsx Co-authored-by: Jessica Filben <[email protected]> * Update src/js/components/Pagination/PaginationStep.js Co-authored-by: Matthew Glissmann <[email protected]> * add valueLabel * incorporate Matts feedback * fix story * align gap with figma * Update src/js/components/Pagination/stories/Steps.js Co-authored-by: Matthew Glissmann <[email protected]> * update story * Update src/js/components/Pagination/stories/Steps.js Co-authored-by: Matthew Glissmann <[email protected]> * update bundle size * merge master --------- Co-authored-by: Brittany Archibeque <[email protected]> Co-authored-by: Taylor Seamans <[email protected]> Co-authored-by: Jessica Filben <[email protected]> Co-authored-by: Matthew Glissmann <[email protected]> * Updated v2.36.0 * test npm token (grommet#7162) Co-authored-by: Brittany Archibeque <[email protected]> * update bundlesize --------- Co-authored-by: Vinod Krishna Vellampalli <[email protected]> Co-authored-by: Taylor Seamans <[email protected]> Co-authored-by: Mike Kingdom <[email protected]> Co-authored-by: jainex <[email protected]> Co-authored-by: Michael Huynh <[email protected]> Co-authored-by: Matthew Glissmann <[email protected]> Co-authored-by: Brittany <[email protected]> Co-authored-by: Brittany Archibeque <[email protected]> Co-authored-by: Shimi <[email protected]> Co-authored-by: Basith <[email protected]> Co-authored-by: Sulaymon333 <[email protected]> Co-authored-by: sthpe <[email protected]> Co-authored-by: jboeckle <[email protected]> Co-authored-by: dbo2019 <[email protected]> Co-authored-by: Thibault Ollivier <[email protected]> Co-authored-by: tol-any <[email protected]> Co-authored-by: kid-icarus <[email protected]> Co-authored-by: Tanner B. Hess Webber <[email protected]> Co-authored-by: Gabriel Quaresma <[email protected]> Co-authored-by: Joelo <[email protected]> Co-authored-by: Umesh Verma <[email protected]> * add context to release styled components stable * remove beta steps from config * Merge master into styled-components-beta * increase bundlesize --------- Co-authored-by: Taylor Seamans <[email protected]> Co-authored-by: Vinod Krishna Vellampalli <[email protected]> Co-authored-by: Mike Kingdom <[email protected]> Co-authored-by: jainex <[email protected]> Co-authored-by: Michael Huynh <[email protected]> Co-authored-by: Matthew Glissmann <[email protected]> Co-authored-by: Brittany <[email protected]> Co-authored-by: Brittany Archibeque <[email protected]> Co-authored-by: Shimi <[email protected]> Co-authored-by: Basith <[email protected]> Co-authored-by: Sulaymon333 <[email protected]> Co-authored-by: sthpe <[email protected]> Co-authored-by: jboeckle <[email protected]> Co-authored-by: dbo2019 <[email protected]> Co-authored-by: Thibault Ollivier <[email protected]> Co-authored-by: tol-any <[email protected]> Co-authored-by: kid-icarus <[email protected]> Co-authored-by: Tanner B. Hess Webber <[email protected]> Co-authored-by: Gabriel Quaresma <[email protected]> Co-authored-by: Joelo <[email protected]> Co-authored-by: Umesh Verma <[email protected]>
- Loading branch information
22 people
authored
May 21, 2024
1 parent
4916d9a
commit 16301fe