@patternfly/react-core 6.0.0-alpha.69 → 6.0.0-alpha.70
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/components/package.json +1 -1
- package/deprecated/package.json +1 -1
- package/dist/dynamic/components/AboutModal/package.json +1 -1
- package/dist/dynamic/components/Accordion/package.json +1 -1
- package/dist/dynamic/components/ActionList/package.json +1 -1
- package/dist/dynamic/components/Alert/package.json +1 -1
- package/dist/dynamic/components/Avatar/package.json +1 -1
- package/dist/dynamic/components/BackToTop/package.json +1 -1
- package/dist/dynamic/components/Backdrop/package.json +1 -1
- package/dist/dynamic/components/BackgroundImage/package.json +1 -1
- package/dist/dynamic/components/Badge/package.json +1 -1
- package/dist/dynamic/components/Banner/package.json +1 -1
- package/dist/dynamic/components/Brand/package.json +1 -1
- package/dist/dynamic/components/Breadcrumb/package.json +1 -1
- package/dist/dynamic/components/Button/package.json +1 -1
- package/dist/dynamic/components/CalendarMonth/package.json +1 -1
- package/dist/dynamic/components/Card/package.json +1 -1
- package/dist/dynamic/components/Checkbox/package.json +1 -1
- package/dist/dynamic/components/ClipboardCopy/package.json +1 -1
- package/dist/dynamic/components/CodeBlock/package.json +1 -1
- package/dist/dynamic/components/DataList/package.json +1 -1
- package/dist/dynamic/components/DatePicker/package.json +1 -1
- package/dist/dynamic/components/DescriptionList/package.json +1 -1
- package/dist/dynamic/components/Divider/package.json +1 -1
- package/dist/dynamic/components/Drawer/package.json +1 -1
- package/dist/dynamic/components/Dropdown/package.json +1 -1
- package/dist/dynamic/components/DualListSelector/package.json +1 -1
- package/dist/dynamic/components/EmptyState/package.json +1 -1
- package/dist/dynamic/components/ExpandableSection/package.json +1 -1
- package/dist/dynamic/components/FileUpload/package.json +1 -1
- package/dist/dynamic/components/Form/package.json +1 -1
- package/dist/dynamic/components/FormSelect/package.json +1 -1
- package/dist/dynamic/components/HelperText/package.json +1 -1
- package/dist/dynamic/components/Hint/package.json +1 -1
- package/dist/dynamic/components/Icon/package.json +1 -1
- package/dist/dynamic/components/InputGroup/package.json +1 -1
- package/dist/dynamic/components/JumpLinks/package.json +1 -1
- package/dist/dynamic/components/Label/package.json +1 -1
- package/dist/dynamic/components/List/package.json +1 -1
- package/dist/dynamic/components/LoginPage/package.json +1 -1
- package/dist/dynamic/components/Masthead/package.json +1 -1
- package/dist/dynamic/components/Menu/package.json +1 -1
- package/dist/dynamic/components/MenuToggle/package.json +1 -1
- package/dist/dynamic/components/Modal/package.json +1 -1
- package/dist/dynamic/components/MultipleFileUpload/package.json +1 -1
- package/dist/dynamic/components/Nav/package.json +1 -1
- package/dist/dynamic/components/NotificationBadge/package.json +1 -1
- package/dist/dynamic/components/NotificationDrawer/package.json +1 -1
- package/dist/dynamic/components/NumberInput/package.json +1 -1
- package/dist/dynamic/components/OverflowMenu/package.json +1 -1
- package/dist/dynamic/components/Page/package.json +1 -1
- package/dist/dynamic/components/Pagination/package.json +1 -1
- package/dist/dynamic/components/Panel/package.json +1 -1
- package/dist/dynamic/components/Popover/package.json +1 -1
- package/dist/dynamic/components/Progress/package.json +1 -1
- package/dist/dynamic/components/ProgressStepper/package.json +1 -1
- package/dist/dynamic/components/Radio/package.json +1 -1
- package/dist/dynamic/components/SearchInput/package.json +1 -1
- package/dist/dynamic/components/Select/package.json +1 -1
- package/dist/dynamic/components/Sidebar/package.json +1 -1
- package/dist/dynamic/components/SimpleList/package.json +1 -1
- package/dist/dynamic/components/Skeleton/package.json +1 -1
- package/dist/dynamic/components/SkipToContent/package.json +1 -1
- package/dist/dynamic/components/Slider/package.json +1 -1
- package/dist/dynamic/components/Spinner/package.json +1 -1
- package/dist/dynamic/components/Switch/package.json +1 -1
- package/dist/dynamic/components/Tabs/package.json +1 -1
- package/dist/dynamic/components/Text/package.json +1 -1
- package/dist/dynamic/components/TextArea/package.json +1 -1
- package/dist/dynamic/components/TextInput/package.json +1 -1
- package/dist/dynamic/components/TextInputGroup/package.json +1 -1
- package/dist/dynamic/components/Tile/package.json +1 -1
- package/dist/dynamic/components/TimePicker/package.json +1 -1
- package/dist/dynamic/components/Timestamp/package.json +1 -1
- package/dist/dynamic/components/Title/package.json +1 -1
- package/dist/dynamic/components/ToggleGroup/package.json +1 -1
- package/dist/dynamic/components/Toolbar/package.json +1 -1
- package/dist/dynamic/components/Tooltip/package.json +1 -1
- package/dist/dynamic/components/TreeView/package.json +1 -1
- package/dist/dynamic/components/Truncate/package.json +1 -1
- package/dist/dynamic/components/Wizard/hooks/package.json +1 -1
- package/dist/dynamic/components/Wizard/package.json +1 -1
- package/dist/dynamic/deprecated/components/Chip/package.json +1 -1
- package/dist/dynamic/deprecated/components/DragDrop/package.json +1 -1
- package/dist/dynamic/deprecated/components/DualListSelector/package.json +1 -0
- package/dist/dynamic/deprecated/components/Modal/package.json +1 -1
- package/dist/dynamic/deprecated/components/Wizard/package.json +1 -1
- package/dist/dynamic/deprecated/components/package.json +1 -1
- package/dist/dynamic/helpers/FocusTrap/FocusTrap/package.json +1 -1
- package/dist/dynamic/helpers/GenerateId/GenerateId/package.json +1 -1
- package/dist/dynamic/helpers/KeyboardHandler/package.json +1 -1
- package/dist/dynamic/helpers/OUIA/ouia/package.json +1 -1
- package/dist/dynamic/helpers/Popper/Popper/package.json +1 -1
- package/dist/dynamic/helpers/constants/package.json +1 -1
- package/dist/dynamic/helpers/datetimeUtils/package.json +1 -1
- package/dist/dynamic/helpers/fileUtils/package.json +1 -1
- package/dist/dynamic/helpers/htmlConstants/package.json +1 -1
- package/dist/dynamic/helpers/package.json +1 -1
- package/dist/dynamic/helpers/resizeObserver/package.json +1 -1
- package/dist/dynamic/helpers/typeUtils/package.json +1 -1
- package/dist/dynamic/helpers/useInterval/package.json +1 -1
- package/dist/dynamic/helpers/useIsomorphicLayout/package.json +1 -1
- package/dist/dynamic/helpers/useUnmountEffect/package.json +1 -1
- package/dist/dynamic/helpers/util/package.json +1 -1
- package/dist/dynamic/layouts/Bullseye/package.json +1 -1
- package/dist/dynamic/layouts/Flex/package.json +1 -1
- package/dist/dynamic/layouts/Gallery/package.json +1 -1
- package/dist/dynamic/layouts/Grid/package.json +1 -1
- package/dist/dynamic/layouts/Level/package.json +1 -1
- package/dist/dynamic/layouts/Split/package.json +1 -1
- package/dist/dynamic/layouts/Stack/package.json +1 -1
- package/dist/dynamic/styles/package.json +1 -1
- package/dist/dynamic-modules.json +0 -3
- package/dist/esm/components/DualListSelector/DualListSelector.d.ts +4 -112
- package/dist/esm/components/DualListSelector/DualListSelector.d.ts.map +1 -1
- package/dist/esm/components/DualListSelector/DualListSelector.js +3 -433
- package/dist/esm/components/DualListSelector/DualListSelector.js.map +1 -1
- package/dist/esm/components/DualListSelector/DualListSelectorContext.d.ts +0 -1
- package/dist/esm/components/DualListSelector/DualListSelectorContext.d.ts.map +1 -1
- package/dist/esm/components/DualListSelector/DualListSelectorContext.js.map +1 -1
- package/dist/esm/components/DualListSelector/DualListSelectorControl.js +1 -1
- package/dist/esm/components/DualListSelector/DualListSelectorControl.js.map +1 -1
- package/dist/esm/components/DualListSelector/DualListSelectorControlsWrapper.d.ts +1 -1
- package/dist/esm/components/DualListSelector/DualListSelectorControlsWrapper.d.ts.map +1 -1
- package/dist/esm/components/DualListSelector/DualListSelectorControlsWrapper.js +1 -0
- package/dist/esm/components/DualListSelector/DualListSelectorControlsWrapper.js.map +1 -1
- package/dist/esm/components/DualListSelector/DualListSelectorList.d.ts +1 -1
- package/dist/esm/components/DualListSelector/DualListSelectorList.d.ts.map +1 -1
- package/dist/esm/components/DualListSelector/DualListSelectorList.js +2 -7
- package/dist/esm/components/DualListSelector/DualListSelectorList.js.map +1 -1
- package/dist/esm/components/DualListSelector/DualListSelectorListItem.d.ts +4 -4
- package/dist/esm/components/DualListSelector/DualListSelectorListItem.d.ts.map +1 -1
- package/dist/esm/components/DualListSelector/DualListSelectorListWrapper.d.ts +4 -6
- package/dist/esm/components/DualListSelector/DualListSelectorListWrapper.d.ts.map +1 -1
- package/dist/esm/components/DualListSelector/DualListSelectorListWrapper.js +3 -4
- package/dist/esm/components/DualListSelector/DualListSelectorListWrapper.js.map +1 -1
- package/dist/esm/components/DualListSelector/DualListSelectorPane.d.ts +1 -22
- package/dist/esm/components/DualListSelector/DualListSelectorPane.d.ts.map +1 -1
- package/dist/esm/components/DualListSelector/DualListSelectorPane.js +6 -66
- package/dist/esm/components/DualListSelector/DualListSelectorPane.js.map +1 -1
- package/dist/esm/components/DualListSelector/DualListSelectorTree.d.ts +15 -15
- package/dist/esm/components/DualListSelector/DualListSelectorTree.d.ts.map +1 -1
- package/dist/esm/components/DualListSelector/DualListSelectorTreeItem.d.ts +7 -7
- package/dist/esm/components/DualListSelector/DualListSelectorTreeItem.d.ts.map +1 -1
- package/dist/esm/components/DualListSelector/index.d.ts +0 -2
- package/dist/esm/components/DualListSelector/index.d.ts.map +1 -1
- package/dist/esm/components/DualListSelector/index.js +0 -2
- package/dist/esm/components/DualListSelector/index.js.map +1 -1
- package/dist/esm/deprecated/components/DualListSelector/DualListSelector.d.ts +131 -0
- package/dist/esm/deprecated/components/DualListSelector/DualListSelector.d.ts.map +1 -0
- package/dist/esm/deprecated/components/DualListSelector/DualListSelector.js +453 -0
- package/dist/esm/deprecated/components/DualListSelector/DualListSelector.js.map +1 -0
- package/dist/esm/{next → deprecated}/components/DualListSelector/DualListSelectorContext.d.ts +1 -0
- package/dist/esm/deprecated/components/DualListSelector/DualListSelectorContext.d.ts.map +1 -0
- package/dist/esm/deprecated/components/DualListSelector/DualListSelectorContext.js.map +1 -0
- package/dist/esm/deprecated/components/DualListSelector/DualListSelectorControl.d.ts.map +1 -0
- package/dist/esm/{next → deprecated}/components/DualListSelector/DualListSelectorControl.js +1 -1
- package/dist/esm/deprecated/components/DualListSelector/DualListSelectorControl.js.map +1 -0
- package/dist/esm/{next → deprecated}/components/DualListSelector/DualListSelectorControlsWrapper.d.ts +1 -1
- package/dist/esm/deprecated/components/DualListSelector/DualListSelectorControlsWrapper.d.ts.map +1 -0
- package/dist/esm/{next → deprecated}/components/DualListSelector/DualListSelectorControlsWrapper.js +0 -1
- package/dist/esm/deprecated/components/DualListSelector/DualListSelectorControlsWrapper.js.map +1 -0
- package/dist/{js/next → esm/deprecated}/components/DualListSelector/DualListSelectorList.d.ts +1 -1
- package/dist/esm/deprecated/components/DualListSelector/DualListSelectorList.d.ts.map +1 -0
- package/dist/esm/{next → deprecated}/components/DualListSelector/DualListSelectorList.js +7 -2
- package/dist/esm/deprecated/components/DualListSelector/DualListSelectorList.js.map +1 -0
- package/dist/esm/{next → deprecated}/components/DualListSelector/DualListSelectorListItem.d.ts +4 -4
- package/dist/esm/deprecated/components/DualListSelector/DualListSelectorListItem.d.ts.map +1 -0
- package/dist/esm/deprecated/components/DualListSelector/DualListSelectorListItem.js.map +1 -0
- package/dist/{js/next → esm/deprecated}/components/DualListSelector/DualListSelectorListWrapper.d.ts +6 -4
- package/dist/esm/deprecated/components/DualListSelector/DualListSelectorListWrapper.d.ts.map +1 -0
- package/dist/esm/{next → deprecated}/components/DualListSelector/DualListSelectorListWrapper.js +4 -3
- package/dist/esm/deprecated/components/DualListSelector/DualListSelectorListWrapper.js.map +1 -0
- package/dist/esm/deprecated/components/DualListSelector/DualListSelectorPane.d.ts +52 -0
- package/dist/esm/deprecated/components/DualListSelector/DualListSelectorPane.d.ts.map +1 -0
- package/dist/esm/deprecated/components/DualListSelector/DualListSelectorPane.js +87 -0
- package/dist/esm/deprecated/components/DualListSelector/DualListSelectorPane.js.map +1 -0
- package/dist/esm/{next → deprecated}/components/DualListSelector/DualListSelectorTree.d.ts +15 -15
- package/dist/esm/deprecated/components/DualListSelector/DualListSelectorTree.d.ts.map +1 -0
- package/dist/esm/deprecated/components/DualListSelector/DualListSelectorTree.js.map +1 -0
- package/dist/esm/{next → deprecated}/components/DualListSelector/DualListSelectorTreeItem.d.ts +7 -7
- package/dist/esm/deprecated/components/DualListSelector/DualListSelectorTreeItem.d.ts.map +1 -0
- package/dist/esm/deprecated/components/DualListSelector/DualListSelectorTreeItem.js.map +1 -0
- package/dist/esm/{next → deprecated}/components/DualListSelector/index.d.ts +1 -0
- package/dist/esm/deprecated/components/DualListSelector/index.d.ts.map +1 -0
- package/dist/esm/{next → deprecated}/components/DualListSelector/index.js +1 -0
- package/dist/esm/deprecated/components/DualListSelector/index.js.map +1 -0
- package/dist/esm/deprecated/components/DualListSelector/treeUtils.d.ts.map +1 -0
- package/dist/esm/deprecated/components/DualListSelector/treeUtils.js.map +1 -0
- package/dist/esm/deprecated/components/index.d.ts +1 -0
- package/dist/esm/deprecated/components/index.d.ts.map +1 -1
- package/dist/esm/deprecated/components/index.js +1 -0
- package/dist/esm/deprecated/components/index.js.map +1 -1
- package/dist/esm/next/components/index.d.ts +0 -1
- package/dist/esm/next/components/index.d.ts.map +1 -1
- package/dist/esm/next/components/index.js +1 -1
- package/dist/esm/next/components/index.js.map +1 -1
- package/dist/esm/next/index.d.ts +0 -1
- package/dist/esm/next/index.d.ts.map +1 -1
- package/dist/esm/next/index.js +1 -1
- package/dist/esm/next/index.js.map +1 -1
- package/dist/js/components/DualListSelector/DualListSelector.d.ts +4 -112
- package/dist/js/components/DualListSelector/DualListSelector.d.ts.map +1 -1
- package/dist/js/components/DualListSelector/DualListSelector.js +3 -433
- package/dist/js/components/DualListSelector/DualListSelector.js.map +1 -1
- package/dist/js/components/DualListSelector/DualListSelectorContext.d.ts +0 -1
- package/dist/js/components/DualListSelector/DualListSelectorContext.d.ts.map +1 -1
- package/dist/js/components/DualListSelector/DualListSelectorContext.js.map +1 -1
- package/dist/js/components/DualListSelector/DualListSelectorControl.js +1 -1
- package/dist/js/components/DualListSelector/DualListSelectorControl.js.map +1 -1
- package/dist/js/components/DualListSelector/DualListSelectorControlsWrapper.d.ts +1 -1
- package/dist/js/components/DualListSelector/DualListSelectorControlsWrapper.d.ts.map +1 -1
- package/dist/js/components/DualListSelector/DualListSelectorControlsWrapper.js +1 -0
- package/dist/js/components/DualListSelector/DualListSelectorControlsWrapper.js.map +1 -1
- package/dist/js/components/DualListSelector/DualListSelectorList.d.ts +1 -1
- package/dist/js/components/DualListSelector/DualListSelectorList.d.ts.map +1 -1
- package/dist/js/components/DualListSelector/DualListSelectorList.js +2 -7
- package/dist/js/components/DualListSelector/DualListSelectorList.js.map +1 -1
- package/dist/js/components/DualListSelector/DualListSelectorListItem.d.ts +4 -4
- package/dist/js/components/DualListSelector/DualListSelectorListItem.d.ts.map +1 -1
- package/dist/js/components/DualListSelector/DualListSelectorListWrapper.d.ts +4 -6
- package/dist/js/components/DualListSelector/DualListSelectorListWrapper.d.ts.map +1 -1
- package/dist/js/components/DualListSelector/DualListSelectorListWrapper.js +3 -4
- package/dist/js/components/DualListSelector/DualListSelectorListWrapper.js.map +1 -1
- package/dist/js/components/DualListSelector/DualListSelectorPane.d.ts +1 -22
- package/dist/js/components/DualListSelector/DualListSelectorPane.d.ts.map +1 -1
- package/dist/js/components/DualListSelector/DualListSelectorPane.js +5 -65
- package/dist/js/components/DualListSelector/DualListSelectorPane.js.map +1 -1
- package/dist/js/components/DualListSelector/DualListSelectorTree.d.ts +15 -15
- package/dist/js/components/DualListSelector/DualListSelectorTree.d.ts.map +1 -1
- package/dist/js/components/DualListSelector/DualListSelectorTreeItem.d.ts +7 -7
- package/dist/js/components/DualListSelector/DualListSelectorTreeItem.d.ts.map +1 -1
- package/dist/js/components/DualListSelector/index.d.ts +0 -2
- package/dist/js/components/DualListSelector/index.d.ts.map +1 -1
- package/dist/js/components/DualListSelector/index.js +0 -2
- package/dist/js/components/DualListSelector/index.js.map +1 -1
- package/dist/js/deprecated/components/DualListSelector/DualListSelector.d.ts +131 -0
- package/dist/js/deprecated/components/DualListSelector/DualListSelector.d.ts.map +1 -0
- package/dist/js/deprecated/components/DualListSelector/DualListSelector.js +456 -0
- package/dist/js/deprecated/components/DualListSelector/DualListSelector.js.map +1 -0
- package/dist/js/{next → deprecated}/components/DualListSelector/DualListSelectorContext.d.ts +1 -0
- package/dist/js/deprecated/components/DualListSelector/DualListSelectorContext.d.ts.map +1 -0
- package/dist/js/deprecated/components/DualListSelector/DualListSelectorContext.js.map +1 -0
- package/dist/js/deprecated/components/DualListSelector/DualListSelectorControl.d.ts.map +1 -0
- package/dist/js/{next → deprecated}/components/DualListSelector/DualListSelectorControl.js +1 -1
- package/dist/js/deprecated/components/DualListSelector/DualListSelectorControl.js.map +1 -0
- package/dist/js/{next → deprecated}/components/DualListSelector/DualListSelectorControlsWrapper.d.ts +1 -1
- package/dist/js/deprecated/components/DualListSelector/DualListSelectorControlsWrapper.d.ts.map +1 -0
- package/dist/js/{next → deprecated}/components/DualListSelector/DualListSelectorControlsWrapper.js +0 -1
- package/dist/js/deprecated/components/DualListSelector/DualListSelectorControlsWrapper.js.map +1 -0
- package/dist/{esm/next → js/deprecated}/components/DualListSelector/DualListSelectorList.d.ts +1 -1
- package/dist/js/deprecated/components/DualListSelector/DualListSelectorList.d.ts.map +1 -0
- package/dist/js/{next → deprecated}/components/DualListSelector/DualListSelectorList.js +7 -2
- package/dist/js/deprecated/components/DualListSelector/DualListSelectorList.js.map +1 -0
- package/dist/js/{next → deprecated}/components/DualListSelector/DualListSelectorListItem.d.ts +4 -4
- package/dist/js/deprecated/components/DualListSelector/DualListSelectorListItem.d.ts.map +1 -0
- package/dist/js/deprecated/components/DualListSelector/DualListSelectorListItem.js.map +1 -0
- package/dist/{esm/next → js/deprecated}/components/DualListSelector/DualListSelectorListWrapper.d.ts +6 -4
- package/dist/js/deprecated/components/DualListSelector/DualListSelectorListWrapper.d.ts.map +1 -0
- package/dist/js/{next → deprecated}/components/DualListSelector/DualListSelectorListWrapper.js +4 -3
- package/dist/js/deprecated/components/DualListSelector/DualListSelectorListWrapper.js.map +1 -0
- package/dist/js/deprecated/components/DualListSelector/DualListSelectorPane.d.ts +52 -0
- package/dist/js/deprecated/components/DualListSelector/DualListSelectorPane.d.ts.map +1 -0
- package/dist/js/deprecated/components/DualListSelector/DualListSelectorPane.js +91 -0
- package/dist/js/deprecated/components/DualListSelector/DualListSelectorPane.js.map +1 -0
- package/dist/js/{next → deprecated}/components/DualListSelector/DualListSelectorTree.d.ts +15 -15
- package/dist/js/deprecated/components/DualListSelector/DualListSelectorTree.d.ts.map +1 -0
- package/dist/js/deprecated/components/DualListSelector/DualListSelectorTree.js.map +1 -0
- package/dist/js/{next → deprecated}/components/DualListSelector/DualListSelectorTreeItem.d.ts +7 -7
- package/dist/js/deprecated/components/DualListSelector/DualListSelectorTreeItem.d.ts.map +1 -0
- package/dist/js/deprecated/components/DualListSelector/DualListSelectorTreeItem.js.map +1 -0
- package/dist/js/{next → deprecated}/components/DualListSelector/index.d.ts +1 -0
- package/dist/js/deprecated/components/DualListSelector/index.d.ts.map +1 -0
- package/dist/js/{next → deprecated}/components/DualListSelector/index.js +1 -0
- package/dist/js/deprecated/components/DualListSelector/index.js.map +1 -0
- package/dist/js/deprecated/components/DualListSelector/treeUtils.d.ts.map +1 -0
- package/dist/js/deprecated/components/DualListSelector/treeUtils.js.map +1 -0
- package/dist/js/deprecated/components/index.d.ts +1 -0
- package/dist/js/deprecated/components/index.d.ts.map +1 -1
- package/dist/js/deprecated/components/index.js +1 -0
- package/dist/js/deprecated/components/index.js.map +1 -1
- package/dist/js/next/components/index.d.ts +0 -1
- package/dist/js/next/components/index.d.ts.map +1 -1
- package/dist/js/next/components/index.js +0 -3
- package/dist/js/next/components/index.js.map +1 -1
- package/dist/js/next/index.d.ts +0 -1
- package/dist/js/next/index.d.ts.map +1 -1
- package/dist/js/next/index.js +0 -3
- package/dist/js/next/index.js.map +1 -1
- package/dist/umd/assets/{output-D0meVdH2.css → output-BcpwRLsL.css} +7486 -7486
- package/dist/umd/react-core.min.js +2 -2
- package/helpers/package.json +1 -1
- package/layouts/package.json +1 -1
- package/next/package.json +1 -1
- package/package.json +2 -2
- package/single-packages.config.json +1 -1
- package/src/components/DualListSelector/DualListSelector.tsx +7 -752
- package/src/components/DualListSelector/DualListSelectorContext.ts +0 -1
- package/src/components/DualListSelector/DualListSelectorControl.tsx +1 -1
- package/src/components/DualListSelector/DualListSelectorControlsWrapper.tsx +2 -1
- package/src/components/DualListSelector/DualListSelectorList.tsx +3 -20
- package/src/components/DualListSelector/DualListSelectorListItem.tsx +4 -4
- package/src/components/DualListSelector/DualListSelectorListWrapper.tsx +6 -10
- package/src/components/DualListSelector/DualListSelectorPane.tsx +41 -192
- package/src/components/DualListSelector/DualListSelectorTree.tsx +15 -15
- package/src/components/DualListSelector/DualListSelectorTreeItem.tsx +7 -7
- package/src/components/DualListSelector/__tests__/DualListSelector.test.tsx +6 -45
- package/src/components/DualListSelector/__tests__/__snapshots__/DualListSelector.test.tsx.snap +52 -1715
- package/src/components/DualListSelector/examples/DualListSelector.md +27 -42
- package/src/components/DualListSelector/examples/DualListSelectorBasic.tsx +146 -19
- package/src/components/DualListSelector/examples/DualListSelectorBasicSearch.tsx +202 -22
- package/src/components/DualListSelector/examples/DualListSelectorBasicTooltips.tsx +155 -28
- package/src/components/DualListSelector/examples/DualListSelectorComplexOptionsActions.tsx +298 -121
- package/src/components/DualListSelector/index.ts +0 -2
- package/src/deprecated/components/DualListSelector/DualListSelector.tsx +795 -0
- package/src/{next → deprecated}/components/DualListSelector/DualListSelectorContext.ts +1 -0
- package/src/{next → deprecated}/components/DualListSelector/DualListSelectorControl.tsx +1 -1
- package/src/{next → deprecated}/components/DualListSelector/DualListSelectorControlsWrapper.tsx +1 -2
- package/src/{next → deprecated}/components/DualListSelector/DualListSelectorList.tsx +20 -3
- package/src/{next → deprecated}/components/DualListSelector/DualListSelectorListItem.tsx +4 -4
- package/src/{next → deprecated}/components/DualListSelector/DualListSelectorListWrapper.tsx +10 -6
- package/src/deprecated/components/DualListSelector/DualListSelectorPane.tsx +245 -0
- package/src/{next → deprecated}/components/DualListSelector/DualListSelectorTree.tsx +15 -15
- package/src/{next → deprecated}/components/DualListSelector/DualListSelectorTreeItem.tsx +7 -7
- package/src/deprecated/components/DualListSelector/__tests__/DualListSelector.test.tsx +65 -0
- package/src/deprecated/components/DualListSelector/__tests__/__snapshots__/DualListSelector.test.tsx.snap +1785 -0
- package/src/{next → deprecated}/components/DualListSelector/examples/DualListSelector.md +56 -28
- package/src/deprecated/components/DualListSelector/examples/DualListSelectorBasic.tsx +30 -0
- package/src/deprecated/components/DualListSelector/examples/DualListSelectorBasicSearch.tsx +31 -0
- package/src/deprecated/components/DualListSelector/examples/DualListSelectorBasicTooltips.tsx +38 -0
- package/src/deprecated/components/DualListSelector/examples/DualListSelectorComplexOptionsActions.tsx +93 -0
- package/src/{components → deprecated/components}/DualListSelector/examples/DualListSelectorComposable.tsx +32 -30
- package/src/{components → deprecated/components}/DualListSelector/examples/DualListSelectorComposableDragDrop.tsx +35 -32
- package/src/{components → deprecated/components}/DualListSelector/examples/DualListSelectorComposableTree.tsx +29 -27
- package/src/{components → deprecated/components}/DualListSelector/examples/DualListSelectorTreeExample.tsx +9 -6
- package/src/{next → deprecated}/components/DualListSelector/index.ts +1 -0
- package/src/deprecated/components/index.ts +1 -0
- package/src/next/components/index.ts +0 -1
- package/src/next/index.ts +0 -1
- package/dist/dynamic/next/components/DualListSelector/package.json +0 -1
- package/dist/dynamic/next/components/package.json +0 -1
- package/dist/esm/next/components/DualListSelector/DualListSelector.d.ts +0 -23
- package/dist/esm/next/components/DualListSelector/DualListSelector.d.ts.map +0 -1
- package/dist/esm/next/components/DualListSelector/DualListSelector.js +0 -23
- package/dist/esm/next/components/DualListSelector/DualListSelector.js.map +0 -1
- package/dist/esm/next/components/DualListSelector/DualListSelectorContext.d.ts.map +0 -1
- package/dist/esm/next/components/DualListSelector/DualListSelectorContext.js.map +0 -1
- package/dist/esm/next/components/DualListSelector/DualListSelectorControl.d.ts.map +0 -1
- package/dist/esm/next/components/DualListSelector/DualListSelectorControl.js.map +0 -1
- package/dist/esm/next/components/DualListSelector/DualListSelectorControlsWrapper.d.ts.map +0 -1
- package/dist/esm/next/components/DualListSelector/DualListSelectorControlsWrapper.js.map +0 -1
- package/dist/esm/next/components/DualListSelector/DualListSelectorList.d.ts.map +0 -1
- package/dist/esm/next/components/DualListSelector/DualListSelectorList.js.map +0 -1
- package/dist/esm/next/components/DualListSelector/DualListSelectorListItem.d.ts.map +0 -1
- package/dist/esm/next/components/DualListSelector/DualListSelectorListItem.js.map +0 -1
- package/dist/esm/next/components/DualListSelector/DualListSelectorListWrapper.d.ts.map +0 -1
- package/dist/esm/next/components/DualListSelector/DualListSelectorListWrapper.js.map +0 -1
- package/dist/esm/next/components/DualListSelector/DualListSelectorPane.d.ts +0 -31
- package/dist/esm/next/components/DualListSelector/DualListSelectorPane.d.ts.map +0 -1
- package/dist/esm/next/components/DualListSelector/DualListSelectorPane.js +0 -27
- package/dist/esm/next/components/DualListSelector/DualListSelectorPane.js.map +0 -1
- package/dist/esm/next/components/DualListSelector/DualListSelectorTree.d.ts.map +0 -1
- package/dist/esm/next/components/DualListSelector/DualListSelectorTree.js.map +0 -1
- package/dist/esm/next/components/DualListSelector/DualListSelectorTreeItem.d.ts.map +0 -1
- package/dist/esm/next/components/DualListSelector/DualListSelectorTreeItem.js.map +0 -1
- package/dist/esm/next/components/DualListSelector/index.d.ts.map +0 -1
- package/dist/esm/next/components/DualListSelector/index.js.map +0 -1
- package/dist/esm/next/components/DualListSelector/treeUtils.d.ts.map +0 -1
- package/dist/esm/next/components/DualListSelector/treeUtils.js.map +0 -1
- package/dist/js/next/components/DualListSelector/DualListSelector.d.ts +0 -23
- package/dist/js/next/components/DualListSelector/DualListSelector.d.ts.map +0 -1
- package/dist/js/next/components/DualListSelector/DualListSelector.js +0 -26
- package/dist/js/next/components/DualListSelector/DualListSelector.js.map +0 -1
- package/dist/js/next/components/DualListSelector/DualListSelectorContext.d.ts.map +0 -1
- package/dist/js/next/components/DualListSelector/DualListSelectorContext.js.map +0 -1
- package/dist/js/next/components/DualListSelector/DualListSelectorControl.d.ts.map +0 -1
- package/dist/js/next/components/DualListSelector/DualListSelectorControl.js.map +0 -1
- package/dist/js/next/components/DualListSelector/DualListSelectorControlsWrapper.d.ts.map +0 -1
- package/dist/js/next/components/DualListSelector/DualListSelectorControlsWrapper.js.map +0 -1
- package/dist/js/next/components/DualListSelector/DualListSelectorList.d.ts.map +0 -1
- package/dist/js/next/components/DualListSelector/DualListSelectorList.js.map +0 -1
- package/dist/js/next/components/DualListSelector/DualListSelectorListItem.d.ts.map +0 -1
- package/dist/js/next/components/DualListSelector/DualListSelectorListItem.js.map +0 -1
- package/dist/js/next/components/DualListSelector/DualListSelectorListWrapper.d.ts.map +0 -1
- package/dist/js/next/components/DualListSelector/DualListSelectorListWrapper.js.map +0 -1
- package/dist/js/next/components/DualListSelector/DualListSelectorPane.d.ts +0 -31
- package/dist/js/next/components/DualListSelector/DualListSelectorPane.d.ts.map +0 -1
- package/dist/js/next/components/DualListSelector/DualListSelectorPane.js +0 -31
- package/dist/js/next/components/DualListSelector/DualListSelectorPane.js.map +0 -1
- package/dist/js/next/components/DualListSelector/DualListSelectorTree.d.ts.map +0 -1
- package/dist/js/next/components/DualListSelector/DualListSelectorTree.js.map +0 -1
- package/dist/js/next/components/DualListSelector/DualListSelectorTreeItem.d.ts.map +0 -1
- package/dist/js/next/components/DualListSelector/DualListSelectorTreeItem.js.map +0 -1
- package/dist/js/next/components/DualListSelector/index.d.ts.map +0 -1
- package/dist/js/next/components/DualListSelector/index.js.map +0 -1
- package/dist/js/next/components/DualListSelector/treeUtils.d.ts.map +0 -1
- package/dist/js/next/components/DualListSelector/treeUtils.js.map +0 -1
- package/src/next/components/DualListSelector/DualListSelector.tsx +0 -50
- package/src/next/components/DualListSelector/DualListSelectorPane.tsx +0 -94
- package/src/next/components/DualListSelector/__tests__/DualListSelector.test.tsx +0 -26
- package/src/next/components/DualListSelector/__tests__/__snapshots__/DualListSelector.test.tsx.snap +0 -122
- package/src/next/components/DualListSelector/examples/DualListSelectorBasic.tsx +0 -157
- package/src/next/components/DualListSelector/examples/DualListSelectorBasicSearch.tsx +0 -211
- package/src/next/components/DualListSelector/examples/DualListSelectorBasicTooltips.tsx +0 -165
- package/src/next/components/DualListSelector/examples/DualListSelectorComplexOptionsActions.tsx +0 -344
- /package/dist/esm/{next → deprecated}/components/DualListSelector/DualListSelectorContext.js +0 -0
- /package/dist/esm/{next → deprecated}/components/DualListSelector/DualListSelectorControl.d.ts +0 -0
- /package/dist/esm/{next → deprecated}/components/DualListSelector/DualListSelectorListItem.js +0 -0
- /package/dist/esm/{next → deprecated}/components/DualListSelector/DualListSelectorTree.js +0 -0
- /package/dist/esm/{next → deprecated}/components/DualListSelector/DualListSelectorTreeItem.js +0 -0
- /package/dist/esm/{next → deprecated}/components/DualListSelector/treeUtils.d.ts +0 -0
- /package/dist/esm/{next → deprecated}/components/DualListSelector/treeUtils.js +0 -0
- /package/dist/js/{next → deprecated}/components/DualListSelector/DualListSelectorContext.js +0 -0
- /package/dist/js/{next → deprecated}/components/DualListSelector/DualListSelectorControl.d.ts +0 -0
- /package/dist/js/{next → deprecated}/components/DualListSelector/DualListSelectorListItem.js +0 -0
- /package/dist/js/{next → deprecated}/components/DualListSelector/DualListSelectorTree.js +0 -0
- /package/dist/js/{next → deprecated}/components/DualListSelector/DualListSelectorTreeItem.js +0 -0
- /package/dist/js/{next → deprecated}/components/DualListSelector/treeUtils.d.ts +0 -0
- /package/dist/js/{next → deprecated}/components/DualListSelector/treeUtils.js +0 -0
- /package/src/{next/components → components}/DualListSelector/examples/DualListSelectorDragDrop.tsx +0 -0
- /package/src/{next/components → components}/DualListSelector/examples/DualListSelectorTree.tsx +0 -0
- /package/src/{next → deprecated}/components/DualListSelector/treeUtils.ts +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DualListSelectorList.js","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelectorList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,wFAAoF;AACjG,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;AASxE,MAAM,CAAC,MAAM,oBAAoB,GAAuD,CAAC,EAG7D,EAAE,EAAE;QAHyD,EACvF,QAAQ,OAEkB,EADvB,KAAK,cAF+E,YAGxF,CADS;IAER,MAAM,
|
|
1
|
+
{"version":3,"file":"DualListSelectorList.js","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelectorList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,wFAAoF;AACjG,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;AASxE,MAAM,CAAC,MAAM,oBAAoB,GAAuD,CAAC,EAG7D,EAAE,EAAE;QAHyD,EACvF,QAAQ,OAEkB,EADvB,KAAK,cAF+E,YAGxF,CADS;IAER,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,aAAa,EAAE,aAAa,EAAE,eAAe,EAAE,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,GACtG,KAAK,CAAC,UAAU,CAAC,2BAA2B,CAAC,CAAC;IAEhD,MAAM,UAAU,GAAG,GAAG,EAAE,CACtB,OAAO,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAK,QAA8B,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC;IAEnG,OAAO,CACL,0CACE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,oBAAoB,CAAC,IACvC,CAAC,UAAU,EAAE,IAAI;QACnB,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;QACjC,sBAAsB,EAAE,IAAI;QAC5B,iBAAiB,EAAE,cAAc;QACjC,uBAAuB,EAAE,aAAa;KACvC,CAAC,qBACa,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,IAC1C,KAAK,GAER,OAAO,CAAC,MAAM,KAAK,CAAC;QACnB,CAAC,CAAC,QAAQ;QACV,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;YAC5B,IAAI,aAAa,CAAC,MAAM,CAAC,EAAE,CAAC;gBAC1B,OAAO,CACL,oBAAC,wBAAwB,IACvB,GAAG,EAAE,KAAK,EACV,UAAU,EAAG,eAA4B,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAC/D,EAAE,EAAE,GAAG,EAAE,WAAW,KAAK,EAAE,EAC3B,UAAU,EAAE,KAAK,EACjB,UAAU,EAAE,UAAU,IAErB,MAAM,CACkB,CAC5B,CAAC;YACJ,CAAC;YACD,OAAO;QACT,CAAC,CAAC,CACH,CACN,CAAC;AACJ,CAAC,CAAC;AACF,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC"}
|
|
@@ -9,7 +9,7 @@ export interface DualListSelectorListItemProps extends React.HTMLProps<HTMLLIEle
|
|
|
9
9
|
className?: string;
|
|
10
10
|
/** Flag indicating the list item is currently selected. */
|
|
11
11
|
isSelected?: boolean;
|
|
12
|
-
/** Callback fired when an option is selected.
|
|
12
|
+
/** Callback fired when an option is selected. */
|
|
13
13
|
onOptionSelect?: (event: React.MouseEvent | React.ChangeEvent | React.KeyboardEvent, id?: string) => void;
|
|
14
14
|
/** ID of the option. */
|
|
15
15
|
id?: string;
|
|
@@ -17,11 +17,11 @@ export interface DualListSelectorListItemProps extends React.HTMLProps<HTMLLIEle
|
|
|
17
17
|
orderIndex?: number;
|
|
18
18
|
/** @hide Forwarded ref */
|
|
19
19
|
innerRef?: React.RefObject<HTMLLIElement>;
|
|
20
|
-
/** Flag indicating this item is draggable for
|
|
20
|
+
/** Flag indicating this item is draggable for reordering. */
|
|
21
21
|
isDraggable?: boolean;
|
|
22
|
-
/** Accessible label for the draggable button on draggable list items */
|
|
22
|
+
/** Accessible label for the draggable button on draggable list items. */
|
|
23
23
|
draggableButtonAriaLabel?: string;
|
|
24
|
-
/** Flag indicating if the dual list selector is in a disabled state */
|
|
24
|
+
/** Flag indicating if the dual list selector is in a disabled state. */
|
|
25
25
|
isDisabled?: boolean;
|
|
26
26
|
}
|
|
27
27
|
export declare const DualListSelectorListItemBase: React.FunctionComponent<DualListSelectorListItemProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DualListSelectorListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelectorListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B;;GAEG;AAEH,MAAM,WAAW,6BAA8B,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;IACnF,sDAAsD;IACtD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2DAA2D;IAC3D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,
|
|
1
|
+
{"version":3,"file":"DualListSelectorListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelectorListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B;;GAEG;AAEH,MAAM,WAAW,6BAA8B,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;IACnF,sDAAsD;IACtD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2DAA2D;IAC3D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iDAAiD;IACjD,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,aAAa,EAAE,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1G,wBAAwB;IACxB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,8EAA8E;IAC9E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;IAC1C,6DAA6D;IAC7D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,yEAAyE;IACzE,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,wEAAwE;IACxE,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,4BAA4B,EAAE,KAAK,CAAC,iBAAiB,CAAC,6BAA6B,CA6D/F,CAAC;AAGF,eAAO,MAAM,wBAAwB,kHAIpC,CAAC"}
|
|
@@ -2,11 +2,11 @@ import * as React from 'react';
|
|
|
2
2
|
export interface DualListSelectorListWrapperProps extends React.HTMLProps<HTMLDivElement> {
|
|
3
3
|
/** Additional classes applied to the dual list selector. */
|
|
4
4
|
className?: string;
|
|
5
|
-
/** Anything that can be rendered inside of the list */
|
|
5
|
+
/** Anything that can be rendered inside of the list. */
|
|
6
6
|
children?: React.ReactNode;
|
|
7
|
-
/**
|
|
7
|
+
/** ID of the dual list selector list. */
|
|
8
8
|
id?: string;
|
|
9
|
-
/** Accessibly label for the list */
|
|
9
|
+
/** Accessibly label for the list. */
|
|
10
10
|
'aria-labelledby': string;
|
|
11
11
|
/** @hide forwarded ref */
|
|
12
12
|
innerRef?: React.RefObject<HTMLDivElement>;
|
|
@@ -14,9 +14,7 @@ export interface DualListSelectorListWrapperProps extends React.HTMLProps<HTMLDi
|
|
|
14
14
|
options?: React.ReactNode[];
|
|
15
15
|
/** @hide Options currently selected in the pane. */
|
|
16
16
|
selectedOptions?: string[] | number[];
|
|
17
|
-
/** @hide
|
|
18
|
-
onOptionSelect?: (e: React.MouseEvent | React.ChangeEvent | React.KeyboardEvent, index: number, id: string) => void;
|
|
19
|
-
/** @hide Function to determine if an option should be displayed depending on a dynamically built filter value */
|
|
17
|
+
/** @hide Function to determine if an option should be displayed depending on a custom filter value. */
|
|
20
18
|
displayOption?: (option: React.ReactNode) => boolean;
|
|
21
19
|
/** Flag indicating whether the component is disabled. */
|
|
22
20
|
isDisabled?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DualListSelectorListWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelectorListWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,gCAAiC,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACvF,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,
|
|
1
|
+
{"version":3,"file":"DualListSelectorListWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelectorListWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,gCAAiC,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACvF,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,yCAAyC;IACzC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,qCAAqC;IACrC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC3C,yCAAyC;IACzC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC5B,oDAAoD;IACpD,eAAe,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAAC;IACtC,uGAAuG;IACvG,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,KAAK,OAAO,CAAC;IACrD,yDAAyD;IACzD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,+BAA+B,EAAE,KAAK,CAAC,iBAAiB,CAAC,gCAAgC,CAsFrG,CAAC;AAGF,eAAO,MAAM,2BAA2B,sHAIvC,CAAC"}
|
|
@@ -6,13 +6,12 @@ import { getUniqueId, handleArrows } from '../../helpers';
|
|
|
6
6
|
import { DualListSelectorList } from './DualListSelectorList';
|
|
7
7
|
import { DualListSelectorContext, DualListSelectorListContext } from './DualListSelectorContext';
|
|
8
8
|
export const DualListSelectorListWrapperBase = (_a) => {
|
|
9
|
-
var { className, children, 'aria-labelledby': ariaLabelledBy, innerRef, options = [], selectedOptions = [],
|
|
9
|
+
var { className, children, 'aria-labelledby': ariaLabelledBy, innerRef, options = [], selectedOptions = [], displayOption, id = getUniqueId('dual-list-selector-list'), isDisabled = false } = _a, props = __rest(_a, ["className", "children", 'aria-labelledby', "innerRef", "options", "selectedOptions", "displayOption", "id", "isDisabled"]);
|
|
10
10
|
const [focusedOption, setFocusedOption] = React.useState('');
|
|
11
11
|
const ref = React.useRef(null);
|
|
12
12
|
const menuRef = innerRef || ref;
|
|
13
13
|
const { isTree } = React.useContext(DualListSelectorContext);
|
|
14
|
-
//
|
|
15
|
-
// handling is applied whether the pane is dynamically built or passed via the children prop.
|
|
14
|
+
// Sets up keyboard focus handling for the dual list selector menu child of the pane.
|
|
16
15
|
const handleKeys = (event) => {
|
|
17
16
|
if (!menuRef.current ||
|
|
18
17
|
(menuRef.current !== event.target.closest(`.${styles.dualListSelectorMenu}`) &&
|
|
@@ -39,6 +38,7 @@ export const DualListSelectorListWrapperBase = (_a) => {
|
|
|
39
38
|
return () => {
|
|
40
39
|
window.removeEventListener('keydown', handleKeys);
|
|
41
40
|
};
|
|
41
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
42
42
|
}, [menuRef.current]);
|
|
43
43
|
return (React.createElement("div", Object.assign({ className: css(styles.dualListSelectorMenu, className), ref: menuRef, tabIndex: 0 }, props),
|
|
44
44
|
React.createElement(DualListSelectorListContext.Provider, { value: {
|
|
@@ -50,7 +50,6 @@ export const DualListSelectorListWrapperBase = (_a) => {
|
|
|
50
50
|
selectedOptions,
|
|
51
51
|
id,
|
|
52
52
|
options,
|
|
53
|
-
onOptionSelect,
|
|
54
53
|
isDisabled
|
|
55
54
|
} }, children ? children : React.createElement(DualListSelectorList, null))));
|
|
56
55
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DualListSelectorListWrapper.js","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelectorListWrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,wFAAoF;AACjG,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,uBAAuB,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"DualListSelectorListWrapper.js","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelectorListWrapper.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { DualListSelectorTreeItemData } from './DualListSelectorTree';
|
|
3
2
|
/** Acts as the container for a list of options that are either available or chosen,
|
|
4
3
|
* depending on the pane type (available or chosen). A search input and other actions,
|
|
5
4
|
* such as sorting, can also be passed into this sub-component.
|
|
@@ -19,32 +18,12 @@ export interface DualListSelectorPaneProps extends Omit<React.HTMLProps<HTMLDivE
|
|
|
19
18
|
searchInput?: React.ReactNode;
|
|
20
19
|
/** Actions to place above the pane. */
|
|
21
20
|
actions?: React.ReactNode[];
|
|
22
|
-
/**
|
|
21
|
+
/** ID of the pane. */
|
|
23
22
|
id?: string;
|
|
24
|
-
/** @hide Options to list in the pane. */
|
|
25
|
-
options?: React.ReactNode[];
|
|
26
|
-
/** @hide Options currently selected in the pane. */
|
|
27
|
-
selectedOptions?: string[] | number[];
|
|
28
|
-
/** @hide Callback for when an option is selected. Optionally used only when options prop is provided. */
|
|
29
|
-
onOptionSelect?: (event: React.MouseEvent | React.ChangeEvent | React.KeyboardEvent, index: number, isChosen: boolean, id?: string, itemData?: any, parentData?: any) => void;
|
|
30
|
-
/** @hide Callback for when a tree option is checked. Optionally used only when options prop is provided. */
|
|
31
|
-
onOptionCheck?: (event: React.MouseEvent | React.ChangeEvent<HTMLInputElement> | React.KeyboardEvent, isChecked: boolean, itemData: DualListSelectorTreeItemData) => void;
|
|
32
|
-
/** @hide Flag indicating a dynamically built search bar should be included above the pane. */
|
|
33
|
-
isSearchable?: boolean;
|
|
34
23
|
/** Flag indicating whether the component is disabled. */
|
|
35
24
|
isDisabled?: boolean;
|
|
36
25
|
/** Callback for search input. To be used when isSearchable is true. */
|
|
37
26
|
onSearch?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
38
|
-
/** @hide A callback for when the search input value for changes. To be used when isSearchable is true. */
|
|
39
|
-
onSearchInputChanged?: (event: React.FormEvent<HTMLInputElement>, value: string) => void;
|
|
40
|
-
/** @hide Callback for search input clear button */
|
|
41
|
-
onSearchInputClear?: (event: React.SyntheticEvent<HTMLButtonElement>) => void;
|
|
42
|
-
/** @hide Filter function for custom filtering based on search string. To be used when isSearchable is true. */
|
|
43
|
-
filterOption?: (option: React.ReactNode, input: string) => boolean;
|
|
44
|
-
/** @hide Accessible label for the search input. To be used when isSearchable is true. */
|
|
45
|
-
searchInputAriaLabel?: string;
|
|
46
|
-
/** @hide Callback for updating the filtered options in DualListSelector. To be used when isSearchable is true. */
|
|
47
|
-
onFilterUpdate?: (newFilteredOptions: React.ReactNode[], paneType: string, isSearchReset: boolean) => void;
|
|
48
27
|
/** Minimum height of the list of options rendered in the pane. **/
|
|
49
28
|
listMinHeight?: string;
|
|
50
29
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DualListSelectorPane.d.ts","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelectorPane.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"DualListSelectorPane.d.ts","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelectorPane.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B;;;GAGG;AAEH,MAAM,WAAW,yBAA0B,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC/F,iEAAiE;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uFAAuF;IACvF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yBAAyB;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,mFAAmF;IACnF,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,uCAAuC;IACvC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC5B,sBAAsB;IACtB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,yDAAyD;IACzD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAChE,mEAAmE;IACnE,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,iBAAiB,CAAC,yBAAyB,CAqDnF,CAAC"}
|
|
@@ -2,86 +2,26 @@ import { __rest } from "tslib";
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import styles from '@patternfly/react-styles/css/components/DualListSelector/dual-list-selector.mjs';
|
|
4
4
|
import { css } from '@patternfly/react-styles';
|
|
5
|
-
import { DualListSelectorTree } from './DualListSelectorTree';
|
|
6
5
|
import { getUniqueId } from '../../helpers';
|
|
7
6
|
import { DualListSelectorListWrapper } from './DualListSelectorListWrapper';
|
|
8
|
-
import {
|
|
9
|
-
import { DualListSelectorList } from './DualListSelectorList';
|
|
7
|
+
import { DualListSelectorPaneContext } from './DualListSelectorContext';
|
|
10
8
|
import { SearchInput } from '../SearchInput';
|
|
11
9
|
import cssMenuMinHeight from '@patternfly/react-tokens/dist/esm/c_dual_list_selector__menu_MinHeight';
|
|
12
10
|
export const DualListSelectorPane = (_a) => {
|
|
13
|
-
var { isChosen = false, className = '', status = '', actions, searchInput, children,
|
|
14
|
-
const [input, setInput] = React.useState('');
|
|
15
|
-
const { isTree } = React.useContext(DualListSelectorContext);
|
|
16
|
-
// only called when search input is dynamically built
|
|
17
|
-
const onChange = (e, newValue) => {
|
|
18
|
-
let filtered;
|
|
19
|
-
if (isTree) {
|
|
20
|
-
filtered = options
|
|
21
|
-
.map((opt) => Object.assign({}, opt))
|
|
22
|
-
.filter((item) => filterInput(item, newValue));
|
|
23
|
-
}
|
|
24
|
-
else {
|
|
25
|
-
filtered = options.filter((option) => {
|
|
26
|
-
if (displayOption(option)) {
|
|
27
|
-
return option;
|
|
28
|
-
}
|
|
29
|
-
});
|
|
30
|
-
}
|
|
31
|
-
onFilterUpdate(filtered, isChosen ? 'chosen' : 'available', newValue === '');
|
|
32
|
-
if (onSearchInputChanged) {
|
|
33
|
-
onSearchInputChanged(e, newValue);
|
|
34
|
-
}
|
|
35
|
-
setInput(newValue);
|
|
36
|
-
};
|
|
37
|
-
// only called when options are passed via options prop and isTree === true
|
|
38
|
-
const filterInput = (item, input) => {
|
|
39
|
-
if (filterOption) {
|
|
40
|
-
return filterOption(item, input);
|
|
41
|
-
}
|
|
42
|
-
else {
|
|
43
|
-
if (item.text.toLowerCase().includes(input.toLowerCase()) || input === '') {
|
|
44
|
-
return true;
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
if (item.children) {
|
|
48
|
-
return ((item.children = item.children
|
|
49
|
-
.map((opt) => Object.assign({}, opt))
|
|
50
|
-
.filter((child) => filterInput(child, input))).length > 0);
|
|
51
|
-
}
|
|
52
|
-
};
|
|
53
|
-
// only called when options are passed via options prop and isTree === false
|
|
54
|
-
const displayOption = (option) => {
|
|
55
|
-
if (filterOption) {
|
|
56
|
-
return filterOption(option, input);
|
|
57
|
-
}
|
|
58
|
-
else {
|
|
59
|
-
return option.toString().toLowerCase().includes(input.toLowerCase());
|
|
60
|
-
}
|
|
61
|
-
};
|
|
11
|
+
var { isChosen = false, className = '', status = '', actions, searchInput, children, title = '', id = getUniqueId('dual-list-selector-pane'), isDisabled = false, listMinHeight } = _a, props = __rest(_a, ["isChosen", "className", "status", "actions", "searchInput", "children", "title", "id", "isDisabled", "listMinHeight"]);
|
|
62
12
|
return (React.createElement("div", Object.assign({ className: css(styles.dualListSelectorPane, isChosen ? styles.modifiers.chosen : 'pf-m-available', className) }, props),
|
|
63
13
|
title && (React.createElement("div", { className: css(styles.dualListSelectorHeader) },
|
|
64
14
|
React.createElement("div", { className: `${styles.dualListSelector}__title` },
|
|
65
15
|
React.createElement("div", { className: css(styles.dualListSelectorTitleText) }, title)))),
|
|
66
|
-
(actions || searchInput
|
|
67
|
-
|
|
68
|
-
? onSearchInputClear
|
|
69
|
-
: (e) => onChange(e, ''), isDisabled: isDisabled, "aria-label": searchInputAriaLabel })))),
|
|
16
|
+
(actions || searchInput) && (React.createElement("div", { className: css(styles.dualListSelectorTools) },
|
|
17
|
+
searchInput && (React.createElement("div", { className: css(styles.dualListSelectorToolsFilter) }, searchInput ? searchInput : React.createElement(SearchInput, { isDisabled: isDisabled }))),
|
|
70
18
|
actions && React.createElement("div", { className: css(styles.dualListSelectorToolsActions) }, actions))),
|
|
71
19
|
status && (React.createElement("div", { className: css(styles.dualListSelectorStatus) },
|
|
72
20
|
React.createElement("div", { className: css(styles.dualListSelectorStatusText), id: `${id}-status` }, status))),
|
|
73
21
|
React.createElement(DualListSelectorPaneContext.Provider, { value: { isChosen } },
|
|
74
|
-
|
|
22
|
+
React.createElement(DualListSelectorListWrapper, Object.assign({ "aria-labelledby": `${id}-status`, id: `${id}-list` }, (listMinHeight && {
|
|
75
23
|
style: { [cssMenuMinHeight.name]: listMinHeight }
|
|
76
|
-
})), children))
|
|
77
|
-
isTree && (React.createElement(DualListSelectorListWrapper, Object.assign({ "aria-labelledby": `${id}-status`, id: `${id}-list` }, (listMinHeight && {
|
|
78
|
-
style: { [cssMenuMinHeight.name]: listMinHeight }
|
|
79
|
-
})), options.length > 0 ? (React.createElement(DualListSelectorList, null,
|
|
80
|
-
React.createElement(DualListSelectorTree, { data: isSearchable
|
|
81
|
-
? options
|
|
82
|
-
.map((opt) => Object.assign({}, opt))
|
|
83
|
-
.filter((item) => filterInput(item, input))
|
|
84
|
-
: options, onOptionCheck: onOptionCheck, id: `${id}-tree`, isDisabled: isDisabled }))) : (children))))));
|
|
24
|
+
})), children))));
|
|
85
25
|
};
|
|
86
26
|
DualListSelectorPane.displayName = 'DualListSelectorPane';
|
|
87
27
|
//# sourceMappingURL=DualListSelectorPane.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DualListSelectorPane.js","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelectorPane.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,wFAAoF;AACjG,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"DualListSelectorPane.js","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelectorPane.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,wFAAoF;AACjG,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,gBAAgB,MAAM,wEAAwE,CAAC;AAgCtG,MAAM,CAAC,MAAM,oBAAoB,GAAuD,CAAC,EAY7D,EAAE,EAAE;QAZyD,EACvF,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,EAAE,EACd,MAAM,GAAG,EAAE,EACX,OAAO,EACP,WAAW,EACX,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,EAAE,GAAG,WAAW,CAAC,yBAAyB,CAAC,EAC3C,UAAU,GAAG,KAAK,EAClB,aAAa,OAEa,EADvB,KAAK,cAX+E,uHAYxF,CADS;IACuB,OAAA,CAC/B,2CACE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,oBAAoB,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,gBAAgB,EAAE,SAAS,CAAC,IACzG,KAAK;QAER,KAAK,IAAI,CACR,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,sBAAsB,CAAC;YAChD,6BAAK,SAAS,EAAE,GAAG,MAAM,CAAC,gBAAgB,SAAS;gBACjD,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,yBAAyB,CAAC,IAAG,KAAK,CAAO,CAChE,CACF,CACP;QACA,CAAC,OAAO,IAAI,WAAW,CAAC,IAAI,CAC3B,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,qBAAqB,CAAC;YAC9C,WAAW,IAAI,CACd,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,2BAA2B,CAAC,IACpD,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,oBAAC,WAAW,IAAC,UAAU,EAAE,UAAU,GAAI,CAChE,CACP;YACA,OAAO,IAAI,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,4BAA4B,CAAC,IAAG,OAAO,CAAO,CACjF,CACP;QACA,MAAM,IAAI,CACT,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,sBAAsB,CAAC;YAChD,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,0BAA0B,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,SAAS,IACvE,MAAM,CACH,CACF,CACP;QACD,oBAAC,2BAA2B,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE;YACvD,oBAAC,2BAA2B,qCACT,GAAG,EAAE,SAAS,EAC/B,EAAE,EAAE,GAAG,EAAE,OAAO,IACZ,CAAC,aAAa,IAAI;gBACpB,KAAK,EAAE,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,aAAa,EAAyB;aACzE,CAAC,GAED,QAAQ,CACmB,CACO,CACnC,CACP,CAAA;CAAA,CAAC;AACF,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC"}
|
|
@@ -6,21 +6,21 @@ export interface DualListSelectorTreeItemData {
|
|
|
6
6
|
className?: string;
|
|
7
7
|
/** Flag indicating this option is expanded by default. */
|
|
8
8
|
defaultExpanded?: boolean;
|
|
9
|
-
/** Flag indicating this option has a badge */
|
|
9
|
+
/** Flag indicating this option has a badge. */
|
|
10
10
|
hasBadge?: boolean;
|
|
11
|
-
/** Callback fired when an option is checked */
|
|
11
|
+
/** Callback fired when an option is checked. */
|
|
12
12
|
onOptionCheck?: (event: React.MouseEvent | React.ChangeEvent<HTMLInputElement> | React.KeyboardEvent, isChecked: boolean, isChosen: boolean, itemData: DualListSelectorTreeItemData) => void;
|
|
13
|
-
/** ID of the option */
|
|
13
|
+
/** ID of the option. */
|
|
14
14
|
id: string;
|
|
15
|
-
/** Text of the option */
|
|
15
|
+
/** Text of the option. */
|
|
16
16
|
text: string;
|
|
17
|
-
/** Parent
|
|
17
|
+
/** Parent ID of an option. */
|
|
18
18
|
parentId?: string;
|
|
19
|
-
/** Checked state of the option */
|
|
19
|
+
/** Checked state of the option. */
|
|
20
20
|
isChecked: boolean;
|
|
21
|
-
/** Additional properties to pass to the option checkbox */
|
|
21
|
+
/** Additional properties to pass to the option checkbox. */
|
|
22
22
|
checkProps?: any;
|
|
23
|
-
/** Additional properties to pass to the option badge */
|
|
23
|
+
/** Additional properties to pass to the option badge. */
|
|
24
24
|
badgeProps?: any;
|
|
25
25
|
/** Flag indicating whether the component is disabled. */
|
|
26
26
|
isDisabled?: boolean;
|
|
@@ -29,19 +29,19 @@ export interface DualListSelectorTreeItemData {
|
|
|
29
29
|
* composable dual list selector with a tree.
|
|
30
30
|
*/
|
|
31
31
|
export interface DualListSelectorTreeProps extends Omit<React.HTMLProps<HTMLUListElement>, 'data'> {
|
|
32
|
-
/** Data of the tree view */
|
|
32
|
+
/** Data of the tree view. */
|
|
33
33
|
data: DualListSelectorTreeItemData[] | (() => DualListSelectorTreeItemData[]);
|
|
34
|
-
/** ID of the tree view */
|
|
34
|
+
/** ID of the tree view. */
|
|
35
35
|
id?: string;
|
|
36
|
-
/** @hide Flag indicating if the list is nested */
|
|
36
|
+
/** @hide Flag indicating if the list is nested. */
|
|
37
37
|
isNested?: boolean;
|
|
38
|
-
/** Flag indicating if all options should have badges */
|
|
38
|
+
/** Flag indicating if all options should have badges. */
|
|
39
39
|
hasBadges?: boolean;
|
|
40
|
-
/** Sets the default expanded behavior */
|
|
40
|
+
/** Sets the default expanded behavior. */
|
|
41
41
|
defaultAllExpanded?: boolean;
|
|
42
|
-
/** Flag indicating if the dual list selector tree is in the disabled state */
|
|
42
|
+
/** Flag indicating if the dual list selector tree is in the disabled state. */
|
|
43
43
|
isDisabled?: boolean;
|
|
44
|
-
/** Callback fired when an option is checked */
|
|
44
|
+
/** Callback fired when an option is checked. */
|
|
45
45
|
onOptionCheck?: (event: React.MouseEvent | React.ChangeEvent<HTMLInputElement> | React.KeyboardEvent, isChecked: boolean, itemData: DualListSelectorTreeItemData) => void;
|
|
46
46
|
}
|
|
47
47
|
export declare const DualListSelectorTree: React.FunctionComponent<DualListSelectorTreeProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DualListSelectorTree.d.ts","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelectorTree.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,4BAA4B;IAC3C,sDAAsD;IACtD,QAAQ,CAAC,EAAE,4BAA4B,EAAE,CAAC;IAC1C,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B
|
|
1
|
+
{"version":3,"file":"DualListSelectorTree.d.ts","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelectorTree.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,4BAA4B;IAC3C,sDAAsD;IACtD,QAAQ,CAAC,EAAE,4BAA4B,EAAE,CAAC;IAC1C,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gDAAgD;IAChD,aAAa,CAAC,EAAE,CACd,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,GAAG,KAAK,CAAC,aAAa,EACnF,SAAS,EAAE,OAAO,EAClB,QAAQ,EAAE,OAAO,EACjB,QAAQ,EAAE,4BAA4B,KACnC,IAAI,CAAC;IACV,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,0BAA0B;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mCAAmC;IACnC,SAAS,EAAE,OAAO,CAAC;IACnB,4DAA4D;IAC5D,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,yDAAyD;IACzD,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,yDAAyD;IACzD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;GAEG;AAEH,MAAM,WAAW,yBAA0B,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAChG,6BAA6B;IAC7B,IAAI,EAAE,4BAA4B,EAAE,GAAG,CAAC,MAAM,4BAA4B,EAAE,CAAC,CAAC;IAC9E,2BAA2B;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yDAAyD;IACzD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0CAA0C;IAC1C,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,+EAA+E;IAC/E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gDAAgD;IAChD,aAAa,CAAC,EAAE,CACd,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,GAAG,KAAK,CAAC,aAAa,EACnF,SAAS,EAAE,OAAO,EAClB,QAAQ,EAAE,4BAA4B,KACnC,IAAI,CAAC;CACX;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,iBAAiB,CAAC,yBAAyB,CA6CnF,CAAC"}
|
|
@@ -7,21 +7,21 @@ export interface DualListSelectorTreeItemProps extends React.HTMLProps<HTMLLIEle
|
|
|
7
7
|
className?: string;
|
|
8
8
|
/** Flag indicating this option is expanded by default. */
|
|
9
9
|
defaultExpanded?: boolean;
|
|
10
|
-
/** Flag indicating this option has a badge */
|
|
10
|
+
/** Flag indicating this option has a badge. */
|
|
11
11
|
hasBadge?: boolean;
|
|
12
|
-
/** Callback fired when an option is checked */
|
|
12
|
+
/** Callback fired when an option is checked. */
|
|
13
13
|
onOptionCheck?: (event: React.MouseEvent | React.ChangeEvent<HTMLInputElement> | React.KeyboardEvent, isChecked: boolean, itemData: DualListSelectorTreeItemData) => void;
|
|
14
|
-
/** ID of the option */
|
|
14
|
+
/** ID of the option. */
|
|
15
15
|
id: string;
|
|
16
|
-
/** Text of the option */
|
|
16
|
+
/** Text of the option. */
|
|
17
17
|
text: string;
|
|
18
18
|
/** Flag indicating if this open is checked. */
|
|
19
19
|
isChecked?: boolean;
|
|
20
|
-
/** Additional properties to pass to the option checkbox */
|
|
20
|
+
/** Additional properties to pass to the option checkbox. */
|
|
21
21
|
checkProps?: any;
|
|
22
|
-
/** Additional properties to pass to the option badge */
|
|
22
|
+
/** Additional properties to pass to the option badge. */
|
|
23
23
|
badgeProps?: any;
|
|
24
|
-
/** Raw data of the option */
|
|
24
|
+
/** Raw data of the option. */
|
|
25
25
|
itemData?: DualListSelectorTreeItemData;
|
|
26
26
|
/** Flag indicating whether the component is disabled. */
|
|
27
27
|
isDisabled?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DualListSelectorTreeItem.d.ts","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelectorTreeItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,4BAA4B,EAAE,MAAM,wBAAwB,CAAC;AAMtE,MAAM,WAAW,6BAA8B,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;IACnF,sDAAsD;IACtD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B
|
|
1
|
+
{"version":3,"file":"DualListSelectorTreeItem.d.ts","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelectorTreeItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,4BAA4B,EAAE,MAAM,wBAAwB,CAAC;AAMtE,MAAM,WAAW,6BAA8B,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;IACnF,sDAAsD;IACtD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gDAAgD;IAChD,aAAa,CAAC,EAAE,CACd,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,GAAG,KAAK,CAAC,aAAa,EACnF,SAAS,EAAE,OAAO,EAClB,QAAQ,EAAE,4BAA4B,KACnC,IAAI,CAAC;IACV,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,0BAA0B;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,+CAA+C;IAC/C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4DAA4D;IAC5D,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,yDAAyD;IACzD,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,4BAA4B,CAAC;IACxC,yDAAyD;IACzD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,2GAA2G;IAC3G,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAyHD,eAAO,MAAM,wBAAwB,2DAoBnC,CAAC"}
|
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
export * from './DualListSelector';
|
|
2
|
-
export * from './DualListSelectorContext';
|
|
3
2
|
export * from './DualListSelectorControl';
|
|
4
3
|
export * from './DualListSelectorControlsWrapper';
|
|
5
4
|
export * from './DualListSelectorPane';
|
|
6
5
|
export * from './DualListSelectorList';
|
|
7
6
|
export * from './DualListSelectorListItem';
|
|
8
7
|
export * from './DualListSelectorTree';
|
|
9
|
-
export * from './DualListSelectorContext';
|
|
10
8
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DualListSelector/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DualListSelector/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mCAAmC,CAAC;AAClD,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC"}
|
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
export * from './DualListSelector';
|
|
2
|
-
export * from './DualListSelectorContext';
|
|
3
2
|
export * from './DualListSelectorControl';
|
|
4
3
|
export * from './DualListSelectorControlsWrapper';
|
|
5
4
|
export * from './DualListSelectorPane';
|
|
6
5
|
export * from './DualListSelectorList';
|
|
7
6
|
export * from './DualListSelectorListItem';
|
|
8
7
|
export * from './DualListSelectorTree';
|
|
9
|
-
export * from './DualListSelectorContext';
|
|
10
8
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/DualListSelector/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/DualListSelector/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mCAAmC,CAAC;AAClD,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC"}
|
|
@@ -0,0 +1,131 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { PickOptional } from '../../../helpers';
|
|
3
|
+
import { DualListSelectorTreeItemData } from './DualListSelectorTree';
|
|
4
|
+
/** Acts as a container for all other DualListSelector sub-components when using a
|
|
5
|
+
* composable dual list selector.
|
|
6
|
+
*/
|
|
7
|
+
export interface DualListSelectorProps {
|
|
8
|
+
/** Additional classes applied to the dual list selector. */
|
|
9
|
+
className?: string;
|
|
10
|
+
/** Id of the dual list selector. */
|
|
11
|
+
id?: string;
|
|
12
|
+
/** Flag indicating if the dual list selector uses trees instead of simple lists */
|
|
13
|
+
isTree?: boolean;
|
|
14
|
+
/** Flag indicating if the dual list selector is in a disabled state */
|
|
15
|
+
isDisabled?: boolean;
|
|
16
|
+
/** Content to be rendered in the dual list selector. Panes & controls will not be built dynamically when children are provided. */
|
|
17
|
+
children?: React.ReactNode;
|
|
18
|
+
/** Title applied to the dynamically built available options pane. */
|
|
19
|
+
availableOptionsTitle?: string;
|
|
20
|
+
/** Options to display in the dynamically built available options pane. When using trees, the options should be in the DualListSelectorTreeItemData[] format. */
|
|
21
|
+
availableOptions?: React.ReactNode[] | DualListSelectorTreeItemData[];
|
|
22
|
+
/** Status message to display above the dynamically built available options pane. */
|
|
23
|
+
availableOptionsStatus?: string;
|
|
24
|
+
/** Actions to be displayed above the dynamically built available options pane. */
|
|
25
|
+
availableOptionsActions?: React.ReactNode[];
|
|
26
|
+
/** Title applied to the dynamically built chosen options pane. */
|
|
27
|
+
chosenOptionsTitle?: string;
|
|
28
|
+
/** Options to display in the dynamically built chosen options pane. When using trees, the options should be in the DualListSelectorTreeItemData[] format. */
|
|
29
|
+
chosenOptions?: React.ReactNode[] | DualListSelectorTreeItemData[];
|
|
30
|
+
/** Status message to display above the dynamically built chosen options pane.*/
|
|
31
|
+
chosenOptionsStatus?: string;
|
|
32
|
+
/** Actions to be displayed above the dynamically built chosen options pane. */
|
|
33
|
+
chosenOptionsActions?: React.ReactNode[];
|
|
34
|
+
/** Accessible label for the dynamically built controls between the two panes. */
|
|
35
|
+
controlsAriaLabel?: string;
|
|
36
|
+
/** Optional callback for the dynamically built add selected button */
|
|
37
|
+
addSelected?: (newAvailableOptions: React.ReactNode[], newChosenOptions: React.ReactNode[]) => void;
|
|
38
|
+
/** Accessible label for the dynamically built add selected button */
|
|
39
|
+
addSelectedAriaLabel?: string;
|
|
40
|
+
/** Tooltip content for the dynamically built add selected button */
|
|
41
|
+
addSelectedTooltip?: React.ReactNode;
|
|
42
|
+
/** Additonal tooltip properties for the dynamically built add selected tooltip */
|
|
43
|
+
addSelectedTooltipProps?: any;
|
|
44
|
+
/** Callback fired every time dynamically built options are chosen or removed */
|
|
45
|
+
onListChange?: (event: React.MouseEvent<HTMLElement>, newAvailableOptions: React.ReactNode[], newChosenOptions: React.ReactNode[]) => void;
|
|
46
|
+
/** Optional callback for the dynamically built add all button */
|
|
47
|
+
addAll?: (newAvailableOptions: React.ReactNode[], newChosenOptions: React.ReactNode[]) => void;
|
|
48
|
+
/** Accessible label for the dynamically built add all button */
|
|
49
|
+
addAllAriaLabel?: string;
|
|
50
|
+
/** Tooltip content for the dynamically built add all button */
|
|
51
|
+
addAllTooltip?: React.ReactNode;
|
|
52
|
+
/** Additonal tooltip properties for the dynamically built add all tooltip */
|
|
53
|
+
addAllTooltipProps?: any;
|
|
54
|
+
/** Optional callback for the dynamically built remove selected button */
|
|
55
|
+
removeSelected?: (newAvailableOptions: React.ReactNode[], newChosenOptions: React.ReactNode[]) => void;
|
|
56
|
+
/** Accessible label for the dynamically built remove selected button */
|
|
57
|
+
removeSelectedAriaLabel?: string;
|
|
58
|
+
/** Tooltip content for the dynamically built remove selected button */
|
|
59
|
+
removeSelectedTooltip?: React.ReactNode;
|
|
60
|
+
/** Additonal tooltip properties for the dynamically built remove selected tooltip */
|
|
61
|
+
removeSelectedTooltipProps?: any;
|
|
62
|
+
/** Optional callback for the dynamically built remove all button */
|
|
63
|
+
removeAll?: (newAvailableOptions: React.ReactNode[], newChosenOptions: React.ReactNode[]) => void;
|
|
64
|
+
/** Accessible label for the dynamically built remove all button */
|
|
65
|
+
removeAllAriaLabel?: string;
|
|
66
|
+
/** Tooltip content for the dynamically built remove all button */
|
|
67
|
+
removeAllTooltip?: React.ReactNode;
|
|
68
|
+
/** Additonal tooltip properties for the dynamically built remove all tooltip */
|
|
69
|
+
removeAllTooltipProps?: any;
|
|
70
|
+
/** Optional callback fired when a dynamically built option is selected */
|
|
71
|
+
onOptionSelect?: (event: React.MouseEvent | React.ChangeEvent | React.KeyboardEvent, index: number, isChosen: boolean, id: string, itemData: any, parentData: any) => void;
|
|
72
|
+
/** Optional callback fired when a dynamically built option is checked */
|
|
73
|
+
onOptionCheck?: (event: React.MouseEvent | React.ChangeEvent<HTMLInputElement> | React.KeyboardEvent, checked: boolean, checkedId: string, newCheckedItems: string[]) => void;
|
|
74
|
+
/** Flag indicating a search bar should be included above both the dynamically built available and chosen panes. */
|
|
75
|
+
isSearchable?: boolean;
|
|
76
|
+
/** Accessible label for the search input on the dynamically built available options pane. */
|
|
77
|
+
availableOptionsSearchAriaLabel?: string;
|
|
78
|
+
/** A callback for when the search input value for the dynamically built available options changes. */
|
|
79
|
+
onAvailableOptionsSearchInputChanged?: (event: React.FormEvent<HTMLInputElement>, value: string) => void;
|
|
80
|
+
/** Accessible label for the search input on the dynamically built chosen options pane. */
|
|
81
|
+
chosenOptionsSearchAriaLabel?: string;
|
|
82
|
+
/** A callback for when the search input value for the dynamically built chosen options changes. */
|
|
83
|
+
onChosenOptionsSearchInputChanged?: (event: React.FormEvent<HTMLInputElement>, value: string) => void;
|
|
84
|
+
/** Optional filter function for custom filtering based on search string. Used with a dynamically built search input. */
|
|
85
|
+
filterOption?: (option: React.ReactNode, input: string) => boolean;
|
|
86
|
+
}
|
|
87
|
+
interface DualListSelectorState {
|
|
88
|
+
availableOptions: React.ReactNode[];
|
|
89
|
+
availableOptionsSelected: number[];
|
|
90
|
+
availableFilteredOptions: React.ReactNode[];
|
|
91
|
+
chosenOptions: React.ReactNode[];
|
|
92
|
+
chosenOptionsSelected: number[];
|
|
93
|
+
chosenFilteredOptions: React.ReactNode[];
|
|
94
|
+
availableTreeFilteredOptions: string[];
|
|
95
|
+
availableTreeOptionsChecked: string[];
|
|
96
|
+
chosenTreeOptionsChecked: string[];
|
|
97
|
+
chosenTreeFilteredOptions: string[];
|
|
98
|
+
}
|
|
99
|
+
declare class DualListSelector extends React.Component<DualListSelectorProps, DualListSelectorState> {
|
|
100
|
+
static displayName: string;
|
|
101
|
+
private addAllButtonRef;
|
|
102
|
+
private addSelectedButtonRef;
|
|
103
|
+
private removeSelectedButtonRef;
|
|
104
|
+
private removeAllButtonRef;
|
|
105
|
+
static defaultProps: PickOptional<DualListSelectorProps>;
|
|
106
|
+
private createMergedCopy;
|
|
107
|
+
constructor(props: DualListSelectorProps);
|
|
108
|
+
/** In dev environment, prevents circular structure during JSON stringification when
|
|
109
|
+
* options passed in to the dual list selector include HTML elements.
|
|
110
|
+
*/
|
|
111
|
+
replacer: (key: string, value: any) => any;
|
|
112
|
+
componentDidUpdate(): void;
|
|
113
|
+
onFilterUpdate: (newFilteredOptions: React.ReactNode[], paneType: string, isSearchReset: boolean) => void;
|
|
114
|
+
addAllVisible: (event: React.MouseEvent<HTMLElement>) => void;
|
|
115
|
+
addAllTreeVisible: (event: React.MouseEvent<HTMLElement>) => void;
|
|
116
|
+
addSelected: (event: React.MouseEvent<HTMLElement>) => void;
|
|
117
|
+
addTreeSelected: (event: React.MouseEvent<HTMLElement>) => void;
|
|
118
|
+
removeAllVisible: (event: React.MouseEvent<HTMLElement>) => void;
|
|
119
|
+
removeAllTreeVisible: (event: React.MouseEvent<HTMLElement>) => void;
|
|
120
|
+
removeSelected: (event: React.MouseEvent<HTMLElement>) => void;
|
|
121
|
+
removeTreeSelected: (event: React.MouseEvent<HTMLElement>) => void;
|
|
122
|
+
onOptionSelect: (e: React.MouseEvent | React.ChangeEvent | React.KeyboardEvent, index: number, isChosen: boolean, id?: string, itemData?: any, parentData?: any) => void;
|
|
123
|
+
isChecked: (treeItem: DualListSelectorTreeItemData, isChosen: boolean) => boolean;
|
|
124
|
+
areAllDescendantsChecked: (treeItem: DualListSelectorTreeItemData, isChosen: boolean) => boolean;
|
|
125
|
+
areSomeDescendantsChecked: (treeItem: DualListSelectorTreeItemData, isChosen: boolean) => boolean;
|
|
126
|
+
mapChecked: (item: DualListSelectorTreeItemData, isChosen: boolean) => DualListSelectorTreeItemData;
|
|
127
|
+
onTreeOptionCheck: (evt: React.MouseEvent | React.ChangeEvent<HTMLInputElement> | React.KeyboardEvent, isChecked: boolean, itemData: DualListSelectorTreeItemData, isChosen: boolean) => void;
|
|
128
|
+
render(): React.JSX.Element;
|
|
129
|
+
}
|
|
130
|
+
export { DualListSelector };
|
|
131
|
+
//# sourceMappingURL=DualListSelector.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DualListSelector.d.ts","sourceRoot":"","sources":["../../../../../src/deprecated/components/DualListSelector/DualListSelector.tsx"],"names":[],"mappings":"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"}
|