@patternfly/react-core 5.3.0-prerelease.2 → 5.3.0-prerelease.4
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/Chip/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/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/ClipboardCopy/ClipboardCopy.d.ts +5 -5
- package/dist/esm/components/ClipboardCopy/ClipboardCopy.d.ts.map +1 -1
- package/dist/esm/components/ClipboardCopy/ClipboardCopy.js.map +1 -1
- package/dist/esm/components/ClipboardCopy/ClipboardCopyExpanded.d.ts +1 -0
- package/dist/esm/components/ClipboardCopy/ClipboardCopyExpanded.d.ts.map +1 -1
- package/dist/esm/components/ClipboardCopy/ClipboardCopyExpanded.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/ClipboardCopy/ClipboardCopy.d.ts +5 -5
- package/dist/js/components/ClipboardCopy/ClipboardCopy.d.ts.map +1 -1
- package/dist/js/components/ClipboardCopy/ClipboardCopy.js.map +1 -1
- package/dist/js/components/ClipboardCopy/ClipboardCopyExpanded.d.ts +1 -0
- package/dist/js/components/ClipboardCopy/ClipboardCopyExpanded.d.ts.map +1 -1
- package/dist/js/components/ClipboardCopy/ClipboardCopyExpanded.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/helpers/package.json +1 -1
- package/layouts/package.json +1 -1
- package/next/package.json +1 -1
- package/package.json +2 -2
- package/src/components/ClipboardCopy/ClipboardCopy.tsx +5 -5
- package/src/components/ClipboardCopy/ClipboardCopyExpanded.tsx +1 -0
- 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 +214 -0
- package/src/next/components/DualListSelector/examples/DualListSelectorBasicTooltips.tsx +165 -0
- package/src/next/components/DualListSelector/examples/DualListSelectorComplexOptionsActions.tsx +347 -0
- package/src/next/components/DualListSelector/examples/DualListSelectorDragDrop.tsx +184 -0
- package/src/next/components/DualListSelector/examples/DualListSelectorTree.tsx +380 -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
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ClipboardCopy.d.ts","sourceRoot":"","sources":["../../../../src/components/ClipboardCopy/ClipboardCopy.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAM7C,OAAO,EAAgB,SAAS,EAAE,MAAM,eAAe,CAAC;AAExD,eAAO,MAAM,iBAAiB,UAAW,oBAAoB,CAAC,cAAc,CAAC,SAAS,MAAM,
|
|
1
|
+
{"version":3,"file":"ClipboardCopy.d.ts","sourceRoot":"","sources":["../../../../src/components/ClipboardCopy/ClipboardCopy.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ClipboardCopy.js","sourceRoot":"","sources":["../../../../src/components/ClipboardCopy/ClipboardCopy.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,kIAA0F;AAC1F,2DAA+C;AAE/C,wCAA6C;AAC7C,4CAAyC;AACzC,oEAAiE;AACjE,+DAA4D;AAC5D,+DAA4D;AAC5D,mEAAgE;AAChE,2CAAwD;AAEjD,MAAM,iBAAiB,GAAG,CAAC,KAA2C,EAAE,
|
|
1
|
+
{"version":3,"file":"ClipboardCopy.js","sourceRoot":"","sources":["../../../../src/components/ClipboardCopy/ClipboardCopy.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,6 +3,7 @@ import { ClipboardCopyProps } from './ClipboardCopy';
|
|
|
3
3
|
import { PickOptional } from '../../helpers/typeUtils';
|
|
4
4
|
export interface ClipboardCopyExpandedProps extends Omit<ClipboardCopyProps, 'onChange'> {
|
|
5
5
|
className?: string;
|
|
6
|
+
children: React.ReactNode;
|
|
6
7
|
onChange?: (e: React.FormEvent<HTMLDivElement>, text: string) => void;
|
|
7
8
|
isReadOnly?: boolean;
|
|
8
9
|
isCode?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ClipboardCopyExpanded.d.ts","sourceRoot":"","sources":["../../../../src/components/ClipboardCopy/ClipboardCopyExpanded.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD,MAAM,WAAW,0BAA2B,SAAQ,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC;IACtF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,cAAM,qBAAsB,SAAQ,KAAK,CAAC,SAAS,CAAC,0BAA0B,CAAC;IAC7E,MAAM,CAAC,WAAW,SAA2B;gBACjC,KAAK,EAAE,GAAG;IAItB,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,0BAA0B,CAAC,CAK3D;IAEF,MAAM;CAeP;AAED,OAAO,EAAE,qBAAqB,EAAE,CAAC"}
|
|
1
|
+
{"version":3,"file":"ClipboardCopyExpanded.d.ts","sourceRoot":"","sources":["../../../../src/components/ClipboardCopy/ClipboardCopyExpanded.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD,MAAM,WAAW,0BAA2B,SAAQ,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC;IACtF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,cAAM,qBAAsB,SAAQ,KAAK,CAAC,SAAS,CAAC,0BAA0B,CAAC;IAC7E,MAAM,CAAC,WAAW,SAA2B;gBACjC,KAAK,EAAE,GAAG;IAItB,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,0BAA0B,CAAC,CAK3D;IAEF,MAAM;CAeP;AAED,OAAO,EAAE,qBAAqB,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ClipboardCopyExpanded.js","sourceRoot":"","sources":["../../../../src/components/ClipboardCopy/ClipboardCopyExpanded.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,kIAA0F;AAC1F,2DAA+C;
|
|
1
|
+
{"version":3,"file":"ClipboardCopyExpanded.js","sourceRoot":"","sources":["../../../../src/components/ClipboardCopy/ClipboardCopyExpanded.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,kIAA0F;AAC1F,2DAA+C;AAY/C,MAAM,qBAAsB,SAAQ,KAAK,CAAC,SAAqC;IAE7E,YAAY,KAAU;QACpB,KAAK,CAAC,KAAK,CAAC,CAAC;IACf,CAAC;IASD,MAAM;QACJ,MAAM,KAAkE,IAAI,CAAC,KAAK,EAA5E,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,OAAyB,EAApB,KAAK,sBAA7D,6DAA+D,CAAa,CAAC;QAEnF,OAAO,CACL,2CACE,8BAA8B,QAC9B,SAAS,EAAE,IAAA,kBAAG,EAAC,wBAAM,CAAC,8BAA8B,EAAE,SAAS,CAAC,EAChE,OAAO,EAAE,CAAC,CAAM,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,EACpD,eAAe,EAAE,CAAC,UAAU,IACxB,KAAK,GAER,MAAM,CAAC,CAAC,CAAC,6BAAK,GAAG,EAAC,KAAK,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,QAAQ,CAChD,CACP,CAAC;IACJ,CAAC;;AAGM,sDAAqB;AA7BrB,iCAAW,GAAG,uBAAuB,CAAC;AAKtC,kCAAY,GAA6C;IAC9D,QAAQ,EAAE,GAAQ,EAAE,CAAC,SAAS;IAC9B,SAAS,EAAE,EAAE;IACb,UAAU,EAAE,KAAK;IACjB,MAAM,EAAE,KAAK;CACd,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { PickOptional } from '../../../helpers';
|
|
3
|
+
/** Acts as a container for all other DualListSelector sub-components when using a
|
|
4
|
+
* composable dual list selector.
|
|
5
|
+
*/
|
|
6
|
+
export interface DualListSelectorProps {
|
|
7
|
+
/** Additional classes applied to the dual list selector. */
|
|
8
|
+
className?: string;
|
|
9
|
+
/** ID of the dual list selector. */
|
|
10
|
+
id?: string;
|
|
11
|
+
/** Flag indicating if the dual list selector uses trees instead of simple lists. */
|
|
12
|
+
isTree?: boolean;
|
|
13
|
+
/** Content to be rendered in the dual list selector. */
|
|
14
|
+
children?: React.ReactNode;
|
|
15
|
+
}
|
|
16
|
+
declare class DualListSelector extends React.Component<DualListSelectorProps> {
|
|
17
|
+
static displayName: string;
|
|
18
|
+
static defaultProps: PickOptional<DualListSelectorProps>;
|
|
19
|
+
constructor(props: DualListSelectorProps);
|
|
20
|
+
render(): React.JSX.Element;
|
|
21
|
+
}
|
|
22
|
+
export { DualListSelector };
|
|
23
|
+
//# sourceMappingURL=DualListSelector.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DualListSelector.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/DualListSelector/DualListSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAc,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAG5D;;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;CAC5B;AAED,cAAM,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,qBAAqB,CAAC;IACnE,MAAM,CAAC,WAAW,SAAsB;IACxC,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,qBAAqB,CAAC,CAGtD;gBAEU,KAAK,EAAE,qBAAqB;IAIxC,MAAM;CAeP;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.DualListSelector = 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 DualListSelectorContext_1 = require("./DualListSelectorContext");
|
|
10
|
+
class DualListSelector extends React.Component {
|
|
11
|
+
constructor(props) {
|
|
12
|
+
super(props);
|
|
13
|
+
}
|
|
14
|
+
render() {
|
|
15
|
+
const _a = this.props, { className, children, id, isTree } = _a, props = tslib_1.__rest(_a, ["className", "children", "id", "isTree"]);
|
|
16
|
+
return (React.createElement(DualListSelectorContext_1.DualListSelectorContext.Provider, { value: { isTree } },
|
|
17
|
+
React.createElement(helpers_1.GenerateId, null, (randomId) => (React.createElement("div", Object.assign({ className: (0, react_styles_1.css)(dual_list_selector_1.default.dualListSelector, className), id: id || randomId }, props), children)))));
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
exports.DualListSelector = DualListSelector;
|
|
21
|
+
DualListSelector.displayName = 'DualListSelector';
|
|
22
|
+
DualListSelector.defaultProps = {
|
|
23
|
+
children: '',
|
|
24
|
+
isTree: false
|
|
25
|
+
};
|
|
26
|
+
//# sourceMappingURL=DualListSelector.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DualListSelector.js","sourceRoot":"","sources":["../../../../../src/next/components/DualListSelector/DualListSelector.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,6IAAiG;AACjG,2DAA+C;AAC/C,8CAA4D;AAC5D,uEAAoE;AAiBpE,MAAM,gBAAiB,SAAQ,KAAK,CAAC,SAAgC;IAOnE,YAAY,KAA4B;QACtC,KAAK,CAAC,KAAK,CAAC,CAAC;IACf,CAAC;IAED,MAAM;QACJ,MAAM,KAAgD,IAAI,CAAC,KAAK,EAA1D,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,OAAyB,EAApB,KAAK,sBAA3C,yCAA6C,CAAa,CAAC;QAEjE,OAAO,CACL,oBAAC,iDAAuB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE;YACjD,oBAAC,oBAAU,QACR,CAAC,QAAQ,EAAE,EAAE,CAAC,CACb,2CAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,4BAAM,CAAC,gBAAgB,EAAE,SAAS,CAAC,EAAE,EAAE,EAAE,EAAE,IAAI,QAAQ,IAAM,KAAK,GACnF,QAAQ,CACL,CACP,CACU,CACoB,CACpC,CAAC;IACJ,CAAC;;AAGM,4CAAgB;AA3BhB,4BAAW,GAAG,kBAAkB,CAAC;AACjC,6BAAY,GAAwC;IACzD,QAAQ,EAAE,EAAE;IACZ,MAAM,EAAE,KAAK;CACd,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export declare const DualListSelectorContext: React.Context<{
|
|
3
|
+
isTree?: boolean;
|
|
4
|
+
}>;
|
|
5
|
+
export declare const DualListSelectorListContext: React.Context<{
|
|
6
|
+
setFocusedOption?: (id: string) => void;
|
|
7
|
+
isTree?: boolean;
|
|
8
|
+
ariaLabelledBy?: string;
|
|
9
|
+
focusedOption?: string;
|
|
10
|
+
displayOption?: (option: React.ReactNode) => boolean;
|
|
11
|
+
selectedOptions?: string[] | number[];
|
|
12
|
+
id?: string;
|
|
13
|
+
options?: React.ReactNode[];
|
|
14
|
+
isDisabled?: boolean;
|
|
15
|
+
}>;
|
|
16
|
+
export declare const DualListSelectorPaneContext: React.Context<{
|
|
17
|
+
isChosen: boolean;
|
|
18
|
+
}>;
|
|
19
|
+
//# sourceMappingURL=DualListSelectorContext.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DualListSelectorContext.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/DualListSelector/DualListSelectorContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,uBAAuB;aACzB,OAAO;EACG,CAAC;AAEtB,eAAO,MAAM,2BAA2B;4BACd,MAAM,KAAK,IAAI;aAC9B,OAAO;qBACC,MAAM;oBACP,MAAM;6BACG,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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.DualListSelectorPaneContext = exports.DualListSelectorListContext = exports.DualListSelectorContext = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const React = tslib_1.__importStar(require("react"));
|
|
6
|
+
exports.DualListSelectorContext = React.createContext({ isTree: false });
|
|
7
|
+
exports.DualListSelectorListContext = React.createContext({});
|
|
8
|
+
exports.DualListSelectorPaneContext = React.createContext({ isChosen: false });
|
|
9
|
+
//# sourceMappingURL=DualListSelectorContext.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DualListSelectorContext.js","sourceRoot":"","sources":["../../../../../src/next/components/DualListSelector/DualListSelectorContext.ts"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAElB,QAAA,uBAAuB,GAAG,KAAK,CAAC,aAAa,CAEvD,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;AAET,QAAA,2BAA2B,GAAG,KAAK,CAAC,aAAa,CAU3D,EAAE,CAAC,CAAC;AAEM,QAAA,2BAA2B,GAAG,KAAK,CAAC,aAAa,CAE3D,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
/** Renders an individual control button for moving selected options between each
|
|
3
|
+
* dual list selector pane.
|
|
4
|
+
*/
|
|
5
|
+
export interface DualListSelectorControlProps extends Omit<React.HTMLProps<HTMLDivElement>, 'onClick'> {
|
|
6
|
+
/** Content to be rendered in the dual list selector control. */
|
|
7
|
+
children?: React.ReactNode;
|
|
8
|
+
/** @hide forwarded ref */
|
|
9
|
+
innerRef?: React.Ref<any>;
|
|
10
|
+
/** Flag indicating the control is disabled. */
|
|
11
|
+
isDisabled?: boolean;
|
|
12
|
+
/** Additional classes applied to the dual list selector control. */
|
|
13
|
+
className?: string;
|
|
14
|
+
/** Callback fired when dual list selector control is selected. */
|
|
15
|
+
onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
|
|
16
|
+
/** Accessible label for the dual list selector control. */
|
|
17
|
+
'aria-label'?: string;
|
|
18
|
+
/** Content to be displayed in a tooltip on hover of control. */
|
|
19
|
+
tooltipContent?: React.ReactNode;
|
|
20
|
+
/** Additional tooltip properties passed to the tooltip. */
|
|
21
|
+
tooltipProps?: any;
|
|
22
|
+
}
|
|
23
|
+
export declare const DualListSelectorControlBase: React.FunctionComponent<DualListSelectorControlProps>;
|
|
24
|
+
export declare const DualListSelectorControl: React.ForwardRefExoticComponent<Omit<DualListSelectorControlProps, "ref"> & React.RefAttributes<any>>;
|
|
25
|
+
//# sourceMappingURL=DualListSelectorControl.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DualListSelectorControl.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/DualListSelector/DualListSelectorControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B;;GAEG;AAEH,MAAM,WAAW,4BAA6B,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC;IACpG,gEAAgE;IAChE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,+CAA+C;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oEAAoE;IACpE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kEAAkE;IAClE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC3E,2DAA2D;IAC3D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gEAAgE;IAChE,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,2DAA2D;IAC3D,YAAY,CAAC,EAAE,GAAG,CAAC;CACpB;AAED,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,iBAAiB,CAAC,4BAA4B,CA6B7F,CAAC;AAGF,eAAO,MAAM,uBAAuB,uGAElC,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.DualListSelectorControl = exports.DualListSelectorControlBase = 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 Button_1 = require("../../../components/Button");
|
|
8
|
+
const Tooltip_1 = require("../../../components/Tooltip");
|
|
9
|
+
const dual_list_selector_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/DualListSelector/dual-list-selector"));
|
|
10
|
+
const DualListSelectorControlBase = (_a) => {
|
|
11
|
+
var { innerRef, children, className, 'aria-label': ariaLabel, isDisabled = true, onClick = () => { }, tooltipContent, tooltipProps = {} } = _a, props = tslib_1.__rest(_a, ["innerRef", "children", "className", 'aria-label', "isDisabled", "onClick", "tooltipContent", "tooltipProps"]);
|
|
12
|
+
const privateRef = React.useRef(null);
|
|
13
|
+
const ref = innerRef || privateRef;
|
|
14
|
+
return (React.createElement("div", Object.assign({ className: (0, react_styles_1.css)(dual_list_selector_1.default.dualListSelectorControlsItem, className) }, props),
|
|
15
|
+
React.createElement(Button_1.Button, { isDisabled: isDisabled, "aria-disabled": isDisabled, variant: Button_1.ButtonVariant.plain, onClick: onClick, "aria-label": ariaLabel, tabIndex: -1, ref: ref }, children),
|
|
16
|
+
tooltipContent && React.createElement(Tooltip_1.Tooltip, Object.assign({ content: tooltipContent, position: "left", triggerRef: ref }, tooltipProps))));
|
|
17
|
+
};
|
|
18
|
+
exports.DualListSelectorControlBase = DualListSelectorControlBase;
|
|
19
|
+
exports.DualListSelectorControlBase.displayName = 'DualListSelectorControlBase';
|
|
20
|
+
exports.DualListSelectorControl = React.forwardRef((props, ref) => (React.createElement(exports.DualListSelectorControlBase, Object.assign({ innerRef: ref }, props))));
|
|
21
|
+
exports.DualListSelectorControl.displayName = 'DualListSelectorControl';
|
|
22
|
+
//# sourceMappingURL=DualListSelectorControl.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DualListSelectorControl.js","sourceRoot":"","sources":["../../../../../src/next/components/DualListSelector/DualListSelectorControl.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,uDAAmE;AACnE,yDAAsD;AACtD,6IAAiG;AAyB1F,MAAM,2BAA2B,GAA0D,CAAC,EAUpE,EAAE,EAAE;QAVgE,EACjG,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,UAAU,GAAG,IAAI,EACjB,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAClB,cAAc,EACd,YAAY,GAAG,EAAS,OAEK,EAD1B,KAAK,sBATyF,8GAUlG,CADS;IAER,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACtC,MAAM,GAAG,GAAG,QAAQ,IAAI,UAAU,CAAC;IACnC,OAAO,CACL,2CAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,4BAAM,CAAC,4BAA4B,EAAE,SAAS,CAAC,IAAM,KAAK;QAC5E,oBAAC,eAAM,IACL,UAAU,EAAE,UAAU,mBACP,UAAU,EACzB,OAAO,EAAE,sBAAa,CAAC,KAAK,EAC5B,OAAO,EAAE,OAAO,gBACJ,SAAS,EACrB,QAAQ,EAAE,CAAC,CAAC,EACZ,GAAG,EAAE,GAAG,IAEP,QAAQ,CACF;QACR,cAAc,IAAI,oBAAC,iBAAO,kBAAC,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAC,MAAM,EAAC,UAAU,EAAE,GAAG,IAAM,YAAY,EAAI,CACtG,CACP,CAAC;AACJ,CAAC,CAAC;AA7BW,QAAA,2BAA2B,+BA6BtC;AACF,mCAA2B,CAAC,WAAW,GAAG,6BAA6B,CAAC;AAE3D,QAAA,uBAAuB,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAmC,EAAE,GAAmB,EAAE,EAAE,CAAC,CACpH,oBAAC,mCAA2B,kBAAC,QAAQ,EAAE,GAAG,IAAM,KAAK,EAAI,CAC1D,CAAC,CAAC;AAEH,+BAAuB,CAAC,WAAW,GAAG,yBAAyB,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
/** Acts as the container for the DualListSelectorControl sub-components. */
|
|
3
|
+
export interface DualListSelectorControlsWrapperProps extends React.HTMLProps<HTMLDivElement> {
|
|
4
|
+
/** Content to be rendered inside of the controls wrapper. */
|
|
5
|
+
children?: React.ReactNode;
|
|
6
|
+
/** Additional classes added to the wrapper. */
|
|
7
|
+
className?: string;
|
|
8
|
+
/** @hide Forwarded ref */
|
|
9
|
+
innerRef?: React.RefObject<HTMLDivElement>;
|
|
10
|
+
/** Accessible label for the dual list selector controls wrapper. */
|
|
11
|
+
'aria-label'?: string;
|
|
12
|
+
}
|
|
13
|
+
export declare const DualListSelectorControlsWrapperBase: React.FunctionComponent<DualListSelectorControlsWrapperProps>;
|
|
14
|
+
export declare const DualListSelectorControlsWrapper: React.ForwardRefExoticComponent<Omit<DualListSelectorControlsWrapperProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
15
|
+
//# sourceMappingURL=DualListSelectorControlsWrapper.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DualListSelectorControlsWrapper.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/DualListSelector/DualListSelectorControlsWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,4EAA4E;AAE5E,MAAM,WAAW,oCAAqC,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC3F,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC3C,oEAAoE;IACpE,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,mCAAmC,EAAE,KAAK,CAAC,iBAAiB,CAAC,oCAAoC,CA0D7G,CAAC;AAIF,eAAO,MAAM,+BAA+B,0HAI3C,CAAC"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.DualListSelectorControlsWrapper = exports.DualListSelectorControlsWrapperBase = 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 DualListSelectorControlsWrapperBase = (_a) => {
|
|
10
|
+
var { innerRef, children = null, className, 'aria-label': ariaLabel = 'Controls for moving options between lists' } = _a, props = tslib_1.__rest(_a, ["innerRef", "children", "className", 'aria-label']);
|
|
11
|
+
const ref = React.useRef(null);
|
|
12
|
+
const wrapperRef = innerRef || ref;
|
|
13
|
+
// Adds keyboard navigation to the dynamically built dual list selector controls. Works when controls are dynamically built
|
|
14
|
+
// as well as when they are passed in via children.
|
|
15
|
+
const handleKeys = (event) => {
|
|
16
|
+
if (!wrapperRef.current ||
|
|
17
|
+
(wrapperRef.current !== event.target.closest(`.${dual_list_selector_1.default.dualListSelectorControls}`) &&
|
|
18
|
+
!Array.from(wrapperRef.current.getElementsByClassName(dual_list_selector_1.default.dualListSelectorControls)).includes(event.target.closest(`.${dual_list_selector_1.default.dualListSelectorControls}`)))) {
|
|
19
|
+
return;
|
|
20
|
+
}
|
|
21
|
+
event.stopImmediatePropagation();
|
|
22
|
+
const controls = Array.from(wrapperRef.current.getElementsByTagName('BUTTON')).filter((el) => !el.classList.contains('pf-m-disabled'));
|
|
23
|
+
const activeElement = document.activeElement;
|
|
24
|
+
(0, helpers_1.handleArrows)(event, controls, (element) => activeElement.contains(element), (element) => element, undefined, undefined, true, false);
|
|
25
|
+
};
|
|
26
|
+
React.useEffect(() => {
|
|
27
|
+
window.addEventListener('keydown', handleKeys);
|
|
28
|
+
return () => {
|
|
29
|
+
window.removeEventListener('keydown', handleKeys);
|
|
30
|
+
};
|
|
31
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
32
|
+
}, [wrapperRef.current]);
|
|
33
|
+
return (React.createElement("div", Object.assign({ className: (0, react_styles_1.css)(dual_list_selector_1.default.dualListSelectorControls, className), tabIndex: 0, ref: wrapperRef, "aria-label": ariaLabel }, props), children));
|
|
34
|
+
};
|
|
35
|
+
exports.DualListSelectorControlsWrapperBase = DualListSelectorControlsWrapperBase;
|
|
36
|
+
exports.DualListSelectorControlsWrapperBase.displayName = 'DualListSelectorControlsWrapperBase';
|
|
37
|
+
exports.DualListSelectorControlsWrapper = React.forwardRef((props, ref) => (React.createElement(exports.DualListSelectorControlsWrapperBase, Object.assign({ innerRef: ref, role: "group" }, props))));
|
|
38
|
+
exports.DualListSelectorControlsWrapper.displayName = 'DualListSelectorControlsWrapper';
|
|
39
|
+
//# sourceMappingURL=DualListSelectorControlsWrapper.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DualListSelectorControlsWrapper.js","sourceRoot":"","sources":["../../../../../src/next/components/DualListSelector/DualListSelectorControlsWrapper.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,6IAAiG;AACjG,2DAA+C;AAC/C,8CAAgD;AAezC,MAAM,mCAAmC,GAAkE,CAAC,EAM5E,EAAE,EAAE;QANwE,EACjH,QAAQ,EACR,QAAQ,GAAG,IAAI,EACf,SAAS,EACT,YAAY,EAAE,SAAS,GAAG,2CAA2C,OAEhC,EADlC,KAAK,sBALyG,mDAMlH,CADS;IAER,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC/B,MAAM,UAAU,GAAG,QAAQ,IAAI,GAAG,CAAC;IACnC,2HAA2H;IAC3H,mDAAmD;IACnD,MAAM,UAAU,GAAG,CAAC,KAAoB,EAAE,EAAE;QAC1C,IACE,CAAC,UAAU,CAAC,OAAO;YACnB,CAAC,UAAU,CAAC,OAAO,KAAM,KAAK,CAAC,MAAsB,CAAC,OAAO,CAAC,IAAI,4BAAM,CAAC,wBAAwB,EAAE,CAAC;gBAClG,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,sBAAsB,CAAC,4BAAM,CAAC,wBAAwB,CAAC,CAAC,CAAC,QAAQ,CAC7F,KAAK,CAAC,MAAsB,CAAC,OAAO,CAAC,IAAI,4BAAM,CAAC,wBAAwB,EAAE,CAAC,CAC7E,CAAC,EACJ;YACA,OAAO;SACR;QACD,KAAK,CAAC,wBAAwB,EAAE,CAAC;QAEjC,MAAM,QAAQ,GAAI,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,oBAAoB,CAAC,QAAQ,CAAC,CAAe,CAAC,MAAM,CAClG,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,CAChD,CAAC;QACF,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC;QAC7C,IAAA,sBAAY,EACV,KAAK,EACL,QAAQ,EACR,CAAC,OAAgB,EAAE,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,OAAO,CAAC,EACrD,CAAC,OAAgB,EAAE,EAAE,CAAC,OAAO,EAC7B,SAAS,EACT,SAAS,EACT,IAAI,EACJ,KAAK,CACN,CAAC;IACJ,CAAC,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,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,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;IAEzB,OAAO,CACL,2CACE,SAAS,EAAE,IAAA,kBAAG,EAAC,4BAAM,CAAC,wBAAwB,EAAE,SAAS,CAAC,EAC1D,QAAQ,EAAE,CAAC,EACX,GAAG,EAAE,UAAU,gBACH,SAAS,IACjB,KAAK,GAER,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AA1DW,QAAA,mCAAmC,uCA0D9C;AAEF,2CAAmC,CAAC,WAAW,GAAG,qCAAqC,CAAC;AAE3E,QAAA,+BAA+B,GAAG,KAAK,CAAC,UAAU,CAC7D,CAAC,KAA2C,EAAE,GAA8B,EAAE,EAAE,CAAC,CAC/E,oBAAC,2CAAmC,kBAAC,QAAQ,EAAE,GAAkC,EAAE,IAAI,EAAC,OAAO,IAAK,KAAK,EAAI,CAC9G,CACF,CAAC;AAEF,uCAA+B,CAAC,WAAW,GAAG,iCAAiC,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
/** Acts as the container for DualListSelectorListItem sub-components. */
|
|
3
|
+
export interface DualListSelectorListProps extends React.HTMLProps<HTMLUListElement> {
|
|
4
|
+
/** Content rendered inside the dual list selector list. */
|
|
5
|
+
children?: React.ReactNode;
|
|
6
|
+
}
|
|
7
|
+
export declare const DualListSelectorList: React.FunctionComponent<DualListSelectorListProps>;
|
|
8
|
+
//# sourceMappingURL=DualListSelectorList.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DualListSelectorList.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/DualListSelector/DualListSelectorList.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,yEAAyE;AAEzE,MAAM,WAAW,yBAA0B,SAAQ,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC;IAClF,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,iBAAiB,CAAC,yBAAyB,CA0CnF,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.DualListSelectorList = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const react_styles_1 = require("@patternfly/react-styles");
|
|
6
|
+
const dual_list_selector_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/DualListSelector/dual-list-selector"));
|
|
7
|
+
const DualListSelectorListItem_1 = require("./DualListSelectorListItem");
|
|
8
|
+
const React = tslib_1.__importStar(require("react"));
|
|
9
|
+
const DualListSelectorContext_1 = require("./DualListSelectorContext");
|
|
10
|
+
const DualListSelectorList = (_a) => {
|
|
11
|
+
var { children } = _a, props = tslib_1.__rest(_a, ["children"]);
|
|
12
|
+
const { isTree, ariaLabelledBy, focusedOption, displayOption, selectedOptions, id, options, isDisabled } = React.useContext(DualListSelectorContext_1.DualListSelectorListContext);
|
|
13
|
+
const hasOptions = () => options.length !== 0 || (children !== undefined && children.length !== 0);
|
|
14
|
+
return (React.createElement("ul", Object.assign({ className: (0, react_styles_1.css)(dual_list_selector_1.default.dualListSelectorList) }, (hasOptions() && {
|
|
15
|
+
role: isTree ? 'tree' : 'listbox',
|
|
16
|
+
'aria-multiselectable': true,
|
|
17
|
+
'aria-labelledby': ariaLabelledBy,
|
|
18
|
+
'aria-activedescendant': focusedOption
|
|
19
|
+
}), { "aria-disabled": isDisabled ? 'true' : undefined }, props), options.length === 0
|
|
20
|
+
? children
|
|
21
|
+
: options.map((option, index) => {
|
|
22
|
+
if (displayOption(option)) {
|
|
23
|
+
return (React.createElement(DualListSelectorListItem_1.DualListSelectorListItem, { key: index, isSelected: selectedOptions.indexOf(index) !== -1, id: `${id}-option-${index}`, orderIndex: index, isDisabled: isDisabled }, option));
|
|
24
|
+
}
|
|
25
|
+
return;
|
|
26
|
+
})));
|
|
27
|
+
};
|
|
28
|
+
exports.DualListSelectorList = DualListSelectorList;
|
|
29
|
+
exports.DualListSelectorList.displayName = 'DualListSelectorList';
|
|
30
|
+
//# sourceMappingURL=DualListSelectorList.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DualListSelectorList.js","sourceRoot":"","sources":["../../../../../src/next/components/DualListSelector/DualListSelectorList.tsx"],"names":[],"mappings":";;;;AAAA,2DAA+C;AAC/C,6IAAiG;AACjG,yEAAsE;AACtE,qDAA+B;AAC/B,uEAAwE;AASjE,MAAM,oBAAoB,GAAuD,CAAC,EAG7D,EAAE,EAAE;QAHyD,EACvF,QAAQ,OAEkB,EADvB,KAAK,sBAF+E,YAGxF,CADS;IAER,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,aAAa,EAAE,aAAa,EAAE,eAAe,EAAE,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,GACtG,KAAK,CAAC,UAAU,CAAC,qDAA2B,CAAC,CAAC;IAEhD,MAAM,UAAU,GAAG,GAAG,EAAE,CACtB,OAAO,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAK,QAA8B,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC;IAEnG,OAAO,CACL,0CACE,SAAS,EAAE,IAAA,kBAAG,EAAC,4BAAM,CAAC,oBAAoB,CAAC,IACvC,CAAC,UAAU,EAAE,IAAI;QACnB,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;QACjC,sBAAsB,EAAE,IAAI;QAC5B,iBAAiB,EAAE,cAAc;QACjC,uBAAuB,EAAE,aAAa;KACvC,CAAC,qBACa,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,IAC1C,KAAK,GAER,OAAO,CAAC,MAAM,KAAK,CAAC;QACnB,CAAC,CAAC,QAAQ;QACV,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;YAC5B,IAAI,aAAa,CAAC,MAAM,CAAC,EAAE;gBACzB,OAAO,CACL,oBAAC,mDAAwB,IACvB,GAAG,EAAE,KAAK,EACV,UAAU,EAAG,eAA4B,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAC/D,EAAE,EAAE,GAAG,EAAE,WAAW,KAAK,EAAE,EAC3B,UAAU,EAAE,KAAK,EACjB,UAAU,EAAE,UAAU,IAErB,MAAM,CACkB,CAC5B,CAAC;aACH;YACD,OAAO;QACT,CAAC,CAAC,CACH,CACN,CAAC;AACJ,CAAC,CAAC;AA1CW,QAAA,oBAAoB,wBA0C/B;AACF,4BAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
/** Creates an individual option that can be selected and moved between the
|
|
3
|
+
* dual list selector panes. This is contained within the DualListSelectorList sub-component.
|
|
4
|
+
*/
|
|
5
|
+
export interface DualListSelectorListItemProps extends React.HTMLProps<HTMLLIElement> {
|
|
6
|
+
/** Content rendered inside the dual list selector. */
|
|
7
|
+
children?: React.ReactNode;
|
|
8
|
+
/** Additional classes applied to the dual list selector. */
|
|
9
|
+
className?: string;
|
|
10
|
+
/** Flag indicating the list item is currently selected. */
|
|
11
|
+
isSelected?: boolean;
|
|
12
|
+
/** Callback fired when an option is selected. */
|
|
13
|
+
onOptionSelect?: (event: React.MouseEvent | React.ChangeEvent | React.KeyboardEvent, id?: string) => void;
|
|
14
|
+
/** ID of the option. */
|
|
15
|
+
id?: string;
|
|
16
|
+
/** @hide Internal field used to keep track of order of unfiltered options. */
|
|
17
|
+
orderIndex?: number;
|
|
18
|
+
/** @hide Forwarded ref */
|
|
19
|
+
innerRef?: React.RefObject<HTMLLIElement>;
|
|
20
|
+
/** Flag indicating this item is draggable for reordering. */
|
|
21
|
+
isDraggable?: boolean;
|
|
22
|
+
/** Accessible label for the draggable button on draggable list items. */
|
|
23
|
+
draggableButtonAriaLabel?: string;
|
|
24
|
+
/** Flag indicating if the dual list selector is in a disabled state. */
|
|
25
|
+
isDisabled?: boolean;
|
|
26
|
+
}
|
|
27
|
+
export declare const DualListSelectorListItemBase: React.FunctionComponent<DualListSelectorListItemProps>;
|
|
28
|
+
export declare const DualListSelectorListItem: React.ForwardRefExoticComponent<Omit<DualListSelectorListItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
|
|
29
|
+
//# sourceMappingURL=DualListSelectorListItem.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DualListSelectorListItem.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/DualListSelector/DualListSelectorListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B;;GAEG;AAEH,MAAM,WAAW,6BAA8B,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;IACnF,sDAAsD;IACtD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2DAA2D;IAC3D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iDAAiD;IACjD,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,aAAa,EAAE,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1G,wBAAwB;IACxB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,8EAA8E;IAC9E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;IAC1C,6DAA6D;IAC7D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,yEAAyE;IACzE,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,wEAAwE;IACxE,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,4BAA4B,EAAE,KAAK,CAAC,iBAAiB,CAAC,6BAA6B,CA6D/F,CAAC;AAGF,eAAO,MAAM,wBAAwB,kHAIpC,CAAC"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.DualListSelectorListItem = exports.DualListSelectorListItemBase = 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 grip_vertical_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/grip-vertical-icon'));
|
|
10
|
+
const Button_1 = require("../../../components/Button");
|
|
11
|
+
const DualListSelectorContext_1 = require("./DualListSelectorContext");
|
|
12
|
+
const DualListSelectorListItemBase = (_a) => {
|
|
13
|
+
var { onOptionSelect, orderIndex, children, className, id = (0, helpers_1.getUniqueId)('dual-list-selector-list-item'), isSelected, innerRef, isDraggable = false, isDisabled,
|
|
14
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
15
|
+
draggableButtonAriaLabel = 'Reorder option' } = _a, props = tslib_1.__rest(_a, ["onOptionSelect", "orderIndex", "children", "className", "id", "isSelected", "innerRef", "isDraggable", "isDisabled", "draggableButtonAriaLabel"]);
|
|
16
|
+
const privateRef = React.useRef(null);
|
|
17
|
+
const ref = innerRef || privateRef;
|
|
18
|
+
const { setFocusedOption } = React.useContext(DualListSelectorContext_1.DualListSelectorListContext);
|
|
19
|
+
return (React.createElement("li", Object.assign({ className: (0, react_styles_1.css)(dual_list_selector_1.default.dualListSelectorListItem, className, isDisabled && dual_list_selector_1.default.modifiers.disabled), key: orderIndex, onClick: isDisabled
|
|
20
|
+
? undefined
|
|
21
|
+
: (e) => {
|
|
22
|
+
setFocusedOption(id);
|
|
23
|
+
onOptionSelect(e, id);
|
|
24
|
+
}, onKeyDown: (e) => {
|
|
25
|
+
if (e.key === ' ' || e.key === 'Enter') {
|
|
26
|
+
document.activeElement.click();
|
|
27
|
+
e.preventDefault();
|
|
28
|
+
}
|
|
29
|
+
}, "aria-selected": isSelected, id: id, ref: ref, role: "option", tabIndex: -1 }, props),
|
|
30
|
+
React.createElement("div", { className: (0, react_styles_1.css)(dual_list_selector_1.default.dualListSelectorListItemRow, isSelected && dual_list_selector_1.default.modifiers.selected) },
|
|
31
|
+
isDraggable && !isDisabled && (React.createElement("div", { className: (0, react_styles_1.css)(dual_list_selector_1.default.dualListSelectorDraggable) },
|
|
32
|
+
React.createElement(Button_1.Button, { variant: Button_1.ButtonVariant.plain, component: "span" },
|
|
33
|
+
React.createElement(grip_vertical_icon_1.default, { style: { verticalAlign: '-0.3em' } })))),
|
|
34
|
+
React.createElement("span", { className: (0, react_styles_1.css)(dual_list_selector_1.default.dualListSelectorItem) },
|
|
35
|
+
React.createElement("span", { className: (0, react_styles_1.css)(dual_list_selector_1.default.dualListSelectorItemMain) },
|
|
36
|
+
React.createElement("span", { className: (0, react_styles_1.css)(dual_list_selector_1.default.dualListSelectorItemText) }, children))))));
|
|
37
|
+
};
|
|
38
|
+
exports.DualListSelectorListItemBase = DualListSelectorListItemBase;
|
|
39
|
+
exports.DualListSelectorListItemBase.displayName = 'DualListSelectorListItemBase';
|
|
40
|
+
exports.DualListSelectorListItem = React.forwardRef((props, ref) => (React.createElement(exports.DualListSelectorListItemBase, Object.assign({ innerRef: ref }, props))));
|
|
41
|
+
exports.DualListSelectorListItem.displayName = 'DualListSelectorListItem';
|
|
42
|
+
//# sourceMappingURL=DualListSelectorListItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DualListSelectorListItem.js","sourceRoot":"","sources":["../../../../../src/next/components/DualListSelector/DualListSelectorListItem.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,6IAAiG;AACjG,2DAA+C;AAC/C,8CAA+C;AAC/C,0HAAyF;AACzF,uDAAmE;AACnE,uEAAwE;AA6BjE,MAAM,4BAA4B,GAA2D,CAAC,EAarE,EAAE,EAAE;QAbiE,EACnG,cAAc,EACd,UAAU,EACV,QAAQ,EACR,SAAS,EACT,EAAE,GAAG,IAAA,qBAAW,EAAC,8BAA8B,CAAC,EAChD,UAAU,EACV,QAAQ,EACR,WAAW,GAAG,KAAK,EACnB,UAAU;IACV,6DAA6D;IAC7D,wBAAwB,GAAG,gBAAgB,OAEb,EAD3B,KAAK,sBAZ2F,kJAapG,CADS;IAER,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAgB,IAAI,CAAC,CAAC;IACrD,MAAM,GAAG,GAAG,QAAQ,IAAI,UAAU,CAAC;IACnC,MAAM,EAAE,gBAAgB,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,qDAA2B,CAAC,CAAC;IAE3E,OAAO,CACL,0CACE,SAAS,EAAE,IAAA,kBAAG,EAAC,4BAAM,CAAC,wBAAwB,EAAE,SAAS,EAAE,UAAU,IAAI,4BAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,EACnG,GAAG,EAAE,UAAU,EACf,OAAO,EACL,UAAU;YACR,CAAC,CAAC,SAAS;YACX,CAAC,CAAC,CAAC,CAAmB,EAAE,EAAE;gBACtB,gBAAgB,CAAC,EAAE,CAAC,CAAC;gBACrB,cAAc,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;YACxB,CAAC,EAEP,SAAS,EAAE,CAAC,CAAsB,EAAE,EAAE;YACpC,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE;gBACrC,QAAQ,CAAC,aAA6B,CAAC,KAAK,EAAE,CAAC;gBAChD,CAAC,CAAC,cAAc,EAAE,CAAC;aACpB;QACH,CAAC,mBACc,UAAU,EACzB,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,CAAC,IACR,KAAK;QAET,6BAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,4BAAM,CAAC,2BAA2B,EAAE,UAAU,IAAI,4BAAM,CAAC,SAAS,CAAC,QAAQ,CAAC;YAC7F,WAAW,IAAI,CAAC,UAAU,IAAI,CAC7B,6BAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,4BAAM,CAAC,yBAAyB,CAAC;gBAGnD,oBAAC,eAAM,IAAC,OAAO,EAAE,sBAAa,CAAC,KAAK,EAAE,SAAS,EAAC,MAAM;oBACpD,oBAAC,4BAAgB,IAAC,KAAK,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAI,CACjD,CACL,CACP;YACD,8BAAM,SAAS,EAAE,IAAA,kBAAG,EAAC,4BAAM,CAAC,oBAAoB,CAAC;gBAC/C,8BAAM,SAAS,EAAE,IAAA,kBAAG,EAAC,4BAAM,CAAC,wBAAwB,CAAC;oBACnD,8BAAM,SAAS,EAAE,IAAA,kBAAG,EAAC,4BAAM,CAAC,wBAAwB,CAAC,IAAG,QAAQ,CAAQ,CACnE,CACF,CACH,CACH,CACN,CAAC;AACJ,CAAC,CAAC;AA7DW,QAAA,4BAA4B,gCA6DvC;AACF,oCAA4B,CAAC,WAAW,GAAG,8BAA8B,CAAC;AAE7D,QAAA,wBAAwB,GAAG,KAAK,CAAC,UAAU,CACtD,CAAC,KAAoC,EAAE,GAA6B,EAAE,EAAE,CAAC,CACvE,oBAAC,oCAA4B,kBAAC,QAAQ,EAAE,GAAkC,IAAM,KAAK,EAAI,CAC1F,CACF,CAAC;AACF,gCAAwB,CAAC,WAAW,GAAG,0BAA0B,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export interface DualListSelectorListWrapperProps extends React.HTMLProps<HTMLDivElement> {
|
|
3
|
+
/** Additional classes applied to the dual list selector. */
|
|
4
|
+
className?: string;
|
|
5
|
+
/** Anything that can be rendered inside of the list. */
|
|
6
|
+
children?: React.ReactNode;
|
|
7
|
+
/** ID of the dual list selector list. */
|
|
8
|
+
id?: string;
|
|
9
|
+
/** Accessibly label for the list. */
|
|
10
|
+
'aria-labelledby': string;
|
|
11
|
+
/** @hide forwarded ref */
|
|
12
|
+
innerRef?: React.RefObject<HTMLDivElement>;
|
|
13
|
+
/** @hide Options to list in the pane. */
|
|
14
|
+
options?: React.ReactNode[];
|
|
15
|
+
/** @hide Options currently selected in the pane. */
|
|
16
|
+
selectedOptions?: string[] | number[];
|
|
17
|
+
/** @hide Function to determine if an option should be displayed depending on a custom filter value. */
|
|
18
|
+
displayOption?: (option: React.ReactNode) => boolean;
|
|
19
|
+
/** Flag indicating whether the component is disabled. */
|
|
20
|
+
isDisabled?: boolean;
|
|
21
|
+
}
|
|
22
|
+
export declare const DualListSelectorListWrapperBase: React.FunctionComponent<DualListSelectorListWrapperProps>;
|
|
23
|
+
export declare const DualListSelectorListWrapper: React.ForwardRefExoticComponent<Omit<DualListSelectorListWrapperProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
24
|
+
//# sourceMappingURL=DualListSelectorListWrapper.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DualListSelectorListWrapper.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/DualListSelector/DualListSelectorListWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,gCAAiC,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACvF,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,yCAAyC;IACzC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,qCAAqC;IACrC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC3C,yCAAyC;IACzC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC5B,oDAAoD;IACpD,eAAe,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAAC;IACtC,uGAAuG;IACvG,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,KAAK,OAAO,CAAC;IACrD,yDAAyD;IACzD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,+BAA+B,EAAE,KAAK,CAAC,iBAAiB,CAAC,gCAAgC,CAsFrG,CAAC;AAGF,eAAO,MAAM,2BAA2B,sHAIvC,CAAC"}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.DualListSelectorListWrapper = exports.DualListSelectorListWrapperBase = 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 DualListSelectorList_1 = require("./DualListSelectorList");
|
|
10
|
+
const DualListSelectorContext_1 = require("./DualListSelectorContext");
|
|
11
|
+
const DualListSelectorListWrapperBase = (_a) => {
|
|
12
|
+
var { className, children, 'aria-labelledby': ariaLabelledBy, innerRef, options = [], selectedOptions = [], displayOption, id = (0, helpers_1.getUniqueId)('dual-list-selector-list'), isDisabled = false } = _a, props = tslib_1.__rest(_a, ["className", "children", 'aria-labelledby', "innerRef", "options", "selectedOptions", "displayOption", "id", "isDisabled"]);
|
|
13
|
+
const [focusedOption, setFocusedOption] = React.useState('');
|
|
14
|
+
const ref = React.useRef(null);
|
|
15
|
+
const menuRef = innerRef || ref;
|
|
16
|
+
const { isTree } = React.useContext(DualListSelectorContext_1.DualListSelectorContext);
|
|
17
|
+
// Sets up keyboard focus handling for the dual list selector menu child of the pane.
|
|
18
|
+
const handleKeys = (event) => {
|
|
19
|
+
if (!menuRef.current ||
|
|
20
|
+
(menuRef.current !== event.target.closest(`.${dual_list_selector_1.default.dualListSelectorMenu}`) &&
|
|
21
|
+
!Array.from(menuRef.current.getElementsByClassName(dual_list_selector_1.default.dualListSelectorMenu)).includes(event.target.closest(`.${dual_list_selector_1.default.dualListSelectorMenu}`)))) {
|
|
22
|
+
return;
|
|
23
|
+
}
|
|
24
|
+
event.stopImmediatePropagation();
|
|
25
|
+
const validOptions = isTree
|
|
26
|
+
? Array.from(menuRef.current.querySelectorAll(`.${dual_list_selector_1.default.dualListSelectorItemToggle}, .${dual_list_selector_1.default.dualListSelectorItemCheck} > input`))
|
|
27
|
+
: Array.from(menuRef.current.getElementsByTagName('LI')).filter((el) => !el.classList.contains('pf-m-disabled'));
|
|
28
|
+
const activeElement = document.activeElement;
|
|
29
|
+
(0, helpers_1.handleArrows)(event, validOptions, (element) => activeElement.contains(element), (element) => {
|
|
30
|
+
if (element.classList.contains(`.${dual_list_selector_1.default.dualListSelectorListItem}`)) {
|
|
31
|
+
setFocusedOption(element.id);
|
|
32
|
+
}
|
|
33
|
+
else {
|
|
34
|
+
setFocusedOption(element.closest(`.${dual_list_selector_1.default.dualListSelectorListItem}`).id);
|
|
35
|
+
}
|
|
36
|
+
return element;
|
|
37
|
+
}, [`.${dual_list_selector_1.default.dualListSelectorItemToggle}`, `.${dual_list_selector_1.default.dualListSelectorItemCheck} > input`], undefined, false, false, false);
|
|
38
|
+
};
|
|
39
|
+
React.useEffect(() => {
|
|
40
|
+
window.addEventListener('keydown', handleKeys);
|
|
41
|
+
return () => {
|
|
42
|
+
window.removeEventListener('keydown', handleKeys);
|
|
43
|
+
};
|
|
44
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
45
|
+
}, [menuRef.current]);
|
|
46
|
+
return (React.createElement("div", Object.assign({ className: (0, react_styles_1.css)(dual_list_selector_1.default.dualListSelectorMenu, className), ref: menuRef, tabIndex: 0 }, props),
|
|
47
|
+
React.createElement(DualListSelectorContext_1.DualListSelectorListContext.Provider, { value: {
|
|
48
|
+
setFocusedOption,
|
|
49
|
+
isTree,
|
|
50
|
+
focusedOption,
|
|
51
|
+
ariaLabelledBy,
|
|
52
|
+
displayOption,
|
|
53
|
+
selectedOptions,
|
|
54
|
+
id,
|
|
55
|
+
options,
|
|
56
|
+
isDisabled
|
|
57
|
+
} }, children ? children : React.createElement(DualListSelectorList_1.DualListSelectorList, null))));
|
|
58
|
+
};
|
|
59
|
+
exports.DualListSelectorListWrapperBase = DualListSelectorListWrapperBase;
|
|
60
|
+
exports.DualListSelectorListWrapperBase.displayName = 'DualListSelectorListWrapperBase';
|
|
61
|
+
exports.DualListSelectorListWrapper = React.forwardRef((props, ref) => (React.createElement(exports.DualListSelectorListWrapperBase, Object.assign({ innerRef: ref }, props))));
|
|
62
|
+
exports.DualListSelectorListWrapper.displayName = 'DualListSelectorListWrapper';
|
|
63
|
+
//# sourceMappingURL=DualListSelectorListWrapper.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DualListSelectorListWrapper.js","sourceRoot":"","sources":["../../../../../src/next/components/DualListSelector/DualListSelectorListWrapper.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
/** Acts as the container for a list of options that are either available or chosen,
|
|
3
|
+
* depending on the pane type (available or chosen). A search input and other actions,
|
|
4
|
+
* such as sorting, can also be passed into this sub-component.
|
|
5
|
+
*/
|
|
6
|
+
export interface DualListSelectorPaneProps extends Omit<React.HTMLProps<HTMLDivElement>, 'title'> {
|
|
7
|
+
/** Additional classes applied to the dual list selector pane. */
|
|
8
|
+
className?: string;
|
|
9
|
+
/** A dual list selector list or dual list selector tree to be rendered in the pane. */
|
|
10
|
+
children?: React.ReactNode;
|
|
11
|
+
/** Flag indicating if this pane is the chosen pane. */
|
|
12
|
+
isChosen?: boolean;
|
|
13
|
+
/** Status to display above the pane. */
|
|
14
|
+
status?: string;
|
|
15
|
+
/** Title of the pane. */
|
|
16
|
+
title?: React.ReactNode;
|
|
17
|
+
/** A search input placed above the list at the top of the pane, before actions. */
|
|
18
|
+
searchInput?: React.ReactNode;
|
|
19
|
+
/** Actions to place above the pane. */
|
|
20
|
+
actions?: React.ReactNode[];
|
|
21
|
+
/** ID of the pane. */
|
|
22
|
+
id?: string;
|
|
23
|
+
/** Flag indicating whether the component is disabled. */
|
|
24
|
+
isDisabled?: boolean;
|
|
25
|
+
/** Callback for search input. To be used when isSearchable is true. */
|
|
26
|
+
onSearch?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
27
|
+
/** Minimum height of the list of options rendered in the pane. **/
|
|
28
|
+
listMinHeight?: string;
|
|
29
|
+
}
|
|
30
|
+
export declare const DualListSelectorPane: React.FunctionComponent<DualListSelectorPaneProps>;
|
|
31
|
+
//# sourceMappingURL=DualListSelectorPane.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DualListSelectorPane.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/DualListSelector/DualListSelectorPane.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B;;;GAGG;AAEH,MAAM,WAAW,yBAA0B,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC/F,iEAAiE;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uFAAuF;IACvF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yBAAyB;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,mFAAmF;IACnF,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,uCAAuC;IACvC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC5B,sBAAsB;IACtB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,yDAAyD;IACzD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAChE,mEAAmE;IACnE,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,iBAAiB,CAAC,yBAAyB,CAqDnF,CAAC"}
|