@patternfly/react-core 5.0.0-alpha.32 → 5.0.0-alpha.34
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 +18 -0
- package/components/Dropdown/Dropdown.d.ts +2 -0
- package/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/components/Dropdown/Dropdown.js +3 -3
- package/components/Dropdown/Dropdown.js.map +1 -1
- package/components/Dropdown/DropdownWithContext.d.ts.map +1 -1
- package/components/Dropdown/DropdownWithContext.js +2 -2
- package/components/Dropdown/DropdownWithContext.js.map +1 -1
- package/components/EmptyState/EmptyState.d.ts +6 -6
- package/components/EmptyState/EmptyState.d.ts.map +1 -1
- package/components/EmptyState/EmptyState.js +4 -4
- package/components/EmptyState/EmptyState.js.map +1 -1
- package/components/EmptyState/EmptyStateActions.d.ts +9 -0
- package/components/EmptyState/EmptyStateActions.d.ts.map +1 -0
- package/components/EmptyState/EmptyStateActions.js +10 -0
- package/components/EmptyState/EmptyStateActions.js.map +1 -0
- package/components/EmptyState/EmptyStateBody.d.ts +2 -2
- package/components/EmptyState/EmptyStateBody.d.ts.map +1 -1
- package/components/EmptyState/EmptyStateBody.js +1 -1
- package/components/EmptyState/EmptyStateBody.js.map +1 -1
- package/components/EmptyState/EmptyStateFooter.d.ts +9 -0
- package/components/EmptyState/EmptyStateFooter.d.ts.map +1 -0
- package/components/EmptyState/EmptyStateFooter.js +10 -0
- package/components/EmptyState/EmptyStateFooter.js.map +1 -0
- package/components/EmptyState/EmptyStateHeader.d.ts +18 -0
- package/components/EmptyState/EmptyStateHeader.d.ts.map +1 -0
- package/components/EmptyState/EmptyStateHeader.js +14 -0
- package/components/EmptyState/EmptyStateHeader.js.map +1 -0
- package/components/EmptyState/EmptyStateIcon.d.ts +3 -9
- package/components/EmptyState/EmptyStateIcon.d.ts.map +1 -1
- package/components/EmptyState/EmptyStateIcon.js +6 -4
- package/components/EmptyState/EmptyStateIcon.js.map +1 -1
- package/components/EmptyState/index.d.ts +4 -3
- package/components/EmptyState/index.d.ts.map +1 -1
- package/components/EmptyState/index.js +4 -3
- package/components/EmptyState/index.js.map +1 -1
- package/components/Pagination/PaginationOptionsMenu.d.ts +2 -0
- package/components/Pagination/PaginationOptionsMenu.d.ts.map +1 -1
- package/components/Pagination/PaginationOptionsMenu.js +2 -2
- package/components/Pagination/PaginationOptionsMenu.js.map +1 -1
- package/components/Popover/Popover.js +1 -1
- package/components/Popover/Popover.js.map +1 -1
- package/components/Tabs/OverflowTab.js +1 -1
- package/components/Tabs/OverflowTab.js.map +1 -1
- package/components/Tooltip/Tooltip.d.ts +2 -0
- package/components/Tooltip/Tooltip.d.ts.map +1 -1
- package/components/Tooltip/Tooltip.js +3 -3
- package/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/esm/components/Dropdown/Dropdown.d.ts +2 -0
- package/dist/esm/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/dist/esm/components/Dropdown/Dropdown.js +3 -3
- package/dist/esm/components/Dropdown/Dropdown.js.map +1 -1
- package/dist/esm/components/Dropdown/DropdownWithContext.d.ts.map +1 -1
- package/dist/esm/components/Dropdown/DropdownWithContext.js +2 -2
- package/dist/esm/components/Dropdown/DropdownWithContext.js.map +1 -1
- package/dist/esm/components/EmptyState/EmptyState.d.ts +6 -6
- package/dist/esm/components/EmptyState/EmptyState.d.ts.map +1 -1
- package/dist/esm/components/EmptyState/EmptyState.js +4 -4
- package/dist/esm/components/EmptyState/EmptyState.js.map +1 -1
- package/dist/esm/components/EmptyState/EmptyStateActions.d.ts +9 -0
- package/dist/esm/components/EmptyState/EmptyStateActions.d.ts.map +1 -0
- package/dist/esm/components/EmptyState/EmptyStateActions.js +10 -0
- package/dist/esm/components/EmptyState/EmptyStateActions.js.map +1 -0
- package/dist/esm/components/EmptyState/EmptyStateBody.d.ts +2 -2
- package/dist/esm/components/EmptyState/EmptyStateBody.d.ts.map +1 -1
- package/dist/esm/components/EmptyState/EmptyStateBody.js +1 -1
- package/dist/esm/components/EmptyState/EmptyStateBody.js.map +1 -1
- package/dist/esm/components/EmptyState/EmptyStateFooter.d.ts +9 -0
- package/dist/esm/components/EmptyState/EmptyStateFooter.d.ts.map +1 -0
- package/dist/esm/components/EmptyState/EmptyStateFooter.js +10 -0
- package/dist/esm/components/EmptyState/EmptyStateFooter.js.map +1 -0
- package/dist/esm/components/EmptyState/EmptyStateHeader.d.ts +18 -0
- package/dist/esm/components/EmptyState/EmptyStateHeader.d.ts.map +1 -0
- package/dist/esm/components/EmptyState/EmptyStateHeader.js +14 -0
- package/dist/esm/components/EmptyState/EmptyStateHeader.js.map +1 -0
- package/dist/esm/components/EmptyState/EmptyStateIcon.d.ts +3 -9
- package/dist/esm/components/EmptyState/EmptyStateIcon.d.ts.map +1 -1
- package/dist/esm/components/EmptyState/EmptyStateIcon.js +6 -4
- package/dist/esm/components/EmptyState/EmptyStateIcon.js.map +1 -1
- package/dist/esm/components/EmptyState/index.d.ts +4 -3
- package/dist/esm/components/EmptyState/index.d.ts.map +1 -1
- package/dist/esm/components/EmptyState/index.js +4 -3
- package/dist/esm/components/EmptyState/index.js.map +1 -1
- package/dist/esm/components/Pagination/PaginationOptionsMenu.d.ts +2 -0
- package/dist/esm/components/Pagination/PaginationOptionsMenu.d.ts.map +1 -1
- package/dist/esm/components/Pagination/PaginationOptionsMenu.js +2 -2
- package/dist/esm/components/Pagination/PaginationOptionsMenu.js.map +1 -1
- package/dist/esm/components/Popover/Popover.js +1 -1
- package/dist/esm/components/Popover/Popover.js.map +1 -1
- package/dist/esm/components/Tabs/OverflowTab.js +1 -1
- package/dist/esm/components/Tabs/OverflowTab.js.map +1 -1
- package/dist/esm/components/Tooltip/Tooltip.d.ts +2 -0
- package/dist/esm/components/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/esm/components/Tooltip/Tooltip.js +3 -3
- package/dist/esm/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/esm/helpers/Popper/Popper.d.ts +6 -2
- package/dist/esm/helpers/Popper/Popper.d.ts.map +1 -1
- package/dist/esm/helpers/Popper/Popper.js +26 -8
- package/dist/esm/helpers/Popper/Popper.js.map +1 -1
- package/dist/esm/next/components/Dropdown/Dropdown.d.ts +1 -3
- package/dist/esm/next/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/dist/esm/next/components/Dropdown/Dropdown.js +2 -6
- package/dist/esm/next/components/Dropdown/Dropdown.js.map +1 -1
- package/dist/esm/next/components/Select/Select.d.ts +3 -2
- package/dist/esm/next/components/Select/Select.d.ts.map +1 -1
- package/dist/esm/next/components/Select/Select.js +3 -7
- package/dist/esm/next/components/Select/Select.js.map +1 -1
- package/dist/js/components/Dropdown/Dropdown.d.ts +2 -0
- package/dist/js/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/dist/js/components/Dropdown/Dropdown.js +3 -3
- package/dist/js/components/Dropdown/Dropdown.js.map +1 -1
- package/dist/js/components/Dropdown/DropdownWithContext.d.ts.map +1 -1
- package/dist/js/components/Dropdown/DropdownWithContext.js +2 -2
- package/dist/js/components/Dropdown/DropdownWithContext.js.map +1 -1
- package/dist/js/components/EmptyState/EmptyState.d.ts +6 -6
- package/dist/js/components/EmptyState/EmptyState.d.ts.map +1 -1
- package/dist/js/components/EmptyState/EmptyState.js +4 -4
- package/dist/js/components/EmptyState/EmptyState.js.map +1 -1
- package/dist/js/components/EmptyState/EmptyStateActions.d.ts +9 -0
- package/dist/js/components/EmptyState/EmptyStateActions.d.ts.map +1 -0
- package/dist/js/components/EmptyState/EmptyStateActions.js +14 -0
- package/dist/js/components/EmptyState/EmptyStateActions.js.map +1 -0
- package/dist/js/components/EmptyState/EmptyStateBody.d.ts +2 -2
- package/dist/js/components/EmptyState/EmptyStateBody.d.ts.map +1 -1
- package/dist/js/components/EmptyState/EmptyStateBody.js +1 -1
- package/dist/js/components/EmptyState/EmptyStateBody.js.map +1 -1
- package/dist/js/components/EmptyState/EmptyStateFooter.d.ts +9 -0
- package/dist/js/components/EmptyState/EmptyStateFooter.d.ts.map +1 -0
- package/dist/js/components/EmptyState/EmptyStateFooter.js +14 -0
- package/dist/js/components/EmptyState/EmptyStateFooter.js.map +1 -0
- package/dist/js/components/EmptyState/EmptyStateHeader.d.ts +18 -0
- package/dist/js/components/EmptyState/EmptyStateHeader.d.ts.map +1 -0
- package/dist/js/components/EmptyState/EmptyStateHeader.js +18 -0
- package/dist/js/components/EmptyState/EmptyStateHeader.js.map +1 -0
- package/dist/js/components/EmptyState/EmptyStateIcon.d.ts +3 -9
- package/dist/js/components/EmptyState/EmptyStateIcon.d.ts.map +1 -1
- package/dist/js/components/EmptyState/EmptyStateIcon.js +6 -4
- package/dist/js/components/EmptyState/EmptyStateIcon.js.map +1 -1
- package/dist/js/components/EmptyState/index.d.ts +4 -3
- package/dist/js/components/EmptyState/index.d.ts.map +1 -1
- package/dist/js/components/EmptyState/index.js +4 -3
- package/dist/js/components/EmptyState/index.js.map +1 -1
- package/dist/js/components/Pagination/PaginationOptionsMenu.d.ts +2 -0
- package/dist/js/components/Pagination/PaginationOptionsMenu.d.ts.map +1 -1
- package/dist/js/components/Pagination/PaginationOptionsMenu.js +2 -2
- package/dist/js/components/Pagination/PaginationOptionsMenu.js.map +1 -1
- package/dist/js/components/Popover/Popover.js +1 -1
- package/dist/js/components/Popover/Popover.js.map +1 -1
- package/dist/js/components/Tabs/OverflowTab.js +1 -1
- package/dist/js/components/Tabs/OverflowTab.js.map +1 -1
- package/dist/js/components/Tooltip/Tooltip.d.ts +2 -0
- package/dist/js/components/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/js/components/Tooltip/Tooltip.js +3 -3
- package/dist/js/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/js/helpers/Popper/Popper.d.ts +6 -2
- package/dist/js/helpers/Popper/Popper.d.ts.map +1 -1
- package/dist/js/helpers/Popper/Popper.js +26 -8
- package/dist/js/helpers/Popper/Popper.js.map +1 -1
- package/dist/js/next/components/Dropdown/Dropdown.d.ts +1 -3
- package/dist/js/next/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/dist/js/next/components/Dropdown/Dropdown.js +2 -6
- package/dist/js/next/components/Dropdown/Dropdown.js.map +1 -1
- package/dist/js/next/components/Select/Select.d.ts +3 -2
- package/dist/js/next/components/Select/Select.d.ts.map +1 -1
- package/dist/js/next/components/Select/Select.js +3 -7
- package/dist/js/next/components/Select/Select.js.map +1 -1
- package/dist/umd/react-core.min.js +2 -2
- package/helpers/Popper/Popper.d.ts +6 -2
- package/helpers/Popper/Popper.d.ts.map +1 -1
- package/helpers/Popper/Popper.js +26 -8
- package/helpers/Popper/Popper.js.map +1 -1
- package/next/components/Dropdown/Dropdown.d.ts +1 -3
- package/next/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/next/components/Dropdown/Dropdown.js +2 -6
- package/next/components/Dropdown/Dropdown.js.map +1 -1
- package/next/components/Select/Select.d.ts +3 -2
- package/next/components/Select/Select.d.ts.map +1 -1
- package/next/components/Select/Select.js +3 -7
- package/next/components/Select/Select.js.map +1 -1
- package/package.json +2 -2
- package/src/components/Dropdown/Dropdown.tsx +5 -1
- package/src/components/Dropdown/DropdownWithContext.tsx +2 -1
- package/src/components/DualListSelector/examples/DualListSelectorComposable.tsx +32 -30
- package/src/components/DualListSelector/examples/DualListSelectorComposableTree.tsx +38 -34
- package/src/components/EmptyState/EmptyState.tsx +9 -9
- package/src/components/EmptyState/EmptyStateActions.tsx +21 -0
- package/src/components/EmptyState/EmptyStateBody.tsx +3 -3
- package/src/components/EmptyState/EmptyStateFooter.tsx +21 -0
- package/src/components/EmptyState/EmptyStateHeader.tsx +42 -0
- package/src/components/EmptyState/EmptyStateIcon.tsx +15 -18
- package/src/components/EmptyState/__tests__/EmptyState.test.tsx +53 -60
- package/src/components/EmptyState/__tests__/Generated/{EmptyStatePrimary.test.tsx → EmptyStateActions.test.tsx} +3 -3
- package/src/components/EmptyState/__tests__/Generated/EmptyStateIcon.test.tsx +3 -6
- package/src/components/EmptyState/__tests__/Generated/__snapshots__/{EmptyStateSecondaryActions.test.tsx.snap → EmptyStateActions.test.tsx.snap} +2 -2
- package/src/components/EmptyState/__tests__/Generated/__snapshots__/EmptyStateIcon.test.tsx.snap +41 -22
- package/src/components/EmptyState/__tests__/__snapshots__/EmptyState.test.tsx.snap +115 -56
- package/src/components/EmptyState/examples/EmptyState.md +7 -3
- package/src/components/EmptyState/examples/EmptyStateBasic.tsx +20 -18
- package/src/components/EmptyState/examples/EmptyStateCustomIconColor.tsx +17 -0
- package/src/components/EmptyState/examples/EmptyStateExtraLarge.tsx +20 -18
- package/src/components/EmptyState/examples/EmptyStateExtraSmall.tsx +16 -15
- package/src/components/EmptyState/examples/EmptyStateLarge.tsx +21 -19
- package/src/components/EmptyState/examples/EmptyStateNoMatchFound.tsx +15 -8
- package/src/components/EmptyState/examples/EmptyStateSmall.tsx +21 -19
- package/src/components/EmptyState/examples/EmptyStateSpinner.tsx +2 -5
- package/src/components/EmptyState/index.ts +4 -3
- package/src/components/LabelGroup/examples/LabelGroupEditableAddDropdown.tsx +1 -8
- package/src/components/LabelGroup/examples/LabelGroupEditableAddModal.tsx +0 -2
- package/src/components/Nav/__tests__/__snapshots__/Nav.test.tsx.snap +1 -1
- package/src/components/NotificationDrawer/examples/NotificationDrawerGroups.tsx +15 -11
- package/src/components/NotificationDrawer/examples/NotificationDrawerLightweight.tsx +14 -10
- package/src/components/Pagination/PaginationOptionsMenu.tsx +4 -1
- package/src/components/Popover/Popover.tsx +1 -1
- package/src/components/SearchInput/__tests__/__snapshots__/SearchInput.test.tsx.snap +1 -1
- package/src/components/Tabs/OverflowTab.tsx +1 -1
- package/src/components/Tabs/__tests__/OverflowTab.test.tsx +12 -20
- package/src/components/Tabs/__tests__/__snapshots__/OverflowTab.test.tsx.snap +0 -6
- package/src/components/Tooltip/Tooltip.tsx +4 -1
- package/src/components/Wizard/examples/Wizard.md +1 -1
- package/src/components/Wizard/examples/WizardFinished.tsx +18 -14
- package/src/components/Wizard/examples/WizardValidateOnButtonPress.tsx +20 -16
- package/src/demos/Card/Card.md +13 -8
- package/src/demos/ComposableMenu/examples/ComposableActionsMenu.tsx +1 -15
- package/src/demos/ComposableMenu/examples/ComposableApplicationLauncher.tsx +1 -10
- package/src/demos/ComposableMenu/examples/ComposableContextSelector.tsx +2 -21
- package/src/demos/ComposableMenu/examples/ComposableDateSelect.tsx +1 -10
- package/src/demos/ComposableMenu/examples/ComposableDrilldownMenu.tsx +1 -15
- package/src/demos/ComposableMenu/examples/ComposableDropdwnVariants.tsx +1 -8
- package/src/demos/ComposableMenu/examples/ComposableFlyout.tsx +1 -10
- package/src/demos/ComposableMenu/examples/ComposableTreeViewMenu.tsx +1 -10
- package/src/demos/Filters/FilterDemos.md +4 -2
- package/src/demos/Filters/examples/FilterAttributeSearch.tsx +20 -21
- package/src/demos/Filters/examples/FilterCheckboxSelect.tsx +0 -1
- package/src/demos/Filters/examples/FilterFaceted.tsx +19 -20
- package/src/demos/Filters/examples/FilterMixedSelectGroup.tsx +19 -20
- package/src/demos/Filters/examples/FilterSameSelectGroup.tsx +19 -20
- package/src/demos/Filters/examples/FilterSearchInput.tsx +18 -19
- package/src/demos/Filters/examples/FilterSingleSelect.tsx +0 -1
- package/src/demos/NotificationDrawer/NotificationDrawer.md +52 -39
- package/src/demos/examples/AlertGroup/AlertGroupToastWithNotificationDrawer.tsx +19 -17
- package/src/helpers/Popper/Popper.tsx +39 -10
- package/src/next/components/Dropdown/Dropdown.tsx +1 -9
- package/src/next/components/Dropdown/__tests__/Dropdown.test.tsx +18 -38
- package/src/next/components/Dropdown/examples/DropdownWithDescriptions.tsx +3 -4
- package/src/next/components/Dropdown/examples/DropdownWithKebabToggle.tsx +3 -4
- package/src/next/components/Select/Select.tsx +5 -9
- package/src/next/components/Wizard/examples/WizardValidateOnButtonPress.tsx +19 -15
- package/src/next/components/Wizard/examples/WizardWithSubmitProgress.tsx +18 -14
- package/components/EmptyState/EmptyStatePrimary.d.ts +0 -9
- package/components/EmptyState/EmptyStatePrimary.d.ts.map +0 -1
- package/components/EmptyState/EmptyStatePrimary.js +0 -9
- package/components/EmptyState/EmptyStatePrimary.js.map +0 -1
- package/components/EmptyState/EmptyStateSecondaryActions.d.ts +0 -9
- package/components/EmptyState/EmptyStateSecondaryActions.d.ts.map +0 -1
- package/components/EmptyState/EmptyStateSecondaryActions.js +0 -9
- package/components/EmptyState/EmptyStateSecondaryActions.js.map +0 -1
- package/dist/esm/components/EmptyState/EmptyStatePrimary.d.ts +0 -9
- package/dist/esm/components/EmptyState/EmptyStatePrimary.d.ts.map +0 -1
- package/dist/esm/components/EmptyState/EmptyStatePrimary.js +0 -9
- package/dist/esm/components/EmptyState/EmptyStatePrimary.js.map +0 -1
- package/dist/esm/components/EmptyState/EmptyStateSecondaryActions.d.ts +0 -9
- package/dist/esm/components/EmptyState/EmptyStateSecondaryActions.d.ts.map +0 -1
- package/dist/esm/components/EmptyState/EmptyStateSecondaryActions.js +0 -9
- package/dist/esm/components/EmptyState/EmptyStateSecondaryActions.js.map +0 -1
- package/dist/js/components/EmptyState/EmptyStatePrimary.d.ts +0 -9
- package/dist/js/components/EmptyState/EmptyStatePrimary.d.ts.map +0 -1
- package/dist/js/components/EmptyState/EmptyStatePrimary.js +0 -13
- package/dist/js/components/EmptyState/EmptyStatePrimary.js.map +0 -1
- package/dist/js/components/EmptyState/EmptyStateSecondaryActions.d.ts +0 -9
- package/dist/js/components/EmptyState/EmptyStateSecondaryActions.d.ts.map +0 -1
- package/dist/js/components/EmptyState/EmptyStateSecondaryActions.js +0 -13
- package/dist/js/components/EmptyState/EmptyStateSecondaryActions.js.map +0 -1
- package/src/components/EmptyState/EmptyStatePrimary.tsx +0 -20
- package/src/components/EmptyState/EmptyStateSecondaryActions.tsx +0 -18
- package/src/components/EmptyState/__tests__/Generated/EmptyStateSecondaryActions.test.tsx +0 -13
- package/src/components/EmptyState/__tests__/Generated/__snapshots__/EmptyStatePrimary.test.tsx.snap +0 -13
|
@@ -20,14 +20,18 @@ export interface PopperProps {
|
|
|
20
20
|
* Passing this prop will remove the wrapper div element from the popper.
|
|
21
21
|
*/
|
|
22
22
|
popperRef?: HTMLElement | (() => HTMLElement) | React.RefObject<any>;
|
|
23
|
-
/** True to set the width of the popper element to the trigger element's width */
|
|
24
|
-
popperMatchesTriggerWidth?: boolean;
|
|
25
23
|
/** popper direction */
|
|
26
24
|
direction?: 'up' | 'down';
|
|
27
25
|
/** popper position */
|
|
28
26
|
position?: 'right' | 'left' | 'center';
|
|
29
27
|
/** Instead of direction and position can set the placement of the popper */
|
|
30
28
|
placement?: Placement;
|
|
29
|
+
/** Custsom width of the popper. If the value is "trigger", it will set the width to the trigger element's width */
|
|
30
|
+
width?: string | 'trigger';
|
|
31
|
+
/** Minimum width of the popper. If the value is "trigger", it will set the min width to the trigger element's width */
|
|
32
|
+
minWidth?: string | 'trigger';
|
|
33
|
+
/** Maximum width of the popper. If the value is "trigger", it will set the max width to the trigger element's width */
|
|
34
|
+
maxWidth?: string | 'trigger';
|
|
31
35
|
/** The container to append the popper to. Defaults to 'inline'. */
|
|
32
36
|
appendTo?: HTMLElement | (() => HTMLElement) | 'inline';
|
|
33
37
|
/** z-index of the popper element */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popper.d.ts","sourceRoot":"","sources":["../../../../src/helpers/Popper/Popper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,SAAS,EAAY,MAAM,0BAA0B,CAAC;AAE/D,OAAO,2DAA2D,CAAC;AAsCnE,eAAO,MAAM,oBAAoB,sBAAuB,MAAM,WACM,CAAC;AAErE,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;OAIG;IACH,UAAU,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IACtE,gDAAgD;IAChD,MAAM,EAAE,KAAK,CAAC,YAAY,CAAC;IAC3B;;;OAGG;IACH,SAAS,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IACrE,
|
|
1
|
+
{"version":3,"file":"Popper.d.ts","sourceRoot":"","sources":["../../../../src/helpers/Popper/Popper.tsx"],"names":[],"mappings":"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"}
|
package/helpers/Popper/Popper.js
CHANGED
|
@@ -19,7 +19,7 @@ const hash = {
|
|
|
19
19
|
};
|
|
20
20
|
const getOppositePlacement = (placement) => placement.replace(/left|right|bottom|top|top-start|top-end|bottom-start|bottom-end|right-start|right-end|left-start|left-end/g, (matched) => hash[matched]);
|
|
21
21
|
export const getOpacityTransition = (animationDuration) => `opacity ${animationDuration}ms cubic-bezier(.54, 1.5, .38, 1.11)`;
|
|
22
|
-
export const Popper = ({ trigger, popper,
|
|
22
|
+
export const Popper = ({ trigger, popper, direction = 'down', position = 'left', placement, width, minWidth = 'trigger', maxWidth, appendTo = 'inline', zIndex = 9999, isVisible = true, positionModifiers, distance = 0, onMouseEnter, onMouseLeave, onFocus, onBlur, onDocumentClick, onTriggerClick, onTriggerEnter, onPopperClick, onPopperMouseEnter, onPopperMouseLeave, onDocumentKeyDown, enableFlip = true, flipBehavior = 'flip', triggerRef, popperRef }) => {
|
|
23
23
|
const [triggerElement, setTriggerElement] = React.useState(null);
|
|
24
24
|
const [refElement, setRefElement] = React.useState(null);
|
|
25
25
|
const [popperElement, setPopperElement] = React.useState(null);
|
|
@@ -119,19 +119,37 @@ export const Popper = ({ trigger, popper, popperMatchesTriggerWidth = true, dire
|
|
|
119
119
|
};
|
|
120
120
|
const getPlacementMemo = React.useMemo(getPlacement, [direction, position, placement]);
|
|
121
121
|
const getOppositePlacementMemo = React.useMemo(() => getOppositePlacement(getPlacement()), [direction, position, placement]);
|
|
122
|
-
const
|
|
123
|
-
name: '
|
|
124
|
-
enabled:
|
|
122
|
+
const widthMods = React.useMemo(() => ({
|
|
123
|
+
name: 'widthMods',
|
|
124
|
+
enabled: width !== undefined || minWidth !== undefined || maxWidth !== undefined,
|
|
125
125
|
phase: 'beforeWrite',
|
|
126
126
|
requires: ['computeStyles'],
|
|
127
127
|
fn: ({ state }) => {
|
|
128
|
-
|
|
128
|
+
const triggerWidth = state.rects.reference.width;
|
|
129
|
+
if (width) {
|
|
130
|
+
state.styles.popper.width = width === 'trigger' ? `${triggerWidth}px` : width;
|
|
131
|
+
}
|
|
132
|
+
if (minWidth) {
|
|
133
|
+
state.styles.popper.minWidth = minWidth === 'trigger' ? `${triggerWidth}px` : minWidth;
|
|
134
|
+
}
|
|
135
|
+
if (maxWidth) {
|
|
136
|
+
state.styles.popper.maxWidth = maxWidth === 'trigger' ? `${triggerWidth}px` : maxWidth;
|
|
137
|
+
}
|
|
129
138
|
},
|
|
130
139
|
effect: ({ state }) => {
|
|
131
|
-
|
|
140
|
+
const triggerWidth = state.elements.reference.offsetWidth;
|
|
141
|
+
if (width) {
|
|
142
|
+
state.elements.popper.style.width = width === 'trigger' ? `${triggerWidth}px` : width;
|
|
143
|
+
}
|
|
144
|
+
if (minWidth) {
|
|
145
|
+
state.elements.popper.style.minWidth = minWidth === 'trigger' ? `${triggerWidth}px` : minWidth;
|
|
146
|
+
}
|
|
147
|
+
if (maxWidth) {
|
|
148
|
+
state.elements.popper.style.maxWidth = maxWidth === 'trigger' ? `${triggerWidth}px` : maxWidth;
|
|
149
|
+
}
|
|
132
150
|
return () => { };
|
|
133
151
|
}
|
|
134
|
-
}), [
|
|
152
|
+
}), [width, minWidth, maxWidth]);
|
|
135
153
|
const { styles: popperStyles, attributes, update, forceUpdate } = usePopper(refOrTrigger, popperElement, {
|
|
136
154
|
placement: getPlacementMemo,
|
|
137
155
|
modifiers: [
|
|
@@ -157,7 +175,7 @@ export const Popper = ({ trigger, popper, popperMatchesTriggerWidth = true, dire
|
|
|
157
175
|
fallbackPlacements: flipBehavior === 'flip' ? [getOppositePlacementMemo] : flipBehavior
|
|
158
176
|
}
|
|
159
177
|
},
|
|
160
|
-
|
|
178
|
+
widthMods
|
|
161
179
|
]
|
|
162
180
|
});
|
|
163
181
|
React.useEffect(() => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popper.js","sourceRoot":"","sources":["../../../../src/helpers/Popper/Popper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,QAAQ,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAC;AAEhE,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,2DAA2D,CAAC;AAEnE,MAAM,IAAI,GAAG;IACX,IAAI,EAAE,OAAO;IACb,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,KAAK;IACb,GAAG,EAAE,QAAQ;IACb,WAAW,EAAE,YAAY;IACzB,SAAS,EAAE,cAAc;IACzB,cAAc,EAAE,SAAS;IACzB,YAAY,EAAE,WAAW;IACzB,YAAY,EAAE,WAAW;IACzB,UAAU,EAAE,aAAa;IACzB,aAAa,EAAE,UAAU;IACzB,WAAW,EAAE,YAAY;CAC1B,CAAC;AAEF,MAAM,oBAAoB,GAAG,CAAC,SAAoB,EAAO,EAAE,CACzD,SAAS,CAAC,OAAO,CACf,4GAA4G,EAC5G,CAAC,OAAe,EAAE,EAAE,CAClB,IAAI,CACF,OAYc,CACF,CACjB,CAAC;AAEJ,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,iBAAyB,EAAE,EAAE,CAChE,WAAW,iBAAiB,sCAAsC,CAAC;
|
|
1
|
+
{"version":3,"file":"Popper.js","sourceRoot":"","sources":["../../../../src/helpers/Popper/Popper.tsx"],"names":[],"mappings":"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"}
|
|
@@ -20,8 +20,6 @@ export interface DropdownProps extends MenuProps, OUIAProps {
|
|
|
20
20
|
isPlain?: boolean;
|
|
21
21
|
/** Indicates if the menu should be scrollable. */
|
|
22
22
|
isScrollable?: boolean;
|
|
23
|
-
/** Min width of the menu. */
|
|
24
|
-
minWidth?: string;
|
|
25
23
|
/** @hide Forwarded ref */
|
|
26
24
|
innerRef?: React.Ref<any>;
|
|
27
25
|
/** Value to overwrite the randomly generated data-ouia-component-id.*/
|
|
@@ -31,7 +29,7 @@ export interface DropdownProps extends MenuProps, OUIAProps {
|
|
|
31
29
|
/** z-index of the dropdown menu */
|
|
32
30
|
zIndex?: number;
|
|
33
31
|
/** Additional properties to pass to the Popper */
|
|
34
|
-
popperProps?: PopperProps
|
|
32
|
+
popperProps?: Partial<PopperProps>;
|
|
35
33
|
}
|
|
36
34
|
export declare const Dropdown: React.ForwardRefExoticComponent<DropdownProps & React.RefAttributes<any>>;
|
|
37
35
|
//# sourceMappingURL=Dropdown.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAqB,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAU,WAAW,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAgB,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE3D,MAAM,WAAW,aAAc,SAAQ,SAAS,EAAE,SAAS;IACzD,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2EAA2E;IAC3E,MAAM,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC7D,yCAAyC;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,UAAU,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC7F;yFACqF;IACrF,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kDAAkD;IAClD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,
|
|
1
|
+
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAqB,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAU,WAAW,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAgB,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE3D,MAAM,WAAW,aAAc,SAAQ,SAAS,EAAE,SAAS;IACzD,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2EAA2E;IAC3E,MAAM,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC7D,yCAAyC;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,UAAU,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC7F;yFACqF;IACrF,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kDAAkD;IAClD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iLAAiL;IACjL,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mCAAmC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kDAAkD;IAClD,WAAW,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;CACpC;AA4FD,eAAO,MAAM,QAAQ,2EAEnB,CAAC"}
|
|
@@ -5,7 +5,7 @@ import { Menu, MenuContent } from '../../../components/Menu';
|
|
|
5
5
|
import { Popper } from '../../../helpers/Popper/Popper';
|
|
6
6
|
import { useOUIAProps } from '../../../helpers';
|
|
7
7
|
const DropdownBase = (_a) => {
|
|
8
|
-
var { children, className, onSelect, isOpen, toggle, onOpenChange, isPlain, isScrollable,
|
|
8
|
+
var { children, className, onSelect, isOpen, toggle, onOpenChange, isPlain, isScrollable, innerRef, ouiaId, ouiaSafe = true, zIndex = 9999, popperProps } = _a, props = __rest(_a, ["children", "className", "onSelect", "isOpen", "toggle", "onOpenChange", "isPlain", "isScrollable", "innerRef", "ouiaId", "ouiaSafe", "zIndex", "popperProps"]);
|
|
9
9
|
const localMenuRef = React.useRef();
|
|
10
10
|
const toggleRef = React.useRef();
|
|
11
11
|
const containerRef = React.useRef();
|
|
@@ -47,11 +47,7 @@ const DropdownBase = (_a) => {
|
|
|
47
47
|
window.removeEventListener('click', handleClick);
|
|
48
48
|
};
|
|
49
49
|
}, [isOpen, menuRef, onOpenChange]);
|
|
50
|
-
const menu = (React.createElement(Menu, Object.assign({ className: css(className), ref: menuRef, onSelect: (event, itemId) => onSelect && onSelect(event, itemId), isPlain: isPlain, isScrollable: isScrollable },
|
|
51
|
-
style: {
|
|
52
|
-
'--pf-c-menu--MinWidth': minWidth
|
|
53
|
-
}
|
|
54
|
-
}), props),
|
|
50
|
+
const menu = (React.createElement(Menu, Object.assign({ className: css(className), ref: menuRef, onSelect: (event, itemId) => onSelect && onSelect(event, itemId), isPlain: isPlain, isScrollable: isScrollable }, props),
|
|
55
51
|
React.createElement(MenuContent, null, children)));
|
|
56
52
|
return (React.createElement("div", Object.assign({ ref: containerRef }, ouiaProps),
|
|
57
53
|
React.createElement(Popper, Object.assign({ trigger: toggle(toggleRef), triggerRef: toggleRef, popper: menu, popperRef: menuRef, appendTo: containerRef.current || undefined, isVisible: isOpen, zIndex: zIndex }, popperProps))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../../src/next/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,WAAW,EAAa,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAE,MAAM,EAAe,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,YAAY,EAAa,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../../src/next/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { MenuProps } from '../../../components/Menu';
|
|
3
|
+
import { PopperProps } from '../../../helpers/Popper/Popper';
|
|
3
4
|
import { OUIAProps } from '../../../helpers';
|
|
4
5
|
export interface SelectProps extends MenuProps, OUIAProps {
|
|
5
6
|
/** Anything which can be rendered in a select */
|
|
@@ -19,14 +20,14 @@ export interface SelectProps extends MenuProps, OUIAProps {
|
|
|
19
20
|
onOpenChange?: (isOpen: boolean) => void;
|
|
20
21
|
/** Indicates if the select should be without the outer box-shadow */
|
|
21
22
|
isPlain?: boolean;
|
|
22
|
-
/** Minimum width of the select menu */
|
|
23
|
-
minWidth?: string;
|
|
24
23
|
/** @hide Forwarded ref */
|
|
25
24
|
innerRef?: React.Ref<HTMLDivElement>;
|
|
26
25
|
/** z-index of the select menu */
|
|
27
26
|
zIndex?: number;
|
|
28
27
|
/** @beta Determines the accessible role of the select. For a checkbox select pass in "menu". */
|
|
29
28
|
role?: string;
|
|
29
|
+
/** Additional properties to pass to the popper */
|
|
30
|
+
popperProps?: Partial<PopperProps>;
|
|
30
31
|
}
|
|
31
32
|
export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<any>>;
|
|
32
33
|
//# sourceMappingURL=Select.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAqB,SAAS,EAAE,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAqB,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAU,WAAW,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAgB,SAAS,EAAoB,MAAM,kBAAkB,CAAC;AAE7E,MAAM,WAAW,WAAY,SAAQ,SAAS,EAAE,SAAS;IACvD,iDAAiD;IACjD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,wIAAwI;IACxI,QAAQ,CAAC,EAAE,GAAG,GAAG,GAAG,EAAE,CAAC;IACvB,yEAAyE;IACzE,MAAM,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC7D,qDAAqD;IACrD,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,UAAU,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC7F;yFACqF;IACrF,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,qEAAqE;IACrE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IACrC,iCAAiC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gGAAgG;IAChG,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kDAAkD;IAClD,WAAW,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;CACpC;AAgGD,eAAO,MAAM,MAAM,yEAEjB,CAAC"}
|
|
@@ -5,7 +5,7 @@ import { Menu, MenuContent } from '../../../components/Menu';
|
|
|
5
5
|
import { Popper } from '../../../helpers/Popper/Popper';
|
|
6
6
|
import { getOUIAProps, getDefaultOUIAId } from '../../../helpers';
|
|
7
7
|
const SelectBase = (_a) => {
|
|
8
|
-
var { children, className, onSelect, isOpen, selected, toggle, onOpenChange, isPlain,
|
|
8
|
+
var { children, className, onSelect, isOpen, selected, toggle, onOpenChange, isPlain, innerRef, zIndex = 9999, role = 'listbox', popperProps } = _a, props = __rest(_a, ["children", "className", "onSelect", "isOpen", "selected", "toggle", "onOpenChange", "isPlain", "innerRef", "zIndex", "role", "popperProps"]);
|
|
9
9
|
const localMenuRef = React.useRef();
|
|
10
10
|
const toggleRef = React.useRef();
|
|
11
11
|
const containerRef = React.useRef();
|
|
@@ -46,14 +46,10 @@ const SelectBase = (_a) => {
|
|
|
46
46
|
window.removeEventListener('click', handleClick);
|
|
47
47
|
};
|
|
48
48
|
}, [isOpen, menuRef, onOpenChange]);
|
|
49
|
-
const menu = (React.createElement(Menu, Object.assign({ role: role, className: css(className), ref: menuRef, onSelect: (event, itemId) => onSelect && onSelect(event, itemId), isPlain: isPlain, selected: selected }, (
|
|
50
|
-
style: {
|
|
51
|
-
'--pf-c-menu--MinWidth': minWidth
|
|
52
|
-
}
|
|
53
|
-
}), getOUIAProps(Select.displayName, props.ouiaId !== undefined ? props.ouiaId : getDefaultOUIAId(Select.displayName), props.ouiaSafe !== undefined ? props.ouiaSafe : true), props),
|
|
49
|
+
const menu = (React.createElement(Menu, Object.assign({ role: role, className: css(className), ref: menuRef, onSelect: (event, itemId) => onSelect && onSelect(event, itemId), isPlain: isPlain, selected: selected }, getOUIAProps(Select.displayName, props.ouiaId !== undefined ? props.ouiaId : getDefaultOUIAId(Select.displayName), props.ouiaSafe !== undefined ? props.ouiaSafe : true), props),
|
|
54
50
|
React.createElement(MenuContent, null, children)));
|
|
55
51
|
return (React.createElement("div", { ref: containerRef },
|
|
56
|
-
React.createElement(Popper, { trigger: toggle(toggleRef), triggerRef: toggleRef, popper: menu, popperRef: menuRef, appendTo: containerRef.current || undefined, isVisible: isOpen, zIndex: zIndex })));
|
|
52
|
+
React.createElement(Popper, Object.assign({ trigger: toggle(toggleRef), triggerRef: toggleRef, popper: menu, popperRef: menuRef, appendTo: containerRef.current || undefined, isVisible: isOpen, zIndex: zIndex }, popperProps))));
|
|
57
53
|
};
|
|
58
54
|
export const Select = React.forwardRef((props, ref) => (React.createElement(SelectBase, Object.assign({ innerRef: ref }, props))));
|
|
59
55
|
Select.displayName = 'Select';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../../src/next/components/Select/Select.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,WAAW,EAAa,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../../src/next/components/Select/Select.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@patternfly/react-core",
|
|
3
|
-
"version": "5.0.0-alpha.
|
|
3
|
+
"version": "5.0.0-alpha.34",
|
|
4
4
|
"description": "This library provides a set of common React components for use with the PatternFly reference implementation.",
|
|
5
5
|
"main": "dist/js/index.js",
|
|
6
6
|
"module": "dist/esm/index.js",
|
|
@@ -70,5 +70,5 @@
|
|
|
70
70
|
"react": "^16.8 || ^17 || ^18",
|
|
71
71
|
"react-dom": "^16.8 || ^17 || ^18"
|
|
72
72
|
},
|
|
73
|
-
"gitHead": "
|
|
73
|
+
"gitHead": "9a3ab7a6248885619173e33a938ce22749be6c2b"
|
|
74
74
|
}
|
|
@@ -31,6 +31,8 @@ export interface DropdownProps extends React.HTMLProps<HTMLDivElement>, OUIAProp
|
|
|
31
31
|
};
|
|
32
32
|
/** Display menu above or below dropdown toggle */
|
|
33
33
|
direction?: DropdownDirection | 'up' | 'down';
|
|
34
|
+
/** Minimum width of the dropdown menu. If set to "trigger", the minimum width will be set to the toggle width. */
|
|
35
|
+
minWidth?: string | 'trigger';
|
|
34
36
|
/** The container to append the menu to. Defaults to 'inline'.
|
|
35
37
|
* If your menu is being cut off you can append it to an element higher up the DOM tree.
|
|
36
38
|
* Some examples:
|
|
@@ -72,6 +74,7 @@ export const Dropdown: React.FunctionComponent<DropdownProps> = ({
|
|
|
72
74
|
ouiaSafe,
|
|
73
75
|
alignments,
|
|
74
76
|
contextProps,
|
|
77
|
+
minWidth,
|
|
75
78
|
menuAppendTo = 'inline',
|
|
76
79
|
isFlipEnabled = true,
|
|
77
80
|
zIndex = 9999,
|
|
@@ -79,7 +82,7 @@ export const Dropdown: React.FunctionComponent<DropdownProps> = ({
|
|
|
79
82
|
}: DropdownProps) => (
|
|
80
83
|
<DropdownContext.Provider
|
|
81
84
|
value={{
|
|
82
|
-
onSelect: event => onSelect && onSelect(event),
|
|
85
|
+
onSelect: (event) => onSelect && onSelect(event),
|
|
83
86
|
toggleTextClass: styles.dropdownToggleText,
|
|
84
87
|
toggleIconClass: styles.dropdownToggleImage,
|
|
85
88
|
toggleIndicatorClass: styles.dropdownToggleIcon,
|
|
@@ -104,6 +107,7 @@ export const Dropdown: React.FunctionComponent<DropdownProps> = ({
|
|
|
104
107
|
menuAppendTo={menuAppendTo}
|
|
105
108
|
isFlipEnabled={isFlipEnabled}
|
|
106
109
|
zIndex={zIndex}
|
|
110
|
+
minWidth={minWidth}
|
|
107
111
|
{...props}
|
|
108
112
|
/>
|
|
109
113
|
</DropdownContext.Provider>
|
|
@@ -75,6 +75,7 @@ export class DropdownWithContext extends React.Component<DropdownProps & OUIAPro
|
|
|
75
75
|
position,
|
|
76
76
|
toggle,
|
|
77
77
|
autoFocus,
|
|
78
|
+
minWidth,
|
|
78
79
|
menuAppendTo,
|
|
79
80
|
isFlipEnabled,
|
|
80
81
|
zIndex,
|
|
@@ -180,7 +181,7 @@ export class DropdownWithContext extends React.Component<DropdownProps & OUIAPro
|
|
|
180
181
|
appendTo={menuAppendTo === 'parent' ? getParentElement() : menuAppendTo}
|
|
181
182
|
isVisible={isOpen}
|
|
182
183
|
zIndex={zIndex}
|
|
183
|
-
|
|
184
|
+
minWidth={minWidth !== undefined ? minWidth : 'revert'}
|
|
184
185
|
/>
|
|
185
186
|
);
|
|
186
187
|
}}
|
|
@@ -9,12 +9,13 @@ import {
|
|
|
9
9
|
DualListSelectorControlsWrapper,
|
|
10
10
|
DualListSelectorControl,
|
|
11
11
|
SearchInput,
|
|
12
|
-
Title,
|
|
13
12
|
EmptyState,
|
|
14
13
|
EmptyStateVariant,
|
|
15
|
-
|
|
14
|
+
EmptyStateHeader,
|
|
15
|
+
EmptyStateFooter,
|
|
16
16
|
EmptyStateBody,
|
|
17
|
-
|
|
17
|
+
EmptyStateIcon,
|
|
18
|
+
EmptyStateActions
|
|
18
19
|
} from '@patternfly/react-core';
|
|
19
20
|
import AngleDoubleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-double-left-icon';
|
|
20
21
|
import AngleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-left-icon';
|
|
@@ -68,11 +69,11 @@ export const DualListSelectorComposable: React.FunctionComponent = () => {
|
|
|
68
69
|
// callback for moving all options between lists
|
|
69
70
|
const moveAll = (fromAvailable: boolean) => {
|
|
70
71
|
if (fromAvailable) {
|
|
71
|
-
setChosenOptions([...availableOptions.filter(option => option.isVisible), ...chosenOptions]);
|
|
72
|
-
setAvailableOptions([...availableOptions.filter(option => !option.isVisible)]);
|
|
72
|
+
setChosenOptions([...availableOptions.filter((option) => option.isVisible), ...chosenOptions]);
|
|
73
|
+
setAvailableOptions([...availableOptions.filter((option) => !option.isVisible)]);
|
|
73
74
|
} else {
|
|
74
|
-
setAvailableOptions([...chosenOptions.filter(option => option.isVisible), ...availableOptions]);
|
|
75
|
-
setChosenOptions([...chosenOptions.filter(option => !option.isVisible)]);
|
|
75
|
+
setAvailableOptions([...chosenOptions.filter((option) => option.isVisible), ...availableOptions]);
|
|
76
|
+
setChosenOptions([...chosenOptions.filter((option) => !option.isVisible)]);
|
|
76
77
|
}
|
|
77
78
|
};
|
|
78
79
|
|
|
@@ -96,7 +97,7 @@ export const DualListSelectorComposable: React.FunctionComponent = () => {
|
|
|
96
97
|
const onFilterChange = (value: string, isAvailable: boolean) => {
|
|
97
98
|
isAvailable ? setAvailableFilter(value) : setChosenFilter(value);
|
|
98
99
|
const toFilter = isAvailable ? [...availableOptions] : [...chosenOptions];
|
|
99
|
-
toFilter.forEach(option => {
|
|
100
|
+
toFilter.forEach((option) => {
|
|
100
101
|
option.isVisible = value === '' || option.text.toLowerCase().includes(value.toLowerCase());
|
|
101
102
|
});
|
|
102
103
|
};
|
|
@@ -138,17 +139,16 @@ export const DualListSelectorComposable: React.FunctionComponent = () => {
|
|
|
138
139
|
};
|
|
139
140
|
|
|
140
141
|
const buildEmptyState = (isAvailable: boolean) => (
|
|
141
|
-
<EmptyState variant={EmptyStateVariant.
|
|
142
|
-
<EmptyStateIcon icon={SearchIcon} />
|
|
143
|
-
<Title headingLevel="h4" size="md">
|
|
144
|
-
No results found
|
|
145
|
-
</Title>
|
|
142
|
+
<EmptyState variant={EmptyStateVariant.sm}>
|
|
143
|
+
<EmptyStateHeader headingLevel="h4" titleText="No results found" icon={<EmptyStateIcon icon={SearchIcon} />} />
|
|
146
144
|
<EmptyStateBody>No results match the filter criteria. Clear all filters and try again.</EmptyStateBody>
|
|
147
|
-
<
|
|
148
|
-
<
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
145
|
+
<EmptyStateFooter>
|
|
146
|
+
<EmptyStateActions>
|
|
147
|
+
<Button variant="link" onClick={() => onFilterChange('', isAvailable)}>
|
|
148
|
+
Clear all filters
|
|
149
|
+
</Button>
|
|
150
|
+
</EmptyStateActions>
|
|
151
|
+
</EmptyStateFooter>
|
|
152
152
|
</EmptyState>
|
|
153
153
|
);
|
|
154
154
|
|
|
@@ -156,17 +156,17 @@ export const DualListSelectorComposable: React.FunctionComponent = () => {
|
|
|
156
156
|
<DualListSelector>
|
|
157
157
|
<DualListSelectorPane
|
|
158
158
|
title="Available"
|
|
159
|
-
status={`${availableOptions.filter(option => option.selected && option.isVisible).length} of ${
|
|
160
|
-
availableOptions.filter(option => option.isVisible).length
|
|
159
|
+
status={`${availableOptions.filter((option) => option.selected && option.isVisible).length} of ${
|
|
160
|
+
availableOptions.filter((option) => option.isVisible).length
|
|
161
161
|
} options selected`}
|
|
162
162
|
searchInput={buildSearchInput(true)}
|
|
163
163
|
actions={[buildSort(true)]}
|
|
164
164
|
listMinHeight="300px"
|
|
165
165
|
>
|
|
166
166
|
{availableFilter !== '' &&
|
|
167
|
-
availableOptions.filter(option => option.isVisible).length === 0 &&
|
|
167
|
+
availableOptions.filter((option) => option.isVisible).length === 0 &&
|
|
168
168
|
buildEmptyState(true)}
|
|
169
|
-
{availableOptions.filter(option => option.isVisible).length > 0 && (
|
|
169
|
+
{availableOptions.filter((option) => option.isVisible).length > 0 && (
|
|
170
170
|
<DualListSelectorList>
|
|
171
171
|
{availableOptions.map((option, index) =>
|
|
172
172
|
option.isVisible ? (
|
|
@@ -174,7 +174,7 @@ export const DualListSelectorComposable: React.FunctionComponent = () => {
|
|
|
174
174
|
key={index}
|
|
175
175
|
isSelected={option.selected}
|
|
176
176
|
id={`composable-available-option-${index}`}
|
|
177
|
-
onOptionSelect={e => onOptionSelect(e, index, false)}
|
|
177
|
+
onOptionSelect={(e) => onOptionSelect(e, index, false)}
|
|
178
178
|
>
|
|
179
179
|
{option.text}
|
|
180
180
|
</DualListSelectorListItem>
|
|
@@ -185,7 +185,7 @@ export const DualListSelectorComposable: React.FunctionComponent = () => {
|
|
|
185
185
|
</DualListSelectorPane>
|
|
186
186
|
<DualListSelectorControlsWrapper>
|
|
187
187
|
<DualListSelectorControl
|
|
188
|
-
isDisabled={!availableOptions.some(option => option.selected)}
|
|
188
|
+
isDisabled={!availableOptions.some((option) => option.selected)}
|
|
189
189
|
onClick={() => moveSelected(true)}
|
|
190
190
|
aria-label="Add selected"
|
|
191
191
|
tooltipContent="Add selected"
|
|
@@ -210,7 +210,7 @@ export const DualListSelectorComposable: React.FunctionComponent = () => {
|
|
|
210
210
|
</DualListSelectorControl>
|
|
211
211
|
<DualListSelectorControl
|
|
212
212
|
onClick={() => moveSelected(false)}
|
|
213
|
-
isDisabled={!chosenOptions.some(option => option.selected)}
|
|
213
|
+
isDisabled={!chosenOptions.some((option) => option.selected)}
|
|
214
214
|
aria-label="Remove selected"
|
|
215
215
|
tooltipContent="Remove selected"
|
|
216
216
|
>
|
|
@@ -219,16 +219,18 @@ export const DualListSelectorComposable: React.FunctionComponent = () => {
|
|
|
219
219
|
</DualListSelectorControlsWrapper>
|
|
220
220
|
<DualListSelectorPane
|
|
221
221
|
title="Chosen"
|
|
222
|
-
status={`${chosenOptions.filter(option => option.selected && option.isVisible).length} of ${
|
|
223
|
-
chosenOptions.filter(option => option.isVisible).length
|
|
222
|
+
status={`${chosenOptions.filter((option) => option.selected && option.isVisible).length} of ${
|
|
223
|
+
chosenOptions.filter((option) => option.isVisible).length
|
|
224
224
|
} options selected`}
|
|
225
225
|
searchInput={buildSearchInput(false)}
|
|
226
226
|
actions={[buildSort(false)]}
|
|
227
227
|
isChosen
|
|
228
228
|
listMinHeight="300px"
|
|
229
229
|
>
|
|
230
|
-
{chosenFilter !== '' &&
|
|
231
|
-
|
|
230
|
+
{chosenFilter !== '' &&
|
|
231
|
+
chosenOptions.filter((option) => option.isVisible).length === 0 &&
|
|
232
|
+
buildEmptyState(false)}
|
|
233
|
+
{chosenOptions.filter((option) => option.isVisible).length > 0 && (
|
|
232
234
|
<DualListSelectorList>
|
|
233
235
|
{chosenOptions.map((option, index) =>
|
|
234
236
|
option.isVisible ? (
|
|
@@ -236,7 +238,7 @@ export const DualListSelectorComposable: React.FunctionComponent = () => {
|
|
|
236
238
|
key={index}
|
|
237
239
|
isSelected={option.selected}
|
|
238
240
|
id={`composable-chosen-option-${index}`}
|
|
239
|
-
onOptionSelect={e => onOptionSelect(e, index, true)}
|
|
241
|
+
onOptionSelect={(e) => onOptionSelect(e, index, true)}
|
|
240
242
|
>
|
|
241
243
|
{option.text}
|
|
242
244
|
</DualListSelectorListItem>
|