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

package/features/webinySdk/index.d.ts

@@ -0,0 +1,2 @@
+export { WebinySdk } from "./abstractions.js";
+export { WebinySdkFeature } from "./feature.js";

package/features/webinySdk/index.js

@@ -0,0 +1,2 @@
+export { WebinySdk } from "./abstractions.js";
+export { WebinySdkFeature } from "./feature.js";

package/hooks/index.d.ts

@@ -1,10 +1,17 @@
-export * from "./useConfirmationDialog";
-export * from "./useDialog";
-export * from "../components/Dialogs/useDialogs";
-export * from "./useSnackbar";
-export * from "./useKeyHandler";
-export * from "./useShiftKey";
-export * from "./useStateWithCallback";
-export * from "./useModKey";
-export * from "./useIsMounted";
-export * from "./useStateIfMounted";
+export * from "./useNamedConfirmationDialog.js";
+export * from "./useConfirmationDialog.js";
+export * from "./useDialog.js";
+export * from "./useOpenDialog.js";
+export * from "../components/Dialogs/useDialogs.js";
+export * from "./useDrawer.js";
+export * from "./useOpenDrawer.js";
+export * from "../components/Drawers/useDrawers.js";
+export * from "./useSnackbar.js";
+export * from "./useKeyHandler.js";
+export * from "./useShiftKey.js";
+export * from "./useStateWithCallback.js";
+export * from "./useModKey.js";
+export * from "./useIsMounted.js";
+export * from "./useStateIfMounted.js";
+export * from "./useToggler.js";
+export * from "./useHotkeys.js";

package/hooks/index.js

@@ -1,12 +1,17 @@
-export * from "./useConfirmationDialog";
-export * from "./useDialog";
-export * from "../components/Dialogs/useDialogs";
-export * from "./useSnackbar";
-export * from "./useKeyHandler";
-export * from "./useShiftKey";
-export * from "./useStateWithCallback";
-export * from "./useModKey";
-export * from "./useIsMounted";
-export * from "./useStateIfMounted";
-
-//# sourceMappingURL=index.js.map
+export * from "./useNamedConfirmationDialog.js";
+export * from "./useConfirmationDialog.js";
+export * from "./useDialog.js";
+export * from "./useOpenDialog.js";
+export * from "../components/Dialogs/useDialogs.js";
+export * from "./useDrawer.js";
+export * from "./useOpenDrawer.js";
+export * from "../components/Drawers/useDrawers.js";
+export * from "./useSnackbar.js";
+export * from "./useKeyHandler.js";
+export * from "./useShiftKey.js";
+export * from "./useStateWithCallback.js";
+export * from "./useModKey.js";
+export * from "./useIsMounted.js";
+export * from "./useStateIfMounted.js";
+export * from "./useToggler.js";
+export * from "./useHotkeys.js";

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,44 +1,37 @@
-import React from "react";
-import { useUi } from "@webiny/app/hooks/useUi";
-import { i18n } from "@webiny/app/i18n";
-import { CircularProgress } from "@webiny/ui/Progress";
+import "react";
+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),
-  ...options
-} = {}) => {
-  const ui = useUi();
-  return {
-    showConfirmation: (onAccept, onCancel) => {
-      ui.setState(ui => {
-        return {
-          ...ui,
-          dialog: {
-            message: message || t`Are you sure you want to continue?`,
-            options: {
-              ...options,
-              title,
-              loading,
-              actions: {
-                accept: {
-                  label: acceptLabel,
-                  onClick: onAccept
-                },
-                cancel: {
-                  label: cancelLabel,
-                  onClick: onCancel
-                }
-              }
-            }
-          }
-        };
-      });
-    }
-  };
+const useConfirmationDialog = ({ title = t`Confirmation`, message, acceptLabel = t`Confirm`, cancelLabel = t`Cancel`, loading = true, ...options } = {})=>{
+    const ui = useUi();
+    return {
+        showConfirmation: (onAccept, onCancel)=>{
+            ui.setState((ui)=>({
+                    ...ui,
+                    dialog: {
+                        loading: true,
+                        message: message || t`Are you sure you want to continue?`,
+                        options: {
+                            ...options,
+                            title,
+                            loading: "string" == typeof loading ? {
+                                text: loading
+                            } : loading,
+                            actions: {
+                                accept: {
+                                    label: acceptLabel,
+                                    onClick: onAccept
+                                },
+                                cancel: {
+                                    label: cancelLabel,
+                                    onClick: onCancel
+                                }
+                            }
+                        }
+                    }
+                }));
+        }
+    };
 };
 export { useConfirmationDialog };
 

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,"file":"hooks/useConfirmationDialog.js","sources":["../../src/hooks/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"],"names":["t","i18n","useConfirmationDialog","title","message","acceptLabel","cancelLabel","loading","options","ui","useUi","onAccept","onCancel"],"mappings":";;;AAIA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAiBlB,MAAMC,wBAAwB,CAAC,EAC3BC,QAAQH,CAAC,CAAC,YAAY,CAAC,EACvBI,OAAO,EACPC,cAAcL,CAAC,CAAC,OAAO,CAAC,EACxBM,cAAcN,CAAC,CAAC,MAAM,CAAC,EACvBO,UAAU,IAAI,EACd,GAAGC,SACE,GAAG,CAAC,CAAC;IACV,MAAMC,KAAKC;IAEX,OAAO;QACH,kBAAkB,CAACC,UAAUC;YACzBH,GAAG,QAAQ,CAACA,CAAAA,KACD;oBACH,GAAGA,EAAE;oBACL,QAAQ;wBACJ,SAAS;wBACT,SAASL,WAAWJ,CAAC,CAAC,kCAAkC,CAAC;wBACzD,SAAS;4BACL,GAAGQ,OAAO;4BACVL;4BACA,SAAS,AAAmB,YAAnB,OAAOI,UAAuB;gCAAE,MAAMA;4BAAQ,IAAIA;4BAC3D,SAAS;gCACL,QAAQ;oCACJ,OAAOF;oCACP,SAASM;gCACb;gCACA,QAAQ;oCACJ,OAAOL;oCACP,SAASM;gCACb;4BACJ;wBACJ;oBACJ;gBACJ;QAER;IACJ;AACJ"}

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,19 @@
-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";
+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,"file":"hooks/useDialog.js","sources":["../../src/hooks/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"],"names":["useDialog","schema","rawParams","closeDialog","useDialogParamsContext","params","useMemo"],"mappings":";;AAQO,SAASA,UAAUC,MAAqB;IAC3C,MAAM,EAAE,QAAQC,SAAS,EAAEC,WAAW,EAAE,GAAGC;IAE3C,MAAMC,SAASC,QAAQ;QACnB,IAAIL,QACA,OAAOA,OAAO,KAAK,CAACC;QAExB,OAAOA;IACX,GAAG;QAACA;QAAWD;KAAO;IAEtB,OAAO;QAAEI;QAAQF;IAAY;AACjC"}

