@webiny/app-admin 6.3.0 → 6.4.0-beta.0

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":"AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,WAAW;AACpC,SAASC,UAAU,QAAQ,eAAe;AAM1C,MAAMC,QAAsC,GAAG,CAAC,CAAC;AAEjD,IAAIC,QAAQ,GAAG,KAAK;AACpB,MAAMC,MAAM,GAAG,CAAC,UAAU,EAAE,OAAO,CAAC;AAEpC,MAAMC,iBAAiB,GAAIC,KAAU,IAAK;EACtC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,CAACC,QAAQ,CAACD,KAAK,CAAC;AACzC,CAAC;AAED,MAAME,aAAa,GAAGA,CAAA,KAAY;EAC9B,IAAIL,QAAQ,IAAI,CAACM,QAAQ,CAACC,IAAI,EAAE;IAC5B;EACJ;EAEA,MAAMC,aAAa,GAAIC,EAAiB,IAAK;IACzC,IAAI,CAACA,EAAE,CAACC,MAAM,EAAE;MACZ;IACJ;IACA,MAAMA,MAAM,GAAGD,EAAE,CAACC,MAAqB;IACvC;IACA,IAAIT,MAAM,CAACG,QAAQ,CAACM,MAAM,CAACC,QAAQ,CAAC,IAAIT,iBAAiB,CAACQ,MAAM,CAACE,eAAe,CAAC,EAAE;MAC/E;IACJ;IAEA,MAAMC,UAAU,GAAGC,MAAM,CAACC,IAAI,CAAChB,QAAQ,CAAC,CAACiB,IAAI,CAACC,GAAG,IAAIpB,QAAQ,CAACoB,GAAG,EAAER,EAAE,CAAC,CAAC;IAEvE,IAAII,UAAU,IAAId,QAAQ,CAACc,UAAU,CAAC,CAACK,MAAM,GAAG,CAAC,EAAE;MAC/C,MAAMC,IAAI,GAAGpB,QAAQ,CAACc,UAAU,CAAC,CAAC,CAAC,CAAC;MACpCM,IAAI,CAACC,OAAO,CAACX,EAAE,CAAC;MAChBA,EAAE,CAACY,eAAe,CAAC,CAAC;IACxB;EACJ,CAAC;EAEDf,QAAQ,CAACC,IAAI,CAACe,gBAAgB,CAAC,SAAS,EAAEd,aAAa,CAAC;EAExDR,QAAQ,GAAG,IAAI;AACnB,CAAC;AAED,MAAMuB,aAAa,GAAGA,CAClBC,EAAU,EACVP,GAAW,EACXG,OAAiD,KAChD;EACDf,aAAa,CAAC,CAAC;EACfN,QAAQ,CAACkB,GAAG,CAAC,GAAGlB,QAAQ,CAACkB,GAAG,CAAC,IAAI,EAAE;EACnC,IAAI,CAAClB,QAAQ,CAACkB,GAAG,CAAC,CAACD,IAAI,CAACG,IAAI,IAAIA,IAAI,CAACK,EAAE,KAAKA,EAAE,CAAC,EAAE;IAC7CzB,QAAQ,CAACkB,GAAG,CAAC,CAACQ,OAAO,CAAC;MAAED,EAAE;MAAEJ;IAAQ,CAAC,CAAC;EAC1C;AACJ,CAAC;AAED,MAAMM,gBAAgB,GAAGA,CAACF,EAAU,EAAEP,GAAW,KAAW;EACxD,IAAI,CAAClB,QAAQ,CAACkB,GAAG,CAAC,EAAE;IAChB;EACJ;EAEA,MAAMU,KAAK,GAAG5B,QAAQ,CAACkB,GAAG,CAAC,CAACW,SAAS,CAACT,IAAI,IAAIA,IAAI,CAACK,EAAE,KAAKA,EAAE,CAAC;EAC7D,IAAIG,KAAK,IAAI,CAAC,EAAE;IACZ5B,QAAQ,CAACkB,GAAG,CAAC,CAACY,MAAM,CAACF,KAAK,EAAE,CAAC,CAAC;EAClC;AACJ,CAAC;AAMD,OAAO,SAASG,aAAaA,CAAA,EAG3B;EACE,MAAM,CAACN,EAAE,CAAC,GAAG5B,KAAK,CAACmC,QAAQ,CAACjC,UAAU,CAAC,CAAC,CAAC;EAEzC,OAAOF,KAAK,CAACoC,OAAO,CAChB,OAAO;IACHT,aAAaA,CAACN,GAAG,EAAEG,OAAO,EAAE;MACxBG,aAAa,CAACC,EAAE,EAAEP,GAAG,EAAEG,OAAO,CAAC;IACnC,CAAC;IACDM,gBAAgBA,CAACT,GAAG,EAAE;MAClBS,gBAAgB,CAACF,EAAE,EAAEP,GAAG,CAAC;IAC7B;EACJ,CAAC,CAAC,EACF,EACJ,CAAC;AACL","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/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/useShiftKey.d.ts

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

