@webiny/app-admin 0.0.0-unstable.e6f0dc8ca7 → 0.0.0-unstable.eb81deee7e

package/hooks/useHotkeys.js

@@ -1,99 +1,68 @@
 import { useEffect, useRef } from "react";
-import isHotkey from "is-hotkey";
+import { isHotkey } from "is-hotkey";
 const state = {
-  listenerAttached: false,
-  zIndex: null,
-  handlers: {}
+    listenerAttached: false,
+    zIndex: null,
+    handlers: Object.create(null)
 };
 function triggerHotkeys(e) {
-  if (state.zIndex === null) {
-    return;
-  }
-  const keys = state.handlers[state.zIndex];
-  for (const key in keys) {
-    if (isHotkey(key, e)) {
-      keys[key](e);
-      break;
+    if (null === state.zIndex) return;
+    const keys = state.handlers[state.zIndex];
+    for(const key in keys)if (isHotkey(key, e)) {
+        keys[key](e);
+        break;
     }
-  }
 }
-function registerZIndex({
-  zIndex,
-  keys
-}) {
-  if (state.zIndex === null || state.zIndex < zIndex) {
-    state.zIndex = zIndex;
-  }
-  if (!state.handlers[zIndex]) {
-    state.handlers[zIndex] = {};
-  }
-  if (!keys || Object.keys(keys).length === 0) {
-    return;
-  }
-  for (const key in keys) {
-    if (key in state.handlers[zIndex]) {
-      throw Error(`Shortcut "${key}" already registered on zIndex ${zIndex}.`);
+function registerZIndex({ zIndex, keys }) {
+    if (null === state.zIndex || state.zIndex < zIndex) state.zIndex = zIndex;
+    if (!state.handlers[zIndex]) state.handlers[zIndex] = Object.create(null);
+    if (!keys || 0 === Object.keys(keys).length) return;
+    for(const key in keys){
+        if (key in state.handlers[zIndex]) throw Error(`Shortcut "${key}" already registered on zIndex ${zIndex}.`);
+        state.handlers[zIndex][key] = keys[key];
     }
-    state.handlers[zIndex][key] = keys[key];
-  }
-  if (!state.listenerAttached) {
-    document.body.addEventListener("keydown", triggerHotkeys);
-    state.listenerAttached = true;
-  }
-}
-function unregisterZIndex({
-  zIndex,
-  keys
-}) {
-  if (state.handlers && state.handlers[zIndex]) {
-    for (const key in keys) {
-      delete state.handlers[zIndex][key];
-    }
-    if (Object.keys(state.handlers[zIndex]).length === 0) {
-      delete state.handlers[zIndex];
+    if (!state.listenerAttached) {
+        document.body.addEventListener("keydown", triggerHotkeys);
+        state.listenerAttached = true;
     }
-  }
-  if (Object.keys(state.handlers).length > 0) {
-    state.zIndex = Math.max(...Object.keys(state.handlers).map(Number));
-  } else {
-    state.zIndex = null;
-    if (state.listenerAttached) {
-      document.body.removeEventListener("keydown", triggerHotkeys);
-      state.listenerAttached = false;
-    }
-  }
 }
-export function useHotkeys(props) {
-  const {
-    disabled,
-    zIndex,
-    keys
-  } = props;
-  const prevPropsRef = useRef();
-  const firstRenderRef = useRef(true);
-  useEffect(function () {
-    if (firstRenderRef.current || prevPropsRef.current?.disabled !== disabled) {
-      firstRenderRef.current = false;
-      if (disabled) {
-        unregisterZIndex(props);
-      } else {
-        registerZIndex(props);
-      }
+function unregisterZIndex({ zIndex, keys }) {
+    if (state.handlers && state.handlers[zIndex]) {
+        for(const key in keys)delete state.handlers[zIndex][key];
+        if (0 === Object.keys(state.handlers[zIndex]).length) delete state.handlers[zIndex];
     }
-    if (!disabled && typeof keys === "object") {
-      Object.assign(state.handlers[zIndex], keys);
+    if (Object.keys(state.handlers).length > 0) state.zIndex = Math.max(...Object.keys(state.handlers).map(Number));
+    else {
+        state.zIndex = null;
+        if (state.listenerAttached) {
+            document.body.removeEventListener("keydown", triggerHotkeys);
+            state.listenerAttached = false;
+        }
     }
-    prevPropsRef.current = {
-      ...props
-    };
-  });
-  useEffect(function () {
-    return function () {
-      if (!disabled) {
-        unregisterZIndex(props);
-      }
-    };
-  }, []);
 }
+function useHotkeys(props) {
+    const { disabled, zIndex, keys } = props;
+    const prevPropsRef = useRef();
+    const firstRenderRef = useRef(true);
+    useEffect(function() {
+        if (firstRenderRef.current || prevPropsRef.current?.disabled !== disabled) {
+            firstRenderRef.current = false;
+            if (disabled) unregisterZIndex(props);
+            else registerZIndex(props);
+        }
+        if (!disabled && "object" == typeof keys) Object.assign(state.handlers[zIndex], keys);
+        prevPropsRef.current = {
+            ...props
+        };
+    }, [
+        keys
+    ]);
+    useEffect(function() {
+        return function() {
+            if (!disabled) unregisterZIndex(props);
+        };
+    }, []);
+}
+export { useHotkeys };
 
 //# sourceMappingURL=useHotkeys.js.map

package/hooks/useHotkeys.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useRef","isHotkey","state","listenerAttached","zIndex","handlers","triggerHotkeys","e","keys","key","registerZIndex","Object","length","Error","document","body","addEventListener","unregisterZIndex","Math","max","map","Number","removeEventListener","useHotkeys","props","disabled","prevPropsRef","firstRenderRef","current","assign"],"sources":["useHotkeys.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport isHotkey from \"is-hotkey\";\n\ntype HookProps = {\n    disabled?: boolean;\n    zIndex: number;\n    keys?: { [key: string]: (e: KeyboardEvent) => void };\n};\n\ntype State = {\n    listenerAttached: boolean;\n    zIndex: null | number;\n    handlers: { [zIndex: number]: { [key: string]: (e: KeyboardEvent) => void } };\n};\n\nconst state: State = {\n    listenerAttached: false,\n    zIndex: null,\n    handlers: {}\n};\n\nfunction triggerHotkeys(e: KeyboardEvent) {\n    if (state.zIndex === null) {\n        return;\n    }\n\n    const keys = state.handlers[state.zIndex];\n    for (const key in keys) {\n        if (isHotkey(key, e)) {\n            keys[key](e);\n            break;\n        }\n    }\n}\n\nfunction registerZIndex({ zIndex, keys }: HookProps) {\n    if (state.zIndex === null || state.zIndex < zIndex) {\n        state.zIndex = zIndex;\n    }\n\n    if (!state.handlers[zIndex]) {\n        state.handlers[zIndex] = {};\n    }\n\n    if (!keys || Object.keys(keys).length === 0) {\n        return;\n    }\n\n    for (const key in keys) {\n        if (key in state.handlers[zIndex]) {\n            throw Error(`Shortcut \"${key}\" already registered on zIndex ${zIndex}.`);\n        }\n        state.handlers[zIndex][key] = keys[key];\n    }\n\n    if (!state.listenerAttached) {\n        document.body.addEventListener(\"keydown\", triggerHotkeys);\n        state.listenerAttached = true;\n    }\n}\n\nfunction unregisterZIndex({ zIndex, keys }: HookProps) {\n    if (state.handlers && state.handlers[zIndex]) {\n        for (const key in keys) {\n            delete state.handlers[zIndex][key];\n        }\n\n        if (Object.keys(state.handlers[zIndex]).length === 0) {\n            delete state.handlers[zIndex];\n        }\n    }\n\n    if (Object.keys(state.handlers).length > 0) {\n        state.zIndex = Math.max(...Object.keys(state.handlers).map(Number));\n    } else {\n        state.zIndex = null;\n\n        if (state.listenerAttached) {\n            document.body.removeEventListener(\"keydown\", triggerHotkeys);\n            state.listenerAttached = false;\n        }\n    }\n}\n\nexport function useHotkeys(props: HookProps) {\n    const { disabled, zIndex, keys } = props;\n\n    const prevPropsRef = useRef<HookProps | undefined>();\n    const firstRenderRef = useRef(true);\n\n    useEffect(function () {\n        if (firstRenderRef.current || prevPropsRef.current?.disabled !== disabled) {\n            firstRenderRef.current = false;\n            if (disabled) {\n                unregisterZIndex(props);\n            } else {\n                registerZIndex(props);\n            }\n        }\n\n        if (!disabled && typeof keys === \"object\") {\n            Object.assign(state.handlers[zIndex], keys);\n        }\n        prevPropsRef.current = { ...props };\n    });\n\n    useEffect(function () {\n        return function () {\n            if (!disabled) {\n                unregisterZIndex(props);\n            }\n        };\n    }, []);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"hooks/useHotkeys.js","sources":["../../src/hooks/useHotkeys.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport { isHotkey } from \"is-hotkey\";\n\ntype HookProps = {\n    disabled?: boolean;\n    zIndex: number;\n    keys?: { [key: string]: (e: KeyboardEvent) => void };\n};\n\ntype State = {\n    listenerAttached: boolean;\n    zIndex: null | number;\n    handlers: { [zIndex: number]: { [key: string]: (e: KeyboardEvent) => void } };\n};\n\nconst state: State = {\n    listenerAttached: false,\n    zIndex: null,\n    handlers: Object.create(null)\n};\n\nfunction triggerHotkeys(e: KeyboardEvent) {\n    if (state.zIndex === null) {\n        return;\n    }\n\n    const keys = state.handlers[state.zIndex];\n    for (const key in keys) {\n        if (isHotkey(key, e)) {\n            keys[key](e);\n            break;\n        }\n    }\n}\n\nfunction registerZIndex({ zIndex, keys }: HookProps) {\n    if (state.zIndex === null || state.zIndex < zIndex) {\n        state.zIndex = zIndex;\n    }\n\n    if (!state.handlers[zIndex]) {\n        state.handlers[zIndex] = Object.create(null);\n    }\n\n    if (!keys || Object.keys(keys).length === 0) {\n        return;\n    }\n\n    for (const key in keys) {\n        if (key in state.handlers[zIndex]) {\n            throw Error(`Shortcut \"${key}\" already registered on zIndex ${zIndex}.`);\n        }\n        state.handlers[zIndex][key] = keys[key];\n    }\n\n    if (!state.listenerAttached) {\n        document.body.addEventListener(\"keydown\", triggerHotkeys);\n        state.listenerAttached = true;\n    }\n}\n\nfunction unregisterZIndex({ zIndex, keys }: HookProps) {\n    if (state.handlers && state.handlers[zIndex]) {\n        for (const key in keys) {\n            delete state.handlers[zIndex][key];\n        }\n\n        if (Object.keys(state.handlers[zIndex]).length === 0) {\n            delete state.handlers[zIndex];\n        }\n    }\n\n    if (Object.keys(state.handlers).length > 0) {\n        state.zIndex = Math.max(...Object.keys(state.handlers).map(Number));\n    } else {\n        state.zIndex = null;\n\n        if (state.listenerAttached) {\n            document.body.removeEventListener(\"keydown\", triggerHotkeys);\n            state.listenerAttached = false;\n        }\n    }\n}\n\nexport function useHotkeys(props: HookProps) {\n    const { disabled, zIndex, keys } = props;\n\n    const prevPropsRef = useRef<HookProps | undefined>();\n    const firstRenderRef = useRef(true);\n\n    useEffect(\n        function () {\n            if (firstRenderRef.current || prevPropsRef.current?.disabled !== disabled) {\n                firstRenderRef.current = false;\n                if (disabled) {\n                    unregisterZIndex(props);\n                } else {\n                    registerZIndex(props);\n                }\n            }\n\n            if (!disabled && typeof keys === \"object\") {\n                Object.assign(state.handlers[zIndex], keys);\n            }\n            prevPropsRef.current = { ...props };\n        },\n        [keys]\n    );\n\n    useEffect(function () {\n        return function () {\n            if (!disabled) {\n                unregisterZIndex(props);\n            }\n        };\n    }, []);\n}\n"],"names":["state","Object","triggerHotkeys","e","keys","key","isHotkey","registerZIndex","zIndex","Error","document","unregisterZIndex","Math","Number","useHotkeys","props","disabled","prevPropsRef","useRef","firstRenderRef","useEffect"],"mappings":";;AAeA,MAAMA,QAAe;IACjB,kBAAkB;IAClB,QAAQ;IACR,UAAUC,OAAO,MAAM,CAAC;AAC5B;AAEA,SAASC,eAAeC,CAAgB;IACpC,IAAIH,AAAiB,SAAjBA,MAAM,MAAM,EACZ;IAGJ,MAAMI,OAAOJ,MAAM,QAAQ,CAACA,MAAM,MAAM,CAAC;IACzC,IAAK,MAAMK,OAAOD,KACd,IAAIE,SAASD,KAAKF,IAAI;QAClBC,IAAI,CAACC,IAAI,CAACF;QACV;IACJ;AAER;AAEA,SAASI,eAAe,EAAEC,MAAM,EAAEJ,IAAI,EAAa;IAC/C,IAAIJ,AAAiB,SAAjBA,MAAM,MAAM,IAAaA,MAAM,MAAM,GAAGQ,QACxCR,MAAM,MAAM,GAAGQ;IAGnB,IAAI,CAACR,MAAM,QAAQ,CAACQ,OAAO,EACvBR,MAAM,QAAQ,CAACQ,OAAO,GAAGP,OAAO,MAAM,CAAC;IAG3C,IAAI,CAACG,QAAQH,AAA6B,MAA7BA,OAAO,IAAI,CAACG,MAAM,MAAM,EACjC;IAGJ,IAAK,MAAMC,OAAOD,KAAM;QACpB,IAAIC,OAAOL,MAAM,QAAQ,CAACQ,OAAO,EAC7B,MAAMC,MAAM,CAAC,UAAU,EAAEJ,IAAI,+BAA+B,EAAEG,OAAO,CAAC,CAAC;QAE3ER,MAAM,QAAQ,CAACQ,OAAO,CAACH,IAAI,GAAGD,IAAI,CAACC,IAAI;IAC3C;IAEA,IAAI,CAACL,MAAM,gBAAgB,EAAE;QACzBU,SAAS,IAAI,CAAC,gBAAgB,CAAC,WAAWR;QAC1CF,MAAM,gBAAgB,GAAG;IAC7B;AACJ;AAEA,SAASW,iBAAiB,EAAEH,MAAM,EAAEJ,IAAI,EAAa;IACjD,IAAIJ,MAAM,QAAQ,IAAIA,MAAM,QAAQ,CAACQ,OAAO,EAAE;QAC1C,IAAK,MAAMH,OAAOD,KACd,OAAOJ,MAAM,QAAQ,CAACQ,OAAO,CAACH,IAAI;QAGtC,IAAIJ,AAA+C,MAA/CA,OAAO,IAAI,CAACD,MAAM,QAAQ,CAACQ,OAAO,EAAE,MAAM,EAC1C,OAAOR,MAAM,QAAQ,CAACQ,OAAO;IAErC;IAEA,IAAIP,OAAO,IAAI,CAACD,MAAM,QAAQ,EAAE,MAAM,GAAG,GACrCA,MAAM,MAAM,GAAGY,KAAK,GAAG,IAAIX,OAAO,IAAI,CAACD,MAAM,QAAQ,EAAE,GAAG,CAACa;SACxD;QACHb,MAAM,MAAM,GAAG;QAEf,IAAIA,MAAM,gBAAgB,EAAE;YACxBU,SAAS,IAAI,CAAC,mBAAmB,CAAC,WAAWR;YAC7CF,MAAM,gBAAgB,GAAG;QAC7B;IACJ;AACJ;AAEO,SAASc,WAAWC,KAAgB;IACvC,MAAM,EAAEC,QAAQ,EAAER,MAAM,EAAEJ,IAAI,EAAE,GAAGW;IAEnC,MAAME,eAAeC;IACrB,MAAMC,iBAAiBD,OAAO;IAE9BE,UACI;QACI,IAAID,eAAe,OAAO,IAAIF,aAAa,OAAO,EAAE,aAAaD,UAAU;YACvEG,eAAe,OAAO,GAAG;YACzB,IAAIH,UACAL,iBAAiBI;iBAEjBR,eAAeQ;QAEvB;QAEA,IAAI,CAACC,YAAY,AAAgB,YAAhB,OAAOZ,MACpBH,OAAO,MAAM,CAACD,MAAM,QAAQ,CAACQ,OAAO,EAAEJ;QAE1Ca,aAAa,OAAO,GAAG;YAAE,GAAGF,KAAK;QAAC;IACtC,GACA;QAACX;KAAK;IAGVgB,UAAU;QACN,OAAO;YACH,IAAI,CAACJ,UACDL,iBAAiBI;QAEzB;IACJ,GAAG,EAAE;AACT"}

package/hooks/useIsMounted.js

@@ -1,15 +1,16 @@
-import { useRef, useEffect } from "react";
-export const useIsMounted = () => {
-  const isMountedRef = useRef(false);
-  useEffect(() => {
-    isMountedRef.current = true;
-    return () => {
-      isMountedRef.current = false;
+import { useEffect, useRef } from "react";
+const useIsMounted = ()=>{
+    const isMountedRef = useRef(false);
+    useEffect(()=>{
+        isMountedRef.current = true;
+        return ()=>{
+            isMountedRef.current = false;
+        };
+    }, []);
+    return {
+        isMounted: ()=>isMountedRef.current
     };
-  }, []);
-  return {
-    isMounted: () => isMountedRef.current
-  };
 };
+export { useIsMounted };
 
 //# sourceMappingURL=useIsMounted.js.map

package/hooks/useIsMounted.js.map

@@ -1 +1 @@
-{"version":3,"names":["useRef","useEffect","useIsMounted","isMountedRef","current","isMounted"],"sources":["useIsMounted.ts"],"sourcesContent":["import { useRef, useEffect } from \"react\";\n\nexport const useIsMounted = () => {\n    const isMountedRef = useRef(false);\n\n    useEffect(() => {\n        isMountedRef.current = true;\n\n        return () => {\n            isMountedRef.current = false;\n        };\n    }, []);\n\n    return {\n        isMounted: () => isMountedRef.current\n    };\n};\n"],"mappings":"AAAA,SAASA,MAAM,EAAEC,SAAS,QAAQ,OAAO;AAEzC,OAAO,MAAMC,YAAY,GAAGA,CAAA,KAAM;EAC9B,MAAMC,YAAY,GAAGH,MAAM,CAAC,KAAK,CAAC;EAElCC,SAAS,CAAC,MAAM;IACZE,YAAY,CAACC,OAAO,GAAG,IAAI;IAE3B,OAAO,MAAM;MACTD,YAAY,CAACC,OAAO,GAAG,KAAK;IAChC,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IACHC,SAAS,EAAEA,CAAA,KAAMF,YAAY,CAACC;EAClC,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"file":"hooks/useIsMounted.js","sources":["../../src/hooks/useIsMounted.ts"],"sourcesContent":["import { useRef, useEffect } from \"react\";\n\nexport const useIsMounted = () => {\n    const isMountedRef = useRef(false);\n\n    useEffect(() => {\n        isMountedRef.current = true;\n\n        return () => {\n            isMountedRef.current = false;\n        };\n    }, []);\n\n    return {\n        isMounted: () => isMountedRef.current\n    };\n};\n"],"names":["useIsMounted","isMountedRef","useRef","useEffect"],"mappings":";AAEO,MAAMA,eAAe;IACxB,MAAMC,eAAeC,OAAO;IAE5BC,UAAU;QACNF,aAAa,OAAO,GAAG;QAEvB,OAAO;YACHA,aAAa,OAAO,GAAG;QAC3B;IACJ,GAAG,EAAE;IAEL,OAAO;QACH,WAAW,IAAMA,aAAa,OAAO;IACzC;AACJ"}

package/hooks/useKeyHandler.js

@@ -1,64 +1,56 @@
-import React from "react";
+import react from "react";
 import { isHotkey } from "is-hotkey";
 import { generateId } from "@webiny/utils";
 const keyStack = {};
 let listener = false;
-const filter = ["TEXTAREA", "INPUT"];
-const isContentEditable = value => {
-  return ["true", true].includes(value);
+const filter = [
+    "TEXTAREA",
+    "INPUT"
+];
+const isContentEditable = (value)=>[
+        "true",
+        true
+    ].includes(value);
+const setupListener = ()=>{
+    if (listener || !document.body) return;
+    const eventListener = (ev)=>{
+        if (!ev.target) return;
+        const target = ev.target;
+        if (filter.includes(target.nodeName) || isContentEditable(target.contentEditable)) return;
+        const matchedKey = Object.keys(keyStack).find((key)=>isHotkey(key, ev));
+        if (matchedKey && keyStack[matchedKey].length > 0) {
+            const item = keyStack[matchedKey][0];
+            item.handler(ev);
+            ev.stopPropagation();
+        }
+    };
+    document.body.addEventListener("keydown", eventListener);
+    listener = true;
 };
-const setupListener = () => {
-  if (listener || !document.body) {
-    return;
-  }
-  const eventListener = ev => {
-    if (!ev.target) {
-      return;
-    }
-    const target = ev.target;
-    // We ignore all keyboard events coming from within contentEditable element and inputs.
-    if (filter.includes(target.nodeName) || isContentEditable(target.contentEditable)) {
-      return;
-    }
-    const matchedKey = Object.keys(keyStack).find(key => isHotkey(key, ev));
-    if (matchedKey && keyStack[matchedKey].length > 0) {
-      const item = keyStack[matchedKey][0];
-      item.handler(ev);
-      ev.stopPropagation();
-    }
-  };
-  document.body.addEventListener("keydown", eventListener);
-  listener = true;
-};
-const addKeyHandler = (id, key, handler) => {
-  setupListener();
-  keyStack[key] = keyStack[key] || [];
-  if (!keyStack[key].find(item => item.id === id)) {
-    keyStack[key].unshift({
-      id,
-      handler
+const addKeyHandler = (id, key, handler)=>{
+    setupListener();
+    keyStack[key] = keyStack[key] || [];
+    if (!keyStack[key].find((item)=>item.id === id)) keyStack[key].unshift({
+        id,
+        handler
     });
-  }
 };
-const removeKeyHandler = (id, key) => {
-  if (!keyStack[key]) {
-    return;
-  }
-  const index = keyStack[key].findIndex(item => item.id === id);
-  if (index >= 0) {
-    keyStack[key].splice(index, 1);
-  }
+const removeKeyHandler = (id, key)=>{
+    if (!keyStack[key]) return;
+    const index = keyStack[key].findIndex((item)=>item.id === id);
+    if (index >= 0) keyStack[key].splice(index, 1);
 };
-export function useKeyHandler() {
-  const [id] = React.useState(generateId());
-  return React.useMemo(() => ({
-    addKeyHandler(key, handler) {
-      addKeyHandler(id, key, handler);
-    },
-    removeKeyHandler(key) {
-      removeKeyHandler(id, key);
-    }
-  }), []);
+function useKeyHandler() {
+    const [id] = react.useState(generateId());
+    return react.useMemo(()=>({
+            addKeyHandler (key, handler) {
+                addKeyHandler(id, key, handler);
+            },
+            removeKeyHandler (key) {
+                removeKeyHandler(id, key);
+            }
+        }), []);
 }
+export { useKeyHandler };
 
 //# sourceMappingURL=useKeyHandler.js.map

package/hooks/useKeyHandler.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","isHotkey","generateId","keyStack","listener","filter","isContentEditable","value","includes","setupListener","document","body","eventListener","ev","target","nodeName","contentEditable","matchedKey","Object","keys","find","key","length","item","handler","stopPropagation","addEventListener","addKeyHandler","id","unshift","removeKeyHandler","index","findIndex","splice","useKeyHandler","useState","useMemo"],"sources":["useKeyHandler.ts"],"sourcesContent":["import type { SyntheticEvent } from \"react\";\nimport React from \"react\";\nimport { isHotkey } from \"is-hotkey\";\nimport { generateId } from \"@webiny/utils\";\n\ninterface KeyHandler {\n    id: string;\n    handler: any;\n}\nconst keyStack: Record<string, KeyHandler[]> = {};\n\nlet listener = false;\nconst filter = [\"TEXTAREA\", \"INPUT\"];\n\nconst isContentEditable = (value: any) => {\n    return [\"true\", true].includes(value);\n};\n\nconst setupListener = (): void => {\n    if (listener || !document.body) {\n        return;\n    }\n\n    const eventListener = (ev: KeyboardEvent) => {\n        if (!ev.target) {\n            return;\n        }\n        const target = ev.target as HTMLElement;\n        // We ignore all keyboard events coming from within contentEditable element and inputs.\n        if (filter.includes(target.nodeName) || isContentEditable(target.contentEditable)) {\n            return;\n        }\n\n        const matchedKey = Object.keys(keyStack).find(key => isHotkey(key, ev));\n\n        if (matchedKey && keyStack[matchedKey].length > 0) {\n            const item = keyStack[matchedKey][0];\n            item.handler(ev);\n            ev.stopPropagation();\n        }\n    };\n\n    document.body.addEventListener(\"keydown\", eventListener);\n\n    listener = true;\n};\n\nconst addKeyHandler = (\n    id: string,\n    key: string,\n    handler: (e: SyntheticEvent<HTMLElement>) => void\n) => {\n    setupListener();\n    keyStack[key] = keyStack[key] || [];\n    if (!keyStack[key].find(item => item.id === id)) {\n        keyStack[key].unshift({ id, handler });\n    }\n};\n\nconst removeKeyHandler = (id: string, key: string): void => {\n    if (!keyStack[key]) {\n        return;\n    }\n\n    const index = keyStack[key].findIndex(item => item.id === id);\n    if (index >= 0) {\n        keyStack[key].splice(index, 1);\n    }\n};\n\ntype AddKeyHandlerType = (key: string, handler: (e: SyntheticEvent<HTMLElement>) => void) => void;\n\ntype RemoveKeyHandlerType = (key: string) => void;\n\nexport function useKeyHandler(): {\n    addKeyHandler: AddKeyHandlerType;\n    removeKeyHandler: RemoveKeyHandlerType;\n} {\n    const [id] = React.useState(generateId());\n\n    return React.useMemo(\n        () => ({\n            addKeyHandler(key, handler) {\n                addKeyHandler(id, key, handler);\n            },\n            removeKeyHandler(key) {\n                removeKeyHandler(id, key);\n            }\n        }),\n        []\n    );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"hooks/useKeyHandler.js","sources":["../../src/hooks/useKeyHandler.ts"],"sourcesContent":["import type { SyntheticEvent } from \"react\";\nimport React from \"react\";\nimport { isHotkey } from \"is-hotkey\";\nimport { generateId } from \"@webiny/utils\";\n\ninterface KeyHandler {\n    id: string;\n    handler: any;\n}\nconst keyStack: Record<string, KeyHandler[]> = {};\n\nlet listener = false;\nconst filter = [\"TEXTAREA\", \"INPUT\"];\n\nconst isContentEditable = (value: any) => {\n    return [\"true\", true].includes(value);\n};\n\nconst setupListener = (): void => {\n    if (listener || !document.body) {\n        return;\n    }\n\n    const eventListener = (ev: KeyboardEvent) => {\n        if (!ev.target) {\n            return;\n        }\n        const target = ev.target as HTMLElement;\n        // We ignore all keyboard events coming from within contentEditable element and inputs.\n        if (filter.includes(target.nodeName) || isContentEditable(target.contentEditable)) {\n            return;\n        }\n\n        const matchedKey = Object.keys(keyStack).find(key => isHotkey(key, ev));\n\n        if (matchedKey && keyStack[matchedKey].length > 0) {\n            const item = keyStack[matchedKey][0];\n            item.handler(ev);\n            ev.stopPropagation();\n        }\n    };\n\n    document.body.addEventListener(\"keydown\", eventListener);\n\n    listener = true;\n};\n\nconst addKeyHandler = (\n    id: string,\n    key: string,\n    handler: (e: SyntheticEvent<HTMLElement>) => void\n) => {\n    setupListener();\n    keyStack[key] = keyStack[key] || [];\n    if (!keyStack[key].find(item => item.id === id)) {\n        keyStack[key].unshift({ id, handler });\n    }\n};\n\nconst removeKeyHandler = (id: string, key: string): void => {\n    if (!keyStack[key]) {\n        return;\n    }\n\n    const index = keyStack[key].findIndex(item => item.id === id);\n    if (index >= 0) {\n        keyStack[key].splice(index, 1);\n    }\n};\n\ntype AddKeyHandlerType = (key: string, handler: (e: SyntheticEvent<HTMLElement>) => void) => void;\n\ntype RemoveKeyHandlerType = (key: string) => void;\n\nexport function useKeyHandler(): {\n    addKeyHandler: AddKeyHandlerType;\n    removeKeyHandler: RemoveKeyHandlerType;\n} {\n    const [id] = React.useState(generateId());\n\n    return React.useMemo(\n        () => ({\n            addKeyHandler(key, handler) {\n                addKeyHandler(id, key, handler);\n            },\n            removeKeyHandler(key) {\n                removeKeyHandler(id, key);\n            }\n        }),\n        []\n    );\n}\n"],"names":["keyStack","listener","filter","isContentEditable","value","setupListener","document","eventListener","ev","target","matchedKey","Object","key","isHotkey","item","addKeyHandler","id","handler","removeKeyHandler","index","useKeyHandler","React","generateId"],"mappings":";;;AASA,MAAMA,WAAyC,CAAC;AAEhD,IAAIC,WAAW;AACf,MAAMC,SAAS;IAAC;IAAY;CAAQ;AAEpC,MAAMC,oBAAoB,CAACC,QAChB;QAAC;QAAQ;KAAK,CAAC,QAAQ,CAACA;AAGnC,MAAMC,gBAAgB;IAClB,IAAIJ,YAAY,CAACK,SAAS,IAAI,EAC1B;IAGJ,MAAMC,gBAAgB,CAACC;QACnB,IAAI,CAACA,GAAG,MAAM,EACV;QAEJ,MAAMC,SAASD,GAAG,MAAM;QAExB,IAAIN,OAAO,QAAQ,CAACO,OAAO,QAAQ,KAAKN,kBAAkBM,OAAO,eAAe,GAC5E;QAGJ,MAAMC,aAAaC,OAAO,IAAI,CAACX,UAAU,IAAI,CAACY,CAAAA,MAAOC,SAASD,KAAKJ;QAEnE,IAAIE,cAAcV,QAAQ,CAACU,WAAW,CAAC,MAAM,GAAG,GAAG;YAC/C,MAAMI,OAAOd,QAAQ,CAACU,WAAW,CAAC,EAAE;YACpCI,KAAK,OAAO,CAACN;YACbA,GAAG,eAAe;QACtB;IACJ;IAEAF,SAAS,IAAI,CAAC,gBAAgB,CAAC,WAAWC;IAE1CN,WAAW;AACf;AAEA,MAAMc,gBAAgB,CAClBC,IACAJ,KACAK;IAEAZ;IACAL,QAAQ,CAACY,IAAI,GAAGZ,QAAQ,CAACY,IAAI,IAAI,EAAE;IACnC,IAAI,CAACZ,QAAQ,CAACY,IAAI,CAAC,IAAI,CAACE,CAAAA,OAAQA,KAAK,EAAE,KAAKE,KACxChB,QAAQ,CAACY,IAAI,CAAC,OAAO,CAAC;QAAEI;QAAIC;IAAQ;AAE5C;AAEA,MAAMC,mBAAmB,CAACF,IAAYJ;IAClC,IAAI,CAACZ,QAAQ,CAACY,IAAI,EACd;IAGJ,MAAMO,QAAQnB,QAAQ,CAACY,IAAI,CAAC,SAAS,CAACE,CAAAA,OAAQA,KAAK,EAAE,KAAKE;IAC1D,IAAIG,SAAS,GACTnB,QAAQ,CAACY,IAAI,CAAC,MAAM,CAACO,OAAO;AAEpC;AAMO,SAASC;IAIZ,MAAM,CAACJ,GAAG,GAAGK,MAAAA,QAAc,CAACC;IAE5B,OAAOD,MAAAA,OAAa,CAChB,IAAO;YACH,eAAcT,GAAG,EAAEK,OAAO;gBACtBF,cAAcC,IAAIJ,KAAKK;YAC3B;YACA,kBAAiBL,GAAG;gBAChBM,iBAAiBF,IAAIJ;YACzB;QACJ,IACA,EAAE;AAEV"}

package/hooks/useModKey.js

@@ -1,29 +1,24 @@
-import { useState, useEffect, useCallback } from "react";
+import { useCallback, useEffect, useState } from "react";
 import { isHotkey } from "is-hotkey";
-export function useModKey() {
-  const [pressed, setPressed] = useState(false);
-  const onKeyDown = useCallback(event => {
-    if (isHotkey("Control", event) || isHotkey("Meta", event)) {
-      setPressed(true);
-    }
-  }, []);
-  const onKeyUp = useCallback(event => {
-    if (event.key === "Control" && event.ctrlKey === false) {
-      setPressed(false);
-    }
-    if (event.key === "Meta" && event.metaKey === false) {
-      setPressed(false);
-    }
-  }, []);
-  useEffect(() => {
-    document.addEventListener("keydown", onKeyDown);
-    document.addEventListener("keyup", onKeyUp);
-    return () => {
-      document.removeEventListener("keydown", onKeyDown);
-      document.removeEventListener("keyup", onKeyUp);
-    };
-  }, []);
-  return pressed;
+function useModKey() {
+    const [pressed, setPressed] = useState(false);
+    const onKeyDown = useCallback((event)=>{
+        if (isHotkey("Control", event) || isHotkey("Meta", event)) setPressed(true);
+    }, []);
+    const onKeyUp = useCallback((event)=>{
+        if ("Control" === event.key && false === event.ctrlKey) setPressed(false);
+        if ("Meta" === event.key && false === event.metaKey) setPressed(false);
+    }, []);
+    useEffect(()=>{
+        document.addEventListener("keydown", onKeyDown);
+        document.addEventListener("keyup", onKeyUp);
+        return ()=>{
+            document.removeEventListener("keydown", onKeyDown);
+            document.removeEventListener("keyup", onKeyUp);
+        };
+    }, []);
+    return pressed;
 }
+export { useModKey };
 
 //# sourceMappingURL=useModKey.js.map

package/hooks/useModKey.js.map

@@ -1 +1 @@
-{"version":3,"names":["useState","useEffect","useCallback","isHotkey","useModKey","pressed","setPressed","onKeyDown","event","onKeyUp","key","ctrlKey","metaKey","document","addEventListener","removeEventListener"],"sources":["useModKey.ts"],"sourcesContent":["import { useState, useEffect, useCallback } from \"react\";\nimport { isHotkey } from \"is-hotkey\";\n\nexport function useModKey() {\n    const [pressed, setPressed] = useState(false);\n\n    const onKeyDown = useCallback((event: KeyboardEvent) => {\n        if (isHotkey(\"Control\", event) || isHotkey(\"Meta\", event)) {\n            setPressed(true);\n        }\n    }, []);\n\n    const onKeyUp = useCallback((event: KeyboardEvent) => {\n        if (event.key === \"Control\" && event.ctrlKey === false) {\n            setPressed(false);\n        }\n\n        if (event.key === \"Meta\" && event.metaKey === false) {\n            setPressed(false);\n        }\n    }, []);\n\n    useEffect(() => {\n        document.addEventListener(\"keydown\", onKeyDown);\n        document.addEventListener(\"keyup\", onKeyUp);\n\n        return () => {\n            document.removeEventListener(\"keydown\", onKeyDown);\n            document.removeEventListener(\"keyup\", onKeyUp);\n        };\n    }, []);\n\n    return pressed;\n}\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,SAAS,EAAEC,WAAW,QAAQ,OAAO;AACxD,SAASC,QAAQ,QAAQ,WAAW;AAEpC,OAAO,SAASC,SAASA,CAAA,EAAG;EACxB,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGN,QAAQ,CAAC,KAAK,CAAC;EAE7C,MAAMO,SAAS,GAAGL,WAAW,CAAEM,KAAoB,IAAK;IACpD,IAAIL,QAAQ,CAAC,SAAS,EAAEK,KAAK,CAAC,IAAIL,QAAQ,CAAC,MAAM,EAAEK,KAAK,CAAC,EAAE;MACvDF,UAAU,CAAC,IAAI,CAAC;IACpB;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMG,OAAO,GAAGP,WAAW,CAAEM,KAAoB,IAAK;IAClD,IAAIA,KAAK,CAACE,GAAG,KAAK,SAAS,IAAIF,KAAK,CAACG,OAAO,KAAK,KAAK,EAAE;MACpDL,UAAU,CAAC,KAAK,CAAC;IACrB;IAEA,IAAIE,KAAK,CAACE,GAAG,KAAK,MAAM,IAAIF,KAAK,CAACI,OAAO,KAAK,KAAK,EAAE;MACjDN,UAAU,CAAC,KAAK,CAAC;IACrB;EACJ,CAAC,EAAE,EAAE,CAAC;EAENL,SAAS,CAAC,MAAM;IACZY,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAEP,SAAS,CAAC;IAC/CM,QAAQ,CAACC,gBAAgB,CAAC,OAAO,EAAEL,OAAO,CAAC;IAE3C,OAAO,MAAM;MACTI,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAER,SAAS,CAAC;MAClDM,QAAQ,CAACE,mBAAmB,CAAC,OAAO,EAAEN,OAAO,CAAC;IAClD,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOJ,OAAO;AAClB","ignoreList":[]}
+{"version":3,"file":"hooks/useModKey.js","sources":["../../src/hooks/useModKey.ts"],"sourcesContent":["import { useState, useEffect, useCallback } from \"react\";\nimport { isHotkey } from \"is-hotkey\";\n\nexport function useModKey() {\n    const [pressed, setPressed] = useState(false);\n\n    const onKeyDown = useCallback((event: KeyboardEvent) => {\n        if (isHotkey(\"Control\", event) || isHotkey(\"Meta\", event)) {\n            setPressed(true);\n        }\n    }, []);\n\n    const onKeyUp = useCallback((event: KeyboardEvent) => {\n        if (event.key === \"Control\" && event.ctrlKey === false) {\n            setPressed(false);\n        }\n\n        if (event.key === \"Meta\" && event.metaKey === false) {\n            setPressed(false);\n        }\n    }, []);\n\n    useEffect(() => {\n        document.addEventListener(\"keydown\", onKeyDown);\n        document.addEventListener(\"keyup\", onKeyUp);\n\n        return () => {\n            document.removeEventListener(\"keydown\", onKeyDown);\n            document.removeEventListener(\"keyup\", onKeyUp);\n        };\n    }, []);\n\n    return pressed;\n}\n"],"names":["useModKey","pressed","setPressed","useState","onKeyDown","useCallback","event","isHotkey","onKeyUp","useEffect","document"],"mappings":";;AAGO,SAASA;IACZ,MAAM,CAACC,SAASC,WAAW,GAAGC,SAAS;IAEvC,MAAMC,YAAYC,YAAY,CAACC;QAC3B,IAAIC,SAAS,WAAWD,UAAUC,SAAS,QAAQD,QAC/CJ,WAAW;IAEnB,GAAG,EAAE;IAEL,MAAMM,UAAUH,YAAY,CAACC;QACzB,IAAIA,AAAc,cAAdA,MAAM,GAAG,IAAkBA,AAAkB,UAAlBA,MAAM,OAAO,EACxCJ,WAAW;QAGf,IAAII,AAAc,WAAdA,MAAM,GAAG,IAAeA,AAAkB,UAAlBA,MAAM,OAAO,EACrCJ,WAAW;IAEnB,GAAG,EAAE;IAELO,UAAU;QACNC,SAAS,gBAAgB,CAAC,WAAWN;QACrCM,SAAS,gBAAgB,CAAC,SAASF;QAEnC,OAAO;YACHE,SAAS,mBAAmB,CAAC,WAAWN;YACxCM,SAAS,mBAAmB,CAAC,SAASF;QAC1C;IACJ,GAAG,EAAE;IAEL,OAAOP;AACX"}

package/hooks/useNamedConfirmationDialog.d.ts

@@ -0,0 +1,9 @@
+type OnConfirm<TData> = TData extends void ? () => Promise<void> : (data: TData) => Promise<void>;
+interface UseConfirmationDialogResult<TParams, TData> {
+    params: TParams;
+    onConfirm: OnConfirm<TData>;
+    onCancel: () => void;
+    closeDialog: () => void;
+}
+export declare function useNamedConfirmationDialog<TParams extends Record<string, unknown> = Record<string, never>, TData = void>(): UseConfirmationDialogResult<TParams, TData>;
+export {};

package/hooks/useNamedConfirmationDialog.js

@@ -0,0 +1,20 @@
+import { useMemo } from "react";
+import { useDialogParamsContext } from "../components/Dialogs/DialogParamsContext.js";
+function useNamedConfirmationDialog() {
+    const { params: rawParams, closeDialog } = useDialogParamsContext();
+    return useMemo(()=>{
+        const { onConfirm, onCancel, ...rest } = rawParams;
+        return {
+            params: rest,
+            onConfirm: onConfirm,
+            onCancel: onCancel,
+            closeDialog
+        };
+    }, [
+        rawParams,
+        closeDialog
+    ]);
+}
+export { useNamedConfirmationDialog };
+
+//# sourceMappingURL=useNamedConfirmationDialog.js.map

package/hooks/useNamedConfirmationDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks/useNamedConfirmationDialog.js","sources":["../../src/hooks/useNamedConfirmationDialog.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport { useDialogParamsContext } from \"~/components/Dialogs/DialogParamsContext.js\";\n\ntype OnConfirm<TData> = TData extends void ? () => Promise<void> : (data: TData) => Promise<void>;\n\ninterface UseConfirmationDialogResult<TParams, TData> {\n    params: TParams;\n    onConfirm: OnConfirm<TData>;\n    onCancel: () => void;\n    closeDialog: () => void;\n}\n\nexport function useNamedConfirmationDialog<\n    TParams extends Record<string, unknown> = Record<string, never>,\n    TData = void\n>(): UseConfirmationDialogResult<TParams, TData> {\n    const { params: rawParams, closeDialog } = useDialogParamsContext();\n\n    return useMemo(() => {\n        const { onConfirm, onCancel, ...rest } = rawParams;\n\n        return {\n            params: rest as TParams,\n            onConfirm: onConfirm as OnConfirm<TData>,\n            onCancel: onCancel as () => void,\n            closeDialog\n        };\n    }, [rawParams, closeDialog]);\n}\n"],"names":["useNamedConfirmationDialog","rawParams","closeDialog","useDialogParamsContext","useMemo","onConfirm","onCancel","rest"],"mappings":";;AAYO,SAASA;IAIZ,MAAM,EAAE,QAAQC,SAAS,EAAEC,WAAW,EAAE,GAAGC;IAE3C,OAAOC,QAAQ;QACX,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,MAAM,GAAGN;QAEzC,OAAO;YACH,QAAQM;YACR,WAAWF;YACX,UAAUC;YACVJ;QACJ;IACJ,GAAG;QAACD;QAAWC;KAAY;AAC/B"}

package/hooks/useOpenDialog.js

@@ -1,18 +1,18 @@
 import { useCallback } from "react";
 import { useDialogs } from "../components/Dialogs/useDialogs.js";
-export function useOpenDialog(schema) {
-  const {
-    openNamedDialog
-  } = useDialogs();
-  const openDialog = useCallback((name, params) => {
-    if (schema) {
-      schema.parse(params);
-    }
-    openNamedDialog(name, params);
-  }, [openNamedDialog, schema]);
-  return {
-    openDialog
-  };
+function useOpenDialog(schema) {
+    const { openNamedDialog } = useDialogs();
+    const openDialog = useCallback((name, params)=>{
+        if (schema) schema.parse(params);
+        openNamedDialog(name, params);
+    }, [
+        openNamedDialog,
+        schema
+    ]);
+    return {
+        openDialog
+    };
 }
+export { useOpenDialog };
 
 //# sourceMappingURL=useOpenDialog.js.map

package/hooks/useOpenDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["useCallback","useDialogs","useOpenDialog","schema","openNamedDialog","openDialog","name","params","parse"],"sources":["useOpenDialog.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport type { z } from \"zod\";\nimport { useDialogs } from \"~/components/Dialogs/useDialogs.js\";\n\nexport function useOpenDialog<T extends z.ZodTypeAny>(\n    schema: T\n): { openDialog: (name: string, params: z.infer<T>) => void };\nexport function useOpenDialog(): {\n    openDialog: (name: string, params: Record<string, unknown>) => void;\n};\nexport function useOpenDialog(schema?: z.ZodTypeAny) {\n    const { openNamedDialog } = useDialogs();\n\n    const openDialog = useCallback(\n        (name: string, params: Record<string, unknown>) => {\n            if (schema) {\n                schema.parse(params);\n            }\n            openNamedDialog(name, params);\n        },\n        [openNamedDialog, schema]\n    );\n\n    return { openDialog };\n}\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,OAAO;AAEnC,SAASC,UAAU;AAQnB,OAAO,SAASC,aAAaA,CAACC,MAAqB,EAAE;EACjD,MAAM;IAAEC;EAAgB,CAAC,GAAGH,UAAU,CAAC,CAAC;EAExC,MAAMI,UAAU,GAAGL,WAAW,CAC1B,CAACM,IAAY,EAAEC,MAA+B,KAAK;IAC/C,IAAIJ,MAAM,EAAE;MACRA,MAAM,CAACK,KAAK,CAACD,MAAM,CAAC;IACxB;IACAH,eAAe,CAACE,IAAI,EAAEC,MAAM,CAAC;EACjC,CAAC,EACD,CAACH,eAAe,EAAED,MAAM,CAC5B,CAAC;EAED,OAAO;IAAEE;EAAW,CAAC;AACzB","ignoreList":[]}
+{"version":3,"file":"hooks/useOpenDialog.js","sources":["../../src/hooks/useOpenDialog.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport type { z } from \"zod\";\nimport { useDialogs } from \"~/components/Dialogs/useDialogs.js\";\n\nexport function useOpenDialog<T extends z.ZodTypeAny>(\n    schema: T\n): { openDialog: (name: string, params: z.infer<T>) => void };\nexport function useOpenDialog(): {\n    openDialog: (name: string, params: Record<string, unknown>) => void;\n};\nexport function useOpenDialog(schema?: z.ZodTypeAny) {\n    const { openNamedDialog } = useDialogs();\n\n    const openDialog = useCallback(\n        (name: string, params: Record<string, unknown>) => {\n            if (schema) {\n                schema.parse(params);\n            }\n            openNamedDialog(name, params);\n        },\n        [openNamedDialog, schema]\n    );\n\n    return { openDialog };\n}\n"],"names":["useOpenDialog","schema","openNamedDialog","useDialogs","openDialog","useCallback","name","params"],"mappings":";;AAUO,SAASA,cAAcC,MAAqB;IAC/C,MAAM,EAAEC,eAAe,EAAE,GAAGC;IAE5B,MAAMC,aAAaC,YACf,CAACC,MAAcC;QACX,IAAIN,QACAA,OAAO,KAAK,CAACM;QAEjBL,gBAAgBI,MAAMC;IAC1B,GACA;QAACL;QAAiBD;KAAO;IAG7B,OAAO;QAAEG;IAAW;AACxB"}

package/hooks/useOpenDrawer.d.ts

@@ -0,0 +1,7 @@
+import type { z } from "zod";
+export declare function useOpenDrawer<T extends z.ZodTypeAny>(schema: T): {
+    openDrawer: (name: string, params: z.infer<T>) => void;
+};
+export declare function useOpenDrawer(): {
+    openDrawer: (name: string, params?: Record<string, unknown>) => void;
+};

package/hooks/useOpenDrawer.js

@@ -0,0 +1,18 @@
+import { useCallback } from "react";
+import { useDrawers } from "../components/Drawers/useDrawers.js";
+function useOpenDrawer(schema) {
+    const { openNamedDrawer } = useDrawers();
+    const openDrawer = useCallback((name, params = {})=>{
+        if (schema) schema.parse(params);
+        openNamedDrawer(name, params);
+    }, [
+        openNamedDrawer,
+        schema
+    ]);
+    return {
+        openDrawer
+    };
+}
+export { useOpenDrawer };
+
+//# sourceMappingURL=useOpenDrawer.js.map

package/hooks/useOpenDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks/useOpenDrawer.js","sources":["../../src/hooks/useOpenDrawer.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport type { z } from \"zod\";\nimport { useDrawers } from \"~/components/Drawers/useDrawers.js\";\n\nexport function useOpenDrawer<T extends z.ZodTypeAny>(\n    schema: T\n): { openDrawer: (name: string, params: z.infer<T>) => void };\nexport function useOpenDrawer(): {\n    openDrawer: (name: string, params?: Record<string, unknown>) => void;\n};\nexport function useOpenDrawer(schema?: z.ZodTypeAny) {\n    const { openNamedDrawer } = useDrawers();\n\n    const openDrawer = useCallback(\n        (name: string, params: Record<string, unknown> = {}) => {\n            if (schema) {\n                schema.parse(params);\n            }\n            openNamedDrawer(name, params);\n        },\n        [openNamedDrawer, schema]\n    );\n\n    return { openDrawer };\n}\n"],"names":["useOpenDrawer","schema","openNamedDrawer","useDrawers","openDrawer","useCallback","name","params"],"mappings":";;AAUO,SAASA,cAAcC,MAAqB;IAC/C,MAAM,EAAEC,eAAe,EAAE,GAAGC;IAE5B,MAAMC,aAAaC,YACf,CAACC,MAAcC,SAAkC,CAAC,CAAC;QAC/C,IAAIN,QACAA,OAAO,KAAK,CAACM;QAEjBL,gBAAgBI,MAAMC;IAC1B,GACA;QAACL;QAAiBD;KAAO;IAG7B,OAAO;QAAEG;IAAW;AACxB"}

package/hooks/useShiftKey.d.ts

@@ -1 +1,5 @@
-export declare function useShiftKey(): boolean;
+export interface UseShiftKeyResult {
+    pressed: boolean;
+    isPressed: () => boolean;
+}
+export declare function useShiftKey(): UseShiftKeyResult;