@frontify/fondue 12.0.0-beta.338 → 12.0.0-beta.339

package/dist/hooks/useToggleOverlay.es.js

@@ -1,18 +1,18 @@
-import { useState as d, useCallback as r, useEffect as f } from "react";
-const u = (a = !1, { isBlockingModal: e } = { isBlockingModal: !1 }) => {
-  const [n, o] = d(a), t = r(
-    (s) => {
-      n && !e && s.key === "Escape" && o(!1);
+import { useState as f, useCallback as r, useEffect as d } from "react";
+const i = (a = !1, { isBlockingModal: n } = { isBlockingModal: !1 }) => {
+  const [e, s] = f(a), o = r(
+    (t) => {
+      e && t.stopPropagation(), e && !n && t.key === "Escape" && s(!1);
     },
-    [e, n]
+    [n, e]
   );
-  f(() => (window.addEventListener("keydown", t), () => {
-    window.removeEventListener("keydown", t);
-  }), [t, e]);
-  const c = r((s) => o(s), []);
-  return [n, c];
+  d(() => (window.addEventListener("keydown", o), () => {
+    window.removeEventListener("keydown", o);
+  }), [o, n]);
+  const c = r((t) => s(t), []);
+  return [e, c];
 };
 export {
-  u as useToggleOverlay
+  i as useToggleOverlay
 };
 //# sourceMappingURL=useToggleOverlay.es.js.map

package/dist/hooks/useToggleOverlay.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"useToggleOverlay.es.js","sources":["../../src/hooks/useToggleOverlay.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { useCallback, useEffect, useState } from 'react';\n\nexport const useToggleOverlay = (\n    initialState = false,\n    { isBlockingModal }: { isBlockingModal?: boolean } = { isBlockingModal: false },\n): [boolean, (value: boolean) => void] => {\n    const [open, setOpen] = useState<boolean>(initialState);\n    const checkKeyboardEvent = useCallback(\n        (event: KeyboardEvent) => {\n            if (open && !isBlockingModal && event.key === 'Escape') {\n                setOpen(false);\n            }\n        },\n        [isBlockingModal, open],\n    );\n\n    useEffect(() => {\n        window.addEventListener('keydown', checkKeyboardEvent);\n\n        return () => {\n            window.removeEventListener('keydown', checkKeyboardEvent);\n        };\n    }, [checkKeyboardEvent, isBlockingModal]);\n\n    const handler = useCallback((value: boolean): void => setOpen(value), []);\n    return [open, handler];\n};\n"],"names":["useToggleOverlay","initialState","isBlockingModal","open","setOpen","useState","checkKeyboardEvent","useCallback","event","useEffect","handler","value"],"mappings":";AAIa,MAAAA,IAAmB,CAC5BC,IAAe,IACf,EAAE,iBAAAC,MAAmD,EAAE,iBAAiB,SAClC;AACtC,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAkBJ,CAAY,GAChDK,IAAqBC;AAAA,IACvB,CAACC,MAAyB;AACtB,MAAIL,KAAQ,CAACD,KAAmBM,EAAM,QAAQ,YAC1CJ,EAAQ,EAAK;AAAA,IAErB;AAAA,IACA,CAACF,GAAiBC,CAAI;AAAA,EAAA;AAG1B,EAAAM,EAAU,OACC,OAAA,iBAAiB,WAAWH,CAAkB,GAE9C,MAAM;AACF,WAAA,oBAAoB,WAAWA,CAAkB;AAAA,EAAA,IAE7D,CAACA,GAAoBJ,CAAe,CAAC;AAElC,QAAAQ,IAAUH,EAAY,CAACI,MAAyBP,EAAQO,CAAK,GAAG,CAAA,CAAE;AACjE,SAAA,CAACR,GAAMO,CAAO;AACzB;"}
+{"version":3,"file":"useToggleOverlay.es.js","sources":["../../src/hooks/useToggleOverlay.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { useCallback, useEffect, useState } from 'react';\n\nexport const useToggleOverlay = (\n    initialState = false,\n    { isBlockingModal }: { isBlockingModal?: boolean } = { isBlockingModal: false },\n): [boolean, (value: boolean) => void] => {\n    const [open, setOpen] = useState<boolean>(initialState);\n    const checkKeyboardEvent = useCallback(\n        (event: KeyboardEvent) => {\n            if (open) {\n                event.stopPropagation();\n            }\n            if (open && !isBlockingModal && event.key === 'Escape') {\n                setOpen(false);\n            }\n        },\n        [isBlockingModal, open],\n    );\n\n    useEffect(() => {\n        window.addEventListener('keydown', checkKeyboardEvent);\n\n        return () => {\n            window.removeEventListener('keydown', checkKeyboardEvent);\n        };\n    }, [checkKeyboardEvent, isBlockingModal]);\n\n    const handler = useCallback((value: boolean): void => setOpen(value), []);\n    return [open, handler];\n};\n"],"names":["useToggleOverlay","initialState","isBlockingModal","open","setOpen","useState","checkKeyboardEvent","useCallback","event","useEffect","handler","value"],"mappings":";AAIa,MAAAA,IAAmB,CAC5BC,IAAe,IACf,EAAE,iBAAAC,MAAmD,EAAE,iBAAiB,SAClC;AACtC,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAkBJ,CAAY,GAChDK,IAAqBC;AAAA,IACvB,CAACC,MAAyB;AACtB,MAAIL,KACAK,EAAM,gBAAgB,GAEtBL,KAAQ,CAACD,KAAmBM,EAAM,QAAQ,YAC1CJ,EAAQ,EAAK;AAAA,IAErB;AAAA,IACA,CAACF,GAAiBC,CAAI;AAAA,EAAA;AAG1B,EAAAM,EAAU,OACC,OAAA,iBAAiB,WAAWH,CAAkB,GAE9C,MAAM;AACF,WAAA,oBAAoB,WAAWA,CAAkB;AAAA,EAAA,IAE7D,CAACA,GAAoBJ,CAAe,CAAC;AAElC,QAAAQ,IAAUH,EAAY,CAACI,MAAyBP,EAAQO,CAAK,GAAG,CAAA,CAAE;AACjE,SAAA,CAACR,GAAMO,CAAO;AACzB;"}