package/hooks/useShiftKey.js

@@ -1,33 +1,42 @@
-import { useState, useEffect, useCallback, useRef } from "react";
-import { isHotkey } from "is-hotkey";
-export function useShiftKey() {
-  const [pressed, setPressed] = useState(false);
-  const onselectstartRef = useRef(document.onselectstart);
-  const onKeyDown = useCallback(event => {
-    if (isHotkey("shift", event)) {
-      setPressed(true);
-    }
-  }, []);
-  const onKeyUp = useCallback(event => {
-    if (event.key === "Shift" && event.shiftKey === false) {
-      setPressed(false);
-    }
-  }, []);
-  useEffect(() => {
-    document.onselectstart = () => !pressed;
-    return () => {
-      document.onselectstart = onselectstartRef.current;
+import { useCallback, useEffect, useRef, useState } from "react";
+function useShiftKey() {
+    const [pressed, setPressed] = useState(false);
+    const pressedRef = useRef(false);
+    const onselectstartRef = useRef(document.onselectstart);
+    const onKeyDown = useCallback((event)=>{
+        if ("Shift" === event.key) {
+            pressedRef.current = true;
+            setPressed(true);
+        }
+    }, []);
+    const onKeyUp = useCallback((event)=>{
+        if ("Shift" === event.key) {
+            pressedRef.current = false;
+            setPressed(false);
+        }
+    }, []);
+    const isPressed = useCallback(()=>pressedRef.current, []);
+    useEffect(()=>{
+        document.onselectstart = ()=>!pressed;
+        return ()=>{
+            document.onselectstart = onselectstartRef.current;
+        };
+    }, [
+        pressed
+    ]);
+    useEffect(()=>{
+        document.addEventListener("keydown", onKeyDown);
+        document.addEventListener("keyup", onKeyUp);
+        return ()=>{
+            document.removeEventListener("keydown", onKeyDown);
+            document.removeEventListener("keyup", onKeyUp);
+        };
+    }, []);
+    return {
+        pressed,
+        isPressed
     };
-  }, [pressed]);
-  useEffect(() => {
-    document.addEventListener("keydown", onKeyDown);
-    document.addEventListener("keyup", onKeyUp);
-    return () => {
-      document.removeEventListener("keydown", onKeyDown);
-      document.removeEventListener("keyup", onKeyUp);
-    };
-  }, []);
-  return pressed;
 }
+export { useShiftKey };
 
 //# sourceMappingURL=useShiftKey.js.map

package/hooks/useShiftKey.js.map

@@ -1 +1 @@
-{"version":3,"names":["useState","useEffect","useCallback","useRef","isHotkey","useShiftKey","pressed","setPressed","onselectstartRef","document","onselectstart","onKeyDown","event","onKeyUp","key","shiftKey","current","addEventListener","removeEventListener"],"sources":["useShiftKey.ts"],"sourcesContent":["import { useState, useEffect, useCallback, useRef } from \"react\";\nimport { isHotkey } from \"is-hotkey\";\n\nexport function useShiftKey() {\n    const [pressed, setPressed] = useState(false);\n    const onselectstartRef = useRef(document.onselectstart);\n\n    const onKeyDown = useCallback((event: KeyboardEvent) => {\n        if (isHotkey(\"shift\", event)) {\n            setPressed(true);\n        }\n    }, []);\n\n    const onKeyUp = useCallback((event: KeyboardEvent) => {\n        if (event.key === \"Shift\" && event.shiftKey === false) {\n            setPressed(false);\n        }\n    }, []);\n\n    useEffect(() => {\n        document.onselectstart = () => !pressed;\n\n        return () => {\n            document.onselectstart = onselectstartRef.current;\n        };\n    }, [pressed]);\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,EAAEC,MAAM,QAAQ,OAAO;AAChE,SAASC,QAAQ,QAAQ,WAAW;AAEpC,OAAO,SAASC,WAAWA,CAAA,EAAG;EAC1B,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGP,QAAQ,CAAC,KAAK,CAAC;EAC7C,MAAMQ,gBAAgB,GAAGL,MAAM,CAACM,QAAQ,CAACC,aAAa,CAAC;EAEvD,MAAMC,SAAS,GAAGT,WAAW,CAAEU,KAAoB,IAAK;IACpD,IAAIR,QAAQ,CAAC,OAAO,EAAEQ,KAAK,CAAC,EAAE;MAC1BL,UAAU,CAAC,IAAI,CAAC;IACpB;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMM,OAAO,GAAGX,WAAW,CAAEU,KAAoB,IAAK;IAClD,IAAIA,KAAK,CAACE,GAAG,KAAK,OAAO,IAAIF,KAAK,CAACG,QAAQ,KAAK,KAAK,EAAE;MACnDR,UAAU,CAAC,KAAK,CAAC;IACrB;EACJ,CAAC,EAAE,EAAE,CAAC;EAENN,SAAS,CAAC,MAAM;IACZQ,QAAQ,CAACC,aAAa,GAAG,MAAM,CAACJ,OAAO;IAEvC,OAAO,MAAM;MACTG,QAAQ,CAACC,aAAa,GAAGF,gBAAgB,CAACQ,OAAO;IACrD,CAAC;EACL,CAAC,EAAE,CAACV,OAAO,CAAC,CAAC;EAEbL,SAAS,CAAC,MAAM;IACZQ,QAAQ,CAACQ,gBAAgB,CAAC,SAAS,EAAEN,SAAS,CAAC;IAC/CF,QAAQ,CAACQ,gBAAgB,CAAC,OAAO,EAAEJ,OAAO,CAAC;IAE3C,OAAO,MAAM;MACTJ,QAAQ,CAACS,mBAAmB,CAAC,SAAS,EAAEP,SAAS,CAAC;MAClDF,QAAQ,CAACS,mBAAmB,CAAC,OAAO,EAAEL,OAAO,CAAC;IAClD,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOP,OAAO;AAClB","ignoreList":[]}
+{"version":3,"file":"hooks/useShiftKey.js","sources":["../../src/hooks/useShiftKey.ts"],"sourcesContent":["import { useState, useEffect, useCallback, useRef } from \"react\";\n\nexport interface UseShiftKeyResult {\n    pressed: boolean;\n    isPressed: () => boolean;\n}\n\nexport function useShiftKey(): UseShiftKeyResult {\n    const [pressed, setPressed] = useState(false);\n    const pressedRef = useRef(false);\n    const onselectstartRef = useRef(document.onselectstart);\n\n    const onKeyDown = useCallback((event: KeyboardEvent) => {\n        if (event.key === \"Shift\") {\n            pressedRef.current = true;\n            setPressed(true);\n        }\n    }, []);\n\n    const onKeyUp = useCallback((event: KeyboardEvent) => {\n        if (event.key === \"Shift\") {\n            pressedRef.current = false;\n            setPressed(false);\n        }\n    }, []);\n\n    const isPressed = useCallback(() => pressedRef.current, []);\n\n    useEffect(() => {\n        document.onselectstart = () => !pressed;\n\n        return () => {\n            document.onselectstart = onselectstartRef.current;\n        };\n    }, [pressed]);\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, isPressed };\n}\n"],"names":["useShiftKey","pressed","setPressed","useState","pressedRef","useRef","onselectstartRef","document","onKeyDown","useCallback","event","onKeyUp","isPressed","useEffect"],"mappings":";AAOO,SAASA;IACZ,MAAM,CAACC,SAASC,WAAW,GAAGC,SAAS;IACvC,MAAMC,aAAaC,OAAO;IAC1B,MAAMC,mBAAmBD,OAAOE,SAAS,aAAa;IAEtD,MAAMC,YAAYC,YAAY,CAACC;QAC3B,IAAIA,AAAc,YAAdA,MAAM,GAAG,EAAc;YACvBN,WAAW,OAAO,GAAG;YACrBF,WAAW;QACf;IACJ,GAAG,EAAE;IAEL,MAAMS,UAAUF,YAAY,CAACC;QACzB,IAAIA,AAAc,YAAdA,MAAM,GAAG,EAAc;YACvBN,WAAW,OAAO,GAAG;YACrBF,WAAW;QACf;IACJ,GAAG,EAAE;IAEL,MAAMU,YAAYH,YAAY,IAAML,WAAW,OAAO,EAAE,EAAE;IAE1DS,UAAU;QACNN,SAAS,aAAa,GAAG,IAAM,CAACN;QAEhC,OAAO;YACHM,SAAS,aAAa,GAAGD,iBAAiB,OAAO;QACrD;IACJ,GAAG;QAACL;KAAQ;IAEZY,UAAU;QACNN,SAAS,gBAAgB,CAAC,WAAWC;QACrCD,SAAS,gBAAgB,CAAC,SAASI;QAEnC,OAAO;YACHJ,SAAS,mBAAmB,CAAC,WAAWC;YACxCD,SAAS,mBAAmB,CAAC,SAASI;QAC1C;IACJ,GAAG,EAAE;IAEL,OAAO;QAAEV;QAASW;IAAU;AAChC"}

package/hooks/useSnackbar.d.ts

@@ -4,5 +4,8 @@ interface UseSnackbarResponse {
     showErrorSnackbar: (message: React.ReactNode, options?: Record<string, React.ReactNode>) => void;
     hideSnackbar: () => void;
 }
+/**
+ * @deprecated Use the new `useToast` hook from `@webiny/admin-ui` instead.
+ */
 export declare const useSnackbar: () => UseSnackbarResponse;
 export {};

package/hooks/useSnackbar.js

@@ -1,32 +1,30 @@
-import React from "react";
+import react from "react";
 import { Toast, useToast } from "@webiny/admin-ui";
-export const useSnackbar = () => {
-  const {
-    showToast,
-    hideAllToasts
-  } = useToast();
-  return {
-    showSnackbar: (message, options = {}) => {
-      showToast({
-        title: /*#__PURE__*/React.createElement(Toast.Title, {
-          text: message
-        }),
-        ...options
-      });
-    },
-    showErrorSnackbar: (message, options = {}) => {
-      showToast({
-        title: /*#__PURE__*/React.createElement(Toast.Title, {
-          text: message
-        }),
-        duration: Infinity,
-        ...options
-      });
-    },
-    hideSnackbar: () => {
-      hideAllToasts();
-    }
-  };
+const useSnackbar = ()=>{
+    const { showToast, hideAllToasts } = useToast();
+    return {
+        showSnackbar: (message, options = {})=>{
+            showToast({
+                title: /*#__PURE__*/ react.createElement(Toast.Title, {
+                    text: message
+                }),
+                ...options
+            });
+        },
+        showErrorSnackbar: (message, options = {})=>{
+            showToast({
+                title: /*#__PURE__*/ react.createElement(Toast.Title, {
+                    text: message
+                }),
+                duration: 1 / 0,
+                ...options
+            });
+        },
+        hideSnackbar: ()=>{
+            hideAllToasts();
+        }
+    };
 };
+export { useSnackbar };
 
 //# sourceMappingURL=useSnackbar.js.map

package/hooks/useSnackbar.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Toast","useToast","useSnackbar","showToast","hideAllToasts","showSnackbar","message","options","title","createElement","Title","text","showErrorSnackbar","duration","Infinity","hideSnackbar"],"sources":["useSnackbar.tsx"],"sourcesContent":["import React from \"react\";\nimport { Toast, useToast } from \"@webiny/admin-ui\";\n\ninterface UseSnackbarResponse {\n    showSnackbar: (message: React.ReactNode, options?: Record<string, React.ReactNode>) => void;\n    showErrorSnackbar: (\n        message: React.ReactNode,\n        options?: Record<string, React.ReactNode>\n    ) => void;\n    hideSnackbar: () => void;\n}\n\nexport const useSnackbar = (): UseSnackbarResponse => {\n    const { showToast, hideAllToasts } = useToast();\n\n    return {\n        showSnackbar: (message, options = {}) => {\n            showToast({\n                title: <Toast.Title text={message} />,\n                ...options\n            });\n        },\n        showErrorSnackbar: (message, options = {}) => {\n            showToast({\n                title: <Toast.Title text={message} />,\n                duration: Infinity,\n                ...options\n            });\n        },\n        hideSnackbar: () => {\n            hideAllToasts();\n        }\n    };\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,QAAQ,QAAQ,kBAAkB;AAWlD,OAAO,MAAMC,WAAW,GAAGA,CAAA,KAA2B;EAClD,MAAM;IAAEC,SAAS;IAAEC;EAAc,CAAC,GAAGH,QAAQ,CAAC,CAAC;EAE/C,OAAO;IACHI,YAAY,EAAEA,CAACC,OAAO,EAAEC,OAAO,GAAG,CAAC,CAAC,KAAK;MACrCJ,SAAS,CAAC;QACNK,KAAK,eAAET,KAAA,CAAAU,aAAA,CAACT,KAAK,CAACU,KAAK;UAACC,IAAI,EAAEL;QAAQ,CAAE,CAAC;QACrC,GAAGC;MACP,CAAC,CAAC;IACN,CAAC;IACDK,iBAAiB,EAAEA,CAACN,OAAO,EAAEC,OAAO,GAAG,CAAC,CAAC,KAAK;MAC1CJ,SAAS,CAAC;QACNK,KAAK,eAAET,KAAA,CAAAU,aAAA,CAACT,KAAK,CAACU,KAAK;UAACC,IAAI,EAAEL;QAAQ,CAAE,CAAC;QACrCO,QAAQ,EAAEC,QAAQ;QAClB,GAAGP;MACP,CAAC,CAAC;IACN,CAAC;IACDQ,YAAY,EAAEA,CAAA,KAAM;MAChBX,aAAa,CAAC,CAAC;IACnB;EACJ,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"file":"hooks/useSnackbar.js","sources":["../../src/hooks/useSnackbar.tsx"],"sourcesContent":["import React from \"react\";\nimport { Toast, useToast } from \"@webiny/admin-ui\";\n\ninterface UseSnackbarResponse {\n    showSnackbar: (message: React.ReactNode, options?: Record<string, React.ReactNode>) => void;\n    showErrorSnackbar: (\n        message: React.ReactNode,\n        options?: Record<string, React.ReactNode>\n    ) => void;\n    hideSnackbar: () => void;\n}\n\n/**\n * @deprecated Use the new `useToast` hook from `@webiny/admin-ui` instead.\n */\nexport const useSnackbar = (): UseSnackbarResponse => {\n    const { showToast, hideAllToasts } = useToast();\n\n    return {\n        showSnackbar: (message, options = {}) => {\n            showToast({\n                title: <Toast.Title text={message} />,\n                ...options\n            });\n        },\n        showErrorSnackbar: (message, options = {}) => {\n            showToast({\n                title: <Toast.Title text={message} />,\n                duration: Infinity,\n                ...options\n            });\n        },\n        hideSnackbar: () => {\n            hideAllToasts();\n        }\n    };\n};\n"],"names":["useSnackbar","showToast","hideAllToasts","useToast","message","options","Toast","Infinity"],"mappings":";;AAeO,MAAMA,cAAc;IACvB,MAAM,EAAEC,SAAS,EAAEC,aAAa,EAAE,GAAGC;IAErC,OAAO;QACH,cAAc,CAACC,SAASC,UAAU,CAAC,CAAC;YAChCJ,UAAU;gBACN,OAAO,WAAP,GAAO,oBAACK,MAAM,KAAK;oBAAC,MAAMF;;gBAC1B,GAAGC,OAAO;YACd;QACJ;QACA,mBAAmB,CAACD,SAASC,UAAU,CAAC,CAAC;YACrCJ,UAAU;gBACN,OAAO,WAAP,GAAO,oBAACK,MAAM,KAAK;oBAAC,MAAMF;;gBAC1B,UAAUG;gBACV,GAAGF,OAAO;YACd;QACJ;QACA,cAAc;YACVH;QACJ;IACJ;AACJ"}

package/hooks/useStateIfMounted.js

@@ -1,16 +1,18 @@
-import { useState, useCallback } from "react";
+import { useCallback, useState } from "react";
 import { useIsMounted } from "./useIsMounted.js";
-export function useStateIfMounted(defaultState) {
-  const [state, setState] = useState(defaultState);
-  const {
-    isMounted
-  } = useIsMounted();
-  const setStateIfMounted = useCallback(state => {
-    if (isMounted()) {
-      setState(state);
-    }
-  }, [isMounted]);
-  return [state, setStateIfMounted];
+function useStateIfMounted(defaultState) {
+    const [state, setState] = useState(defaultState);
+    const { isMounted } = useIsMounted();
+    const setStateIfMounted = useCallback((state)=>{
+        if (isMounted()) setState(state);
+    }, [
+        isMounted
+    ]);
+    return [
+        state,
+        setStateIfMounted
+    ];
 }
+export { useStateIfMounted };
 
 //# sourceMappingURL=useStateIfMounted.js.map

package/hooks/useStateIfMounted.js.map

@@ -1 +1 @@
-{"version":3,"names":["useState","useCallback","useIsMounted","useStateIfMounted","defaultState","state","setState","isMounted","setStateIfMounted"],"sources":["useStateIfMounted.ts"],"sourcesContent":["import { useState, useCallback } from \"react\";\nimport { useIsMounted } from \"./useIsMounted.js\";\n\nexport function useStateIfMounted<T>(\n    defaultState: T\n): [T, React.Dispatch<React.SetStateAction<T>>] {\n    const [state, setState] = useState<T>(defaultState);\n    const { isMounted } = useIsMounted();\n\n    const setStateIfMounted = useCallback(\n        (state: React.SetStateAction<T>) => {\n            if (isMounted()) {\n                setState(state);\n            }\n        },\n        [isMounted]\n    );\n\n    return [state, setStateIfMounted];\n}\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,WAAW,QAAQ,OAAO;AAC7C,SAASC,YAAY;AAErB,OAAO,SAASC,iBAAiBA,CAC7BC,YAAe,EAC6B;EAC5C,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGN,QAAQ,CAAII,YAAY,CAAC;EACnD,MAAM;IAAEG;EAAU,CAAC,GAAGL,YAAY,CAAC,CAAC;EAEpC,MAAMM,iBAAiB,GAAGP,WAAW,CAChCI,KAA8B,IAAK;IAChC,IAAIE,SAAS,CAAC,CAAC,EAAE;MACbD,QAAQ,CAACD,KAAK,CAAC;IACnB;EACJ,CAAC,EACD,CAACE,SAAS,CACd,CAAC;EAED,OAAO,CAACF,KAAK,EAAEG,iBAAiB,CAAC;AACrC","ignoreList":[]}
+{"version":3,"file":"hooks/useStateIfMounted.js","sources":["../../src/hooks/useStateIfMounted.ts"],"sourcesContent":["import { useState, useCallback } from \"react\";\nimport { useIsMounted } from \"./useIsMounted.js\";\n\nexport function useStateIfMounted<T>(\n    defaultState: T\n): [T, React.Dispatch<React.SetStateAction<T>>] {\n    const [state, setState] = useState<T>(defaultState);\n    const { isMounted } = useIsMounted();\n\n    const setStateIfMounted = useCallback(\n        (state: React.SetStateAction<T>) => {\n            if (isMounted()) {\n                setState(state);\n            }\n        },\n        [isMounted]\n    );\n\n    return [state, setStateIfMounted];\n}\n"],"names":["useStateIfMounted","defaultState","state","setState","useState","isMounted","useIsMounted","setStateIfMounted","useCallback"],"mappings":";;AAGO,SAASA,kBACZC,YAAe;IAEf,MAAM,CAACC,OAAOC,SAAS,GAAGC,SAAYH;IACtC,MAAM,EAAEI,SAAS,EAAE,GAAGC;IAEtB,MAAMC,oBAAoBC,YACtB,CAACN;QACG,IAAIG,aACAF,SAASD;IAEjB,GACA;QAACG;KAAU;IAGf,OAAO;QAACH;QAAOK;KAAkB;AACrC"}

package/hooks/useStateWithCallback.js

@@ -1,18 +1,22 @@
 import { useEffect, useRef, useState } from "react";
-export const useStateWithCallback = initialValue => {
-  const [state, _setState] = useState(initialValue);
-  const callbackQueue = useRef([]);
-  useEffect(() => {
-    callbackQueue.current.forEach(cb => cb(state));
-    callbackQueue.current = [];
-  }, [state]);
-  const setState = (value, callback) => {
-    _setState(value);
-    if (callback && typeof callback === "function") {
-      callbackQueue.current.push(callback);
-    }
-  };
-  return [state, setState];
+const useStateWithCallback = (initialValue)=>{
+    const [state, _setState] = useState(initialValue);
+    const callbackQueue = useRef([]);
+    useEffect(()=>{
+        callbackQueue.current.forEach((cb)=>cb(state));
+        callbackQueue.current = [];
+    }, [
+        state
+    ]);
+    const setState = (value, callback)=>{
+        _setState(value);
+        if (callback && "function" == typeof callback) callbackQueue.current.push(callback);
+    };
+    return [
+        state,
+        setState
+    ];
 };
+export { useStateWithCallback };
 
 //# sourceMappingURL=useStateWithCallback.js.map

package/hooks/useStateWithCallback.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useRef","useState","useStateWithCallback","initialValue","state","_setState","callbackQueue","current","forEach","cb","setState","value","callback","push"],"sources":["useStateWithCallback.ts"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\n\ntype CallBackType<T> = (updatedValue: T) => void;\n\ntype SetStateType<T> = T | ((prev: T) => T);\n\ntype RetType = <T>(\n    initialValue: T | (() => T)\n) => [T, (newValue: SetStateType<T>, callback?: CallBackType<T>) => void];\n\nexport const useStateWithCallback: RetType = <T>(initialValue: T | (() => T)) => {\n    const [state, _setState] = useState<T>(initialValue);\n    const callbackQueue = useRef<CallBackType<T>[]>([]);\n\n    useEffect(() => {\n        callbackQueue.current.forEach(cb => cb(state));\n        callbackQueue.current = [];\n    }, [state]);\n\n    const setState = (value: SetStateType<T>, callback?: CallBackType<T>) => {\n        _setState(value);\n        if (callback && typeof callback === \"function\") {\n            callbackQueue.current.push(callback);\n        }\n    };\n    return [state, setState];\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAUnD,OAAO,MAAMC,oBAA6B,GAAOC,YAA2B,IAAK;EAC7E,MAAM,CAACC,KAAK,EAAEC,SAAS,CAAC,GAAGJ,QAAQ,CAAIE,YAAY,CAAC;EACpD,MAAMG,aAAa,GAAGN,MAAM,CAAoB,EAAE,CAAC;EAEnDD,SAAS,CAAC,MAAM;IACZO,aAAa,CAACC,OAAO,CAACC,OAAO,CAACC,EAAE,IAAIA,EAAE,CAACL,KAAK,CAAC,CAAC;IAC9CE,aAAa,CAACC,OAAO,GAAG,EAAE;EAC9B,CAAC,EAAE,CAACH,KAAK,CAAC,CAAC;EAEX,MAAMM,QAAQ,GAAGA,CAACC,KAAsB,EAAEC,QAA0B,KAAK;IACrEP,SAAS,CAACM,KAAK,CAAC;IAChB,IAAIC,QAAQ,IAAI,OAAOA,QAAQ,KAAK,UAAU,EAAE;MAC5CN,aAAa,CAACC,OAAO,CAACM,IAAI,CAACD,QAAQ,CAAC;IACxC;EACJ,CAAC;EACD,OAAO,CAACR,KAAK,EAAEM,QAAQ,CAAC;AAC5B,CAAC","ignoreList":[]}
+{"version":3,"file":"hooks/useStateWithCallback.js","sources":["../../src/hooks/useStateWithCallback.ts"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\n\ntype CallBackType<T> = (updatedValue: T) => void;\n\ntype SetStateType<T> = T | ((prev: T) => T);\n\ntype RetType = <T>(\n    initialValue: T | (() => T)\n) => [T, (newValue: SetStateType<T>, callback?: CallBackType<T>) => void];\n\nexport const useStateWithCallback: RetType = <T>(initialValue: T | (() => T)) => {\n    const [state, _setState] = useState<T>(initialValue);\n    const callbackQueue = useRef<CallBackType<T>[]>([]);\n\n    useEffect(() => {\n        callbackQueue.current.forEach(cb => cb(state));\n        callbackQueue.current = [];\n    }, [state]);\n\n    const setState = (value: SetStateType<T>, callback?: CallBackType<T>) => {\n        _setState(value);\n        if (callback && typeof callback === \"function\") {\n            callbackQueue.current.push(callback);\n        }\n    };\n    return [state, setState];\n};\n"],"names":["useStateWithCallback","initialValue","state","_setState","useState","callbackQueue","useRef","useEffect","cb","setState","value","callback"],"mappings":";AAUO,MAAMA,uBAAgC,CAAIC;IAC7C,MAAM,CAACC,OAAOC,UAAU,GAAGC,SAAYH;IACvC,MAAMI,gBAAgBC,OAA0B,EAAE;IAElDC,UAAU;QACNF,cAAc,OAAO,CAAC,OAAO,CAACG,CAAAA,KAAMA,GAAGN;QACvCG,cAAc,OAAO,GAAG,EAAE;IAC9B,GAAG;QAACH;KAAM;IAEV,MAAMO,WAAW,CAACC,OAAwBC;QACtCR,UAAUO;QACV,IAAIC,YAAY,AAAoB,cAApB,OAAOA,UACnBN,cAAc,OAAO,CAAC,IAAI,CAACM;IAEnC;IACA,OAAO;QAACT;QAAOO;KAAS;AAC5B"}

package/hooks/useToggler.js

@@ -1,15 +1,16 @@
 import { useCallback, useState } from "react";
-export function useToggler(defaultValue = false) {
-  const [on, setOn] = useState(defaultValue);
-  const toggleOn = useCallback(() => setOn(true), []);
-  const toggleOff = useCallback(() => setOn(false), []);
-  const toggle = useCallback(() => setOn(prev => !prev), []);
-  return {
-    on,
-    toggleOn,
-    toggleOff,
-    toggle
-  };
+function useToggler(defaultValue = false) {
+    const [on, setOn] = useState(defaultValue);
+    const toggleOn = useCallback(()=>setOn(true), []);
+    const toggleOff = useCallback(()=>setOn(false), []);
+    const toggle = useCallback(()=>setOn((prev)=>!prev), []);
+    return {
+        on,
+        toggleOn,
+        toggleOff,
+        toggle
+    };
 }
+export { useToggler };
 
 //# sourceMappingURL=useToggler.js.map

package/hooks/useToggler.js.map

@@ -1 +1 @@
-{"version":3,"names":["useCallback","useState","useToggler","defaultValue","on","setOn","toggleOn","toggleOff","toggle","prev"],"sources":["useToggler.ts"],"sourcesContent":["import { useCallback, useState } from \"react\";\n\nexport interface UseToggler {\n    on: boolean;\n    toggleOn: () => void;\n    toggleOff: () => void;\n    toggle: () => void;\n}\n\nexport function useToggler(defaultValue = false): UseToggler {\n    const [on, setOn] = useState(defaultValue);\n\n    const toggleOn = useCallback(() => setOn(true), []);\n    const toggleOff = useCallback(() => setOn(false), []);\n    const toggle = useCallback(() => setOn(prev => !prev), []);\n\n    return {\n        on,\n        toggleOn,\n        toggleOff,\n        toggle\n    };\n}\n"],"mappings":"AAAA,SAASA,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AAS7C,OAAO,SAASC,UAAUA,CAACC,YAAY,GAAG,KAAK,EAAc;EACzD,MAAM,CAACC,EAAE,EAAEC,KAAK,CAAC,GAAGJ,QAAQ,CAACE,YAAY,CAAC;EAE1C,MAAMG,QAAQ,GAAGN,WAAW,CAAC,MAAMK,KAAK,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;EACnD,MAAME,SAAS,GAAGP,WAAW,CAAC,MAAMK,KAAK,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC;EACrD,MAAMG,MAAM,GAAGR,WAAW,CAAC,MAAMK,KAAK,CAACI,IAAI,IAAI,CAACA,IAAI,CAAC,EAAE,EAAE,CAAC;EAE1D,OAAO;IACHL,EAAE;IACFE,QAAQ;IACRC,SAAS;IACTC;EACJ,CAAC;AACL","ignoreList":[]}
+{"version":3,"file":"hooks/useToggler.js","sources":["../../src/hooks/useToggler.ts"],"sourcesContent":["import { useCallback, useState } from \"react\";\n\nexport interface UseToggler {\n    on: boolean;\n    toggleOn: () => void;\n    toggleOff: () => void;\n    toggle: () => void;\n}\n\nexport function useToggler(defaultValue = false): UseToggler {\n    const [on, setOn] = useState(defaultValue);\n\n    const toggleOn = useCallback(() => setOn(true), []);\n    const toggleOff = useCallback(() => setOn(false), []);\n    const toggle = useCallback(() => setOn(prev => !prev), []);\n\n    return {\n        on,\n        toggleOn,\n        toggleOff,\n        toggle\n    };\n}\n"],"names":["useToggler","defaultValue","on","setOn","useState","toggleOn","useCallback","toggleOff","toggle","prev"],"mappings":";AASO,SAASA,WAAWC,eAAe,KAAK;IAC3C,MAAM,CAACC,IAAIC,MAAM,GAAGC,SAASH;IAE7B,MAAMI,WAAWC,YAAY,IAAMH,MAAM,OAAO,EAAE;IAClD,MAAMI,YAAYD,YAAY,IAAMH,MAAM,QAAQ,EAAE;IACpD,MAAMK,SAASF,YAAY,IAAMH,MAAMM,CAAAA,OAAQ,CAACA,OAAO,EAAE;IAEzD,OAAO;QACHP;QACAG;QACAE;QACAC;IACJ;AACJ"}

package/index.d.ts

@@ -46,9 +46,12 @@ import "./features/formModel/fieldTypes/DateTimeFieldType.js";
 import "./features/formModel/fieldTypes/FileFieldType.js";
 import "./features/formModel/fieldTypes/FileUrlFieldType.js";
 import "./features/formModel/fieldTypes/ObjectFieldType.js";
-export { FormModelFactory, FormModel } from "./features/formModel/abstractions.js";
+export { FormModelFactory } from "./features/formModel/abstractions.js";
+export type { FormModel } from "./features/formModel/abstractions.js";
 export type { IFieldRendererRegistry, FieldRendererName, FieldRendererSettings, IFormModelFactory, IFormModelConfig, ILayoutBuilder, ILayoutNodeBuilder, IRowBuilder, ISeparatorBuilder, ITabsBuilder, IElementBuilder, IObjectBuilder, IFieldBuilder, IOptionsFieldBuilder, IFieldBuilderRegistry, IFormModel, IField, FieldTypeMap, IFieldConfig, IFieldVM, IFieldValidation, IFormVM, IFormError, IValueOption, IRowNode, IRowNodeVM, LayoutNode, LayoutNodeVM, LayoutPosition, IPositionedLayoutNode, ILayoutNodeHandle, ILayoutModifier, IFormModifier, BeforeChangeCallback, AfterChangeCallback, AfterSetValueCallback } from "./features/formModel/abstractions.js";
 export { FormView, LayoutNodeRenderer, useFormViewRenderers } from "./features/formModel/FormView.js";
+export { FormErrors } from "./features/formModel/FormErrors.js";
+export { PresenterErrors } from "./features/formModel/PresenterErrors.js";
 export { useFieldRenderers } from "./features/formModel/useFieldRenderers.js";
 export { useLayoutRenderers } from "./features/formModel/useLayoutRenderers.js";
 export type { FieldRenderers, FieldRendererComponent, LayoutRenderers, TabsNodeRendererProps } from "./features/formModel/FormView.js";