@webiny/app-admin 0.0.0-mt-2 → 0.0.0-unstable.06b2ede40f

package/config/createAdminConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useContext","useEffect","useMemo","useState","Compose","makeDecoratable","Properties","toObject","useDebugConfig","createHOC","newChildren","BaseComponent","ConfigHOC","children","createElement","name","createAdminConfig","ApplyPublicConfig","Fragment","ApplyProtectedConfig","PublicConfig","component","with","ProtectedConfig","defaultContext","properties","ViewContext","createContext","WithConfig","onProperties","setProperties","context","stateUpdater","Provider","value","onChange","useConfig","PrivateConfig"],"sources":["createAdminConfig.tsx"],"sourcesContent":["import React, { useContext, useEffect, useMemo, useState } from \"react\";\nimport type { Decorator } from \"@webiny/react-composition\";\nimport { Compose, makeDecoratable } from \"@webiny/react-composition\";\nimport type { GenericComponent } from \"@webiny/react-composition/types\";\nimport type { Property } from \"@webiny/react-properties\";\nimport { Properties, toObject, useDebugConfig } from \"@webiny/react-properties\";\n\nconst createHOC = (\n    newChildren: React.ReactNode\n): Decorator<GenericComponent<{ children?: React.ReactNode }>> => {\n    return BaseComponent => {\n        return function ConfigHOC({ children }) {\n            return (\n                <BaseComponent>\n                    {newChildren}\n                    {children}\n                </BaseComponent>\n            );\n        };\n    };\n};\n\nexport interface WithConfigProps {\n    children: React.ReactNode;\n    onProperties?(properties: Property[]): void;\n}\n\ninterface ConfigApplyProps {\n    children?: React.ReactNode;\n}\n\nexport interface ConfigProps {\n    children: React.ReactNode;\n}\n\nconst name = \"AdminConfig\";\n\nexport function createAdminConfig<TConfig>() {\n    /**\n     * This component is used when we want to mount all composed configs.\n     */\n    const ApplyPublicConfig = makeDecoratable(\n        `${name}Apply<Public>`,\n        ({ children }: ConfigApplyProps) => {\n            return <>{children}</>;\n        }\n    );\n\n    const ApplyProtectedConfig = makeDecoratable(\n        `${name}Apply<Protected>`,\n        ({ children }: ConfigApplyProps) => {\n            return <>{children}</>;\n        }\n    );\n\n    /**\n     * This component is used to configure the component (it can be mounted many times).\n     */\n    const PublicConfig = ({ children }: ConfigProps) => {\n        return <Compose component={ApplyPublicConfig} with={createHOC(children)} />;\n    };\n\n    const ProtectedConfig = ({ children }: ConfigProps) => {\n        return <Compose component={ApplyProtectedConfig} with={createHOC(children)} />;\n    };\n\n    interface ViewContext {\n        name: string;\n        properties: Property[];\n    }\n\n    const defaultContext = { name, properties: [] };\n\n    const ViewContext = React.createContext<ViewContext>(defaultContext);\n\n    const WithConfig = ({ onProperties, children }: WithConfigProps) => {\n        const [properties, setProperties] = useState<Property[]>([]);\n        useDebugConfig(name, properties);\n        const context = { name, properties };\n\n        useEffect(() => {\n            if (typeof onProperties === \"function\") {\n                onProperties(properties);\n            }\n        }, [properties]);\n\n        const stateUpdater = (properties: Property[]) => {\n            setProperties(properties);\n        };\n\n        return (\n            <ViewContext.Provider value={context}>\n                <Properties onChange={stateUpdater} name={name}>\n                    {children}\n                </Properties>\n            </ViewContext.Provider>\n        );\n    };\n\n    function useConfig<TExtra extends object>(): TConfig & TExtra {\n        const { properties } = useContext(ViewContext);\n        return useMemo(() => toObject<TConfig & TExtra>(properties), [properties]);\n    }\n\n    return {\n        WithConfig,\n        PrivateConfig: ProtectedConfig,\n        PublicConfig,\n        ApplyPublicConfig,\n        ApplyProtectedConfig,\n        useConfig\n    };\n}\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAEvE,SAASC,OAAO,EAAEC,eAAe,QAAQ,2BAA2B;AAGpE,SAASC,UAAU,EAAEC,QAAQ,EAAEC,cAAc,QAAQ,0BAA0B;AAE/E,MAAMC,SAAS,GACXC,WAA4B,IACkC;EAC9D,OAAOC,aAAa,IAAI;IACpB,OAAO,SAASC,SAASA,CAAC;MAAEC;IAAS,CAAC,EAAE;MACpC,oBACId,KAAA,CAAAe,aAAA,CAACH,aAAa,QACTD,WAAW,EACXG,QACU,CAAC;IAExB,CAAC;EACL,CAAC;AACL,CAAC;AAeD,MAAME,IAAI,GAAG,aAAa;AAE1B,OAAO,SAASC,iBAAiBA,CAAA,EAAY;EACzC;AACJ;AACA;EACI,MAAMC,iBAAiB,GAAGZ,eAAe,CACrC,GAAGU,IAAI,eAAe,EACtB,CAAC;IAAEF;EAA2B,CAAC,KAAK;IAChC,oBAAOd,KAAA,CAAAe,aAAA,CAAAf,KAAA,CAAAmB,QAAA,QAAGL,QAAW,CAAC;EAC1B,CACJ,CAAC;EAED,MAAMM,oBAAoB,GAAGd,eAAe,CACxC,GAAGU,IAAI,kBAAkB,EACzB,CAAC;IAAEF;EAA2B,CAAC,KAAK;IAChC,oBAAOd,KAAA,CAAAe,aAAA,CAAAf,KAAA,CAAAmB,QAAA,QAAGL,QAAW,CAAC;EAC1B,CACJ,CAAC;;EAED;AACJ;AACA;EACI,MAAMO,YAAY,GAAGA,CAAC;IAAEP;EAAsB,CAAC,KAAK;IAChD,oBAAOd,KAAA,CAAAe,aAAA,CAACV,OAAO;MAACiB,SAAS,EAAEJ,iBAAkB;MAACK,IAAI,EAAEb,SAAS,CAACI,QAAQ;IAAE,CAAE,CAAC;EAC/E,CAAC;EAED,MAAMU,eAAe,GAAGA,CAAC;IAAEV;EAAsB,CAAC,KAAK;IACnD,oBAAOd,KAAA,CAAAe,aAAA,CAACV,OAAO;MAACiB,SAAS,EAAEF,oBAAqB;MAACG,IAAI,EAAEb,SAAS,CAACI,QAAQ;IAAE,CAAE,CAAC;EAClF,CAAC;EAOD,MAAMW,cAAc,GAAG;IAAET,IAAI;IAAEU,UAAU,EAAE;EAAG,CAAC;EAE/C,MAAMC,WAAW,gBAAG3B,KAAK,CAAC4B,aAAa,CAAcH,cAAc,CAAC;EAEpE,MAAMI,UAAU,GAAGA,CAAC;IAAEC,YAAY;IAAEhB;EAA0B,CAAC,KAAK;IAChE,MAAM,CAACY,UAAU,EAAEK,aAAa,CAAC,GAAG3B,QAAQ,CAAa,EAAE,CAAC;IAC5DK,cAAc,CAACO,IAAI,EAAEU,UAAU,CAAC;IAChC,MAAMM,OAAO,GAAG;MAAEhB,IAAI;MAAEU;IAAW,CAAC;IAEpCxB,SAAS,CAAC,MAAM;MACZ,IAAI,OAAO4B,YAAY,KAAK,UAAU,EAAE;QACpCA,YAAY,CAACJ,UAAU,CAAC;MAC5B;IACJ,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;IAEhB,MAAMO,YAAY,GAAIP,UAAsB,IAAK;MAC7CK,aAAa,CAACL,UAAU,CAAC;IAC7B,CAAC;IAED,oBACI1B,KAAA,CAAAe,aAAA,CAACY,WAAW,CAACO,QAAQ;MAACC,KAAK,EAAEH;IAAQ,gBACjChC,KAAA,CAAAe,aAAA,CAACR,UAAU;MAAC6B,QAAQ,EAAEH,YAAa;MAACjB,IAAI,EAAEA;IAAK,GAC1CF,QACO,CACM,CAAC;EAE/B,CAAC;EAED,SAASuB,SAASA,CAAA,EAA4C;IAC1D,MAAM;MAAEX;IAAW,CAAC,GAAGzB,UAAU,CAAC0B,WAAW,CAAC;IAC9C,OAAOxB,OAAO,CAAC,MAAMK,QAAQ,CAAmBkB,UAAU,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAC9E;EAEA,OAAO;IACHG,UAAU;IACVS,aAAa,EAAEd,eAAe;IAC9BH,YAAY;IACZH,iBAAiB;IACjBE,oBAAoB;IACpBiB;EACJ,CAAC;AACL","ignoreList":[]}

