@patternfly/react-core 6.3.0-prerelease.13 → 6.3.0-prerelease.15
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 +12 -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/Content/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/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/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 -1
- package/dist/dynamic/deprecated/components/Modal/package.json +1 -1
- package/dist/dynamic/deprecated/components/Tile/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 +1 -0
- package/dist/esm/components/DualListSelector/DualListSelector.d.ts +5 -0
- package/dist/esm/components/DualListSelector/DualListSelector.d.ts.map +1 -1
- package/dist/esm/components/DualListSelector/DualListSelector.js +4 -3
- package/dist/esm/components/DualListSelector/DualListSelector.js.map +1 -1
- package/dist/esm/components/DualListSelector/DualListSelectorContext.d.ts +1 -0
- package/dist/esm/components/DualListSelector/DualListSelectorContext.d.ts.map +1 -1
- package/dist/esm/components/DualListSelector/DualListSelectorContext.js +1 -1
- package/dist/esm/components/DualListSelector/DualListSelectorContext.js.map +1 -1
- package/dist/esm/components/DualListSelector/DualListSelectorListWrapper.d.ts.map +1 -1
- package/dist/esm/components/DualListSelector/DualListSelectorListWrapper.js +1 -1
- package/dist/esm/components/DualListSelector/DualListSelectorListWrapper.js.map +1 -1
- package/dist/esm/components/DualListSelector/DualListSelectorTree.d.ts.map +1 -1
- package/dist/esm/components/DualListSelector/DualListSelectorTree.js +4 -1
- package/dist/esm/components/DualListSelector/DualListSelectorTree.js.map +1 -1
- package/dist/esm/components/DualListSelector/DualListSelectorTreeItem.d.ts +5 -0
- package/dist/esm/components/DualListSelector/DualListSelectorTreeItem.d.ts.map +1 -1
- package/dist/esm/components/DualListSelector/DualListSelectorTreeItem.js +8 -4
- package/dist/esm/components/DualListSelector/DualListSelectorTreeItem.js.map +1 -1
- package/dist/esm/components/Tabs/OverflowTab.d.ts +26 -0
- package/dist/esm/components/Tabs/OverflowTab.d.ts.map +1 -1
- package/dist/esm/components/Tabs/OverflowTab.js +2 -2
- package/dist/esm/components/Tabs/OverflowTab.js.map +1 -1
- package/dist/esm/components/Tabs/Tab.d.ts.map +1 -1
- package/dist/esm/components/Tabs/Tab.js +5 -2
- package/dist/esm/components/Tabs/Tab.js.map +1 -1
- package/dist/esm/components/Tabs/Tabs.d.ts +8 -0
- package/dist/esm/components/Tabs/Tabs.d.ts.map +1 -1
- package/dist/esm/components/Tabs/Tabs.js +41 -9
- package/dist/esm/components/Tabs/Tabs.js.map +1 -1
- package/dist/esm/components/Tabs/TabsContext.d.ts +1 -0
- package/dist/esm/components/Tabs/TabsContext.d.ts.map +1 -1
- package/dist/esm/components/Tabs/TabsContext.js +1 -0
- package/dist/esm/components/Tabs/TabsContext.js.map +1 -1
- package/dist/esm/helpers/KeyboardHandler.js +3 -2
- package/dist/esm/helpers/KeyboardHandler.js.map +1 -1
- package/dist/esm/helpers/util.d.ts +10 -0
- package/dist/esm/helpers/util.d.ts.map +1 -1
- package/dist/esm/helpers/util.js +21 -0
- package/dist/esm/helpers/util.js.map +1 -1
- package/dist/js/components/DualListSelector/DualListSelector.d.ts +5 -0
- package/dist/js/components/DualListSelector/DualListSelector.d.ts.map +1 -1
- package/dist/js/components/DualListSelector/DualListSelector.js +4 -3
- package/dist/js/components/DualListSelector/DualListSelector.js.map +1 -1
- package/dist/js/components/DualListSelector/DualListSelectorContext.d.ts +1 -0
- package/dist/js/components/DualListSelector/DualListSelectorContext.d.ts.map +1 -1
- package/dist/js/components/DualListSelector/DualListSelectorContext.js +1 -1
- package/dist/js/components/DualListSelector/DualListSelectorContext.js.map +1 -1
- package/dist/js/components/DualListSelector/DualListSelectorListWrapper.d.ts.map +1 -1
- package/dist/js/components/DualListSelector/DualListSelectorListWrapper.js +1 -1
- package/dist/js/components/DualListSelector/DualListSelectorListWrapper.js.map +1 -1
- package/dist/js/components/DualListSelector/DualListSelectorTree.d.ts.map +1 -1
- package/dist/js/components/DualListSelector/DualListSelectorTree.js +4 -1
- package/dist/js/components/DualListSelector/DualListSelectorTree.js.map +1 -1
- package/dist/js/components/DualListSelector/DualListSelectorTreeItem.d.ts +5 -0
- package/dist/js/components/DualListSelector/DualListSelectorTreeItem.d.ts.map +1 -1
- package/dist/js/components/DualListSelector/DualListSelectorTreeItem.js +7 -3
- package/dist/js/components/DualListSelector/DualListSelectorTreeItem.js.map +1 -1
- package/dist/js/components/Tabs/OverflowTab.d.ts +26 -0
- package/dist/js/components/Tabs/OverflowTab.d.ts.map +1 -1
- package/dist/js/components/Tabs/OverflowTab.js +2 -2
- package/dist/js/components/Tabs/OverflowTab.js.map +1 -1
- package/dist/js/components/Tabs/Tab.d.ts.map +1 -1
- package/dist/js/components/Tabs/Tab.js +4 -1
- package/dist/js/components/Tabs/Tab.js.map +1 -1
- package/dist/js/components/Tabs/Tabs.d.ts +8 -0
- package/dist/js/components/Tabs/Tabs.d.ts.map +1 -1
- package/dist/js/components/Tabs/Tabs.js +40 -8
- package/dist/js/components/Tabs/Tabs.js.map +1 -1
- package/dist/js/components/Tabs/TabsContext.d.ts +1 -0
- package/dist/js/components/Tabs/TabsContext.d.ts.map +1 -1
- package/dist/js/components/Tabs/TabsContext.js +1 -0
- package/dist/js/components/Tabs/TabsContext.js.map +1 -1
- package/dist/js/helpers/KeyboardHandler.js +3 -2
- package/dist/js/helpers/KeyboardHandler.js.map +1 -1
- package/dist/js/helpers/util.d.ts +10 -0
- package/dist/js/helpers/util.d.ts.map +1 -1
- package/dist/js/helpers/util.js +23 -1
- package/dist/js/helpers/util.js.map +1 -1
- package/dist/styles/base-no-reset.css +11 -11
- package/dist/styles/base.css +11 -11
- package/dist/umd/assets/{output-C186DUfw.css → output-CMtXQgdD.css} +19137 -19084
- 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 +6 -6
- package/src/components/DualListSelector/DualListSelector.tsx +18 -4
- package/src/components/DualListSelector/DualListSelectorContext.ts +2 -1
- package/src/components/DualListSelector/DualListSelectorListWrapper.tsx +8 -5
- package/src/components/DualListSelector/DualListSelectorTree.tsx +4 -0
- package/src/components/DualListSelector/DualListSelectorTreeItem.tsx +17 -2
- package/src/components/DualListSelector/__tests__/DualListSelector.test.tsx +32 -1
- package/src/components/DualListSelector/__tests__/DualListSelectorTreeItem.test.tsx +55 -0
- package/src/components/DualListSelector/examples/DualListSelectorTree.tsx +1 -1
- package/src/components/Tabs/OverflowTab.tsx +29 -0
- package/src/components/Tabs/Tab.tsx +6 -2
- package/src/components/Tabs/Tabs.tsx +70 -11
- package/src/components/Tabs/TabsContext.ts +2 -0
- package/src/components/Tabs/__tests__/Tabs.test.tsx +43 -1
- package/src/components/Tabs/__tests__/__snapshots__/Tabs.test.tsx.snap +39 -26
- package/src/components/Tabs/examples/Tabs.md +1 -1
- package/src/helpers/KeyboardHandler.tsx +2 -2
- package/src/helpers/util.ts +28 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-generateid.js-dynamic","main":"../../../../js/helpers/GenerateId/GenerateId.js","module":"../../../../esm/helpers/GenerateId/GenerateId.js","typings":"../../../../esm/helpers/GenerateId/GenerateId.d.ts","version":"6.3.0-prerelease.
|
|
1
|
+
{"name":"@patternfly/react-core-generateid.js-dynamic","main":"../../../../js/helpers/GenerateId/GenerateId.js","module":"../../../../esm/helpers/GenerateId/GenerateId.js","typings":"../../../../esm/helpers/GenerateId/GenerateId.d.ts","version":"6.3.0-prerelease.14","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-keyboardhandler.js-dynamic","main":"../../../js/helpers/KeyboardHandler.js","module":"../../../esm/helpers/KeyboardHandler.js","typings":"../../../esm/helpers/KeyboardHandler.d.ts","version":"6.3.0-prerelease.
|
|
1
|
+
{"name":"@patternfly/react-core-keyboardhandler.js-dynamic","main":"../../../js/helpers/KeyboardHandler.js","module":"../../../esm/helpers/KeyboardHandler.js","typings":"../../../esm/helpers/KeyboardHandler.d.ts","version":"6.3.0-prerelease.14","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-ouia.js-dynamic","main":"../../../../js/helpers/OUIA/ouia.js","module":"../../../../esm/helpers/OUIA/ouia.js","typings":"../../../../esm/helpers/OUIA/ouia.d.ts","version":"6.3.0-prerelease.
|
|
1
|
+
{"name":"@patternfly/react-core-ouia.js-dynamic","main":"../../../../js/helpers/OUIA/ouia.js","module":"../../../../esm/helpers/OUIA/ouia.js","typings":"../../../../esm/helpers/OUIA/ouia.d.ts","version":"6.3.0-prerelease.14","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-popper.js-dynamic","main":"../../../../js/helpers/Popper/Popper.js","module":"../../../../esm/helpers/Popper/Popper.js","typings":"../../../../esm/helpers/Popper/Popper.d.ts","version":"6.3.0-prerelease.
|
|
1
|
+
{"name":"@patternfly/react-core-popper.js-dynamic","main":"../../../../js/helpers/Popper/Popper.js","module":"../../../../esm/helpers/Popper/Popper.js","typings":"../../../../esm/helpers/Popper/Popper.d.ts","version":"6.3.0-prerelease.14","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-constants.js-dynamic","main":"../../../js/helpers/constants.js","module":"../../../esm/helpers/constants.js","typings":"../../../esm/helpers/constants.d.ts","version":"6.3.0-prerelease.
|
|
1
|
+
{"name":"@patternfly/react-core-constants.js-dynamic","main":"../../../js/helpers/constants.js","module":"../../../esm/helpers/constants.js","typings":"../../../esm/helpers/constants.d.ts","version":"6.3.0-prerelease.14","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-datetimeutils.js-dynamic","main":"../../../js/helpers/datetimeUtils.js","module":"../../../esm/helpers/datetimeUtils.js","typings":"../../../esm/helpers/datetimeUtils.d.ts","version":"6.3.0-prerelease.
|
|
1
|
+
{"name":"@patternfly/react-core-datetimeutils.js-dynamic","main":"../../../js/helpers/datetimeUtils.js","module":"../../../esm/helpers/datetimeUtils.js","typings":"../../../esm/helpers/datetimeUtils.d.ts","version":"6.3.0-prerelease.14","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-fileutils.js-dynamic","main":"../../../js/helpers/fileUtils.js","module":"../../../esm/helpers/fileUtils.js","typings":"../../../esm/helpers/fileUtils.d.ts","version":"6.3.0-prerelease.
|
|
1
|
+
{"name":"@patternfly/react-core-fileutils.js-dynamic","main":"../../../js/helpers/fileUtils.js","module":"../../../esm/helpers/fileUtils.js","typings":"../../../esm/helpers/fileUtils.d.ts","version":"6.3.0-prerelease.14","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-htmlconstants.js-dynamic","main":"../../../js/helpers/htmlConstants.js","module":"../../../esm/helpers/htmlConstants.js","typings":"../../../esm/helpers/htmlConstants.d.ts","version":"6.3.0-prerelease.
|
|
1
|
+
{"name":"@patternfly/react-core-htmlconstants.js-dynamic","main":"../../../js/helpers/htmlConstants.js","module":"../../../esm/helpers/htmlConstants.js","typings":"../../../esm/helpers/htmlConstants.d.ts","version":"6.3.0-prerelease.14","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-helpers-dynamic","main":"../../js/helpers/index.js","module":"../../esm/helpers/index.js","typings":"../../esm/helpers/index.d.ts","version":"6.3.0-prerelease.
|
|
1
|
+
{"name":"@patternfly/react-core-helpers-dynamic","main":"../../js/helpers/index.js","module":"../../esm/helpers/index.js","typings":"../../esm/helpers/index.d.ts","version":"6.3.0-prerelease.14","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-resizeobserver.js-dynamic","main":"../../../js/helpers/resizeObserver.js","module":"../../../esm/helpers/resizeObserver.js","typings":"../../../esm/helpers/resizeObserver.d.ts","version":"6.3.0-prerelease.
|
|
1
|
+
{"name":"@patternfly/react-core-resizeobserver.js-dynamic","main":"../../../js/helpers/resizeObserver.js","module":"../../../esm/helpers/resizeObserver.js","typings":"../../../esm/helpers/resizeObserver.d.ts","version":"6.3.0-prerelease.14","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-typeutils.js-dynamic","main":"../../../js/helpers/typeUtils.js","module":"../../../esm/helpers/typeUtils.js","typings":"../../../esm/helpers/typeUtils.d.ts","version":"6.3.0-prerelease.
|
|
1
|
+
{"name":"@patternfly/react-core-typeutils.js-dynamic","main":"../../../js/helpers/typeUtils.js","module":"../../../esm/helpers/typeUtils.js","typings":"../../../esm/helpers/typeUtils.d.ts","version":"6.3.0-prerelease.14","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-useinterval.js-dynamic","main":"../../../js/helpers/useInterval.js","module":"../../../esm/helpers/useInterval.js","typings":"../../../esm/helpers/useInterval.d.ts","version":"6.3.0-prerelease.
|
|
1
|
+
{"name":"@patternfly/react-core-useinterval.js-dynamic","main":"../../../js/helpers/useInterval.js","module":"../../../esm/helpers/useInterval.js","typings":"../../../esm/helpers/useInterval.d.ts","version":"6.3.0-prerelease.14","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-useisomorphiclayout.js-dynamic","main":"../../../js/helpers/useIsomorphicLayout.js","module":"../../../esm/helpers/useIsomorphicLayout.js","typings":"../../../esm/helpers/useIsomorphicLayout.d.ts","version":"6.3.0-prerelease.
|
|
1
|
+
{"name":"@patternfly/react-core-useisomorphiclayout.js-dynamic","main":"../../../js/helpers/useIsomorphicLayout.js","module":"../../../esm/helpers/useIsomorphicLayout.js","typings":"../../../esm/helpers/useIsomorphicLayout.d.ts","version":"6.3.0-prerelease.14","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-useunmounteffect.js-dynamic","main":"../../../js/helpers/useUnmountEffect.js","module":"../../../esm/helpers/useUnmountEffect.js","typings":"../../../esm/helpers/useUnmountEffect.d.ts","version":"6.3.0-prerelease.
|
|
1
|
+
{"name":"@patternfly/react-core-useunmounteffect.js-dynamic","main":"../../../js/helpers/useUnmountEffect.js","module":"../../../esm/helpers/useUnmountEffect.js","typings":"../../../esm/helpers/useUnmountEffect.d.ts","version":"6.3.0-prerelease.14","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-util.js-dynamic","main":"../../../js/helpers/util.js","module":"../../../esm/helpers/util.js","typings":"../../../esm/helpers/util.d.ts","version":"6.3.0-prerelease.
|
|
1
|
+
{"name":"@patternfly/react-core-util.js-dynamic","main":"../../../js/helpers/util.js","module":"../../../esm/helpers/util.js","typings":"../../../esm/helpers/util.d.ts","version":"6.3.0-prerelease.14","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-bullseye-dynamic","main":"../../../js/layouts/Bullseye/index.js","module":"../../../esm/layouts/Bullseye/index.js","typings":"../../../esm/layouts/Bullseye/index.d.ts","version":"6.3.0-prerelease.
|
|
1
|
+
{"name":"@patternfly/react-core-bullseye-dynamic","main":"../../../js/layouts/Bullseye/index.js","module":"../../../esm/layouts/Bullseye/index.js","typings":"../../../esm/layouts/Bullseye/index.d.ts","version":"6.3.0-prerelease.14","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-flex-dynamic","main":"../../../js/layouts/Flex/index.js","module":"../../../esm/layouts/Flex/index.js","typings":"../../../esm/layouts/Flex/index.d.ts","version":"6.3.0-prerelease.
|
|
1
|
+
{"name":"@patternfly/react-core-flex-dynamic","main":"../../../js/layouts/Flex/index.js","module":"../../../esm/layouts/Flex/index.js","typings":"../../../esm/layouts/Flex/index.d.ts","version":"6.3.0-prerelease.14","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-gallery-dynamic","main":"../../../js/layouts/Gallery/index.js","module":"../../../esm/layouts/Gallery/index.js","typings":"../../../esm/layouts/Gallery/index.d.ts","version":"6.3.0-prerelease.
|
|
1
|
+
{"name":"@patternfly/react-core-gallery-dynamic","main":"../../../js/layouts/Gallery/index.js","module":"../../../esm/layouts/Gallery/index.js","typings":"../../../esm/layouts/Gallery/index.d.ts","version":"6.3.0-prerelease.14","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-grid-dynamic","main":"../../../js/layouts/Grid/index.js","module":"../../../esm/layouts/Grid/index.js","typings":"../../../esm/layouts/Grid/index.d.ts","version":"6.3.0-prerelease.
|
|
1
|
+
{"name":"@patternfly/react-core-grid-dynamic","main":"../../../js/layouts/Grid/index.js","module":"../../../esm/layouts/Grid/index.js","typings":"../../../esm/layouts/Grid/index.d.ts","version":"6.3.0-prerelease.14","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-level-dynamic","main":"../../../js/layouts/Level/index.js","module":"../../../esm/layouts/Level/index.js","typings":"../../../esm/layouts/Level/index.d.ts","version":"6.3.0-prerelease.
|
|
1
|
+
{"name":"@patternfly/react-core-level-dynamic","main":"../../../js/layouts/Level/index.js","module":"../../../esm/layouts/Level/index.js","typings":"../../../esm/layouts/Level/index.d.ts","version":"6.3.0-prerelease.14","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-split-dynamic","main":"../../../js/layouts/Split/index.js","module":"../../../esm/layouts/Split/index.js","typings":"../../../esm/layouts/Split/index.d.ts","version":"6.3.0-prerelease.
|
|
1
|
+
{"name":"@patternfly/react-core-split-dynamic","main":"../../../js/layouts/Split/index.js","module":"../../../esm/layouts/Split/index.js","typings":"../../../esm/layouts/Split/index.d.ts","version":"6.3.0-prerelease.14","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-stack-dynamic","main":"../../../js/layouts/Stack/index.js","module":"../../../esm/layouts/Stack/index.js","typings":"../../../esm/layouts/Stack/index.d.ts","version":"6.3.0-prerelease.
|
|
1
|
+
{"name":"@patternfly/react-core-stack-dynamic","main":"../../../js/layouts/Stack/index.js","module":"../../../esm/layouts/Stack/index.js","typings":"../../../esm/layouts/Stack/index.d.ts","version":"6.3.0-prerelease.14","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-styles-dynamic","main":"../../js/styles/index.js","module":"../../esm/styles/index.js","typings":"../../esm/styles/index.d.ts","version":"6.3.0-prerelease.
|
|
1
|
+
{"name":"@patternfly/react-core-styles-dynamic","main":"../../js/styles/index.js","module":"../../esm/styles/index.js","typings":"../../esm/styles/index.d.ts","version":"6.3.0-prerelease.14","private":true}
|
|
@@ -710,6 +710,7 @@
|
|
|
710
710
|
"formatBreakpointMods": "dist/dynamic/helpers/util",
|
|
711
711
|
"getBreakpoint": "dist/dynamic/helpers/util",
|
|
712
712
|
"getDefaultOUIAId": "dist/dynamic/helpers/OUIA/ouia",
|
|
713
|
+
"getInlineStartProperty": "dist/dynamic/helpers/util",
|
|
713
714
|
"getLanguageDirection": "dist/dynamic/helpers/util",
|
|
714
715
|
"getNextIndex": "dist/dynamic/helpers/util",
|
|
715
716
|
"getOUIAProps": "dist/dynamic/helpers/OUIA/ouia",
|
|
@@ -12,6 +12,11 @@ export interface DualListSelectorProps {
|
|
|
12
12
|
isTree?: boolean;
|
|
13
13
|
/** Content to be rendered in the dual list selector. */
|
|
14
14
|
children?: React.ReactNode;
|
|
15
|
+
/** Flag indicating whether a tree dual list selector has animations. This will always render
|
|
16
|
+
* nested dual list selector items rather than dynamically rendering them. This prop will be removed in
|
|
17
|
+
* the next breaking change release in favor of defaulting to always-rendered items.
|
|
18
|
+
*/
|
|
19
|
+
hasAnimations?: boolean;
|
|
15
20
|
}
|
|
16
21
|
declare class DualListSelector extends Component<DualListSelectorProps> {
|
|
17
22
|
static displayName: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DualListSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,OAAO,EAAc,YAAY,EAAE,MAAM,eAAe,CAAC;AAGzD;;GAEG;AAEH,MAAM,WAAW,qBAAqB;IACpC,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oCAAoC;IACpC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,oFAAoF;IACpF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"DualListSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,OAAO,EAAc,YAAY,EAAE,MAAM,eAAe,CAAC;AAGzD;;GAEG;AAEH,MAAM,WAAW,qBAAqB;IACpC,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oCAAoC;IACpC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,oFAAoF;IACpF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,cAAM,gBAAiB,SAAQ,SAAS,CAAC,qBAAqB,CAAC;IAC7D,MAAM,CAAC,WAAW,SAAsB;IACxC,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,qBAAqB,CAAC,CAItD;gBAEU,KAAK,EAAE,qBAAqB;IAIxC,MAAM;CAuBP;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -10,14 +10,15 @@ class DualListSelector extends Component {
|
|
|
10
10
|
super(props);
|
|
11
11
|
}
|
|
12
12
|
render() {
|
|
13
|
-
const _a = this.props, { className, children, id, isTree } = _a, props = __rest(_a, ["className", "children", "id", "isTree"]);
|
|
14
|
-
return (_jsx(DualListSelectorContext.Provider, { value: { isTree }, children: _jsx(GenerateId, { children: (randomId) => (_jsx("div", Object.assign({ className: css(styles.dualListSelector, className), id: id || randomId }, props, { children: children }))) }) }));
|
|
13
|
+
const _a = this.props, { className, children, id, isTree, hasAnimations } = _a, props = __rest(_a, ["className", "children", "id", "isTree", "hasAnimations"]);
|
|
14
|
+
return (_jsx(DualListSelectorContext.Provider, { value: { isTree, hasAnimations }, children: _jsx(GenerateId, { children: (randomId) => (_jsx("div", Object.assign({ className: css(styles.dualListSelector, hasAnimations && isTree && styles.modifiers.animateExpand, className), id: id || randomId }, props, { children: children }))) }) }));
|
|
15
15
|
}
|
|
16
16
|
}
|
|
17
17
|
DualListSelector.displayName = 'DualListSelector';
|
|
18
18
|
DualListSelector.defaultProps = {
|
|
19
19
|
children: '',
|
|
20
|
-
isTree: false
|
|
20
|
+
isTree: false,
|
|
21
|
+
hasAnimations: false
|
|
21
22
|
};
|
|
22
23
|
export { DualListSelector };
|
|
23
24
|
//# sourceMappingURL=DualListSelector.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DualListSelector.js","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelector.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,MAAM,wFAAoF;AACjG,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAgB,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"DualListSelector.js","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelector.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,MAAM,wFAAoF;AACjG,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAgB,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAsBpE,MAAM,gBAAiB,SAAQ,SAAgC;IAQ7D,YAAY,KAA4B;QACtC,KAAK,CAAC,KAAK,CAAC,CAAC;IACf,CAAC;IAED,MAAM;QACJ,MAAM,KAA+D,IAAI,CAAC,KAAK,EAAzE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,aAAa,OAAyB,EAApB,KAAK,cAA1D,0DAA4D,CAAa,CAAC;QAEhF,OAAO,CACL,KAAC,uBAAuB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,YAChE,KAAC,UAAU,cACR,CAAC,QAAQ,EAAE,EAAE,CAAC,CACb,4BACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,gBAAgB,EACvB,aAAa,IAAI,MAAM,IAAI,MAAM,CAAC,SAAS,CAAC,aAAa,EACzD,SAAS,CACV,EACD,EAAE,EAAE,EAAE,IAAI,QAAQ,IACd,KAAK,cAER,QAAQ,IACL,CACP,GACU,GACoB,CACpC,CAAC;IACJ,CAAC;;AAjCM,4BAAW,GAAG,kBAAkB,CAAC;AACjC,6BAAY,GAAwC;IACzD,QAAQ,EAAE,EAAE;IACZ,MAAM,EAAE,KAAK;IACb,aAAa,EAAE,KAAK;CACrB,CAAC;AA+BJ,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
export declare const DualListSelectorContext: import("react").Context<{
|
|
3
3
|
isTree?: boolean;
|
|
4
|
+
hasAnimations?: boolean;
|
|
4
5
|
}>;
|
|
5
6
|
export declare const DualListSelectorListContext: import("react").Context<{
|
|
6
7
|
setFocusedOption?: (id: string) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DualListSelectorContext.d.ts","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelectorContext.ts"],"names":[],"mappings":";AACA,eAAO,MAAM,uBAAuB;aACzB,OAAO;
|
|
1
|
+
{"version":3,"file":"DualListSelectorContext.d.ts","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelectorContext.ts"],"names":[],"mappings":";AACA,eAAO,MAAM,uBAAuB;aACzB,OAAO;oBACA,OAAO;EACkB,CAAC;AAE5C,eAAO,MAAM,2BAA2B;uBACnB,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI;aAC9B,OAAO;qBACC,MAAM;oBACP,MAAM;oBACN,CAAC,MAAM,EAAE,MAAM,SAAS,KAAK,OAAO;sBAClC,MAAM,EAAE,GAAG,MAAM,EAAE;SAChC,MAAM;cACD,MAAM,SAAS,EAAE;iBACd,OAAO;EAChB,CAAC;AAEP,eAAO,MAAM,2BAA2B;cAC5B,OAAO;EACI,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { createContext } from 'react';
|
|
2
|
-
export const DualListSelectorContext = createContext({ isTree: false });
|
|
2
|
+
export const DualListSelectorContext = createContext({ isTree: false, hasAnimations: false });
|
|
3
3
|
export const DualListSelectorListContext = createContext({});
|
|
4
4
|
export const DualListSelectorPaneContext = createContext({ isChosen: false });
|
|
5
5
|
//# sourceMappingURL=DualListSelectorContext.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DualListSelectorContext.js","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelectorContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,MAAM,CAAC,MAAM,uBAAuB,GAAG,aAAa,
|
|
1
|
+
{"version":3,"file":"DualListSelectorContext.js","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelectorContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,MAAM,CAAC,MAAM,uBAAuB,GAAG,aAAa,CAGjD,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,CAAC,CAAC;AAE5C,MAAM,CAAC,MAAM,2BAA2B,GAAG,aAAa,CAUrD,EAAE,CAAC,CAAC;AAEP,MAAM,CAAC,MAAM,2BAA2B,GAAG,aAAa,CAErD,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DualListSelectorListWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelectorListWrapper.tsx"],"names":[],"mappings":";AAOA,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,GAAG,IAAI,CAAC,CAAC;IAClD,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,
|
|
1
|
+
{"version":3,"file":"DualListSelectorListWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelectorListWrapper.tsx"],"names":[],"mappings":";AAOA,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,GAAG,IAAI,CAAC,CAAC;IAClD,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,CAyFrG,CAAC;AAGF,eAAO,MAAM,2BAA2B,0IAIvC,CAAC"}
|
|
@@ -21,7 +21,7 @@ export const DualListSelectorListWrapperBase = (_a) => {
|
|
|
21
21
|
}
|
|
22
22
|
event.stopImmediatePropagation();
|
|
23
23
|
const validOptions = isTree
|
|
24
|
-
? Array.from(menuRef.current.querySelectorAll(`.${styles.dualListSelectorItemToggle}, .${styles.dualListSelectorItemCheck} > input`))
|
|
24
|
+
? Array.from(menuRef.current.querySelectorAll(`.${styles.dualListSelectorItemToggle}, .${styles.dualListSelectorItemCheck} > input`)).filter((item) => !item.closest(`.${styles.dualListSelectorList}[inert]`))
|
|
25
25
|
: Array.from(menuRef.current.getElementsByTagName('LI')).filter((el) => !el.classList.contains('pf-m-disabled'));
|
|
26
26
|
const activeElement = document.activeElement;
|
|
27
27
|
handleArrows(event, validOptions, (element) => activeElement.contains(element), (element) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DualListSelectorListWrapper.js","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelectorListWrapper.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5E,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;AAuBjG,MAAM,CAAC,MAAM,+BAA+B,GAA8D,CAAC,EAWxE,EAAE,EAAE;QAXoE,EACzG,SAAS,EACT,QAAQ,EACR,iBAAiB,EAAE,cAAc,EACjC,QAAQ,EACR,OAAO,GAAG,EAAE,EACZ,eAAe,GAAG,EAAE,EACpB,aAAa,EACb,EAAE,GAAG,WAAW,CAAC,yBAAyB,CAAC,EAC3C,UAAU,GAAG,KAAK,OAEe,EAD9B,KAAK,cAViG,2HAW1G,CADS;IAER,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACvD,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IACzB,MAAM,OAAO,GAAG,QAAQ,IAAI,GAAG,CAAC;IAChC,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,uBAAuB,CAAC,CAAC;IAEvD,qFAAqF;IACrF,MAAM,UAAU,GAAG,CAAC,KAAoB,EAAE,EAAE;QAC1C,IACE,CAAC,OAAO,CAAC,OAAO;YAChB,CAAC,OAAO,CAAC,OAAO,KAAM,KAAK,CAAC,MAAsB,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,oBAAoB,EAAE,CAAC;gBAC3F,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,sBAAsB,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,CAAC,QAAQ,CACtF,KAAK,CAAC,MAAsB,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,oBAAoB,EAAE,CAAC,CACzE,CAAC,EACJ,CAAC;YACD,OAAO;QACT,CAAC;QACD,KAAK,CAAC,wBAAwB,EAAE,CAAC;QACjC,MAAM,YAAY,GAAG,MAAM;YACzB,CAAC,
|
|
1
|
+
{"version":3,"file":"DualListSelectorListWrapper.js","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelectorListWrapper.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5E,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;AAuBjG,MAAM,CAAC,MAAM,+BAA+B,GAA8D,CAAC,EAWxE,EAAE,EAAE;QAXoE,EACzG,SAAS,EACT,QAAQ,EACR,iBAAiB,EAAE,cAAc,EACjC,QAAQ,EACR,OAAO,GAAG,EAAE,EACZ,eAAe,GAAG,EAAE,EACpB,aAAa,EACb,EAAE,GAAG,WAAW,CAAC,yBAAyB,CAAC,EAC3C,UAAU,GAAG,KAAK,OAEe,EAD9B,KAAK,cAViG,2HAW1G,CADS;IAER,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACvD,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IACzB,MAAM,OAAO,GAAG,QAAQ,IAAI,GAAG,CAAC;IAChC,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,uBAAuB,CAAC,CAAC;IAEvD,qFAAqF;IACrF,MAAM,UAAU,GAAG,CAAC,KAAoB,EAAE,EAAE;QAC1C,IACE,CAAC,OAAO,CAAC,OAAO;YAChB,CAAC,OAAO,CAAC,OAAO,KAAM,KAAK,CAAC,MAAsB,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,oBAAoB,EAAE,CAAC;gBAC3F,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,sBAAsB,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,CAAC,QAAQ,CACtF,KAAK,CAAC,MAAsB,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,oBAAoB,EAAE,CAAC,CACzE,CAAC,EACJ,CAAC;YACD,OAAO;QACT,CAAC;QACD,KAAK,CAAC,wBAAwB,EAAE,CAAC;QACjC,MAAM,YAAY,GAAG,MAAM;YACzB,CAAC,CACG,KAAK,CAAC,IAAI,CACR,OAAO,CAAC,OAAO,CAAC,gBAAgB,CAC9B,IAAI,MAAM,CAAC,0BAA0B,MAAM,MAAM,CAAC,yBAAyB,UAAU,CACtF,CAEJ,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,oBAAoB,SAAS,CAAC,CAAC;YAC7E,CAAC,CAAE,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAe,CAAC,MAAM,CAC1E,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,CAChD,CAAC;QAEN,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC;QAC7C,YAAY,CACV,KAAK,EACL,YAAY,EACZ,CAAC,OAAgB,EAAE,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,OAAO,CAAC,EACrD,CAAC,OAAgB,EAAE,EAAE;YACnB,IAAI,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,MAAM,CAAC,wBAAwB,EAAE,CAAC,EAAE,CAAC;gBACtE,gBAAgB,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;YAC/B,CAAC;iBAAM,CAAC;gBACN,gBAAgB,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,wBAAwB,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;YAC9E,CAAC;YACD,OAAO,OAAO,CAAC;QACjB,CAAC,EACD,CAAC,IAAI,MAAM,CAAC,0BAA0B,EAAE,EAAE,IAAI,MAAM,CAAC,yBAAyB,UAAU,CAAC,EACzF,SAAS,EACT,KAAK,EACL,KAAK,EACL,KAAK,CACN,CAAC;IACJ,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;QAC/C,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;QACpD,CAAC,CAAC;QACF,uDAAuD;IACzD,CAAC,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;IAEtB,OAAO,CACL,4BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,oBAAoB,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,IAAM,KAAK,cAC/F,KAAC,2BAA2B,CAAC,QAAQ,IACnC,KAAK,EAAE;gBACL,gBAAgB;gBAChB,MAAM;gBACN,aAAa;gBACb,cAAc;gBACd,aAAa;gBACb,eAAe;gBACf,EAAE;gBACF,OAAO;gBACP,UAAU;aACX,YAEA,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAC,oBAAoB,KAAG,GACV,IACnC,CACP,CAAC;AACJ,CAAC,CAAC;AACF,+BAA+B,CAAC,WAAW,GAAG,iCAAiC,CAAC;AAEhF,MAAM,CAAC,MAAM,2BAA2B,GAAG,UAAU,CACnD,CAAC,KAAuC,EAAE,GAA8B,EAAE,EAAE,CAAC,CAC3E,KAAC,+BAA+B,kBAAC,QAAQ,EAAE,GAAkC,IAAM,KAAK,EAAI,CAC7F,CACF,CAAC;AAEF,2BAA2B,CAAC,WAAW,GAAG,6BAA6B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DualListSelectorTree.d.ts","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelectorTree.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"DualListSelectorTree.d.ts","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelectorTree.tsx"],"names":[],"mappings":";AAMA,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,CA+CnF,CAAC"}
|
|
@@ -1,12 +1,15 @@
|
|
|
1
1
|
import { __rest } from "tslib";
|
|
2
2
|
import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
|
+
import { useContext } from 'react';
|
|
3
4
|
import { css } from '@patternfly/react-styles';
|
|
4
5
|
import styles from '@patternfly/react-styles/css/components/DualListSelector/dual-list-selector.mjs';
|
|
6
|
+
import { DualListSelectorContext } from './DualListSelectorContext';
|
|
5
7
|
import { DualListSelectorTreeItem } from './DualListSelectorTreeItem';
|
|
6
8
|
export const DualListSelectorTree = (_a) => {
|
|
7
9
|
var { data, hasBadges = false, isNested = false, defaultAllExpanded = false, onOptionCheck, isDisabled = false } = _a, props = __rest(_a, ["data", "hasBadges", "isNested", "defaultAllExpanded", "onOptionCheck", "isDisabled"]);
|
|
10
|
+
const { hasAnimations } = useContext(DualListSelectorContext);
|
|
8
11
|
const dataToRender = typeof data === 'function' ? data() : data;
|
|
9
|
-
const tree = dataToRender.map((item) => (_jsx(DualListSelectorTreeItem, Object.assign({ 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 && {
|
|
12
|
+
const tree = dataToRender.map((item) => (_jsx(DualListSelectorTreeItem, Object.assign({ text: item.text, hasAnimations: hasAnimations, 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 && {
|
|
10
13
|
children: (_jsx(DualListSelectorTree, { isNested: true, data: item.children, hasBadges: hasBadges, defaultAllExpanded: defaultAllExpanded, onOptionCheck: onOptionCheck, isDisabled: isDisabled }))
|
|
11
14
|
})), item.id)));
|
|
12
15
|
return isNested ? (_jsx("ul", Object.assign({ className: css(styles.dualListSelectorList), role: "group" }, props, { children: tree }))) : (_jsx(_Fragment, { children: tree }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DualListSelectorTree.js","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelectorTree.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,wFAAoF;AACjG,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AA2DtE,MAAM,CAAC,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,cAP+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,KAAC,wBAAwB,kBAEvB,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,KAAC,oBAAoB,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,
|
|
1
|
+
{"version":3,"file":"DualListSelectorTree.js","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelectorTree.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,wFAAoF;AACjG,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AA2DtE,MAAM,CAAC,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,cAP+E,sFAQxF,CADS;IAER,MAAM,EAAE,aAAa,EAAE,GAAG,UAAU,CAAC,uBAAuB,CAAC,CAAC;IAC9D,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,KAAC,wBAAwB,kBAEvB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,aAAa,EAAE,aAAa,EAC5B,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,KAAC,oBAAoB,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,GAxBG,IAAI,CAAC,EAAE,CAyBZ,CACH,CAAC,CAAC;IACH,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,2BAAI,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,oBAAoB,CAAC,EAAE,IAAI,EAAC,OAAO,IAAK,KAAK,cACpE,IAAI,IACF,CACN,CAAC,CAAC,CAAC,CACF,4BAAG,IAAI,GAAI,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC"}
|
|
@@ -27,6 +27,11 @@ export interface DualListSelectorTreeItemProps extends React.HTMLProps<HTMLLIEle
|
|
|
27
27
|
isDisabled?: boolean;
|
|
28
28
|
/** Flag indicating the DualListSelector tree should utilize memoization to help render large data sets. */
|
|
29
29
|
useMemo?: boolean;
|
|
30
|
+
/** Flag indicating whether a tree dual list selector has animations. This will always render
|
|
31
|
+
* nested dual list selector items rather than dynamically rendering them. This prop will be removed in
|
|
32
|
+
* the next breaking change release in favor of defaulting to always-rendered items.
|
|
33
|
+
*/
|
|
34
|
+
hasAnimations?: boolean;
|
|
30
35
|
}
|
|
31
36
|
export declare const DualListSelectorTreeItem: import("react").NamedExoticComponent<DualListSelectorTreeItemProps>;
|
|
32
37
|
//# sourceMappingURL=DualListSelectorTreeItem.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DualListSelectorTreeItem.d.ts","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelectorTreeItem.tsx"],"names":[],"mappings":";AAGA,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;
|
|
1
|
+
{"version":3,"file":"DualListSelectorTreeItem.d.ts","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelectorTreeItem.tsx"],"names":[],"mappings":";AAGA,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;IAClB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAqID,eAAO,MAAM,wBAAwB,qEAoBnC,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { __rest } from "tslib";
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { memo, useContext, useEffect, useRef, useState } from 'react';
|
|
3
|
+
import { memo, useContext, useEffect, useRef, useState, cloneElement, Children, isValidElement } from 'react';
|
|
4
4
|
import styles from '@patternfly/react-styles/css/components/DualListSelector/dual-list-selector.mjs';
|
|
5
5
|
import { css } from '@patternfly/react-styles';
|
|
6
6
|
import { Badge } from '../Badge';
|
|
@@ -8,15 +8,19 @@ import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-i
|
|
|
8
8
|
import { flattenTree } from './treeUtils';
|
|
9
9
|
import { DualListSelectorListContext } from './DualListSelectorContext';
|
|
10
10
|
const DualListSelectorTreeItemBase = (_a) => {
|
|
11
|
-
var { onOptionCheck, children, className, id, text, defaultExpanded, hasBadge, isChecked, checkProps, badgeProps, itemData, isDisabled = false,
|
|
11
|
+
var { onOptionCheck, children, className, id, text, defaultExpanded, hasBadge, isChecked, checkProps, badgeProps, itemData, isDisabled = false, hasAnimations,
|
|
12
12
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
13
|
-
useMemo } = _a, props = __rest(_a, ["onOptionCheck", "children", "className", "id", "text", "defaultExpanded", "hasBadge", "isChecked", "checkProps", "badgeProps", "itemData", "isDisabled", "useMemo"]);
|
|
13
|
+
useMemo } = _a, props = __rest(_a, ["onOptionCheck", "children", "className", "id", "text", "defaultExpanded", "hasBadge", "isChecked", "checkProps", "badgeProps", "itemData", "isDisabled", "hasAnimations", "useMemo"]);
|
|
14
14
|
const ref = useRef(null);
|
|
15
15
|
const [isExpanded, setIsExpanded] = useState(defaultExpanded || false);
|
|
16
16
|
const { setFocusedOption } = useContext(DualListSelectorListContext);
|
|
17
17
|
useEffect(() => {
|
|
18
18
|
setIsExpanded(defaultExpanded);
|
|
19
19
|
}, [defaultExpanded]);
|
|
20
|
+
const clonedChildren = Children.map(children, (child) => isValidElement(child) &&
|
|
21
|
+
cloneElement(child, {
|
|
22
|
+
inert: isExpanded ? undefined : ''
|
|
23
|
+
}));
|
|
20
24
|
return (_jsxs("li", Object.assign({ className: css(styles.dualListSelectorListItem, className, children && styles.modifiers.expandable, isExpanded && styles.modifiers.expanded, isDisabled && styles.modifiers.disabled), id: id }, props, { "aria-selected": isChecked, role: "treeitem" }, (isExpanded && { 'aria-expanded': 'true' }), { children: [_jsx("div", { className: css(styles.dualListSelectorListItemRow, isChecked && styles.modifiers.selected, styles.modifiers.check), children: _jsx("div", { className: css(styles.dualListSelectorItem), ref: ref, tabIndex: -1, onClick: isDisabled
|
|
21
25
|
? undefined
|
|
22
26
|
: (evt) => {
|
|
@@ -43,7 +47,7 @@ const DualListSelectorTreeItemBase = (_a) => {
|
|
|
43
47
|
}
|
|
44
48
|
}, ref: (elem) => {
|
|
45
49
|
elem && (elem.indeterminate = isChecked === null);
|
|
46
|
-
}, checked: isChecked || false, tabIndex: -1 }, checkProps)) }), _jsx("span", { className: css(styles.dualListSelectorItemText), children: text }), hasBadge && children && (_jsx("span", { className: css(styles.dualListSelectorItemCount), children: _jsx(Badge, Object.assign({}, badgeProps, { children: flattenTree(children.props.data).length })) }))] }) }) }), isExpanded &&
|
|
50
|
+
}, checked: isChecked || false, tabIndex: -1 }, checkProps)) }), _jsx("span", { className: css(styles.dualListSelectorItemText), children: text }), hasBadge && children && (_jsx("span", { className: css(styles.dualListSelectorItemCount), children: _jsx(Badge, Object.assign({}, badgeProps, { children: flattenTree(children.props.data).length })) }))] }) }) }), (isExpanded || hasAnimations) && clonedChildren] })));
|
|
47
51
|
};
|
|
48
52
|
export const DualListSelectorTreeItem = memo(DualListSelectorTreeItemBase, (prevProps, nextProps) => {
|
|
49
53
|
if (!nextProps.useMemo) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DualListSelectorTreeItem.js","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelectorTreeItem.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"DualListSelectorTreeItem.js","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelectorTreeItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,29 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { TabProps } from './Tab';
|
|
3
|
+
export interface HorizontalOverflowPopperProps {
|
|
4
|
+
/** Vertical direction of the popper. If enableFlip is set to true, this will set the initial direction before the popper flips. */
|
|
5
|
+
direction?: 'up' | 'down';
|
|
6
|
+
/** Horizontal position of the popper */
|
|
7
|
+
position?: 'right' | 'left' | 'center' | 'start' | 'end';
|
|
8
|
+
/** Custom width of the popper. If the value is "trigger", it will set the width to the select toggle's width */
|
|
9
|
+
width?: string | 'trigger';
|
|
10
|
+
/** Minimum width of the popper. If the value is "trigger", it will set the min width to the select toggle's width */
|
|
11
|
+
minWidth?: string | 'trigger';
|
|
12
|
+
/** Maximum width of the popper. If the value is "trigger", it will set the max width to the select toggle's width */
|
|
13
|
+
maxWidth?: string | 'trigger';
|
|
14
|
+
/** Enable to flip the popper when it reaches the boundary */
|
|
15
|
+
enableFlip?: boolean;
|
|
16
|
+
/** The container to append the select to. Defaults to document.body.
|
|
17
|
+
* If your select is being cut off you can append it to an element higher up the DOM tree.
|
|
18
|
+
* Some examples:
|
|
19
|
+
* appendTo="inline"
|
|
20
|
+
* appendTo={() => document.body}
|
|
21
|
+
* appendTo={document.getElementById('target')}
|
|
22
|
+
*/
|
|
23
|
+
appendTo?: HTMLElement | (() => HTMLElement) | 'inline';
|
|
24
|
+
/** Flag to prevent the popper from overflowing its container and becoming partially obscured. */
|
|
25
|
+
preventOverflow?: boolean;
|
|
26
|
+
}
|
|
3
27
|
export interface OverflowTabProps extends React.HTMLProps<HTMLLIElement> {
|
|
4
28
|
/** Additional classes added to the overflow tab */
|
|
5
29
|
className?: string;
|
|
@@ -17,6 +41,8 @@ export interface OverflowTabProps extends React.HTMLProps<HTMLLIElement> {
|
|
|
17
41
|
shouldPreventScrollOnItemFocus?: boolean;
|
|
18
42
|
/** Time in ms to wait before firing the toggles' focus event. Defaults to 0 */
|
|
19
43
|
focusTimeoutDelay?: number;
|
|
44
|
+
/** Additional props to spread to the popper menu. */
|
|
45
|
+
popperProps?: HorizontalOverflowPopperProps;
|
|
20
46
|
}
|
|
21
47
|
export declare const OverflowTab: React.FunctionComponent<OverflowTabProps>;
|
|
22
48
|
//# sourceMappingURL=OverflowTab.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OverflowTab.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/OverflowTab.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGjC,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;IACtE,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,eAAe,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC7B,kEAAkE;IAClE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qEAAqE;IACrE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,+EAA+E;IAC/E,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kCAAkC;IAClC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8EAA8E;IAC9E,8BAA8B,CAAC,EAAE,OAAO,CAAC;IACzC,+EAA+E;IAC/E,iBAAiB,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"OverflowTab.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/OverflowTab.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGjC,MAAM,WAAW,6BAA6B;IAC5C,mIAAmI;IACnI,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAC1B,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;IACzD,gHAAgH;IAChH,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,qHAAqH;IACrH,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,qHAAqH;IACrH,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,6DAA6D;IAC7D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,GAAG,QAAQ,CAAC;IACxD,iGAAiG;IACjG,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;IACtE,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,eAAe,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC7B,kEAAkE;IAClE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qEAAqE;IACrE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,+EAA+E;IAC/E,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kCAAkC;IAClC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8EAA8E;IAC9E,8BAA8B,CAAC,EAAE,OAAO,CAAC;IACzC,+EAA+E;IAC/E,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,qDAAqD;IACrD,WAAW,CAAC,EAAE,6BAA6B,CAAC;CAC7C;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CA8HjE,CAAC"}
|
|
@@ -9,7 +9,7 @@ import { Menu, MenuContent, MenuList, MenuItem } from '../Menu';
|
|
|
9
9
|
import { TabsContext } from './TabsContext';
|
|
10
10
|
import { TabTitleText } from './TabTitleText';
|
|
11
11
|
export const OverflowTab = (_a) => {
|
|
12
|
-
var { className, overflowingTabs = [], showTabCount, defaultTitleText = 'More', toggleAriaLabel, zIndex = 9999, shouldPreventScrollOnItemFocus = true, focusTimeoutDelay = 0 } = _a, props = __rest(_a, ["className", "overflowingTabs", "showTabCount", "defaultTitleText", "toggleAriaLabel", "zIndex", "shouldPreventScrollOnItemFocus", "focusTimeoutDelay"]);
|
|
12
|
+
var { className, overflowingTabs = [], showTabCount, defaultTitleText = 'More', toggleAriaLabel, zIndex = 9999, shouldPreventScrollOnItemFocus = true, focusTimeoutDelay = 0, popperProps } = _a, props = __rest(_a, ["className", "overflowingTabs", "showTabCount", "defaultTitleText", "toggleAriaLabel", "zIndex", "shouldPreventScrollOnItemFocus", "focusTimeoutDelay", "popperProps"]);
|
|
13
13
|
const menuRef = useRef(undefined);
|
|
14
14
|
const overflowTabRef = useRef(undefined);
|
|
15
15
|
const overflowLIRef = useRef(undefined);
|
|
@@ -61,7 +61,7 @@ export const OverflowTab = (_a) => {
|
|
|
61
61
|
handleTabClick(event, key, selectedTabRef);
|
|
62
62
|
};
|
|
63
63
|
const overflowMenu = (_jsx(Menu, { ref: menuRef, onSelect: (ev, itemId) => onTabSelect(ev, itemId), children: _jsx(MenuContent, { children: _jsx(MenuList, { children: tabs }) }) }));
|
|
64
|
-
return (_jsxs(Fragment, { children: [overflowTab, _jsx(Popper, { triggerRef: overflowTabRef, popper: overflowMenu, popperRef: menuRef, isVisible: isExpanded, minWidth: "revert", appendTo: overflowLIRef.current, zIndex: zIndex })] }));
|
|
64
|
+
return (_jsxs(Fragment, { children: [overflowTab, _jsx(Popper, Object.assign({ triggerRef: overflowTabRef, popper: overflowMenu, popperRef: menuRef, isVisible: isExpanded, minWidth: "revert", appendTo: overflowLIRef.current, zIndex: zIndex }, popperProps))] }));
|
|
65
65
|
};
|
|
66
66
|
OverflowTab.displayName = 'OverflowTab';
|
|
67
67
|
//# sourceMappingURL=OverflowTab.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OverflowTab.js","sourceRoot":"","sources":["../../../../src/components/Tabs/OverflowTab.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1E,OAAO,MAAM,8DAA0D;AACvE,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,cAAc,MAAM,yDAAyD,CAAC;AACrF,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"OverflowTab.js","sourceRoot":"","sources":["../../../../src/components/Tabs/OverflowTab.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tab.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAQ1C,MAAM,WAAW,QACf,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC,EACtF,SAAS;IACX,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8JAA8J;IAC9J,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4GAA4G;IAC5G,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,kCAAkC;IAClC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,6FAA6F;IAC7F,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,oGAAoG;IACpG,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IACrC,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sFAAsF;IACtF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gHAAgH;IAChH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,qEAAqE;IACrE,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,2GAA2G;IAC3G,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;IAClC,qFAAqF;IACrF,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,0DAA0D;IAC1D,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,8CAA8C;IAC9C,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iEAAiE;IACjE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;
|
|
1
|
+
{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tab.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAQ1C,MAAM,WAAW,QACf,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC,EACtF,SAAS;IACX,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8JAA8J;IAC9J,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4GAA4G;IAC5G,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,kCAAkC;IAClC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,6FAA6F;IAC7F,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,oGAAoG;IACpG,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IACrC,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sFAAsF;IACtF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gHAAgH;IAChH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,qEAAqE;IACrE,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,2GAA2G;IAC3G,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;IAClC,qFAAqF;IACrF,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,0DAA0D;IAC1D,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,8CAA8C;IAC9C,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iEAAiE;IACjE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAqGD,eAAO,MAAM,GAAG,uGAA8F,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { __rest } from "tslib";
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { useContext, forwardRef } from 'react';
|
|
3
|
+
import { useContext, forwardRef, useEffect } from 'react';
|
|
4
4
|
import styles from '@patternfly/react-styles/css/components/Tabs/tabs.mjs';
|
|
5
5
|
import { TabButton } from './TabButton';
|
|
6
6
|
import { TabsContext } from './TabsContext';
|
|
@@ -13,7 +13,7 @@ const TabBase = (_a) => {
|
|
|
13
13
|
const preventedEvents = inoperableEvents.reduce((handlers, eventToPrevent) => (Object.assign(Object.assign({}, handlers), { [eventToPrevent]: (event) => {
|
|
14
14
|
event.preventDefault();
|
|
15
15
|
} })), {});
|
|
16
|
-
const { mountOnEnter, localActiveKey, unmountOnExit, uniqueId, handleTabClick, handleTabClose } = useContext(TabsContext);
|
|
16
|
+
const { mountOnEnter, localActiveKey, unmountOnExit, uniqueId, setAccentStyles, handleTabClick, handleTabClose } = useContext(TabsContext);
|
|
17
17
|
let ariaControls = tabContentId ? `${tabContentId}` : `pf-tab-section-${eventKey}-${childId || uniqueId}`;
|
|
18
18
|
if ((mountOnEnter || unmountOnExit) && eventKey !== localActiveKey) {
|
|
19
19
|
ariaControls = undefined;
|
|
@@ -28,6 +28,9 @@ const TabBase = (_a) => {
|
|
|
28
28
|
}
|
|
29
29
|
};
|
|
30
30
|
const tabButton = (_jsx(TabButton, Object.assign({ parentInnerRef: innerRef, className: css(styles.tabsLink, isDisabled && href && styles.modifiers.disabled, isAriaDisabled && styles.modifiers.ariaDisabled), disabled: isButtonElement ? isDisabled : null, "aria-disabled": isDisabled || isAriaDisabled, tabIndex: getDefaultTabIdx(), onClick: (event) => handleTabClick(event, eventKey, tabContentRef) }, (isAriaDisabled ? preventedEvents : null), { id: `pf-tab-${eventKey}-${childId || uniqueId}`, "aria-controls": ariaControls, tabContentRef: tabContentRef, ouiaId: childOuiaId, href: href, role: "tab", "aria-selected": eventKey === localActiveKey }, props, { children: title })));
|
|
31
|
+
useEffect(() => {
|
|
32
|
+
setAccentStyles(true);
|
|
33
|
+
}, [title, actions]);
|
|
31
34
|
return (_jsxs("li", { className: css(styles.tabsItem, eventKey === localActiveKey && styles.modifiers.current, (handleTabClose || actions) && styles.modifiers.action, (isDisabled || isAriaDisabled) && styles.modifiers.disabled, childClassName), role: "presentation", children: [tooltip ? _jsx(Tooltip, Object.assign({}, tooltip.props, { children: tabButton })) : tabButton, actions && actions, handleTabClose !== undefined && (_jsx(TabAction, { "aria-label": closeButtonAriaLabel || 'Close tab', onClick: (event) => handleTabClose(event, eventKey, tabContentRef), isDisabled: isCloseDisabled, children: _jsx(TimesIcon, {}) }))] }));
|
|
32
35
|
};
|
|
33
36
|
export const Tab = forwardRef((props, ref) => _jsx(TabBase, Object.assign({ innerRef: ref }, props)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../../../src/components/Tabs/Tab.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../../../src/components/Tabs/Tab.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
import { Component } from 'react';
|
|
3
3
|
import { PickOptional } from '../../helpers/typeUtils';
|
|
4
4
|
import { TabProps } from './Tab';
|
|
5
|
+
import { HorizontalOverflowPopperProps } from './OverflowTab';
|
|
5
6
|
import { OUIAProps } from '../../helpers';
|
|
6
7
|
export declare enum TabsComponent {
|
|
7
8
|
div = "div",
|
|
@@ -14,6 +15,8 @@ export interface HorizontalOverflowObject {
|
|
|
14
15
|
defaultTitleText?: string;
|
|
15
16
|
/** The aria label applied to the button which toggles the tab overflow menu */
|
|
16
17
|
toggleAriaLabel?: string;
|
|
18
|
+
/** Additional props to spread to the popper menu. */
|
|
19
|
+
popperProps?: HorizontalOverflowPopperProps;
|
|
17
20
|
}
|
|
18
21
|
type TabElement = React.ReactElement<TabProps, React.JSXElementConstructor<TabProps>>;
|
|
19
22
|
type TabsChild = TabElement | boolean | null | undefined;
|
|
@@ -117,6 +120,9 @@ interface TabsState {
|
|
|
117
120
|
uncontrolledIsExpandedLocal: boolean;
|
|
118
121
|
ouiaStateId: string;
|
|
119
122
|
overflowingTabCount: number;
|
|
123
|
+
isInitializingAccent: boolean;
|
|
124
|
+
currentLinkAccentLength: string;
|
|
125
|
+
currentLinkAccentStart: string;
|
|
120
126
|
}
|
|
121
127
|
declare class Tabs extends Component<TabsProps, TabsState> {
|
|
122
128
|
static displayName: string;
|
|
@@ -132,6 +138,8 @@ declare class Tabs extends Component<TabsProps, TabsState> {
|
|
|
132
138
|
scrollBack: () => void;
|
|
133
139
|
scrollForward: () => void;
|
|
134
140
|
hideScrollButtons: () => void;
|
|
141
|
+
setAccentStyles: (shouldInitializeStyle?: boolean) => void;
|
|
142
|
+
handleResize: () => void;
|
|
135
143
|
componentDidMount(): void;
|
|
136
144
|
componentWillUnmount(): void;
|
|
137
145
|
componentDidUpdate(prevProps: TabsProps, prevState: TabsState): void;
|