@simplybusiness/mobius 10.3.4 → 10.4.0

package/dist/cjs/meta.json

@@ -2239,7 +2239,7 @@
       "format": "esm"
     },
     "src/components/Modal/Modal.tsx": {
-      "bytes": 2221,
+      "bytes": 2390,
       "imports": [
         {
           "path": "classnames/dedupe",
@@ -3836,7 +3836,7 @@
       "format": "esm"
     },
     "src/components/Modal/types.ts": {
-      "bytes": 592,
+      "bytes": 622,
       "imports": [],
       "format": "esm"
     },
@@ -3877,7 +3877,7 @@
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 333784
+      "bytes": 334070
     },
     "dist/cjs/index.js": {
       "imports": [
@@ -5448,7 +5448,7 @@
           "bytesInOutput": 189
         },
         "src/components/Modal/Modal.tsx": {
-          "bytesInOutput": 2172
+          "bytesInOutput": 2343
         },
         "src/components/Modal/index.tsx": {
           "bytesInOutput": 109
@@ -5556,7 +5556,7 @@
           "bytesInOutput": 916
         }
       },
-      "bytes": 185348
+      "bytes": 185519
     },
     "dist/cjs/utils/changeCSS.js.map": {
       "imports": [],
@@ -6486,7 +6486,7 @@
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 335718
+      "bytes": 336004
     },
     "dist/cjs/components/index.js": {
       "imports": [
@@ -8057,7 +8057,7 @@
           "bytesInOutput": 189
         },
         "src/components/Modal/Modal.tsx": {
-          "bytesInOutput": 2172
+          "bytesInOutput": 2343
         },
         "src/components/Modal/index.tsx": {
           "bytesInOutput": 109
@@ -8165,7 +8165,7 @@
           "bytesInOutput": 916
         }
       },
