@mackin.com/styleguide 11.0.4 → 11.0.5
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/index.esm.js +8 -6
- package/index.js +8 -6
- package/package.json +1 -1
package/index.esm.js
CHANGED
|
@@ -2527,6 +2527,14 @@ const DialogPopover = (p) => {
|
|
|
2527
2527
|
const theme = useThemeSafely();
|
|
2528
2528
|
const resposition = (_a = p.reposition) !== null && _a !== void 0 ? _a : true;
|
|
2529
2529
|
React.useEffect(() => {
|
|
2530
|
+
const escapeRemover = createBodyEscapeHandler(() => {
|
|
2531
|
+
if (p.isOpen) {
|
|
2532
|
+
p.onClose();
|
|
2533
|
+
}
|
|
2534
|
+
});
|
|
2535
|
+
return escapeRemover;
|
|
2536
|
+
}, [p.isOpen]);
|
|
2537
|
+
useIgnoreMount(() => {
|
|
2530
2538
|
if (!p.__asDateInputCalendar) {
|
|
2531
2539
|
if (p.isOpen) {
|
|
2532
2540
|
const content = document.getElementById(p.focusContentId);
|
|
@@ -2541,12 +2549,6 @@ const DialogPopover = (p) => {
|
|
|
2541
2549
|
}
|
|
2542
2550
|
}
|
|
2543
2551
|
}
|
|
2544
|
-
const escapeRemover = createBodyEscapeHandler(() => {
|
|
2545
|
-
if (p.isOpen) {
|
|
2546
|
-
p.onClose();
|
|
2547
|
-
}
|
|
2548
|
-
});
|
|
2549
|
-
return escapeRemover;
|
|
2550
2552
|
}, [p.isOpen]);
|
|
2551
2553
|
return (React.createElement(Popover, { containerClassName: getPopoverContainerClass(theme), reposition: resposition, isOpen: p.isOpen, positions: getPopoverPositions(p), onClickOutside: p.onClose, content: ({ position, childRect, popoverRect }) => (React.createElement(ArrowContainer, { position: position, childRect: childRect, popoverRect: popoverRect, arrowColor: getPopoverArrowColor(theme, p), arrowSize: popoverArrowSize },
|
|
2552
2554
|
React.createElement(TabLocker, null,
|
package/index.js
CHANGED
|
@@ -2545,6 +2545,14 @@ const DialogPopover = (p) => {
|
|
|
2545
2545
|
const theme = useThemeSafely();
|
|
2546
2546
|
const resposition = (_a = p.reposition) !== null && _a !== void 0 ? _a : true;
|
|
2547
2547
|
React__namespace.useEffect(() => {
|
|
2548
|
+
const escapeRemover = createBodyEscapeHandler(() => {
|
|
2549
|
+
if (p.isOpen) {
|
|
2550
|
+
p.onClose();
|
|
2551
|
+
}
|
|
2552
|
+
});
|
|
2553
|
+
return escapeRemover;
|
|
2554
|
+
}, [p.isOpen]);
|
|
2555
|
+
useIgnoreMount(() => {
|
|
2548
2556
|
if (!p.__asDateInputCalendar) {
|
|
2549
2557
|
if (p.isOpen) {
|
|
2550
2558
|
const content = document.getElementById(p.focusContentId);
|
|
@@ -2559,12 +2567,6 @@ const DialogPopover = (p) => {
|
|
|
2559
2567
|
}
|
|
2560
2568
|
}
|
|
2561
2569
|
}
|
|
2562
|
-
const escapeRemover = createBodyEscapeHandler(() => {
|
|
2563
|
-
if (p.isOpen) {
|
|
2564
|
-
p.onClose();
|
|
2565
|
-
}
|
|
2566
|
-
});
|
|
2567
|
-
return escapeRemover;
|
|
2568
2570
|
}, [p.isOpen]);
|
|
2569
2571
|
return (React__namespace.createElement(reactTinyPopover.Popover, { containerClassName: getPopoverContainerClass(theme), reposition: resposition, isOpen: p.isOpen, positions: getPopoverPositions(p), onClickOutside: p.onClose, content: ({ position, childRect, popoverRect }) => (React__namespace.createElement(reactTinyPopover.ArrowContainer, { position: position, childRect: childRect, popoverRect: popoverRect, arrowColor: getPopoverArrowColor(theme, p), arrowSize: popoverArrowSize },
|
|
2570
2572
|
React__namespace.createElement(TabLocker, null,
|