stable

Clone or download

Read-only

select/unselect multiple values

part of: story #16645 have searchable (multi) select boxes with (static binding, no dependencies) Please note, unlike Select2, I have chosen not to sort out alphabetically the list of the selected values each time a new value is selected. To me it is useless and a bit unsettling. We'll see later with UXD if he decides to keep the same bahavior. Also please note that the selection of items through keyboard is not implemented yet. How to test: - In an empty multi-list-picker, select several values --> the placeholder disappears --> a "remove all values" button is added in the selection_element --> The values appear selected in the dropdown --> Selected values are displayed in badges --> They have a "remove" button - Unselect a value by clicking its remove button --> it is unselected --> the dropdown opens - Unselect all values by clicking on the "remove all values" button --> all values are unselected --> the dropdown opens - Select several values, then hit the backspace key --> the last selected value is unselected --> it's template is displayed in the search input --> the dropdown opens --> the list is immediately filtered Change-Id: Ie157dfcb28c62d4a521c8be84d9861f90fd0205d

Modified Files

Name
M src/scripts/list-picker/po/fr_FR.po +3 −0 Go to diff View file
M src/scripts/list-picker/src/helpers/DropdownToggler.test.ts +35 −1 Go to diff View file
M src/scripts/list-picker/src/helpers/DropdownToggler.ts +24 −3 Go to diff View file
M src/scripts/list-picker/src/helpers/EventManager.test.ts +52 −11 Go to diff View file
M src/scripts/list-picker/src/helpers/EventManager.ts +20 −5 Go to diff View file
A src/scripts/list-picker/src/helpers/list-picker-items-helper.test.ts +45 −0 Go to diff View file
A src/scripts/list-picker/src/helpers/list-picker-items-helper.ts +33 −0 Go to diff View file
M src/scripts/list-picker/src/list-picker.ts +27 −11 Go to diff View file
M src/scripts/list-picker/src/renderers/BaseComponentRenderer.test.ts +56 −1 Go to diff View file
M src/scripts/list-picker/src/renderers/BaseComponentRenderer.ts +53 −14 Go to diff View file
A src/scripts/list-picker/src/selection/MultipleSelectionManager.test.ts +259 −0 Go to diff View file
A src/scripts/list-picker/src/selection/MultipleSelectionManager.ts +209 −0 Go to diff View file
R src/scripts/list-picker/src/helpers/SelectionManager.test.ts Go to diff View file
R src/scripts/list-picker/src/helpers/SelectionManager.ts Go to diff View file
M src/scripts/list-picker/src/type.d.ts +12 −1 Go to diff View file
M src/scripts/list-picker/themes/BurningParrot/style.scss +47 −0 Go to diff View file
M src/themes/tlp/doc/js/editors.js +18 −0 Go to diff View file
M src/themes/tlp/src/scss/components/_forms.scss +40 −12 Go to diff View file
M src/www/tlp-doc/resources/forms/manifest.json +2 −1 Go to diff View file
A src/www/tlp-doc/resources/forms/multi-list-picker/example.html +107 −0 Go to diff View file
A src/www/tlp-doc/resources/forms/multi-list-picker/manifest.json +3 −0 Go to diff View file