@ultraviolet/ui 1.59.0 → 1.59.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.
- package/dist/components/Modal/Disclosure.cjs +2 -2
- package/dist/components/Modal/Disclosure.d.ts +1 -1
- package/dist/components/Modal/Disclosure.js +3 -3
- package/dist/components/Modal/index.cjs +3 -5
- package/dist/components/Modal/index.js +4 -6
- package/dist/components/Modal/types.d.ts +0 -1
- package/package.json +1 -1
|
@@ -7,9 +7,9 @@ const Disclosure = ({
|
|
|
7
7
|
visible,
|
|
8
8
|
handleClose,
|
|
9
9
|
toggle,
|
|
10
|
-
id
|
|
11
|
-
disclosureRef
|
|
10
|
+
id
|
|
12
11
|
}) => {
|
|
12
|
+
const disclosureRef = React.createRef();
|
|
13
13
|
React.useEffect(() => {
|
|
14
14
|
const element = disclosureRef.current;
|
|
15
15
|
element?.addEventListener("click", handleOpen);
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import type { DisclosureProps } from './types';
|
|
2
|
-
export declare const Disclosure: ({ disclosure, handleOpen, visible, handleClose, toggle, id,
|
|
2
|
+
export declare const Disclosure: ({ disclosure, handleOpen, visible, handleClose, toggle, id, }: DisclosureProps) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { useEffect, useMemo, isValidElement, cloneElement } from "react";
|
|
1
|
+
import { createRef, useEffect, useMemo, isValidElement, cloneElement } from "react";
|
|
2
2
|
const Disclosure = ({
|
|
3
3
|
disclosure,
|
|
4
4
|
handleOpen,
|
|
5
5
|
visible,
|
|
6
6
|
handleClose,
|
|
7
7
|
toggle,
|
|
8
|
-
id
|
|
9
|
-
disclosureRef
|
|
8
|
+
id
|
|
10
9
|
}) => {
|
|
10
|
+
const disclosureRef = createRef();
|
|
11
11
|
useEffect(() => {
|
|
12
12
|
const element = disclosureRef.current;
|
|
13
13
|
element?.addEventListener("click", handleOpen);
|
|
@@ -17,7 +17,7 @@ const StyledContainer = /* @__PURE__ */ _styled__default.default("div", process.
|
|
|
17
17
|
theme
|
|
18
18
|
}) => theme.space["2"], ";right:", ({
|
|
19
19
|
theme
|
|
20
|
-
}) => theme.space["2"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
20
|
+
}) => theme.space["2"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL01vZGFsL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0Q2tDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL01vZGFsL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBSZWFjdEVsZW1lbnQsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHR5cGUgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VDYWxsYmFjaywgdXNlSWQsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tICcuLi9CdXR0b24nXG5pbXBvcnQgeyBEaWFsb2cgfSBmcm9tICcuL0RpYWxvZydcbmltcG9ydCB7IERpc2Nsb3N1cmUgfSBmcm9tICcuL0Rpc2Nsb3N1cmUnXG5pbXBvcnQgdHlwZSB7IE1vZGFsUGxhY2VtZW50LCBNb2RhbFNpemUsIE1vZGFsU3RhdGUgfSBmcm9tICcuL3R5cGVzJ1xuXG5leHBvcnQgdHlwZSBNb2RhbFByb3BzID0ge1xuICBpZD86IHN0cmluZ1xuICBoaWRlT25Fc2M/OiBib29sZWFuXG4gIGhpZGVPbkNsaWNrT3V0c2lkZT86IGJvb2xlYW5cbiAgcHJldmVudEJvZHlTY3JvbGw/OiBib29sZWFuXG4gIGFyaWFMYWJlbD86IHN0cmluZ1xuICBkaXNjbG9zdXJlPzogUmVhY3RFbGVtZW50IHwgKChzdGF0ZTogTW9kYWxTdGF0ZSkgPT4gUmVhY3RFbGVtZW50KVxuICBpc0Nsb3NhYmxlPzogYm9vbGVhblxuICBvbkNsb3NlPzogKCkgPT4gdm9pZFxuICBvbkJlZm9yZUNsb3NlPzogKCkgPT4gUHJvbWlzZTx2b2lkPiB8IHZvaWRcbiAgb3Blbj86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEBkZXByZWNhdGVkIFlvdSBzaG91bGQgdXNlIG9wZW4gcHJvcCBpbnN0ZWFkXG4gICAqL1xuICBvcGVuZWQ/OiBib29sZWFuXG4gIHBsYWNlbWVudD86IE1vZGFsUGxhY2VtZW50XG4gIHNpemU/OiBNb2RhbFNpemVcbiAgLyoqXG4gICAqIEBkZXByZWNhdGVkIFlvdSBzaG91bGQgdXNlIHNpemUgcHJvcCBpbnN0ZWFkXG4gICAqL1xuICB3aWR0aD86IE1vZGFsU2l6ZVxuICBjaGlsZHJlbjogUmVhY3ROb2RlIHwgKChhcmdzOiBNb2RhbFN0YXRlKSA9PiBSZWFjdE5vZGUpXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAnZGF0YS10ZXN0aWQnPzogc3RyaW5nXG4gIGJhY2tkcm9wQ2xhc3NOYW1lPzogc3RyaW5nXG4gIC8qKlxuICAgKiBAZGVwcmVjYXRlZCBZb3Ugc2hvdWxkIHVzZSBiYWNrZHJvcENsYXNzTmFtZSBpbnN0ZWFkXG4gICAqL1xuICBjdXN0b21EaWFsb2dCYWNrZHJvcFN0eWxlcz86IFJlYWN0LkpTWC5JbnRyaW5zaWNBdHRyaWJ1dGVzWydjc3MnXVxuICAvKipcbiAgICogQGRlcHJlY2F0ZWQgWW91IHNob3VsZCB1c2UgY2xhc3NOYW1lIGluc3RlYWRcbiAgICovXG4gIGN1c3RvbURpYWxvZ1N0eWxlcz86IFJlYWN0LkpTWC5JbnRyaW5zaWNBdHRyaWJ1dGVzWydjc3MnXVxufVxuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgcmlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG5gXG5cbi8qKlxuICogTW9kYWwgaXMgYSBjb21wb25lbnQgdGhhdCBhbGxvd3MgeW91IHRvIGRpc3BsYXkgY29udGVudCBvbiB0b3Agb2Ygb3RoZXIgY29udGVudC5cbiAqIEl0IGlzIG9mdGVuIHVzZWQgdG8gZGlzcGxheSBhIGRpYWxvZyB3aXRoIGFkZGl0aW9uYWwgaW5mb3JtYXRpb24gb3IgdG8gYXNrIGZvciBhIGNvbmZpcm1hdGlvbi5cbiAqL1xuZXhwb3J0IGNvbnN0IE1vZGFsID0gKHtcbiAgYXJpYUxhYmVsID0gJ21vZGFsJyxcbiAgaWQsXG4gIGNoaWxkcmVuLFxuICBkaXNjbG9zdXJlLFxuICBoaWRlT25DbGlja091dHNpZGUgPSB0cnVlLFxuICBoaWRlT25Fc2MgPSB0cnVlLFxuICBpc0Nsb3NhYmxlID0gdHJ1ZSxcbiAgb25DbG9zZSxcbiAgb25CZWZvcmVDbG9zZSxcbiAgb3BlbiA9IGZhbHNlLFxuICBvcGVuZWQgPSBmYWxzZSxcbiAgcGxhY2VtZW50ID0gJ2NlbnRlcicsXG4gIHByZXZlbnRCb2R5U2Nyb2xsID0gdHJ1ZSxcbiAgc2l6ZSxcbiAgY2xhc3NOYW1lLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxuICBiYWNrZHJvcENsYXNzTmFtZSxcbiAgd2lkdGggPSAnc21hbGwnLFxuICBjdXN0b21EaWFsb2dTdHlsZXMsXG4gIGN1c3RvbURpYWxvZ0JhY2tkcm9wU3R5bGVzLFxufTogTW9kYWxQcm9wcykgPT4ge1xuICAvLyBVc2VkIGZvciBkaXNjbG9zdXJlIHVzYWdlIG9ubHlcbiAgY29uc3QgW3Zpc2libGUsIHNldFZpc2libGVdID0gdXNlU3RhdGUoZmFsc2UpXG4gIGNvbnN0IGNvbnRyb2xJZCA9IHVzZUlkKClcblxuICBjb25zdCBoYW5kbGVPcGVuID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIHNldFZpc2libGUodHJ1ZSlcbiAgfSwgW10pXG5cbiAgY29uc3QgaGFuZGxlQ2xvc2UgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgaWYgKG9uQ2xvc2UpIHtcbiAgICAgIG9uQ2xvc2UoKVxuICAgIH0gZWxzZSB7XG4gICAgICBjb25zdCBwcm9taXNlID0gb25CZWZvcmVDbG9zZT8uKClcbiAgICAgIGlmIChwcm9taXNlICYmICdjYXRjaCcgaW4gcHJvbWlzZSkge1xuICAgICAgICBwcm9taXNlLmNhdGNoKCgpID0+IG51bGwpXG4gICAgICB9XG4gICAgICBzZXRWaXNpYmxlKGZhbHNlKVxuICAgIH1cbiAgfSwgW29uQmVmb3JlQ2xvc2UsIG9uQ2xvc2VdKVxuXG4gIGNvbnN0IGhhbmRsZVRvZ2dsZSA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBzZXRWaXNpYmxlKGN1cnJlbnQgPT4gIWN1cnJlbnQpXG4gIH0sIFtdKVxuXG4gIGNvbnN0IGZpbmFsSWQgPSBpZCA/PyBjb250cm9sSWRcbiAgY29uc3QgZmluYWxTaXplID0gc2l6ZSA/PyB3aWR0aFxuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIHtkaXNjbG9zdXJlID8gKFxuICAgICAgICA8RGlzY2xvc3VyZVxuICAgICAgICAgIGlkPXtmaW5hbElkfVxuICAgICAgICAgIGhhbmRsZU9wZW49e2hhbmRsZU9wZW59XG4gICAgICAgICAgZGlzY2xvc3VyZT17ZGlzY2xvc3VyZX1cbiAgICAgICAgICBoYW5kbGVDbG9zZT17aGFuZGxlQ2xvc2V9XG4gICAgICAgICAgdmlzaWJsZT17dmlzaWJsZX1cbiAgICAgICAgICB0b2dnbGU9e2hhbmRsZVRvZ2dsZX1cbiAgICAgICAgLz5cbiAgICAgICkgOiBudWxsfVxuICAgICAgPERpYWxvZ1xuICAgICAgICBvcGVuPXt2aXNpYmxlIHx8IG9wZW4gfHwgb3BlbmVkfVxuICAgICAgICBwbGFjZW1lbnQ9e3BsYWNlbWVudH1cbiAgICAgICAgc2l6ZT17ZmluYWxTaXplfVxuICAgICAgICBhcmlhTGFiZWw9e2FyaWFMYWJlbH1cbiAgICAgICAgaGlkZU9uQ2xpY2tPdXRzaWRlPXtoaWRlT25DbGlja091dHNpZGV9XG4gICAgICAgIGhpZGVPbkVzYz17aGlkZU9uRXNjfVxuICAgICAgICBwcmV2ZW50Qm9keVNjcm9sbD17cHJldmVudEJvZHlTY3JvbGx9XG4gICAgICAgIG9uQ2xvc2U9e2hhbmRsZUNsb3NlfVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgYmFja2Ryb3BDbGFzc05hbWU9e2JhY2tkcm9wQ2xhc3NOYW1lfVxuICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgICAgaWQ9e2ZpbmFsSWR9XG4gICAgICAgIGRpYWxvZ0Nzcz17Y3VzdG9tRGlhbG9nU3R5bGVzfVxuICAgICAgICBiYWNrZHJvcENzcz17Y3VzdG9tRGlhbG9nQmFja2Ryb3BTdHlsZXN9XG4gICAgICA+XG4gICAgICAgIDw+XG4gICAgICAgICAge3R5cGVvZiBjaGlsZHJlbiA9PT0gJ2Z1bmN0aW9uJ1xuICAgICAgICAgICAgPyBjaGlsZHJlbih7XG4gICAgICAgICAgICAgICAgdmlzaWJsZSxcbiAgICAgICAgICAgICAgICBvbkNsb3NlOiBoYW5kbGVDbG9zZSxcbiAgICAgICAgICAgICAgICBvbk9wZW46IGhhbmRsZU9wZW4sXG4gICAgICAgICAgICAgICAgdG9nZ2xlOiBoYW5kbGVUb2dnbGUsXG4gICAgICAgICAgICAgICAgbW9kYWxJZDogZmluYWxJZCxcbiAgICAgICAgICAgICAgICBoaWRlOiBoYW5kbGVDbG9zZSxcbiAgICAgICAgICAgICAgICBjbG9zZTogaGFuZGxlQ2xvc2UsXG4gICAgICAgICAgICAgICAgc2hvdzogaGFuZGxlT3BlbixcbiAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgIDogY2hpbGRyZW59XG4gICAgICAgICAgPFN0eWxlZENvbnRhaW5lcj5cbiAgICAgICAgICAgIHtpc0Nsb3NhYmxlID8gKFxuICAgICAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICAgICAgZGF0YS10ZXN0aWQ9e1xuICAgICAgICAgICAgICAgICAgZGF0YVRlc3RJZCA/IGAke2RhdGFUZXN0SWR9LWNsb3NlLWJ1dHRvbmAgOiB1bmRlZmluZWRcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgb25DbGljaz17aGFuZGxlQ2xvc2V9XG4gICAgICAgICAgICAgICAgdmFyaWFudD1cImdob3N0XCJcbiAgICAgICAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAgICAgICAgIGljb249XCJjbG9zZVwiXG4gICAgICAgICAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgICAgICAgYXJpYS1sYWJlbD1cImNsb3NlXCJcbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICAgICAgICA8Lz5cbiAgICAgIDwvRGlhbG9nPlxuICAgIDwvPlxuICApXG59XG4iXX0= */"));
|
|
21
21
|
const Modal = ({
|
|
22
22
|
ariaLabel = "modal",
|
|
23
23
|
id,
|
|
@@ -42,7 +42,6 @@ const Modal = ({
|
|
|
42
42
|
}) => {
|
|
43
43
|
const [visible, setVisible] = React.useState(false);
|
|
44
44
|
const controlId = React.useId();
|
|
45
|
-
const disclosureRef = React.useRef(null);
|
|
46
45
|
const handleOpen = React.useCallback(() => {
|
|
47
46
|
setVisible(true);
|
|
48
47
|
}, []);
|
|
@@ -56,15 +55,14 @@ const Modal = ({
|
|
|
56
55
|
}
|
|
57
56
|
setVisible(false);
|
|
58
57
|
}
|
|
59
|
-
|
|
60
|
-
}, [disclosureRef, onBeforeClose, onClose]);
|
|
58
|
+
}, [onBeforeClose, onClose]);
|
|
61
59
|
const handleToggle = React.useCallback(() => {
|
|
62
60
|
setVisible((current) => !current);
|
|
63
61
|
}, []);
|
|
64
62
|
const finalId = id ?? controlId;
|
|
65
63
|
const finalSize = size ?? width;
|
|
66
64
|
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
67
|
-
disclosure ? /* @__PURE__ */ jsxRuntime.jsx(Disclosure.Disclosure, { id: finalId, handleOpen, disclosure, handleClose, visible, toggle: handleToggle
|
|
65
|
+
disclosure ? /* @__PURE__ */ jsxRuntime.jsx(Disclosure.Disclosure, { id: finalId, handleOpen, disclosure, handleClose, visible, toggle: handleToggle }) : null,
|
|
68
66
|
/* @__PURE__ */ jsxRuntime.jsx(Dialog.Dialog, { open: visible || open || opened, placement, size: finalSize, ariaLabel, hideOnClickOutside, hideOnEsc, preventBodyScroll, onClose: handleClose, className, backdropClassName, "data-testid": dataTestId, id: finalId, dialogCss: customDialogStyles, backdropCss: customDialogBackdropStyles, children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
69
67
|
typeof children === "function" ? children({
|
|
70
68
|
visible,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs, Fragment, jsx } from "@emotion/react/jsx-runtime";
|
|
2
2
|
import _styled from "@emotion/styled/base";
|
|
3
|
-
import { useState, useId,
|
|
3
|
+
import { useState, useId, useCallback } from "react";
|
|
4
4
|
import { Button } from "../Button/index.js";
|
|
5
5
|
import { Dialog } from "./Dialog.js";
|
|
6
6
|
import { Disclosure } from "./Disclosure.js";
|
|
@@ -13,7 +13,7 @@ const StyledContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV ===
|
|
|
13
13
|
theme
|
|
14
14
|
}) => theme.space["2"], ";right:", ({
|
|
15
15
|
theme
|
|
16
|
-
}) => theme.space["2"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
16
|
+
}) => theme.space["2"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL01vZGFsL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0Q2tDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL01vZGFsL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBSZWFjdEVsZW1lbnQsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHR5cGUgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VDYWxsYmFjaywgdXNlSWQsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tICcuLi9CdXR0b24nXG5pbXBvcnQgeyBEaWFsb2cgfSBmcm9tICcuL0RpYWxvZydcbmltcG9ydCB7IERpc2Nsb3N1cmUgfSBmcm9tICcuL0Rpc2Nsb3N1cmUnXG5pbXBvcnQgdHlwZSB7IE1vZGFsUGxhY2VtZW50LCBNb2RhbFNpemUsIE1vZGFsU3RhdGUgfSBmcm9tICcuL3R5cGVzJ1xuXG5leHBvcnQgdHlwZSBNb2RhbFByb3BzID0ge1xuICBpZD86IHN0cmluZ1xuICBoaWRlT25Fc2M/OiBib29sZWFuXG4gIGhpZGVPbkNsaWNrT3V0c2lkZT86IGJvb2xlYW5cbiAgcHJldmVudEJvZHlTY3JvbGw/OiBib29sZWFuXG4gIGFyaWFMYWJlbD86IHN0cmluZ1xuICBkaXNjbG9zdXJlPzogUmVhY3RFbGVtZW50IHwgKChzdGF0ZTogTW9kYWxTdGF0ZSkgPT4gUmVhY3RFbGVtZW50KVxuICBpc0Nsb3NhYmxlPzogYm9vbGVhblxuICBvbkNsb3NlPzogKCkgPT4gdm9pZFxuICBvbkJlZm9yZUNsb3NlPzogKCkgPT4gUHJvbWlzZTx2b2lkPiB8IHZvaWRcbiAgb3Blbj86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEBkZXByZWNhdGVkIFlvdSBzaG91bGQgdXNlIG9wZW4gcHJvcCBpbnN0ZWFkXG4gICAqL1xuICBvcGVuZWQ/OiBib29sZWFuXG4gIHBsYWNlbWVudD86IE1vZGFsUGxhY2VtZW50XG4gIHNpemU/OiBNb2RhbFNpemVcbiAgLyoqXG4gICAqIEBkZXByZWNhdGVkIFlvdSBzaG91bGQgdXNlIHNpemUgcHJvcCBpbnN0ZWFkXG4gICAqL1xuICB3aWR0aD86IE1vZGFsU2l6ZVxuICBjaGlsZHJlbjogUmVhY3ROb2RlIHwgKChhcmdzOiBNb2RhbFN0YXRlKSA9PiBSZWFjdE5vZGUpXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAnZGF0YS10ZXN0aWQnPzogc3RyaW5nXG4gIGJhY2tkcm9wQ2xhc3NOYW1lPzogc3RyaW5nXG4gIC8qKlxuICAgKiBAZGVwcmVjYXRlZCBZb3Ugc2hvdWxkIHVzZSBiYWNrZHJvcENsYXNzTmFtZSBpbnN0ZWFkXG4gICAqL1xuICBjdXN0b21EaWFsb2dCYWNrZHJvcFN0eWxlcz86IFJlYWN0LkpTWC5JbnRyaW5zaWNBdHRyaWJ1dGVzWydjc3MnXVxuICAvKipcbiAgICogQGRlcHJlY2F0ZWQgWW91IHNob3VsZCB1c2UgY2xhc3NOYW1lIGluc3RlYWRcbiAgICovXG4gIGN1c3RvbURpYWxvZ1N0eWxlcz86IFJlYWN0LkpTWC5JbnRyaW5zaWNBdHRyaWJ1dGVzWydjc3MnXVxufVxuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgcmlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG5gXG5cbi8qKlxuICogTW9kYWwgaXMgYSBjb21wb25lbnQgdGhhdCBhbGxvd3MgeW91IHRvIGRpc3BsYXkgY29udGVudCBvbiB0b3Agb2Ygb3RoZXIgY29udGVudC5cbiAqIEl0IGlzIG9mdGVuIHVzZWQgdG8gZGlzcGxheSBhIGRpYWxvZyB3aXRoIGFkZGl0aW9uYWwgaW5mb3JtYXRpb24gb3IgdG8gYXNrIGZvciBhIGNvbmZpcm1hdGlvbi5cbiAqL1xuZXhwb3J0IGNvbnN0IE1vZGFsID0gKHtcbiAgYXJpYUxhYmVsID0gJ21vZGFsJyxcbiAgaWQsXG4gIGNoaWxkcmVuLFxuICBkaXNjbG9zdXJlLFxuICBoaWRlT25DbGlja091dHNpZGUgPSB0cnVlLFxuICBoaWRlT25Fc2MgPSB0cnVlLFxuICBpc0Nsb3NhYmxlID0gdHJ1ZSxcbiAgb25DbG9zZSxcbiAgb25CZWZvcmVDbG9zZSxcbiAgb3BlbiA9IGZhbHNlLFxuICBvcGVuZWQgPSBmYWxzZSxcbiAgcGxhY2VtZW50ID0gJ2NlbnRlcicsXG4gIHByZXZlbnRCb2R5U2Nyb2xsID0gdHJ1ZSxcbiAgc2l6ZSxcbiAgY2xhc3NOYW1lLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxuICBiYWNrZHJvcENsYXNzTmFtZSxcbiAgd2lkdGggPSAnc21hbGwnLFxuICBjdXN0b21EaWFsb2dTdHlsZXMsXG4gIGN1c3RvbURpYWxvZ0JhY2tkcm9wU3R5bGVzLFxufTogTW9kYWxQcm9wcykgPT4ge1xuICAvLyBVc2VkIGZvciBkaXNjbG9zdXJlIHVzYWdlIG9ubHlcbiAgY29uc3QgW3Zpc2libGUsIHNldFZpc2libGVdID0gdXNlU3RhdGUoZmFsc2UpXG4gIGNvbnN0IGNvbnRyb2xJZCA9IHVzZUlkKClcblxuICBjb25zdCBoYW5kbGVPcGVuID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIHNldFZpc2libGUodHJ1ZSlcbiAgfSwgW10pXG5cbiAgY29uc3QgaGFuZGxlQ2xvc2UgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgaWYgKG9uQ2xvc2UpIHtcbiAgICAgIG9uQ2xvc2UoKVxuICAgIH0gZWxzZSB7XG4gICAgICBjb25zdCBwcm9taXNlID0gb25CZWZvcmVDbG9zZT8uKClcbiAgICAgIGlmIChwcm9taXNlICYmICdjYXRjaCcgaW4gcHJvbWlzZSkge1xuICAgICAgICBwcm9taXNlLmNhdGNoKCgpID0+IG51bGwpXG4gICAgICB9XG4gICAgICBzZXRWaXNpYmxlKGZhbHNlKVxuICAgIH1cbiAgfSwgW29uQmVmb3JlQ2xvc2UsIG9uQ2xvc2VdKVxuXG4gIGNvbnN0IGhhbmRsZVRvZ2dsZSA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBzZXRWaXNpYmxlKGN1cnJlbnQgPT4gIWN1cnJlbnQpXG4gIH0sIFtdKVxuXG4gIGNvbnN0IGZpbmFsSWQgPSBpZCA/PyBjb250cm9sSWRcbiAgY29uc3QgZmluYWxTaXplID0gc2l6ZSA/PyB3aWR0aFxuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIHtkaXNjbG9zdXJlID8gKFxuICAgICAgICA8RGlzY2xvc3VyZVxuICAgICAgICAgIGlkPXtmaW5hbElkfVxuICAgICAgICAgIGhhbmRsZU9wZW49e2hhbmRsZU9wZW59XG4gICAgICAgICAgZGlzY2xvc3VyZT17ZGlzY2xvc3VyZX1cbiAgICAgICAgICBoYW5kbGVDbG9zZT17aGFuZGxlQ2xvc2V9XG4gICAgICAgICAgdmlzaWJsZT17dmlzaWJsZX1cbiAgICAgICAgICB0b2dnbGU9e2hhbmRsZVRvZ2dsZX1cbiAgICAgICAgLz5cbiAgICAgICkgOiBudWxsfVxuICAgICAgPERpYWxvZ1xuICAgICAgICBvcGVuPXt2aXNpYmxlIHx8IG9wZW4gfHwgb3BlbmVkfVxuICAgICAgICBwbGFjZW1lbnQ9e3BsYWNlbWVudH1cbiAgICAgICAgc2l6ZT17ZmluYWxTaXplfVxuICAgICAgICBhcmlhTGFiZWw9e2FyaWFMYWJlbH1cbiAgICAgICAgaGlkZU9uQ2xpY2tPdXRzaWRlPXtoaWRlT25DbGlja091dHNpZGV9XG4gICAgICAgIGhpZGVPbkVzYz17aGlkZU9uRXNjfVxuICAgICAgICBwcmV2ZW50Qm9keVNjcm9sbD17cHJldmVudEJvZHlTY3JvbGx9XG4gICAgICAgIG9uQ2xvc2U9e2hhbmRsZUNsb3NlfVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgYmFja2Ryb3BDbGFzc05hbWU9e2JhY2tkcm9wQ2xhc3NOYW1lfVxuICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgICAgaWQ9e2ZpbmFsSWR9XG4gICAgICAgIGRpYWxvZ0Nzcz17Y3VzdG9tRGlhbG9nU3R5bGVzfVxuICAgICAgICBiYWNrZHJvcENzcz17Y3VzdG9tRGlhbG9nQmFja2Ryb3BTdHlsZXN9XG4gICAgICA+XG4gICAgICAgIDw+XG4gICAgICAgICAge3R5cGVvZiBjaGlsZHJlbiA9PT0gJ2Z1bmN0aW9uJ1xuICAgICAgICAgICAgPyBjaGlsZHJlbih7XG4gICAgICAgICAgICAgICAgdmlzaWJsZSxcbiAgICAgICAgICAgICAgICBvbkNsb3NlOiBoYW5kbGVDbG9zZSxcbiAgICAgICAgICAgICAgICBvbk9wZW46IGhhbmRsZU9wZW4sXG4gICAgICAgICAgICAgICAgdG9nZ2xlOiBoYW5kbGVUb2dnbGUsXG4gICAgICAgICAgICAgICAgbW9kYWxJZDogZmluYWxJZCxcbiAgICAgICAgICAgICAgICBoaWRlOiBoYW5kbGVDbG9zZSxcbiAgICAgICAgICAgICAgICBjbG9zZTogaGFuZGxlQ2xvc2UsXG4gICAgICAgICAgICAgICAgc2hvdzogaGFuZGxlT3BlbixcbiAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgIDogY2hpbGRyZW59XG4gICAgICAgICAgPFN0eWxlZENvbnRhaW5lcj5cbiAgICAgICAgICAgIHtpc0Nsb3NhYmxlID8gKFxuICAgICAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICAgICAgZGF0YS10ZXN0aWQ9e1xuICAgICAgICAgICAgICAgICAgZGF0YVRlc3RJZCA/IGAke2RhdGFUZXN0SWR9LWNsb3NlLWJ1dHRvbmAgOiB1bmRlZmluZWRcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgb25DbGljaz17aGFuZGxlQ2xvc2V9XG4gICAgICAgICAgICAgICAgdmFyaWFudD1cImdob3N0XCJcbiAgICAgICAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAgICAgICAgIGljb249XCJjbG9zZVwiXG4gICAgICAgICAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgICAgICAgYXJpYS1sYWJlbD1cImNsb3NlXCJcbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICAgICAgICA8Lz5cbiAgICAgIDwvRGlhbG9nPlxuICAgIDwvPlxuICApXG59XG4iXX0= */"));
|
|
17
17
|
const Modal = ({
|
|
18
18
|
ariaLabel = "modal",
|
|
19
19
|
id,
|
|
@@ -38,7 +38,6 @@ const Modal = ({
|
|
|
38
38
|
}) => {
|
|
39
39
|
const [visible, setVisible] = useState(false);
|
|
40
40
|
const controlId = useId();
|
|
41
|
-
const disclosureRef = useRef(null);
|
|
42
41
|
const handleOpen = useCallback(() => {
|
|
43
42
|
setVisible(true);
|
|
44
43
|
}, []);
|
|
@@ -52,15 +51,14 @@ const Modal = ({
|
|
|
52
51
|
}
|
|
53
52
|
setVisible(false);
|
|
54
53
|
}
|
|
55
|
-
|
|
56
|
-
}, [disclosureRef, onBeforeClose, onClose]);
|
|
54
|
+
}, [onBeforeClose, onClose]);
|
|
57
55
|
const handleToggle = useCallback(() => {
|
|
58
56
|
setVisible((current) => !current);
|
|
59
57
|
}, []);
|
|
60
58
|
const finalId = id ?? controlId;
|
|
61
59
|
const finalSize = size ?? width;
|
|
62
60
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
63
|
-
disclosure ? /* @__PURE__ */ jsx(Disclosure, { id: finalId, handleOpen, disclosure, handleClose, visible, toggle: handleToggle
|
|
61
|
+
disclosure ? /* @__PURE__ */ jsx(Disclosure, { id: finalId, handleOpen, disclosure, handleClose, visible, toggle: handleToggle }) : null,
|
|
64
62
|
/* @__PURE__ */ jsx(Dialog, { open: visible || open || opened, placement, size: finalSize, ariaLabel, hideOnClickOutside, hideOnEsc, preventBodyScroll, onClose: handleClose, className, backdropClassName, "data-testid": dataTestId, id: finalId, dialogCss: customDialogStyles, backdropCss: customDialogBackdropStyles, children: /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
65
63
|
typeof children === "function" ? children({
|
|
66
64
|
visible,
|