grommet/grommet
### [`v2.17.3`](https://togithub.com/grommet/grommet/releases/v2.17.3)
[Compare Source](https://togithub.com/grommet/grommet/compare/v2.17.2...v2.17.3)
General:
- Specified Node engine >=12 in preparation for future project enhancements.
- Added `textAlign` prop to MaskedInput.
- Enhanced Carousel so that it may be implemented as a controlled component.
- Enhanced DateInput to create smarter masks for MaskedInput.
- Enhanced Calendar `date` to accept an array of dates.
- Enhanced Chart `opacity` to support boolean value.
- Enhanced List to add `onOrder` allowing for list items to be re-ordered.
- Enhanced DataTable to support pinning multiple columns.
- Fixed AccordionPanel icon position when `label` contains truncated text.
- Fixed bug in Collapsible where content would not render smoothly.
- Fixed Layer component animation bug when at mobile width.
- Fixed Pagination to update active page when `page` prop changes.
- Fixed RangeSelector to respond to mobile touch gestures.
- Fixed SkipLinks to support having just a single SkipLink.
Accessibility:
- Added `role=”radiogroup”` to RadioButtonGroup and `role=”group”` to CheckBoxGroup to improve screen reader interaction.
- Fixed RadioButtonGroup keyboard interaction to align with WCAG standards.
- Fixed focus behavior on Button-reliant components so focus outline only appears in response to keyboard interaction.
CheckBox:
- Fixed theme property for CheckBox’s toggle color.
- Fixed CheckBox/CheckBoxGroup duplicate focus styling when contained within a FormField.
Grid:
- Added `height` and `width` to allow easier control of Grid dimensions.
- Enhanced Grid’s `columns` capabilities to support a wider range of min-max width values.
Grommet:
- Added `options` prop to Grommet to provide a way to assign a unique id to a single DOM node.
- Enhanced Grommet to support `full=”min”`.
Meter:
- Added `type=”pie”`.
- Added `direction` to allow Meter of type bar to display in either horizontal or vertical direction.
Select:
- Enhanced Select event handling to support Preact.
- Fixed issue where change event not called when `valueLabel` is used.
- Fixed issue where `a11yTitle` was not being applied.
- Fixed scroll behavior of Select’s drop options when using the keyboard.
### [`v2.17.2`](https://togithub.com/grommet/grommet/releases/v2.17.2)
[Compare Source](https://togithub.com/grommet/grommet/compare/v2.17.1...v2.17.2)
General:
- Enhanced Drop to account for `align` when assigning margin.
- Fixed Layer elevation styling, should not apply when `plain`.
- Fixed Box to always render `ThemeContext.Provider`.
- Fixed Typescript definition for CheckBoxGroup `options`.
- Fixed server side rendering warnings.
- Fixed bug with Select when JSX is passed to `options`.
- Changed RadioButtonGroup to add `defaultValue`.
- Changed Form to run validations when component mounts.
Button:
- Allowed use of `aria-label` prop on Button.
- Changed Button to use tip string for `a11yTitle` default value unless otherwise provided.
CheckBox:
- Enhanced CheckBox theming to allow `checkBox.pad` and added `pad` prop.
- Added new `fill` prop to CheckBox.
- Changed React events to apply on Checkbox container level.
DataTable:
- Enhanced DataTable to support use of `groupBy` and `onSelect`/`select` together.
- Enhanced DataTable columns to allow for `plain` render of column data.
- Improved DataTable rendering of CheckBox with `onSelect` to accommodate pad on CheckBox.
- Fixed error that occurred when `paginate` was used with `onClickRow` on DataTable.
- Fixed Typescript for `paginate` on DataTable.
DateInput:
- Fixed bug in DateInput to allow value to be initialized as `[]`, which allows range of dates to start empty.
- Changed DateInput to allow for a leading zero and a 2 digit year in the display format.
### [`v2.17.1`](https://togithub.com/grommet/grommet/releases/v2.17.1)
[Compare Source](https://togithub.com/grommet/grommet/compare/v2.17.0...v2.17.1)
- Fixed issue where Layer was not animating on exit.
- Fixed InfiniteScroll functionality when the length of the data changes.
- Added additional Typescript extended props interfaces to Box, Button, Calendar, DataTable, Drop, Grid, Grommet, Spinner, and
MaskedInput.
- Fixed Anchor props that are leaking to Dom when using styled-components.
### [`v2.17.0`](https://togithub.com/grommet/grommet/releases/v2.17.0)
[Compare Source](https://togithub.com/grommet/grommet/compare/v2.16.3...v2.17.0)
General:
- NEW FileInput component.
- NEW Pagination component.
- NEW Spinner component.
- Added ability to use `theme.formField.label.requiredAsterisk` to have a \* or custom element appear next to the label on required FormFields.
- Added `defaultChecked` prop to CheckBox.
- Changed DataChart to be more resilient to empty properties.
- Ensured that TextInput respects the `defaultSuggestion` prop when the input's onChange is triggered.
- Fixed Keypress functionality in Select when `labelKey` is specified.
- Fixed ResponsiveContext device breakpoints to determine viewport size without scrollbars and borders.
- Fixed `focusIndicator` on TextInput, TextArea, and MaskedInput to only be valid if `plain` is also set.
- Changed Box `hoverIndicator` to accept elevation.
- Added `theme.menu.drop` to allow theming of Menu's drop alignment.
- Changed Tip to use explicit props setting of Drop instead of using `plain`.
- Added additional sizes to Avatar (2xl, 3xl, 4xl, 5xl).
- Fixed Calendar right side border to display when `fill` is set.
- Fixed FormField to only set focus when it also has focus in the DOM.
DataTable:
- Changed DataTable to allow setting the pinned background from the background context.
- Added `rowDetails` prop to enable expansion of DataTable rows.
Drop:
- Added Drop props and theme support for `margin`, `round`, `background` & `elevation`.
- Fixes scroll bug where Drop would not always scroll with its target.
Form:
- Added `onChange` validation option to Form.
- Fixed timing on Form when `validate="blur"`.
- Added valid to `onValidate` in Form to let user know if Form is valid.
- Changed Form to fix blur validation and dynamic fields.
Layer:
- Fixed Layer responsive positioning.
- Enhanced Layer `target` scroll behavior to remove scroll lag.
DEV:
- Upgraded to React 17 add added peer-dependency support.
- Typescript is now supported for component Extended props.
Configuration
📅 Schedule: At any time (no schedule defined).
🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.
♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.
🔕 Ignore: Close this PR and you won't be reminded about this update again.
[ ] If you want to rebase/retry this PR, check this box.
This PR contains the following updates:
2.16.3->2.17.3Release Notes
grommet/grommet
### [`v2.17.3`](https://togithub.com/grommet/grommet/releases/v2.17.3) [Compare Source](https://togithub.com/grommet/grommet/compare/v2.17.2...v2.17.3) General: - Specified Node engine >=12 in preparation for future project enhancements. - Added `textAlign` prop to MaskedInput. - Enhanced Carousel so that it may be implemented as a controlled component. - Enhanced DateInput to create smarter masks for MaskedInput. - Enhanced Calendar `date` to accept an array of dates. - Enhanced Chart `opacity` to support boolean value. - Enhanced List to add `onOrder` allowing for list items to be re-ordered. - Enhanced DataTable to support pinning multiple columns. - Fixed AccordionPanel icon position when `label` contains truncated text. - Fixed bug in Collapsible where content would not render smoothly. - Fixed Layer component animation bug when at mobile width. - Fixed Pagination to update active page when `page` prop changes. - Fixed RangeSelector to respond to mobile touch gestures. - Fixed SkipLinks to support having just a single SkipLink. Accessibility: - Added `role=”radiogroup”` to RadioButtonGroup and `role=”group”` to CheckBoxGroup to improve screen reader interaction. - Fixed RadioButtonGroup keyboard interaction to align with WCAG standards. - Fixed focus behavior on Button-reliant components so focus outline only appears in response to keyboard interaction. CheckBox: - Fixed theme property for CheckBox’s toggle color. - Fixed CheckBox/CheckBoxGroup duplicate focus styling when contained within a FormField. Grid: - Added `height` and `width` to allow easier control of Grid dimensions. - Enhanced Grid’s `columns` capabilities to support a wider range of min-max width values. Grommet: - Added `options` prop to Grommet to provide a way to assign a unique id to a single DOM node. - Enhanced Grommet to support `full=”min”`. Meter: - Added `type=”pie”`. - Added `direction` to allow Meter of type bar to display in either horizontal or vertical direction. Select: - Enhanced Select event handling to support Preact. - Fixed issue where change event not called when `valueLabel` is used. - Fixed issue where `a11yTitle` was not being applied. - Fixed scroll behavior of Select’s drop options when using the keyboard. ### [`v2.17.2`](https://togithub.com/grommet/grommet/releases/v2.17.2) [Compare Source](https://togithub.com/grommet/grommet/compare/v2.17.1...v2.17.2) General: - Enhanced Drop to account for `align` when assigning margin. - Fixed Layer elevation styling, should not apply when `plain`. - Fixed Box to always render `ThemeContext.Provider`. - Fixed Typescript definition for CheckBoxGroup `options`. - Fixed server side rendering warnings. - Fixed bug with Select when JSX is passed to `options`. - Changed RadioButtonGroup to add `defaultValue`. - Changed Form to run validations when component mounts. Button: - Allowed use of `aria-label` prop on Button. - Changed Button to use tip string for `a11yTitle` default value unless otherwise provided. CheckBox: - Enhanced CheckBox theming to allow `checkBox.pad` and added `pad` prop. - Added new `fill` prop to CheckBox. - Changed React events to apply on Checkbox container level. DataTable: - Enhanced DataTable to support use of `groupBy` and `onSelect`/`select` together. - Enhanced DataTable columns to allow for `plain` render of column data. - Improved DataTable rendering of CheckBox with `onSelect` to accommodate pad on CheckBox. - Fixed error that occurred when `paginate` was used with `onClickRow` on DataTable. - Fixed Typescript for `paginate` on DataTable. DateInput: - Fixed bug in DateInput to allow value to be initialized as `[]`, which allows range of dates to start empty. - Changed DateInput to allow for a leading zero and a 2 digit year in the display format. ### [`v2.17.1`](https://togithub.com/grommet/grommet/releases/v2.17.1) [Compare Source](https://togithub.com/grommet/grommet/compare/v2.17.0...v2.17.1) - Fixed issue where Layer was not animating on exit. - Fixed InfiniteScroll functionality when the length of the data changes. - Added additional Typescript extended props interfaces to Box, Button, Calendar, DataTable, Drop, Grid, Grommet, Spinner, and MaskedInput. - Fixed Anchor props that are leaking to Dom when using styled-components. ### [`v2.17.0`](https://togithub.com/grommet/grommet/releases/v2.17.0) [Compare Source](https://togithub.com/grommet/grommet/compare/v2.16.3...v2.17.0) General: - NEW FileInput component. - NEW Pagination component. - NEW Spinner component. - Added ability to use `theme.formField.label.requiredAsterisk` to have a \* or custom element appear next to the label on required FormFields. - Added `defaultChecked` prop to CheckBox. - Changed DataChart to be more resilient to empty properties. - Ensured that TextInput respects the `defaultSuggestion` prop when the input's onChange is triggered. - Fixed Keypress functionality in Select when `labelKey` is specified. - Fixed ResponsiveContext device breakpoints to determine viewport size without scrollbars and borders. - Fixed `focusIndicator` on TextInput, TextArea, and MaskedInput to only be valid if `plain` is also set. - Changed Box `hoverIndicator` to accept elevation. - Added `theme.menu.drop` to allow theming of Menu's drop alignment. - Changed Tip to use explicit props setting of Drop instead of using `plain`. - Added additional sizes to Avatar (2xl, 3xl, 4xl, 5xl). - Fixed Calendar right side border to display when `fill` is set. - Fixed FormField to only set focus when it also has focus in the DOM. DataTable: - Changed DataTable to allow setting the pinned background from the background context. - Added `rowDetails` prop to enable expansion of DataTable rows. Drop: - Added Drop props and theme support for `margin`, `round`, `background` & `elevation`. - Fixes scroll bug where Drop would not always scroll with its target. Form: - Added `onChange` validation option to Form. - Fixed timing on Form when `validate="blur"`. - Added valid to `onValidate` in Form to let user know if Form is valid. - Changed Form to fix blur validation and dynamic fields. Layer: - Fixed Layer responsive positioning. - Enhanced Layer `target` scroll behavior to remove scroll lag. DEV: - Upgraded to React 17 add added peer-dependency support. - Typescript is now supported for component Extended props.Configuration
📅 Schedule: At any time (no schedule defined).
🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.
♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.
🔕 Ignore: Close this PR and you won't be reminded about this update again.
This PR has been generated by WhiteSource Renovate. View repository job log here.