@uva-glass/component-library 3.21.0 → 3.21.1
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
._page-
|
|
1
|
+
._page-overlay__container_1wy1h_1{bottom:0;left:0;position:fixed;right:0;top:0;z-index:50}._page-overlay_1wy1h_1{background:var(--new-color-uva-white);display:flex;flex-direction:column;height:100dvh}._page-overlay--full-screen_1wy1h_18{width:100vw}._page-overlay--with-gutters_1wy1h_22{max-width:87.5rem;width:100%}._page-overlay__content_1wy1h_27{display:flex;flex-direction:column;height:100svh;justify-content:space-between;overflow:hidden;overflow-y:auto;padding:0 1.5rem;width:100%}._page-overlay__content--grey_1wy1h_38{background-color:var(--new-color-grey-300)}._page-overlay__content--white_1wy1h_42{background-color:var(--new-color-uva-white)}._page-overlay__children_1wy1h_46{padding-bottom:1rem}._page-overlay__title-wrapper_1wy1h_50{position:relative}._page-overlay__title_1wy1h_50{font-size:var(--font-size-s);line-height:var(--line-height-m);margin:0 1.5rem 0 0;padding:1rem 1.5rem}._page-overlay__buttons-bar_1wy1h_61{background-color:var(--new-color-uva-white);bottom:0;display:flex;flex-direction:column;gap:.75rem;justify-content:flex-start;margin:0 -1.5rem;padding:.5rem 1rem;position:sticky;right:0}._page-overlay__buttons-bar_1wy1h_61:before{background:linear-gradient(to top,#0000004d,#0000);bottom:100%;content:"";height:10px;left:0;opacity:0;pointer-events:none;position:absolute;right:0;transition:opacity .4s ease-out}._page-overlay__buttons-bar--shadow_1wy1h_87:before{opacity:1}._page-overlay__close_1wy1h_92{height:1.5rem;position:absolute;right:1rem;top:calc(50% - .125rem);transform:translateY(-50%)}@media (min-width: 28rem) and (min-height: 28rem){._page-overlay--with-gutters_1wy1h_22{margin:0 .75rem}}
|
|
@@ -22,6 +22,8 @@ export interface PageOverlayProps {
|
|
|
22
22
|
headerContent?: ReactNode;
|
|
23
23
|
/** The variant styling of the dialog. */
|
|
24
24
|
variant?: 'full-screen' | 'with-gutters';
|
|
25
|
+
/** The content background color of the dialog. Default grey-300*/
|
|
26
|
+
contentBackgroundColor?: 'grey' | 'white';
|
|
25
27
|
}
|
|
26
28
|
/** Represents a component for a modal dialog. */
|
|
27
|
-
export declare function PageOverlay({ buttons, children, isLoading, spinnerAriaValueText, closeButtonAriaValueText, isOpen, noValidate, onClose, onSubmit, title, headerContent, variant, }: PropsWithChildren<PageOverlayProps>): import("react/jsx-runtime").JSX.Element | null;
|
|
29
|
+
export declare function PageOverlay({ buttons, children, isLoading, spinnerAriaValueText, closeButtonAriaValueText, isOpen, noValidate, onClose, onSubmit, title, headerContent, variant, contentBackgroundColor, }: PropsWithChildren<PageOverlayProps>): import("react/jsx-runtime").JSX.Element | null;
|
|
@@ -1,95 +1,102 @@
|
|
|
1
|
-
import { jsx as o, Fragment as
|
|
1
|
+
import { jsx as o, Fragment as $, jsxs as c } from "react/jsx-runtime";
|
|
2
2
|
import { useDialog as A } from "@react-aria/dialog";
|
|
3
3
|
import { FocusScope as C } from "@react-aria/focus";
|
|
4
4
|
import { useModal as K, useOverlay as M, usePreventScroll as U, OverlayContainer as V } from "@react-aria/overlays";
|
|
5
5
|
import { c as i } from "../../clsx-OuTLNxxd.js";
|
|
6
|
-
import { useRef as
|
|
7
|
-
import { OverlayCloseButton as
|
|
8
|
-
import { Spinner as
|
|
9
|
-
import { Backdrop as
|
|
6
|
+
import { useRef as m, useState as d, useEffect as q } from "react";
|
|
7
|
+
import { OverlayCloseButton as G } from "../OverlayCloseButton/OverlayCloseButton.js";
|
|
8
|
+
import { Spinner as J } from "../Spinner/Spinner.js";
|
|
9
|
+
import { Backdrop as O } from "../Backdrop/Backdrop.js";
|
|
10
10
|
import '../../assets/PageOverlay.css';const e = {
|
|
11
|
-
"page-overlay__container": "_page-
|
|
12
|
-
"page-overlay": "_page-
|
|
13
|
-
"page-overlay--full-screen": "_page-overlay--full-
|
|
14
|
-
"page-overlay--with-gutters": "_page-overlay--with-
|
|
15
|
-
"page-overlay__content": "_page-
|
|
16
|
-
"page-
|
|
17
|
-
"page-
|
|
18
|
-
"page-
|
|
19
|
-
"page-
|
|
20
|
-
"page-
|
|
21
|
-
"page-
|
|
11
|
+
"page-overlay__container": "_page-overlay__container_1wy1h_1",
|
|
12
|
+
"page-overlay": "_page-overlay_1wy1h_1",
|
|
13
|
+
"page-overlay--full-screen": "_page-overlay--full-screen_1wy1h_18",
|
|
14
|
+
"page-overlay--with-gutters": "_page-overlay--with-gutters_1wy1h_22",
|
|
15
|
+
"page-overlay__content": "_page-overlay__content_1wy1h_27",
|
|
16
|
+
"page-overlay__content--grey": "_page-overlay__content--grey_1wy1h_38",
|
|
17
|
+
"page-overlay__content--white": "_page-overlay__content--white_1wy1h_42",
|
|
18
|
+
"page-overlay__children": "_page-overlay__children_1wy1h_46",
|
|
19
|
+
"page-overlay__title-wrapper": "_page-overlay__title-wrapper_1wy1h_50",
|
|
20
|
+
"page-overlay__title": "_page-overlay__title_1wy1h_50",
|
|
21
|
+
"page-overlay__buttons-bar": "_page-overlay__buttons-bar_1wy1h_61",
|
|
22
|
+
"page-overlay__buttons-bar--shadow": "_page-overlay__buttons-bar--shadow_1wy1h_87",
|
|
23
|
+
"page-overlay__close": "_page-overlay__close_1wy1h_92"
|
|
22
24
|
};
|
|
23
|
-
function
|
|
25
|
+
function le({
|
|
24
26
|
buttons: t,
|
|
25
|
-
children:
|
|
26
|
-
isLoading:
|
|
27
|
-
spinnerAriaValueText:
|
|
27
|
+
children: f,
|
|
28
|
+
isLoading: w,
|
|
29
|
+
spinnerAriaValueText: b = "Loading",
|
|
28
30
|
closeButtonAriaValueText: S = "Close",
|
|
29
31
|
isOpen: a,
|
|
30
32
|
noValidate: N = !1,
|
|
31
33
|
onClose: p,
|
|
32
34
|
onSubmit: P,
|
|
33
|
-
title:
|
|
34
|
-
headerContent:
|
|
35
|
-
variant:
|
|
35
|
+
title: _,
|
|
36
|
+
headerContent: n,
|
|
37
|
+
variant: y = "full-screen",
|
|
38
|
+
contentBackgroundColor: T = "grey"
|
|
36
39
|
}) {
|
|
37
|
-
const
|
|
38
|
-
U({ isDisabled: !a }),
|
|
39
|
-
const r =
|
|
40
|
+
const s = m(null), g = m(null), [E, x] = d(!1), [L, B] = d(!1), { dialogProps: F, titleProps: H } = A({ role: "dialog" }, s), { modalProps: k } = K({ isDisabled: !a }), { overlayProps: z, underlayProps: D } = M({ isOpen: a, onClose: p }, s);
|
|
41
|
+
U({ isDisabled: !a }), q(() => {
|
|
42
|
+
const r = g.current;
|
|
40
43
|
if (!r) return;
|
|
41
|
-
function
|
|
42
|
-
const
|
|
43
|
-
|
|
44
|
+
function v() {
|
|
45
|
+
const u = r.scrollHeight, h = r.clientHeight, j = r.scrollTop;
|
|
46
|
+
x(u > h), B(j + h >= u);
|
|
44
47
|
}
|
|
45
48
|
function l() {
|
|
46
|
-
|
|
49
|
+
v();
|
|
47
50
|
}
|
|
48
51
|
r.addEventListener("scroll", l), window.addEventListener("resize", l);
|
|
49
|
-
const
|
|
50
|
-
|
|
52
|
+
const R = setTimeout(() => {
|
|
53
|
+
v();
|
|
51
54
|
}, 0);
|
|
52
55
|
return () => {
|
|
53
|
-
r.removeEventListener("scroll", l), window.removeEventListener("resize", l), clearTimeout(
|
|
56
|
+
r.removeEventListener("scroll", l), window.removeEventListener("resize", l), clearTimeout(R);
|
|
54
57
|
};
|
|
55
|
-
}, [a,
|
|
56
|
-
function
|
|
58
|
+
}, [a, n]);
|
|
59
|
+
function I(r) {
|
|
57
60
|
r.stopPropagation();
|
|
58
61
|
}
|
|
59
|
-
return a ? /* @__PURE__ */ o(V, { className: e["page-overlay__container"], children: /* @__PURE__ */ o(
|
|
62
|
+
return a ? /* @__PURE__ */ o(V, { className: e["page-overlay__container"], children: /* @__PURE__ */ o(O, { ...D, children: w ? /* @__PURE__ */ o(J, { ariaValueText: b }) : /* @__PURE__ */ o($, { children: /* @__PURE__ */ o(C, { autoFocus: !0, contain: !0, restoreFocus: !0, children: /* @__PURE__ */ c(
|
|
60
63
|
"div",
|
|
61
64
|
{
|
|
62
|
-
...
|
|
63
|
-
...H,
|
|
65
|
+
...F,
|
|
64
66
|
...k,
|
|
67
|
+
...z,
|
|
65
68
|
className: i(e["page-overlay"], {
|
|
66
|
-
[e[`page-overlay--${
|
|
69
|
+
[e[`page-overlay--${y}`]]: y
|
|
67
70
|
}),
|
|
68
|
-
onKeyUp:
|
|
71
|
+
onKeyUp: I,
|
|
69
72
|
role: "presentation",
|
|
70
|
-
ref:
|
|
73
|
+
ref: s,
|
|
71
74
|
children: [
|
|
72
|
-
(
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
/* @__PURE__ */ o("span", { className: e["page-overlay__close"], children: /* @__PURE__ */ o(
|
|
75
|
+
(_ || n) && /* @__PURE__ */ c("div", { className: e["page-overlay__title-wrapper"], children: [
|
|
76
|
+
_ && /* @__PURE__ */ o("h1", { ...H, className: e["page-overlay__title"], children: _ }),
|
|
77
|
+
n,
|
|
78
|
+
/* @__PURE__ */ o("span", { className: e["page-overlay__close"], children: /* @__PURE__ */ o(G, { "aria-label": S, onClick: p }) })
|
|
76
79
|
] }),
|
|
77
|
-
/* @__PURE__ */
|
|
80
|
+
/* @__PURE__ */ c(
|
|
78
81
|
"form",
|
|
79
82
|
{
|
|
80
|
-
className: i(
|
|
81
|
-
|
|
82
|
-
|
|
83
|
+
className: i(
|
|
84
|
+
e["page-overlay__content"],
|
|
85
|
+
e[`page-overlay__content--${T}`],
|
|
86
|
+
{
|
|
87
|
+
[e["page-overlay--content-with-buttons"]]: t
|
|
88
|
+
}
|
|
89
|
+
),
|
|
83
90
|
onSubmit: P,
|
|
84
91
|
noValidate: N,
|
|
85
|
-
ref:
|
|
92
|
+
ref: g,
|
|
86
93
|
children: [
|
|
87
|
-
/* @__PURE__ */ o("div", { className: e["page-overlay__children"], children:
|
|
94
|
+
/* @__PURE__ */ o("div", { className: e["page-overlay__children"], children: f }),
|
|
88
95
|
t && /* @__PURE__ */ o(
|
|
89
96
|
"div",
|
|
90
97
|
{
|
|
91
98
|
className: i(e["page-overlay__buttons-bar"], {
|
|
92
|
-
[e["page-overlay__buttons-bar--shadow"]]:
|
|
99
|
+
[e["page-overlay__buttons-bar--shadow"]]: E && !L
|
|
93
100
|
}),
|
|
94
101
|
children: t
|
|
95
102
|
}
|
|
@@ -102,6 +109,6 @@ function ae({
|
|
|
102
109
|
) }) }) }) }) : null;
|
|
103
110
|
}
|
|
104
111
|
export {
|
|
105
|
-
|
|
112
|
+
le as PageOverlay
|
|
106
113
|
};
|
|
107
114
|
//# sourceMappingURL=PageOverlay.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageOverlay.js","sources":["../../../src/components/PageOverlay/PageOverlay.tsx"],"sourcesContent":["import { useDialog } from '@react-aria/dialog';\nimport { FocusScope } from '@react-aria/focus';\nimport { OverlayContainer, useModal, useOverlay, usePreventScroll } from '@react-aria/overlays';\nimport classNames, { clsx } from 'clsx';\nimport { useEffect, useRef, useState } from 'react';\n\nimport type { FormHTMLAttributes, KeyboardEvent, PropsWithChildren, ReactNode } from 'react';\n\nimport styles from './PageOverlay.module.css';\n\nimport { OverlayCloseButton } from 'components/OverlayCloseButton';\nimport { Spinner } from 'components/Spinner';\nimport { Backdrop } from 'components/Backdrop';\n\nexport interface PageOverlayProps {\n /** The buttons of the dialog. */\n buttons?: ReactNode;\n /** `true` to show a spinner, if the contents of the dialog is lazy loaded; otherwise, `false`. */\n isLoading?: boolean;\n /** The `aria-valuetext` value of the [Spinner](/story/atoms-spinner--spinner-example) component. Used together with `isLoading`. */\n spinnerAriaValueText?: string;\n /** The `aria-label` value of the [OverlayCloseButton](/story/atoms-overlayclosebutton--overlay-close-button-example) component. */\n closeButtonAriaValueText?: string;\n /** `true` to render the dialog opened; otherwise, `false`. */\n isOpen: boolean;\n /** `true` to disable form validation; otherwise, `false`. */\n noValidate?: boolean;\n /** The callback function that is invoked when the dialog is closed. */\n onClose?(): void;\n /** The callback function that is invoked when the form is submitted. */\n onSubmit?: FormHTMLAttributes<HTMLFormElement>['onSubmit'];\n /** The title of the dialog. */\n title?: string;\n /** The contents of the dialog header. */\n headerContent?: ReactNode;\n /** The variant styling of the dialog. */\n variant?: 'full-screen' | 'with-gutters';\n}\n\n/** Represents a component for a modal dialog. */\nexport function PageOverlay({\n buttons,\n children,\n isLoading,\n spinnerAriaValueText = 'Loading',\n closeButtonAriaValueText = 'Close',\n isOpen,\n noValidate = false,\n onClose,\n onSubmit,\n title,\n headerContent,\n variant = 'full-screen',\n}: PropsWithChildren<PageOverlayProps>) {\n const ref = useRef<HTMLDivElement>(null);\n const formRef = useRef<HTMLFormElement>(null);\n const [isScrollable, setIsScrollable] = useState(false);\n const [isScrolledToBottom, setIsScrolledToBottom] = useState(false);\n\n const { dialogProps, titleProps } = useDialog({ role: 'dialog' }, ref);\n const { modalProps } = useModal({ isDisabled: !isOpen });\n const { overlayProps, underlayProps } = useOverlay({ isOpen, onClose }, ref);\n\n usePreventScroll({ isDisabled: !isOpen });\n\n useEffect(() => {\n const formElement = formRef.current;\n\n if (!formElement) return;\n\n function checkScrollable() {\n const scrollHeight = formElement!.scrollHeight;\n const clientHeight = formElement!.clientHeight;\n const scrollTop = formElement!.scrollTop;\n\n setIsScrollable(scrollHeight > clientHeight);\n setIsScrolledToBottom(scrollTop + clientHeight >= scrollHeight);\n }\n\n function handleScrollAndResize() {\n checkScrollable();\n }\n\n formElement.addEventListener('scroll', handleScrollAndResize);\n window.addEventListener('resize', handleScrollAndResize);\n\n const timeoutId = setTimeout(() => {\n checkScrollable();\n }, 0);\n\n return () => {\n formElement.removeEventListener('scroll', handleScrollAndResize);\n\n window.removeEventListener('resize', handleScrollAndResize);\n clearTimeout(timeoutId);\n };\n }, [isOpen, headerContent]);\n\n function onKeyUp(event: KeyboardEvent) {\n event.stopPropagation();\n }\n\n if (!isOpen) return null;\n\n return (\n <OverlayContainer className={styles['page-overlay__container']}>\n <Backdrop {...underlayProps}>\n {isLoading ? (\n <Spinner ariaValueText={spinnerAriaValueText} />\n ) : (\n <>\n {/* eslint-disable-next-line jsx-a11y/no-autofocus */}\n <FocusScope autoFocus contain restoreFocus>\n <div\n {...dialogProps}\n {...modalProps}\n {...overlayProps}\n className={clsx(styles['page-overlay'], {\n [styles[`page-overlay--${variant}`]]: variant,\n })}\n onKeyUp={onKeyUp}\n role=\"presentation\"\n ref={ref}\n >\n {(title || headerContent) && (\n <div className={styles['page-overlay__title-wrapper']}>\n {title && (\n <h1 {...titleProps} className={styles['page-overlay__title']}>\n {title}\n </h1>\n )}\n {headerContent}\n {\n <span className={styles['page-overlay__close']}>\n <OverlayCloseButton aria-label={closeButtonAriaValueText} onClick={onClose} />\n </span>\n }\n </div>\n )}\n <form\n className={classNames(styles['page-overlay__content']
|
|
1
|
+
{"version":3,"file":"PageOverlay.js","sources":["../../../src/components/PageOverlay/PageOverlay.tsx"],"sourcesContent":["import { useDialog } from '@react-aria/dialog';\nimport { FocusScope } from '@react-aria/focus';\nimport { OverlayContainer, useModal, useOverlay, usePreventScroll } from '@react-aria/overlays';\nimport classNames, { clsx } from 'clsx';\nimport { useEffect, useRef, useState } from 'react';\n\nimport type { FormHTMLAttributes, KeyboardEvent, PropsWithChildren, ReactNode } from 'react';\n\nimport styles from './PageOverlay.module.css';\n\nimport { OverlayCloseButton } from 'components/OverlayCloseButton';\nimport { Spinner } from 'components/Spinner';\nimport { Backdrop } from 'components/Backdrop';\n\nexport interface PageOverlayProps {\n /** The buttons of the dialog. */\n buttons?: ReactNode;\n /** `true` to show a spinner, if the contents of the dialog is lazy loaded; otherwise, `false`. */\n isLoading?: boolean;\n /** The `aria-valuetext` value of the [Spinner](/story/atoms-spinner--spinner-example) component. Used together with `isLoading`. */\n spinnerAriaValueText?: string;\n /** The `aria-label` value of the [OverlayCloseButton](/story/atoms-overlayclosebutton--overlay-close-button-example) component. */\n closeButtonAriaValueText?: string;\n /** `true` to render the dialog opened; otherwise, `false`. */\n isOpen: boolean;\n /** `true` to disable form validation; otherwise, `false`. */\n noValidate?: boolean;\n /** The callback function that is invoked when the dialog is closed. */\n onClose?(): void;\n /** The callback function that is invoked when the form is submitted. */\n onSubmit?: FormHTMLAttributes<HTMLFormElement>['onSubmit'];\n /** The title of the dialog. */\n title?: string;\n /** The contents of the dialog header. */\n headerContent?: ReactNode;\n /** The variant styling of the dialog. */\n variant?: 'full-screen' | 'with-gutters';\n /** The content background color of the dialog. Default grey-300*/\n contentBackgroundColor?: 'grey' | 'white';\n}\n\n/** Represents a component for a modal dialog. */\nexport function PageOverlay({\n buttons,\n children,\n isLoading,\n spinnerAriaValueText = 'Loading',\n closeButtonAriaValueText = 'Close',\n isOpen,\n noValidate = false,\n onClose,\n onSubmit,\n title,\n headerContent,\n variant = 'full-screen',\n contentBackgroundColor = 'grey',\n}: PropsWithChildren<PageOverlayProps>) {\n const ref = useRef<HTMLDivElement>(null);\n const formRef = useRef<HTMLFormElement>(null);\n const [isScrollable, setIsScrollable] = useState(false);\n const [isScrolledToBottom, setIsScrolledToBottom] = useState(false);\n\n const { dialogProps, titleProps } = useDialog({ role: 'dialog' }, ref);\n const { modalProps } = useModal({ isDisabled: !isOpen });\n const { overlayProps, underlayProps } = useOverlay({ isOpen, onClose }, ref);\n\n usePreventScroll({ isDisabled: !isOpen });\n\n useEffect(() => {\n const formElement = formRef.current;\n\n if (!formElement) return;\n\n function checkScrollable() {\n const scrollHeight = formElement!.scrollHeight;\n const clientHeight = formElement!.clientHeight;\n const scrollTop = formElement!.scrollTop;\n\n setIsScrollable(scrollHeight > clientHeight);\n setIsScrolledToBottom(scrollTop + clientHeight >= scrollHeight);\n }\n\n function handleScrollAndResize() {\n checkScrollable();\n }\n\n formElement.addEventListener('scroll', handleScrollAndResize);\n window.addEventListener('resize', handleScrollAndResize);\n\n const timeoutId = setTimeout(() => {\n checkScrollable();\n }, 0);\n\n return () => {\n formElement.removeEventListener('scroll', handleScrollAndResize);\n\n window.removeEventListener('resize', handleScrollAndResize);\n clearTimeout(timeoutId);\n };\n }, [isOpen, headerContent]);\n\n function onKeyUp(event: KeyboardEvent) {\n event.stopPropagation();\n }\n\n if (!isOpen) return null;\n\n return (\n <OverlayContainer className={styles['page-overlay__container']}>\n <Backdrop {...underlayProps}>\n {isLoading ? (\n <Spinner ariaValueText={spinnerAriaValueText} />\n ) : (\n <>\n {/* eslint-disable-next-line jsx-a11y/no-autofocus */}\n <FocusScope autoFocus contain restoreFocus>\n <div\n {...dialogProps}\n {...modalProps}\n {...overlayProps}\n className={clsx(styles['page-overlay'], {\n [styles[`page-overlay--${variant}`]]: variant,\n })}\n onKeyUp={onKeyUp}\n role=\"presentation\"\n ref={ref}\n >\n {(title || headerContent) && (\n <div className={styles['page-overlay__title-wrapper']}>\n {title && (\n <h1 {...titleProps} className={styles['page-overlay__title']}>\n {title}\n </h1>\n )}\n {headerContent}\n {\n <span className={styles['page-overlay__close']}>\n <OverlayCloseButton aria-label={closeButtonAriaValueText} onClick={onClose} />\n </span>\n }\n </div>\n )}\n <form\n className={classNames(\n styles['page-overlay__content'],\n styles[`page-overlay__content--${contentBackgroundColor}`],\n {\n [styles['page-overlay--content-with-buttons']]: buttons,\n }\n )}\n onSubmit={onSubmit}\n noValidate={noValidate}\n ref={formRef}\n >\n <div className={styles['page-overlay__children']}>{children}</div>\n {buttons && (\n <div\n className={classNames(styles['page-overlay__buttons-bar'], {\n [styles['page-overlay__buttons-bar--shadow']]: isScrollable && !isScrolledToBottom,\n })}\n >\n {buttons}\n </div>\n )}\n </form>\n </div>\n </FocusScope>\n </>\n )}\n </Backdrop>\n </OverlayContainer>\n );\n}\n"],"names":["PageOverlay","buttons","children","isLoading","spinnerAriaValueText","closeButtonAriaValueText","isOpen","noValidate","onClose","onSubmit","title","headerContent","variant","contentBackgroundColor","ref","useRef","formRef","isScrollable","setIsScrollable","useState","isScrolledToBottom","setIsScrolledToBottom","dialogProps","titleProps","useDialog","modalProps","useModal","overlayProps","underlayProps","useOverlay","usePreventScroll","useEffect","formElement","checkScrollable","scrollHeight","clientHeight","scrollTop","handleScrollAndResize","timeoutId","onKeyUp","event","jsx","OverlayContainer","styles","Backdrop","Spinner","Fragment","FocusScope","jsxs","clsx","OverlayCloseButton","classNames"],"mappings":"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"}
|