A feature-rich dual listbox for React.
MIT License
Published by jakezatecky 9 months ago
Published by jakezatecky 11 months ago
Published by jakezatecky 11 months ago
This new version includes a variety of breaking changes. Please review them before upgrading.
getOptionLabel
and getOptionValue
properties to allow for custom keys beyond label
and value
(#208)LazyFilterExample.jsx
to demonstrate lazy loading for the options
property by user searchonChange
property: the second argument now returns objects with label
, index
, and value
, instead of just values (#230)icons
property:
moveLeft
, moveAllLeft
, moveRight
, and moveAllRight
to moveToAvailable
, moveAllToAvailable
, moveToSelected
, and moveAllToSelected
iconsClass
property: now defaults to 'fa6'
id
property: no longer defaults to a random UUID when null and no longer used for some child componentslang
property:
moveLeft
, moveAllLeft
, moveRight
, and moveAllRight
to moveToAvailable
, moveAllToAvailable
, moveToSelected
, and moveAllToSelected
filterPlaceholder
into availableFilterPlaceholder
and selectedFilterPlaceholder
options
property: no longer has PropTypes validation for label
and value
(#208)*-right
and *-left
classes to *-to-selected
and *-to-available
type="search"
(#247)rdl-sr-only
classdefaultProps
(#248)optgroup
moved any selected options under iticons
and lang
Migration GuideThe 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 |
Published by jakezatecky almost 2 years ago
moveKeyCode
property with moveKeys
(use keyboard keys instead)filterPlaceholder
property into lang
property (see src/lang/default.js
)arrayFrom
"ponyfill" and rely on array.from
(causes problems with IE11, which is end-of-life)required
propertyalignActions="top"
Published by jakezatecky about 2 years ago
htmlDir
property to support RTL languages (defaults to LTR)controlKey
to the onChange
function such that developers may identify which control triggered the changeiconsClass
, make icons more semantic, and support Unicode iconspreserveSelectOrder
could result in the improper removal of selected values when filteringdisabled
statusPublished by jakezatecky about 2 years ago
Published by jakezatecky over 3 years ago
Published by jakezatecky over 3 years ago
Published by jakezatecky over 3 years ago
simpleValue={false}
not playing nicely with preserveSelectOrder
canFilter
would ignore optgroup labelsPublished by jakezatecky over 3 years ago
disabled
support for elements in the options
propertytitle
support for elements in the options
propertyselection
argument to the onChange
handler to track highlighted valuesclassName
property to allow specification of a custom class on the root nodemoveTop
and moveBottom
buttons to showOrderButtons
propertyallowDuplicates
would fail to add extra items when simpleValue={false}
allowDuplicates
would cause the available
property to be ignoredPublished by jakezatecky over 3 years ago
showHeaderLabels
property to make labels appear above the available and selected list boxesvalue
types would be passed as strings in the onChange
callbackavailableLabel
and selectedLabel
into the lang
property and rename them to availableHeader
and selectedHeader
Published by jakezatecky almost 6 years ago
Published by jakezatecky almost 6 years ago
Published by jakezatecky almost 6 years ago
showOrderButtons
property to allow users to move the selected options up or down in the listshowNoOptionsText
property to make text appear in place of available/selected list boxes when no options are presentallowDuplicates
property to allow more than one copy of an available value to be selectedid
property for control over the HTML ID assigned to the component instancelang
property for localizationicons
property for icon customizationPublished by jakezatecky over 6 years ago
simpleValue
would not reveal selected optgroup optionsPublished by jakezatecky almost 7 years ago
Published by jakezatecky about 7 years ago
simpleValue
property to disable the default behavior of returning an array of values rather than an array of option objectsavailableLabel
and selectedLabel
to change the hidden control label textsmoveKeyCodes
property to set the key codes that trigger a move for the select optionsPublished by jakezatecky about 7 years ago
filter
and onFilterChange
propertiesPublished by jakezatecky over 7 years ago
disabled
property