@patternfly/react-core 4.236.6 → 4.236.9
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 +24 -0
- package/dist/esm/components/ApplicationLauncher/ApplicationLauncher.d.ts +2 -0
- package/dist/esm/components/ApplicationLauncher/ApplicationLauncher.d.ts.map +1 -1
- package/dist/esm/components/ApplicationLauncher/ApplicationLauncher.js +4 -3
- package/dist/esm/components/ApplicationLauncher/ApplicationLauncher.js.map +1 -1
- package/dist/esm/components/BackToTop/BackToTop.d.ts +1 -1
- package/dist/esm/components/ContextSelector/ContextSelector.d.ts +2 -0
- package/dist/esm/components/ContextSelector/ContextSelector.d.ts.map +1 -1
- package/dist/esm/components/ContextSelector/ContextSelector.js +4 -3
- package/dist/esm/components/ContextSelector/ContextSelector.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 +2 -2
- 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/DualListSelector/DualListSelectorControl.d.ts +1 -1
- package/dist/esm/components/DualListSelector/DualListSelectorControlsWrapper.d.ts +1 -1
- package/dist/esm/components/DualListSelector/DualListSelectorListItem.d.ts +1 -1
- package/dist/esm/components/DualListSelector/DualListSelectorListWrapper.d.ts +1 -1
- package/dist/esm/components/Menu/MenuContent.d.ts +1 -1
- package/dist/esm/components/Menu/MenuGroup.d.ts +1 -1
- package/dist/esm/components/Menu/MenuInput.d.ts +1 -1
- package/dist/esm/components/Menu/MenuItem.d.ts +1 -1
- package/dist/esm/components/Nav/NavItem.d.ts +2 -0
- package/dist/esm/components/Nav/NavItem.d.ts.map +1 -1
- package/dist/esm/components/Nav/NavItem.js +2 -2
- package/dist/esm/components/Nav/NavItem.js.map +1 -1
- package/dist/esm/components/NotificationDrawer/NotificationDrawer.d.ts +1 -1
- package/dist/esm/components/OptionsMenu/OptionsMenu.d.ts +2 -0
- package/dist/esm/components/OptionsMenu/OptionsMenu.d.ts.map +1 -1
- package/dist/esm/components/OptionsMenu/OptionsMenu.js +2 -2
- package/dist/esm/components/OptionsMenu/OptionsMenu.js.map +1 -1
- package/dist/esm/components/Panel/Panel.d.ts +1 -1
- package/dist/esm/components/Popover/Popover.d.ts +2 -0
- package/dist/esm/components/Popover/Popover.d.ts.map +1 -1
- package/dist/esm/components/Popover/Popover.js +2 -2
- package/dist/esm/components/Popover/Popover.js.map +1 -1
- package/dist/esm/components/Popover/PopoverCloseButton.d.ts.map +1 -1
- package/dist/esm/components/Popover/PopoverCloseButton.js +2 -11
- package/dist/esm/components/Popover/PopoverCloseButton.js.map +1 -1
- package/dist/esm/components/SearchInput/SearchInput.d.ts +2 -0
- package/dist/esm/components/SearchInput/SearchInput.d.ts.map +1 -1
- package/dist/esm/components/SearchInput/SearchInput.js +2 -2
- package/dist/esm/components/SearchInput/SearchInput.js.map +1 -1
- package/dist/esm/components/Select/Select.d.ts +2 -0
- package/dist/esm/components/Select/Select.d.ts.map +1 -1
- package/dist/esm/components/Select/Select.js +4 -3
- package/dist/esm/components/Select/Select.js.map +1 -1
- package/dist/esm/components/Tabs/OverflowTab.d.ts +2 -0
- package/dist/esm/components/Tabs/OverflowTab.d.ts.map +1 -1
- package/dist/esm/components/Tabs/OverflowTab.js +2 -2
- package/dist/esm/components/Tabs/OverflowTab.js.map +1 -1
- package/dist/esm/components/Tabs/Tab.d.ts +1 -1
- package/dist/esm/components/TimePicker/TimePicker.d.ts +3 -0
- package/dist/esm/components/TimePicker/TimePicker.d.ts.map +1 -1
- package/dist/esm/components/TimePicker/TimePicker.js +5 -4
- package/dist/esm/components/TimePicker/TimePicker.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 +2 -2
- package/dist/esm/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/esm/helpers/FocusTrap/FocusTrap.d.ts +5 -19
- package/dist/esm/helpers/FocusTrap/FocusTrap.d.ts.map +1 -1
- package/dist/esm/helpers/FocusTrap/FocusTrap.js +10 -6
- package/dist/esm/helpers/FocusTrap/FocusTrap.js.map +1 -1
- package/dist/esm/helpers/Popper/Popper.d.ts +5 -0
- package/dist/esm/helpers/Popper/Popper.d.ts.map +1 -1
- package/dist/esm/helpers/Popper/Popper.js +42 -7
- package/dist/esm/helpers/Popper/Popper.js.map +1 -1
- package/dist/esm/helpers/resizeObserver.d.ts +8 -1
- package/dist/esm/helpers/resizeObserver.d.ts.map +1 -1
- package/dist/esm/helpers/resizeObserver.js +18 -3
- package/dist/esm/helpers/resizeObserver.js.map +1 -1
- package/dist/js/components/ApplicationLauncher/ApplicationLauncher.d.ts +2 -0
- package/dist/js/components/ApplicationLauncher/ApplicationLauncher.d.ts.map +1 -1
- package/dist/js/components/ApplicationLauncher/ApplicationLauncher.js +4 -3
- package/dist/js/components/ApplicationLauncher/ApplicationLauncher.js.map +1 -1
- package/dist/js/components/BackToTop/BackToTop.d.ts +1 -1
- package/dist/js/components/ContextSelector/ContextSelector.d.ts +2 -0
- package/dist/js/components/ContextSelector/ContextSelector.d.ts.map +1 -1
- package/dist/js/components/ContextSelector/ContextSelector.js +4 -3
- package/dist/js/components/ContextSelector/ContextSelector.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 +2 -2
- 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/DualListSelector/DualListSelectorControl.d.ts +1 -1
- package/dist/js/components/DualListSelector/DualListSelectorControlsWrapper.d.ts +1 -1
- package/dist/js/components/DualListSelector/DualListSelectorListItem.d.ts +1 -1
- package/dist/js/components/DualListSelector/DualListSelectorListWrapper.d.ts +1 -1
- package/dist/js/components/Menu/MenuContent.d.ts +1 -1
- package/dist/js/components/Menu/MenuGroup.d.ts +1 -1
- package/dist/js/components/Menu/MenuInput.d.ts +1 -1
- package/dist/js/components/Menu/MenuItem.d.ts +1 -1
- package/dist/js/components/Nav/NavItem.d.ts +2 -0
- package/dist/js/components/Nav/NavItem.d.ts.map +1 -1
- package/dist/js/components/Nav/NavItem.js +2 -2
- package/dist/js/components/Nav/NavItem.js.map +1 -1
- package/dist/js/components/NotificationDrawer/NotificationDrawer.d.ts +1 -1
- package/dist/js/components/OptionsMenu/OptionsMenu.d.ts +2 -0
- package/dist/js/components/OptionsMenu/OptionsMenu.d.ts.map +1 -1
- package/dist/js/components/OptionsMenu/OptionsMenu.js +2 -2
- package/dist/js/components/OptionsMenu/OptionsMenu.js.map +1 -1
- package/dist/js/components/Panel/Panel.d.ts +1 -1
- package/dist/js/components/Popover/Popover.d.ts +2 -0
- package/dist/js/components/Popover/Popover.d.ts.map +1 -1
- package/dist/js/components/Popover/Popover.js +2 -2
- package/dist/js/components/Popover/Popover.js.map +1 -1
- package/dist/js/components/Popover/PopoverCloseButton.d.ts.map +1 -1
- package/dist/js/components/Popover/PopoverCloseButton.js +2 -11
- package/dist/js/components/Popover/PopoverCloseButton.js.map +1 -1
- package/dist/js/components/SearchInput/SearchInput.d.ts +2 -0
- package/dist/js/components/SearchInput/SearchInput.d.ts.map +1 -1
- package/dist/js/components/SearchInput/SearchInput.js +2 -2
- package/dist/js/components/SearchInput/SearchInput.js.map +1 -1
- package/dist/js/components/Select/Select.d.ts +2 -0
- package/dist/js/components/Select/Select.d.ts.map +1 -1
- package/dist/js/components/Select/Select.js +4 -3
- package/dist/js/components/Select/Select.js.map +1 -1
- package/dist/js/components/Tabs/OverflowTab.d.ts +2 -0
- package/dist/js/components/Tabs/OverflowTab.d.ts.map +1 -1
- package/dist/js/components/Tabs/OverflowTab.js +2 -2
- package/dist/js/components/Tabs/OverflowTab.js.map +1 -1
- package/dist/js/components/Tabs/Tab.d.ts +1 -1
- package/dist/js/components/TimePicker/TimePicker.d.ts +3 -0
- package/dist/js/components/TimePicker/TimePicker.d.ts.map +1 -1
- package/dist/js/components/TimePicker/TimePicker.js +5 -4
- package/dist/js/components/TimePicker/TimePicker.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 +2 -2
- package/dist/js/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/js/helpers/FocusTrap/FocusTrap.d.ts +5 -19
- package/dist/js/helpers/FocusTrap/FocusTrap.d.ts.map +1 -1
- package/dist/js/helpers/FocusTrap/FocusTrap.js +10 -7
- package/dist/js/helpers/FocusTrap/FocusTrap.js.map +1 -1
- package/dist/js/helpers/Popper/Popper.d.ts +5 -0
- package/dist/js/helpers/Popper/Popper.d.ts.map +1 -1
- package/dist/js/helpers/Popper/Popper.js +42 -7
- package/dist/js/helpers/Popper/Popper.js.map +1 -1
- package/dist/js/helpers/resizeObserver.d.ts +8 -1
- package/dist/js/helpers/resizeObserver.d.ts.map +1 -1
- package/dist/js/helpers/resizeObserver.js +18 -3
- package/dist/js/helpers/resizeObserver.js.map +1 -1
- package/dist/umd/react-core.min.css +335 -335
- package/dist/umd/react-core.min.js +5 -5
- package/package.json +5 -5
- package/src/components/ApplicationLauncher/ApplicationLauncher.tsx +6 -1
- package/src/components/ApplicationLauncher/__tests__/ApplicationLauncher.test.tsx +10 -1
- package/src/components/ApplicationLauncher/__tests__/__snapshots__/ApplicationLauncher.test.tsx.snap +153 -7
- package/src/components/ContextSelector/ContextSelector.tsx +6 -1
- package/src/components/ContextSelector/__tests__/ContextSelector.test.tsx +18 -1
- package/src/components/ContextSelector/__tests__/__snapshots__/ContextSelector.test.tsx.snap +144 -0
- package/src/components/Dropdown/Dropdown.tsx +9 -1
- package/src/components/Dropdown/DropdownWithContext.tsx +2 -0
- package/src/components/Dropdown/__tests__/Dropdown.test.tsx +16 -0
- package/src/components/Dropdown/__tests__/__snapshots__/Dropdown.test.tsx.snap +131 -7
- package/src/components/Nav/NavItem.tsx +4 -0
- package/src/components/Nav/__tests__/Nav.test.tsx +19 -0
- package/src/components/Nav/__tests__/__snapshots__/Nav.test.tsx.snap +111 -42
- package/src/components/OptionsMenu/OptionsMenu.tsx +4 -0
- package/src/components/OptionsMenu/__tests__/OptionsMenu.test.tsx +17 -0
- package/src/components/OptionsMenu/__tests__/__snapshots__/OptionsMenu.test.tsx.snap +216 -20
- package/src/components/Popover/Popover.tsx +4 -0
- package/src/components/Popover/PopoverCloseButton.tsx +6 -17
- package/src/components/Popover/__tests__/Popover.test.tsx +25 -0
- package/src/components/Popover/__tests__/__snapshots__/Popover.test.tsx.snap +10 -0
- package/src/components/SearchInput/SearchInput.tsx +4 -0
- package/src/components/SearchInput/__tests__/SearchInput.test.tsx +27 -1
- package/src/components/SearchInput/__tests__/__snapshots__/SearchInput.test.tsx.snap +130 -6
- package/src/components/Select/Select.tsx +6 -1
- package/src/components/Select/__tests__/Select.test.tsx +23 -7
- package/src/components/Select/__tests__/__snapshots__/Select.test.tsx.snap +152 -46
- package/src/components/Tabs/OverflowTab.tsx +4 -0
- package/src/components/Tabs/__tests__/OverflowTab.test.tsx +31 -7
- package/src/components/Tabs/__tests__/__snapshots__/OverflowTab.test.tsx.snap +89 -0
- package/src/components/TimePicker/TimePicker.tsx +6 -1
- package/src/components/TimePicker/__tests__/TimePicker.test.tsx +16 -1
- package/src/components/Tooltip/Tooltip.tsx +4 -0
- package/src/components/Tooltip/__tests__/Tooltip.test.tsx +21 -0
- package/src/components/Tooltip/__tests__/__snapshots__/Tooltip.test.tsx.snap +10 -0
- package/src/helpers/FocusTrap/FocusTrap.tsx +21 -5
- package/src/helpers/Popper/Popper.tsx +54 -12
- package/src/helpers/resizeObserver.tsx +21 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FocusTrap.js","sourceRoot":"","sources":["../../../../src/helpers/FocusTrap/FocusTrap.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2CAAmG;
|
|
1
|
+
{"version":3,"file":"FocusTrap.js","sourceRoot":"","sources":["../../../../src/helpers/FocusTrap/FocusTrap.tsx"],"names":[],"mappings":"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"}
|
|
@@ -22,6 +22,7 @@ export interface PopperProps {
|
|
|
22
22
|
/**
|
|
23
23
|
* The reference element to which the Popover is relatively placed to.
|
|
24
24
|
* Use either trigger or reference, not both.
|
|
25
|
+
* Passing this property or the removeFindDomNode property, will bypass the use of findDOMNode for the trigger in react strict mode.
|
|
25
26
|
*/
|
|
26
27
|
reference?: HTMLElement | (() => HTMLElement) | React.RefObject<any>;
|
|
27
28
|
/** The popper (menu/tooltip/popover) element */
|
|
@@ -91,6 +92,10 @@ export interface PopperProps {
|
|
|
91
92
|
enableFlip?: boolean;
|
|
92
93
|
/** The behavior of how the popper flips when it reaches the boundary */
|
|
93
94
|
flipBehavior?: 'flip' | ('top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end')[];
|
|
95
|
+
/** @beta Bypasses the use of findDOMNode for both the popper and trigger in react strict mode. Without this flag, the trigger and popper will require passed references via the reference property (trigger) and popperRef property (popper) for strict mode. */
|
|
96
|
+
removeFindDomNode?: boolean;
|
|
97
|
+
/** @beta Reference to the popper (menu/tooltip/popover) element. Passing this property or the removeFindDomNode property, will bypass the use of findDOMNode for the popper in react strict mode. The popper property is still required. */
|
|
98
|
+
popperRef?: HTMLElement | (() => HTMLElement) | React.RefObject<any>;
|
|
94
99
|
}
|
|
95
100
|
export declare const Popper: React.FunctionComponent<PopperProps>;
|
|
96
101
|
//# sourceMappingURL=Popper.d.ts.map
|
|
@@ -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;
|
|
1
|
+
{"version":3,"file":"Popper.d.ts","sourceRoot":"","sources":["../../../../src/helpers/Popper/Popper.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,15 +4,15 @@ exports.Popper = exports.getOpacityTransition = void 0;
|
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const React = tslib_1.__importStar(require("react"));
|
|
6
6
|
const ReactDOM = tslib_1.__importStar(require("react-dom"));
|
|
7
|
-
const FindRefWrapper_1 = require("./FindRefWrapper");
|
|
8
7
|
const usePopper_1 = require("./thirdparty/react-popper/usePopper");
|
|
9
8
|
const react_styles_1 = require("@patternfly/react-styles");
|
|
9
|
+
const FindRefWrapper_1 = require("./FindRefWrapper");
|
|
10
10
|
require("@patternfly/react-styles/css/components/Popper/Popper.css");
|
|
11
11
|
const hash = { left: 'right', right: 'left', bottom: 'top', top: 'bottom' };
|
|
12
12
|
const getOppositePlacement = (placement) => placement.replace(/left|right|bottom|top/g, (matched) => hash[matched]);
|
|
13
13
|
const getOpacityTransition = (animationDuration) => `opacity ${animationDuration}ms cubic-bezier(.54, 1.5, .38, 1.11)`;
|
|
14
14
|
exports.getOpacityTransition = getOpacityTransition;
|
|
15
|
-
const Popper = ({ trigger, popper, popperMatchesTriggerWidth = true, direction = 'down', position = 'left', placement, appendTo = () => document.body, zIndex = 9999, isVisible = true, positionModifiers, distance = 0, onMouseEnter, onMouseLeave, onFocus, onBlur, onDocumentClick, onTriggerClick, onTriggerEnter, onPopperClick, onPopperMouseEnter, onPopperMouseLeave, onDocumentKeyDown, enableFlip = true, flipBehavior = 'flip', reference }) => {
|
|
15
|
+
const Popper = ({ trigger, popper, popperMatchesTriggerWidth = true, direction = 'down', position = 'left', placement, appendTo = () => document.body, zIndex = 9999, isVisible = true, positionModifiers, distance = 0, onMouseEnter, onMouseLeave, onFocus, onBlur, onDocumentClick, onTriggerClick, onTriggerEnter, onPopperClick, onPopperMouseEnter, onPopperMouseLeave, onDocumentKeyDown, enableFlip = true, flipBehavior = 'flip', reference, removeFindDomNode = false, popperRef }) => {
|
|
16
16
|
const [triggerElement, setTriggerElement] = React.useState(null);
|
|
17
17
|
const [refElement, setRefElement] = React.useState(null);
|
|
18
18
|
const [popperElement, setPopperElement] = React.useState(null);
|
|
@@ -32,6 +32,17 @@ const Popper = ({ trigger, popper, popperMatchesTriggerWidth = true, direction =
|
|
|
32
32
|
}
|
|
33
33
|
}
|
|
34
34
|
}, [reference]);
|
|
35
|
+
React.useEffect(() => {
|
|
36
|
+
// When the popperRef is defined or the popper visiblity changes, ensure the popper element is up to date
|
|
37
|
+
if (popperRef) {
|
|
38
|
+
if (popperRef.current) {
|
|
39
|
+
setPopperElement(popperRef.current);
|
|
40
|
+
}
|
|
41
|
+
else if (typeof popperRef === 'function') {
|
|
42
|
+
setPopperElement(popperRef());
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
}, [isVisible, popperRef]);
|
|
35
46
|
const addEventListener = (listener, element, event) => {
|
|
36
47
|
if (listener && element) {
|
|
37
48
|
element.addEventListener(event, listener);
|
|
@@ -155,18 +166,42 @@ const Popper = ({ trigger, popper, popperMatchesTriggerWidth = true, direction =
|
|
|
155
166
|
}
|
|
156
167
|
return positionModifiers.top;
|
|
157
168
|
};
|
|
158
|
-
const
|
|
169
|
+
const options = Object.assign({ className: react_styles_1.css(popper.props && popper.props.className, positionModifiers && modifierFromPopperPosition()), style: Object.assign(Object.assign(Object.assign({}, ((popper.props && popper.props.style) || {})), popperStyles.popper), { zIndex }) }, attributes.popper);
|
|
170
|
+
const menuWithPopper = React.cloneElement(popper, options);
|
|
159
171
|
const getTarget = () => {
|
|
160
172
|
if (typeof appendTo === 'function') {
|
|
161
173
|
return appendTo();
|
|
162
174
|
}
|
|
163
175
|
return appendTo;
|
|
164
176
|
};
|
|
177
|
+
/**
|
|
178
|
+
* To enable strict mode, the popper must either have its reference defined via the popperRef property,
|
|
179
|
+
* or the removeFindDomNode flag must be present. Even if the reference is passed in, unlike the trigger,
|
|
180
|
+
* the popper property must still be passed.
|
|
181
|
+
* The trigger must similarly have either its reference defined via the reference property, or the
|
|
182
|
+
* removeFindDomNode flag must be present. The trigger property is not required when the reference is passed.
|
|
183
|
+
*
|
|
184
|
+
* Strict mode may be enabled by passing both reference properties to Popper, or by passing the
|
|
185
|
+
* removeFindDomNode flag with either reference property, or by solely passing the removeFindDomNode
|
|
186
|
+
* flag.
|
|
187
|
+
*/
|
|
188
|
+
let popperPortal;
|
|
189
|
+
if (removeFindDomNode) {
|
|
190
|
+
// If removeFindDomNode is passed, use the removeFindDomNode method of wrapping divs
|
|
191
|
+
popperPortal = React.createElement("div", { ref: node => setPopperElement(node === null || node === void 0 ? void 0 : node.firstElementChild) }, menuWithPopper);
|
|
192
|
+
}
|
|
193
|
+
else if (popperRef) {
|
|
194
|
+
// If removeFindDomNode is not passed and popperRef is passed, use the popperRef method
|
|
195
|
+
popperPortal = menuWithPopper;
|
|
196
|
+
}
|
|
197
|
+
else {
|
|
198
|
+
// If neither removeFindDomNode and popperRef exist, use the old method of FindRefWrapper
|
|
199
|
+
popperPortal = (React.createElement(FindRefWrapper_1.FindRefWrapper, { onFoundRef: (foundRef) => setPopperElement(foundRef) }, menuWithPopper));
|
|
200
|
+
}
|
|
165
201
|
return (React.createElement(React.Fragment, null,
|
|
166
|
-
!reference && trigger && (React.createElement(FindRefWrapper_1.FindRefWrapper, { onFoundRef: (foundRef) => setTriggerElement(foundRef) }, trigger)),
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
ReactDOM.createPortal(React.createElement(FindRefWrapper_1.FindRefWrapper, { onFoundRef: (foundRef) => setPopperElement(foundRef) }, menuWithPopper), getTarget())));
|
|
202
|
+
!reference && trigger && React.isValidElement(trigger) && !removeFindDomNode && (React.createElement(FindRefWrapper_1.FindRefWrapper, { onFoundRef: (foundRef) => setTriggerElement(foundRef) }, trigger)),
|
|
203
|
+
!reference && trigger && React.isValidElement(trigger) && removeFindDomNode && (React.createElement("div", { ref: node => setTriggerElement(node === null || node === void 0 ? void 0 : node.firstElementChild) }, trigger)),
|
|
204
|
+
ready && isVisible && ReactDOM.createPortal(popperPortal, getTarget())));
|
|
170
205
|
};
|
|
171
206
|
exports.Popper = Popper;
|
|
172
207
|
exports.Popper.displayName = 'Popper';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popper.js","sourceRoot":"","sources":["../../../../src/helpers/Popper/Popper.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,4DAAsC;AACtC,
|
|
1
|
+
{"version":3,"file":"Popper.js","sourceRoot":"","sources":["../../../../src/helpers/Popper/Popper.tsx"],"names":[],"mappings":"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"}
|
|
@@ -54,9 +54,16 @@
|
|
|
54
54
|
* );
|
|
55
55
|
* }
|
|
56
56
|
*
|
|
57
|
+
* Example 3 - With debounced method passed in:
|
|
58
|
+
*
|
|
59
|
+
* public componentDidMount() {
|
|
60
|
+
* this.observer = getResizeObserver(this.inputRef.current, debounce(this.handleResize, 250), false);
|
|
61
|
+
* }
|
|
62
|
+
*
|
|
57
63
|
* @param {Element} containerRefElement The container reference to observe
|
|
58
64
|
* @param {Function} handleResize The function to call for resize events
|
|
65
|
+
* @param {boolean} useRequestAnimationFrame Whether to pass the handleResize function as a callback to requestAnimationFrame. Pass in false when the function passed in is debounced. Defaults to true.
|
|
59
66
|
* @return {Function} The function used to unobserve resize events
|
|
60
67
|
*/
|
|
61
|
-
export declare const getResizeObserver: (containerRefElement: Element, handleResize: () => void) => () => void;
|
|
68
|
+
export declare const getResizeObserver: (containerRefElement: Element, handleResize: () => void, useRequestAnimationFrame?: boolean) => () => void;
|
|
62
69
|
//# sourceMappingURL=resizeObserver.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"resizeObserver.d.ts","sourceRoot":"","sources":["../../../src/helpers/resizeObserver.tsx"],"names":[],"mappings":"AAEA
|
|
1
|
+
{"version":3,"file":"resizeObserver.d.ts","sourceRoot":"","sources":["../../../src/helpers/resizeObserver.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkEG;AACH,eAAO,MAAM,iBAAiB,wBACP,OAAO,gBACd,MAAM,IAAI,6BACE,OAAO,eAmClC,CAAC"}
|
|
@@ -58,22 +58,37 @@ const util_1 = require("./util");
|
|
|
58
58
|
* );
|
|
59
59
|
* }
|
|
60
60
|
*
|
|
61
|
+
* Example 3 - With debounced method passed in:
|
|
62
|
+
*
|
|
63
|
+
* public componentDidMount() {
|
|
64
|
+
* this.observer = getResizeObserver(this.inputRef.current, debounce(this.handleResize, 250), false);
|
|
65
|
+
* }
|
|
66
|
+
*
|
|
61
67
|
* @param {Element} containerRefElement The container reference to observe
|
|
62
68
|
* @param {Function} handleResize The function to call for resize events
|
|
69
|
+
* @param {boolean} useRequestAnimationFrame Whether to pass the handleResize function as a callback to requestAnimationFrame. Pass in false when the function passed in is debounced. Defaults to true.
|
|
63
70
|
* @return {Function} The function used to unobserve resize events
|
|
64
71
|
*/
|
|
65
|
-
const getResizeObserver = (containerRefElement, handleResize) => {
|
|
72
|
+
const getResizeObserver = (containerRefElement, handleResize, useRequestAnimationFrame = true) => {
|
|
66
73
|
let unobserve;
|
|
67
74
|
if (util_1.canUseDOM) {
|
|
68
75
|
const { ResizeObserver } = window;
|
|
69
76
|
if (containerRefElement && ResizeObserver) {
|
|
70
77
|
const resizeObserver = new ResizeObserver((entries) => {
|
|
71
78
|
// Wrap resize function in requestAnimationFrame to avoid "ResizeObserver loop limit exceeded" errors
|
|
72
|
-
|
|
79
|
+
if (useRequestAnimationFrame) {
|
|
80
|
+
window.requestAnimationFrame(() => {
|
|
81
|
+
if (Array.isArray(entries) && entries.length > 0) {
|
|
82
|
+
handleResize();
|
|
83
|
+
}
|
|
84
|
+
});
|
|
85
|
+
// Avoid wrapping function in requestAnimationFrame if the function is debounced
|
|
86
|
+
}
|
|
87
|
+
else {
|
|
73
88
|
if (Array.isArray(entries) && entries.length > 0) {
|
|
74
89
|
handleResize();
|
|
75
90
|
}
|
|
76
|
-
}
|
|
91
|
+
}
|
|
77
92
|
});
|
|
78
93
|
resizeObserver.observe(containerRefElement);
|
|
79
94
|
unobserve = () => resizeObserver.unobserve(containerRefElement);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"resizeObserver.js","sourceRoot":"","sources":["../../../src/helpers/resizeObserver.tsx"],"names":[],"mappings":";;;AAAA,iCAAmC;AAEnC
|
|
1
|
+
{"version":3,"file":"resizeObserver.js","sourceRoot":"","sources":["../../../src/helpers/resizeObserver.tsx"],"names":[],"mappings":";;;AAAA,iCAAmC;AAEnC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkEG;AACI,MAAM,iBAAiB,GAAG,CAC/B,mBAA4B,EAC5B,YAAwB,EACxB,2BAAoC,IAAI,EACxC,EAAE;IACF,IAAI,SAAc,CAAC;IAEnB,IAAI,gBAAS,EAAE;QACb,MAAM,EAAE,cAAc,EAAE,GAAG,MAAa,CAAC;QAEzC,IAAI,mBAAmB,IAAI,cAAc,EAAE;YACzC,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,CAAC,OAAY,EAAE,EAAE;gBACzD,qGAAqG;gBACrG,IAAI,wBAAwB,EAAE;oBAC5B,MAAM,CAAC,qBAAqB,CAAC,GAAG,EAAE;wBAChC,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;4BAChD,YAAY,EAAE,CAAC;yBAChB;oBACH,CAAC,CAAC,CAAC;oBACH,gFAAgF;iBACjF;qBAAM;oBACL,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;wBAChD,YAAY,EAAE,CAAC;qBAChB;iBACF;YACH,CAAC,CAAC,CAAC;YACH,cAAc,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC;YAC5C,SAAS,GAAG,GAAG,EAAE,CAAC,cAAc,CAAC,SAAS,CAAC,mBAAmB,CAAC,CAAC;SACjE;aAAM;YACL,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;YAChD,SAAS,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;SACtE;KACF;IACD,OAAO,GAAG,EAAE;QACV,IAAI,SAAS,EAAE;YACb,SAAS,EAAE,CAAC;SACb;IACH,CAAC,CAAC;AACJ,CAAC,CAAC;AAtCW,QAAA,iBAAiB,qBAsC5B"}
|