@patternfly/react-core 5.0.0-alpha.33 → 5.0.0-alpha.35
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/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/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/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/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/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/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/demos/Card/Card.md +34 -31
- 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/examples/FilterAttributeSearch.tsx +0 -1
- package/src/demos/Filters/examples/FilterCheckboxSelect.tsx +0 -1
- package/src/demos/Filters/examples/FilterFaceted.tsx +0 -1
- package/src/demos/Filters/examples/FilterMixedSelectGroup.tsx +0 -1
- package/src/demos/Filters/examples/FilterSameSelectGroup.tsx +0 -1
- package/src/demos/Filters/examples/FilterSearchInput.tsx +0 -1
- package/src/demos/Filters/examples/FilterSingleSelect.tsx +0 -1
- 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
|
@@ -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.35",
|
|
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": "1138b9fba01a2b0ef0d45b2daf11d0fcf6970ee5"
|
|
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
|
}}
|
|
@@ -115,14 +115,7 @@ export const LabelGroupEditableAddDropdown: React.FunctionComponent = () => {
|
|
|
115
115
|
numLabels={5}
|
|
116
116
|
isEditable
|
|
117
117
|
addLabelControl={
|
|
118
|
-
<Popper
|
|
119
|
-
trigger={toggle}
|
|
120
|
-
triggerRef={toggleRef}
|
|
121
|
-
popper={menu}
|
|
122
|
-
popperRef={menuRef}
|
|
123
|
-
isVisible={isOpen}
|
|
124
|
-
popperMatchesTriggerWidth={false}
|
|
125
|
-
/>
|
|
118
|
+
<Popper trigger={toggle} triggerRef={toggleRef} popper={menu} popperRef={menuRef} isVisible={isOpen} />
|
|
126
119
|
}
|
|
127
120
|
>
|
|
128
121
|
{labels.map((label, index) => (
|
|
@@ -289,7 +289,6 @@ export const LabelGroupEditableAddModal: React.FunctionComponent = () => {
|
|
|
289
289
|
popperRef={colorMenuRef}
|
|
290
290
|
appendTo={colorContainerRef.current as HTMLElement}
|
|
291
291
|
isVisible={isColorOpen}
|
|
292
|
-
popperMatchesTriggerWidth={false}
|
|
293
292
|
/>
|
|
294
293
|
</div>
|
|
295
294
|
</FormGroup>
|
|
@@ -302,7 +301,6 @@ export const LabelGroupEditableAddModal: React.FunctionComponent = () => {
|
|
|
302
301
|
popperRef={iconMenuRef}
|
|
303
302
|
appendTo={iconContainerRef.current as HTMLElement}
|
|
304
303
|
isVisible={isIconOpen}
|
|
305
|
-
popperMatchesTriggerWidth={false}
|
|
306
304
|
/>
|
|
307
305
|
</div>
|
|
308
306
|
</FormGroup>
|
|
@@ -1096,7 +1096,7 @@ exports[`Nav Nav List with flyout 1`] = `
|
|
|
1096
1096
|
data-popper-escaped="true"
|
|
1097
1097
|
data-popper-placement="right-start"
|
|
1098
1098
|
data-popper-reference-hidden="true"
|
|
1099
|
-
style="position: absolute; left: 0px; top: 0px; z-index: 9999; width: 0px; transform: translate(0px, 0px);"
|
|
1099
|
+
style="position: absolute; left: 0px; top: 0px; z-index: 9999; min-width: 0px; transform: translate(0px, 0px);"
|
|
1100
1100
|
>
|
|
1101
1101
|
<div>
|
|
1102
1102
|
Flyout test
|
|
@@ -16,6 +16,8 @@ export interface PaginationOptionsMenuProps extends React.HTMLProps<HTMLDivEleme
|
|
|
16
16
|
isDisabled?: boolean;
|
|
17
17
|
/** Menu will open up or open down from the options menu toggle. */
|
|
18
18
|
dropDirection?: 'up' | 'down';
|
|
19
|
+
/** Minimum width of the pagination options menu. If set to "trigger", the minimum width will be set to the toggle width. */
|
|
20
|
+
minWidth?: string | 'trigger';
|
|
19
21
|
/** Array of titles and values which will be the options on the options menu dropdown. */
|
|
20
22
|
perPageOptions?: PerPageOptions[];
|
|
21
23
|
/** The title of the pagination options menu. */
|
|
@@ -58,6 +60,7 @@ export const PaginationOptionsMenu: React.FunctionComponent<PaginationOptionsMen
|
|
|
58
60
|
page: pageProp,
|
|
59
61
|
itemCount,
|
|
60
62
|
isDisabled = false,
|
|
63
|
+
minWidth,
|
|
61
64
|
dropDirection = 'down',
|
|
62
65
|
perPageOptions = [] as PerPageOptions[],
|
|
63
66
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
@@ -206,7 +209,7 @@ export const PaginationOptionsMenu: React.FunctionComponent<PaginationOptionsMen
|
|
|
206
209
|
isVisible={isOpen}
|
|
207
210
|
direction={dropDirection}
|
|
208
211
|
appendTo={containerRef.current || undefined}
|
|
209
|
-
|
|
212
|
+
minWidth={minWidth !== undefined ? minWidth : 'revert'}
|
|
210
213
|
/>
|
|
211
214
|
</div>
|
|
212
215
|
);
|
|
@@ -464,7 +464,7 @@ export const Popover: React.FunctionComponent<PopoverProps> = ({
|
|
|
464
464
|
triggerRef={triggerRef}
|
|
465
465
|
popper={content}
|
|
466
466
|
popperRef={popoverRef}
|
|
467
|
-
|
|
467
|
+
minWidth="revert"
|
|
468
468
|
appendTo={appendTo}
|
|
469
469
|
isVisible={visible}
|
|
470
470
|
positionModifiers={positionModifiers}
|
|
@@ -246,7 +246,7 @@ exports[`SearchInput advanced search with custom attributes 1`] = `
|
|
|
246
246
|
data-popper-escaped="true"
|
|
247
247
|
data-popper-placement="bottom-start"
|
|
248
248
|
data-popper-reference-hidden="true"
|
|
249
|
-
style="position: absolute; top: 0px; left: 0px; transform: translate(0px, 0px); width: 0px; z-index: 9999;"
|
|
249
|
+
style="position: absolute; top: 0px; left: 0px; transform: translate(0px, 0px); min-width: 0px; z-index: 9999;"
|
|
250
250
|
>
|
|
251
251
|
<div
|
|
252
252
|
class="pf-c-panel pf-m-raised"
|
|
@@ -139,7 +139,7 @@ export const OverflowTab: React.FunctionComponent<OverflowTabProps> = ({
|
|
|
139
139
|
popper={overflowMenu}
|
|
140
140
|
popperRef={menuRef}
|
|
141
141
|
isVisible={isExpanded}
|
|
142
|
-
|
|
142
|
+
minWidth="revert"
|
|
143
143
|
appendTo={overflowLIRef.current}
|
|
144
144
|
zIndex={zIndex}
|
|
145
145
|
/>
|
|
@@ -6,11 +6,10 @@ import { OverflowTab } from '../OverflowTab';
|
|
|
6
6
|
import { TabsContext } from '../TabsContext';
|
|
7
7
|
|
|
8
8
|
jest.mock('../../../helpers', () => ({
|
|
9
|
-
Popper: ({ trigger, popper, isVisible,
|
|
9
|
+
Popper: ({ trigger, popper, isVisible, appendTo }) => (
|
|
10
10
|
<div data-testid="popper-mock">
|
|
11
11
|
<div data-testid="trigger">{trigger}</div>
|
|
12
12
|
<div data-testid="popper">{isVisible && popper}</div>
|
|
13
|
-
<p>Popper matches trigger width: {`${popperMatchesTriggerWidth}`}</p>
|
|
14
13
|
<p>Append to class name: {appendTo && `${appendTo.className}`}</p>
|
|
15
14
|
</div>
|
|
16
15
|
)
|
|
@@ -206,8 +205,8 @@ test('Closes the overflowing tabs menu when a tab is selected', async () => {
|
|
|
206
205
|
<TabsContext.Provider value={{ ...tabsContextDefaultProps, localActiveKey: 0 }}>
|
|
207
206
|
<OverflowTab
|
|
208
207
|
overflowingTabs={[
|
|
209
|
-
{ title: 'Tab one', eventKey: 1, tabContentRef:
|
|
210
|
-
{ title: 'Tab two', eventKey: 2, tabContentRef:
|
|
208
|
+
{ title: 'Tab one', eventKey: 1, tabContentRef: 'fakeRef' as unknown as React.RefObject<any> },
|
|
209
|
+
{ title: 'Tab two', eventKey: 2, tabContentRef: 'fakeRef' as unknown as React.RefObject<any> }
|
|
211
210
|
]}
|
|
212
211
|
/>
|
|
213
212
|
</TabsContext.Provider>
|
|
@@ -228,8 +227,8 @@ test('Closes the overflowing tabs menu when the user clicks outside of the menu'
|
|
|
228
227
|
<TabsContext.Provider value={{ ...tabsContextDefaultProps, localActiveKey: 0 }}>
|
|
229
228
|
<OverflowTab
|
|
230
229
|
overflowingTabs={[
|
|
231
|
-
{ title: 'Tab one', eventKey: 1, tabContentRef:
|
|
232
|
-
{ title: 'Tab two', eventKey: 2, tabContentRef:
|
|
230
|
+
{ title: 'Tab one', eventKey: 1, tabContentRef: 'fakeRef' as unknown as React.RefObject<any> },
|
|
231
|
+
{ title: 'Tab two', eventKey: 2, tabContentRef: 'fakeRef' as unknown as React.RefObject<any> }
|
|
233
232
|
]}
|
|
234
233
|
/>
|
|
235
234
|
</TabsContext.Provider>
|
|
@@ -250,7 +249,7 @@ test('Calls the onTabClick callback provided via context when a tab is clicked',
|
|
|
250
249
|
<TabsContext.Provider value={{ ...tabsContextDefaultProps, handleTabClick: mockHandleTabClick }}>
|
|
251
250
|
<OverflowTab
|
|
252
251
|
overflowingTabs={[
|
|
253
|
-
{ title: 'Tab one', eventKey: 1, tabContentRef:
|
|
252
|
+
{ title: 'Tab one', eventKey: 1, tabContentRef: 'fakeRef' as unknown as React.RefObject<any> }
|
|
254
253
|
]}
|
|
255
254
|
/>
|
|
256
255
|
</TabsContext.Provider>
|
|
@@ -303,7 +302,7 @@ test('Uses the selected tab title as the overflow tab title rather than the defa
|
|
|
303
302
|
<TabsContext.Provider value={{ ...tabsContextDefaultProps, localActiveKey: 1 }}>
|
|
304
303
|
<OverflowTab
|
|
305
304
|
overflowingTabs={[
|
|
306
|
-
{ title: 'Tab one', eventKey: 1, tabContentRef:
|
|
305
|
+
{ title: 'Tab one', eventKey: 1, tabContentRef: 'fakeRef' as unknown as React.RefObject<any> }
|
|
307
306
|
]}
|
|
308
307
|
/>
|
|
309
308
|
</TabsContext.Provider>
|
|
@@ -323,7 +322,7 @@ test('Uses the selected tab title as the overflow tab title rather than the defa
|
|
|
323
322
|
<TabsContext.Provider value={{ ...tabsContextDefaultProps, localActiveKey: 1 }}>
|
|
324
323
|
<OverflowTab
|
|
325
324
|
overflowingTabs={[
|
|
326
|
-
{ title: 'Tab one', eventKey: 1, tabContentRef:
|
|
325
|
+
{ title: 'Tab one', eventKey: 1, tabContentRef: 'fakeRef' as unknown as React.RefObject<any> }
|
|
327
326
|
]}
|
|
328
327
|
defaultTitleText="Test"
|
|
329
328
|
/>
|
|
@@ -369,13 +368,6 @@ test('Renders the tab with aria-expanded set to true when the menu is opened', a
|
|
|
369
368
|
expect(overflowTab).toHaveAttribute('aria-expanded', 'true');
|
|
370
369
|
});
|
|
371
370
|
|
|
372
|
-
test('Passes Popper popperMatchesTriggerWidth set to false', () => {
|
|
373
|
-
render(<OverflowTab />);
|
|
374
|
-
|
|
375
|
-
// This assertion relies on the structure of the Popper mock to verify the correct props are being sent to Popper
|
|
376
|
-
expect(screen.getByText('Popper matches trigger width: false')).toBeVisible();
|
|
377
|
-
});
|
|
378
|
-
|
|
379
371
|
test('Passes Popper an appendTo value of the presentation element', async () => {
|
|
380
372
|
const user = userEvent.setup();
|
|
381
373
|
|
|
@@ -394,7 +386,7 @@ test('Does not render an overflowing tab as a selected menu item by default', as
|
|
|
394
386
|
<TabsContext.Provider value={{ ...tabsContextDefaultProps, localActiveKey: 0 }}>
|
|
395
387
|
<OverflowTab
|
|
396
388
|
overflowingTabs={[
|
|
397
|
-
{ title: 'Tab one', eventKey: 1, tabContentRef:
|
|
389
|
+
{ title: 'Tab one', eventKey: 1, tabContentRef: 'fakeRef' as unknown as React.RefObject<any> }
|
|
398
390
|
]}
|
|
399
391
|
/>
|
|
400
392
|
</TabsContext.Provider>
|
|
@@ -413,7 +405,7 @@ test('Renders an overflowing tab as a selected menu item when its key matches th
|
|
|
413
405
|
<TabsContext.Provider value={{ ...tabsContextDefaultProps, localActiveKey: 1 }}>
|
|
414
406
|
<OverflowTab
|
|
415
407
|
overflowingTabs={[
|
|
416
|
-
{ title: 'Tab one', eventKey: 1, tabContentRef:
|
|
408
|
+
{ title: 'Tab one', eventKey: 1, tabContentRef: 'fakeRef' as unknown as React.RefObject<any> }
|
|
417
409
|
]}
|
|
418
410
|
/>
|
|
419
411
|
</TabsContext.Provider>
|
|
@@ -432,8 +424,8 @@ test('Matches snapshot when expanded', async () => {
|
|
|
432
424
|
<TabsContext.Provider value={{ ...tabsContextDefaultProps, localActiveKey: 1 }}>
|
|
433
425
|
<OverflowTab
|
|
434
426
|
overflowingTabs={[
|
|
435
|
-
{ title: 'Tab one', eventKey: 1, tabContentRef:
|
|
436
|
-
{ title: 'Tab two', eventKey: 2, tabContentRef:
|
|
427
|
+
{ title: 'Tab one', eventKey: 1, tabContentRef: 'fakeRef' as unknown as React.RefObject<any> },
|
|
428
|
+
{ title: 'Tab two', eventKey: 2, tabContentRef: 'fakeRef' as unknown as React.RefObject<any> }
|
|
437
429
|
]}
|
|
438
430
|
/>
|
|
439
431
|
</TabsContext.Provider>
|
|
@@ -78,9 +78,6 @@ exports[`Matches snapshot when expanded 1`] = `
|
|
|
78
78
|
</button>
|
|
79
79
|
</div>
|
|
80
80
|
</div>
|
|
81
|
-
<p>
|
|
82
|
-
Popper matches trigger width: false
|
|
83
|
-
</p>
|
|
84
81
|
<p>
|
|
85
82
|
Append to class name: pf-c-tabs__item pf-m-overflow pf-m-current
|
|
86
83
|
</p>
|
|
@@ -166,9 +163,6 @@ exports[`Renders tabs passed via overflowingTabs when expanded in strict mode 1`
|
|
|
166
163
|
</button>
|
|
167
164
|
</div>
|
|
168
165
|
</div>
|
|
169
|
-
<p>
|
|
170
|
-
Popper matches trigger width: false
|
|
171
|
-
</p>
|
|
172
166
|
<p>
|
|
173
167
|
Append to class name: pf-c-tabs__item pf-m-overflow
|
|
174
168
|
</p>
|
|
@@ -93,6 +93,8 @@ export interface TooltipProps extends Omit<React.HTMLProps<HTMLDivElement>, 'con
|
|
|
93
93
|
| 'right-start'
|
|
94
94
|
| 'right-end'
|
|
95
95
|
)[];
|
|
96
|
+
/** Minimum width of the tooltip. If set to "trigger", the minimum width will be set to the reference element width. */
|
|
97
|
+
minWidth?: string | 'trigger';
|
|
96
98
|
/** Maximum width of the tooltip (default 18.75rem) */
|
|
97
99
|
maxWidth?: string;
|
|
98
100
|
/** Callback when tooltip's hide transition has finished executing */
|
|
@@ -151,6 +153,7 @@ export const Tooltip: React.FunctionComponent<TooltipProps> = ({
|
|
|
151
153
|
exitDelay = 300,
|
|
152
154
|
appendTo = () => document.body,
|
|
153
155
|
zIndex = 9999,
|
|
156
|
+
minWidth,
|
|
154
157
|
maxWidth = tooltipMaxWidth.value,
|
|
155
158
|
distance = 15,
|
|
156
159
|
aria = 'describedby',
|
|
@@ -321,7 +324,7 @@ export const Tooltip: React.FunctionComponent<TooltipProps> = ({
|
|
|
321
324
|
triggerRef={triggerRef}
|
|
322
325
|
popper={content}
|
|
323
326
|
popperRef={popperRef}
|
|
324
|
-
|
|
327
|
+
minWidth={minWidth !== undefined ? minWidth : 'revert'}
|
|
325
328
|
appendTo={appendTo}
|
|
326
329
|
isVisible={visible}
|
|
327
330
|
positionModifiers={positionModifiers}
|