@frontify/fondue 12.0.0-beta.362 → 12.0.0-beta.363

package/dist/hooks/useToggleOverlay.es.js

@@ -1,18 +1,17 @@
-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);
+import { useState as c, useCallback as p, useEffect as i } from "react";
+const d = (f = !1, { isBlockingModal: t, callback: n } = { isBlockingModal: !1 }) => {
+  const [e, s] = c(f), o = p(
+    (r) => {
+      const a = typeof n == "function" ? n : () => ({});
+      e && r.stopPropagation(), e && !t && r.key === "Escape" && (s(!1), a());
     },
-    [n, e]
+    [n, t, e]
   );
-  d(() => (window.addEventListener("keydown", o), () => {
+  return i(() => (window.addEventListener("keydown", o), () => {
     window.removeEventListener("keydown", o);
-  }), [o, n]);
-  const c = r((t) => s(t), []);
-  return [e, c];
+  }), [o, t]), [e, s];
 };
 export {
-  i as useToggleOverlay
+  d 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) {\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;"}
+{"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, callback }: { isBlockingModal?: boolean; callback?: () => void } = { isBlockingModal: false },\n): [boolean, (value: boolean) => void] => {\n    const [open, setOpen] = useState<boolean>(initialState);\n\n    const checkKeyboardEvent = useCallback(\n        (event: KeyboardEvent) => {\n            const callbackFnc = typeof callback === 'function' ? callback : () => ({});\n\n            if (open) {\n                event.stopPropagation();\n            }\n            if (open && !isBlockingModal && event.key === 'Escape') {\n                setOpen(false);\n                callbackFnc();\n            }\n        },\n        [callback, 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    return [open, setOpen];\n};\n"],"names":["useToggleOverlay","initialState","isBlockingModal","callback","open","setOpen","useState","checkKeyboardEvent","useCallback","event","callbackFnc","useEffect"],"mappings":";AAIa,MAAAA,IAAmB,CAC5BC,IAAe,IACf,EAAE,iBAAAC,GAAiB,UAAAC,MAAmE,EAAE,iBAAiB,SACnE;AACtC,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAkBL,CAAY,GAEhDM,IAAqBC;AAAA,IACvB,CAACC,MAAyB;AACtB,YAAMC,IAAc,OAAOP,KAAa,aAAaA,IAAW,OAAO,CAAA;AAEvE,MAAIC,KACAK,EAAM,gBAAgB,GAEtBL,KAAQ,CAACF,KAAmBO,EAAM,QAAQ,aAC1CJ,EAAQ,EAAK,GACDK;IAEpB;AAAA,IACA,CAACP,GAAUD,GAAiBE,CAAI;AAAA,EAAA;AAGpC,SAAAO,EAAU,OACC,OAAA,iBAAiB,WAAWJ,CAAkB,GAE9C,MAAM;AACF,WAAA,oBAAoB,WAAWA,CAAkB;AAAA,EAAA,IAE7D,CAACA,GAAoBL,CAAe,CAAC,GAEjC,CAACE,GAAMC,CAAO;AACzB;"}