@patternfly/react-core 6.0.0-alpha.39 → 6.0.0-alpha.40
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 +224 -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/DragDrop/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/ApplicationLauncher/package.json +1 -1
- package/dist/dynamic/deprecated/components/Chip/package.json +1 -1
- package/dist/dynamic/deprecated/components/ContextSelector/package.json +1 -1
- package/dist/dynamic/deprecated/components/Dropdown/package.json +1 -1
- package/dist/dynamic/deprecated/components/OptionsMenu/package.json +1 -1
- package/dist/dynamic/deprecated/components/PageHeader/package.json +1 -1
- package/dist/dynamic/deprecated/components/Select/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/favorites/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/next/components/DualListSelector/package.json +1 -0
- package/dist/dynamic/next/components/Modal/package.json +1 -1
- package/dist/dynamic/next/components/package.json +1 -1
- package/dist/dynamic/styles/package.json +1 -1
- package/dist/esm/components/Checkbox/Checkbox.js +2 -2
- package/dist/esm/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/esm/components/JumpLinks/JumpLinks.d.ts +3 -1
- package/dist/esm/components/JumpLinks/JumpLinks.d.ts.map +1 -1
- package/dist/esm/components/JumpLinks/JumpLinks.js +19 -7
- package/dist/esm/components/JumpLinks/JumpLinks.js.map +1 -1
- package/dist/esm/components/MenuToggle/MenuToggle.js +1 -1
- package/dist/esm/components/MenuToggle/MenuToggle.js.map +1 -1
- package/dist/esm/components/Radio/Radio.js +2 -2
- package/dist/esm/components/Radio/Radio.js.map +1 -1
- package/dist/esm/components/SearchInput/SearchInput.d.ts +2 -0
- package/dist/esm/components/SearchInput/SearchInput.d.ts.map +1 -1
- package/dist/esm/components/SearchInput/SearchInput.js +2 -2
- package/dist/esm/components/SearchInput/SearchInput.js.map +1 -1
- package/dist/esm/components/Select/Select.d.ts +6 -0
- package/dist/esm/components/Select/Select.d.ts.map +1 -1
- package/dist/esm/components/Select/Select.js +3 -3
- package/dist/esm/components/Select/Select.js.map +1 -1
- package/dist/esm/components/TextInputGroup/TextInputGroupMain.d.ts +2 -0
- package/dist/esm/components/TextInputGroup/TextInputGroupMain.d.ts.map +1 -1
- package/dist/esm/components/TextInputGroup/TextInputGroupMain.js +3 -3
- package/dist/esm/components/TextInputGroup/TextInputGroupMain.js.map +1 -1
- package/dist/esm/helpers/Popper/Popper.js +2 -2
- package/dist/esm/helpers/Popper/Popper.js.map +1 -1
- package/dist/esm/index.d.ts +0 -1
- package/dist/esm/index.d.ts.map +1 -1
- package/dist/esm/index.js +0 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/next/components/DualListSelector/DualListSelector.d.ts +23 -0
- package/dist/esm/next/components/DualListSelector/DualListSelector.d.ts.map +1 -0
- package/dist/esm/next/components/DualListSelector/DualListSelector.js +23 -0
- package/dist/esm/next/components/DualListSelector/DualListSelector.js.map +1 -0
- package/dist/esm/next/components/DualListSelector/DualListSelectorContext.d.ts +19 -0
- package/dist/esm/next/components/DualListSelector/DualListSelectorContext.d.ts.map +1 -0
- package/dist/esm/next/components/DualListSelector/DualListSelectorContext.js +5 -0
- package/dist/esm/next/components/DualListSelector/DualListSelectorContext.js.map +1 -0
- package/dist/esm/next/components/DualListSelector/DualListSelectorControl.d.ts +25 -0
- package/dist/esm/next/components/DualListSelector/DualListSelectorControl.d.ts.map +1 -0
- package/dist/esm/next/components/DualListSelector/DualListSelectorControl.js +18 -0
- package/dist/esm/next/components/DualListSelector/DualListSelectorControl.js.map +1 -0
- package/dist/esm/next/components/DualListSelector/DualListSelectorControlsWrapper.d.ts +15 -0
- package/dist/esm/next/components/DualListSelector/DualListSelectorControlsWrapper.d.ts.map +1 -0
- package/dist/esm/next/components/DualListSelector/DualListSelectorControlsWrapper.js +35 -0
- package/dist/esm/next/components/DualListSelector/DualListSelectorControlsWrapper.js.map +1 -0
- package/dist/esm/next/components/DualListSelector/DualListSelectorList.d.ts +8 -0
- package/dist/esm/next/components/DualListSelector/DualListSelectorList.d.ts.map +1 -0
- package/dist/esm/next/components/DualListSelector/DualListSelectorList.js +26 -0
- package/dist/esm/next/components/DualListSelector/DualListSelectorList.js.map +1 -0
- package/dist/esm/next/components/DualListSelector/DualListSelectorListItem.d.ts +29 -0
- package/dist/esm/next/components/DualListSelector/DualListSelectorListItem.d.ts.map +1 -0
- package/dist/esm/next/components/DualListSelector/DualListSelectorListItem.js +38 -0
- package/dist/esm/next/components/DualListSelector/DualListSelectorListItem.js.map +1 -0
- package/dist/esm/next/components/DualListSelector/DualListSelectorListWrapper.d.ts +24 -0
- package/dist/esm/next/components/DualListSelector/DualListSelectorListWrapper.d.ts.map +1 -0
- package/dist/esm/next/components/DualListSelector/DualListSelectorListWrapper.js +59 -0
- package/dist/esm/next/components/DualListSelector/DualListSelectorListWrapper.js.map +1 -0
- package/dist/esm/next/components/DualListSelector/DualListSelectorPane.d.ts +31 -0
- package/dist/esm/next/components/DualListSelector/DualListSelectorPane.d.ts.map +1 -0
- package/dist/esm/next/components/DualListSelector/DualListSelectorPane.js +27 -0
- package/dist/esm/next/components/DualListSelector/DualListSelectorPane.js.map +1 -0
- package/dist/esm/next/components/DualListSelector/DualListSelectorTree.d.ts +48 -0
- package/dist/esm/next/components/DualListSelector/DualListSelectorTree.d.ts.map +1 -0
- package/dist/esm/next/components/DualListSelector/DualListSelectorTree.js +15 -0
- package/dist/esm/next/components/DualListSelector/DualListSelectorTree.js.map +1 -0
- package/dist/esm/next/components/DualListSelector/DualListSelectorTreeItem.d.ts +32 -0
- package/dist/esm/next/components/DualListSelector/DualListSelectorTreeItem.d.ts.map +1 -0
- package/dist/esm/next/components/DualListSelector/DualListSelectorTreeItem.js +75 -0
- package/dist/esm/next/components/DualListSelector/DualListSelectorTreeItem.js.map +1 -0
- package/dist/esm/next/components/DualListSelector/index.d.ts +8 -0
- package/dist/esm/next/components/DualListSelector/index.d.ts.map +1 -0
- package/dist/esm/next/components/DualListSelector/index.js +8 -0
- package/dist/esm/next/components/DualListSelector/index.js.map +1 -0
- package/dist/esm/next/components/DualListSelector/treeUtils.d.ts +8 -0
- package/dist/esm/next/components/DualListSelector/treeUtils.d.ts.map +1 -0
- package/dist/esm/next/components/DualListSelector/treeUtils.js +68 -0
- package/dist/esm/next/components/DualListSelector/treeUtils.js.map +1 -0
- package/dist/esm/next/components/index.d.ts +1 -0
- package/dist/esm/next/components/index.d.ts.map +1 -1
- package/dist/esm/next/components/index.js +1 -0
- package/dist/esm/next/components/index.js.map +1 -1
- package/dist/js/components/Checkbox/Checkbox.js +2 -2
- package/dist/js/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/js/components/JumpLinks/JumpLinks.d.ts +3 -1
- package/dist/js/components/JumpLinks/JumpLinks.d.ts.map +1 -1
- package/dist/js/components/JumpLinks/JumpLinks.js +19 -7
- package/dist/js/components/JumpLinks/JumpLinks.js.map +1 -1
- package/dist/js/components/MenuToggle/MenuToggle.js +1 -1
- package/dist/js/components/MenuToggle/MenuToggle.js.map +1 -1
- package/dist/js/components/Radio/Radio.js +2 -2
- package/dist/js/components/Radio/Radio.js.map +1 -1
- package/dist/js/components/SearchInput/SearchInput.d.ts +2 -0
- package/dist/js/components/SearchInput/SearchInput.d.ts.map +1 -1
- package/dist/js/components/SearchInput/SearchInput.js +2 -2
- package/dist/js/components/SearchInput/SearchInput.js.map +1 -1
- package/dist/js/components/Select/Select.d.ts +6 -0
- package/dist/js/components/Select/Select.d.ts.map +1 -1
- package/dist/js/components/Select/Select.js +3 -3
- package/dist/js/components/Select/Select.js.map +1 -1
- package/dist/js/components/TextInputGroup/TextInputGroupMain.d.ts +2 -0
- package/dist/js/components/TextInputGroup/TextInputGroupMain.d.ts.map +1 -1
- package/dist/js/components/TextInputGroup/TextInputGroupMain.js +3 -3
- package/dist/js/components/TextInputGroup/TextInputGroupMain.js.map +1 -1
- package/dist/js/helpers/Popper/Popper.js +2 -2
- package/dist/js/helpers/Popper/Popper.js.map +1 -1
- package/dist/js/index.d.ts +0 -1
- package/dist/js/index.d.ts.map +1 -1
- package/dist/js/index.js +0 -1
- package/dist/js/index.js.map +1 -1
- package/dist/js/next/components/DualListSelector/DualListSelector.d.ts +23 -0
- package/dist/js/next/components/DualListSelector/DualListSelector.d.ts.map +1 -0
- package/dist/js/next/components/DualListSelector/DualListSelector.js +26 -0
- package/dist/js/next/components/DualListSelector/DualListSelector.js.map +1 -0
- package/dist/js/next/components/DualListSelector/DualListSelectorContext.d.ts +19 -0
- package/dist/js/next/components/DualListSelector/DualListSelectorContext.d.ts.map +1 -0
- package/dist/js/next/components/DualListSelector/DualListSelectorContext.js +9 -0
- package/dist/js/next/components/DualListSelector/DualListSelectorContext.js.map +1 -0
- package/dist/js/next/components/DualListSelector/DualListSelectorControl.d.ts +25 -0
- package/dist/js/next/components/DualListSelector/DualListSelectorControl.d.ts.map +1 -0
- package/dist/js/next/components/DualListSelector/DualListSelectorControl.js +22 -0
- package/dist/js/next/components/DualListSelector/DualListSelectorControl.js.map +1 -0
- package/dist/js/next/components/DualListSelector/DualListSelectorControlsWrapper.d.ts +15 -0
- package/dist/js/next/components/DualListSelector/DualListSelectorControlsWrapper.d.ts.map +1 -0
- package/dist/js/next/components/DualListSelector/DualListSelectorControlsWrapper.js +39 -0
- package/dist/js/next/components/DualListSelector/DualListSelectorControlsWrapper.js.map +1 -0
- package/dist/js/next/components/DualListSelector/DualListSelectorList.d.ts +8 -0
- package/dist/js/next/components/DualListSelector/DualListSelectorList.d.ts.map +1 -0
- package/dist/js/next/components/DualListSelector/DualListSelectorList.js +30 -0
- package/dist/js/next/components/DualListSelector/DualListSelectorList.js.map +1 -0
- package/dist/js/next/components/DualListSelector/DualListSelectorListItem.d.ts +29 -0
- package/dist/js/next/components/DualListSelector/DualListSelectorListItem.d.ts.map +1 -0
- package/dist/js/next/components/DualListSelector/DualListSelectorListItem.js +42 -0
- package/dist/js/next/components/DualListSelector/DualListSelectorListItem.js.map +1 -0
- package/dist/js/next/components/DualListSelector/DualListSelectorListWrapper.d.ts +24 -0
- package/dist/js/next/components/DualListSelector/DualListSelectorListWrapper.d.ts.map +1 -0
- package/dist/js/next/components/DualListSelector/DualListSelectorListWrapper.js +63 -0
- package/dist/js/next/components/DualListSelector/DualListSelectorListWrapper.js.map +1 -0
- package/dist/js/next/components/DualListSelector/DualListSelectorPane.d.ts +31 -0
- package/dist/js/next/components/DualListSelector/DualListSelectorPane.d.ts.map +1 -0
- package/dist/js/next/components/DualListSelector/DualListSelectorPane.js +31 -0
- package/dist/js/next/components/DualListSelector/DualListSelectorPane.js.map +1 -0
- package/dist/js/next/components/DualListSelector/DualListSelectorTree.d.ts +48 -0
- package/dist/js/next/components/DualListSelector/DualListSelectorTree.d.ts.map +1 -0
- package/dist/js/next/components/DualListSelector/DualListSelectorTree.js +19 -0
- package/dist/js/next/components/DualListSelector/DualListSelectorTree.js.map +1 -0
- package/dist/js/next/components/DualListSelector/DualListSelectorTreeItem.d.ts +32 -0
- package/dist/js/next/components/DualListSelector/DualListSelectorTreeItem.d.ts.map +1 -0
- package/dist/js/next/components/DualListSelector/DualListSelectorTreeItem.js +78 -0
- package/dist/js/next/components/DualListSelector/DualListSelectorTreeItem.js.map +1 -0
- package/dist/js/next/components/DualListSelector/index.d.ts +8 -0
- package/dist/js/next/components/DualListSelector/index.d.ts.map +1 -0
- package/dist/js/next/components/DualListSelector/index.js +11 -0
- package/dist/js/next/components/DualListSelector/index.js.map +1 -0
- package/dist/js/next/components/DualListSelector/treeUtils.d.ts +8 -0
- package/dist/js/next/components/DualListSelector/treeUtils.d.ts.map +1 -0
- package/dist/js/next/components/DualListSelector/treeUtils.js +77 -0
- package/dist/js/next/components/DualListSelector/treeUtils.js.map +1 -0
- package/dist/js/next/components/index.d.ts +1 -0
- package/dist/js/next/components/index.d.ts.map +1 -1
- package/dist/js/next/components/index.js +1 -0
- package/dist/js/next/components/index.js.map +1 -1
- package/dist/umd/react-core.min.js +3 -3
- package/helpers/package.json +1 -1
- package/layouts/package.json +1 -1
- package/next/package.json +1 -1
- package/package.json +7 -6
- package/scripts/cleanDistExports.js +14 -0
- package/src/components/Accordion/__tests__/AccordionToggle.test.tsx +28 -0
- package/src/components/Checkbox/Checkbox.tsx +2 -2
- package/src/components/JumpLinks/JumpLinks.tsx +21 -7
- package/src/components/MenuToggle/MenuToggle.tsx +1 -1
- package/src/components/MenuToggle/examples/MenuToggleTypeahead.tsx +1 -1
- package/src/components/Radio/Radio.tsx +2 -2
- package/src/components/SearchInput/SearchInput.tsx +4 -0
- package/src/components/Select/Select.tsx +13 -1
- package/src/components/Select/examples/SelectMultiTypeahead.tsx +8 -1
- package/src/components/Select/examples/SelectMultiTypeaheadCheckbox.tsx +8 -1
- package/src/components/Select/examples/SelectMultiTypeaheadCreatable.tsx +8 -1
- package/src/components/Select/examples/SelectTypeahead.tsx +8 -1
- package/src/components/Select/examples/SelectTypeaheadCreatable.tsx +8 -1
- package/src/components/TextInputGroup/TextInputGroupMain.tsx +5 -0
- package/src/components/TextInputGroup/__tests__/TextInputGroupMain.test.tsx +8 -0
- package/src/demos/JumpLinks.md +4 -3
- package/src/demos/examples/JumpLinks/JumpLinksWithDrawer.js +25 -16
- package/src/helpers/Popper/Popper.tsx +1 -1
- package/src/index.ts +0 -1
- package/src/next/components/DualListSelector/DualListSelector.tsx +50 -0
- package/src/next/components/DualListSelector/DualListSelectorContext.ts +21 -0
- package/src/next/components/DualListSelector/DualListSelectorControl.tsx +66 -0
- package/src/next/components/DualListSelector/DualListSelectorControlsWrapper.tsx +87 -0
- package/src/next/components/DualListSelector/DualListSelectorList.tsx +57 -0
- package/src/next/components/DualListSelector/DualListSelectorListItem.tsx +105 -0
- package/src/next/components/DualListSelector/DualListSelectorListWrapper.tsx +124 -0
- package/src/next/components/DualListSelector/DualListSelectorPane.tsx +94 -0
- package/src/next/components/DualListSelector/DualListSelectorTree.tsx +110 -0
- package/src/next/components/DualListSelector/DualListSelectorTreeItem.tsx +184 -0
- package/src/next/components/DualListSelector/__tests__/DualListSelector.test.tsx +26 -0
- package/src/next/components/DualListSelector/__tests__/__snapshots__/DualListSelector.test.tsx.snap +122 -0
- package/src/next/components/DualListSelector/examples/DualListSelector.md +99 -0
- package/src/next/components/DualListSelector/examples/DualListSelectorBasic.tsx +157 -0
- package/src/next/components/DualListSelector/examples/DualListSelectorBasicSearch.tsx +211 -0
- package/src/next/components/DualListSelector/examples/DualListSelectorBasicTooltips.tsx +165 -0
- package/src/next/components/DualListSelector/examples/DualListSelectorComplexOptionsActions.tsx +344 -0
- package/src/next/components/DualListSelector/examples/DualListSelectorDragDrop.tsx +184 -0
- package/src/next/components/DualListSelector/examples/DualListSelectorTree.tsx +373 -0
- package/src/next/components/DualListSelector/index.ts +7 -0
- package/src/next/components/DualListSelector/treeUtils.ts +81 -0
- package/src/next/components/index.ts +1 -0
- package/dist/esm/demos/index.d.ts +0 -3
- package/dist/esm/demos/index.d.ts.map +0 -1
- package/dist/esm/demos/index.js +0 -3
- package/dist/esm/demos/index.js.map +0 -1
- package/dist/js/demos/index.d.ts +0 -3
- package/dist/js/demos/index.d.ts.map +0 -1
- package/dist/js/demos/index.js +0 -6
- package/dist/js/demos/index.js.map +0 -1
- package/src/components/DataList/__tests__/__snapshots__/DataListAction.test.tsx.snap~HEAD +0 -11
- package/src/components/DataList/__tests__/__snapshots__/DataListAction.test.tsx.snap~main +0 -11
- package/src/components/DataList/__tests__/__snapshots__/DataListItemCells.test.tsx.snap~HEAD +0 -9
- package/src/components/DataList/__tests__/__snapshots__/DataListItemCells.test.tsx.snap~main +0 -9
- package/src/components/DataList/__tests__/__snapshots__/DataListItemRow.test.tsx.snap~HEAD +0 -9
- package/src/components/DataList/__tests__/__snapshots__/DataListItemRow.test.tsx.snap~main +0 -9
- package/src/demos/index.ts +0 -2
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.DualListSelectorPane = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const React = tslib_1.__importStar(require("react"));
|
|
6
|
+
const dual_list_selector_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/DualListSelector/dual-list-selector"));
|
|
7
|
+
const react_styles_1 = require("@patternfly/react-styles");
|
|
8
|
+
const helpers_1 = require("../../../helpers");
|
|
9
|
+
const DualListSelectorListWrapper_1 = require("./DualListSelectorListWrapper");
|
|
10
|
+
const DualListSelectorContext_1 = require("./DualListSelectorContext");
|
|
11
|
+
const SearchInput_1 = require("../../../components/SearchInput");
|
|
12
|
+
const c_dual_list_selector__menu_MinHeight_1 = tslib_1.__importDefault(require('@patternfly/react-tokens/dist/js/c_dual_list_selector__menu_MinHeight'));
|
|
13
|
+
const DualListSelectorPane = (_a) => {
|
|
14
|
+
var { isChosen = false, className = '', status = '', actions, searchInput, children, title = '', id = (0, helpers_1.getUniqueId)('dual-list-selector-pane'), isDisabled = false, listMinHeight } = _a, props = tslib_1.__rest(_a, ["isChosen", "className", "status", "actions", "searchInput", "children", "title", "id", "isDisabled", "listMinHeight"]);
|
|
15
|
+
return (React.createElement("div", Object.assign({ className: (0, react_styles_1.css)(dual_list_selector_1.default.dualListSelectorPane, isChosen ? dual_list_selector_1.default.modifiers.chosen : 'pf-m-available', className) }, props),
|
|
16
|
+
title && (React.createElement("div", { className: (0, react_styles_1.css)(dual_list_selector_1.default.dualListSelectorHeader) },
|
|
17
|
+
React.createElement("div", { className: `${dual_list_selector_1.default.dualListSelector}__title` },
|
|
18
|
+
React.createElement("div", { className: (0, react_styles_1.css)(dual_list_selector_1.default.dualListSelectorTitleText) }, title)))),
|
|
19
|
+
(actions || searchInput) && (React.createElement("div", { className: (0, react_styles_1.css)(dual_list_selector_1.default.dualListSelectorTools) },
|
|
20
|
+
searchInput && (React.createElement("div", { className: (0, react_styles_1.css)(dual_list_selector_1.default.dualListSelectorToolsFilter) }, searchInput ? searchInput : React.createElement(SearchInput_1.SearchInput, { isDisabled: isDisabled }))),
|
|
21
|
+
actions && React.createElement("div", { className: (0, react_styles_1.css)(dual_list_selector_1.default.dualListSelectorToolsActions) }, actions))),
|
|
22
|
+
status && (React.createElement("div", { className: (0, react_styles_1.css)(dual_list_selector_1.default.dualListSelectorStatus) },
|
|
23
|
+
React.createElement("div", { className: (0, react_styles_1.css)(dual_list_selector_1.default.dualListSelectorStatusText), id: `${id}-status` }, status))),
|
|
24
|
+
React.createElement(DualListSelectorContext_1.DualListSelectorPaneContext.Provider, { value: { isChosen } },
|
|
25
|
+
React.createElement(DualListSelectorListWrapper_1.DualListSelectorListWrapper, Object.assign({ "aria-labelledby": `${id}-status`, id: `${id}-list` }, (listMinHeight && {
|
|
26
|
+
style: { [c_dual_list_selector__menu_MinHeight_1.default.name]: listMinHeight }
|
|
27
|
+
})), children))));
|
|
28
|
+
};
|
|
29
|
+
exports.DualListSelectorPane = DualListSelectorPane;
|
|
30
|
+
exports.DualListSelectorPane.displayName = 'DualListSelectorPane';
|
|
31
|
+
//# sourceMappingURL=DualListSelectorPane.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DualListSelectorPane.js","sourceRoot":"","sources":["../../../../../src/next/components/DualListSelector/DualListSelectorPane.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,6IAAiG;AACjG,2DAA+C;AAC/C,8CAA+C;AAC/C,+EAA4E;AAC5E,uEAAwE;AACxE,iEAA8D;AAC9D,yJAAsG;AAgC/F,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,IAAA,qBAAW,EAAC,yBAAyB,CAAC,EAC3C,UAAU,GAAG,KAAK,EAClB,aAAa,OAEa,EADvB,KAAK,sBAX+E,uHAYxF,CADS;IACuB,OAAA,CAC/B,2CACE,SAAS,EAAE,IAAA,kBAAG,EAAC,4BAAM,CAAC,oBAAoB,EAAE,QAAQ,CAAC,CAAC,CAAC,4BAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,gBAAgB,EAAE,SAAS,CAAC,IACzG,KAAK;QAER,KAAK,IAAI,CACR,6BAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,4BAAM,CAAC,sBAAsB,CAAC;YAChD,6BAAK,SAAS,EAAE,GAAG,4BAAM,CAAC,gBAAgB,SAAS;gBACjD,6BAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,4BAAM,CAAC,yBAAyB,CAAC,IAAG,KAAK,CAAO,CAChE,CACF,CACP;QACA,CAAC,OAAO,IAAI,WAAW,CAAC,IAAI,CAC3B,6BAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,4BAAM,CAAC,qBAAqB,CAAC;YAC9C,WAAW,IAAI,CACd,6BAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,4BAAM,CAAC,2BAA2B,CAAC,IACpD,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,oBAAC,yBAAW,IAAC,UAAU,EAAE,UAAU,GAAI,CAChE,CACP;YACA,OAAO,IAAI,6BAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,4BAAM,CAAC,4BAA4B,CAAC,IAAG,OAAO,CAAO,CACjF,CACP;QACA,MAAM,IAAI,CACT,6BAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,4BAAM,CAAC,sBAAsB,CAAC;YAChD,6BAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,4BAAM,CAAC,0BAA0B,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,SAAS,IACvE,MAAM,CACH,CACF,CACP;QACD,oBAAC,qDAA2B,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE;YACvD,oBAAC,yDAA2B,qCACT,GAAG,EAAE,SAAS,EAC/B,EAAE,EAAE,GAAG,EAAE,OAAO,IACZ,CAAC,aAAa,IAAI;gBACpB,KAAK,EAAE,EAAE,CAAC,8CAAgB,CAAC,IAAI,CAAC,EAAE,aAAa,EAAyB;aACzE,CAAC,GAED,QAAQ,CACmB,CACO,CACnC,CACP,CAAA;CAAA,CAAC;AArDW,QAAA,oBAAoB,wBAqD/B;AACF,4BAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export interface DualListSelectorTreeItemData {
|
|
3
|
+
/** Content rendered inside the dual list selector. */
|
|
4
|
+
children?: DualListSelectorTreeItemData[];
|
|
5
|
+
/** Additional classes applied to the dual list selector. */
|
|
6
|
+
className?: string;
|
|
7
|
+
/** Flag indicating this option is expanded by default. */
|
|
8
|
+
defaultExpanded?: boolean;
|
|
9
|
+
/** Flag indicating this option has a badge. */
|
|
10
|
+
hasBadge?: boolean;
|
|
11
|
+
/** Callback fired when an option is checked. */
|
|
12
|
+
onOptionCheck?: (event: React.MouseEvent | React.ChangeEvent<HTMLInputElement> | React.KeyboardEvent, isChecked: boolean, isChosen: boolean, itemData: DualListSelectorTreeItemData) => void;
|
|
13
|
+
/** ID of the option. */
|
|
14
|
+
id: string;
|
|
15
|
+
/** Text of the option. */
|
|
16
|
+
text: string;
|
|
17
|
+
/** Parent ID of an option. */
|
|
18
|
+
parentId?: string;
|
|
19
|
+
/** Checked state of the option. */
|
|
20
|
+
isChecked: boolean;
|
|
21
|
+
/** Additional properties to pass to the option checkbox. */
|
|
22
|
+
checkProps?: any;
|
|
23
|
+
/** Additional properties to pass to the option badge. */
|
|
24
|
+
badgeProps?: any;
|
|
25
|
+
/** Flag indicating whether the component is disabled. */
|
|
26
|
+
isDisabled?: boolean;
|
|
27
|
+
}
|
|
28
|
+
/** Used in place of the DualListSelectorListItem sub-component when building a
|
|
29
|
+
* composable dual list selector with a tree.
|
|
30
|
+
*/
|
|
31
|
+
export interface DualListSelectorTreeProps extends Omit<React.HTMLProps<HTMLUListElement>, 'data'> {
|
|
32
|
+
/** Data of the tree view. */
|
|
33
|
+
data: DualListSelectorTreeItemData[] | (() => DualListSelectorTreeItemData[]);
|
|
34
|
+
/** ID of the tree view. */
|
|
35
|
+
id?: string;
|
|
36
|
+
/** @hide Flag indicating if the list is nested. */
|
|
37
|
+
isNested?: boolean;
|
|
38
|
+
/** Flag indicating if all options should have badges. */
|
|
39
|
+
hasBadges?: boolean;
|
|
40
|
+
/** Sets the default expanded behavior. */
|
|
41
|
+
defaultAllExpanded?: boolean;
|
|
42
|
+
/** Flag indicating if the dual list selector tree is in the disabled state. */
|
|
43
|
+
isDisabled?: boolean;
|
|
44
|
+
/** Callback fired when an option is checked. */
|
|
45
|
+
onOptionCheck?: (event: React.MouseEvent | React.ChangeEvent<HTMLInputElement> | React.KeyboardEvent, isChecked: boolean, itemData: DualListSelectorTreeItemData) => void;
|
|
46
|
+
}
|
|
47
|
+
export declare const DualListSelectorTree: React.FunctionComponent<DualListSelectorTreeProps>;
|
|
48
|
+
//# sourceMappingURL=DualListSelectorTree.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DualListSelectorTree.d.ts","sourceRoot":"","sources":["../../../../../src/next/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"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.DualListSelectorTree = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const React = tslib_1.__importStar(require("react"));
|
|
6
|
+
const react_styles_1 = require("@patternfly/react-styles");
|
|
7
|
+
const dual_list_selector_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/DualListSelector/dual-list-selector"));
|
|
8
|
+
const DualListSelectorTreeItem_1 = require("./DualListSelectorTreeItem");
|
|
9
|
+
const DualListSelectorTree = (_a) => {
|
|
10
|
+
var { data, hasBadges = false, isNested = false, defaultAllExpanded = false, onOptionCheck, isDisabled = false } = _a, props = tslib_1.__rest(_a, ["data", "hasBadges", "isNested", "defaultAllExpanded", "onOptionCheck", "isDisabled"]);
|
|
11
|
+
const dataToRender = typeof data === 'function' ? data() : data;
|
|
12
|
+
const tree = dataToRender.map((item) => (React.createElement(DualListSelectorTreeItem_1.DualListSelectorTreeItem, Object.assign({ key: item.id, text: item.text, id: item.id, defaultExpanded: item.defaultExpanded !== undefined ? item.defaultExpanded : defaultAllExpanded, onOptionCheck: onOptionCheck, isChecked: item.isChecked, checkProps: item.checkProps, hasBadge: item.hasBadge !== undefined ? item.hasBadge : hasBadges, badgeProps: item.badgeProps, itemData: item, isDisabled: isDisabled, useMemo: true }, (item.children && {
|
|
13
|
+
children: (React.createElement(exports.DualListSelectorTree, { isNested: true, data: item.children, hasBadges: hasBadges, defaultAllExpanded: defaultAllExpanded, onOptionCheck: onOptionCheck, isDisabled: isDisabled }))
|
|
14
|
+
})))));
|
|
15
|
+
return isNested ? (React.createElement("ul", Object.assign({ className: (0, react_styles_1.css)(dual_list_selector_1.default.dualListSelectorList), role: "group" }, props), tree)) : (React.createElement(React.Fragment, null, tree));
|
|
16
|
+
};
|
|
17
|
+
exports.DualListSelectorTree = DualListSelectorTree;
|
|
18
|
+
exports.DualListSelectorTree.displayName = 'DualListSelectorTree';
|
|
19
|
+
//# sourceMappingURL=DualListSelectorTree.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DualListSelectorTree.js","sourceRoot":"","sources":["../../../../../src/next/components/DualListSelector/DualListSelectorTree.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,6IAAiG;AACjG,yEAAsE;AA2D/D,MAAM,oBAAoB,GAAuD,CAAC,EAQ7D,EAAE,EAAE;QARyD,EACvF,IAAI,EACJ,SAAS,GAAG,KAAK,EACjB,QAAQ,GAAG,KAAK,EAChB,kBAAkB,GAAG,KAAK,EAC1B,aAAa,EACb,UAAU,GAAG,KAAK,OAEQ,EADvB,KAAK,sBAP+E,sFAQxF,CADS;IAER,MAAM,YAAY,GAAG,OAAO,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IAChE,MAAM,IAAI,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACtC,oBAAC,mDAAwB,kBACvB,GAAG,EAAE,IAAI,CAAC,EAAE,EACZ,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,eAAe,EAAE,IAAI,CAAC,eAAe,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,kBAAkB,EAC/F,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,QAAQ,EAAE,IAAI,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACjE,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,QAAQ,EAAE,IAAI,EACd,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,IAAI,IACT,CAAC,IAAI,CAAC,QAAQ,IAAI;QACpB,QAAQ,EAAE,CACR,oBAAC,4BAAoB,IACnB,QAAQ,QACR,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,SAAS,EAAE,SAAS,EACpB,kBAAkB,EAAE,kBAAkB,EACtC,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,GACtB,CACH;KACF,CAAC,EACF,CACH,CAAC,CAAC;IACH,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,0CAAI,SAAS,EAAE,IAAA,kBAAG,EAAC,4BAAM,CAAC,oBAAoB,CAAC,EAAE,IAAI,EAAC,OAAO,IAAK,KAAK,GACpE,IAAI,CACF,CACN,CAAC,CAAC,CAAC,CACF,0CAAG,IAAI,CAAI,CACZ,CAAC;AACJ,CAAC,CAAC;AA7CW,QAAA,oBAAoB,wBA6C/B;AAEF,4BAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { DualListSelectorTreeItemData } from './DualListSelectorTree';
|
|
3
|
+
export interface DualListSelectorTreeItemProps extends React.HTMLProps<HTMLLIElement> {
|
|
4
|
+
/** Content rendered inside the dual list selector. */
|
|
5
|
+
children?: React.ReactNode;
|
|
6
|
+
/** Additional classes applied to the dual list selector. */
|
|
7
|
+
className?: string;
|
|
8
|
+
/** Flag indicating this option is expanded by default. */
|
|
9
|
+
defaultExpanded?: boolean;
|
|
10
|
+
/** Flag indicating this option has a badge. */
|
|
11
|
+
hasBadge?: boolean;
|
|
12
|
+
/** Callback fired when an option is checked. */
|
|
13
|
+
onOptionCheck?: (event: React.MouseEvent | React.ChangeEvent<HTMLInputElement> | React.KeyboardEvent, isChecked: boolean, itemData: DualListSelectorTreeItemData) => void;
|
|
14
|
+
/** ID of the option. */
|
|
15
|
+
id: string;
|
|
16
|
+
/** Text of the option. */
|
|
17
|
+
text: string;
|
|
18
|
+
/** Flag indicating if this open is checked. */
|
|
19
|
+
isChecked?: boolean;
|
|
20
|
+
/** Additional properties to pass to the option checkbox. */
|
|
21
|
+
checkProps?: any;
|
|
22
|
+
/** Additional properties to pass to the option badge. */
|
|
23
|
+
badgeProps?: any;
|
|
24
|
+
/** Raw data of the option. */
|
|
25
|
+
itemData?: DualListSelectorTreeItemData;
|
|
26
|
+
/** Flag indicating whether the component is disabled. */
|
|
27
|
+
isDisabled?: boolean;
|
|
28
|
+
/** Flag indicating the DualListSelector tree should utilize memoization to help render large data sets. */
|
|
29
|
+
useMemo?: boolean;
|
|
30
|
+
}
|
|
31
|
+
export declare const DualListSelectorTreeItem: React.NamedExoticComponent<DualListSelectorTreeItemProps>;
|
|
32
|
+
//# sourceMappingURL=DualListSelectorTreeItem.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DualListSelectorTreeItem.d.ts","sourceRoot":"","sources":["../../../../../src/next/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"}
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.DualListSelectorTreeItem = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const React = tslib_1.__importStar(require("react"));
|
|
6
|
+
const dual_list_selector_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/DualListSelector/dual-list-selector"));
|
|
7
|
+
const react_styles_1 = require("@patternfly/react-styles");
|
|
8
|
+
const Badge_1 = require("../../../components/Badge");
|
|
9
|
+
const angle_right_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/angle-right-icon'));
|
|
10
|
+
const treeUtils_1 = require("./treeUtils");
|
|
11
|
+
const DualListSelectorContext_1 = require("./DualListSelectorContext");
|
|
12
|
+
const DualListSelectorTreeItemBase = (_a) => {
|
|
13
|
+
var { onOptionCheck, children, className, id, text, defaultExpanded, hasBadge, isChecked, checkProps, badgeProps, itemData, isDisabled = false,
|
|
14
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
15
|
+
useMemo } = _a, props = tslib_1.__rest(_a, ["onOptionCheck", "children", "className", "id", "text", "defaultExpanded", "hasBadge", "isChecked", "checkProps", "badgeProps", "itemData", "isDisabled", "useMemo"]);
|
|
16
|
+
const ref = React.useRef(null);
|
|
17
|
+
const [isExpanded, setIsExpanded] = React.useState(defaultExpanded || false);
|
|
18
|
+
const { setFocusedOption } = React.useContext(DualListSelectorContext_1.DualListSelectorListContext);
|
|
19
|
+
React.useEffect(() => {
|
|
20
|
+
setIsExpanded(defaultExpanded);
|
|
21
|
+
}, [defaultExpanded]);
|
|
22
|
+
return (React.createElement("li", Object.assign({ className: (0, react_styles_1.css)(dual_list_selector_1.default.dualListSelectorListItem, className, children && dual_list_selector_1.default.modifiers.expandable, isExpanded && dual_list_selector_1.default.modifiers.expanded, isDisabled && dual_list_selector_1.default.modifiers.disabled), id: id }, props, { "aria-selected": isChecked, role: "treeitem" }, (isExpanded && { 'aria-expanded': 'true' })),
|
|
23
|
+
React.createElement("div", { className: (0, react_styles_1.css)(dual_list_selector_1.default.dualListSelectorListItemRow, isChecked && dual_list_selector_1.default.modifiers.selected, dual_list_selector_1.default.modifiers.check) },
|
|
24
|
+
React.createElement("div", { className: (0, react_styles_1.css)(dual_list_selector_1.default.dualListSelectorItem), ref: ref, tabIndex: -1, onClick: isDisabled
|
|
25
|
+
? undefined
|
|
26
|
+
: (evt) => {
|
|
27
|
+
onOptionCheck && onOptionCheck(evt, !isChecked, itemData);
|
|
28
|
+
setFocusedOption(id);
|
|
29
|
+
} },
|
|
30
|
+
React.createElement("span", { className: (0, react_styles_1.css)(dual_list_selector_1.default.dualListSelectorItemMain) },
|
|
31
|
+
children && (React.createElement("div", { className: (0, react_styles_1.css)(dual_list_selector_1.default.dualListSelectorItemToggle), onClick: (e) => {
|
|
32
|
+
if (children) {
|
|
33
|
+
setIsExpanded(!isExpanded);
|
|
34
|
+
}
|
|
35
|
+
e.stopPropagation();
|
|
36
|
+
}, onKeyDown: (e) => {
|
|
37
|
+
if (e.key === ' ' || e.key === 'Enter') {
|
|
38
|
+
document.activeElement.click();
|
|
39
|
+
e.preventDefault();
|
|
40
|
+
}
|
|
41
|
+
}, tabIndex: -1 },
|
|
42
|
+
React.createElement("span", { className: (0, react_styles_1.css)(dual_list_selector_1.default.dualListSelectorItemToggleIcon) },
|
|
43
|
+
React.createElement(angle_right_icon_1.default, { "aria-hidden": true })))),
|
|
44
|
+
React.createElement("span", { className: (0, react_styles_1.css)(dual_list_selector_1.default.dualListSelectorItemCheck) },
|
|
45
|
+
React.createElement("input", Object.assign({ type: "checkbox", onChange: (evt) => {
|
|
46
|
+
onOptionCheck && onOptionCheck(evt, !isChecked, itemData);
|
|
47
|
+
setFocusedOption(id);
|
|
48
|
+
}, onClick: (evt) => evt.stopPropagation(), onKeyDown: (e) => {
|
|
49
|
+
if (e.key === ' ' || e.key === 'Enter') {
|
|
50
|
+
onOptionCheck && onOptionCheck(e, !isChecked, itemData);
|
|
51
|
+
setFocusedOption(id);
|
|
52
|
+
e.preventDefault();
|
|
53
|
+
}
|
|
54
|
+
}, ref: (elem) => elem && (elem.indeterminate = isChecked === null), checked: isChecked || false, tabIndex: -1 }, checkProps))),
|
|
55
|
+
React.createElement("span", { className: (0, react_styles_1.css)(dual_list_selector_1.default.dualListSelectorItemText) }, text),
|
|
56
|
+
hasBadge && children && (React.createElement("span", { className: (0, react_styles_1.css)(dual_list_selector_1.default.dualListSelectorItemCount) },
|
|
57
|
+
React.createElement(Badge_1.Badge, Object.assign({}, badgeProps), (0, treeUtils_1.flattenTree)(children.props.data).length)))))),
|
|
58
|
+
isExpanded && children));
|
|
59
|
+
};
|
|
60
|
+
exports.DualListSelectorTreeItem = React.memo(DualListSelectorTreeItemBase, (prevProps, nextProps) => {
|
|
61
|
+
if (!nextProps.useMemo) {
|
|
62
|
+
return false;
|
|
63
|
+
}
|
|
64
|
+
if (prevProps.className !== nextProps.className ||
|
|
65
|
+
prevProps.text !== nextProps.text ||
|
|
66
|
+
prevProps.id !== nextProps.id ||
|
|
67
|
+
prevProps.defaultExpanded !== nextProps.defaultExpanded ||
|
|
68
|
+
prevProps.checkProps !== nextProps.checkProps ||
|
|
69
|
+
prevProps.hasBadge !== nextProps.hasBadge ||
|
|
70
|
+
prevProps.badgeProps !== nextProps.badgeProps ||
|
|
71
|
+
prevProps.isChecked !== nextProps.isChecked ||
|
|
72
|
+
prevProps.itemData !== nextProps.itemData) {
|
|
73
|
+
return false;
|
|
74
|
+
}
|
|
75
|
+
return true;
|
|
76
|
+
});
|
|
77
|
+
exports.DualListSelectorTreeItem.displayName = 'DualListSelectorTreeItem';
|
|
78
|
+
//# sourceMappingURL=DualListSelectorTreeItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DualListSelectorTreeItem.js","sourceRoot":"","sources":["../../../../../src/next/components/DualListSelector/DualListSelectorTreeItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export * from './DualListSelector';
|
|
2
|
+
export * from './DualListSelectorControl';
|
|
3
|
+
export * from './DualListSelectorControlsWrapper';
|
|
4
|
+
export * from './DualListSelectorPane';
|
|
5
|
+
export * from './DualListSelectorList';
|
|
6
|
+
export * from './DualListSelectorListItem';
|
|
7
|
+
export * from './DualListSelectorTree';
|
|
8
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/next/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,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const tslib_1 = require("tslib");
|
|
4
|
+
tslib_1.__exportStar(require("./DualListSelector"), exports);
|
|
5
|
+
tslib_1.__exportStar(require("./DualListSelectorControl"), exports);
|
|
6
|
+
tslib_1.__exportStar(require("./DualListSelectorControlsWrapper"), exports);
|
|
7
|
+
tslib_1.__exportStar(require("./DualListSelectorPane"), exports);
|
|
8
|
+
tslib_1.__exportStar(require("./DualListSelectorList"), exports);
|
|
9
|
+
tslib_1.__exportStar(require("./DualListSelectorListItem"), exports);
|
|
10
|
+
tslib_1.__exportStar(require("./DualListSelectorTree"), exports);
|
|
11
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/next/components/DualListSelector/index.ts"],"names":[],"mappings":";;;AAAA,6DAAmC;AACnC,oEAA0C;AAC1C,4EAAkD;AAClD,iEAAuC;AACvC,iEAAuC;AACvC,qEAA2C;AAC3C,iEAAuC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { DualListSelectorTreeItemData } from './DualListSelectorTree';
|
|
2
|
+
export declare function flattenTree(tree: DualListSelectorTreeItemData[]): string[];
|
|
3
|
+
export declare function flattenTreeWithFolders(tree: DualListSelectorTreeItemData[]): string[];
|
|
4
|
+
export declare function filterFolders(tree: DualListSelectorTreeItemData[], inputList: string[]): string[];
|
|
5
|
+
export declare function filterTreeItems(item: DualListSelectorTreeItemData, inputList: string[]): boolean;
|
|
6
|
+
export declare function filterTreeItemsWithoutFolders(item: DualListSelectorTreeItemData, inputList: string[]): boolean;
|
|
7
|
+
export declare function filterRestTreeItems(item: DualListSelectorTreeItemData, inputList: string[]): boolean;
|
|
8
|
+
//# sourceMappingURL=treeUtils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"treeUtils.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/DualListSelector/treeUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,wBAAwB,CAAC;AAEtE,wBAAgB,WAAW,CAAC,IAAI,EAAE,4BAA4B,EAAE,GAAG,MAAM,EAAE,CAU1E;AAED,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,4BAA4B,EAAE,GAAG,MAAM,EAAE,CASrF;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,4BAA4B,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAYjG;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,4BAA4B,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,OAAO,CAWhG;AAED,wBAAgB,6BAA6B,CAAC,IAAI,EAAE,4BAA4B,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,OAAO,CAc9G;AAED,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,4BAA4B,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,OAAO,CAYpG"}
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.filterRestTreeItems = exports.filterTreeItemsWithoutFolders = exports.filterTreeItems = exports.filterFolders = exports.flattenTreeWithFolders = exports.flattenTree = void 0;
|
|
4
|
+
function flattenTree(tree) {
|
|
5
|
+
let result = [];
|
|
6
|
+
tree.forEach((item) => {
|
|
7
|
+
if (item.children) {
|
|
8
|
+
result = result.concat(flattenTree(item.children));
|
|
9
|
+
}
|
|
10
|
+
else {
|
|
11
|
+
result.push(item.id);
|
|
12
|
+
}
|
|
13
|
+
});
|
|
14
|
+
return result;
|
|
15
|
+
}
|
|
16
|
+
exports.flattenTree = flattenTree;
|
|
17
|
+
function flattenTreeWithFolders(tree) {
|
|
18
|
+
let result = [];
|
|
19
|
+
tree.forEach((item) => {
|
|
20
|
+
result.push(item.id);
|
|
21
|
+
if (item.children) {
|
|
22
|
+
result = result.concat(flattenTreeWithFolders(item.children));
|
|
23
|
+
}
|
|
24
|
+
});
|
|
25
|
+
return result;
|
|
26
|
+
}
|
|
27
|
+
exports.flattenTreeWithFolders = flattenTreeWithFolders;
|
|
28
|
+
function filterFolders(tree, inputList) {
|
|
29
|
+
let result = [];
|
|
30
|
+
tree.forEach((item) => {
|
|
31
|
+
if (item.children) {
|
|
32
|
+
result = result.concat(filterFolders(item.children, inputList));
|
|
33
|
+
}
|
|
34
|
+
else {
|
|
35
|
+
if (inputList.includes(item.id)) {
|
|
36
|
+
result.push(item.id);
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
});
|
|
40
|
+
return result;
|
|
41
|
+
}
|
|
42
|
+
exports.filterFolders = filterFolders;
|
|
43
|
+
function filterTreeItems(item, inputList) {
|
|
44
|
+
if (inputList.includes(item.id)) {
|
|
45
|
+
return true;
|
|
46
|
+
}
|
|
47
|
+
if (item.children) {
|
|
48
|
+
return ((item.children = item.children
|
|
49
|
+
.map((opt) => Object.assign({}, opt))
|
|
50
|
+
.filter((child) => filterTreeItems(child, inputList))).length > 0);
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
exports.filterTreeItems = filterTreeItems;
|
|
54
|
+
function filterTreeItemsWithoutFolders(item, inputList) {
|
|
55
|
+
if (item.children) {
|
|
56
|
+
return ((item.children = item.children
|
|
57
|
+
.map((opt) => Object.assign({}, opt))
|
|
58
|
+
.filter((child) => child.children ? filterTreeItemsWithoutFolders(child, inputList) : filterTreeItems(child, inputList))).length > 0);
|
|
59
|
+
}
|
|
60
|
+
if (inputList.includes(item.id)) {
|
|
61
|
+
return true;
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
exports.filterTreeItemsWithoutFolders = filterTreeItemsWithoutFolders;
|
|
65
|
+
function filterRestTreeItems(item, inputList) {
|
|
66
|
+
if (item.children) {
|
|
67
|
+
const child = (item.children = item.children
|
|
68
|
+
.map((opt) => Object.assign({}, opt))
|
|
69
|
+
.filter((child) => filterRestTreeItems(child, inputList))).length > 0;
|
|
70
|
+
return child;
|
|
71
|
+
}
|
|
72
|
+
if (!inputList.includes(item.id)) {
|
|
73
|
+
return true;
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
exports.filterRestTreeItems = filterRestTreeItems;
|
|
77
|
+
//# sourceMappingURL=treeUtils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"treeUtils.js","sourceRoot":"","sources":["../../../../../src/next/components/DualListSelector/treeUtils.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/next/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/next/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,oBAAoB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/next/components/index.ts"],"names":[],"mappings":";;;AAAA,kDAAwB"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/next/components/index.ts"],"names":[],"mappings":";;;AAAA,kDAAwB;AACxB,6DAAmC"}
|