-      "bytes": 185274
+      "bytes": 185445
     },
     "dist/cjs/components/VisuallyHidden/VisuallyHidden.js.map": {
       "imports": [],
@@ -12692,7 +12692,7 @@
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 784
+      "bytes": 815
     },
     "dist/cjs/components/Modal/types.js": {
       "imports": [],
@@ -12890,7 +12890,7 @@
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 11242
+      "bytes": 11528
     },
     "dist/cjs/components/Modal/Modal.js": {
       "imports": [
@@ -12944,7 +12944,7 @@
       "entryPoint": "src/components/Modal/Modal.tsx",
       "inputs": {
         "src/components/Modal/Modal.tsx": {
-          "bytesInOutput": 2223
+          "bytesInOutput": 2394
         },
         "src/hooks/useDialog/useDialog.ts": {
           "bytesInOutput": 1993
@@ -12962,7 +12962,7 @@
           "bytesInOutput": 187
         }
       },
-      "bytes": 7294
+      "bytes": 7465
     },
     "dist/cjs/components/Modal/ModalContext.js.map": {
       "imports": [],
@@ -12991,7 +12991,7 @@
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 26673
+      "bytes": 26959
     },
     "dist/cjs/components/Modal/index.js": {
       "imports": [
@@ -13163,7 +13163,7 @@
           "bytesInOutput": 187
         },
         "src/components/Modal/Modal.tsx": {
-          "bytesInOutput": 2107
+          "bytesInOutput": 2278
         },
         "src/hooks/useDialog/useDialog.ts": {
           "bytesInOutput": 1993
@@ -13178,7 +13178,7 @@
           "bytesInOutput": 828
         }
       },
-      "bytes": 15265
+      "bytes": 15436
     },
     "dist/cjs/components/MaskedField/MaskedField.js.map": {
       "imports": [],

package/dist/esm/{chunk-KXLTGNKF.js → chunk-JJUTS5ET.js}

@@ -21,6 +21,7 @@ var Modal = ({ ref, ...props }) => {
   const {
     isOpen,
     onClose,
+    preventEscapeKey = false,
     onOpen,
     children,
     className,
@@ -75,6 +76,11 @@ var Modal = ({ ref, ...props }) => {
     {
       ref: mergeRefs([dialogRef, ref]),
       onCancel: close,
+      onKeyDown: (event) => {
+        if (preventEscapeKey && event.key === "Escape") {
+          event.preventDefault();
+        }
+      },
       className: modalClasses,
       "aria-labelledby": titleId,
       ...rest,
@@ -87,4 +93,4 @@ Modal.displayName = "Modal";
 export {
   Modal
 };
-//# sourceMappingURL=chunk-KXLTGNKF.js.map
+//# sourceMappingURL=chunk-JJUTS5ET.js.map

package/dist/esm/chunk-JJUTS5ET.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/Modal/Modal.tsx"],
+  "sourcesContent": ["\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useDialog } from \"../../hooks\";\nimport { mergeRefs } from \"../../utils\";\nimport { supportsDialog } from \"../../utils/polyfill-tests\";\nimport { ModalContext } from \"./ModalContext\";\nimport type { ModalProps } from \"./types\";\nimport \"./Modal.css\";\n\nexport type ModalElementType = HTMLDialogElement;\n\nconst TRANSITION_CSS_VARIABLE = \"--modal-transition-duration\";\n\nconst Modal = ({ ref, ...props }: ModalProps) => {\n  const {\n    isOpen,\n    onClose,\n    preventEscapeKey = false,\n    onOpen,\n    children,\n    className,\n    closeLabel,\n    isFullScreen,\n    animation,\n    ...rest\n  } = props;\n  const [shouldTransition, setShouldTransition] = useState(false);\n\n  useEffect(() => {\n    setShouldTransition(supportsDialog());\n  }, []);\n\n  const dialogRef = useRef<HTMLDialogElement | null>(null);\n  const { close } = useDialog({\n    ref: dialogRef,\n    isOpen,\n    onOpen,\n    onClose,\n    transition: {\n      isEnabled: !!animation,\n      CSSVariable: TRANSITION_CSS_VARIABLE,\n    },\n  });\n\n  const modalClasses = classNames(\n    \"mobius\",\n    \"mobius-modal\",\n    {\n      \"--no-dialog-support\": !shouldTransition, // This class is used to correctly position modal in x/y middle on iOS <= 15.2\n      \"--should-transition\": shouldTransition && animation,\n      \"--slide-up\": animation === \"slideUp\",\n      \"--fade\": animation === \"fade\",\n      \"--is-fullscreen\": isFullScreen,\n    },\n    className,\n  );\n\n  const [titleId, setTitleId] = useState<string | undefined>(undefined);\n\n  const handleSetTitleId = useCallback((id: string) => {\n    setTitleId(id);\n  }, []);\n\n  const contextValue = useMemo(\n    () => ({\n      onClose: close,\n      closeLabel,\n      titleId,\n      setTitleId: handleSetTitleId,\n    }),\n    [close, closeLabel, titleId, handleSetTitleId],\n  );\n\n  return (\n    <dialog\n      ref={mergeRefs([dialogRef, ref])}\n      onCancel={close}\n      onKeyDown={event => {\n        if (preventEscapeKey && event.key === \"Escape\") {\n          event.preventDefault();\n        }\n      }}\n      className={modalClasses}\n      aria-labelledby={titleId}\n      {...rest}\n    >\n      <ModalContext.Provider value={contextValue}>\n        {children}\n      </ModalContext.Provider>\n    </dialog>\n  );\n};\n\nModal.displayName = \"Modal\";\nexport { Modal };\n"],
+  "mappings": ";;;;;;;;;;;;;;AAEA,OAAO,gBAAgB;AACvB,SAAS,aAAa,WAAW,SAAS,QAAQ,gBAAgB;AAMlE,OAAO;AA+ED;AA3EN,IAAM,0BAA0B;AAEhC,IAAM,QAAQ,CAAC,EAAE,KAAK,GAAG,MAAM,MAAkB;AAC/C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,mBAAmB;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAS,KAAK;AAE9D,YAAU,MAAM;AACd,wBAAoB,eAAe,CAAC;AAAA,EACtC,GAAG,CAAC,CAAC;AAEL,QAAM,YAAY,OAAiC,IAAI;AACvD,QAAM,EAAE,MAAM,IAAI,UAAU;AAAA,IAC1B,KAAK;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,MACV,WAAW,CAAC,CAAC;AAAA,MACb,aAAa;AAAA,IACf;AAAA,EACF,CAAC;AAED,QAAM,eAAe;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,MACE,uBAAuB,CAAC;AAAA;AAAA,MACxB,uBAAuB,oBAAoB;AAAA,MAC3C,cAAc,cAAc;AAAA,MAC5B,UAAU,cAAc;AAAA,MACxB,mBAAmB;AAAA,IACrB;AAAA,IACA;AAAA,EACF;AAEA,QAAM,CAAC,SAAS,UAAU,IAAI,SAA6B,MAAS;AAEpE,QAAM,mBAAmB,YAAY,CAAC,OAAe;AACnD,eAAW,EAAE;AAAA,EACf,GAAG,CAAC,CAAC;AAEL,QAAM,eAAe;AAAA,IACnB,OAAO;AAAA,MACL,SAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA,YAAY;AAAA,IACd;AAAA,IACA,CAAC,OAAO,YAAY,SAAS,gBAAgB;AAAA,EAC/C;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK,UAAU,CAAC,WAAW,GAAG,CAAC;AAAA,MAC/B,UAAU;AAAA,MACV,WAAW,WAAS;AAClB,YAAI,oBAAoB,MAAM,QAAQ,UAAU;AAC9C,gBAAM,eAAe;AAAA,QACvB;AAAA,MACF;AAAA,MACA,WAAW;AAAA,MACX,mBAAiB;AAAA,MAChB,GAAG;AAAA,MAEJ,8BAAC,aAAa,UAAb,EAAsB,OAAO,cAC3B,UACH;AAAA;AAAA,EACF;AAEJ;AAEA,MAAM,cAAc;",
+  "names": []
+}

package/dist/esm/{chunk-DZVBN6ZI.js → chunk-PEEQNAIN.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-MPB5F6QL.js";
 import {
   Modal
-} from "./chunk-KXLTGNKF.js";
+} from "./chunk-JJUTS5ET.js";
 import {
   Content
 } from "./chunk-55NPJOV3.js";
@@ -18,4 +18,4 @@ Modal2.displayName = "Modal";
 export {
   Modal2 as Modal
 };
-//# sourceMappingURL=chunk-DZVBN6ZI.js.map
+//# sourceMappingURL=chunk-PEEQNAIN.js.map

package/dist/esm/components/Modal/Modal.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   Modal
-} from "../../chunk-KXLTGNKF.js";
+} from "../../chunk-JJUTS5ET.js";
 import "../../chunk-TBKQA5ZF.js";
 import "../../chunk-XXRLHJSM.js";
 import "../../chunk-N67T2EUZ.js";

package/dist/esm/components/Modal/index.js

@@ -1,8 +1,8 @@
 import {
   Modal
-} from "../../chunk-DZVBN6ZI.js";
+} from "../../chunk-PEEQNAIN.js";
 import "../../chunk-MPB5F6QL.js";
-import "../../chunk-KXLTGNKF.js";
+import "../../chunk-JJUTS5ET.js";
 import {
   useModal
 } from "../../chunk-Q5MIALGZ.js";

package/dist/esm/components/index.js

@@ -122,9 +122,9 @@ import {
 } from "../chunk-IV6YODTR.js";
 import {
   Modal
-} from "../chunk-DZVBN6ZI.js";
+} from "../chunk-PEEQNAIN.js";
 import "../chunk-MPB5F6QL.js";
