@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.
Files changed (50) hide show
  1. package/dist/components/Badge/index.cjs +9 -5
  2. package/dist/components/Badge/index.d.ts +5 -0
  3. package/dist/components/Badge/index.js +10 -6
  4. package/dist/components/ExpandableCard/components/Title.cjs +11 -0
  5. package/dist/components/ExpandableCard/components/Title.d.ts +7 -0
  6. package/dist/components/ExpandableCard/components/Title.js +11 -0
  7. package/dist/components/ExpandableCard/index.cjs +87 -0
  8. package/dist/components/ExpandableCard/index.d.ts +22 -0
  9. package/dist/components/ExpandableCard/index.js +85 -0
  10. package/dist/components/Modal/ModalContent.cjs +53 -0
  11. package/dist/components/Modal/ModalContent.d.ts +17 -0
  12. package/dist/components/Modal/ModalContent.js +51 -0
  13. package/dist/components/Modal/ModalProvider.cjs +40 -0
  14. package/dist/components/Modal/ModalProvider.d.ts +14 -0
  15. package/dist/components/Modal/ModalProvider.js +40 -0
  16. package/dist/components/Modal/components/Dialog.cjs +162 -0
  17. package/dist/components/Modal/components/Dialog.d.ts +13 -0
  18. package/dist/components/Modal/components/Dialog.js +160 -0
  19. package/dist/components/Modal/{Disclosure.d.ts → components/Disclosure.d.ts} +1 -1
  20. package/dist/components/Modal/index.cjs +5 -29
  21. package/dist/components/Modal/index.js +6 -28
  22. package/dist/components/Slider/components/DoubleSlider.cjs +53 -63
  23. package/dist/components/Slider/components/DoubleSlider.d.ts +1 -1
  24. package/dist/components/Slider/components/DoubleSlider.js +55 -65
  25. package/dist/components/Slider/components/Options.cjs +29 -7
  26. package/dist/components/Slider/components/Options.d.ts +23 -2
  27. package/dist/components/Slider/components/Options.js +26 -6
  28. package/dist/components/Slider/components/SingleSlider.cjs +32 -42
  29. package/dist/components/Slider/components/SingleSlider.d.ts +1 -1
  30. package/dist/components/Slider/components/SingleSlider.js +33 -43
  31. package/dist/components/Slider/index.cjs +4 -5
  32. package/dist/components/Slider/index.d.ts +1 -1
  33. package/dist/components/Slider/index.js +4 -5
  34. package/dist/components/Slider/styles.cjs +15 -52
  35. package/dist/components/Slider/styles.d.ts +1 -31
  36. package/dist/components/Slider/styles.js +13 -50
  37. package/dist/components/Slider/types.d.ts +2 -18
  38. package/dist/components/TextArea/index.cjs +5 -5
  39. package/dist/components/TextArea/index.js +5 -5
  40. package/dist/components/UnitInput/index.cjs +5 -5
  41. package/dist/components/UnitInput/index.js +5 -5
  42. package/dist/components/index.d.ts +1 -0
  43. package/dist/index.cjs +110 -108
  44. package/dist/index.js +2 -0
  45. package/package.json +4 -4
  46. package/dist/components/Modal/Dialog.cjs +0 -144
  47. package/dist/components/Modal/Dialog.d.ts +0 -11
  48. package/dist/components/Modal/Dialog.js +0 -142
  49. /package/dist/components/Modal/{Disclosure.cjs → components/Disclosure.cjs} +0 -0
  50. /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
- };