Releases: equinor/design-system
Releases · equinor/design-system
[email protected]
[0.7.7] - 2024-05-14
Changed
- 🗑️
DatePicker
: We removed import of CSS. You need to require the CSS file fromreact-datepicker
. In any event, this component should be considered deprecated in favour ofDatePicker
in@equinor/eds-core-react
. by @torleifhalseth in #3346 - ⬆️ Updated prod dependencies by @oddvernes in #3425
[email protected]
[0.38.0] - 2024-05-14
Added
- ✨
DatePicker
: Enable custom date-formats in the input segments when they are not focused. Also added support for custom locale by @yusijs in #3415
Changed
🧑💻 Autocomplete
: improved type safety for autocomplete whenoptionLabel
is required by @FredrikMWold in #3408- 🚸
Autocomplete
: implement nativepopover
for better compatability withDialog
by @oddvernes in #3416 - ⬆️ Updated prod dependencies by @oddvernes in #3425
Fixed
- 🐛
Autocomplete
"Select all" toggle causing crashes under certain circumstances with controlledAutocomplete
by @mhwaage in #3428 - 🐛
Autocomplete
when toggling "Select all" or clicking the "clear" button, disabled items are now left unchanged. The "x/y selected" text in the input has changed "y" from "total non-disabled items length" to "all items length" by @oddvernes in #3429 - 🐛
Autocomplete
: dragging scrollbar and then switching to using up/down arrow navigation should now work as expected by @oddvernes in #3441
Notes
Due to the introduction of the native popover
attribute, downstream unit tests involving eds Autocomplete
may fail due to Jest/jsDom not having added support for the popover api yet. The easy solution to this is to add the following lines to your jest.setup.ts
or alternatively within the test itself:
HTMLElement.prototype.showPopover = jest.fn()
HTMLElement.prototype.hidePopover = jest.fn()
[email protected]
[0.37.0] - 2024-04-24
Added
- ✨ New components:
Datepicker
andDateRangePicker
by @yusijs in #3387 - ➕ New dependencies
react-aria
@react-aria/utils
@react-stately/calendar
@react-stately/datepicker
@react-types/shared
@internationalized/date
Changed
- 🏷️
Label
: change "meta" field type toReactNode
by @oddvernes in #3341 - 🚸
Autocomplete
: show "no options" on focus whenoptions
is empty by @oddvernes in #3399 - 💄
Menu
: focus-ring changed from :focus to :focus-visible by @oddvernes in #3396
Fixed
- 🐛
TextArea
/TextField
: Fixed scrollbar being inaccessible wheninputIcon
is present by @oddvernes in #3378 - 🐛
TextField
: Dynamically update padding wheninputIcon
changes by @torleifhalseth in #3380 - 🐛
Button
: fixed misaligned clickbounds on icon/ghost icon variants by @oddvernes in #3397 - 🔥
Tabs
: Remove invalid props fromTabListProps
type by @oddvernes in #3401
[email protected]
[0.7.6] - 2024-03-01
Changed
- ⬆️ Update prod dependencies by @oddvernes in #3298
Fixed
- ⬆️
Datepicker
: Update [email protected] to fix focus grabbing on load bug by @oddvernes in #3336
[email protected]
[0.36.1] - 2024-03-01
Changed
- ⬆️ Updated prod dependencies by @oddvernes in #3298
Fixed
- ⬆️
Autocomplete
: Updated [email protected] to fix focus grabbing on load bug by @oddvernes in #3336
[email protected]
[email protected]
[0.3.0] - 2024-02-15
Added
Changed
- 🔧 Update babel compile target to "last 2 Chrome versions, last 2 firefox versions, last 2 safari versions, last 2 edge versions, not dead" by @oddvernes in #3219
- ⚡️ Improve performance by enabling
contain: strict
when width and height is provided by @magnh in #3273 - ✨ Improve data grid by @magnh in #3231
Details of #3231:
- ✨ Reexport
@tanstack/react-table
types to ease typing in apps using the data grid - 📌 Move
eds-core-react
to peer dependencies- This is neccessary because EDS uses React Context and the grid and the project should
have the same React instance running. This makes it possible to set EDS Density of the
table above the component.
- This is neccessary because EDS uses React Context and the grid and the project should
- ♻️ Move text truncating into default cell to enable overwriting cell content
- This enables custom cells like popover, autocomplete or other cells that overflows the cell itself.
- 🐛 Inherit row background color for pinned cells
- This ensures hover color on the whole row when columns are pinned
- 🐛 Support 100% width
- Support string
width
andheight
- Support string
- ✨ Allow setting
minWidth
of table - ✨ Expose
getRowId
callback from react-table - ✨ Expose virtualizer ref
- This is needed to be able to run "scroll to" functionality in apps.
- 🐛 Hide virtualizer rows top and bottom rows when not needed
[email protected]
[0.8.4] - 2024-02-09
Changed
- 🔧 Updated
babel
browserlist from "defaults" to "last 2 versions of chrome/edge/firefox/safari". This reduces build size significantly and removes all the babel runtime helpers. by @oddvernes in #3219
[email protected]
[0.7.5] - 2024-02-09
Changed
- 🔧 Updated
babel
browserlist from "defaults" to "last 2 versions of chrome/edge/firefox/safari". This reduces build size significantly and removes all the babel runtime helpers. by @oddvernes in #3219
[email protected]
[0.36.0] - 2024-02-09
Added
- ✨
Autocomplete
: Implemented "Select all" functionality, enabled withallowSelectAll
prop by @yusijs in #3245 - 💄
Slider
: option to render "value label" below the track with newlabelBelow
prop by @oddvernes in #3227
Fixed
- 🐛
Slider
:onChangeCommitted
was not triggered by touch input by @oddvernes in #3244 - 🐛
Slider
: fixed bug in Firefox where "value label" did not show on hover by @oddvernes in #3224 - 🐛
Snackbar
: A missing check in the autohide timer causedonClose
to be called twice by @oddvernes and @yusijs in #3241 - 🐛
Autocomplete
: withmultiple
,readOnly
was still accessible when clicking in the input.readOnly
was still accessible in both modes when using keyboard arrow buttons by @oddvernes in #3216
Changed
- 💄
Slider
: design adjustments to the "value label": changed color, reduced padding, removed "arrow" and moved closer to the "thumb" by @oddvernes in #3227 - 💄
TextField
/InputWrapper
: allow line break character to work inHelperText
by @oddvernes in #3233 - 🔧 Updated
babel
browserlist from "defaults" to "last 2 versions of chrome/edge/firefox/safari". This reduces build size significantly and removes all the babel runtime helpers. by @oddvernes in #3219 - 🚸
Autocomplete
ux-changes: input cleared on blur, added "no options" dropdown andnoOptionsText
prop by @oddvernes in #3216