This repository was archived by the owner on Aug 5, 2021. It is now read-only.
Update dependency grommet to v2 #78
Open
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.
This PR contains the following updates:
^1.1.0->^2.0.0Release Notes
grommet/grommet
v2.15.2Compare Source
radioButton.extendon the theme. Fixed RadioButton theme, so thatradioButton.extendis not applied to two DOM elements. PreviouslyradioButton.extendapplied to the radio button itself and to the container around the radio button that includes the label. From now on,radioButton.extendonly applies to the styling of the radio button itself, andradioButton.container.extendapplies to the whole container (including the label).To maintain any previous styling done with radioButton.extend, add your styling to
radioButton.container.extendas well.v2.15.1Compare Source
General:
replaceandshoware larger thanstep.dropPropsfunctionality for DateInput.activeto pass as a prop to Tab.alignoptions to Drop's stretch prop.border.onClickevent for List and handle focus.font.familyto the theme for Paragraph and Text components.theme.global.activetyping.Calendar:
TextInput:
onSuggestionSelectis used for the suggestion feature instead ofonSelect.onSelectfor listening to select events.plain='full'option for omitting padding on plain.DataTable:
fillprop which allows the table to dynamically respond to the available real estate.pinprop which allows the first column, header, and/or footer to be pinned.sort.external.icons.sortableto DataTable theme.selectandonSelectprops.backgroundprop andbackground.pinnedtheme incompatibilities.v2.15.0Compare Source
General:
NEW Card component
NEW DateInput component
Updated Box to allow opacity to impact background image
Fixed bug with Select where
onOpenwas being called twiceAdded a default mask to MaskedInput
Changed ResponsiveContext to address breakpoint issue
Added option to Menu to allow different icons for open and close
Updated Text, Grid, and Heading to accept React
refpropAdded new prop
trapFocusto Drop and DropButtonAdded theming for RadioButtonGroup container under
radioButtonGroup.containerAccessibility:
a11yTitlesupport to TextAreamessagesprop to Video to support accessibility standardsSkipLinks:
messagesForm:
onValidate, allows users to accessinfosanderrorswhen a form validatescontentPropsprop added to FromField which allows props to be set directly on content Box. When present, overrides props from theme orpadprop.overflow="hidden"will no longer be passed in but can be added incontentPropsInfiniteScroll:
RadioButton:
background.coloroption in RadioButton themefont-weightof the label from the themeChart:
pointtypesanimateprop to ChartDataChart:
seriesprop that encapsulates things previously in chart,xAxisandyAxisaxisprop to replace xAxis and yAxisguideprop to replace the guide from xAxis and yAxisdetailprop to provide hover interaction details for horizontal bandsgranularityconcept for axis and guidelegendprop provides a legendTheming:
marginvia themeplainButtons active styling for themes that define button.defaultTypeScript:
onChangeto use intrinsic HTML inputonChangetypeonChangeto accept a string as an argumentonSubmithandling of value key of form eventdayin Calendaractionprop typeonSelecttypev2.14.0Compare Source
General:
a11yTitleprop as aria-label.rotateLeftandrotateRightto Box animation.onKeyDownevent for TextArea.RadioButtonGroup:
Form:
backgroundandborderoptions in FormField theme.Accordion:
Menu:
dropPropsin Menu to work with RTL.Select:
onClickpropagation in Select component.onSearchbeing called multiple times.Tab/Tabs:
iconandreverseprops to Tab.responsiveprop to Tabs.alignControlsprop to Tabs.TypeScript:
Hooks:
Dev:
v2.13.0Compare Source
NEW Sidebar component.
Improved Form documentation.
Changed Accordion to fix an issue with wrapped children panels.
Changes Select to fix an issue with
onChangevalue.Added
containerTargetto Grommet, for enhanced Drop/Layer containers positioning.Changed InfiniteScroll to address issues with React.StrictMode.
Fixed console warning of List.
Fixed an issue with
gap=“none”on RadioButtonGroup.Fixed
a11yTitlesupport of Image.Added
refsupport to Paragraph.Added ‘size’ option to ‘columns’ prop of DataTable.
Fixed the sort icon switch in DataTable.
Changed TextInput, MaskedInput, and TextArea to work as uncontrolled components.
Enhanced the theme
global.input.paddingto accept an object.Changed CheckBox
checkedto default to false as documented.Changed Form to fire
onChangeonce per change.Changed Form to fix caret issue on input fields.
Fixed warning with FormField on react-dom 16.13.1.
Added
iconsupport for Select to enable icon switches when the drop opens or closes.Added extensive theme styling for
disabledButton.Changed Menu to propagate
dropPropsto DropButton.Changed DropButtton to fix an issue with function refs.
Added theme properties for primary and active Button.
TypeScript:
control.open.Hooks Refactoring:
v2.12.0requiredCheckbox.range.v2.11.3Compare Source
nameprop for FormField.fillto be horizontal or vertical.dashprop to Chart.verticalAlignunder columns.primarykeyfalse.targetto work for non-modal layers.TypeScript:
Hooks:
v2.11.2Compare Source
Added
marginprop to List.Added
targetprop to Layer.Added
iconandreverseprops to TextInput and MaskedInput.Added
responsiveprop for Grid.Added
sortandonSortto DataTable.Added
transitionstyling to the Button theme.Changed DataTable to handle an empty column definition.
Fixed an issue with
border=“between”.Fixed Drop issue with onSuggestionOpen/Close.
Fixed Layer background issue on IE11.
Fixed mask enforcement on MaskedInput.
Fixed issue with Select InfiniteScroll when reaching to the end of the container.
Changed FormField to propagate
disabledandrequiredto a created input element.Changed FormField to remove validation when unmounted.
Changed Form to fix an issue with setting value from a component.
Changed FormField to allow react nodes for help, error, and info.
Refactoring Drop, Layer, Carousel class components to use React hooks.
TypeScript support:
v2.11.1Compare Source
v2.11.0Compare Source
General
background-contrast,background-front,background-back,text-weak,text-strong,text-xweak,active-background,selected-background,selected-text,graph-0,graph-1,graph-2,graph-3.sizeprop to Button to support ‘small’, ‘medium’ and ‘large’ sizes.padprop to Grid.onClickto work on ‘bar’ and ‘point’ types.backgroundprop to Grommet component.directionof ‘column-reverse’ to calculategapheight.border=‘between’to Box.tabIndexvalues for outer focus components.onChangeupdate on Clock.FormField
roundto FormField border theme.statusto FormFieldvalidate.validateto accept an array and setaria-invalidwhen validation fails.Form
validateprop to Form.touchedattribute for FormonSubmitevent.TextInput
reffocus issue for TextInput.RadioButtonGroup
disableprop to RadioButtonGroup.TypeScript
onChangetype of RangeInput.valuetype to include object.dependencies
Note: Due to the new color additions of
graph-0,graph-1,graph-2,graph-3, the logic of color calculations on visual components has changed. You wouldn’t tell the difference unless you are using a Meter with an array of more than two default grommet colors.v2.10.0Compare Source
placeholderof TextInput.As indicated in the getting started documentation, styled-components should be included in your
package.json, just like react and react-dom.
TypeScript:
onSelect.Hooks:
v2.9.0Compare Source
type=‘point’to Chart.reverseprop on Menu items.maxprop for Meter.focusIndicatorprop to Box.v2.8.1Compare Source
gapof Menu items.onClickItemon List.a11yTitleprop to Menu.onClickto Box.onClickRow.fillprop to Imagev2.8.0Compare Source
captionbehavior for Table.hoverIndicatorfor Menu.themeModeprop to Grommet.a11ytitlesupport for Grid.Notes:
v2.7.11Compare Source
v2.7.10Compare Source
fillto WorldMap.stepissue.Note: This release includes massive refactoring to use hooks.
v2.7.9Compare Source
replaceprop.v2.7.8Compare Source
heightandwidth.marginprop to FormField.background,border,pad, androwProps.v2.7.7Compare Source
firstDayOfWeekis Monday.areasprop to receive an array of rows.fillsupport for Paragraph.onClickRowto DataTable.v2.7.6Compare Source
v2.7.5Compare Source
initialChildprop to Carousel.fillon Carousel.hoverfunctionality across the components.gapfor Grid.v2.7.4Compare Source
open.v2.7.3Compare Source
v2.7.2Compare Source
sizeprop to TextArea.onMoreandreplaceprops to Select.onClick.v2.7.1Compare Source
stepprop support to DataTableextendsupport for input componentssizesupport for Meter, HeadingonChangeissue on Formopenstate on Selectv2.7.0Compare Source
iconprop to accept a nodeheightcalculationsgapcustomization for Buttoncoloron plainopensupport in MenuwordBreaksupport for Textfillsupport for Buttonv2.6.6Compare Source
activesupport on the themewrap-reverseflex support for Boxv2.6.5Compare Source
v2.6.3Compare Source
dropPropsv2.6.2Compare Source
daysOfWeekprop to Calendar.fallbackprop to Image.opacityprop to Image.cssVarsprop to Grommet component.onResetprop to Form.openprop for Select.iconprop for Select.plain.v2.5.5Compare Source
v2.5.0Compare Source
elevationof Boxbackgrounditemspropsizesupport for Chartv2.4.0Compare Source
justifypropgappropcolspansupport for TableCelljustifyContentprop toonBlurprop to MaskedInputinteractiveChildprop to Stackidprop to Selectv2.3.1Compare Source
v2.3.0Compare Source
dropHeightprop to TextInputfullis trueroundpropborderpropflexpropthicknesssize in Meteranimateprop and corner options topositionprop on LayerprimaryKey,resize,sortableprops to DataTablev2.2.1Compare Source
withThemeproxy inside grommet to avoid libraries breaking after removewithThemein Grommetv2.2.0Compare Source
dropHeight,emptySearchMessageprops to Selectgrommet-iconsandgrommet-stylesfrom peerDependency to dependencyv2.1.1Compare Source
v2.1.0Compare Source
replaceprop to InfiniteScrolllabelKey,disabledKey,valueLabel,valueKeyprops to Selecttagprop to Buttontagprop in favor of styled componentaselevationandplainprops to Dropreplacemarginon Layerv2.0.1Compare Source
v2.0.0Compare Source
Renovate configuration
📅 Schedule: At any time (no schedule defined).
🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.
♻️ Rebasing: Renovate will not automatically rebase this PR, because other commits have been found.
🔕 Ignore: Close this PR and you won't be reminded about this update again.
This PR has been generated by Renovate Bot.