@patternfly/react-core 4.236.5 → 4.236.8
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 +27 -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/Page/Page.d.ts.map +1 -1
- package/dist/esm/components/Page/Page.js +11 -2
- package/dist/esm/components/Page/Page.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/Page/Page.d.ts.map +1 -1
- package/dist/js/components/Page/Page.js +11 -2
- package/dist/js/components/Page/Page.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 +39 -39
- 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/Page/Page.tsx +11 -2
- 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
|
@@ -32,7 +32,7 @@ let pfTooltipIdCounter = 1;
|
|
|
32
32
|
const Tooltip = (_a) => {
|
|
33
33
|
var { content: bodyContent, position = 'top', trigger = 'mouseenter focus', isVisible = false, isContentLeftAligned = false, enableFlip = true, className = '', entryDelay = 300, exitDelay = 300, appendTo = () => document.body, zIndex = 9999, maxWidth = c_tooltip_MaxWidth_1.default.value, distance = 15, aria = 'describedby',
|
|
34
34
|
// For every initial starting position, there are 3 escape positions
|
|
35
|
-
flipBehavior = ['top', 'right', 'bottom', 'left', 'top', 'right', 'bottom'], id = `pf-tooltip-${pfTooltipIdCounter++}`, children, animationDuration = 300, reference, 'aria-live': ariaLive = reference ? 'polite' : 'off', boundary, isAppLauncher, tippyProps } = _a, rest = tslib_1.__rest(_a, ["content", "position", "trigger", "isVisible", "isContentLeftAligned", "enableFlip", "className", "entryDelay", "exitDelay", "appendTo", "zIndex", "maxWidth", "distance", "aria", "flipBehavior", "id", "children", "animationDuration", "reference", 'aria-live', "boundary", "isAppLauncher", "tippyProps"]);
|
|
35
|
+
flipBehavior = ['top', 'right', 'bottom', 'left', 'top', 'right', 'bottom'], id = `pf-tooltip-${pfTooltipIdCounter++}`, children, animationDuration = 300, reference, 'aria-live': ariaLive = reference ? 'polite' : 'off', boundary, isAppLauncher, tippyProps, removeFindDomNode = false } = _a, rest = tslib_1.__rest(_a, ["content", "position", "trigger", "isVisible", "isContentLeftAligned", "enableFlip", "className", "entryDelay", "exitDelay", "appendTo", "zIndex", "maxWidth", "distance", "aria", "flipBehavior", "id", "children", "animationDuration", "reference", 'aria-live', "boundary", "isAppLauncher", "tippyProps", "removeFindDomNode"]);
|
|
36
36
|
if (process.env.NODE_ENV !== 'production') {
|
|
37
37
|
boundary !== undefined &&
|
|
38
38
|
console.warn('The Tooltip boundary prop has been deprecated. If you want to constrain the popper to a specific element use the appendTo prop instead.');
|
|
@@ -157,7 +157,7 @@ const Tooltip = (_a) => {
|
|
|
157
157
|
}
|
|
158
158
|
return children;
|
|
159
159
|
};
|
|
160
|
-
return (React.createElement(Popper_1.Popper, { trigger: aria !== 'none' && visible ? addAriaToTrigger() : children, reference: reference, popper: content, popperMatchesTriggerWidth: false, appendTo: appendTo, isVisible: visible, positionModifiers: positionModifiers, distance: distance, placement: position, onMouseEnter: triggerOnMouseenter && show, onMouseLeave: triggerOnMouseenter && hide, onPopperMouseEnter: triggerOnMouseenter && show, onPopperMouseLeave: triggerOnMouseenter && hide, onFocus: triggerOnFocus && show, onBlur: triggerOnFocus && hide, onDocumentClick: triggerOnClick && onDocumentClick, onDocumentKeyDown: triggerManually ? null : onDocumentKeyDown, onTriggerEnter: triggerManually ? null : onTriggerEnter, enableFlip: enableFlip, zIndex: zIndex, flipBehavior: flipBehavior }));
|
|
160
|
+
return (React.createElement(Popper_1.Popper, { trigger: aria !== 'none' && visible ? addAriaToTrigger() : children, reference: reference, popper: content, popperMatchesTriggerWidth: false, appendTo: appendTo, isVisible: visible, positionModifiers: positionModifiers, distance: distance, placement: position, onMouseEnter: triggerOnMouseenter && show, onMouseLeave: triggerOnMouseenter && hide, onPopperMouseEnter: triggerOnMouseenter && show, onPopperMouseLeave: triggerOnMouseenter && hide, onFocus: triggerOnFocus && show, onBlur: triggerOnFocus && hide, onDocumentClick: triggerOnClick && onDocumentClick, onDocumentKeyDown: triggerManually ? null : onDocumentKeyDown, onTriggerEnter: triggerManually ? null : onTriggerEnter, enableFlip: enableFlip, zIndex: zIndex, flipBehavior: flipBehavior, removeFindDomNode: removeFindDomNode }));
|
|
161
161
|
};
|
|
162
162
|
exports.Tooltip = Tooltip;
|
|
163
163
|
exports.Tooltip.displayName = 'Tooltip';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":";;;;AAAA,+BAA+B;AAC/B,qDAA+B;AAC/B,8GAA6E;AAC7E,2DAA+C;AAC/C,qDAAkD;AAClD,iDAA8C;AAC9C,uDAAmD;AACnD,qHAAmF;AAEnF,wDAA2E;AAG3E,IAAY,eAcX;AAdD,WAAY,eAAe;IACzB,gCAAa,CAAA;IACb,8BAAW,CAAA;IACX,oCAAiB,CAAA;IACjB,gCAAa,CAAA;IACb,kCAAe,CAAA;IACf,yCAAsB,CAAA;IACtB,qCAAkB,CAAA;IAClB,+CAA4B,CAAA;IAC5B,2CAAwB,CAAA;IACxB,2CAAwB,CAAA;IACxB,uCAAoB,CAAA;IACpB,6CAA0B,CAAA;IAC1B,yCAAsB,CAAA;AACxB,CAAC,EAdW,eAAe,GAAf,uBAAe,KAAf,uBAAe,QAc1B;
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":";;;;AAAA,+BAA+B;AAC/B,qDAA+B;AAC/B,8GAA6E;AAC7E,2DAA+C;AAC/C,qDAAkD;AAClD,iDAA8C;AAC9C,uDAAmD;AACnD,qHAAmF;AAEnF,wDAA2E;AAG3E,IAAY,eAcX;AAdD,WAAY,eAAe;IACzB,gCAAa,CAAA;IACb,8BAAW,CAAA;IACX,oCAAiB,CAAA;IACjB,gCAAa,CAAA;IACb,kCAAe,CAAA;IACf,yCAAsB,CAAA;IACtB,qCAAkB,CAAA;IAClB,+CAA4B,CAAA;IAC5B,2CAAwB,CAAA;IACxB,2CAAwB,CAAA;IACxB,uCAAoB,CAAA;IACpB,6CAA0B,CAAA;IAC1B,yCAAsB,CAAA;AACxB,CAAC,EAdW,eAAe,GAAf,uBAAe,KAAf,uBAAe,QAc1B;AAsHD,kFAAkF;AAClF,IAAI,kBAAkB,GAAG,CAAC,CAAC;AAEpB,MAAM,OAAO,GAA0C,CAAC,EA2BhD,EAAE,EAAE;QA3B4C,EAC7D,OAAO,EAAE,WAAW,EACpB,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,kBAAkB,EAC5B,SAAS,GAAG,KAAK,EACjB,oBAAoB,GAAG,KAAK,EAC5B,UAAU,GAAG,IAAI,EACjB,SAAS,GAAG,EAAE,EACd,UAAU,GAAG,GAAG,EAChB,SAAS,GAAG,GAAG,EACf,QAAQ,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,EAC9B,MAAM,GAAG,IAAI,EACb,QAAQ,GAAG,4BAAe,CAAC,KAAK,EAChC,QAAQ,GAAG,EAAE,EACb,IAAI,GAAG,aAAa;IACpB,oEAAoE;IACpE,YAAY,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,CAAC,EAC3E,EAAE,GAAG,cAAc,kBAAkB,EAAE,EAAE,EACzC,QAAQ,EACR,iBAAiB,GAAG,GAAG,EACvB,SAAS,EACT,WAAW,EAAE,QAAQ,GAAG,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,EACpD,QAAQ,EACR,aAAa,EACb,UAAU,EACV,iBAAiB,GAAG,KAAK,OAEZ,EADV,IAAI,sBA1BsD,oUA2B9D,CADQ;IAEP,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;QACzC,QAAQ,KAAK,SAAS;YACpB,OAAO,CAAC,IAAI,CACV,yIAAyI,CAC1I,CAAC;QACJ,aAAa,KAAK,SAAS;YACzB,OAAO,CAAC,IAAI,CAAC,2EAA2E,CAAC,CAAC;QAC5F,UAAU,KAAK,SAAS,IAAI,OAAO,CAAC,IAAI,CAAC,wEAAwE,CAAC,CAAC;KACpH;IACD,iEAAiE;IACjE,MAAM,WAAW,GAAG,IAAI,CAAC;IACzB,MAAM,mBAAmB,GAAG,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;IAC3D,MAAM,cAAc,GAAG,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IACjD,MAAM,cAAc,GAAG,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IACjD,MAAM,eAAe,GAAG,OAAO,KAAK,QAAQ,CAAC;IAC7C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAChD,MAAM,kBAAkB,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC9C,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACxC,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAExC,MAAM,aAAa,GAAG,CAAC,WAAmC,EAAE,EAAE;QAC5D,WAAW,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YACxB,IAAI,GAAG,CAAC,OAAO,EAAE;gBACf,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;aAC3B;QACH,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,+BAA+B;IAC/B,KAAK,CAAC,SAAS,CACb,GAAG,EAAE,CAAC,GAAG,EAAE;QACT,aAAa,CAAC,CAAC,kBAAkB,EAAE,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC;IAClE,CAAC,EACD,EAAE,CACH,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,KAAoB,EAAE,EAAE;QACjD,IAAI,CAAC,eAAe,EAAE;YACpB,IAAI,KAAK,CAAC,GAAG,KAAK,oBAAQ,CAAC,MAAM,IAAI,OAAO,EAAE;gBAC5C,IAAI,EAAE,CAAC;aACR;SACF;IACH,CAAC,CAAC;IACF,MAAM,cAAc,GAAG,CAAC,KAAoB,EAAE,EAAE;QAC9C,IAAI,KAAK,CAAC,GAAG,KAAK,oBAAQ,CAAC,KAAK,EAAE;YAChC,IAAI,CAAC,OAAO,EAAE;gBACZ,IAAI,EAAE,CAAC;aACR;iBAAM;gBACL,IAAI,EAAE,CAAC;aACR;SACF;IACH,CAAC,CAAC;IACF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,SAAS,EAAE;YACb,IAAI,EAAE,CAAC;SACR;aAAM;YACL,IAAI,EAAE,CAAC;SACR;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAChB,MAAM,IAAI,GAAG,GAAG,EAAE;QAChB,aAAa,CAAC,CAAC,kBAAkB,EAAE,YAAY,CAAC,CAAC,CAAC;QAClD,YAAY,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YACrC,UAAU,CAAC,IAAI,CAAC,CAAC;YACjB,UAAU,CAAC,CAAC,CAAC,CAAC;QAChB,CAAC,EAAE,UAAU,CAAC,CAAC;IACjB,CAAC,CAAC;IACF,MAAM,IAAI,GAAG,GAAG,EAAE;QAChB,aAAa,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC;QAC9B,YAAY,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YACrC,UAAU,CAAC,CAAC,CAAC,CAAC;YACd,kBAAkB,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,iBAAiB,CAAC,CAAC;QACtF,CAAC,EAAE,SAAS,CAAC,CAAC;IAChB,CAAC,CAAC;IACF,MAAM,iBAAiB,GAAG;QACxB,GAAG,EAAE,iBAAM,CAAC,SAAS,CAAC,GAAG;QACzB,MAAM,EAAE,iBAAM,CAAC,SAAS,CAAC,MAAM;QAC/B,IAAI,EAAE,iBAAM,CAAC,SAAS,CAAC,IAAI;QAC3B,KAAK,EAAE,iBAAM,CAAC,SAAS,CAAC,KAAK;QAC7B,WAAW,EAAE,iBAAM,CAAC,SAAS,CAAC,OAAO;QACrC,SAAS,EAAE,iBAAM,CAAC,SAAS,CAAC,QAAQ;QACpC,cAAc,EAAE,iBAAM,CAAC,SAAS,CAAC,UAAU;QAC3C,YAAY,EAAE,iBAAM,CAAC,SAAS,CAAC,WAAW;QAC1C,YAAY,EAAE,iBAAM,CAAC,SAAS,CAAC,OAAO;QACtC,UAAU,EAAE,iBAAM,CAAC,SAAS,CAAC,UAAU;QACvC,aAAa,EAAE,iBAAM,CAAC,SAAS,CAAC,QAAQ;QACxC,WAAW,EAAE,iBAAM,CAAC,SAAS,CAAC,WAAW;KAC1C,CAAC;IACF,MAAM,iBAAiB,GAAG,QAAQ,KAAK,4BAAe,CAAC,KAAK,CAAC;IAC7D,MAAM,OAAO,GAAG,CACd,wDACa,QAAQ,EACnB,SAAS,EAAE,kBAAG,CAAC,iBAAM,CAAC,OAAO,EAAE,SAAS,CAAC,EACzC,IAAI,EAAC,SAAS,EACd,EAAE,EAAE,EAAE,EACN,KAAK,EAAE;YACL,QAAQ,EAAE,iBAAiB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI;YAC7C,OAAO;YACP,UAAU,EAAE,6BAAoB,CAAC,iBAAiB,CAAC;SACpD,IACG,IAAI;QAER,oBAAC,2BAAY,OAAG;QAChB,oBAAC,+BAAc,IAAC,aAAa,EAAE,oBAAoB,IAAG,WAAW,CAAkB,CAC/E,CACP,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,KAAiB,EAAE,cAA2B,EAAE,EAAE;QACzE,iCAAiC;QACjC,yDAAyD;QACzD,IAAI,WAAW,KAAK,IAAI,EAAE;YACxB,yDAAyD;YACzD,IAAI,OAAO,EAAE;gBACX,IAAI,EAAE,CAAC;aACR;iBAAM,IAAI,KAAK,CAAC,MAAM,KAAK,cAAc,EAAE;gBAC1C,IAAI,EAAE,CAAC;aACR;SACF;aAAM,IAAI,WAAW,KAAK,QAAQ,IAAI,KAAK,CAAC,MAAM,KAAK,cAAc,EAAE;YACtE,sFAAsF;YACtF,IAAI,OAAO,EAAE;gBACX,IAAI,EAAE,CAAC;aACR;iBAAM;gBACL,IAAI,EAAE,CAAC;aACR;SACF;aAAM,IAAI,WAAW,KAAK,KAAK,IAAI,CAAC,OAAO,IAAI,KAAK,CAAC,MAAM,KAAK,cAAc,EAAE;YAC/E,IAAI,EAAE,CAAC;SACR;IACH,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,IAAI,IAAI,KAAK,aAAa,IAAI,QAAQ,IAAI,QAAQ,CAAC,KAAK,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,kBAAkB,CAAC,EAAE;YAC/F,OAAO,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,EAAE,kBAAkB,EAAE,EAAE,EAAE,CAAC,CAAC;SACjE;aAAM,IAAI,IAAI,KAAK,YAAY,IAAI,QAAQ,CAAC,KAAK,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,iBAAiB,CAAC,EAAE;YACxF,OAAO,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,EAAE,iBAAiB,EAAE,EAAE,EAAE,CAAC,CAAC;SAChE;QACD,OAAO,QAAQ,CAAC;IAClB,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,eAAM,IACL,OAAO,EAAE,IAAI,KAAK,MAAM,IAAI,OAAO,CAAC,CAAC,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC,QAAQ,EACnE,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,OAAO,EACf,yBAAyB,EAAE,KAAK,EAChC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,OAAO,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,QAAQ,EACnB,YAAY,EAAE,mBAAmB,IAAI,IAAI,EACzC,YAAY,EAAE,mBAAmB,IAAI,IAAI,EACzC,kBAAkB,EAAE,mBAAmB,IAAI,IAAI,EAC/C,kBAAkB,EAAE,mBAAmB,IAAI,IAAI,EAC/C,OAAO,EAAE,cAAc,IAAI,IAAI,EAC/B,MAAM,EAAE,cAAc,IAAI,IAAI,EAC9B,eAAe,EAAE,cAAc,IAAI,eAAe,EAClD,iBAAiB,EAAE,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,iBAAiB,EAC7D,cAAc,EAAE,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,cAAc,EACvD,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,EAC1B,iBAAiB,EAAE,iBAAiB,GACpC,CACH,CAAC;AACJ,CAAC,CAAC;AAhMW,QAAA,OAAO,WAgMlB;AACF,eAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { Options as FocusTrapOptions
|
|
3
|
-
interface FocusTrapProps extends React.HTMLProps<HTMLDivElement> {
|
|
2
|
+
import { Options as FocusTrapOptions } from 'focus-trap';
|
|
3
|
+
interface FocusTrapProps extends Omit<React.HTMLProps<HTMLDivElement>, 'ref'> {
|
|
4
4
|
children: React.ReactNode;
|
|
5
5
|
className?: string;
|
|
6
6
|
active?: boolean;
|
|
@@ -8,23 +8,9 @@ interface FocusTrapProps extends React.HTMLProps<HTMLDivElement> {
|
|
|
8
8
|
focusTrapOptions?: FocusTrapOptions;
|
|
9
9
|
/** Prevent from scrolling to the previously focused element on deactivation */
|
|
10
10
|
preventScrollOnDeactivate?: boolean;
|
|
11
|
+
/** @hide Forwarded ref */
|
|
12
|
+
innerRef?: React.Ref<HTMLDivElement>;
|
|
11
13
|
}
|
|
12
|
-
export declare
|
|
13
|
-
static displayName: string;
|
|
14
|
-
previouslyFocusedElement: HTMLElement;
|
|
15
|
-
focusTrap: IFocusTrap;
|
|
16
|
-
divRef: React.RefObject<HTMLDivElement>;
|
|
17
|
-
static defaultProps: {
|
|
18
|
-
active: boolean;
|
|
19
|
-
paused: boolean;
|
|
20
|
-
focusTrapOptions: {};
|
|
21
|
-
preventScrollOnDeactivate: boolean;
|
|
22
|
-
};
|
|
23
|
-
constructor(props: FocusTrapProps);
|
|
24
|
-
componentDidMount(): void;
|
|
25
|
-
componentDidUpdate(prevProps: FocusTrapProps): void;
|
|
26
|
-
componentWillUnmount(): void;
|
|
27
|
-
render(): JSX.Element;
|
|
28
|
-
}
|
|
14
|
+
export declare const FocusTrap: React.ForwardRefExoticComponent<FocusTrapProps & React.RefAttributes<any>>;
|
|
29
15
|
export {};
|
|
30
16
|
//# sourceMappingURL=FocusTrap.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FocusTrap.d.ts","sourceRoot":"","sources":["../../../../src/helpers/FocusTrap/FocusTrap.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,OAAO,IAAI,gBAAgB,
|
|
1
|
+
{"version":3,"file":"FocusTrap.d.ts","sourceRoot":"","sources":["../../../../src/helpers/FocusTrap/FocusTrap.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,OAAO,IAAI,gBAAgB,EAA2B,MAAM,YAAY,CAAC;AAEnG,UAAU,cAAe,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC;IAC3E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,+EAA+E;IAC/E,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;CACtC;AAuFD,eAAO,MAAM,SAAS,4EAEpB,CAAC"}
|
|
@@ -4,10 +4,10 @@ exports.FocusTrap = void 0;
|
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const React = tslib_1.__importStar(require("react"));
|
|
6
6
|
const focus_trap_1 = require("focus-trap");
|
|
7
|
-
class
|
|
7
|
+
class FocusTrapBase extends React.Component {
|
|
8
8
|
constructor(props) {
|
|
9
9
|
super(props);
|
|
10
|
-
this.divRef = React.createRef();
|
|
10
|
+
this.divRef = this.props.innerRef || React.createRef();
|
|
11
11
|
if (typeof document !== 'undefined') {
|
|
12
12
|
this.previouslyFocusedElement = document.activeElement;
|
|
13
13
|
}
|
|
@@ -49,17 +49,20 @@ class FocusTrap extends React.Component {
|
|
|
49
49
|
}
|
|
50
50
|
}
|
|
51
51
|
render() {
|
|
52
|
-
|
|
53
|
-
|
|
52
|
+
const _a = this.props, { children, className,
|
|
53
|
+
/* eslint-disable @typescript-eslint/no-unused-vars */
|
|
54
|
+
focusTrapOptions, active, paused, preventScrollOnDeactivate, innerRef } = _a,
|
|
55
|
+
/* eslint-enable @typescript-eslint/no-unused-vars */
|
|
56
|
+
rest = tslib_1.__rest(_a, ["children", "className", "focusTrapOptions", "active", "paused", "preventScrollOnDeactivate", "innerRef"]);
|
|
54
57
|
return (React.createElement("div", Object.assign({ ref: this.divRef, className: className }, rest), children));
|
|
55
58
|
}
|
|
56
59
|
}
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
FocusTrap.defaultProps = {
|
|
60
|
+
FocusTrapBase.displayName = 'FocusTrap';
|
|
61
|
+
FocusTrapBase.defaultProps = {
|
|
60
62
|
active: true,
|
|
61
63
|
paused: false,
|
|
62
64
|
focusTrapOptions: {},
|
|
63
65
|
preventScrollOnDeactivate: false
|
|
64
66
|
};
|
|
67
|
+
exports.FocusTrap = React.forwardRef((props, ref) => (React.createElement(FocusTrapBase, Object.assign({ innerRef: ref }, props))));
|
|
65
68
|
//# sourceMappingURL=FocusTrap.js.map
|
|
@@ -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":";;;;AAAA,qDAA+B;AAC/B,4DAAsC;AACtC,mEAAgE;AAEhE,2DAA+C;AAC/C,qDAAkD;AAClD,qEAAmE;AAEnE,MAAM,IAAI,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC;AAE5E,MAAM,oBAAoB,GAAG,CAAC,SAAoB,EAAO,EAAE,CACzD,SAAS,CAAC,OAAO,CACf,wBAAwB,EACxB,CAAC,OAAe,EAAE,EAAE,CAAC,IAAI,CAAC,OAA8C,CAAkB,CAC3F,CAAC;AAcG,MAAM,oBAAoB,GAAG,CAAC,iBAAyB,EAAE,EAAE,CAChE,WAAW,iBAAiB,sCAAsC,CAAC;AADxD,QAAA,oBAAoB,wBACoC;AAsG9D,MAAM,MAAM,GAAyC,CAAC,EAC3D,OAAO,EACP,MAAM,EACN,yBAAyB,GAAG,IAAI,EAChC,SAAS,GAAG,MAAM,EAClB,QAAQ,GAAG,MAAM,EACjB,SAAS,EACT,QAAQ,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,EAC9B,MAAM,GAAG,IAAI,EACb,SAAS,GAAG,IAAI,EAChB,iBAAiB,EACjB,QAAQ,GAAG,CAAC,EACZ,YAAY,EACZ,YAAY,EACZ,OAAO,EACP,MAAM,EACN,eAAe,EACf,cAAc,EACd,cAAc,EACd,aAAa,EACb,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,UAAU,GAAG,IAAI,EACjB,YAAY,GAAG,MAAM,EACrB,SAAS,EACT,iBAAiB,GAAG,KAAK,EACzB,SAAS,EACV,EAAE,EAAE;IACH,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAc,IAAI,CAAC,CAAC;IACtE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAc,IAAI,CAAC,CAAC;IAC5E,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,YAAY,GAAG,UAAU,IAAI,cAAc,CAAC;IAClD,MAAM,uBAAuB,GAAG,KAAK,CAAC,WAAW,CAC/C,CAAC,KAAiB,EAAE,EAAE,CAAC,eAAe,CAAC,KAAK,EAAE,YAAY,EAAE,aAAa,CAAC,EAC1E,CAAC,SAAS,EAAE,cAAc,EAAE,UAAU,EAAE,aAAa,EAAE,eAAe,CAAC,CACxE,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjB,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,SAAS,EAAE;YACb,IAAK,SAAkC,CAAC,OAAO,EAAE;gBAC/C,aAAa,CAAE,SAAkC,CAAC,OAAO,CAAC,CAAC;aAC5D;iBAAM,IAAI,OAAO,SAAS,KAAK,UAAU,EAAE;gBAC1C,aAAa,CAAC,SAAS,EAAE,CAAC,CAAC;aAC5B;SACF;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAChB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,yGAAyG;QACzG,IAAI,SAAS,EAAE;YACb,IAAK,SAAkC,CAAC,OAAO,EAAE;gBAC/C,gBAAgB,CAAE,SAAkC,CAAC,OAAO,CAAC,CAAC;aAC/D;iBAAM,IAAI,OAAO,SAAS,KAAK,UAAU,EAAE;gBAC1C,gBAAgB,CAAC,SAAS,EAAE,CAAC,CAAC;aAC/B;SACF;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC;IAC3B,MAAM,gBAAgB,GAAG,CAAC,QAAa,EAAE,OAA+B,EAAE,KAAa,EAAE,EAAE;QACzF,IAAI,QAAQ,IAAI,OAAO,EAAE;YACvB,OAAO,CAAC,gBAAgB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;SAC3C;IACH,CAAC,CAAC;IACF,MAAM,mBAAmB,GAAG,CAAC,QAAa,EAAE,OAA+B,EAAE,KAAa,EAAE,EAAE;QAC5F,IAAI,QAAQ,IAAI,OAAO,EAAE;YACvB,OAAO,CAAC,mBAAmB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;SAC9C;IACH,CAAC,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,gBAAgB,CAAC,YAAY,EAAE,YAAY,EAAE,YAAY,CAAC,CAAC;QAC3D,gBAAgB,CAAC,YAAY,EAAE,YAAY,EAAE,YAAY,CAAC,CAAC;QAC3D,gBAAgB,CAAC,OAAO,EAAE,YAAY,EAAE,OAAO,CAAC,CAAC;QACjD,gBAAgB,CAAC,MAAM,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;QAC/C,gBAAgB,CAAC,cAAc,EAAE,YAAY,EAAE,OAAO,CAAC,CAAC;QACxD,gBAAgB,CAAC,cAAc,EAAE,YAAY,EAAE,SAAS,CAAC,CAAC;QAC1D,gBAAgB,CAAC,aAAa,EAAE,aAAa,EAAE,OAAO,CAAC,CAAC;QACxD,gBAAgB,CAAC,kBAAkB,EAAE,aAAa,EAAE,YAAY,CAAC,CAAC;QAClE,gBAAgB,CAAC,kBAAkB,EAAE,aAAa,EAAE,YAAY,CAAC,CAAC;QAClE,eAAe,IAAI,gBAAgB,CAAC,uBAAuB,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;QAChF,gBAAgB,CAAC,iBAAiB,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC;QAEzD,gDAAgD;QAChD,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,GAAG,EAAE;YACzC,MAAM,IAAI,MAAM,EAAE,CAAC;QACrB,CAAC,CAAC,CAAC;QACH,aAAa,IAAI,QAAQ,CAAC,OAAO,CAAC,aAAa,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAEvG,OAAO,GAAG,EAAE;YACV,mBAAmB,CAAC,YAAY,EAAE,YAAY,EAAE,YAAY,CAAC,CAAC;YAC9D,mBAAmB,CAAC,YAAY,EAAE,YAAY,EAAE,YAAY,CAAC,CAAC;YAC9D,mBAAmB,CAAC,OAAO,EAAE,YAAY,EAAE,OAAO,CAAC,CAAC;YACpD,mBAAmB,CAAC,MAAM,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;YAClD,mBAAmB,CAAC,cAAc,EAAE,YAAY,EAAE,OAAO,CAAC,CAAC;YAC3D,mBAAmB,CAAC,cAAc,EAAE,YAAY,EAAE,SAAS,CAAC,CAAC;YAC7D,mBAAmB,CAAC,aAAa,EAAE,aAAa,EAAE,OAAO,CAAC,CAAC;YAC3D,mBAAmB,CAAC,kBAAkB,EAAE,aAAa,EAAE,YAAY,CAAC,CAAC;YACrE,mBAAmB,CAAC,kBAAkB,EAAE,aAAa,EAAE,YAAY,CAAC,CAAC;YACrE,eAAe,IAAI,mBAAmB,CAAC,uBAAuB,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;YACnF,mBAAmB,CAAC,iBAAiB,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC;YAC5D,QAAQ,CAAC,UAAU,EAAE,CAAC;QACxB,CAAC,CAAC;IACJ,CAAC,EAAE;QACD,cAAc;QACd,aAAa;QACb,YAAY;QACZ,YAAY;QACZ,OAAO;QACP,MAAM;QACN,cAAc;QACd,cAAc;QACd,aAAa;QACb,kBAAkB;QAClB,kBAAkB;QAClB,eAAe;QACf,iBAAiB;QACjB,UAAU;KACX,CAAC,CAAC;IACH,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,IAAI,SAAS,EAAE;YACb,OAAO,SAAS,CAAC;SAClB;QACD,IAAI,kBAAkB,GAAG,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC;QAC/D,IAAI,QAAQ,KAAK,QAAQ,EAAE;YACzB,kBAAkB,GAAG,GAAG,kBAAkB,IAAI,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC;SACxF;QACD,OAAO,kBAA+B,CAAC;IACzC,CAAC,CAAC;IACF,MAAM,gBAAgB,GAAG,KAAK,CAAC,OAAO,CAAC,YAAY,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC;IACvF,MAAM,wBAAwB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,oBAAoB,CAAC,YAAY,EAAE,CAAC,EAAE;QACzF,SAAS;QACT,QAAQ;QACR,SAAS;KACV,CAAC,CAAC;IACH,MAAM,YAAY,GAA8B,KAAK,CAAC,OAAO,CAC3D,GAAG,EAAE,CAAC,CAAC;QACL,IAAI,EAAE,WAAW;QACjB,OAAO,EAAE,yBAAyB;QAClC,KAAK,EAAE,aAAa;QACpB,QAAQ,EAAE,CAAC,eAAe,CAAC;QAC3B,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;YAChB,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,GAAG,GAAG,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC;QACjE,CAAC;QACD,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;YACpB,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,GAAI,KAAK,CAAC,QAAQ,CAAC,SAAyB,CAAC,WAAW,IAAI,CAAC;YACjG,OAAO,GAAG,EAAE,GAAE,CAAC,CAAC;QAClB,CAAC;KACF,CAAC,EACF,CAAC,yBAAyB,CAAC,CAC5B,CAAC;IAEF,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,qBAAS,CAAC,YAAY,EAAE,aAAa,EAAE;QAC1F,SAAS,EAAE,gBAAgB;QAC3B,SAAS,EAAE;YACT;gBACE,IAAI,EAAE,QAAQ;gBACd,OAAO,EAAE;oBACP,MAAM,EAAE,CAAC,CAAC,EAAE,QAAQ,CAAC;iBACtB;aACF;YACD;gBACE,IAAI,EAAE,iBAAiB;gBACvB,OAAO,EAAE,KAAK;aACf;YACD;gBACE,6GAA6G;gBAC7G,IAAI,EAAE,MAAM;gBACZ,OAAO,EAAE,IAAI;aACd;YACD;gBACE,IAAI,EAAE,MAAM;gBACZ,OAAO,EAAE,gBAAgB,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,UAAU;gBAC1D,OAAO,EAAE;oBACP,kBAAkB,EAAE,YAAY,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC,YAAY;iBACxF;aACF;YACD,YAAY;SACb;KACF,CAAC,CAAC;IAEH,+EAA+E;IAC/E,0EAA0E;IAC1E,MAAM,0BAA0B,GAAG,GAAG,EAAE;QACtC,IAAI,UAAU,IAAI,UAAU,CAAC,MAAM,IAAI,UAAU,CAAC,MAAM,CAAC,uBAAuB,CAAC,EAAE;YACjF,MAAM,eAAe,GAAG,UAAU,CAAC,MAAM,CAAC,uBAAuB,CAAmC,CAAC;YACrG,OAAO,iBAAiB,CAAC,eAAe,CAAC,CAAC;SAC3C;QACD,OAAO,iBAAiB,CAAC,GAAG,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,OAAO,mBACX,SAAS,EAAE,kBAAG,CAAC,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC,SAAS,EAAE,iBAAiB,IAAI,0BAA0B,EAAE,CAAC,EACzG,KAAK,gDACA,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,GAC5C,YAAY,CAAC,MAAM,KACtB,MAAM,OAEL,UAAU,CAAC,MAAM,CACrB,CAAC;IAEF,MAAM,cAAc,GAAG,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAE3D,MAAM,SAAS,GAAsB,GAAG,EAAE;QACxC,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;YAClC,OAAO,QAAQ,EAAE,CAAC;SACnB;QACD,OAAO,QAAQ,CAAC;IAClB,CAAC,CAAC;IAEF;;;;;;;;;;OAUG;IACH,IAAI,YAAY,CAAC;IACjB,IAAI,iBAAiB,EAAE;QACrB,oFAAoF;QACpF,YAAY,GAAG,6BAAK,GAAG,EAAE,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,iBAAgC,CAAC,IAAG,cAAc,CAAO,CAAC;KACnH;SAAM,IAAI,SAAS,EAAE;QACpB,uFAAuF;QACvF,YAAY,GAAG,cAAc,CAAC;KAC/B;SAAM;QACL,yFAAyF;QACzF,YAAY,GAAG,CACb,oBAAC,+BAAc,IAAC,UAAU,EAAE,CAAC,QAAa,EAAE,EAAE,CAAC,gBAAgB,CAAC,QAAQ,CAAC,IAAG,cAAc,CAAkB,CAC7G,CAAC;KACH;IAED,OAAO,CACL;QACG,CAAC,SAAS,IAAI,OAAO,IAAI,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,iBAAiB,IAAI,CAC/E,oBAAC,+BAAc,IAAC,UAAU,EAAE,CAAC,QAAa,EAAE,EAAE,CAAC,iBAAiB,CAAC,QAAQ,CAAC,IAAG,OAAO,CAAkB,CACvG;QACA,CAAC,SAAS,IAAI,OAAO,IAAI,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,iBAAiB,IAAI,CAC9E,6BAAK,GAAG,EAAE,IAAI,CAAC,EAAE,CAAC,iBAAiB,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,iBAAgC,CAAC,IAAG,OAAO,CAAO,CAC7F;QACA,KAAK,IAAI,SAAS,IAAI,QAAQ,CAAC,YAAY,CAAC,YAAY,EAAE,SAAS,EAAE,CAAC,CACtE,CACJ,CAAC;AACJ,CAAC,CAAC;AAxPW,QAAA,MAAM,UAwPjB;AACF,cAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}
|
|
@@ -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"}
|
|
@@ -19458,45 +19458,6 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
19458
19458
|
--pf-c-switch__toggle--before--BoxShadow: none;
|
|
19459
19459
|
}
|
|
19460
19460
|
|
|
19461
|
-
.pf-c-tab-content {
|
|
19462
|
-
--pf-c-tab-content__body--PaddingTop: 0;
|
|
19463
|
-
--pf-c-tab-content__body--PaddingRight: 0;
|
|
19464
|
-
--pf-c-tab-content__body--PaddingBottom: 0;
|
|
19465
|
-
--pf-c-tab-content__body--PaddingLeft: 0;
|
|
19466
|
-
--pf-c-tab-content__body--m-padding--PaddingTop: var(--pf-global--spacer--md);
|
|
19467
|
-
--pf-c-tab-content__body--m-padding--PaddingRight: var(--pf-global--spacer--md);
|
|
19468
|
-
--pf-c-tab-content__body--m-padding--PaddingBottom: var(--pf-global--spacer--md);
|
|
19469
|
-
--pf-c-tab-content__body--m-padding--PaddingLeft: var(--pf-global--spacer--md);
|
|
19470
|
-
--pf-c-tab-content__body--m-padding--xl--PaddingTop: var(--pf-global--spacer--lg);
|
|
19471
|
-
--pf-c-tab-content__body--m-padding--xl--PaddingRight: var(--pf-global--spacer--lg);
|
|
19472
|
-
--pf-c-tab-content__body--m-padding--xl--PaddingBottom: var(--pf-global--spacer--lg);
|
|
19473
|
-
--pf-c-tab-content__body--m-padding--xl--PaddingLeft: var(--pf-global--spacer--lg);
|
|
19474
|
-
--pf-c-tab-content--m-light-300: var(--pf-global--BackgroundColor--light-300);
|
|
19475
|
-
}
|
|
19476
|
-
|
|
19477
|
-
@media screen and (min-width: 1200px) {
|
|
19478
|
-
.pf-c-tab-content {
|
|
19479
|
-
--pf-c-tab-content__body--m-padding--PaddingTop: var(--pf-c-tab-content__body--m-padding--xl--PaddingTop);
|
|
19480
|
-
--pf-c-tab-content__body--m-padding--PaddingRight: var(--pf-c-tab-content__body--m-padding--xl--PaddingRight);
|
|
19481
|
-
--pf-c-tab-content__body--m-padding--PaddingBottom: var(--pf-c-tab-content__body--m-padding--xl--PaddingBottom);
|
|
19482
|
-
--pf-c-tab-content__body--m-padding--PaddingLeft: var(--pf-c-tab-content__body--m-padding--xl--PaddingLeft);
|
|
19483
|
-
}
|
|
19484
|
-
}
|
|
19485
|
-
.pf-c-tab-content.pf-m-light-300 {
|
|
19486
|
-
background-color: var(--pf-c-tab-content--m-light-300);
|
|
19487
|
-
}
|
|
19488
|
-
|
|
19489
|
-
.pf-c-tab-content__body {
|
|
19490
|
-
padding: var(--pf-c-tab-content__body--PaddingTop) var(--pf-c-tab-content__body--PaddingRight) var(--pf-c-tab-content__body--PaddingBottom) var(--pf-c-tab-content__body--PaddingLeft);
|
|
19491
|
-
}
|
|
19492
|
-
|
|
19493
|
-
.pf-c-tab-content__body.pf-m-padding {
|
|
19494
|
-
--pf-c-tab-content__body--PaddingTop: var(--pf-c-tab-content__body--m-padding--PaddingTop);
|
|
19495
|
-
--pf-c-tab-content__body--PaddingRight: var(--pf-c-tab-content__body--m-padding--PaddingRight);
|
|
19496
|
-
--pf-c-tab-content__body--PaddingBottom: var(--pf-c-tab-content__body--m-padding--PaddingBottom);
|
|
19497
|
-
--pf-c-tab-content__body--PaddingLeft: var(--pf-c-tab-content__body--m-padding--PaddingLeft);
|
|
19498
|
-
}
|
|
19499
|
-
|
|
19500
19461
|
.pf-c-tabs {
|
|
19501
19462
|
--pf-c-tabs--inset: 0;
|
|
19502
19463
|
--pf-c-tabs--Width: auto;
|
|
@@ -20467,6 +20428,45 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
20467
20428
|
--pf-c-tabs--m-color-scheme--light-300__link--disabled--BackgroundColor: var(--pf-global--disabled-color--200);
|
|
20468
20429
|
}
|
|
20469
20430
|
|
|
20431
|
+
.pf-c-tab-content {
|
|
20432
|
+
--pf-c-tab-content__body--PaddingTop: 0;
|
|
20433
|
+
--pf-c-tab-content__body--PaddingRight: 0;
|
|
20434
|
+
--pf-c-tab-content__body--PaddingBottom: 0;
|
|
20435
|
+
--pf-c-tab-content__body--PaddingLeft: 0;
|
|
20436
|
+
--pf-c-tab-content__body--m-padding--PaddingTop: var(--pf-global--spacer--md);
|
|
20437
|
+
--pf-c-tab-content__body--m-padding--PaddingRight: var(--pf-global--spacer--md);
|
|
20438
|
+
--pf-c-tab-content__body--m-padding--PaddingBottom: var(--pf-global--spacer--md);
|
|
20439
|
+
--pf-c-tab-content__body--m-padding--PaddingLeft: var(--pf-global--spacer--md);
|
|
20440
|
+
--pf-c-tab-content__body--m-padding--xl--PaddingTop: var(--pf-global--spacer--lg);
|
|
20441
|
+
--pf-c-tab-content__body--m-padding--xl--PaddingRight: var(--pf-global--spacer--lg);
|
|
20442
|
+
--pf-c-tab-content__body--m-padding--xl--PaddingBottom: var(--pf-global--spacer--lg);
|
|
20443
|
+
--pf-c-tab-content__body--m-padding--xl--PaddingLeft: var(--pf-global--spacer--lg);
|
|
20444
|
+
--pf-c-tab-content--m-light-300: var(--pf-global--BackgroundColor--light-300);
|
|
20445
|
+
}
|
|
20446
|
+
|
|
20447
|
+
@media screen and (min-width: 1200px) {
|
|
20448
|
+
.pf-c-tab-content {
|
|
20449
|
+
--pf-c-tab-content__body--m-padding--PaddingTop: var(--pf-c-tab-content__body--m-padding--xl--PaddingTop);
|
|
20450
|
+
--pf-c-tab-content__body--m-padding--PaddingRight: var(--pf-c-tab-content__body--m-padding--xl--PaddingRight);
|
|
20451
|
+
--pf-c-tab-content__body--m-padding--PaddingBottom: var(--pf-c-tab-content__body--m-padding--xl--PaddingBottom);
|
|
20452
|
+
--pf-c-tab-content__body--m-padding--PaddingLeft: var(--pf-c-tab-content__body--m-padding--xl--PaddingLeft);
|
|
20453
|
+
}
|
|
20454
|
+
}
|
|
20455
|
+
.pf-c-tab-content.pf-m-light-300 {
|
|
20456
|
+
background-color: var(--pf-c-tab-content--m-light-300);
|
|
20457
|
+
}
|
|
20458
|
+
|
|
20459
|
+
.pf-c-tab-content__body {
|
|
20460
|
+
padding: var(--pf-c-tab-content__body--PaddingTop) var(--pf-c-tab-content__body--PaddingRight) var(--pf-c-tab-content__body--PaddingBottom) var(--pf-c-tab-content__body--PaddingLeft);
|
|
20461
|
+
}
|
|
20462
|
+
|
|
20463
|
+
.pf-c-tab-content__body.pf-m-padding {
|
|
20464
|
+
--pf-c-tab-content__body--PaddingTop: var(--pf-c-tab-content__body--m-padding--PaddingTop);
|
|
20465
|
+
--pf-c-tab-content__body--PaddingRight: var(--pf-c-tab-content__body--m-padding--PaddingRight);
|
|
20466
|
+
--pf-c-tab-content__body--PaddingBottom: var(--pf-c-tab-content__body--m-padding--PaddingBottom);
|
|
20467
|
+
--pf-c-tab-content__body--PaddingLeft: var(--pf-c-tab-content__body--m-padding--PaddingLeft);
|
|
20468
|
+
}
|
|
20469
|
+
|
|
20470
20470
|
.pf-c-content {
|
|
20471
20471
|
--pf-c-content--MarginBottom: var(--pf-global--spacer--md);
|
|
20472
20472
|
--pf-c-content--LineHeight: var(--pf-global--LineHeight--md);
|