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.0
Release Notes
grommet/grommet
v2.15.2
Compare Source
radioButton.extend
on the theme. Fixed RadioButton theme, so thatradioButton.extend
is not applied to two DOM elements. PreviouslyradioButton.extend
applied to the radio button itself and to the container around the radio button that includes the label. From now on,radioButton.extend
only applies to the styling of the radio button itself, andradioButton.container.extend
applies to the whole container (including the label).To maintain any previous styling done with radioButton.extend, add your styling to
radioButton.container.extend
as well.v2.15.1
Compare Source
General:
replace
andshow
are larger thanstep
.dropProps
functionality for DateInput.active
to pass as a prop to Tab.align
options to Drop's stretch prop.border
.onClick
event for List and handle focus.font.family
to the theme for Paragraph and Text components.theme.global.active
typing.Calendar:
TextInput:
onSuggestionSelect
is used for the suggestion feature instead ofonSelect
.onSelect
for listening to select events.plain='full'
option for omitting padding on plain.DataTable:
fill
prop which allows the table to dynamically respond to the available real estate.pin
prop which allows the first column, header, and/or footer to be pinned.sort.external
.icons.sortable
to DataTable theme.select
andonSelect
props.background
prop andbackground.pinned
theme incompatibilities.v2.15.0
Compare Source
General:
NEW Card component
NEW DateInput component
Updated Box to allow opacity to impact background image
Fixed bug with Select where
onOpen
was 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
ref
propAdded new prop
trapFocus
to Drop and DropButtonAdded theming for RadioButtonGroup container under
radioButtonGroup.container
Accessibility:
a11yTitle
support to TextAreamessages
prop to Video to support accessibility standardsSkipLinks:
messages
Form:
onValidate
, allows users to accessinfos
anderrors
when a form validatescontentProps
prop added to FromField which allows props to be set directly on content Box. When present, overrides props from theme orpad
prop.overflow="hidden"
will no longer be passed in but can be added incontentProps
InfiniteScroll:
RadioButton:
background.color
option in RadioButton themefont-weight
of the label from the themeChart:
point
typesanimate
prop to ChartDataChart:
series
prop that encapsulates things previously in chart,xAxis
andyAxis
axis
prop to replace xAxis and yAxisguide
prop to replace the guide from xAxis and yAxisdetail
prop to provide hover interaction details for horizontal bandsgranularity
concept for axis and guidelegend
prop provides a legendTheming:
margin
via themeplain
Buttons active styling for themes that define button.defaultTypeScript:
onChange
to use intrinsic HTML inputonChange
typeonChange
to accept a string as an argumentonSubmit
handling of value key of form eventday
in Calendaraction
prop typeonSelect
typev2.14.0
Compare Source
General:
a11yTitle
prop as aria-label.rotateLeft
androtateRight
to Box animation.onKeyDown
event for TextArea.RadioButtonGroup:
Form:
background
andborder
options in FormField theme.Accordion:
Menu:
dropProps
in Menu to work with RTL.Select:
onClick
propagation in Select component.onSearch
being called multiple times.Tab/Tabs:
icon
andreverse
props to Tab.responsive
prop to Tabs.alignControls
prop to Tabs.TypeScript:
Hooks:
Dev:
v2.13.0
Compare Source
NEW Sidebar component.
Improved Form documentation.
Changed Accordion to fix an issue with wrapped children panels.
Changes Select to fix an issue with
onChange
value.Added
containerTarget
to 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
a11yTitle
support of Image.Added
ref
support 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.padding
to accept an object.Changed CheckBox
checked
to default to false as documented.Changed Form to fire
onChange
once per change.Changed Form to fix caret issue on input fields.
Fixed warning with FormField on react-dom 16.13.1.
Added
icon
support for Select to enable icon switches when the drop opens or closes.Added extensive theme styling for
disabled
Button.Changed Menu to propagate
dropProps
to 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.0
required
Checkbox.range
.v2.11.3
Compare Source
name
prop for FormField.fill
to be horizontal or vertical.dash
prop to Chart.verticalAlign
under columns.primarykey
false.target
to work for non-modal layers.TypeScript:
Hooks:
v2.11.2
Compare Source
Added
margin
prop to List.Added
target
prop to Layer.Added
icon
andreverse
props to TextInput and MaskedInput.Added
responsive
prop for Grid.Added
sort
andonSort
to DataTable.Added
transition
styling 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
disabled
andrequired
to 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.1
Compare Source
v2.11.0
Compare 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
.size
prop to Button to support ‘small’, ‘medium’ and ‘large’ sizes.pad
prop to Grid.onClick
to work on ‘bar’ and ‘point’ types.background
prop to Grommet component.direction
of ‘column-reverse’ to calculategap
height.border=‘between’
to Box.tabIndex
values for outer focus components.onChange
update on Clock.FormField
round
to FormField border theme.status
to FormFieldvalidate
.validate
to accept an array and setaria-invalid
when validation fails.Form
validate
prop to Form.touched
attribute for FormonSubmit
event.TextInput
ref
focus issue for TextInput.RadioButtonGroup
disable
prop to RadioButtonGroup.TypeScript
onChange
type of RangeInput.value
type 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.0
Compare Source
placeholder
of 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.0
Compare Source
type=‘point’
to Chart.reverse
prop on Menu items.max
prop for Meter.focusIndicator
prop to Box.v2.8.1
Compare Source
gap
of Menu items.onClickItem
on List.a11yTitle
prop to Menu.onClick
to Box.onClickRow
.fill
prop to Imagev2.8.0
Compare Source
caption
behavior for Table.hoverIndicator
for Menu.themeMode
prop to Grommet.a11ytitle
support for Grid.Notes:
v2.7.11
Compare Source
v2.7.10
Compare Source
fill
to WorldMap.step
issue.Note: This release includes massive refactoring to use hooks.
v2.7.9
Compare Source
replace
prop.v2.7.8
Compare Source
height
andwidth
.margin
prop to FormField.background
,border
,pad
, androwProps
.v2.7.7
Compare Source
firstDayOfWeek
is Monday.areas
prop to receive an array of rows.fill
support for Paragraph.onClickRow
to DataTable.v2.7.6
Compare Source
v2.7.5
Compare Source
initialChild
prop to Carousel.fill
on Carousel.hover
functionality across the components.gap
for Grid.v2.7.4
Compare Source
open
.v2.7.3
Compare Source
v2.7.2
Compare Source
size
prop to TextArea.onMore
andreplace
props to Select.onClick
.v2.7.1
Compare Source
step
prop support to DataTableextend
support for input componentssize
support for Meter, HeadingonChange
issue on Formopen
state on Selectv2.7.0
Compare Source
icon
prop to accept a nodeheight
calculationsgap
customization for Buttoncolor
on plainopen
support in MenuwordBreak
support for Textfill
support for Buttonv2.6.6
Compare Source
active
support on the themewrap-reverse
flex support for Boxv2.6.5
Compare Source
v2.6.3
Compare Source
dropProps
v2.6.2
Compare Source
daysOfWeek
prop to Calendar.fallback
prop to Image.opacity
prop to Image.cssVars
prop to Grommet component.onReset
prop to Form.open
prop for Select.icon
prop for Select.plain
.v2.5.5
Compare Source
v2.5.0
Compare Source
elevation
of Boxbackground
items
propsize
support for Chartv2.4.0
Compare Source
justify
propgap
propcolspan
support for TableCelljustifyContent
prop toonBlur
prop to MaskedInputinteractiveChild
prop to Stackid
prop to Selectv2.3.1
Compare Source
v2.3.0
Compare Source
dropHeight
prop to TextInputfull
is trueround
propborder
propflex
propthickness
size in Meteranimate
prop and corner options toposition
prop on LayerprimaryKey
,resize
,sortable
props to DataTablev2.2.1
Compare Source
withTheme
proxy inside grommet to avoid libraries breaking after removewithTheme
in Grommetv2.2.0
Compare Source
dropHeight
,emptySearchMessage
props to Selectgrommet-icons
andgrommet-styles
from peerDependency to dependencyv2.1.1
Compare Source
v2.1.0
Compare Source
replace
prop to InfiniteScrolllabelKey
,disabledKey
,valueLabel
,valueKey
props to Selecttag
prop to Buttontag
prop in favor of styled componentas
elevation
andplain
props to Dropreplace
margin
on Layerv2.0.1
Compare Source
v2.0.0
Compare 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.