package/hooks/index.d.ts

@@ -0,0 +1,10 @@
+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";

package/hooks/index.js

@@ -0,0 +1,12 @@
+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

package/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./useConfirmationDialog\";\nexport * from \"./useDialog\";\nexport * from \"../components/Dialogs/useDialogs\";\nexport * from \"./useSnackbar\";\nexport * from \"./useKeyHandler\";\nexport * from \"./useShiftKey\";\nexport * from \"./useStateWithCallback\";\nexport * from \"./useModKey\";\nexport * from \"./useIsMounted\";\nexport * from \"./useStateIfMounted\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}

package/hooks/useConfirmationDialog.d.ts

@@ -1,10 +1,15 @@
 import React from "react";
-declare type Args = {
+interface Params {
     title?: React.ReactNode;
     message?: React.ReactNode;
+    acceptLabel?: React.ReactNode;
+    cancelLabel?: React.ReactNode;
+    loading?: React.ReactNode;
     [key: string]: any;
-};
-declare const useConfirmationDialog: ({ title, message, ...options }?: Args) => {
-    showConfirmation: (onAccept: any, onCancel?: any) => void;
-};
+}
+export type ShowConfirmationOnAccept = (() => void) | (() => Promise<void>);
+export interface UseConfirmationDialogResponse {
+    showConfirmation: (onAccept: ShowConfirmationOnAccept, onCancel?: () => void) => void;
+}
+declare const useConfirmationDialog: ({ title, message, acceptLabel, cancelLabel, loading, ...options }?: Params) => UseConfirmationDialogResponse;
 export { useConfirmationDialog };