-import "../chunk-KXLTGNKF.js";
+import "../chunk-JJUTS5ET.js";
 import {
   MaskedField
 } from "../chunk-ZN5TRIVZ.js";

package/dist/esm/index.js

@@ -123,9 +123,9 @@ import {
 } from "./chunk-IV6YODTR.js";
 import {
   Modal
-} from "./chunk-DZVBN6ZI.js";
+} from "./chunk-PEEQNAIN.js";
 import "./chunk-MPB5F6QL.js";
-import "./chunk-KXLTGNKF.js";
+import "./chunk-JJUTS5ET.js";
 import {
   MaskedField
 } from "./chunk-ZN5TRIVZ.js";

package/dist/esm/meta.json

@@ -2239,7 +2239,7 @@
       "format": "esm"
     },
     "src/components/Modal/Modal.tsx": {
-      "bytes": 2221,
+      "bytes": 2390,
       "imports": [
         {
           "path": "classnames/dedupe",
@@ -3836,7 +3836,7 @@
       "format": "esm"
     },
     "src/components/Modal/types.ts": {
-      "bytes": 592,
+      "bytes": 622,
       "imports": [],
       "format": "esm"
     },
@@ -10086,7 +10086,7 @@
     "dist/esm/components/Modal/Modal.js": {
       "imports": [
         {
-          "path": "dist/esm/chunk-KXLTGNKF.js",
+          "path": "dist/esm/chunk-JJUTS5ET.js",
           "kind": "import-statement"
         },
         {
@@ -10250,7 +10250,7 @@
     "dist/esm/components/Modal/index.js": {
       "imports": [
         {
-          "path": "dist/esm/chunk-DZVBN6ZI.js",
+          "path": "dist/esm/chunk-PEEQNAIN.js",
           "kind": "import-statement"
         },
         {
@@ -10258,7 +10258,7 @@
           "kind": "import-statement"
         },
         {
-          "path": "dist/esm/chunk-KXLTGNKF.js",
+          "path": "dist/esm/chunk-JJUTS5ET.js",
           "kind": "import-statement"
         },
         {
@@ -15812,7 +15812,7 @@
           "kind": "import-statement"
         },
         {
-          "path": "dist/esm/chunk-DZVBN6ZI.js",
+          "path": "dist/esm/chunk-PEEQNAIN.js",
           "kind": "import-statement"
         },
         {
@@ -15820,7 +15820,7 @@
           "kind": "import-statement"
         },
         {
-          "path": "dist/esm/chunk-KXLTGNKF.js",
+          "path": "dist/esm/chunk-JJUTS5ET.js",
           "kind": "import-statement"
         },
         {
@@ -17482,7 +17482,7 @@
           "kind": "import-statement"
         },
         {
-          "path": "dist/esm/chunk-DZVBN6ZI.js",
+          "path": "dist/esm/chunk-PEEQNAIN.js",
           "kind": "import-statement"
         },
         {
@@ -17490,7 +17490,7 @@
           "kind": "import-statement"
         },
         {
-          "path": "dist/esm/chunk-KXLTGNKF.js",
+          "path": "dist/esm/chunk-JJUTS5ET.js",
           "kind": "import-statement"
         },
         {
@@ -19998,20 +19998,20 @@
       },
       "bytes": 963
     },
-    "dist/esm/chunk-DZVBN6ZI.js.map": {
+    "dist/esm/chunk-PEEQNAIN.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
       "bytes": 1014
     },
-    "dist/esm/chunk-DZVBN6ZI.js": {
+    "dist/esm/chunk-PEEQNAIN.js": {
       "imports": [
         {
           "path": "dist/esm/chunk-MPB5F6QL.js",
           "kind": "import-statement"
         },
         {
-          "path": "dist/esm/chunk-KXLTGNKF.js",
+          "path": "dist/esm/chunk-JJUTS5ET.js",
           "kind": "import-statement"
         },
         {
@@ -20075,13 +20075,13 @@
       },
       "bytes": 1188
     },
-    "dist/esm/chunk-KXLTGNKF.js.map": {
+    "dist/esm/chunk-JJUTS5ET.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 3703
+      "bytes": 3989
     },
-    "dist/esm/chunk-KXLTGNKF.js": {
+    "dist/esm/chunk-JJUTS5ET.js": {
       "imports": [
         {
           "path": "dist/esm/chunk-TBKQA5ZF.js",
@@ -20125,10 +20125,10 @@
       ],
       "inputs": {
         "src/components/Modal/Modal.tsx": {
-          "bytesInOutput": 1911
+          "bytesInOutput": 2082
         }
       },
-      "bytes": 2222
+      "bytes": 2393
     },
     "dist/esm/chunk-ZN5TRIVZ.js.map": {
       "imports": [],