- Fix CommonJS exports
6.1.0 (2026-05-10)
- Add full support for ESM environments
- Add support for React 19 (#317)
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
Elementtype
6.0.1 (2023-12-13)
- Fix type validation for
selectedprop 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
getOptionLabelandgetOptionValueproperties to allow for custom keys beyondlabelandvalue(#208) - Add
LazyFilterExample.jsxto demonstrate lazy loading for theoptionsproperty by user search
- Breaking:
onChangeproperty: the second argument now returns objects withlabel,index, andvalue, instead of just values (#230) - Breaking:
iconsproperty:- Will now merge any missing keys with the default icons
- Rename
moveLeft,moveAllLeft,moveRight, andmoveAllRighttomoveToAvailable,moveAllToAvailable,moveToSelected, andmoveAllToSelected
- Breaking:
iconsClassproperty: now defaults to'fa6' - Breaking:
idproperty: no longer defaults to a random UUID when null and no longer used for some child components - Breaking:
langproperty:- Will now merge any missing keys with the default language
- Rename
moveLeft,moveAllLeft,moveRight, andmoveAllRighttomoveToAvailable,moveAllToAvailable,moveToSelected, andmoveAllToSelected - Split
filterPlaceholderintoavailableFilterPlaceholderandselectedFilterPlaceholder
- Breaking:
optionsproperty: no longer has PropTypes validation forlabelandvalue(#208) - Breaking: Rename
*-rightand*-leftclasses to*-to-selectedand*-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-onlyclass - Drop usage of deprecated
defaultProps(#248)
- Fix positioning of action buttons relative to the list boxes
- Prevent situation where double-clicking an
optgroupmoved 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
exportsconflicts - Fix default imports (you can still import
./src/index.jsprovided 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
moveKeyCodeproperty withmoveKeys(use keyboard keys instead) - Merge
filterPlaceholderproperty intolangproperty (seesrc/lang/default.js) - Drop
arrayFrom"ponyfill" and rely onarray.from(causes problems with IE11, which is end-of-life)
- [#52]: Add
requiredproperty
- 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
htmlDirproperty to support RTL languages (defaults to LTR) - [#146]: Add styles for small viewport devices (<576px)
- [#203]: Add
controlKeyto theonChangefunction 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
preserveSelectOrdercould result in the improper removal of selected values when filtering - [#148]: Fix issue where the "Move All" actions ignored individual
disabledstatus
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
canFilterwould ignore optgroup labels
v2.1.0 (2021-04-03)
- [#80]: Add
disabledsupport for elements in theoptionsproperty - [#87]: Add
titlesupport for elements in theoptionsproperty - [#90]: Add
selectionargument to theonChangehandler to track highlighted values - [#104]: Add
classNameproperty to allow specification of a custom class on the root node - [#133]: Add
moveTopandmoveBottombuttons toshowOrderButtonsproperty
- [#103]: Fix issue where
allowDuplicateswould fail to add extra items whensimpleValue={false} - [#110]: Fix issue where
allowDuplicateswould cause theavailableproperty 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
showHeaderLabelsproperty to make labels appear above the available and selected list boxes
- [#73]: Fix issue where a numeric
valuetypes would be passed as strings in theonChangecallback
- [#61]: (breaking) Merge
availableLabelandselectedLabelinto thelangproperty and rename them toavailableHeaderandselectedHeader - [#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
showOrderButtonsproperty to allow users to move the selected options up or down in the list - [#43]: Add
showNoOptionsTextproperty to make text appear in place of available/selected list boxes when no options are present - [#48]: Add
allowDuplicatesproperty to allow more than one copy of an available value to be selected - [#50]: Add
idproperty for control over the HTML ID assigned to the component instance - [#54]: Add
langproperty for localization - [#55]: Add
iconsproperty 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
simpleValuewould 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
simpleValueproperty to disable the default behavior of returning an array of values rather than an array of option objects - [#28]: Add
availableLabelandselectedLabelto change the hidden control label texts - [#30]: Add
moveKeyCodesproperty to set the key codes that trigger a move for the select options
v1.2.0 (2017-08-12)
- [#26]: Add support for
filterandonFilterChangeproperties
v1.1.0 (2017-05-11)
- [#21]: Add support for
disabledproperty
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
alignActionsprop
- [#10]: Fix an issue where selections would shift down after moving items to the opposite list
- [#18]: Remove requirement on
Array.frompolyfill
v0.6.0 (2017-03-25)
- [#15]: Components are now more accessible to assistive technologies
- [#16]: (breaking) Rename
.rdl-btnto.rdl-move - [#17]: (breaking) Use color more consistently and make font-family inherit
v0.5.1 (2017-01-12)
- [#2]: Add support for
availableRefandselectedRef
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