- Add full support for ESM environments
6.0.3 (2024-02-24)
- Fix issue with move all buttons ignoring filters (#268)
6.0.2 (2024-02-06)
- Add SSR-safe check for the
Element
type
6.0.1 (2023-12-13)
- Fix type validation for
selected
prop when using integers (#258)
6.0.0 (2023-12-06)
This new version includes a variety of breaking changes. Please review them before upgrading.
- Add
getOptionLabel
andgetOptionValue
properties to allow for custom keys beyondlabel
andvalue
(#208) - Add
LazyFilterExample.jsx
to demonstrate lazy loading for theoptions
property by user search
- Breaking:
onChange
property: the second argument now returns objects withlabel
,index
, andvalue
, instead of just values (#230) - Breaking:
icons
property:- Will now merge any missing keys with the default icons
- Rename
moveLeft
,moveAllLeft
,moveRight
, andmoveAllRight
tomoveToAvailable
,moveAllToAvailable
,moveToSelected
, andmoveAllToSelected
- Breaking:
iconsClass
property: now defaults to'fa6'
- Breaking:
id
property: no longer defaults to a random UUID when null and no longer used for some child components - Breaking:
lang
property:- Will now merge any missing keys with the default language
- Rename
moveLeft
,moveAllLeft
,moveRight
, andmoveAllRight
tomoveToAvailable
,moveAllToAvailable
,moveToSelected
, andmoveAllToSelected
- Split
filterPlaceholder
intoavailableFilterPlaceholder
andselectedFilterPlaceholder
- Breaking:
options
property: no longer has PropTypes validation forlabel
andvalue
(#208) - Breaking: Rename
*-right
and*-left
classes to*-to-selected
and*-to-available
- Improve accessibility of required error
- Change filter input to
type="search"
(#247)
- Breaking: Drop support for Less.js styles
- Breaking: Drop support for React before v16.8
- Breaking: Remove
rdl-sr-only
class - Drop usage of deprecated
defaultProps
(#248)
- Fix positioning of action buttons relative to the list boxes
- Prevent situation where double-clicking an
optgroup
moved any selected options under it
The keys moveLeft
, moveAllLeft
, moveRight
, and moveAllRight
are now moveToAvailable
, moveAllToAvailable
, moveToSelected
, and moveAllToSelected
in all instances. Refer to the table below to rename any affected icons
or lang
keys:
Old Key Name | New Key Name |
---|---|
moveLeft |
moveToAvailable |
moveAllLeft |
moveAllToAvailable |
moveRight |
moveToSelected |
moveAllRight |
moveAllToSelected |
v5.0.2 (2023-02-08)
- [#217]: Fix issue where re-arrangement of an element would cause it to lose its selection status
- Make Chrome and Firefox have the same styles when an input is active
v5.0.1 (2023-01-26)
- Fix issues with loading stylesheets due to
exports
conflicts - Fix default imports (you can still import
./src/index.js
provided you have a Babel loader)
v5.0.0 (2023-01-26)
- No longer minify bundled JavaScript (up to users to do so)
- [#215]: Fix issue where the control height would not scale with parent
v4.0.0 (2022-12-08)
- Replace
moveKeyCode
property withmoveKeys
(use keyboard keys instead) - Merge
filterPlaceholder
property intolang
property (seesrc/lang/default.js
) - Drop
arrayFrom
"ponyfill" and rely onarray.from
(causes problems with IE11, which is end-of-life)
- [#52]: Add
required
property
- Fix small border radius issues when
alignActions="top"
- Force Firefox to make input borders transparent when focus received (like Chrome)
v3.0.1 (2022-10-28)
- [#139]: Fix issue where selections would persist after moving options
- Increase performance when
simpleValue={false}
v3.0.0 (2022-10-24)
- [#76]: (breaking) Add
htmlDir
property to support RTL languages (defaults to LTR) - [#146]: Add styles for small viewport devices (<576px)
- [#203]: Add
controlKey
to theonChange
function such that developers may identify which control triggered the change - [#209]: (breaking) Add
iconsClass
, make icons more semantic, and support Unicode icons
- [#142]: Fix issue where
preserveSelectOrder
could result in the improper removal of selected values when filtering - [#148]: Fix issue where the "Move All" actions ignored individual
disabled
status
v2.3.0 (2022-09-06)
- [#196]: Add React 18 to the peer dependency (Note: React 18 is not part of the automatic testing, but should work)
v2.2.0 (2021-06-08)
- [#136]: Add support for React 17
v2.1.2 (2021-05-20)
- [#147]: Update lodash to resolve security vulnerability
v2.1.1 (2021-04-04)
- [#113]: Fix issue with
simpleValue={false}
not playing nicely withpreserveSelectOrder
- [#116]: Fix issue where the
canFilter
would ignore optgroup labels
v2.1.0 (2021-04-03)
- [#80]: Add
disabled
support for elements in theoptions
property - [#87]: Add
title
support for elements in theoptions
property - [#90]: Add
selection
argument to theonChange
handler to track highlighted values - [#104]: Add
className
property to allow specification of a custom class on the root node - [#133]: Add
moveTop
andmoveBottom
buttons toshowOrderButtons
property
- [#103]: Fix issue where
allowDuplicates
would fail to add extra items whensimpleValue={false}
- [#110]: Fix issue where
allowDuplicates
would cause theavailable
property to be ignored - [#124]: Fix issue where the selection area would return to the top of the list after moving items with some properties
v2.0.0 (2019-05-14)
- [#22]: Add
showHeaderLabels
property to make labels appear above the available and selected list boxes
- [#73]: Fix issue where a numeric
value
types would be passed as strings in theonChange
callback
- [#61]: (breaking) Merge
availableLabel
andselectedLabel
into thelang
property and rename them toavailableHeader
andselectedHeader
- [#62]: Add test to ensure that Less and Sass source files generate the same compiled CSS
- [#75]: Reduce filtering computational complexity to increase performance when using a large number of options
v1.4.2 (2018-12-21)
- [#57]: Fix issue where clicking on the ordering buttons would result in errors if the selected list was empty
- [#58]: Fix issue where not all items marked in the selected list would be removed when the "Move left" button was clicked
v1.4.1 (2018-12-17)
- [#56]: Fix various PropTypes errors
v1.4.0 (2018-12-16)
- [#24]: Add
showOrderButtons
property to allow users to move the selected options up or down in the list - [#43]: Add
showNoOptionsText
property to make text appear in place of available/selected list boxes when no options are present - [#48]: Add
allowDuplicates
property to allow more than one copy of an available value to be selected - [#50]: Add
id
property for control over the HTML ID assigned to the component instance - [#54]: Add
lang
property for localization - [#55]: Add
icons
property for icon customization
- [#53]: Fix an issue where previously selected options would be duplicated when using the "Move all right" button
v1.3.2 (2018-02-06)
- [#35]: Fix issue where
simpleValue
would not reveal selected optgroup options - [#36]: Fix default filtering when dealing with regular expression symbols
v1.3.1 (2018-01-06)
- [#33]: Fix sizing issues in IE 11 when the action buttons are aligned to the top
v1.3.0 (2017-09-10)
- [#27]: Add
simpleValue
property to disable the default behavior of returning an array of values rather than an array of option objects - [#28]: Add
availableLabel
andselectedLabel
to change the hidden control label texts - [#30]: Add
moveKeyCodes
property to set the key codes that trigger a move for the select options
v1.2.0 (2017-08-12)
- [#26]: Add support for
filter
andonFilterChange
properties
v1.1.0 (2017-05-11)
- [#21]: Add support for
disabled
property
v1.0.1 (2017-04-11)
- [#19]: Fix issue with additional border appearing between two action buttons
v1.0.0 (2017-04-10)
- [#6]: Search and filtering has been added with the props
canFilter
,filterPlaceholder
, andfilterCallback
- [#14]: Allow movement buttons to be arranged above lists using the
alignActions
prop
- [#10]: Fix an issue where selections would shift down after moving items to the opposite list
- [#18]: Remove requirement on
Array.from
polyfill
v0.6.0 (2017-03-25)
- [#15]: Components are now more accessible to assistive technologies
- [#16]: (breaking) Rename
.rdl-btn
to.rdl-move
- [#17]: (breaking) Use color more consistently and make font-family inherit
v0.5.1 (2017-01-12)
- [#2]: Add support for
availableRef
andselectedRef
v0.5.0 (2017-01-10)
- [#12]: Bootstrap is no longer required for the component to display properly
- [#13]: Component styles are a bit more flexible by default
v0.4.0 (2016-12-31)
- [#3]: Fix an issue where events were not firing in IE 11
- [#9]: Fix an issue where flexbox styling in IE 11 was not being applied correctly
- [#11]: Add ability to toggle selected options on pressing Enter
v0.3.4 (2016-12-28)
- [#7]: Fix an issue where clicking on the icon of a button would not trigger events properly in some browsers