package/hooks/useConfirmationDialog.js

@@ -1,47 +1,45 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
-var _excluded = ["title", "message"];
+import React from "react";
 import { useUi } from "@webiny/app/hooks/useUi";
 import { i18n } from "@webiny/app/i18n";
-var t = i18n.ns("app-admin/hooks/use-confirmation-dialog");
-
-var useConfirmationDialog = function useConfirmationDialog() {
-  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
-  var title = _ref.title,
-      message = _ref.message,
-      options = _objectWithoutProperties(_ref, _excluded);
-
-  var ui = useUi();
+import { CircularProgress } from "@webiny/ui/Progress";
+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: function showConfirmation(onAccept) {
-      var onCancel = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-      ui.setState(function (ui) {
-        return _objectSpread(_objectSpread({}, ui), {}, {
+    showConfirmation: (onAccept, onCancel) => {
+      ui.setState(ui => {
+        return {
+          ...ui,
           dialog: {
-            message: message || t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Are you sure you want to continue?"]))),
-            options: _objectSpread(_objectSpread({}, options), {}, {
-              title: title || t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Confirmation"]))),
+            message: message || t`Are you sure you want to continue?`,
+            options: {
+              ...options,
+              title,
+              loading,
               actions: {
                 accept: {
-                  label: t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["Confirm"]))),
+                  label: acceptLabel,
                   onClick: onAccept
                 },
                 cancel: {
-                  label: t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["Cancel"]))),
+                  label: cancelLabel,
                   onClick: onCancel
                 }
               }
-            })
+            }
           }
-        });
+        };
       });
     }
   };
 };
