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

package/hooks/useConfirmationDialog.d.ts

@@ -4,7 +4,7 @@ interface Params {
     message?: React.ReactNode;
     acceptLabel?: React.ReactNode;
     cancelLabel?: React.ReactNode;
-    loading?: React.ReactNode;
+    loading?: boolean | string;
     [key: string]: any;
 }
 export type ShowConfirmationOnAccept = (() => void) | (() => Promise<void>);

package/hooks/useConfirmationDialog.js

@@ -1,14 +1,12 @@
-import React from "react";
-import { useUi } from "@webiny/app/hooks/useUi";
-import { i18n } from "@webiny/app/i18n";
-import { CircularProgress } from "@webiny/ui/Progress";
+import { useUi } from "@webiny/app/hooks/useUi.js";
+import { i18n } from "@webiny/app/i18n/index.js";
 const t = i18n.ns("app-admin/hooks/use-confirmation-dialog");
 const useConfirmationDialog = ({
   title = t`Confirmation`,
   message,
   acceptLabel = t`Confirm`,
   cancelLabel = t`Cancel`,
-  loading = /*#__PURE__*/React.createElement(CircularProgress, null),
+  loading = true,
   ...options
 } = {}) => {
   const ui = useUi();
@@ -18,11 +16,14 @@ const useConfirmationDialog = ({
         return {
           ...ui,
           dialog: {
+            loading: true,
             message: message || t`Are you sure you want to continue?`,
             options: {
               ...options,
               title,
-              loading,
+              loading: typeof loading === "string" ? {
+                text: loading
+              } : loading,
               actions: {
                 accept: {
                   label: acceptLabel,

package/hooks/useConfirmationDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useUi","i18n","CircularProgress","t","ns","useConfirmationDialog","title","message","acceptLabel","cancelLabel","loading","createElement","options","ui","showConfirmation","onAccept","onCancel","setState","dialog","actions","accept","label","onClick","cancel"],"sources":["useConfirmationDialog.tsx"],"sourcesContent":["import React from \"react\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\n\nconst t = i18n.ns(\"app-admin/hooks/use-confirmation-dialog\");\n\ninterface Params {\n    title?: React.ReactNode;\n    message?: React.ReactNode;\n    acceptLabel?: React.ReactNode;\n    cancelLabel?: React.ReactNode;\n    loading?: React.ReactNode;\n    [key: string]: any;\n}\n\nexport type ShowConfirmationOnAccept = (() => void) | (() => Promise<void>);\n\nexport interface UseConfirmationDialogResponse {\n    showConfirmation: (onAccept: ShowConfirmationOnAccept, onCancel?: () => void) => void;\n}\n\nconst useConfirmationDialog = ({\n    title = t`Confirmation`,\n    message,\n    acceptLabel = t`Confirm`,\n    cancelLabel = t`Cancel`,\n    loading = <CircularProgress />,\n    ...options\n}: Params = {}): UseConfirmationDialogResponse => {\n    const ui = useUi();\n\n    return {\n        showConfirmation: (onAccept, onCancel) => {\n            ui.setState(ui => {\n                return {\n                    ...ui,\n                    dialog: {\n                        message: message || t`Are you sure you want to continue?`,\n                        options: {\n                            ...options,\n                            title,\n                            loading,\n                            actions: {\n                                accept: {\n                                    label: acceptLabel,\n                                    onClick: onAccept\n                                },\n                                cancel: {\n                                    label: cancelLabel,\n                                    onClick: onCancel\n                                }\n                            }\n                        }\n                    }\n                };\n            });\n        }\n    };\n};\n\nexport { useConfirmationDialog };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,QAAQ,yBAAyB;AAC/C,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,gBAAgB,QAAQ,qBAAqB;AAEtD,MAAMC,CAAC,GAAGF,IAAI,CAACG,EAAE,CAAC,yCAAyC,CAAC;AAiB5D,MAAMC,qBAAqB,GAAGA,CAAC;EAC3BC,KAAK,GAAGH,CAAC,cAAc;EACvBI,OAAO;EACPC,WAAW,GAAGL,CAAC,SAAS;EACxBM,WAAW,GAAGN,CAAC,QAAQ;EACvBO,OAAO,gBAAGX,KAAA,CAAAY,aAAA,CAACT,gBAAgB,MAAE,CAAC;EAC9B,GAAGU;AACC,CAAC,GAAG,CAAC,CAAC,KAAoC;EAC9C,MAAMC,EAAE,GAAGb,KAAK,CAAC,CAAC;EAElB,OAAO;IACHc,gBAAgB,EAAEA,CAACC,QAAQ,EAAEC,QAAQ,KAAK;MACtCH,EAAE,CAACI,QAAQ,CAACJ,EAAE,IAAI;QACd,OAAO;UACH,GAAGA,EAAE;UACLK,MAAM,EAAE;YACJX,OAAO,EAAEA,OAAO,IAAIJ,CAAC,oCAAoC;YACzDS,OAAO,EAAE;cACL,GAAGA,OAAO;cACVN,KAAK;cACLI,OAAO;cACPS,OAAO,EAAE;gBACLC,MAAM,EAAE;kBACJC,KAAK,EAAEb,WAAW;kBAClBc,OAAO,EAAEP;gBACb,CAAC;gBACDQ,MAAM,EAAE;kBACJF,KAAK,EAAEZ,WAAW;kBAClBa,OAAO,EAAEN;gBACb;cACJ;YACJ;UACJ;QACJ,CAAC;MACL,CAAC,CAAC;IACN;EACJ,CAAC;AACL,CAAC;AAED,SAASX,qBAAqB","ignoreList":[]}
+{"version":3,"names":["useUi","i18n","t","ns","useConfirmationDialog","title","message","acceptLabel","cancelLabel","loading","options","ui","showConfirmation","onAccept","onCancel","setState","dialog","text","actions","accept","label","onClick","cancel"],"sources":["useConfirmationDialog.tsx"],"sourcesContent":["import React from \"react\";\nimport { useUi } from \"@webiny/app/hooks/useUi.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\n\nconst t = i18n.ns(\"app-admin/hooks/use-confirmation-dialog\");\n\ninterface Params {\n    title?: React.ReactNode;\n    message?: React.ReactNode;\n    acceptLabel?: React.ReactNode;\n    cancelLabel?: React.ReactNode;\n    loading?: boolean | string;\n    [key: string]: any;\n}\n\nexport type ShowConfirmationOnAccept = (() => void) | (() => Promise<void>);\n\nexport interface UseConfirmationDialogResponse {\n    showConfirmation: (onAccept: ShowConfirmationOnAccept, onCancel?: () => void) => void;\n}\n\nconst useConfirmationDialog = ({\n    title = t`Confirmation`,\n    message,\n    acceptLabel = t`Confirm`,\n    cancelLabel = t`Cancel`,\n    loading = true,\n    ...options\n}: Params = {}): UseConfirmationDialogResponse => {\n    const ui = useUi();\n\n    return {\n        showConfirmation: (onAccept, onCancel) => {\n            ui.setState(ui => {\n                return {\n                    ...ui,\n                    dialog: {\n                        loading: true,\n                        message: message || t`Are you sure you want to continue?`,\n                        options: {\n                            ...options,\n                            title,\n                            loading: typeof loading === \"string\" ? { text: loading } : loading,\n                            actions: {\n                                accept: {\n                                    label: acceptLabel,\n                                    onClick: onAccept\n                                },\n                                cancel: {\n                                    label: cancelLabel,\n                                    onClick: onCancel\n                                }\n                            }\n                        }\n                    }\n                };\n            });\n        }\n    };\n};\n\nexport { useConfirmationDialog };\n"],"mappings":"AACA,SAASA,KAAK,QAAQ,4BAA4B;AAClD,SAASC,IAAI,QAAQ,2BAA2B;AAEhD,MAAMC,CAAC,GAAGD,IAAI,CAACE,EAAE,CAAC,yCAAyC,CAAC;AAiB5D,MAAMC,qBAAqB,GAAGA,CAAC;EAC3BC,KAAK,GAAGH,CAAC,cAAc;EACvBI,OAAO;EACPC,WAAW,GAAGL,CAAC,SAAS;EACxBM,WAAW,GAAGN,CAAC,QAAQ;EACvBO,OAAO,GAAG,IAAI;EACd,GAAGC;AACC,CAAC,GAAG,CAAC,CAAC,KAAoC;EAC9C,MAAMC,EAAE,GAAGX,KAAK,CAAC,CAAC;EAElB,OAAO;IACHY,gBAAgB,EAAEA,CAACC,QAAQ,EAAEC,QAAQ,KAAK;MACtCH,EAAE,CAACI,QAAQ,CAACJ,EAAE,IAAI;QACd,OAAO;UACH,GAAGA,EAAE;UACLK,MAAM,EAAE;YACJP,OAAO,EAAE,IAAI;YACbH,OAAO,EAAEA,OAAO,IAAIJ,CAAC,oCAAoC;YACzDQ,OAAO,EAAE;cACL,GAAGA,OAAO;cACVL,KAAK;cACLI,OAAO,EAAE,OAAOA,OAAO,KAAK,QAAQ,GAAG;gBAAEQ,IAAI,EAAER;cAAQ,CAAC,GAAGA,OAAO;cAClES,OAAO,EAAE;gBACLC,MAAM,EAAE;kBACJC,KAAK,EAAEb,WAAW;kBAClBc,OAAO,EAAER;gBACb,CAAC;gBACDS,MAAM,EAAE;kBACJF,KAAK,EAAEZ,WAAW;kBAClBa,OAAO,EAAEP;gBACb;cACJ;YACJ;UACJ;QACJ,CAAC;MACL,CAAC,CAAC;IACN;EACJ,CAAC;AACL,CAAC;AAED,SAASV,qBAAqB","ignoreList":[]}

package/hooks/useDialog.d.ts

@@ -1,29 +1,9 @@
-import type React from "react";
-interface AcceptAction {
-    label: string;
-    onClick?: () => void;
-}
-interface CancelAction {
-    label: string;
-    onClick?: () => void;
-}
-export interface UseDialogResponseShowDialogOptions {
-    dataTestId?: string;
-    title: string;
-    loading?: boolean;
-    actions?: {
-        accept?: AcceptAction;
-        cancel?: CancelAction;
-    };
-    style?: {
-        [key: string]: any;
-    };
-    onClose?: () => void;
-    [key: string]: any;
-}
-interface UseDialogResponse {
-    showDialog: (message: React.ReactNode, options?: UseDialogResponseShowDialogOptions) => void;
-    hideDialog: () => void;
-}
-declare const useDialog: () => UseDialogResponse;
-export { useDialog };
+import type { z } from "zod";
+export declare function useDialog<T extends z.ZodTypeAny>(schema: T): {
+    params: z.infer<T>;
+    closeDialog: () => void;
+};
+export declare function useDialog(): {
+    params: Record<string, unknown>;
+    closeDialog: () => void;
+};

package/hooks/useDialog.js

@@ -1,28 +1,20 @@
-import { useUi } from "@webiny/app/hooks/useUi";
-const useDialog = () => {
-  const ui = useUi();
-  return {
-    showDialog: (message, options) => {
-      ui.setState(ui => {
-        return {
-          ...ui,
-          dialog: {
-            message,
-            options
-          }
-        };
-      });
-    },
-    hideDialog: () => {
-      ui.setState(ui => {
-        return {
-          ...ui,
-          dialog: null
-        };
-      });
+import { useMemo } from "react";
+import { useDialogParamsContext } from "../components/Dialogs/DialogParamsContext.js";
+export function useDialog(schema) {
+  const {
+    params: rawParams,
+    closeDialog
+  } = useDialogParamsContext();
+  const params = useMemo(() => {
+    if (schema) {
+      return schema.parse(rawParams);
     }
+    return rawParams;
+  }, [rawParams, schema]);
+  return {
+    params,
+    closeDialog
   };
-};
-export { useDialog };
+}
 
 //# sourceMappingURL=useDialog.js.map

package/hooks/useDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["useUi","useDialog","ui","showDialog","message","options","setState","dialog","hideDialog"],"sources":["useDialog.ts"],"sourcesContent":["import type React from \"react\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\n\ninterface AcceptAction {\n    label: string;\n    onClick?: () => void;\n}\ninterface CancelAction {\n    label: string;\n    onClick?: () => void;\n}\n\nexport interface UseDialogResponseShowDialogOptions {\n    dataTestId?: string;\n    title: string;\n    loading?: boolean;\n    actions?: {\n        accept?: AcceptAction;\n        cancel?: CancelAction;\n    };\n    style?: {\n        [key: string]: any;\n    };\n    onClose?: () => void;\n    [key: string]: any;\n}\ninterface UseDialogResponse {\n    showDialog: (message: React.ReactNode, options?: UseDialogResponseShowDialogOptions) => void;\n    hideDialog: () => void;\n}\nconst useDialog = (): UseDialogResponse => {\n    const ui = useUi();\n    return {\n        showDialog: (message, options) => {\n            ui.setState(ui => {\n                return { ...ui, dialog: { message, options } };\n            });\n        },\n        hideDialog: () => {\n            ui.setState(ui => {\n                return { ...ui, dialog: null };\n            });\n        }\n    };\n};\n\nexport { useDialog };\n"],"mappings":"AACA,SAASA,KAAK,QAAQ,yBAAyB;AA6B/C,MAAMC,SAAS,GAAGA,CAAA,KAAyB;EACvC,MAAMC,EAAE,GAAGF,KAAK,CAAC,CAAC;EAClB,OAAO;IACHG,UAAU,EAAEA,CAACC,OAAO,EAAEC,OAAO,KAAK;MAC9BH,EAAE,CAACI,QAAQ,CAACJ,EAAE,IAAI;QACd,OAAO;UAAE,GAAGA,EAAE;UAAEK,MAAM,EAAE;YAAEH,OAAO;YAAEC;UAAQ;QAAE,CAAC;MAClD,CAAC,CAAC;IACN,CAAC;IACDG,UAAU,EAAEA,CAAA,KAAM;MACdN,EAAE,CAACI,QAAQ,CAACJ,EAAE,IAAI;QACd,OAAO;UAAE,GAAGA,EAAE;UAAEK,MAAM,EAAE;QAAK,CAAC;MAClC,CAAC,CAAC;IACN;EACJ,CAAC;AACL,CAAC;AAED,SAASN,SAAS","ignoreList":[]}
+{"version":3,"names":["useMemo","useDialogParamsContext","useDialog","schema","params","rawParams","closeDialog","parse"],"sources":["useDialog.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport type { z } from \"zod\";\nimport { useDialogParamsContext } from \"~/components/Dialogs/DialogParamsContext.js\";\n\nexport function useDialog<T extends z.ZodTypeAny>(\n    schema: T\n): { params: z.infer<T>; closeDialog: () => void };\nexport function useDialog(): { params: Record<string, unknown>; closeDialog: () => void };\nexport function useDialog(schema?: z.ZodTypeAny) {\n    const { params: rawParams, closeDialog } = useDialogParamsContext();\n\n    const params = useMemo(() => {\n        if (schema) {\n            return schema.parse(rawParams);\n        }\n        return rawParams;\n    }, [rawParams, schema]);\n\n    return { params, closeDialog };\n}\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,OAAO;AAE/B,SAASC,sBAAsB;AAM/B,OAAO,SAASC,SAASA,CAACC,MAAqB,EAAE;EAC7C,MAAM;IAAEC,MAAM,EAAEC,SAAS;IAAEC;EAAY,CAAC,GAAGL,sBAAsB,CAAC,CAAC;EAEnE,MAAMG,MAAM,GAAGJ,OAAO,CAAC,MAAM;IACzB,IAAIG,MAAM,EAAE;MACR,OAAOA,MAAM,CAACI,KAAK,CAACF,SAAS,CAAC;IAClC;IACA,OAAOA,SAAS;EACpB,CAAC,EAAE,CAACA,SAAS,EAAEF,MAAM,CAAC,CAAC;EAEvB,OAAO;IAAEC,MAAM;IAAEE;EAAY,CAAC;AAClC","ignoreList":[]}

package/hooks/useHotkeys.d.ts

@@ -0,0 +1,9 @@
+type HookProps = {
+    disabled?: boolean;
+    zIndex: number;
+    keys?: {
+        [key: string]: (e: KeyboardEvent) => void;
+    };
+};
+export declare function useHotkeys(props: HookProps): void;
+export {};

package/hooks/useHotkeys.js

@@ -0,0 +1,99 @@
+import { useEffect, useRef } from "react";
+import isHotkey from "is-hotkey";
+const state = {
+  listenerAttached: false,
+  zIndex: null,
+  handlers: {}
+};
+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;
+    }
+  }
+}
+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}.`);
+    }
+    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 (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);
+      }
+    }
+    if (!disabled && typeof keys === "object") {
+      Object.assign(state.handlers[zIndex], keys);
+    }
+    prevPropsRef.current = {
+      ...props
+    };
+  });
+  useEffect(function () {
+    return function () {
+      if (!disabled) {
+        unregisterZIndex(props);
+      }
+    };
+  }, []);
+}
+
+//# sourceMappingURL=useHotkeys.js.map

package/hooks/useHotkeys.js.map

@@ -0,0 +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":[]}

package/hooks/useKeyHandler.js

@@ -1,5 +1,5 @@
 import React from "react";
-import isHotkey from "is-hotkey";
+import { isHotkey } from "is-hotkey";
 import { generateId } from "@webiny/utils";
 const keyStack = {};
 let listener = false;

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,"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":[]}

package/hooks/useModKey.js

@@ -1,5 +1,5 @@
 import { useState, useEffect, useCallback } from "react";
-import isHotkey from "is-hotkey";
+import { isHotkey } from "is-hotkey";
 export function useModKey() {
   const [pressed, setPressed] = useState(false);
   const onKeyDown = useCallback(event => {
@@ -23,7 +23,6 @@ export function useModKey() {
       document.removeEventListener("keyup", onKeyUp);
     };
   }, []);
-  console.log("pressed", pressed);
   return pressed;
 }
 

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","console","log"],"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    console.log(\"pressed\", pressed);\n\n    return pressed;\n}\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,SAAS,EAAEC,WAAW,QAAQ,OAAO;AACxD,OAAOC,QAAQ,MAAM,WAAW;AAEhC,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;EAENO,OAAO,CAACC,GAAG,CAAC,SAAS,EAAEZ,OAAO,CAAC;EAE/B,OAAOA,OAAO;AAClB","ignoreList":[]}
+{"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":[]}

package/hooks/useOpenDialog.d.ts

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

package/hooks/useOpenDialog.js

@@ -0,0 +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
+  };
+}
+
+//# sourceMappingURL=useOpenDialog.js.map

package/hooks/useOpenDialog.js.map

@@ -0,0 +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":[]}

package/hooks/useShiftKey.js

@@ -1,5 +1,5 @@
 import { useState, useEffect, useCallback, useRef } from "react";
-import isHotkey from "is-hotkey";
+import { isHotkey } from "is-hotkey";
 export function useShiftKey() {
   const [pressed, setPressed] = useState(false);
   const onselectstartRef = useRef(document.onselectstart);

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,OAAOC,QAAQ,MAAM,WAAW;AAEhC,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,"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":[]}

package/hooks/useStateIfMounted.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare function useStateIfMounted<T>(defaultState: T): [T, React.Dispatch<React.SetStateAction<T>>];

package/hooks/useStateIfMounted.js

@@ -1,5 +1,5 @@
 import { useState, useCallback } from "react";
-import { useIsMounted } from "./useIsMounted";
+import { useIsMounted } from "./useIsMounted.js";
 export function useStateIfMounted(defaultState) {
   const [state, setState] = useState(defaultState);
   const {

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\";\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,"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":[]}

package/hooks/useToggler.d.ts

@@ -0,0 +1,7 @@
+export interface UseToggler {
+    on: boolean;
+    toggleOn: () => void;
+    toggleOff: () => void;
+    toggle: () => void;
+}
+export declare function useToggler(defaultValue?: boolean): UseToggler;

package/hooks/useToggler.js

@@ -0,0 +1,15 @@
+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
+  };
+}
+
+//# sourceMappingURL=useToggler.js.map

package/hooks/useToggler.js.map

@@ -0,0 +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":[]}

package/index.d.ts

@@ -1,47 +1,56 @@
 export * from "@webiny/app";
 export type { HigherOrderComponent, ProviderProps, ComposeProps } from "@webiny/app";
-export * from "./base/ui/Tags";
-export * from "./base/ui/Layout";
-export * from "./base/ui/LocaleSelector";
-export * from "./base/ui/TenantSelector";
-export type { LayoutProps } from "./base/ui/Layout";
-export * from "./base/ui/Navigation";
-export * from "./base/ui/Brand";
-export * from "./base/ui/Logo";
-export * from "./base/ui/UserMenu";
-export * from "./base/ui/LoginScreen";
-export * from "./base/ui/CenteredView";
-export * from "./base/ui/Dashboard";
-export * from "./base/ui/NotFound";
-export { Admin } from "./base/Admin";
-export * from "./config/AdminConfig";
-export type { AdminProps } from "./base/Admin";
-export { useViewComposition } from "./base/providers/ViewCompositionProvider";
-export type { ViewCompositionContext, ViewElement } from "./base/providers/ViewCompositionProvider";
-export * from "./base/plugins/AddGraphQLQuerySelection";
-export * from "./plugins/PermissionRendererPlugin";
-export { AppInstaller } from "./components/AppInstaller";
-export * from "./components/Buttons";
-export { DialogsProvider } from "./components/Dialogs/DialogsContext";
-export * from "./components/OptionsMenu";
-export * from "./components/Filters";
-export * from "./components/BulkActions";
-export * from "./components/ResizablePanels";
-export { OverlayLayout, OverlayLayoutProps } from "./components/OverlayLayout";
-export { default as SingleImageUpload, SingleImageUploadProps } from "./components/SingleImageUpload";
-export { LexicalEditor } from "./components/LexicalEditor/LexicalEditor";
-export { Wcp } from "./components/Wcp";
-export * from "./components/IconPicker";
-export { FileManager, FileManagerRenderer } from "./base/ui/FileManager";
-export type { FileManagerProps, FileManagerRendererProps, FileManagerFileItem, FileManagerOnChange } from "./base/ui/FileManager";
-export * from "./hooks";
-export { useWcp } from "@webiny/app-wcp";
-export { AaclPermission } from "@webiny/app-wcp/types";
-export { useTheme, ThemeProvider } from "@webiny/app-theme";
-export * from "@webiny/app/renderApp";
-export * from "@webiny/app/utils/getApiUrl";
-export * from "@webiny/app/utils/getGqlApiUrl";
-export * from "@webiny/app/utils/getHeadlessCmsGqlApiUrl";
-export * from "@webiny/app/utils/getLocaleCode";
-export * from "@webiny/app/utils/getTenantId";
-export * from "@webiny/app/utils/isLocalhost";
+export * from "./base/ui/Tags.js";
+export * from "./base/ui/Layout.js";
+export * from "./base/ui/TenantSelector.js";
+export type { LayoutProps } from "./base/ui/Layout.js";
+export * from "./base/ui/Navigation.js";
+export * from "./base/ui/Brand.js";
+export * from "./base/ui/Logo.js";
+export * from "./base/ui/UserMenu.js";
+export * from "./base/ui/LoginScreen.js";
+export * from "./base/ui/CenteredView.js";
+export * from "./base/ui/Dashboard.js";
+export * from "./base/ui/NotFound.js";
+export { Admin } from "./base/Admin.js";
+export * from "./config/AdminConfig.js";
+export type { AdminProps } from "./base/Admin.js";
+export * from "./base/plugins/AddGraphQLQuerySelection.js";
+export * from "./permissions/index.js";
+export * from "./components/index.js";
+export type { RichTextValueWithHtml } from "./components/index.js";
+export { HasPermission } from "./presentation/security/components/HasPermission.js";
+export { SecureRoute } from "./presentation/security/components/SecureRoute.js";
+export { FileManager, FileManagerRenderer } from "./base/ui/FileManager.js";
+export type { FileManagerProps, FileManagerRendererProps, FileManagerFileItem, FileManagerOnChange } from "./base/ui/FileManager.js";
+export { SystemInstallerProvider } from "./presentation/installation/components/SystemInstaller/index.js";
+export type { AaclPermission } from "./features/wcp/types.js";
+export type { Tenant } from "./features/tenancy/types.js";
+export { BuildParamsFeature } from "./features/buildParams/feature.js";
+export { ToolsFeature } from "./features/tools/feature.js";
+export { Tool, ToolRegistry, ToolPipelineRunner } from "./features/tools/abstractions.js";
+export type { ITool, IToolRegistry, IToolPipelineRunner } from "./features/tools/abstractions.js";
+export * from "./hooks/index.js";
+export { useWcp } from "./presentation/wcp/useWcp.js";
+export { useTenantContext } from "./presentation/tenancy/useTenantContext.js";
+export { useIdentity } from "./presentation/security/hooks/useIdentity.js";
+export { useAuthentication } from "./presentation/security/hooks/useAuthentication.js";
+export { useBuildParams } from "./presentation/buildParams/useBuildParams.js";
+export { useSecurity } from "./presentation/security/hooks/useSecurity.js";
+export * from "@webiny/app/renderApp.js";
+import "./features/formModel/renderers.js";
+import "./features/formModel/fieldTypes/TextFieldType.js";
+import "./features/formModel/fieldTypes/NumberFieldType.js";
+import "./features/formModel/fieldTypes/BooleanFieldType.js";
+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 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";