@ultraviolet/ui 1.61.1 → 1.63.0
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/Badge/index.cjs +9 -5
- package/dist/components/Badge/index.d.ts +5 -0
- package/dist/components/Badge/index.js +10 -6
- package/dist/components/ExpandableCard/components/Title.cjs +11 -0
- package/dist/components/ExpandableCard/components/Title.d.ts +7 -0
- package/dist/components/ExpandableCard/components/Title.js +11 -0
- package/dist/components/ExpandableCard/index.cjs +87 -0
- package/dist/components/ExpandableCard/index.d.ts +22 -0
- package/dist/components/ExpandableCard/index.js +85 -0
- package/dist/components/Modal/ModalContent.cjs +53 -0
- package/dist/components/Modal/ModalContent.d.ts +17 -0
- package/dist/components/Modal/ModalContent.js +51 -0
- package/dist/components/Modal/ModalProvider.cjs +40 -0
- package/dist/components/Modal/ModalProvider.d.ts +14 -0
- package/dist/components/Modal/ModalProvider.js +40 -0
- package/dist/components/Modal/components/Dialog.cjs +162 -0
- package/dist/components/Modal/components/Dialog.d.ts +13 -0
- package/dist/components/Modal/components/Dialog.js +160 -0
- package/dist/components/Modal/{Disclosure.d.ts → components/Disclosure.d.ts} +1 -1
- package/dist/components/Modal/index.cjs +5 -29
- package/dist/components/Modal/index.js +6 -28
- package/dist/components/Slider/components/DoubleSlider.cjs +53 -63
- package/dist/components/Slider/components/DoubleSlider.d.ts +1 -1
- package/dist/components/Slider/components/DoubleSlider.js +55 -65
- package/dist/components/Slider/components/Options.cjs +29 -7
- package/dist/components/Slider/components/Options.d.ts +23 -2
- package/dist/components/Slider/components/Options.js +26 -6
- package/dist/components/Slider/components/SingleSlider.cjs +32 -42
- package/dist/components/Slider/components/SingleSlider.d.ts +1 -1
- package/dist/components/Slider/components/SingleSlider.js +33 -43
- package/dist/components/Slider/index.cjs +4 -5
- package/dist/components/Slider/index.d.ts +1 -1
- package/dist/components/Slider/index.js +4 -5
- package/dist/components/Slider/styles.cjs +15 -52
- package/dist/components/Slider/styles.d.ts +1 -31
- package/dist/components/Slider/styles.js +13 -50
- package/dist/components/Slider/types.d.ts +2 -18
- package/dist/components/TextArea/index.cjs +5 -5
- package/dist/components/TextArea/index.js +5 -5
- package/dist/components/UnitInput/index.cjs +5 -5
- package/dist/components/UnitInput/index.js +5 -5
- package/dist/components/index.d.ts +1 -0
- package/dist/index.cjs +110 -108
- package/dist/index.js +2 -0
- package/package.json +4 -4
- package/dist/components/Modal/Dialog.cjs +0 -144
- package/dist/components/Modal/Dialog.d.ts +0 -11
- package/dist/components/Modal/Dialog.js +0 -142
- /package/dist/components/Modal/{Disclosure.cjs → components/Disclosure.cjs} +0 -0
- /package/dist/components/Modal/{Disclosure.js → components/Disclosure.js} +0 -0
|
@@ -1,144 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
4
|
-
const _styled = require("@emotion/styled/base");
|
|
5
|
-
const React = require("react");
|
|
6
|
-
const reactDom = require("react-dom");
|
|
7
|
-
const constants = require("./constants.cjs");
|
|
8
|
-
const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
|
|
9
|
-
const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
|
|
10
|
-
const StyledBackdrop = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
|
|
11
|
-
target: "e1cqen9h1"
|
|
12
|
-
} : {
|
|
13
|
-
target: "e1cqen9h1",
|
|
14
|
-
label: "StyledBackdrop"
|
|
15
|
-
})("position:fixed;top:0;right:0;height:0;width:0;overflow:hidden;background-color:", ({
|
|
16
|
-
theme
|
|
17
|
-
}) => theme.colors.overlay, ";z-index:1;&[data-open='true']{padding:", ({
|
|
18
|
-
theme
|
|
19
|
-
}) => theme.space["2"], ";overflow:auto;display:flex;bottom:0;left:0;height:100%;width:100%;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL01vZGFsL0RpYWxvZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWTJEIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL01vZGFsL0RpYWxvZy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHtcbiAgRm9jdXNFdmVudEhhbmRsZXIsXG4gIEtleWJvYXJkRXZlbnRIYW5kbGVyLFxuICBNb3VzZUV2ZW50SGFuZGxlcixcbiAgUmVhY3RFdmVudEhhbmRsZXIsXG59IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjcmVhdGVQb3J0YWwgfSBmcm9tICdyZWFjdC1kb20nXG5pbXBvcnQgeyBNT0RBTF9QTEFDRU1FTlQsIE1PREFMX1dJRFRIIH0gZnJvbSAnLi9jb25zdGFudHMnXG5pbXBvcnQgdHlwZSB7IERpYWxvZ1Byb3BzLCBNb2RhbFBsYWNlbWVudCwgTW9kYWxTaXplIH0gZnJvbSAnLi90eXBlcydcblxuY29uc3QgU3R5bGVkQmFja2Ryb3AgPSBzdHlsZWQuZGl2PHsgJ2RhdGEtb3Blbic6IGJvb2xlYW4gfT5gXG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgdG9wOiAwO1xuICByaWdodDogMDtcbiAgaGVpZ2h0OiAwO1xuICB3aWR0aDogMDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMub3ZlcmxheX07XG4gIHotaW5kZXg6IDE7XG5cbiAgJltkYXRhLW9wZW49J3RydWUnXSB7XG4gICAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgICBvdmVyZmxvdzogYXV0bztcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGJvdHRvbTogMDtcbiAgICBsZWZ0OiAwO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxuYFxuXG50eXBlIFN0eWxlZERpYWxvZ1Byb3BzID0ge1xuICAnZGF0YS1zaXplJzogTW9kYWxTaXplXG4gICdkYXRhLXBsYWNlbWVudCc6IE1vZGFsUGxhY2VtZW50XG59XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREaWFsb2cgPSBzdHlsZWQuZGlhbG9nPFN0eWxlZERpYWxvZ1Byb3BzPmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PlxuICAgIHRoZW1lLmNvbG9ycy5vdGhlci5lbGV2YXRpb24uYmFja2dyb3VuZC5vdmVybGF5fTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpLmRlZmF1bHR9O1xuICBib3JkZXI6IDA7XG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzMnXX07XG4gIHdpZHRoOiAke01PREFMX1dJRFRILm1lZGl1bX1weDtcbiAgYm94LXNoYWRvdzogJHsoeyB0aGVtZSB9KSA9PiBgJHt0aGVtZS5zaGFkb3dzLm92ZXJsYXlbMF19LCAke3RoZW1lLnNoYWRvd3Mub3ZlcmxheVsxXX1gfTtcblxuXG4gICR7T2JqZWN0LmVudHJpZXMoTU9EQUxfV0lEVEgpLm1hcChcbiAgICAoW3NpemUsIHZhbHVlXSkgPT4gYFxuICAgICAgJltkYXRhLXNpemU9XCIke3NpemV9XCJdIHtcbiAgICAgICAgd2lkdGg6ICR7dmFsdWV9cHg7XG4gICAgICB9XG4gICAgICBgLFxuICApfVxuXG4gICR7T2JqZWN0LmVudHJpZXMoTU9EQUxfUExBQ0VNRU5UKS5tYXAoXG4gICAgKFtwbGFjZW1lbnQsIHZhbHVlXSkgPT4gYFxuICAgICAgICAmW2RhdGEtcGxhY2VtZW50PVwiJHtwbGFjZW1lbnR9XCJdIHtcbiAgICAgICAgICAke3ZhbHVlfVxuICAgICAgICB9XG4gICAgICAgIGAsXG4gICl9XG5gXG5cbmV4cG9ydCBjb25zdCBEaWFsb2cgPSAoe1xuICBjaGlsZHJlbixcbiAgb3BlbixcbiAgcGxhY2VtZW50LFxuICBvbkNsb3NlLFxuICBoaWRlT25DbGlja091dHNpZGUsXG4gIHNpemUsXG4gIGlkLFxuICBhcmlhTGFiZWwsXG4gIGNsYXNzTmFtZSxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbiAgcHJldmVudEJvZHlTY3JvbGwsXG4gIGhpZGVPbkVzYyxcbiAgYmFja2Ryb3BDbGFzc05hbWUsXG4gIGRpYWxvZ0NzcyxcbiAgYmFja2Ryb3BDc3MsXG59OiBEaWFsb2dQcm9wcykgPT4ge1xuICBjb25zdCBjb250YWluZXJSZWYgPSB1c2VSZWYoZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnZGl2JykpXG4gIGNvbnN0IGRpYWxvZ1JlZiA9IHVzZVJlZjxIVE1MRGlhbG9nRWxlbWVudD4obnVsbClcbiAgY29uc3Qgb25DbG9zZVJlZiA9IHVzZVJlZihvbkNsb3NlKVxuXG4gIC8vIFBvcnRhbCB0byBwdXQgdGhlIG1vZGFsIGluXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgZWxlbWVudCA9IGNvbnRhaW5lclJlZi5jdXJyZW50XG4gICAgaWYgKG9wZW4pIHtcbiAgICAgIGRvY3VtZW50LmJvZHkuYXBwZW5kQ2hpbGQoZWxlbWVudClcbiAgICB9XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgaWYgKGRvY3VtZW50LmJvZHkuY29udGFpbnMoZWxlbWVudCkpIHtcbiAgICAgICAgZG9jdW1lbnQuYm9keS5yZW1vdmVDaGlsZChlbGVtZW50KVxuICAgICAgfVxuICAgIH1cbiAgfSwgW29wZW5dKVxuXG4gIC8vIFNhdmUgdGhlIHJlYXNzaWdubWVudCBvZiBldmVudEhhbmRsZXIgaW4gdGhlIHVzZUVmZmVjdCBiZWxvd1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIG9uQ2xvc2VSZWYuY3VycmVudCA9IG9uQ2xvc2VcbiAgfSwgW29uQ2xvc2VdKVxuXG4gIC8vIE9uIG9wZW4gZm9jdXMgdGhlIG1vZGFsXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKG9wZW4pIHtcbiAgICAgIGRpYWxvZ1JlZi5jdXJyZW50Py5mb2N1cygpXG4gICAgfVxuICB9LCBbb3Blbl0pXG5cbiAgLy8gSGFuZGxlIGJvZHkgc2Nyb2xsXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgcHJldmlvdXNPdmVyZmxvdyA9IGRvY3VtZW50LmJvZHkuc3R5bGUub3ZlcmZsb3dcblxuICAgIGlmIChvcGVuICYmIHByZXZlbnRCb2R5U2Nyb2xsKSB7XG4gICAgICBkb2N1bWVudC5ib2R5LnN0eWxlLm92ZXJmbG93ID0gJ2hpZGRlbidcbiAgICB9XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgZG9jdW1lbnQuYm9keS5zdHlsZS5vdmVyZmxvdyA9IHByZXZpb3VzT3ZlcmZsb3dcbiAgICB9XG4gIH0sIFtwcmV2ZW50Qm9keVNjcm9sbCwgb3Blbl0pXG5cbiAgLy8gU3RvcCBmb2N1cyB0byBwcmV2ZW50IHVuZXhwZWN0ZWQgYm9keSBsb29zZSBmb2N1c1xuICBjb25zdCBzdG9wRm9jdXM6IEZvY3VzRXZlbnRIYW5kbGVyID0gdXNlQ2FsbGJhY2soZXZlbnQgPT4ge1xuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXG4gIH0sIFtdKVxuXG4gIC8vIFN0b3AgY2xpY2sgdG8gcHJldmVudCB1bmV4cGVjdGVkIGRpYWxvZyBjbG9zZVxuICBjb25zdCBzdG9wQ2xpY2s6IE1vdXNlRXZlbnRIYW5kbGVyID0gdXNlQ2FsbGJhY2soZXZlbnQgPT4ge1xuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXG4gIH0sIFtdKVxuXG4gIC8vIGhhbmRsZSBrZXkgdXAgOiB1c2VkIHdoZW4gaGF2aW5nIGlucHV0cyBpbiBtb2RhbHMgLSB1c2VmdWwgZm9yIGhpZGVPbkVzY1xuICBjb25zdCBoYW5kbGVLZXlVcDogS2V5Ym9hcmRFdmVudEhhbmRsZXIgPSB1c2VDYWxsYmFjayhcbiAgICBldmVudCA9PiB7XG4gICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKVxuICAgICAgaWYgKGV2ZW50LmtleSA9PT0gJ0VzY2FwZScgJiYgaGlkZU9uRXNjKSB7XG4gICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICAgICAgb25DbG9zZVJlZi5jdXJyZW50KClcbiAgICAgIH1cbiAgICB9LFxuICAgIFtoaWRlT25Fc2NdLFxuICApXG5cbiAgY29uc3QgaGFuZGxlQ2xvc2U6IE1vdXNlRXZlbnRIYW5kbGVyID0gdXNlQ2FsbGJhY2soXG4gICAgZXZlbnQgPT4ge1xuICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcbiAgICAgIGlmIChoaWRlT25DbGlja091dHNpZGUpIHtcbiAgICAgICAgb25DbG9zZVJlZi5jdXJyZW50KClcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIC8vIEJlY2F1c2Ugb3ZlcmxheSBpcyBub3QgZm9jdXNhYmxlIHdlIGNhbid0IGhhbmRsZSBoaWRlT25Fc2MgcHJvcGVybHlcbiAgICAgICAgZGlhbG9nUmVmLmN1cnJlbnQ/LmZvY3VzKClcbiAgICAgIH1cbiAgICB9LFxuICAgIFtoaWRlT25DbGlja091dHNpZGVdLFxuICApXG5cbiAgLy8gRW5hYmxlIGZvY3VzIHRyYXAgaW5zaWRlIHRoZSBtb2RhbFxuICBjb25zdCBoYW5kbGVGb2N1c1RyYXA6IEtleWJvYXJkRXZlbnRIYW5kbGVyID0gdXNlQ2FsbGJhY2soZXZlbnQgPT4ge1xuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXG4gICAgaWYgKGV2ZW50LmtleSA9PT0gJ0VzY2FwZScpIHtcbiAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcblxuICAgICAgcmV0dXJuXG4gICAgfVxuICAgIGNvbnN0IGlzVGFiUHJlc3NlZCA9IGV2ZW50LmtleSA9PT0gJ1RhYidcblxuICAgIGlmICghaXNUYWJQcmVzc2VkKSB7XG4gICAgICByZXR1cm5cbiAgICB9XG5cbiAgICBjb25zdCBmb2N1c2FibGVFbHMgPVxuICAgICAgZGlhbG9nUmVmLmN1cnJlbnQ/LnF1ZXJ5U2VsZWN0b3JBbGwoXG4gICAgICAgICdhW2hyZWZdOm5vdChbZGlzYWJsZWRdKSwgYnV0dG9uOm5vdChbZGlzYWJsZWRdKSwgdGV4dGFyZWE6bm90KFtkaXNhYmxlZF0pLCBpbnB1dDpub3QoW2Rpc2FibGVkXSksIHNlbGVjdDpub3QoW2Rpc2FibGVkXSknLFxuICAgICAgKSA/PyBbXVxuXG4gICAgLy8gSGFuZGxlIGNhc2Ugd2hlbiBubyBpbnRlcmFjdGl2ZSBlbGVtZW50IGFyZSB3aXRoaW4gdGhlIG1vZGFsIChpbmNsdWRpbmcgY2xvc2UgaWNvbilcbiAgICBpZiAoZm9jdXNhYmxlRWxzLmxlbmd0aCA9PT0gMCkge1xuICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKVxuICAgIH1cblxuICAgIGNvbnN0IGZpcnN0Rm9jdXNhYmxlRWwgPSBmb2N1c2FibGVFbHNbMF0gYXMgSFRNTEVsZW1lbnRcbiAgICBjb25zdCBsYXN0Rm9jdXNhYmxlRWwgPSBmb2N1c2FibGVFbHNbZm9jdXNhYmxlRWxzLmxlbmd0aCAtIDFdIGFzIEhUTUxFbGVtZW50XG5cbiAgICBpZiAoZXZlbnQuc2hpZnRLZXkpIHtcbiAgICAgIGlmIChcbiAgICAgICAgZG9jdW1lbnQuYWN0aXZlRWxlbWVudCA9PT0gZmlyc3RGb2N1c2FibGVFbCB8fFxuICAgICAgICBkb2N1bWVudC5hY3RpdmVFbGVtZW50ID09PSBkaWFsb2dSZWYuY3VycmVudFxuICAgICAgKSB7XG4gICAgICAgIGxhc3RGb2N1c2FibGVFbC5mb2N1cygpXG4gICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICAgIH1cbiAgICB9IGVsc2UgaWYgKFxuICAgICAgZG9jdW1lbnQuYWN0aXZlRWxlbWVudCA9PT0gbGFzdEZvY3VzYWJsZUVsIHx8XG4gICAgICBkb2N1bWVudC5hY3RpdmVFbGVtZW50ID09PSBkaWFsb2dSZWYuY3VycmVudFxuICAgICkge1xuICAgICAgZmlyc3RGb2N1c2FibGVFbC5mb2N1cygpXG4gICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gICAgfVxuICB9LCBbXSlcblxuICAvLyBQcmV2ZW50IGRlZmF1bHQgYmVoYXZpb3VyIG9uIEVzY2FwZVxuICBjb25zdCBzdG9wQ2FuY2VsOiBSZWFjdEV2ZW50SGFuZGxlciA9IGV2ZW50ID0+IHtcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcbiAgfVxuXG4gIHJldHVybiBvcGVuXG4gICAgPyBjcmVhdGVQb3J0YWwoXG4gICAgICAgIDxTdHlsZWRCYWNrZHJvcFxuICAgICAgICAgIGRhdGEtb3Blbj17b3Blbn1cbiAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbG9zZX1cbiAgICAgICAgICBjbGFzc05hbWU9e2JhY2tkcm9wQ2xhc3NOYW1lfVxuICAgICAgICAgIGNzcz17YmFja2Ryb3BDc3N9XG4gICAgICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWQgPyBgJHtkYXRhVGVzdElkfS1iYWNrZHJvcGAgOiB1bmRlZmluZWR9XG4gICAgICAgICAgb25Gb2N1cz17c3RvcEZvY3VzfVxuICAgICAgICA+XG4gICAgICAgICAgPFN0eWxlZERpYWxvZ1xuICAgICAgICAgICAgY3NzPXtkaWFsb2dDc3N9XG4gICAgICAgICAgICBvbktleVVwPXtoYW5kbGVLZXlVcH1cbiAgICAgICAgICAgIG9uS2V5RG93bj17aGFuZGxlRm9jdXNUcmFwfVxuICAgICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgICAgICAgIGFyaWEtbGFiZWw9e2FyaWFMYWJlbH1cbiAgICAgICAgICAgIGRhdGEtcGxhY2VtZW50PXtwbGFjZW1lbnR9XG4gICAgICAgICAgICBkYXRhLXNpemU9e3NpemV9XG4gICAgICAgICAgICBvcGVuPXtvcGVufVxuICAgICAgICAgICAgb25DbGljaz17c3RvcENsaWNrfVxuICAgICAgICAgICAgb25DYW5jZWw9e3N0b3BDYW5jZWx9XG4gICAgICAgICAgICBvbkNsb3NlPXtzdG9wQ2FuY2VsfVxuICAgICAgICAgICAgYXJpYS1tb2RhbFxuICAgICAgICAgICAgcmVmPXtkaWFsb2dSZWZ9XG4gICAgICAgICAgICB0YWJJbmRleD17MH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7b3BlbiA/IGNoaWxkcmVuIDogbnVsbH1cbiAgICAgICAgICA8L1N0eWxlZERpYWxvZz5cbiAgICAgICAgPC9TdHlsZWRCYWNrZHJvcD4sXG4gICAgICAgIGNvbnRhaW5lclJlZi5jdXJyZW50LFxuICAgICAgKVxuICAgIDogbnVsbFxufVxuIl19 */"));
|
|
20
|
-
const StyledDialog = /* @__PURE__ */ _styled__default.default("dialog", process.env.NODE_ENV === "production" ? {
|
|
21
|
-
target: "e1cqen9h0"
|
|
22
|
-
} : {
|
|
23
|
-
target: "e1cqen9h0",
|
|
24
|
-
label: "StyledDialog"
|
|
25
|
-
})("background-color:", ({
|
|
26
|
-
theme
|
|
27
|
-
}) => theme.colors.other.elevation.background.overlay, ";position:relative;border-radius:", ({
|
|
28
|
-
theme
|
|
29
|
-
}) => theme.radii.default, ";border:0;padding:", ({
|
|
30
|
-
theme
|
|
31
|
-
}) => theme.space["3"], ";width:", constants.MODAL_WIDTH.medium, "px;box-shadow:", ({
|
|
32
|
-
theme
|
|
33
|
-
}) => `${theme.shadows.overlay[0]}, ${theme.shadows.overlay[1]}`, ";", Object.entries(constants.MODAL_WIDTH).map(([size, value]) => `
|
|
34
|
-
&[data-size="${size}"] {
|
|
35
|
-
width: ${value}px;
|
|
36
|
-
}
|
|
37
|
-
`), " ", Object.entries(constants.MODAL_PLACEMENT).map(([placement, value]) => `
|
|
38
|
-
&[data-placement="${placement}"] {
|
|
39
|
-
${value}
|
|
40
|
-
}
|
|
41
|
-
`), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL01vZGFsL0RpYWxvZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0M0RCIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9Nb2RhbC9EaWFsb2cudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7XG4gIEZvY3VzRXZlbnRIYW5kbGVyLFxuICBLZXlib2FyZEV2ZW50SGFuZGxlcixcbiAgTW91c2VFdmVudEhhbmRsZXIsXG4gIFJlYWN0RXZlbnRIYW5kbGVyLFxufSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3JlYXRlUG9ydGFsIH0gZnJvbSAncmVhY3QtZG9tJ1xuaW1wb3J0IHsgTU9EQUxfUExBQ0VNRU5ULCBNT0RBTF9XSURUSCB9IGZyb20gJy4vY29uc3RhbnRzJ1xuaW1wb3J0IHR5cGUgeyBEaWFsb2dQcm9wcywgTW9kYWxQbGFjZW1lbnQsIE1vZGFsU2l6ZSB9IGZyb20gJy4vdHlwZXMnXG5cbmNvbnN0IFN0eWxlZEJhY2tkcm9wID0gc3R5bGVkLmRpdjx7ICdkYXRhLW9wZW4nOiBib29sZWFuIH0+YFxuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHRvcDogMDtcbiAgcmlnaHQ6IDA7XG4gIGhlaWdodDogMDtcbiAgd2lkdGg6IDA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm92ZXJsYXl9O1xuICB6LWluZGV4OiAxO1xuXG4gICZbZGF0YS1vcGVuPSd0cnVlJ10ge1xuICAgIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG4gICAgb3ZlcmZsb3c6IGF1dG87XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBib3R0b206IDA7XG4gICAgbGVmdDogMDtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cbmBcblxudHlwZSBTdHlsZWREaWFsb2dQcm9wcyA9IHtcbiAgJ2RhdGEtc2l6ZSc6IE1vZGFsU2l6ZVxuICAnZGF0YS1wbGFjZW1lbnQnOiBNb2RhbFBsYWNlbWVudFxufVxuXG5leHBvcnQgY29uc3QgU3R5bGVkRGlhbG9nID0gc3R5bGVkLmRpYWxvZzxTdHlsZWREaWFsb2dQcm9wcz5gXG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT5cbiAgICB0aGVtZS5jb2xvcnMub3RoZXIuZWxldmF0aW9uLmJhY2tncm91bmQub3ZlcmxheX07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5kZWZhdWx0fTtcbiAgYm9yZGVyOiAwO1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyczJ119O1xuICB3aWR0aDogJHtNT0RBTF9XSURUSC5tZWRpdW19cHg7XG4gIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUgfSkgPT4gYCR7dGhlbWUuc2hhZG93cy5vdmVybGF5WzBdfSwgJHt0aGVtZS5zaGFkb3dzLm92ZXJsYXlbMV19YH07XG5cblxuICAke09iamVjdC5lbnRyaWVzKE1PREFMX1dJRFRIKS5tYXAoXG4gICAgKFtzaXplLCB2YWx1ZV0pID0+IGBcbiAgICAgICZbZGF0YS1zaXplPVwiJHtzaXplfVwiXSB7XG4gICAgICAgIHdpZHRoOiAke3ZhbHVlfXB4O1xuICAgICAgfVxuICAgICAgYCxcbiAgKX1cblxuICAke09iamVjdC5lbnRyaWVzKE1PREFMX1BMQUNFTUVOVCkubWFwKFxuICAgIChbcGxhY2VtZW50LCB2YWx1ZV0pID0+IGBcbiAgICAgICAgJltkYXRhLXBsYWNlbWVudD1cIiR7cGxhY2VtZW50fVwiXSB7XG4gICAgICAgICAgJHt2YWx1ZX1cbiAgICAgICAgfVxuICAgICAgICBgLFxuICApfVxuYFxuXG5leHBvcnQgY29uc3QgRGlhbG9nID0gKHtcbiAgY2hpbGRyZW4sXG4gIG9wZW4sXG4gIHBsYWNlbWVudCxcbiAgb25DbG9zZSxcbiAgaGlkZU9uQ2xpY2tPdXRzaWRlLFxuICBzaXplLFxuICBpZCxcbiAgYXJpYUxhYmVsLFxuICBjbGFzc05hbWUsXG4gICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG4gIHByZXZlbnRCb2R5U2Nyb2xsLFxuICBoaWRlT25Fc2MsXG4gIGJhY2tkcm9wQ2xhc3NOYW1lLFxuICBkaWFsb2dDc3MsXG4gIGJhY2tkcm9wQ3NzLFxufTogRGlhbG9nUHJvcHMpID0+IHtcbiAgY29uc3QgY29udGFpbmVyUmVmID0gdXNlUmVmKGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2RpdicpKVxuICBjb25zdCBkaWFsb2dSZWYgPSB1c2VSZWY8SFRNTERpYWxvZ0VsZW1lbnQ+KG51bGwpXG4gIGNvbnN0IG9uQ2xvc2VSZWYgPSB1c2VSZWYob25DbG9zZSlcblxuICAvLyBQb3J0YWwgdG8gcHV0IHRoZSBtb2RhbCBpblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IGVsZW1lbnQgPSBjb250YWluZXJSZWYuY3VycmVudFxuICAgIGlmIChvcGVuKSB7XG4gICAgICBkb2N1bWVudC5ib2R5LmFwcGVuZENoaWxkKGVsZW1lbnQpXG4gICAgfVxuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGlmIChkb2N1bWVudC5ib2R5LmNvbnRhaW5zKGVsZW1lbnQpKSB7XG4gICAgICAgIGRvY3VtZW50LmJvZHkucmVtb3ZlQ2hpbGQoZWxlbWVudClcbiAgICAgIH1cbiAgICB9XG4gIH0sIFtvcGVuXSlcblxuICAvLyBTYXZlIHRoZSByZWFzc2lnbm1lbnQgb2YgZXZlbnRIYW5kbGVyIGluIHRoZSB1c2VFZmZlY3QgYmVsb3dcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBvbkNsb3NlUmVmLmN1cnJlbnQgPSBvbkNsb3NlXG4gIH0sIFtvbkNsb3NlXSlcblxuICAvLyBPbiBvcGVuIGZvY3VzIHRoZSBtb2RhbFxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChvcGVuKSB7XG4gICAgICBkaWFsb2dSZWYuY3VycmVudD8uZm9jdXMoKVxuICAgIH1cbiAgfSwgW29wZW5dKVxuXG4gIC8vIEhhbmRsZSBib2R5IHNjcm9sbFxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IHByZXZpb3VzT3ZlcmZsb3cgPSBkb2N1bWVudC5ib2R5LnN0eWxlLm92ZXJmbG93XG5cbiAgICBpZiAob3BlbiAmJiBwcmV2ZW50Qm9keVNjcm9sbCkge1xuICAgICAgZG9jdW1lbnQuYm9keS5zdHlsZS5vdmVyZmxvdyA9ICdoaWRkZW4nXG4gICAgfVxuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGRvY3VtZW50LmJvZHkuc3R5bGUub3ZlcmZsb3cgPSBwcmV2aW91c092ZXJmbG93XG4gICAgfVxuICB9LCBbcHJldmVudEJvZHlTY3JvbGwsIG9wZW5dKVxuXG4gIC8vIFN0b3AgZm9jdXMgdG8gcHJldmVudCB1bmV4cGVjdGVkIGJvZHkgbG9vc2UgZm9jdXNcbiAgY29uc3Qgc3RvcEZvY3VzOiBGb2N1c0V2ZW50SGFuZGxlciA9IHVzZUNhbGxiYWNrKGV2ZW50ID0+IHtcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKVxuICB9LCBbXSlcblxuICAvLyBTdG9wIGNsaWNrIHRvIHByZXZlbnQgdW5leHBlY3RlZCBkaWFsb2cgY2xvc2VcbiAgY29uc3Qgc3RvcENsaWNrOiBNb3VzZUV2ZW50SGFuZGxlciA9IHVzZUNhbGxiYWNrKGV2ZW50ID0+IHtcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKVxuICB9LCBbXSlcblxuICAvLyBoYW5kbGUga2V5IHVwIDogdXNlZCB3aGVuIGhhdmluZyBpbnB1dHMgaW4gbW9kYWxzIC0gdXNlZnVsIGZvciBoaWRlT25Fc2NcbiAgY29uc3QgaGFuZGxlS2V5VXA6IEtleWJvYXJkRXZlbnRIYW5kbGVyID0gdXNlQ2FsbGJhY2soXG4gICAgZXZlbnQgPT4ge1xuICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcbiAgICAgIGlmIChldmVudC5rZXkgPT09ICdFc2NhcGUnICYmIGhpZGVPbkVzYykge1xuICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gICAgICAgIG9uQ2xvc2VSZWYuY3VycmVudCgpXG4gICAgICB9XG4gICAgfSxcbiAgICBbaGlkZU9uRXNjXSxcbiAgKVxuXG4gIGNvbnN0IGhhbmRsZUNsb3NlOiBNb3VzZUV2ZW50SGFuZGxlciA9IHVzZUNhbGxiYWNrKFxuICAgIGV2ZW50ID0+IHtcbiAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXG4gICAgICBpZiAoaGlkZU9uQ2xpY2tPdXRzaWRlKSB7XG4gICAgICAgIG9uQ2xvc2VSZWYuY3VycmVudCgpXG4gICAgICB9IGVsc2Uge1xuICAgICAgICAvLyBCZWNhdXNlIG92ZXJsYXkgaXMgbm90IGZvY3VzYWJsZSB3ZSBjYW4ndCBoYW5kbGUgaGlkZU9uRXNjIHByb3Blcmx5XG4gICAgICAgIGRpYWxvZ1JlZi5jdXJyZW50Py5mb2N1cygpXG4gICAgICB9XG4gICAgfSxcbiAgICBbaGlkZU9uQ2xpY2tPdXRzaWRlXSxcbiAgKVxuXG4gIC8vIEVuYWJsZSBmb2N1cyB0cmFwIGluc2lkZSB0aGUgbW9kYWxcbiAgY29uc3QgaGFuZGxlRm9jdXNUcmFwOiBLZXlib2FyZEV2ZW50SGFuZGxlciA9IHVzZUNhbGxiYWNrKGV2ZW50ID0+IHtcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKVxuICAgIGlmIChldmVudC5rZXkgPT09ICdFc2NhcGUnKSB7XG4gICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG5cbiAgICAgIHJldHVyblxuICAgIH1cbiAgICBjb25zdCBpc1RhYlByZXNzZWQgPSBldmVudC5rZXkgPT09ICdUYWInXG5cbiAgICBpZiAoIWlzVGFiUHJlc3NlZCkge1xuICAgICAgcmV0dXJuXG4gICAgfVxuXG4gICAgY29uc3QgZm9jdXNhYmxlRWxzID1cbiAgICAgIGRpYWxvZ1JlZi5jdXJyZW50Py5xdWVyeVNlbGVjdG9yQWxsKFxuICAgICAgICAnYVtocmVmXTpub3QoW2Rpc2FibGVkXSksIGJ1dHRvbjpub3QoW2Rpc2FibGVkXSksIHRleHRhcmVhOm5vdChbZGlzYWJsZWRdKSwgaW5wdXQ6bm90KFtkaXNhYmxlZF0pLCBzZWxlY3Q6bm90KFtkaXNhYmxlZF0pJyxcbiAgICAgICkgPz8gW11cblxuICAgIC8vIEhhbmRsZSBjYXNlIHdoZW4gbm8gaW50ZXJhY3RpdmUgZWxlbWVudCBhcmUgd2l0aGluIHRoZSBtb2RhbCAoaW5jbHVkaW5nIGNsb3NlIGljb24pXG4gICAgaWYgKGZvY3VzYWJsZUVscy5sZW5ndGggPT09IDApIHtcbiAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICB9XG5cbiAgICBjb25zdCBmaXJzdEZvY3VzYWJsZUVsID0gZm9jdXNhYmxlRWxzWzBdIGFzIEhUTUxFbGVtZW50XG4gICAgY29uc3QgbGFzdEZvY3VzYWJsZUVsID0gZm9jdXNhYmxlRWxzW2ZvY3VzYWJsZUVscy5sZW5ndGggLSAxXSBhcyBIVE1MRWxlbWVudFxuXG4gICAgaWYgKGV2ZW50LnNoaWZ0S2V5KSB7XG4gICAgICBpZiAoXG4gICAgICAgIGRvY3VtZW50LmFjdGl2ZUVsZW1lbnQgPT09IGZpcnN0Rm9jdXNhYmxlRWwgfHxcbiAgICAgICAgZG9jdW1lbnQuYWN0aXZlRWxlbWVudCA9PT0gZGlhbG9nUmVmLmN1cnJlbnRcbiAgICAgICkge1xuICAgICAgICBsYXN0Rm9jdXNhYmxlRWwuZm9jdXMoKVxuICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gICAgICB9XG4gICAgfSBlbHNlIGlmIChcbiAgICAgIGRvY3VtZW50LmFjdGl2ZUVsZW1lbnQgPT09IGxhc3RGb2N1c2FibGVFbCB8fFxuICAgICAgZG9jdW1lbnQuYWN0aXZlRWxlbWVudCA9PT0gZGlhbG9nUmVmLmN1cnJlbnRcbiAgICApIHtcbiAgICAgIGZpcnN0Rm9jdXNhYmxlRWwuZm9jdXMoKVxuICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKVxuICAgIH1cbiAgfSwgW10pXG5cbiAgLy8gUHJldmVudCBkZWZhdWx0IGJlaGF2aW91ciBvbiBFc2NhcGVcbiAgY29uc3Qgc3RvcENhbmNlbDogUmVhY3RFdmVudEhhbmRsZXIgPSBldmVudCA9PiB7XG4gICAgZXZlbnQucHJldmVudERlZmF1bHQoKVxuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXG4gIH1cblxuICByZXR1cm4gb3BlblxuICAgID8gY3JlYXRlUG9ydGFsKFxuICAgICAgICA8U3R5bGVkQmFja2Ryb3BcbiAgICAgICAgICBkYXRhLW9wZW49e29wZW59XG4gICAgICAgICAgb25DbGljaz17aGFuZGxlQ2xvc2V9XG4gICAgICAgICAgY2xhc3NOYW1lPXtiYWNrZHJvcENsYXNzTmFtZX1cbiAgICAgICAgICBjc3M9e2JhY2tkcm9wQ3NzfVxuICAgICAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkID8gYCR7ZGF0YVRlc3RJZH0tYmFja2Ryb3BgIDogdW5kZWZpbmVkfVxuICAgICAgICAgIG9uRm9jdXM9e3N0b3BGb2N1c31cbiAgICAgICAgPlxuICAgICAgICAgIDxTdHlsZWREaWFsb2dcbiAgICAgICAgICAgIGNzcz17ZGlhbG9nQ3NzfVxuICAgICAgICAgICAgb25LZXlVcD17aGFuZGxlS2V5VXB9XG4gICAgICAgICAgICBvbktleURvd249e2hhbmRsZUZvY3VzVHJhcH1cbiAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICAgICAgaWQ9e2lkfVxuICAgICAgICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgICAgICAgICBhcmlhLWxhYmVsPXthcmlhTGFiZWx9XG4gICAgICAgICAgICBkYXRhLXBsYWNlbWVudD17cGxhY2VtZW50fVxuICAgICAgICAgICAgZGF0YS1zaXplPXtzaXplfVxuICAgICAgICAgICAgb3Blbj17b3Blbn1cbiAgICAgICAgICAgIG9uQ2xpY2s9e3N0b3BDbGlja31cbiAgICAgICAgICAgIG9uQ2FuY2VsPXtzdG9wQ2FuY2VsfVxuICAgICAgICAgICAgb25DbG9zZT17c3RvcENhbmNlbH1cbiAgICAgICAgICAgIGFyaWEtbW9kYWxcbiAgICAgICAgICAgIHJlZj17ZGlhbG9nUmVmfVxuICAgICAgICAgICAgdGFiSW5kZXg9ezB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge29wZW4gPyBjaGlsZHJlbiA6IG51bGx9XG4gICAgICAgICAgPC9TdHlsZWREaWFsb2c+XG4gICAgICAgIDwvU3R5bGVkQmFja2Ryb3A+LFxuICAgICAgICBjb250YWluZXJSZWYuY3VycmVudCxcbiAgICAgIClcbiAgICA6IG51bGxcbn1cbiJdfQ== */"));
|
|
42
|
-
const Dialog = ({
|
|
43
|
-
children,
|
|
44
|
-
open,
|
|
45
|
-
placement,
|
|
46
|
-
onClose,
|
|
47
|
-
hideOnClickOutside,
|
|
48
|
-
size,
|
|
49
|
-
id,
|
|
50
|
-
ariaLabel,
|
|
51
|
-
className,
|
|
52
|
-
"data-testid": dataTestId,
|
|
53
|
-
preventBodyScroll,
|
|
54
|
-
hideOnEsc,
|
|
55
|
-
backdropClassName,
|
|
56
|
-
dialogCss,
|
|
57
|
-
backdropCss
|
|
58
|
-
}) => {
|
|
59
|
-
const containerRef = React.useRef(document.createElement("div"));
|
|
60
|
-
const dialogRef = React.useRef(null);
|
|
61
|
-
const onCloseRef = React.useRef(onClose);
|
|
62
|
-
React.useEffect(() => {
|
|
63
|
-
const element = containerRef.current;
|
|
64
|
-
if (open) {
|
|
65
|
-
document.body.appendChild(element);
|
|
66
|
-
}
|
|
67
|
-
return () => {
|
|
68
|
-
if (document.body.contains(element)) {
|
|
69
|
-
document.body.removeChild(element);
|
|
70
|
-
}
|
|
71
|
-
};
|
|
72
|
-
}, [open]);
|
|
73
|
-
React.useEffect(() => {
|
|
74
|
-
onCloseRef.current = onClose;
|
|
75
|
-
}, [onClose]);
|
|
76
|
-
React.useEffect(() => {
|
|
77
|
-
if (open) {
|
|
78
|
-
dialogRef.current?.focus();
|
|
79
|
-
}
|
|
80
|
-
}, [open]);
|
|
81
|
-
React.useEffect(() => {
|
|
82
|
-
const previousOverflow = document.body.style.overflow;
|
|
83
|
-
if (open && preventBodyScroll) {
|
|
84
|
-
document.body.style.overflow = "hidden";
|
|
85
|
-
}
|
|
86
|
-
return () => {
|
|
87
|
-
document.body.style.overflow = previousOverflow;
|
|
88
|
-
};
|
|
89
|
-
}, [preventBodyScroll, open]);
|
|
90
|
-
const stopFocus = React.useCallback((event) => {
|
|
91
|
-
event.stopPropagation();
|
|
92
|
-
}, []);
|
|
93
|
-
const stopClick = React.useCallback((event) => {
|
|
94
|
-
event.stopPropagation();
|
|
95
|
-
}, []);
|
|
96
|
-
const handleKeyUp = React.useCallback((event) => {
|
|
97
|
-
event.stopPropagation();
|
|
98
|
-
if (event.key === "Escape" && hideOnEsc) {
|
|
99
|
-
event.preventDefault();
|
|
100
|
-
onCloseRef.current();
|
|
101
|
-
}
|
|
102
|
-
}, [hideOnEsc]);
|
|
103
|
-
const handleClose = React.useCallback((event) => {
|
|
104
|
-
event.stopPropagation();
|
|
105
|
-
if (hideOnClickOutside) {
|
|
106
|
-
onCloseRef.current();
|
|
107
|
-
} else {
|
|
108
|
-
dialogRef.current?.focus();
|
|
109
|
-
}
|
|
110
|
-
}, [hideOnClickOutside]);
|
|
111
|
-
const handleFocusTrap = React.useCallback((event) => {
|
|
112
|
-
event.stopPropagation();
|
|
113
|
-
if (event.key === "Escape") {
|
|
114
|
-
event.preventDefault();
|
|
115
|
-
return;
|
|
116
|
-
}
|
|
117
|
-
const isTabPressed = event.key === "Tab";
|
|
118
|
-
if (!isTabPressed) {
|
|
119
|
-
return;
|
|
120
|
-
}
|
|
121
|
-
const focusableEls = dialogRef.current?.querySelectorAll("a[href]:not([disabled]), button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled])") ?? [];
|
|
122
|
-
if (focusableEls.length === 0) {
|
|
123
|
-
event.preventDefault();
|
|
124
|
-
}
|
|
125
|
-
const firstFocusableEl = focusableEls[0];
|
|
126
|
-
const lastFocusableEl = focusableEls[focusableEls.length - 1];
|
|
127
|
-
if (event.shiftKey) {
|
|
128
|
-
if (document.activeElement === firstFocusableEl || document.activeElement === dialogRef.current) {
|
|
129
|
-
lastFocusableEl.focus();
|
|
130
|
-
event.preventDefault();
|
|
131
|
-
}
|
|
132
|
-
} else if (document.activeElement === lastFocusableEl || document.activeElement === dialogRef.current) {
|
|
133
|
-
firstFocusableEl.focus();
|
|
134
|
-
event.preventDefault();
|
|
135
|
-
}
|
|
136
|
-
}, []);
|
|
137
|
-
const stopCancel = (event) => {
|
|
138
|
-
event.preventDefault();
|
|
139
|
-
event.stopPropagation();
|
|
140
|
-
};
|
|
141
|
-
return open ? reactDom.createPortal(/* @__PURE__ */ jsxRuntime.jsx(StyledBackdrop, { "data-open": open, onClick: handleClose, className: backdropClassName, css: backdropCss, "data-testid": dataTestId ? `${dataTestId}-backdrop` : void 0, onFocus: stopFocus, children: /* @__PURE__ */ jsxRuntime.jsx(StyledDialog, { css: dialogCss, onKeyUp: handleKeyUp, onKeyDown: handleFocusTrap, className, id, "data-testid": dataTestId, "aria-label": ariaLabel, "data-placement": placement, "data-size": size, open, onClick: stopClick, onCancel: stopCancel, onClose: stopCancel, "aria-modal": true, ref: dialogRef, tabIndex: 0, children: open ? children : null }) }), containerRef.current) : null;
|
|
142
|
-
};
|
|
143
|
-
exports.Dialog = Dialog;
|
|
144
|
-
exports.StyledDialog = StyledDialog;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { DialogProps, ModalPlacement, ModalSize } from './types';
|
|
2
|
-
type StyledDialogProps = {
|
|
3
|
-
'data-size': ModalSize;
|
|
4
|
-
'data-placement': ModalPlacement;
|
|
5
|
-
};
|
|
6
|
-
export declare const StyledDialog: import("@emotion/styled").StyledComponent<{
|
|
7
|
-
theme?: import("@emotion/react").Theme;
|
|
8
|
-
as?: React.ElementType;
|
|
9
|
-
} & StyledDialogProps, import("react").DetailedHTMLProps<import("react").DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement>, {}>;
|
|
10
|
-
export declare const Dialog: ({ children, open, placement, onClose, hideOnClickOutside, size, id, ariaLabel, className, "data-testid": dataTestId, preventBodyScroll, hideOnEsc, backdropClassName, dialogCss, backdropCss, }: DialogProps) => import("react").ReactPortal | null;
|
|
11
|
-
export {};
|
|
@@ -1,142 +0,0 @@
|
|
|
1
|
-
import { jsx } from "@emotion/react/jsx-runtime";
|
|
2
|
-
import _styled from "@emotion/styled/base";
|
|
3
|
-
import { useRef, useEffect, useCallback } from "react";
|
|
4
|
-
import { createPortal } from "react-dom";
|
|
5
|
-
import { MODAL_WIDTH, MODAL_PLACEMENT } from "./constants.js";
|
|
6
|
-
const StyledBackdrop = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
|
|
7
|
-
target: "e1cqen9h1"
|
|
8
|
-
} : {
|
|
9
|
-
target: "e1cqen9h1",
|
|
10
|
-
label: "StyledBackdrop"
|
|
11
|
-
})("position:fixed;top:0;right:0;height:0;width:0;overflow:hidden;background-color:", ({
|
|
12
|
-
theme
|
|
13
|
-
}) => theme.colors.overlay, ";z-index:1;&[data-open='true']{padding:", ({
|
|
14
|
-
theme
|
|
15
|
-
}) => theme.space["2"], ";overflow:auto;display:flex;bottom:0;left:0;height:100%;width:100%;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL01vZGFsL0RpYWxvZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWTJEIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL01vZGFsL0RpYWxvZy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHtcbiAgRm9jdXNFdmVudEhhbmRsZXIsXG4gIEtleWJvYXJkRXZlbnRIYW5kbGVyLFxuICBNb3VzZUV2ZW50SGFuZGxlcixcbiAgUmVhY3RFdmVudEhhbmRsZXIsXG59IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjcmVhdGVQb3J0YWwgfSBmcm9tICdyZWFjdC1kb20nXG5pbXBvcnQgeyBNT0RBTF9QTEFDRU1FTlQsIE1PREFMX1dJRFRIIH0gZnJvbSAnLi9jb25zdGFudHMnXG5pbXBvcnQgdHlwZSB7IERpYWxvZ1Byb3BzLCBNb2RhbFBsYWNlbWVudCwgTW9kYWxTaXplIH0gZnJvbSAnLi90eXBlcydcblxuY29uc3QgU3R5bGVkQmFja2Ryb3AgPSBzdHlsZWQuZGl2PHsgJ2RhdGEtb3Blbic6IGJvb2xlYW4gfT5gXG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgdG9wOiAwO1xuICByaWdodDogMDtcbiAgaGVpZ2h0OiAwO1xuICB3aWR0aDogMDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMub3ZlcmxheX07XG4gIHotaW5kZXg6IDE7XG5cbiAgJltkYXRhLW9wZW49J3RydWUnXSB7XG4gICAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgICBvdmVyZmxvdzogYXV0bztcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGJvdHRvbTogMDtcbiAgICBsZWZ0OiAwO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxuYFxuXG50eXBlIFN0eWxlZERpYWxvZ1Byb3BzID0ge1xuICAnZGF0YS1zaXplJzogTW9kYWxTaXplXG4gICdkYXRhLXBsYWNlbWVudCc6IE1vZGFsUGxhY2VtZW50XG59XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREaWFsb2cgPSBzdHlsZWQuZGlhbG9nPFN0eWxlZERpYWxvZ1Byb3BzPmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PlxuICAgIHRoZW1lLmNvbG9ycy5vdGhlci5lbGV2YXRpb24uYmFja2dyb3VuZC5vdmVybGF5fTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpLmRlZmF1bHR9O1xuICBib3JkZXI6IDA7XG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzMnXX07XG4gIHdpZHRoOiAke01PREFMX1dJRFRILm1lZGl1bX1weDtcbiAgYm94LXNoYWRvdzogJHsoeyB0aGVtZSB9KSA9PiBgJHt0aGVtZS5zaGFkb3dzLm92ZXJsYXlbMF19LCAke3RoZW1lLnNoYWRvd3Mub3ZlcmxheVsxXX1gfTtcblxuXG4gICR7T2JqZWN0LmVudHJpZXMoTU9EQUxfV0lEVEgpLm1hcChcbiAgICAoW3NpemUsIHZhbHVlXSkgPT4gYFxuICAgICAgJltkYXRhLXNpemU9XCIke3NpemV9XCJdIHtcbiAgICAgICAgd2lkdGg6ICR7dmFsdWV9cHg7XG4gICAgICB9XG4gICAgICBgLFxuICApfVxuXG4gICR7T2JqZWN0LmVudHJpZXMoTU9EQUxfUExBQ0VNRU5UKS5tYXAoXG4gICAgKFtwbGFjZW1lbnQsIHZhbHVlXSkgPT4gYFxuICAgICAgICAmW2RhdGEtcGxhY2VtZW50PVwiJHtwbGFjZW1lbnR9XCJdIHtcbiAgICAgICAgICAke3ZhbHVlfVxuICAgICAgICB9XG4gICAgICAgIGAsXG4gICl9XG5gXG5cbmV4cG9ydCBjb25zdCBEaWFsb2cgPSAoe1xuICBjaGlsZHJlbixcbiAgb3BlbixcbiAgcGxhY2VtZW50LFxuICBvbkNsb3NlLFxuICBoaWRlT25DbGlja091dHNpZGUsXG4gIHNpemUsXG4gIGlkLFxuICBhcmlhTGFiZWwsXG4gIGNsYXNzTmFtZSxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbiAgcHJldmVudEJvZHlTY3JvbGwsXG4gIGhpZGVPbkVzYyxcbiAgYmFja2Ryb3BDbGFzc05hbWUsXG4gIGRpYWxvZ0NzcyxcbiAgYmFja2Ryb3BDc3MsXG59OiBEaWFsb2dQcm9wcykgPT4ge1xuICBjb25zdCBjb250YWluZXJSZWYgPSB1c2VSZWYoZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnZGl2JykpXG4gIGNvbnN0IGRpYWxvZ1JlZiA9IHVzZVJlZjxIVE1MRGlhbG9nRWxlbWVudD4obnVsbClcbiAgY29uc3Qgb25DbG9zZVJlZiA9IHVzZVJlZihvbkNsb3NlKVxuXG4gIC8vIFBvcnRhbCB0byBwdXQgdGhlIG1vZGFsIGluXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgZWxlbWVudCA9IGNvbnRhaW5lclJlZi5jdXJyZW50XG4gICAgaWYgKG9wZW4pIHtcbiAgICAgIGRvY3VtZW50LmJvZHkuYXBwZW5kQ2hpbGQoZWxlbWVudClcbiAgICB9XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgaWYgKGRvY3VtZW50LmJvZHkuY29udGFpbnMoZWxlbWVudCkpIHtcbiAgICAgICAgZG9jdW1lbnQuYm9keS5yZW1vdmVDaGlsZChlbGVtZW50KVxuICAgICAgfVxuICAgIH1cbiAgfSwgW29wZW5dKVxuXG4gIC8vIFNhdmUgdGhlIHJlYXNzaWdubWVudCBvZiBldmVudEhhbmRsZXIgaW4gdGhlIHVzZUVmZmVjdCBiZWxvd1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIG9uQ2xvc2VSZWYuY3VycmVudCA9IG9uQ2xvc2VcbiAgfSwgW29uQ2xvc2VdKVxuXG4gIC8vIE9uIG9wZW4gZm9jdXMgdGhlIG1vZGFsXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKG9wZW4pIHtcbiAgICAgIGRpYWxvZ1JlZi5jdXJyZW50Py5mb2N1cygpXG4gICAgfVxuICB9LCBbb3Blbl0pXG5cbiAgLy8gSGFuZGxlIGJvZHkgc2Nyb2xsXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgcHJldmlvdXNPdmVyZmxvdyA9IGRvY3VtZW50LmJvZHkuc3R5bGUub3ZlcmZsb3dcblxuICAgIGlmIChvcGVuICYmIHByZXZlbnRCb2R5U2Nyb2xsKSB7XG4gICAgICBkb2N1bWVudC5ib2R5LnN0eWxlLm92ZXJmbG93ID0gJ2hpZGRlbidcbiAgICB9XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgZG9jdW1lbnQuYm9keS5zdHlsZS5vdmVyZmxvdyA9IHByZXZpb3VzT3ZlcmZsb3dcbiAgICB9XG4gIH0sIFtwcmV2ZW50Qm9keVNjcm9sbCwgb3Blbl0pXG5cbiAgLy8gU3RvcCBmb2N1cyB0byBwcmV2ZW50IHVuZXhwZWN0ZWQgYm9keSBsb29zZSBmb2N1c1xuICBjb25zdCBzdG9wRm9jdXM6IEZvY3VzRXZlbnRIYW5kbGVyID0gdXNlQ2FsbGJhY2soZXZlbnQgPT4ge1xuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXG4gIH0sIFtdKVxuXG4gIC8vIFN0b3AgY2xpY2sgdG8gcHJldmVudCB1bmV4cGVjdGVkIGRpYWxvZyBjbG9zZVxuICBjb25zdCBzdG9wQ2xpY2s6IE1vdXNlRXZlbnRIYW5kbGVyID0gdXNlQ2FsbGJhY2soZXZlbnQgPT4ge1xuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXG4gIH0sIFtdKVxuXG4gIC8vIGhhbmRsZSBrZXkgdXAgOiB1c2VkIHdoZW4gaGF2aW5nIGlucHV0cyBpbiBtb2RhbHMgLSB1c2VmdWwgZm9yIGhpZGVPbkVzY1xuICBjb25zdCBoYW5kbGVLZXlVcDogS2V5Ym9hcmRFdmVudEhhbmRsZXIgPSB1c2VDYWxsYmFjayhcbiAgICBldmVudCA9PiB7XG4gICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKVxuICAgICAgaWYgKGV2ZW50LmtleSA9PT0gJ0VzY2FwZScgJiYgaGlkZU9uRXNjKSB7XG4gICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICAgICAgb25DbG9zZVJlZi5jdXJyZW50KClcbiAgICAgIH1cbiAgICB9LFxuICAgIFtoaWRlT25Fc2NdLFxuICApXG5cbiAgY29uc3QgaGFuZGxlQ2xvc2U6IE1vdXNlRXZlbnRIYW5kbGVyID0gdXNlQ2FsbGJhY2soXG4gICAgZXZlbnQgPT4ge1xuICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcbiAgICAgIGlmIChoaWRlT25DbGlja091dHNpZGUpIHtcbiAgICAgICAgb25DbG9zZVJlZi5jdXJyZW50KClcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIC8vIEJlY2F1c2Ugb3ZlcmxheSBpcyBub3QgZm9jdXNhYmxlIHdlIGNhbid0IGhhbmRsZSBoaWRlT25Fc2MgcHJvcGVybHlcbiAgICAgICAgZGlhbG9nUmVmLmN1cnJlbnQ/LmZvY3VzKClcbiAgICAgIH1cbiAgICB9LFxuICAgIFtoaWRlT25DbGlja091dHNpZGVdLFxuICApXG5cbiAgLy8gRW5hYmxlIGZvY3VzIHRyYXAgaW5zaWRlIHRoZSBtb2RhbFxuICBjb25zdCBoYW5kbGVGb2N1c1RyYXA6IEtleWJvYXJkRXZlbnRIYW5kbGVyID0gdXNlQ2FsbGJhY2soZXZlbnQgPT4ge1xuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXG4gICAgaWYgKGV2ZW50LmtleSA9PT0gJ0VzY2FwZScpIHtcbiAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcblxuICAgICAgcmV0dXJuXG4gICAgfVxuICAgIGNvbnN0IGlzVGFiUHJlc3NlZCA9IGV2ZW50LmtleSA9PT0gJ1RhYidcblxuICAgIGlmICghaXNUYWJQcmVzc2VkKSB7XG4gICAgICByZXR1cm5cbiAgICB9XG5cbiAgICBjb25zdCBmb2N1c2FibGVFbHMgPVxuICAgICAgZGlhbG9nUmVmLmN1cnJlbnQ/LnF1ZXJ5U2VsZWN0b3JBbGwoXG4gICAgICAgICdhW2hyZWZdOm5vdChbZGlzYWJsZWRdKSwgYnV0dG9uOm5vdChbZGlzYWJsZWRdKSwgdGV4dGFyZWE6bm90KFtkaXNhYmxlZF0pLCBpbnB1dDpub3QoW2Rpc2FibGVkXSksIHNlbGVjdDpub3QoW2Rpc2FibGVkXSknLFxuICAgICAgKSA/PyBbXVxuXG4gICAgLy8gSGFuZGxlIGNhc2Ugd2hlbiBubyBpbnRlcmFjdGl2ZSBlbGVtZW50IGFyZSB3aXRoaW4gdGhlIG1vZGFsIChpbmNsdWRpbmcgY2xvc2UgaWNvbilcbiAgICBpZiAoZm9jdXNhYmxlRWxzLmxlbmd0aCA9PT0gMCkge1xuICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKVxuICAgIH1cblxuICAgIGNvbnN0IGZpcnN0Rm9jdXNhYmxlRWwgPSBmb2N1c2FibGVFbHNbMF0gYXMgSFRNTEVsZW1lbnRcbiAgICBjb25zdCBsYXN0Rm9jdXNhYmxlRWwgPSBmb2N1c2FibGVFbHNbZm9jdXNhYmxlRWxzLmxlbmd0aCAtIDFdIGFzIEhUTUxFbGVtZW50XG5cbiAgICBpZiAoZXZlbnQuc2hpZnRLZXkpIHtcbiAgICAgIGlmIChcbiAgICAgICAgZG9jdW1lbnQuYWN0aXZlRWxlbWVudCA9PT0gZmlyc3RGb2N1c2FibGVFbCB8fFxuICAgICAgICBkb2N1bWVudC5hY3RpdmVFbGVtZW50ID09PSBkaWFsb2dSZWYuY3VycmVudFxuICAgICAgKSB7XG4gICAgICAgIGxhc3RGb2N1c2FibGVFbC5mb2N1cygpXG4gICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICAgIH1cbiAgICB9IGVsc2UgaWYgKFxuICAgICAgZG9jdW1lbnQuYWN0aXZlRWxlbWVudCA9PT0gbGFzdEZvY3VzYWJsZUVsIHx8XG4gICAgICBkb2N1bWVudC5hY3RpdmVFbGVtZW50ID09PSBkaWFsb2dSZWYuY3VycmVudFxuICAgICkge1xuICAgICAgZmlyc3RGb2N1c2FibGVFbC5mb2N1cygpXG4gICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gICAgfVxuICB9LCBbXSlcblxuICAvLyBQcmV2ZW50IGRlZmF1bHQgYmVoYXZpb3VyIG9uIEVzY2FwZVxuICBjb25zdCBzdG9wQ2FuY2VsOiBSZWFjdEV2ZW50SGFuZGxlciA9IGV2ZW50ID0+IHtcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcbiAgfVxuXG4gIHJldHVybiBvcGVuXG4gICAgPyBjcmVhdGVQb3J0YWwoXG4gICAgICAgIDxTdHlsZWRCYWNrZHJvcFxuICAgICAgICAgIGRhdGEtb3Blbj17b3Blbn1cbiAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbG9zZX1cbiAgICAgICAgICBjbGFzc05hbWU9e2JhY2tkcm9wQ2xhc3NOYW1lfVxuICAgICAgICAgIGNzcz17YmFja2Ryb3BDc3N9XG4gICAgICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWQgPyBgJHtkYXRhVGVzdElkfS1iYWNrZHJvcGAgOiB1bmRlZmluZWR9XG4gICAgICAgICAgb25Gb2N1cz17c3RvcEZvY3VzfVxuICAgICAgICA+XG4gICAgICAgICAgPFN0eWxlZERpYWxvZ1xuICAgICAgICAgICAgY3NzPXtkaWFsb2dDc3N9XG4gICAgICAgICAgICBvbktleVVwPXtoYW5kbGVLZXlVcH1cbiAgICAgICAgICAgIG9uS2V5RG93bj17aGFuZGxlRm9jdXNUcmFwfVxuICAgICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgICAgICAgIGFyaWEtbGFiZWw9e2FyaWFMYWJlbH1cbiAgICAgICAgICAgIGRhdGEtcGxhY2VtZW50PXtwbGFjZW1lbnR9XG4gICAgICAgICAgICBkYXRhLXNpemU9e3NpemV9XG4gICAgICAgICAgICBvcGVuPXtvcGVufVxuICAgICAgICAgICAgb25DbGljaz17c3RvcENsaWNrfVxuICAgICAgICAgICAgb25DYW5jZWw9e3N0b3BDYW5jZWx9XG4gICAgICAgICAgICBvbkNsb3NlPXtzdG9wQ2FuY2VsfVxuICAgICAgICAgICAgYXJpYS1tb2RhbFxuICAgICAgICAgICAgcmVmPXtkaWFsb2dSZWZ9XG4gICAgICAgICAgICB0YWJJbmRleD17MH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7b3BlbiA/IGNoaWxkcmVuIDogbnVsbH1cbiAgICAgICAgICA8L1N0eWxlZERpYWxvZz5cbiAgICAgICAgPC9TdHlsZWRCYWNrZHJvcD4sXG4gICAgICAgIGNvbnRhaW5lclJlZi5jdXJyZW50LFxuICAgICAgKVxuICAgIDogbnVsbFxufVxuIl19 */"));
|
|
16
|
-
const StyledDialog = /* @__PURE__ */ _styled("dialog", process.env.NODE_ENV === "production" ? {
|
|
17
|
-
target: "e1cqen9h0"
|
|
18
|
-
} : {
|
|
19
|
-
target: "e1cqen9h0",
|
|
20
|
-
label: "StyledDialog"
|
|
21
|
-
})("background-color:", ({
|
|
22
|
-
theme
|
|
23
|
-
}) => theme.colors.other.elevation.background.overlay, ";position:relative;border-radius:", ({
|
|
24
|
-
theme
|
|
25
|
-
}) => theme.radii.default, ";border:0;padding:", ({
|
|
26
|
-
theme
|
|
27
|
-
}) => theme.space["3"], ";width:", MODAL_WIDTH.medium, "px;box-shadow:", ({
|
|
28
|
-
theme
|
|
29
|
-
}) => `${theme.shadows.overlay[0]}, ${theme.shadows.overlay[1]}`, ";", Object.entries(MODAL_WIDTH).map(([size, value]) => `
|
|
30
|
-
&[data-size="${size}"] {
|
|
31
|
-
width: ${value}px;
|
|
32
|
-
}
|
|
33
|
-
`), " ", Object.entries(MODAL_PLACEMENT).map(([placement, value]) => `
|
|
34
|
-
&[data-placement="${placement}"] {
|
|
35
|
-
${value}
|
|
36
|
-
}
|
|
37
|
-
`), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL01vZGFsL0RpYWxvZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0M0RCIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9Nb2RhbC9EaWFsb2cudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7XG4gIEZvY3VzRXZlbnRIYW5kbGVyLFxuICBLZXlib2FyZEV2ZW50SGFuZGxlcixcbiAgTW91c2VFdmVudEhhbmRsZXIsXG4gIFJlYWN0RXZlbnRIYW5kbGVyLFxufSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3JlYXRlUG9ydGFsIH0gZnJvbSAncmVhY3QtZG9tJ1xuaW1wb3J0IHsgTU9EQUxfUExBQ0VNRU5ULCBNT0RBTF9XSURUSCB9IGZyb20gJy4vY29uc3RhbnRzJ1xuaW1wb3J0IHR5cGUgeyBEaWFsb2dQcm9wcywgTW9kYWxQbGFjZW1lbnQsIE1vZGFsU2l6ZSB9IGZyb20gJy4vdHlwZXMnXG5cbmNvbnN0IFN0eWxlZEJhY2tkcm9wID0gc3R5bGVkLmRpdjx7ICdkYXRhLW9wZW4nOiBib29sZWFuIH0+YFxuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHRvcDogMDtcbiAgcmlnaHQ6IDA7XG4gIGhlaWdodDogMDtcbiAgd2lkdGg6IDA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm92ZXJsYXl9O1xuICB6LWluZGV4OiAxO1xuXG4gICZbZGF0YS1vcGVuPSd0cnVlJ10ge1xuICAgIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG4gICAgb3ZlcmZsb3c6IGF1dG87XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBib3R0b206IDA7XG4gICAgbGVmdDogMDtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cbmBcblxudHlwZSBTdHlsZWREaWFsb2dQcm9wcyA9IHtcbiAgJ2RhdGEtc2l6ZSc6IE1vZGFsU2l6ZVxuICAnZGF0YS1wbGFjZW1lbnQnOiBNb2RhbFBsYWNlbWVudFxufVxuXG5leHBvcnQgY29uc3QgU3R5bGVkRGlhbG9nID0gc3R5bGVkLmRpYWxvZzxTdHlsZWREaWFsb2dQcm9wcz5gXG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT5cbiAgICB0aGVtZS5jb2xvcnMub3RoZXIuZWxldmF0aW9uLmJhY2tncm91bmQub3ZlcmxheX07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5kZWZhdWx0fTtcbiAgYm9yZGVyOiAwO1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyczJ119O1xuICB3aWR0aDogJHtNT0RBTF9XSURUSC5tZWRpdW19cHg7XG4gIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUgfSkgPT4gYCR7dGhlbWUuc2hhZG93cy5vdmVybGF5WzBdfSwgJHt0aGVtZS5zaGFkb3dzLm92ZXJsYXlbMV19YH07XG5cblxuICAke09iamVjdC5lbnRyaWVzKE1PREFMX1dJRFRIKS5tYXAoXG4gICAgKFtzaXplLCB2YWx1ZV0pID0+IGBcbiAgICAgICZbZGF0YS1zaXplPVwiJHtzaXplfVwiXSB7XG4gICAgICAgIHdpZHRoOiAke3ZhbHVlfXB4O1xuICAgICAgfVxuICAgICAgYCxcbiAgKX1cblxuICAke09iamVjdC5lbnRyaWVzKE1PREFMX1BMQUNFTUVOVCkubWFwKFxuICAgIChbcGxhY2VtZW50LCB2YWx1ZV0pID0+IGBcbiAgICAgICAgJltkYXRhLXBsYWNlbWVudD1cIiR7cGxhY2VtZW50fVwiXSB7XG4gICAgICAgICAgJHt2YWx1ZX1cbiAgICAgICAgfVxuICAgICAgICBgLFxuICApfVxuYFxuXG5leHBvcnQgY29uc3QgRGlhbG9nID0gKHtcbiAgY2hpbGRyZW4sXG4gIG9wZW4sXG4gIHBsYWNlbWVudCxcbiAgb25DbG9zZSxcbiAgaGlkZU9uQ2xpY2tPdXRzaWRlLFxuICBzaXplLFxuICBpZCxcbiAgYXJpYUxhYmVsLFxuICBjbGFzc05hbWUsXG4gICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG4gIHByZXZlbnRCb2R5U2Nyb2xsLFxuICBoaWRlT25Fc2MsXG4gIGJhY2tkcm9wQ2xhc3NOYW1lLFxuICBkaWFsb2dDc3MsXG4gIGJhY2tkcm9wQ3NzLFxufTogRGlhbG9nUHJvcHMpID0+IHtcbiAgY29uc3QgY29udGFpbmVyUmVmID0gdXNlUmVmKGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2RpdicpKVxuICBjb25zdCBkaWFsb2dSZWYgPSB1c2VSZWY8SFRNTERpYWxvZ0VsZW1lbnQ+KG51bGwpXG4gIGNvbnN0IG9uQ2xvc2VSZWYgPSB1c2VSZWYob25DbG9zZSlcblxuICAvLyBQb3J0YWwgdG8gcHV0IHRoZSBtb2RhbCBpblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IGVsZW1lbnQgPSBjb250YWluZXJSZWYuY3VycmVudFxuICAgIGlmIChvcGVuKSB7XG4gICAgICBkb2N1bWVudC5ib2R5LmFwcGVuZENoaWxkKGVsZW1lbnQpXG4gICAgfVxuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGlmIChkb2N1bWVudC5ib2R5LmNvbnRhaW5zKGVsZW1lbnQpKSB7XG4gICAgICAgIGRvY3VtZW50LmJvZHkucmVtb3ZlQ2hpbGQoZWxlbWVudClcbiAgICAgIH1cbiAgICB9XG4gIH0sIFtvcGVuXSlcblxuICAvLyBTYXZlIHRoZSByZWFzc2lnbm1lbnQgb2YgZXZlbnRIYW5kbGVyIGluIHRoZSB1c2VFZmZlY3QgYmVsb3dcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBvbkNsb3NlUmVmLmN1cnJlbnQgPSBvbkNsb3NlXG4gIH0sIFtvbkNsb3NlXSlcblxuICAvLyBPbiBvcGVuIGZvY3VzIHRoZSBtb2RhbFxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChvcGVuKSB7XG4gICAgICBkaWFsb2dSZWYuY3VycmVudD8uZm9jdXMoKVxuICAgIH1cbiAgfSwgW29wZW5dKVxuXG4gIC8vIEhhbmRsZSBib2R5IHNjcm9sbFxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IHByZXZpb3VzT3ZlcmZsb3cgPSBkb2N1bWVudC5ib2R5LnN0eWxlLm92ZXJmbG93XG5cbiAgICBpZiAob3BlbiAmJiBwcmV2ZW50Qm9keVNjcm9sbCkge1xuICAgICAgZG9jdW1lbnQuYm9keS5zdHlsZS5vdmVyZmxvdyA9ICdoaWRkZW4nXG4gICAgfVxuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGRvY3VtZW50LmJvZHkuc3R5bGUub3ZlcmZsb3cgPSBwcmV2aW91c092ZXJmbG93XG4gICAgfVxuICB9LCBbcHJldmVudEJvZHlTY3JvbGwsIG9wZW5dKVxuXG4gIC8vIFN0b3AgZm9jdXMgdG8gcHJldmVudCB1bmV4cGVjdGVkIGJvZHkgbG9vc2UgZm9jdXNcbiAgY29uc3Qgc3RvcEZvY3VzOiBGb2N1c0V2ZW50SGFuZGxlciA9IHVzZUNhbGxiYWNrKGV2ZW50ID0+IHtcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKVxuICB9LCBbXSlcblxuICAvLyBTdG9wIGNsaWNrIHRvIHByZXZlbnQgdW5leHBlY3RlZCBkaWFsb2cgY2xvc2VcbiAgY29uc3Qgc3RvcENsaWNrOiBNb3VzZUV2ZW50SGFuZGxlciA9IHVzZUNhbGxiYWNrKGV2ZW50ID0+IHtcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKVxuICB9LCBbXSlcblxuICAvLyBoYW5kbGUga2V5IHVwIDogdXNlZCB3aGVuIGhhdmluZyBpbnB1dHMgaW4gbW9kYWxzIC0gdXNlZnVsIGZvciBoaWRlT25Fc2NcbiAgY29uc3QgaGFuZGxlS2V5VXA6IEtleWJvYXJkRXZlbnRIYW5kbGVyID0gdXNlQ2FsbGJhY2soXG4gICAgZXZlbnQgPT4ge1xuICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcbiAgICAgIGlmIChldmVudC5rZXkgPT09ICdFc2NhcGUnICYmIGhpZGVPbkVzYykge1xuICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gICAgICAgIG9uQ2xvc2VSZWYuY3VycmVudCgpXG4gICAgICB9XG4gICAgfSxcbiAgICBbaGlkZU9uRXNjXSxcbiAgKVxuXG4gIGNvbnN0IGhhbmRsZUNsb3NlOiBNb3VzZUV2ZW50SGFuZGxlciA9IHVzZUNhbGxiYWNrKFxuICAgIGV2ZW50ID0+IHtcbiAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXG4gICAgICBpZiAoaGlkZU9uQ2xpY2tPdXRzaWRlKSB7XG4gICAgICAgIG9uQ2xvc2VSZWYuY3VycmVudCgpXG4gICAgICB9IGVsc2Uge1xuICAgICAgICAvLyBCZWNhdXNlIG92ZXJsYXkgaXMgbm90IGZvY3VzYWJsZSB3ZSBjYW4ndCBoYW5kbGUgaGlkZU9uRXNjIHByb3Blcmx5XG4gICAgICAgIGRpYWxvZ1JlZi5jdXJyZW50Py5mb2N1cygpXG4gICAgICB9XG4gICAgfSxcbiAgICBbaGlkZU9uQ2xpY2tPdXRzaWRlXSxcbiAgKVxuXG4gIC8vIEVuYWJsZSBmb2N1cyB0cmFwIGluc2lkZSB0aGUgbW9kYWxcbiAgY29uc3QgaGFuZGxlRm9jdXNUcmFwOiBLZXlib2FyZEV2ZW50SGFuZGxlciA9IHVzZUNhbGxiYWNrKGV2ZW50ID0+IHtcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKVxuICAgIGlmIChldmVudC5rZXkgPT09ICdFc2NhcGUnKSB7XG4gICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG5cbiAgICAgIHJldHVyblxuICAgIH1cbiAgICBjb25zdCBpc1RhYlByZXNzZWQgPSBldmVudC5rZXkgPT09ICdUYWInXG5cbiAgICBpZiAoIWlzVGFiUHJlc3NlZCkge1xuICAgICAgcmV0dXJuXG4gICAgfVxuXG4gICAgY29uc3QgZm9jdXNhYmxlRWxzID1cbiAgICAgIGRpYWxvZ1JlZi5jdXJyZW50Py5xdWVyeVNlbGVjdG9yQWxsKFxuICAgICAgICAnYVtocmVmXTpub3QoW2Rpc2FibGVkXSksIGJ1dHRvbjpub3QoW2Rpc2FibGVkXSksIHRleHRhcmVhOm5vdChbZGlzYWJsZWRdKSwgaW5wdXQ6bm90KFtkaXNhYmxlZF0pLCBzZWxlY3Q6bm90KFtkaXNhYmxlZF0pJyxcbiAgICAgICkgPz8gW11cblxuICAgIC8vIEhhbmRsZSBjYXNlIHdoZW4gbm8gaW50ZXJhY3RpdmUgZWxlbWVudCBhcmUgd2l0aGluIHRoZSBtb2RhbCAoaW5jbHVkaW5nIGNsb3NlIGljb24pXG4gICAgaWYgKGZvY3VzYWJsZUVscy5sZW5ndGggPT09IDApIHtcbiAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICB9XG5cbiAgICBjb25zdCBmaXJzdEZvY3VzYWJsZUVsID0gZm9jdXNhYmxlRWxzWzBdIGFzIEhUTUxFbGVtZW50XG4gICAgY29uc3QgbGFzdEZvY3VzYWJsZUVsID0gZm9jdXNhYmxlRWxzW2ZvY3VzYWJsZUVscy5sZW5ndGggLSAxXSBhcyBIVE1MRWxlbWVudFxuXG4gICAgaWYgKGV2ZW50LnNoaWZ0S2V5KSB7XG4gICAgICBpZiAoXG4gICAgICAgIGRvY3VtZW50LmFjdGl2ZUVsZW1lbnQgPT09IGZpcnN0Rm9jdXNhYmxlRWwgfHxcbiAgICAgICAgZG9jdW1lbnQuYWN0aXZlRWxlbWVudCA9PT0gZGlhbG9nUmVmLmN1cnJlbnRcbiAgICAgICkge1xuICAgICAgICBsYXN0Rm9jdXNhYmxlRWwuZm9jdXMoKVxuICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gICAgICB9XG4gICAgfSBlbHNlIGlmIChcbiAgICAgIGRvY3VtZW50LmFjdGl2ZUVsZW1lbnQgPT09IGxhc3RGb2N1c2FibGVFbCB8fFxuICAgICAgZG9jdW1lbnQuYWN0aXZlRWxlbWVudCA9PT0gZGlhbG9nUmVmLmN1cnJlbnRcbiAgICApIHtcbiAgICAgIGZpcnN0Rm9jdXNhYmxlRWwuZm9jdXMoKVxuICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKVxuICAgIH1cbiAgfSwgW10pXG5cbiAgLy8gUHJldmVudCBkZWZhdWx0IGJlaGF2aW91ciBvbiBFc2NhcGVcbiAgY29uc3Qgc3RvcENhbmNlbDogUmVhY3RFdmVudEhhbmRsZXIgPSBldmVudCA9PiB7XG4gICAgZXZlbnQucHJldmVudERlZmF1bHQoKVxuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXG4gIH1cblxuICByZXR1cm4gb3BlblxuICAgID8gY3JlYXRlUG9ydGFsKFxuICAgICAgICA8U3R5bGVkQmFja2Ryb3BcbiAgICAgICAgICBkYXRhLW9wZW49e29wZW59XG4gICAgICAgICAgb25DbGljaz17aGFuZGxlQ2xvc2V9XG4gICAgICAgICAgY2xhc3NOYW1lPXtiYWNrZHJvcENsYXNzTmFtZX1cbiAgICAgICAgICBjc3M9e2JhY2tkcm9wQ3NzfVxuICAgICAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkID8gYCR7ZGF0YVRlc3RJZH0tYmFja2Ryb3BgIDogdW5kZWZpbmVkfVxuICAgICAgICAgIG9uRm9jdXM9e3N0b3BGb2N1c31cbiAgICAgICAgPlxuICAgICAgICAgIDxTdHlsZWREaWFsb2dcbiAgICAgICAgICAgIGNzcz17ZGlhbG9nQ3NzfVxuICAgICAgICAgICAgb25LZXlVcD17aGFuZGxlS2V5VXB9XG4gICAgICAgICAgICBvbktleURvd249e2hhbmRsZUZvY3VzVHJhcH1cbiAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICAgICAgaWQ9e2lkfVxuICAgICAgICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgICAgICAgICBhcmlhLWxhYmVsPXthcmlhTGFiZWx9XG4gICAgICAgICAgICBkYXRhLXBsYWNlbWVudD17cGxhY2VtZW50fVxuICAgICAgICAgICAgZGF0YS1zaXplPXtzaXplfVxuICAgICAgICAgICAgb3Blbj17b3Blbn1cbiAgICAgICAgICAgIG9uQ2xpY2s9e3N0b3BDbGlja31cbiAgICAgICAgICAgIG9uQ2FuY2VsPXtzdG9wQ2FuY2VsfVxuICAgICAgICAgICAgb25DbG9zZT17c3RvcENhbmNlbH1cbiAgICAgICAgICAgIGFyaWEtbW9kYWxcbiAgICAgICAgICAgIHJlZj17ZGlhbG9nUmVmfVxuICAgICAgICAgICAgdGFiSW5kZXg9ezB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge29wZW4gPyBjaGlsZHJlbiA6IG51bGx9XG4gICAgICAgICAgPC9TdHlsZWREaWFsb2c+XG4gICAgICAgIDwvU3R5bGVkQmFja2Ryb3A+LFxuICAgICAgICBjb250YWluZXJSZWYuY3VycmVudCxcbiAgICAgIClcbiAgICA6IG51bGxcbn1cbiJdfQ== */"));
|
|
38
|
-
const Dialog = ({
|
|
39
|
-
children,
|
|
40
|
-
open,
|
|
41
|
-
placement,
|
|
42
|
-
onClose,
|
|
43
|
-
hideOnClickOutside,
|
|
44
|
-
size,
|
|
45
|
-
id,
|
|
46
|
-
ariaLabel,
|
|
47
|
-
className,
|
|
48
|
-
"data-testid": dataTestId,
|
|
49
|
-
preventBodyScroll,
|
|
50
|
-
hideOnEsc,
|
|
51
|
-
backdropClassName,
|
|
52
|
-
dialogCss,
|
|
53
|
-
backdropCss
|
|
54
|
-
}) => {
|
|
55
|
-
const containerRef = useRef(document.createElement("div"));
|
|
56
|
-
const dialogRef = useRef(null);
|
|
57
|
-
const onCloseRef = useRef(onClose);
|
|
58
|
-
useEffect(() => {
|
|
59
|
-
const element = containerRef.current;
|
|
60
|
-
if (open) {
|
|
61
|
-
document.body.appendChild(element);
|
|
62
|
-
}
|
|
63
|
-
return () => {
|
|
64
|
-
if (document.body.contains(element)) {
|
|
65
|
-
document.body.removeChild(element);
|
|
66
|
-
}
|
|
67
|
-
};
|
|
68
|
-
}, [open]);
|
|
69
|
-
useEffect(() => {
|
|
70
|
-
onCloseRef.current = onClose;
|
|
71
|
-
}, [onClose]);
|
|
72
|
-
useEffect(() => {
|
|
73
|
-
if (open) {
|
|
74
|
-
dialogRef.current?.focus();
|
|
75
|
-
}
|
|
76
|
-
}, [open]);
|
|
77
|
-
useEffect(() => {
|
|
78
|
-
const previousOverflow = document.body.style.overflow;
|
|
79
|
-
if (open && preventBodyScroll) {
|
|
80
|
-
document.body.style.overflow = "hidden";
|
|
81
|
-
}
|
|
82
|
-
return () => {
|
|
83
|
-
document.body.style.overflow = previousOverflow;
|
|
84
|
-
};
|
|
85
|
-
}, [preventBodyScroll, open]);
|
|
86
|
-
const stopFocus = useCallback((event) => {
|
|
87
|
-
event.stopPropagation();
|
|
88
|
-
}, []);
|
|
89
|
-
const stopClick = useCallback((event) => {
|
|
90
|
-
event.stopPropagation();
|
|
91
|
-
}, []);
|
|
92
|
-
const handleKeyUp = useCallback((event) => {
|
|
93
|
-
event.stopPropagation();
|
|
94
|
-
if (event.key === "Escape" && hideOnEsc) {
|
|
95
|
-
event.preventDefault();
|
|
96
|
-
onCloseRef.current();
|
|
97
|
-
}
|
|
98
|
-
}, [hideOnEsc]);
|
|
99
|
-
const handleClose = useCallback((event) => {
|
|
100
|
-
event.stopPropagation();
|
|
101
|
-
if (hideOnClickOutside) {
|
|
102
|
-
onCloseRef.current();
|
|
103
|
-
} else {
|
|
104
|
-
dialogRef.current?.focus();
|
|
105
|
-
}
|
|
106
|
-
}, [hideOnClickOutside]);
|
|
107
|
-
const handleFocusTrap = useCallback((event) => {
|
|
108
|
-
event.stopPropagation();
|
|
109
|
-
if (event.key === "Escape") {
|
|
110
|
-
event.preventDefault();
|
|
111
|
-
return;
|
|
112
|
-
}
|
|
113
|
-
const isTabPressed = event.key === "Tab";
|
|
114
|
-
if (!isTabPressed) {
|
|
115
|
-
return;
|
|
116
|
-
}
|
|
117
|
-
const focusableEls = dialogRef.current?.querySelectorAll("a[href]:not([disabled]), button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled])") ?? [];
|
|
118
|
-
if (focusableEls.length === 0) {
|
|
119
|
-
event.preventDefault();
|
|
120
|
-
}
|
|
121
|
-
const firstFocusableEl = focusableEls[0];
|
|
122
|
-
const lastFocusableEl = focusableEls[focusableEls.length - 1];
|
|
123
|
-
if (event.shiftKey) {
|
|
124
|
-
if (document.activeElement === firstFocusableEl || document.activeElement === dialogRef.current) {
|
|
125
|
-
lastFocusableEl.focus();
|
|
126
|
-
event.preventDefault();
|
|
127
|
-
}
|
|
128
|
-
} else if (document.activeElement === lastFocusableEl || document.activeElement === dialogRef.current) {
|
|
129
|
-
firstFocusableEl.focus();
|
|
130
|
-
event.preventDefault();
|
|
131
|
-
}
|
|
132
|
-
}, []);
|
|
133
|
-
const stopCancel = (event) => {
|
|
134
|
-
event.preventDefault();
|
|
135
|
-
event.stopPropagation();
|
|
136
|
-
};
|
|
137
|
-
return open ? createPortal(/* @__PURE__ */ jsx(StyledBackdrop, { "data-open": open, onClick: handleClose, className: backdropClassName, css: backdropCss, "data-testid": dataTestId ? `${dataTestId}-backdrop` : void 0, onFocus: stopFocus, children: /* @__PURE__ */ jsx(StyledDialog, { css: dialogCss, onKeyUp: handleKeyUp, onKeyDown: handleFocusTrap, className, id, "data-testid": dataTestId, "aria-label": ariaLabel, "data-placement": placement, "data-size": size, open, onClick: stopClick, onCancel: stopCancel, onClose: stopCancel, "aria-modal": true, ref: dialogRef, tabIndex: 0, children: open ? children : null }) }), containerRef.current) : null;
|
|
138
|
-
};
|
|
139
|
-
export {
|
|
140
|
-
Dialog,
|
|
141
|
-
StyledDialog
|
|
142
|
-
};
|
|
File without changes
|
|
File without changes
|