+export { useConfirmationDialog };
 
-export { useConfirmationDialog };
+//# sourceMappingURL=useConfirmationDialog.js.map

package/hooks/useConfirmationDialog.js.map

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

package/hooks/useDialog.d.ts

@@ -1,5 +1,29 @@
-declare const useDialog: () => {
-    showDialog: (message: any, options: any) => void;
+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 };

package/hooks/useDialog.js

@@ -1,27 +1,28 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import { useUi } from "@webiny/app/hooks/useUi";
-
-var useDialog = function useDialog() {
-  var ui = useUi();
+const useDialog = () => {
+  const ui = useUi();
   return {
-    showDialog: function showDialog(message, options) {
-      ui.setState(function (ui) {
-        return _objectSpread(_objectSpread({}, ui), {}, {
+    showDialog: (message, options) => {
+      ui.setState(ui => {
+        return {
+          ...ui,
           dialog: {
-            message: message,
-            options: options
+            message,
+            options
           }
-        });
+        };
       });
     },
-    hideDialog: function hideDialog() {
-      ui.setState(function (ui) {
-        return _objectSpread(_objectSpread({}, ui), {}, {
+    hideDialog: () => {
+      ui.setState(ui => {
+        return {
+          ...ui,
           dialog: null
-        });
+        };
       });
     }
   };
 };
+export { useDialog };
 
-export { useDialog };
+//# sourceMappingURL=useDialog.js.map

package/hooks/useDialog.js.map

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

package/hooks/useIsMounted.d.ts

@@ -0,0 +1,3 @@
+export declare const useIsMounted: () => {
+    isMounted: () => boolean;
+};

package/hooks/useIsMounted.js

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

package/hooks/useIsMounted.js.map

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

package/hooks/useKeyHandler.d.ts

@@ -0,0 +1,8 @@
+import type { SyntheticEvent } from "react";
+type AddKeyHandlerType = (key: string, handler: (e: SyntheticEvent<HTMLElement>) => void) => void;
+type RemoveKeyHandlerType = (key: string) => void;
+export declare function useKeyHandler(): {
+    addKeyHandler: AddKeyHandlerType;
+    removeKeyHandler: RemoveKeyHandlerType;
+};
+export {};

package/hooks/useKeyHandler.js

@@ -0,0 +1,64 @@
+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 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 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);
+    }
+  }), []);
+}
+
+//# sourceMappingURL=useKeyHandler.js.map

package/hooks/useKeyHandler.js.map

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

package/hooks/useModKey.d.ts

@@ -0,0 +1 @@
+export declare function useModKey(): boolean;

package/hooks/useModKey.js

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

package/hooks/useModKey.js.map

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

package/hooks/useShiftKey.d.ts

@@ -0,0 +1 @@
+export declare function useShiftKey(): boolean;

package/hooks/useShiftKey.js

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

package/hooks/useShiftKey.js.map

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

package/hooks/useSnackbar.d.ts

@@ -1,4 +1,8 @@
-export declare const useSnackbar: () => {
-    showSnackbar: (message: any, options?: {}) => void;
+import React from "react";
+interface UseSnackbarResponse {
+    showSnackbar: (message: React.ReactNode, options?: Record<string, React.ReactNode>) => void;
+    showErrorSnackbar: (message: React.ReactNode, options?: Record<string, React.ReactNode>) => void;
     hideSnackbar: () => void;
-};
+}
+export declare const useSnackbar: () => UseSnackbarResponse;
+export {};

package/hooks/useSnackbar.js

@@ -1,25 +1,32 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import { useUi } from "@webiny/app/hooks/useUi";
-export var useSnackbar = function useSnackbar() {
-  var ui = useUi();
+import React from "react";
+import { Toast, useToast } from "@webiny/admin-ui";
+export const useSnackbar = () => {
+  const {
+    showToast,
+    hideAllToasts
+  } = useToast();
   return {
-    showSnackbar: function showSnackbar(message) {
-      var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-      ui.setState(function (ui) {
-        return _objectSpread(_objectSpread({}, ui), {}, {
-          snackbar: {
-            message: message,
-            options: options
-          }
-        });
+    showSnackbar: (message, options = {}) => {
+      showToast({
+        title: /*#__PURE__*/React.createElement(Toast.Title, {
+          text: message
+        }),
+        ...options
       });
     },
-    hideSnackbar: function hideSnackbar() {
-      ui.setState(function (ui) {
-        return _objectSpread(_objectSpread({}, ui), {}, {
-          snackbar: null
-        });
+    showErrorSnackbar: (message, options = {}) => {
+      showToast({
+        title: /*#__PURE__*/React.createElement(Toast.Title, {
+          text: message
+        }),
+        duration: Infinity,
+        ...options
       });
+    },
+    hideSnackbar: () => {
+      hideAllToasts();
     }
   };
-};
+};
+
+//# sourceMappingURL=useSnackbar.js.map

package/hooks/useSnackbar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Toast","useToast","useSnackbar","showToast","hideAllToasts","showSnackbar","message","options","title","createElement","Title","text","showErrorSnackbar","duration","Infinity","hideSnackbar"],"sources":["useSnackbar.tsx"],"sourcesContent":["import React from \"react\";\nimport { Toast, useToast } from \"@webiny/admin-ui\";\n\ninterface UseSnackbarResponse {\n    showSnackbar: (message: React.ReactNode, options?: Record<string, React.ReactNode>) => void;\n    showErrorSnackbar: (\n        message: React.ReactNode,\n        options?: Record<string, React.ReactNode>\n    ) => void;\n    hideSnackbar: () => void;\n}\n\nexport const useSnackbar = (): UseSnackbarResponse => {\n    const { showToast, hideAllToasts } = useToast();\n\n    return {\n        showSnackbar: (message, options = {}) => {\n            showToast({\n                title: <Toast.Title text={message} />,\n                ...options\n            });\n        },\n        showErrorSnackbar: (message, options = {}) => {\n            showToast({\n                title: <Toast.Title text={message} />,\n                duration: Infinity,\n                ...options\n            });\n        },\n        hideSnackbar: () => {\n            hideAllToasts();\n        }\n    };\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,QAAQ,QAAQ,kBAAkB;AAWlD,OAAO,MAAMC,WAAW,GAAGA,CAAA,KAA2B;EAClD,MAAM;IAAEC,SAAS;IAAEC;EAAc,CAAC,GAAGH,QAAQ,CAAC,CAAC;EAE/C,OAAO;IACHI,YAAY,EAAEA,CAACC,OAAO,EAAEC,OAAO,GAAG,CAAC,CAAC,KAAK;MACrCJ,SAAS,CAAC;QACNK,KAAK,eAAET,KAAA,CAAAU,aAAA,CAACT,KAAK,CAACU,KAAK;UAACC,IAAI,EAAEL;QAAQ,CAAE,CAAC;QACrC,GAAGC;MACP,CAAC,CAAC;IACN,CAAC;IACDK,iBAAiB,EAAEA,CAACN,OAAO,EAAEC,OAAO,GAAG,CAAC,CAAC,KAAK;MAC1CJ,SAAS,CAAC;QACNK,KAAK,eAAET,KAAA,CAAAU,aAAA,CAACT,KAAK,CAACU,KAAK;UAACC,IAAI,EAAEL;QAAQ,CAAE,CAAC;QACrCO,QAAQ,EAAEC,QAAQ;QAClB,GAAGP;MACP,CAAC,CAAC;IACN,CAAC;IACDQ,YAAY,EAAEA,CAAA,KAAM;MAChBX,aAAa,CAAC,CAAC;IACnB;EACJ,CAAC;AACL,CAAC","ignoreList":[]}

package/hooks/useStateIfMounted.d.ts

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

package/hooks/useStateIfMounted.js

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

package/hooks/useStateIfMounted.js.map

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

package/hooks/useStateWithCallback.d.ts

@@ -0,0 +1,5 @@
+type CallBackType<T> = (updatedValue: T) => void;
+type SetStateType<T> = T | ((prev: T) => T);
+type RetType = <T>(initialValue: T | (() => T)) => [T, (newValue: SetStateType<T>, callback?: CallBackType<T>) => void];
+export declare const useStateWithCallback: RetType;
+export {};

package/hooks/useStateWithCallback.js

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

package/hooks/useStateWithCallback.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useRef","useState","useStateWithCallback","initialValue","state","_setState","callbackQueue","current","forEach","cb","setState","value","callback","push"],"sources":["useStateWithCallback.ts"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\n\ntype CallBackType<T> = (updatedValue: T) => void;\n\ntype SetStateType<T> = T | ((prev: T) => T);\n\ntype RetType = <T>(\n    initialValue: T | (() => T)\n) => [T, (newValue: SetStateType<T>, callback?: CallBackType<T>) => void];\n\nexport const useStateWithCallback: RetType = <T>(initialValue: T | (() => T)) => {\n    const [state, _setState] = useState<T>(initialValue);\n    const callbackQueue = useRef<CallBackType<T>[]>([]);\n\n    useEffect(() => {\n        callbackQueue.current.forEach(cb => cb(state));\n        callbackQueue.current = [];\n    }, [state]);\n\n    const setState = (value: SetStateType<T>, callback?: CallBackType<T>) => {\n        _setState(value);\n        if (callback && typeof callback === \"function\") {\n            callbackQueue.current.push(callback);\n        }\n    };\n    return [state, setState];\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAUnD,OAAO,MAAMC,oBAA6B,GAAOC,YAA2B,IAAK;EAC7E,MAAM,CAACC,KAAK,EAAEC,SAAS,CAAC,GAAGJ,QAAQ,CAAIE,YAAY,CAAC;EACpD,MAAMG,aAAa,GAAGN,MAAM,CAAoB,EAAE,CAAC;EAEnDD,SAAS,CAAC,MAAM;IACZO,aAAa,CAACC,OAAO,CAACC,OAAO,CAACC,EAAE,IAAIA,EAAE,CAACL,KAAK,CAAC,CAAC;IAC9CE,aAAa,CAACC,OAAO,GAAG,EAAE;EAC9B,CAAC,EAAE,CAACH,KAAK,CAAC,CAAC;EAEX,MAAMM,QAAQ,GAAGA,CAACC,KAAsB,EAAEC,QAA0B,KAAK;IACrEP,SAAS,CAACM,KAAK,CAAC;IAChB,IAAIC,QAAQ,IAAI,OAAOA,QAAQ,KAAK,UAAU,EAAE;MAC5CN,aAAa,CAACC,OAAO,CAACM,IAAI,CAACD,QAAQ,CAAC;IACxC;EACJ,CAAC;EACD,OAAO,CAACR,KAAK,EAAEM,QAAQ,CAAC;AAC5B,CAAC","ignoreList":[]}

package/index.d.ts

@@ -0,0 +1,47 @@
+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, type OverlayLayoutProps } from "./components/OverlayLayout";
+export { default as SingleImageUpload, type 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 type { 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";