package/hooks/useDrawer.d.ts

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

package/hooks/useDrawer.js

@@ -0,0 +1,19 @@
+import { useMemo } from "react";
+import { useDrawerParamsContext } from "../components/Drawers/DrawerParamsContext.js";
+function useDrawer(schema) {
+    const { params: rawParams, closeDrawer } = useDrawerParamsContext();
+    const params = useMemo(()=>{
+        if (schema) return schema.parse(rawParams);
+        return rawParams;
+    }, [
+        rawParams,
+        schema
+    ]);
+    return {
+        params,
+        closeDrawer
+    };
+}
+export { useDrawer };
+
+//# sourceMappingURL=useDrawer.js.map

package/hooks/useDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks/useDrawer.js","sources":["../../src/hooks/useDrawer.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport type { z } from \"zod\";\nimport { useDrawerParamsContext } from \"~/components/Drawers/DrawerParamsContext.js\";\n\nexport function useDrawer<T extends z.ZodTypeAny>(\n    schema: T\n): { params: z.infer<T>; closeDrawer: () => void };\nexport function useDrawer(): { params: Record<string, unknown>; closeDrawer: () => void };\nexport function useDrawer(schema?: z.ZodTypeAny) {\n    const { params: rawParams, closeDrawer } = useDrawerParamsContext();\n\n    const params = useMemo(() => {\n        if (schema) {\n            return schema.parse(rawParams);\n        }\n        return rawParams;\n    }, [rawParams, schema]);\n\n    return { params, closeDrawer };\n}\n"],"names":["useDrawer","schema","rawParams","closeDrawer","useDrawerParamsContext","params","useMemo"],"mappings":";;AAQO,SAASA,UAAUC,MAAqB;IAC3C,MAAM,EAAE,QAAQC,SAAS,EAAEC,WAAW,EAAE,GAAGC;IAE3C,MAAMC,SAASC,QAAQ;QACnB,IAAIL,QACA,OAAOA,OAAO,KAAK,CAACC;QAExB,OAAOA;IACX,GAAG;QAACA;QAAWD;KAAO;IAEtB,OAAO;QAAEI;QAAQF;IAAY;AACjC"}

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

package/hooks/useHotkeys.js.map

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

package/hooks/useIsMounted.js

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

package/hooks/useIsMounted.js.map

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

package/hooks/useKeyHandler.js

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

package/hooks/useKeyHandler.js.map

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