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

package/components/Dialogs/DialogsContext.js

@@ -1,162 +1,142 @@
-import React, { useState } from "react";
+import react, { useState } from "react";
 import { createProvider } from "@webiny/app";
 import { generateId } from "@webiny/utils";
 import { useSnackbar } from "../../hooks/index.js";
 import { Dialog } from "./Dialog.js";
 import { DialogParamsContext } from "./DialogParamsContext.js";
 import { useAdminConfig } from "../../config/AdminConfig.js";
-export const initializeState = (params = {}) => ({
-  id: `dialog-${generateId()}`,
-  title: params.title ?? `Confirmation`,
-  description: params.description,
-  dismissible: params.dismissible,
-  icon: params.icon,
-  info: params.info,
-  content: params.content,
-  acceptLabel: params.acceptLabel === null ? null : params.acceptLabel ?? `Confirm`,
-  cancelLabel: params.cancelLabel === null ? null : params.cancelLabel ?? `Cancel`,
-  loadingLabel: params.loadingLabel ?? `Loading...`,
-  dataLoadingLabel: params.dataLoadingLabel ?? `Loading...`,
-  onAccept: params.onAccept,
-  onClose: params.onClose,
-  open: params.open ?? false,
-  loading: params.loading ?? false,
-  element: params.element,
-  formData: params.formData ?? {},
-  size: params.size ?? "md"
-});
-export const DialogsContext = /*#__PURE__*/React.createContext(undefined);
-export const DialogsProvider = ({
-  children
-}) => {
-  const {
-    showSnackbar
-  } = useSnackbar();
-  const [dialogs, setDialogs] = useState(new Map());
-  const [namedDialogIntent, setNamedDialogIntent] = useState(null);
-  const {
-    dialogs: registeredDialogs
-  } = useAdminConfig();
-  const showDialog = params => {
-    const newDialog = initializeState({
-      ...params,
-      open: true
+const initializeState = (params = {})=>({
+        id: `dialog-${generateId()}`,
+        title: params.title ?? "Confirmation",
+        description: params.description,
+        dismissible: params.dismissible,
+        icon: params.icon,
+        info: params.info,
+        content: params.content,
+        acceptLabel: null === params.acceptLabel ? null : params.acceptLabel ?? "Confirm",
+        cancelLabel: null === params.cancelLabel ? null : params.cancelLabel ?? "Cancel",
+        loadingLabel: params.loadingLabel ?? "Loading...",
+        dataLoadingLabel: params.dataLoadingLabel ?? "Loading...",
+        onAccept: params.onAccept,
+        onClose: params.onClose,
+        open: params.open ?? false,
+        loading: params.loading ?? false,
+        element: params.element,
+        formData: params.formData ?? {},
+        size: params.size ?? "md"
     });
-    setDialogs(dialogs => new Map(dialogs).set(newDialog.id, newDialog));
-    return () => closeDialog(newDialog.id);
-  };
-  const closeDialog = id => {
-    const dialog = dialogs.get(id);
-
-    // Call the onClose callback if it exists
-    if (dialog?.onClose && typeof dialog.onClose === "function") {
-      try {
-        dialog.onClose();
-      } catch (error) {
-        // Log error but don't prevent dialog cleanup
-        console.error("Error in dialog onClose callback:", error);
-      }
-    }
-    setDialogs(dialogs => {
-      const newDialogs = new Map(dialogs);
-      newDialogs.delete(id);
-      return newDialogs;
-    });
-  };
-  const closeAllDialogs = () => {
-    setDialogs(new Map());
-  };
-  const openNamedDialog = (name, params) => {
-    setNamedDialogIntent({
-      name,
-      params
-    });
-  };
-  const closeNamedDialog = () => {
-    setNamedDialogIntent(null);
-  };
-  const onSubmit = async (id, data) => {
-    const dialog = dialogs.get(id);
-    if (!dialog) {
-      return;
-    }
-    try {
-      if (typeof dialog.onAccept === "function") {
-        setDialogs(dialogs => {
-          const newDialogs = new Map(dialogs);
-          newDialogs.set(id, {
-            ...dialog,
-            loading: true
-          });
-          return newDialogs;
+const DialogsContext = /*#__PURE__*/ react.createContext(void 0);
+const DialogsProvider = ({ children })=>{
+    const { showSnackbar } = useSnackbar();
+    const [dialogs, setDialogs] = useState(new Map());
+    const [namedDialogIntent, setNamedDialogIntent] = useState(null);
+    const { dialogs: registeredDialogs } = useAdminConfig();
+    const showDialog = (params)=>{
+        const newDialog = initializeState({
+            ...params,
+            open: true
         });
-        await dialog.onAccept(data);
-      }
-    } catch (error) {
-      showSnackbar(error.message);
-    } finally {
-      setDialogs(dialogs => {
-        const newDialogs = new Map(dialogs);
-        newDialogs.set(id, {
-          ...dialog,
-          loading: false
+        setDialogs((dialogs)=>new Map(dialogs).set(newDialog.id, newDialog));
+        return ()=>closeDialog(newDialog.id);
+    };
+    const closeDialog = (id)=>{
+        const dialog = dialogs.get(id);
+        if (dialog?.onClose && "function" == typeof dialog.onClose) try {
+            dialog.onClose();
+        } catch (error) {
+            console.error("Error in dialog onClose callback:", error);
+        }
+        setDialogs((dialogs)=>{
+            const newDialogs = new Map(dialogs);
+            newDialogs.delete(id);
+            return newDialogs;
         });
-        return newDialogs;
-      });
-      closeDialog(id);
-    }
-  };
-  const context = {
-    showDialog,
-    closeDialog,
-    closeAllDialogs,
-    openNamedDialog,
-    closeNamedDialog
-  };
-  return /*#__PURE__*/React.createElement(DialogsContext.Provider, {
-    value: context
-  }, children, Array.from(dialogs.values()).map(dialog => /*#__PURE__*/React.createElement(Dialog, {
-    key: dialog.id,
-    description: dialog.description,
-    dismissible: dialog.dismissible ?? true,
-    icon: dialog.icon ?? /*#__PURE__*/React.createElement(React.Fragment, null),
-    title: dialog.title,
-    content: dialog.content,
-    open: dialog.open,
-    info: dialog.info,
-    acceptLabel: dialog.acceptLabel,
-    cancelLabel: dialog.cancelLabel,
-    loadingLabel: dialog.loadingLabel,
-    dataLoadingLabel: dialog.dataLoadingLabel,
-    loading: dialog.loading,
-    closeDialog: () => {
-      closeDialog(dialog.id);
-      dialog.onClose && dialog.onClose();
-    },
-    onSubmit: data => onSubmit(dialog.id, data),
-    formData: dialog.formData,
-    size: dialog.size
-  })), namedDialogIntent && (() => {
-    const registration = registeredDialogs.find(d => d.name === namedDialogIntent.name);
-    if (!registration) {
-      return null;
-    }
-    return /*#__PURE__*/React.createElement(DialogParamsContext.Provider, {
-      value: {
-        params: namedDialogIntent.params,
-        closeDialog: closeNamedDialog
-      }
-    }, registration.element);
-  })());
-};
-export const createDialogsProvider = () => {
-  return createProvider(Component => {
-    return function DialogsProviderDecorator({
-      children
-    }) {
-      return /*#__PURE__*/React.createElement(DialogsProvider, null, /*#__PURE__*/React.createElement(Component, null, children));
     };
-  });
+    const closeAllDialogs = ()=>{
+        setDialogs(new Map());
+    };
+    const openNamedDialog = (name, params)=>{
+        setNamedDialogIntent({
+            name,
+            params
+        });
+    };
+    const closeNamedDialog = ()=>{
+        setNamedDialogIntent(null);
+    };
+    const onSubmit = async (id, data)=>{
+        const dialog = dialogs.get(id);
+        if (!dialog) return;
+        try {
+            if ("function" == typeof dialog.onAccept) {
+                setDialogs((dialogs)=>{
+                    const newDialogs = new Map(dialogs);
+                    newDialogs.set(id, {
+                        ...dialog,
+                        loading: true
+                    });
+                    return newDialogs;
+                });
+                await dialog.onAccept(data);
+            }
+        } catch (error) {
+            showSnackbar(error.message);
+        } finally{
+            setDialogs((dialogs)=>{
+                const newDialogs = new Map(dialogs);
+                newDialogs.set(id, {
+                    ...dialog,
+                    loading: false
+                });
+                return newDialogs;
+            });
+            closeDialog(id);
+        }
+    };
+    const context = {
+        showDialog,
+        closeDialog,
+        closeAllDialogs,
+        openNamedDialog,
+        closeNamedDialog
+    };
+    return /*#__PURE__*/ react.createElement(DialogsContext.Provider, {
+        value: context
+    }, children, Array.from(dialogs.values()).map((dialog)=>/*#__PURE__*/ react.createElement(Dialog, {
+            key: dialog.id,
+            description: dialog.description,
+            dismissible: dialog.dismissible ?? true,
+            icon: dialog.icon ?? /*#__PURE__*/ react.createElement(react.Fragment, null),
+            title: dialog.title,
+            content: dialog.content,
+            open: dialog.open,
+            info: dialog.info,
+            acceptLabel: dialog.acceptLabel,
+            cancelLabel: dialog.cancelLabel,
+            loadingLabel: dialog.loadingLabel,
+            dataLoadingLabel: dialog.dataLoadingLabel,
+            loading: dialog.loading,
+            closeDialog: ()=>{
+                closeDialog(dialog.id);
+                dialog.onClose && dialog.onClose();
+            },
+            onSubmit: (data)=>onSubmit(dialog.id, data),
+            formData: dialog.formData,
+            size: dialog.size
+        })), namedDialogIntent && (()=>{
+        const registration = registeredDialogs.find((d)=>d.name === namedDialogIntent.name);
+        if (!registration) return null;
+        return /*#__PURE__*/ react.createElement(DialogParamsContext.Provider, {
+            value: {
+                params: namedDialogIntent.params,
+                closeDialog: closeNamedDialog
+            }
+        }, registration.element);
+    })());
 };
+const createDialogsProvider = ()=>createProvider((Component)=>function({ children }) {
+            return /*#__PURE__*/ react.createElement(DialogsProvider, null, /*#__PURE__*/ react.createElement(Component, null, children));
+        });
+export { DialogsContext, DialogsProvider, createDialogsProvider, initializeState };
 
 //# sourceMappingURL=DialogsContext.js.map

package/components/Dialogs/DialogsContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","createProvider","generateId","useSnackbar","Dialog","DialogParamsContext","useAdminConfig","initializeState","params","id","title","description","dismissible","icon","info","content","acceptLabel","cancelLabel","loadingLabel","dataLoadingLabel","onAccept","onClose","open","loading","element","formData","size","DialogsContext","createContext","undefined","DialogsProvider","children","showSnackbar","dialogs","setDialogs","Map","namedDialogIntent","setNamedDialogIntent","registeredDialogs","showDialog","newDialog","set","closeDialog","dialog","get","error","console","newDialogs","delete","closeAllDialogs","openNamedDialog","name","closeNamedDialog","onSubmit","data","message","context","createElement","Provider","value","Array","from","values","map","key","Fragment","registration","find","d","createDialogsProvider","Component","DialogsProviderDecorator"],"sources":["DialogsContext.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport React, { useState } from \"react\";\nimport type { GenericFormData } from \"@webiny/form\";\nimport { createProvider } from \"@webiny/app\";\nimport { generateId } from \"@webiny/utils\";\nimport { useSnackbar } from \"~/hooks/index.js\";\nimport { Dialog, type DialogProps } from \"./Dialog.js\";\nimport { DialogParamsContext } from \"./DialogParamsContext.js\";\nimport { useAdminConfig } from \"~/config/AdminConfig.js\";\n\ninterface ShowDialogParams {\n    title: ReactNode;\n    description?: ReactNode;\n    dismissible?: boolean;\n    content: ReactNode;\n    actions?: React.JSX.Element;\n    icon?: React.JSX.Element;\n    info?: ReactNode;\n    acceptLabel?: ReactNode;\n    cancelLabel?: ReactNode;\n    loadingLabel?: ReactNode;\n    dataLoadingLabel?: ReactNode;\n    onAccept?: (data: GenericFormData) => void;\n    onClose?: () => void;\n    formData?: DialogProps[\"formData\"];\n    size?: \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\";\n}\n\nexport interface DialogsContext {\n    showDialog: (params: ShowDialogParams) => () => void;\n    closeAllDialogs: () => void;\n    openNamedDialog: (name: string, params: Record<string, unknown>) => void;\n    closeNamedDialog: () => void;\n}\n\ninterface DialogsProviderProps {\n    children: ReactNode;\n}\n\ninterface DialogState extends ShowDialogParams {\n    id: string;\n    open: boolean;\n    loading: boolean;\n    element?: React.JSX.Element;\n}\n\nexport const initializeState = (params: Partial<DialogState> = {}): DialogState => ({\n    id: `dialog-${generateId()}`,\n    title: params.title ?? `Confirmation`,\n    description: params.description,\n    dismissible: params.dismissible,\n    icon: params.icon,\n    info: params.info,\n    content: params.content,\n    acceptLabel: params.acceptLabel === null ? null : (params.acceptLabel ?? `Confirm`),\n    cancelLabel: params.cancelLabel === null ? null : (params.cancelLabel ?? `Cancel`),\n    loadingLabel: params.loadingLabel ?? `Loading...`,\n    dataLoadingLabel: params.dataLoadingLabel ?? `Loading...`,\n    onAccept: params.onAccept,\n    onClose: params.onClose,\n    open: params.open ?? false,\n    loading: params.loading ?? false,\n    element: params.element,\n    formData: params.formData ?? {},\n    size: params.size ?? \"md\"\n});\n\nexport const DialogsContext = React.createContext<DialogsContext | undefined>(undefined);\n\ninterface NamedDialogIntent {\n    name: string;\n    params: Record<string, unknown>;\n}\n\nexport const DialogsProvider = ({ children }: DialogsProviderProps) => {\n    const { showSnackbar } = useSnackbar();\n    const [dialogs, setDialogs] = useState<Map<string, DialogState>>(new Map());\n    const [namedDialogIntent, setNamedDialogIntent] = useState<NamedDialogIntent | null>(null);\n    const { dialogs: registeredDialogs } = useAdminConfig();\n\n    const showDialog = (params: ShowDialogParams) => {\n        const newDialog = initializeState({ ...params, open: true });\n        setDialogs(dialogs => new Map(dialogs).set(newDialog.id, newDialog));\n        return () => closeDialog(newDialog.id);\n    };\n\n    const closeDialog = (id: string) => {\n        const dialog = dialogs.get(id);\n\n        // Call the onClose callback if it exists\n        if (dialog?.onClose && typeof dialog.onClose === \"function\") {\n            try {\n                dialog.onClose();\n            } catch (error) {\n                // Log error but don't prevent dialog cleanup\n                console.error(\"Error in dialog onClose callback:\", error);\n            }\n        }\n\n        setDialogs(dialogs => {\n            const newDialogs = new Map(dialogs);\n            newDialogs.delete(id);\n            return newDialogs;\n        });\n    };\n\n    const closeAllDialogs = () => {\n        setDialogs(new Map());\n    };\n\n    const openNamedDialog = (name: string, params: Record<string, unknown>) => {\n        setNamedDialogIntent({ name, params });\n    };\n\n    const closeNamedDialog = () => {\n        setNamedDialogIntent(null);\n    };\n\n    const onSubmit = async (id: string, data: GenericFormData) => {\n        const dialog = dialogs.get(id);\n        if (!dialog) {\n            return;\n        }\n\n        try {\n            if (typeof dialog.onAccept === \"function\") {\n                setDialogs(dialogs => {\n                    const newDialogs = new Map(dialogs);\n                    newDialogs.set(id, { ...dialog, loading: true });\n                    return newDialogs;\n                });\n\n                await dialog.onAccept(data);\n            }\n        } catch (error) {\n            showSnackbar(error.message);\n        } finally {\n            setDialogs(dialogs => {\n                const newDialogs = new Map(dialogs);\n                newDialogs.set(id, { ...dialog, loading: false });\n                return newDialogs;\n            });\n            closeDialog(id);\n        }\n    };\n\n    const context = {\n        showDialog,\n        closeDialog,\n        closeAllDialogs,\n        openNamedDialog,\n        closeNamedDialog\n    };\n\n    return (\n        <DialogsContext.Provider value={context}>\n            {children}\n            {Array.from(dialogs.values()).map(dialog => (\n                <Dialog\n                    key={dialog.id}\n                    description={dialog.description}\n                    dismissible={dialog.dismissible ?? true}\n                    icon={dialog.icon ?? <></>}\n                    title={dialog.title}\n                    content={dialog.content}\n                    open={dialog.open}\n                    info={dialog.info}\n                    acceptLabel={dialog.acceptLabel}\n                    cancelLabel={dialog.cancelLabel}\n                    loadingLabel={dialog.loadingLabel}\n                    dataLoadingLabel={dialog.dataLoadingLabel}\n                    loading={dialog.loading}\n                    closeDialog={() => {\n                        closeDialog(dialog.id);\n                        dialog.onClose && dialog.onClose();\n                    }}\n                    onSubmit={data => onSubmit(dialog.id, data)}\n                    formData={dialog.formData}\n                    size={dialog.size}\n                />\n            ))}\n            {namedDialogIntent &&\n                (() => {\n                    const registration = registeredDialogs.find(\n                        d => d.name === namedDialogIntent.name\n                    );\n                    if (!registration) {\n                        return null;\n                    }\n                    return (\n                        <DialogParamsContext.Provider\n                            value={{\n                                params: namedDialogIntent.params,\n                                closeDialog: closeNamedDialog\n                            }}\n                        >\n                            {registration.element}\n                        </DialogParamsContext.Provider>\n                    );\n                })()}\n        </DialogsContext.Provider>\n    );\n};\n\nexport const createDialogsProvider = () => {\n    return createProvider(Component => {\n        return function DialogsProviderDecorator({ children }: DialogsProviderProps) {\n            return (\n                <DialogsProvider>\n                    <Component>{children}</Component>\n                </DialogsProvider>\n            );\n        };\n    });\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"components/Dialogs/DialogsContext.js","sources":["../../../src/components/Dialogs/DialogsContext.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport React, { useState } from \"react\";\nimport type { GenericFormData } from \"@webiny/form\";\nimport { createProvider } from \"@webiny/app\";\nimport { generateId } from \"@webiny/utils\";\nimport { useSnackbar } from \"~/hooks/index.js\";\nimport { Dialog, type DialogProps } from \"./Dialog.js\";\nimport { DialogParamsContext } from \"./DialogParamsContext.js\";\nimport { useAdminConfig } from \"~/config/AdminConfig.js\";\n\ninterface ShowDialogParams {\n    title: ReactNode;\n    description?: ReactNode;\n    dismissible?: boolean;\n    content: ReactNode;\n    actions?: React.JSX.Element;\n    icon?: React.JSX.Element;\n    info?: ReactNode;\n    acceptLabel?: ReactNode;\n    cancelLabel?: ReactNode;\n    loadingLabel?: string;\n    dataLoadingLabel?: string;\n    onAccept?: (data: GenericFormData) => void;\n    onClose?: () => void;\n    formData?: DialogProps[\"formData\"];\n    size?: \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\";\n}\n\nexport interface DialogsContext {\n    showDialog: (params: ShowDialogParams) => () => void;\n    closeAllDialogs: () => void;\n    openNamedDialog: (name: string, params: Record<string, unknown>) => void;\n    closeNamedDialog: () => void;\n}\n\ninterface DialogsProviderProps {\n    children: ReactNode;\n}\n\ninterface DialogState extends ShowDialogParams {\n    id: string;\n    open: boolean;\n    loading: boolean;\n    element?: React.JSX.Element;\n}\n\nexport const initializeState = (params: Partial<DialogState> = {}): DialogState => ({\n    id: `dialog-${generateId()}`,\n    title: params.title ?? `Confirmation`,\n    description: params.description,\n    dismissible: params.dismissible,\n    icon: params.icon,\n    info: params.info,\n    content: params.content,\n    acceptLabel: params.acceptLabel === null ? null : (params.acceptLabel ?? `Confirm`),\n    cancelLabel: params.cancelLabel === null ? null : (params.cancelLabel ?? `Cancel`),\n    loadingLabel: params.loadingLabel ?? `Loading...`,\n    dataLoadingLabel: params.dataLoadingLabel ?? `Loading...`,\n    onAccept: params.onAccept,\n    onClose: params.onClose,\n    open: params.open ?? false,\n    loading: params.loading ?? false,\n    element: params.element,\n    formData: params.formData ?? {},\n    size: params.size ?? \"md\"\n});\n\nexport const DialogsContext = React.createContext<DialogsContext | undefined>(undefined);\n\ninterface NamedDialogIntent {\n    name: string;\n    params: Record<string, unknown>;\n}\n\nexport const DialogsProvider = ({ children }: DialogsProviderProps) => {\n    const { showSnackbar } = useSnackbar();\n    const [dialogs, setDialogs] = useState<Map<string, DialogState>>(new Map());\n    const [namedDialogIntent, setNamedDialogIntent] = useState<NamedDialogIntent | null>(null);\n    const { dialogs: registeredDialogs } = useAdminConfig();\n\n    const showDialog = (params: ShowDialogParams) => {\n        const newDialog = initializeState({ ...params, open: true });\n        setDialogs(dialogs => new Map(dialogs).set(newDialog.id, newDialog));\n        return () => closeDialog(newDialog.id);\n    };\n\n    const closeDialog = (id: string) => {\n        const dialog = dialogs.get(id);\n\n        // Call the onClose callback if it exists\n        if (dialog?.onClose && typeof dialog.onClose === \"function\") {\n            try {\n                dialog.onClose();\n            } catch (error) {\n                // Log error but don't prevent dialog cleanup\n                console.error(\"Error in dialog onClose callback:\", error);\n            }\n        }\n\n        setDialogs(dialogs => {\n            const newDialogs = new Map(dialogs);\n            newDialogs.delete(id);\n            return newDialogs;\n        });\n    };\n\n    const closeAllDialogs = () => {\n        setDialogs(new Map());\n    };\n\n    const openNamedDialog = (name: string, params: Record<string, unknown>) => {\n        setNamedDialogIntent({ name, params });\n    };\n\n    const closeNamedDialog = () => {\n        setNamedDialogIntent(null);\n    };\n\n    const onSubmit = async (id: string, data: GenericFormData) => {\n        const dialog = dialogs.get(id);\n        if (!dialog) {\n            return;\n        }\n\n        try {\n            if (typeof dialog.onAccept === \"function\") {\n                setDialogs(dialogs => {\n                    const newDialogs = new Map(dialogs);\n                    newDialogs.set(id, { ...dialog, loading: true });\n                    return newDialogs;\n                });\n\n                await dialog.onAccept(data);\n            }\n        } catch (error) {\n            showSnackbar(error.message);\n        } finally {\n            setDialogs(dialogs => {\n                const newDialogs = new Map(dialogs);\n                newDialogs.set(id, { ...dialog, loading: false });\n                return newDialogs;\n            });\n            closeDialog(id);\n        }\n    };\n\n    const context = {\n        showDialog,\n        closeDialog,\n        closeAllDialogs,\n        openNamedDialog,\n        closeNamedDialog\n    };\n\n    return (\n        <DialogsContext.Provider value={context}>\n            {children}\n            {Array.from(dialogs.values()).map(dialog => (\n                <Dialog\n                    key={dialog.id}\n                    description={dialog.description}\n                    dismissible={dialog.dismissible ?? true}\n                    icon={dialog.icon ?? <></>}\n                    title={dialog.title}\n                    content={dialog.content}\n                    open={dialog.open}\n                    info={dialog.info}\n                    acceptLabel={dialog.acceptLabel}\n                    cancelLabel={dialog.cancelLabel}\n                    loadingLabel={dialog.loadingLabel}\n                    dataLoadingLabel={dialog.dataLoadingLabel}\n                    loading={dialog.loading}\n                    closeDialog={() => {\n                        closeDialog(dialog.id);\n                        dialog.onClose && dialog.onClose();\n                    }}\n                    onSubmit={data => onSubmit(dialog.id, data)}\n                    formData={dialog.formData}\n                    size={dialog.size}\n                />\n            ))}\n            {namedDialogIntent &&\n                (() => {\n                    const registration = registeredDialogs.find(\n                        d => d.name === namedDialogIntent.name\n                    );\n                    if (!registration) {\n                        return null;\n                    }\n                    return (\n                        <DialogParamsContext.Provider\n                            value={{\n                                params: namedDialogIntent.params,\n                                closeDialog: closeNamedDialog\n                            }}\n                        >\n                            {registration.element}\n                        </DialogParamsContext.Provider>\n                    );\n                })()}\n        </DialogsContext.Provider>\n    );\n};\n\nexport const createDialogsProvider = () => {\n    return createProvider(Component => {\n        return function DialogsProviderDecorator({ children }: DialogsProviderProps) {\n            return (\n                <DialogsProvider>\n                    <Component>{children}</Component>\n                </DialogsProvider>\n            );\n        };\n    });\n};\n"],"names":["initializeState","params","generateId","DialogsContext","React","undefined","DialogsProvider","children","showSnackbar","useSnackbar","dialogs","setDialogs","useState","Map","namedDialogIntent","setNamedDialogIntent","registeredDialogs","useAdminConfig","showDialog","newDialog","closeDialog","id","dialog","error","console","newDialogs","closeAllDialogs","openNamedDialog","name","closeNamedDialog","onSubmit","data","context","Array","Dialog","registration","d","DialogParamsContext","createDialogsProvider","createProvider","Component"],"mappings":";;;;;;;AA8CO,MAAMA,kBAAkB,CAACC,SAA+B,CAAC,CAAC,GAAmB;QAChF,IAAI,CAAC,OAAO,EAAEC,cAAc;QAC5B,OAAOD,OAAO,KAAK,IAAI;QACvB,aAAaA,OAAO,WAAW;QAC/B,aAAaA,OAAO,WAAW;QAC/B,MAAMA,OAAO,IAAI;QACjB,MAAMA,OAAO,IAAI;QACjB,SAASA,OAAO,OAAO;QACvB,aAAaA,AAAuB,SAAvBA,OAAO,WAAW,GAAY,OAAQA,OAAO,WAAW,IAAI;QACzE,aAAaA,AAAuB,SAAvBA,OAAO,WAAW,GAAY,OAAQA,OAAO,WAAW,IAAI;QACzE,cAAcA,OAAO,YAAY,IAAI;QACrC,kBAAkBA,OAAO,gBAAgB,IAAI;QAC7C,UAAUA,OAAO,QAAQ;QACzB,SAASA,OAAO,OAAO;QACvB,MAAMA,OAAO,IAAI,IAAI;QACrB,SAASA,OAAO,OAAO,IAAI;QAC3B,SAASA,OAAO,OAAO;QACvB,UAAUA,OAAO,QAAQ,IAAI,CAAC;QAC9B,MAAMA,OAAO,IAAI,IAAI;IACzB;AAEO,MAAME,iBAAiB,WAAHA,GAAGC,MAAAA,aAAmB,CAA6BC;AAOvE,MAAMC,kBAAkB,CAAC,EAAEC,QAAQ,EAAwB;IAC9D,MAAM,EAAEC,YAAY,EAAE,GAAGC;IACzB,MAAM,CAACC,SAASC,WAAW,GAAGC,SAAmC,IAAIC;IACrE,MAAM,CAACC,mBAAmBC,qBAAqB,GAAGH,SAAmC;IACrF,MAAM,EAAE,SAASI,iBAAiB,EAAE,GAAGC;IAEvC,MAAMC,aAAa,CAACjB;QAChB,MAAMkB,YAAYnB,gBAAgB;YAAE,GAAGC,MAAM;YAAE,MAAM;QAAK;QAC1DU,WAAWD,CAAAA,UAAW,IAAIG,IAAIH,SAAS,GAAG,CAACS,UAAU,EAAE,EAAEA;QACzD,OAAO,IAAMC,YAAYD,UAAU,EAAE;IACzC;IAEA,MAAMC,cAAc,CAACC;QACjB,MAAMC,SAASZ,QAAQ,GAAG,CAACW;QAG3B,IAAIC,QAAQ,WAAW,AAA0B,cAA1B,OAAOA,OAAO,OAAO,EACxC,IAAI;YACAA,OAAO,OAAO;QAClB,EAAE,OAAOC,OAAO;YAEZC,QAAQ,KAAK,CAAC,qCAAqCD;QACvD;QAGJZ,WAAWD,CAAAA;YACP,MAAMe,aAAa,IAAIZ,IAAIH;YAC3Be,WAAW,MAAM,CAACJ;YAClB,OAAOI;QACX;IACJ;IAEA,MAAMC,kBAAkB;QACpBf,WAAW,IAAIE;IACnB;IAEA,MAAMc,kBAAkB,CAACC,MAAc3B;QACnCc,qBAAqB;YAAEa;YAAM3B;QAAO;IACxC;IAEA,MAAM4B,mBAAmB;QACrBd,qBAAqB;IACzB;IAEA,MAAMe,WAAW,OAAOT,IAAYU;QAChC,MAAMT,SAASZ,QAAQ,GAAG,CAACW;QAC3B,IAAI,CAACC,QACD;QAGJ,IAAI;YACA,IAAI,AAA2B,cAA3B,OAAOA,OAAO,QAAQ,EAAiB;gBACvCX,WAAWD,CAAAA;oBACP,MAAMe,aAAa,IAAIZ,IAAIH;oBAC3Be,WAAW,GAAG,CAACJ,IAAI;wBAAE,GAAGC,MAAM;wBAAE,SAAS;oBAAK;oBAC9C,OAAOG;gBACX;gBAEA,MAAMH,OAAO,QAAQ,CAACS;YAC1B;QACJ,EAAE,OAAOR,OAAO;YACZf,aAAae,MAAM,OAAO;QAC9B,SAAU;YACNZ,WAAWD,CAAAA;gBACP,MAAMe,aAAa,IAAIZ,IAAIH;gBAC3Be,WAAW,GAAG,CAACJ,IAAI;oBAAE,GAAGC,MAAM;oBAAE,SAAS;gBAAM;gBAC/C,OAAOG;YACX;YACAL,YAAYC;QAChB;IACJ;IAEA,MAAMW,UAAU;QACZd;QACAE;QACAM;QACAC;QACAE;IACJ;IAEA,OAAO,WAAP,GACI,oBAAC1B,eAAe,QAAQ;QAAC,OAAO6B;OAC3BzB,UACA0B,MAAM,IAAI,CAACvB,QAAQ,MAAM,IAAI,GAAG,CAACY,CAAAA,SAAAA,WAAAA,GAC9B,oBAACY,QAAMA;YACH,KAAKZ,OAAO,EAAE;YACd,aAAaA,OAAO,WAAW;YAC/B,aAAaA,OAAO,WAAW,IAAI;YACnC,MAAMA,OAAO,IAAI,IAAI,WAAJ,GAAI;YACrB,OAAOA,OAAO,KAAK;YACnB,SAASA,OAAO,OAAO;YACvB,MAAMA,OAAO,IAAI;YACjB,MAAMA,OAAO,IAAI;YACjB,aAAaA,OAAO,WAAW;YAC/B,aAAaA,OAAO,WAAW;YAC/B,cAAcA,OAAO,YAAY;YACjC,kBAAkBA,OAAO,gBAAgB;YACzC,SAASA,OAAO,OAAO;YACvB,aAAa;gBACTF,YAAYE,OAAO,EAAE;gBACrBA,OAAO,OAAO,IAAIA,OAAO,OAAO;YACpC;YACA,UAAUS,CAAAA,OAAQD,SAASR,OAAO,EAAE,EAAES;YACtC,UAAUT,OAAO,QAAQ;YACzB,MAAMA,OAAO,IAAI;aAGxBR,qBACI,AAAC;QACE,MAAMqB,eAAenB,kBAAkB,IAAI,CACvCoB,CAAAA,IAAKA,EAAE,IAAI,KAAKtB,kBAAkB,IAAI;QAE1C,IAAI,CAACqB,cACD,OAAO;QAEX,OAAO,WAAP,GACI,oBAACE,oBAAoB,QAAQ;YACzB,OAAO;gBACH,QAAQvB,kBAAkB,MAAM;gBAChC,aAAae;YACjB;WAECM,aAAa,OAAO;IAGjC;AAGhB;AAEO,MAAMG,wBAAwB,IAC1BC,eAAeC,CAAAA,YACX,SAAkC,EAAEjC,QAAQ,EAAwB;YACvE,OAAO,WAAP,GACI,oBAACD,iBAAeA,MAAAA,WAAAA,GACZ,oBAACkC,WAAAA,MAAWjC;QAGxB"}

package/components/Dialogs/useDialogs.js

@@ -1,11 +1,10 @@
 import { useContext } from "react";
 import { DialogsContext } from "./DialogsContext.js";
-export const useDialogs = () => {
-  const context = useContext(DialogsContext);
-  if (!context) {
-    throw new Error("useDialogs must be used within a DialogsContext.Provider");
-  }
-  return context;
+const useDialogs = ()=>{
+    const context = useContext(DialogsContext);
+    if (!context) throw new Error("useDialogs must be used within a DialogsContext.Provider");
+    return context;
 };
+export { useDialogs };
 
 //# sourceMappingURL=useDialogs.js.map

package/components/Dialogs/useDialogs.js.map

@@ -1 +1 @@
-{"version":3,"names":["useContext","DialogsContext","useDialogs","context","Error"],"sources":["useDialogs.ts"],"sourcesContent":["import { useContext } from \"react\";\n\nimport { DialogsContext } from \"./DialogsContext.js\";\n\nexport const useDialogs = () => {\n    const context = useContext(DialogsContext);\n\n    if (!context) {\n        throw new Error(\"useDialogs must be used within a DialogsContext.Provider\");\n    }\n\n    return context;\n};\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,OAAO;AAElC,SAASC,cAAc;AAEvB,OAAO,MAAMC,UAAU,GAAGA,CAAA,KAAM;EAC5B,MAAMC,OAAO,GAAGH,UAAU,CAACC,cAAc,CAAC;EAE1C,IAAI,CAACE,OAAO,EAAE;IACV,MAAM,IAAIC,KAAK,CAAC,0DAA0D,CAAC;EAC/E;EAEA,OAAOD,OAAO;AAClB,CAAC","ignoreList":[]}
+{"version":3,"file":"components/Dialogs/useDialogs.js","sources":["../../../src/components/Dialogs/useDialogs.ts"],"sourcesContent":["import { useContext } from \"react\";\n\nimport { DialogsContext } from \"./DialogsContext.js\";\n\nexport const useDialogs = () => {\n    const context = useContext(DialogsContext);\n\n    if (!context) {\n        throw new Error(\"useDialogs must be used within a DialogsContext.Provider\");\n    }\n\n    return context;\n};\n"],"names":["useDialogs","context","useContext","DialogsContext","Error"],"mappings":";;AAIO,MAAMA,aAAa;IACtB,MAAMC,UAAUC,WAAWC;IAE3B,IAAI,CAACF,SACD,MAAM,IAAIG,MAAM;IAGpB,OAAOH;AACX"}

package/components/EmptyView.js

@@ -1,34 +1,29 @@
-import React from "react";
+import react from "react";
 import { Icon, Text } from "@webiny/admin-ui";
-import { ReactComponent as FileIcon } from "@webiny/icons/description.svg";
-export const EmptyView = ({
-  icon = /*#__PURE__*/React.createElement(FileIcon, null),
-  title,
-  action
-}) => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "w-full h-full flex flex-col items-center justify-center gap-md"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex justify-center"
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      width: 128,
-      height: 128
-    },
-    className: "flex justify-center items-center bg-neutral-dimmed rounded-full fill-neutral-strong [&_svg]:size-xxl"
-  }, /*#__PURE__*/React.createElement(Icon, {
-    icon: icon,
-    label: "Empty"
-  }))), /*#__PURE__*/React.createElement(Text, {
-    size: "md",
-    className: "text-center text-neutral-strong",
-    as: "div",
-    style: {
-      maxWidth: 276
-    }
-  }, title), action && /*#__PURE__*/React.createElement("div", {
-    className: "flex justify-center gap-sm"
-  }, action));
-};
+import { ReactComponent } from "@webiny/icons/description.svg";
+const EmptyView = ({ icon = /*#__PURE__*/ react.createElement(ReactComponent, null), title, action })=>/*#__PURE__*/ react.createElement("div", {
+        className: "w-full h-full flex flex-col items-center justify-center gap-md"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex justify-center"
+    }, /*#__PURE__*/ react.createElement("div", {
+        style: {
+            width: 128,
+            height: 128
+        },
+        className: "flex justify-center items-center bg-neutral-dimmed rounded-full fill-neutral-strong [&_svg]:size-xxl"
+    }, /*#__PURE__*/ react.createElement(Icon, {
+        icon: icon,
+        label: "Empty"
+    }))), /*#__PURE__*/ react.createElement(Text, {
+        size: "md",
+        className: "text-center text-neutral-strong",
+        as: "div",
+        style: {
+            maxWidth: 276
+        }
+    }, title), action && /*#__PURE__*/ react.createElement("div", {
+        className: "flex justify-center gap-sm"
+    }, action));
+export { EmptyView };
 
 //# sourceMappingURL=EmptyView.js.map

package/components/EmptyView.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Icon","Text","ReactComponent","FileIcon","EmptyView","icon","createElement","title","action","className","style","width","height","label","size","as","maxWidth"],"sources":["EmptyView.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport React from \"react\";\nimport { Icon, Text } from \"@webiny/admin-ui\";\nimport { ReactComponent as FileIcon } from \"@webiny/icons/description.svg\";\n\nexport interface EmptyViewProps {\n    icon?: ReactElement;\n    title: string;\n    action?: ReactElement | null;\n}\n\nexport const EmptyView = ({ icon = <FileIcon />, title, action }: EmptyViewProps) => {\n    return (\n        <div className=\"w-full h-full flex flex-col items-center justify-center gap-md\">\n            <div className=\"flex justify-center\">\n                <div\n                    style={{ width: 128, height: 128 }}\n                    className=\"flex justify-center items-center bg-neutral-dimmed rounded-full fill-neutral-strong [&_svg]:size-xxl\"\n                >\n                    <Icon icon={icon} label={\"Empty\"} />\n                </div>\n            </div>\n            <Text\n                size={\"md\"}\n                className={\"text-center text-neutral-strong\"}\n                as={\"div\"}\n                style={{ maxWidth: 276 }}\n            >\n                {title}\n            </Text>\n            {action && <div className={\"flex justify-center gap-sm\"}>{action}</div>}\n        </div>\n    );\n};\n"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AAC7C,SAASC,cAAc,IAAIC,QAAQ,QAAQ,+BAA+B;AAQ1E,OAAO,MAAMC,SAAS,GAAGA,CAAC;EAAEC,IAAI,gBAAGN,KAAA,CAAAO,aAAA,CAACH,QAAQ,MAAE,CAAC;EAAEI,KAAK;EAAEC;AAAuB,CAAC,KAAK;EACjF,oBACIT,KAAA,CAAAO,aAAA;IAAKG,SAAS,EAAC;EAAgE,gBAC3EV,KAAA,CAAAO,aAAA;IAAKG,SAAS,EAAC;EAAqB,gBAChCV,KAAA,CAAAO,aAAA;IACII,KAAK,EAAE;MAAEC,KAAK,EAAE,GAAG;MAAEC,MAAM,EAAE;IAAI,CAAE;IACnCH,SAAS,EAAC;EAAsG,gBAEhHV,KAAA,CAAAO,aAAA,CAACN,IAAI;IAACK,IAAI,EAAEA,IAAK;IAACQ,KAAK,EAAE;EAAQ,CAAE,CAClC,CACJ,CAAC,eACNd,KAAA,CAAAO,aAAA,CAACL,IAAI;IACDa,IAAI,EAAE,IAAK;IACXL,SAAS,EAAE,iCAAkC;IAC7CM,EAAE,EAAE,KAAM;IACVL,KAAK,EAAE;MAAEM,QAAQ,EAAE;IAAI;EAAE,GAExBT,KACC,CAAC,EACNC,MAAM,iBAAIT,KAAA,CAAAO,aAAA;IAAKG,SAAS,EAAE;EAA6B,GAAED,MAAY,CACrE,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"file":"components/EmptyView.js","sources":["../../src/components/EmptyView.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport React from \"react\";\nimport { Icon, Text } from \"@webiny/admin-ui\";\nimport { ReactComponent as FileIcon } from \"@webiny/icons/description.svg\";\n\nexport interface EmptyViewProps {\n    icon?: ReactElement;\n    title: string;\n    action?: ReactElement | null;\n}\n\nexport const EmptyView = ({ icon = <FileIcon />, title, action }: EmptyViewProps) => {\n    return (\n        <div className=\"w-full h-full flex flex-col items-center justify-center gap-md\">\n            <div className=\"flex justify-center\">\n                <div\n                    style={{ width: 128, height: 128 }}\n                    className=\"flex justify-center items-center bg-neutral-dimmed rounded-full fill-neutral-strong [&_svg]:size-xxl\"\n                >\n                    <Icon icon={icon} label={\"Empty\"} />\n                </div>\n            </div>\n            <Text\n                size={\"md\"}\n                className={\"text-center text-neutral-strong\"}\n                as={\"div\"}\n                style={{ maxWidth: 276 }}\n            >\n                {title}\n            </Text>\n            {action && <div className={\"flex justify-center gap-sm\"}>{action}</div>}\n        </div>\n    );\n};\n"],"names":["EmptyView","icon","FileIcon","title","action","Icon","Text"],"mappings":";;;AAWO,MAAMA,YAAY,CAAC,EAAEC,OAAO,WAAPA,GAAO,oBAACC,gBAAQA,KAAG,EAAEC,KAAK,EAAEC,MAAM,EAAkB,GACrE,WAAP,GACI,oBAAC;QAAI,WAAU;qBACX,oBAAC;QAAI,WAAU;qBACX,oBAAC;QACG,OAAO;YAAE,OAAO;YAAK,QAAQ;QAAI;QACjC,WAAU;qBAEV,oBAACC,MAAIA;QAAC,MAAMJ;QAAM,OAAO;wBAGjC,oBAACK,MAAIA;QACD,MAAM;QACN,WAAW;QACX,IAAI;QACJ,OAAO;YAAE,UAAU;QAAI;OAEtBH,QAEJC,UAAU,WAAVA,GAAU,oBAAC;QAAI,WAAW;OAA+BA"}

package/components/Filters/Filters.js

@@ -1,21 +1,20 @@
-import React from "react";
+import react from "react";
 import { Separator } from "@webiny/admin-ui";
 import { Form } from "@webiny/form";
-export const Filters = props => {
-  if (!props.show || !props.filters.length) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "w-full bg-neutral-base px-md my-sm",
-    "data-testid": props["data-testid"] || "filters-container"
-  }, /*#__PURE__*/React.createElement(Form, {
-    data: props.data,
-    onChange: props.onChange
-  }, () => /*#__PURE__*/React.createElement("div", {
-    className: "w-full flex gap-sm flex-wrap"
-  }, props.filters.map(filter => /*#__PURE__*/React.createElement("div", {
-    key: filter.name
-  }, filter.element)), props.children))), /*#__PURE__*/React.createElement(Separator, null));
+const Filters = (props)=>{
+    if (!props.show || !props.filters.length) return null;
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement("div", {
+        className: "w-full bg-neutral-base px-md my-sm",
+        "data-testid": props["data-testid"] || "filters-container"
+    }, /*#__PURE__*/ react.createElement(Form, {
+        data: props.data,
+        onChange: props.onChange
+    }, ()=>/*#__PURE__*/ react.createElement("div", {
+            className: "w-full flex gap-sm flex-wrap"
+        }, props.filters.map((filter)=>/*#__PURE__*/ react.createElement("div", {
+                key: filter.name
+            }, filter.element)), props.children))), /*#__PURE__*/ react.createElement(Separator, null));
 };
+export { Filters };
 
 //# sourceMappingURL=Filters.js.map

package/components/Filters/Filters.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Separator","Form","Filters","props","show","filters","length","createElement","Fragment","className","data","onChange","map","filter","key","name","element","children"],"sources":["Filters.tsx"],"sourcesContent":["import React from \"react\";\nimport { Separator } from \"@webiny/admin-ui\";\nimport type { FormOnSubmit, FormProps, GenericFormData } from \"@webiny/form\";\nimport { Form } from \"@webiny/form\";\n\ntype Filter = {\n    name: string;\n    element: React.ReactElement;\n};\n\nexport type GenericFiltersData = GenericFormData;\n\nexport type FiltersOnSubmit<T extends GenericFiltersData = GenericFiltersData> = FormOnSubmit<T>;\n\nexport interface FiltersProps<T extends GenericFormData = GenericFormData> extends Pick<\n    FormProps<T>,\n    \"data\" | \"onChange\"\n> {\n    filters: Filter[];\n    show: boolean;\n    children?: React.ReactNode;\n    [\"data-testid\"]?: string;\n}\n\nexport const Filters = <T extends GenericFiltersData = GenericFiltersData>(\n    props: FiltersProps<T>\n) => {\n    if (!props.show || !props.filters.length) {\n        return null;\n    }\n\n    return (\n        <>\n            <div\n                className={\"w-full bg-neutral-base px-md my-sm\"}\n                data-testid={props[\"data-testid\"] || \"filters-container\"}\n            >\n                <Form data={props.data} onChange={props.onChange}>\n                    {() => (\n                        <div className={\"w-full flex gap-sm flex-wrap\"}>\n                            {props.filters.map(filter => (\n                                <div key={filter.name}>{filter.element}</div>\n                            ))}\n                            {props.children}\n                        </div>\n                    )}\n                </Form>\n            </div>\n            <Separator />\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,kBAAkB;AAE5C,SAASC,IAAI,QAAQ,cAAc;AAqBnC,OAAO,MAAMC,OAAO,GAChBC,KAAsB,IACrB;EACD,IAAI,CAACA,KAAK,CAACC,IAAI,IAAI,CAACD,KAAK,CAACE,OAAO,CAACC,MAAM,EAAE;IACtC,OAAO,IAAI;EACf;EAEA,oBACIP,KAAA,CAAAQ,aAAA,CAAAR,KAAA,CAAAS,QAAA,qBACIT,KAAA,CAAAQ,aAAA;IACIE,SAAS,EAAE,oCAAqC;IAChD,eAAaN,KAAK,CAAC,aAAa,CAAC,IAAI;EAAoB,gBAEzDJ,KAAA,CAAAQ,aAAA,CAACN,IAAI;IAACS,IAAI,EAAEP,KAAK,CAACO,IAAK;IAACC,QAAQ,EAAER,KAAK,CAACQ;EAAS,GAC5C,mBACGZ,KAAA,CAAAQ,aAAA;IAAKE,SAAS,EAAE;EAA+B,GAC1CN,KAAK,CAACE,OAAO,CAACO,GAAG,CAACC,MAAM,iBACrBd,KAAA,CAAAQ,aAAA;IAAKO,GAAG,EAAED,MAAM,CAACE;EAAK,GAAEF,MAAM,CAACG,OAAa,CAC/C,CAAC,EACDb,KAAK,CAACc,QACN,CAEP,CACL,CAAC,eACNlB,KAAA,CAAAQ,aAAA,CAACP,SAAS,MAAE,CACd,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"file":"components/Filters/Filters.js","sources":["../../../src/components/Filters/Filters.tsx"],"sourcesContent":["import React from \"react\";\nimport { Separator } from \"@webiny/admin-ui\";\nimport type { FormOnSubmit, FormProps, GenericFormData } from \"@webiny/form\";\nimport { Form } from \"@webiny/form\";\n\ntype Filter = {\n    name: string;\n    element: React.ReactElement;\n};\n\nexport type GenericFiltersData = GenericFormData;\n\nexport type FiltersOnSubmit<T extends GenericFiltersData = GenericFiltersData> = FormOnSubmit<T>;\n\nexport interface FiltersProps<T extends GenericFormData = GenericFormData> extends Pick<\n    FormProps<T>,\n    \"data\" | \"onChange\"\n> {\n    filters: Filter[];\n    show: boolean;\n    children?: React.ReactNode;\n    [\"data-testid\"]?: string;\n}\n\nexport const Filters = <T extends GenericFiltersData = GenericFiltersData>(\n    props: FiltersProps<T>\n) => {\n    if (!props.show || !props.filters.length) {\n        return null;\n    }\n\n    return (\n        <>\n            <div\n                className={\"w-full bg-neutral-base px-md my-sm\"}\n                data-testid={props[\"data-testid\"] || \"filters-container\"}\n            >\n                <Form data={props.data} onChange={props.onChange}>\n                    {() => (\n                        <div className={\"w-full flex gap-sm flex-wrap\"}>\n                            {props.filters.map(filter => (\n                                <div key={filter.name}>{filter.element}</div>\n                            ))}\n                            {props.children}\n                        </div>\n                    )}\n                </Form>\n            </div>\n            <Separator />\n        </>\n    );\n};\n"],"names":["Filters","props","Form","filter","Separator"],"mappings":";;;AAwBO,MAAMA,UAAU,CACnBC;IAEA,IAAI,CAACA,MAAM,IAAI,IAAI,CAACA,MAAM,OAAO,CAAC,MAAM,EACpC,OAAO;IAGX,OAAO,WAAP,GACI,wDACI,oBAAC;QACG,WAAW;QACX,eAAaA,KAAK,CAAC,cAAc,IAAI;qBAErC,oBAACC,MAAIA;QAAC,MAAMD,MAAM,IAAI;QAAE,UAAUA,MAAM,QAAQ;OAC3C,kBACG,oBAAC;YAAI,WAAW;WACXA,MAAM,OAAO,CAAC,GAAG,CAACE,CAAAA,SAAAA,WAAAA,GACf,oBAAC;gBAAI,KAAKA,OAAO,IAAI;eAAGA,OAAO,OAAO,IAEzCF,MAAM,QAAQ,mBAK/B,oBAACG,WAASA;AAGtB"}

package/components/Filters/FiltersToggle.js

@@ -1,26 +1,21 @@
-import React from "react";
+import react from "react";
 import { IconButton, Tooltip } from "@webiny/admin-ui";
-import { ReactComponent as FilterIcon } from "@webiny/icons/filter_list.svg";
-import { ReactComponent as CloseFilterIcon } from "@webiny/icons/filter_list_off.svg";
-const Icon = ({
-  showingFilters
-}) => {
-  return showingFilters ? /*#__PURE__*/React.createElement(CloseFilterIcon, null) : /*#__PURE__*/React.createElement(FilterIcon, null);
-};
-const IconComponent = /*#__PURE__*/React.memo(Icon);
-export const FiltersToggle = props => {
-  return /*#__PURE__*/React.createElement(Tooltip, {
-    side: "bottom",
-    content: props.showingFilters ? "Hide filters" : "Show filters",
-    trigger: /*#__PURE__*/React.createElement(IconButton, {
-      variant: "ghost",
-      icon: /*#__PURE__*/React.createElement(IconComponent, {
-        showingFilters: props.showingFilters
-      }),
-      onClick: props.onFiltersToggle,
-      "data-testid": props["data-testid"]
-    })
-  });
-};
+import { ReactComponent } from "@webiny/icons/filter_list.svg";
+import { ReactComponent as filter_list_off_svg_ReactComponent } from "@webiny/icons/filter_list_off.svg";
+const Icon = ({ showingFilters })=>showingFilters ? /*#__PURE__*/ react.createElement(filter_list_off_svg_ReactComponent, null) : /*#__PURE__*/ react.createElement(ReactComponent, null);
+const IconComponent = /*#__PURE__*/ react.memo(Icon);
+const FiltersToggle = (props)=>/*#__PURE__*/ react.createElement(Tooltip, {
+        side: "bottom",
+        content: props.showingFilters ? "Hide filters" : "Show filters",
+        trigger: /*#__PURE__*/ react.createElement(IconButton, {
+            variant: "ghost",
+            icon: /*#__PURE__*/ react.createElement(IconComponent, {
+                showingFilters: props.showingFilters
+            }),
+            onClick: props.onFiltersToggle,
+            "data-testid": props["data-testid"]
+        })
+    });
+export { FiltersToggle };
 
 //# sourceMappingURL=FiltersToggle.js.map

package/components/Filters/FiltersToggle.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","IconButton","Tooltip","ReactComponent","FilterIcon","CloseFilterIcon","Icon","showingFilters","createElement","IconComponent","memo","FiltersToggle","props","side","content","trigger","variant","icon","onClick","onFiltersToggle"],"sources":["FiltersToggle.tsx"],"sourcesContent":["import React from \"react\";\nimport { IconButton, Tooltip } from \"@webiny/admin-ui\";\nimport { ReactComponent as FilterIcon } from \"@webiny/icons/filter_list.svg\";\nimport { ReactComponent as CloseFilterIcon } from \"@webiny/icons/filter_list_off.svg\";\n\ninterface IconProps {\n    showingFilters?: boolean;\n}\n\nconst Icon = ({ showingFilters }: IconProps) => {\n    return showingFilters ? <CloseFilterIcon /> : <FilterIcon />;\n};\nconst IconComponent = React.memo(Icon);\n\nexport interface FiltersToggleProps {\n    onFiltersToggle: () => void;\n    showingFilters: boolean;\n    \"data-testid\"?: string;\n}\n\nexport const FiltersToggle = (props: FiltersToggleProps) => {\n    return (\n        <Tooltip\n            side={\"bottom\"}\n            content={props.showingFilters ? \"Hide filters\" : \"Show filters\"}\n            trigger={\n                <IconButton\n                    variant={\"ghost\"}\n                    icon={<IconComponent showingFilters={props.showingFilters} />}\n                    onClick={props.onFiltersToggle}\n                    data-testid={props[\"data-testid\"]}\n                />\n            }\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,OAAO,QAAQ,kBAAkB;AACtD,SAASC,cAAc,IAAIC,UAAU,QAAQ,+BAA+B;AAC5E,SAASD,cAAc,IAAIE,eAAe,QAAQ,mCAAmC;AAMrF,MAAMC,IAAI,GAAGA,CAAC;EAAEC;AAA0B,CAAC,KAAK;EAC5C,OAAOA,cAAc,gBAAGP,KAAA,CAAAQ,aAAA,CAACH,eAAe,MAAE,CAAC,gBAAGL,KAAA,CAAAQ,aAAA,CAACJ,UAAU,MAAE,CAAC;AAChE,CAAC;AACD,MAAMK,aAAa,gBAAGT,KAAK,CAACU,IAAI,CAACJ,IAAI,CAAC;AAQtC,OAAO,MAAMK,aAAa,GAAIC,KAAyB,IAAK;EACxD,oBACIZ,KAAA,CAAAQ,aAAA,CAACN,OAAO;IACJW,IAAI,EAAE,QAAS;IACfC,OAAO,EAAEF,KAAK,CAACL,cAAc,GAAG,cAAc,GAAG,cAAe;IAChEQ,OAAO,eACHf,KAAA,CAAAQ,aAAA,CAACP,UAAU;MACPe,OAAO,EAAE,OAAQ;MACjBC,IAAI,eAAEjB,KAAA,CAAAQ,aAAA,CAACC,aAAa;QAACF,cAAc,EAAEK,KAAK,CAACL;MAAe,CAAE,CAAE;MAC9DW,OAAO,EAAEN,KAAK,CAACO,eAAgB;MAC/B,eAAaP,KAAK,CAAC,aAAa;IAAE,CACrC;EACJ,CACJ,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"file":"components/Filters/FiltersToggle.js","sources":["../../../src/components/Filters/FiltersToggle.tsx"],"sourcesContent":["import React from \"react\";\nimport { IconButton, Tooltip } from \"@webiny/admin-ui\";\nimport { ReactComponent as FilterIcon } from \"@webiny/icons/filter_list.svg\";\nimport { ReactComponent as CloseFilterIcon } from \"@webiny/icons/filter_list_off.svg\";\n\ninterface IconProps {\n    showingFilters?: boolean;\n}\n\nconst Icon = ({ showingFilters }: IconProps) => {\n    return showingFilters ? <CloseFilterIcon /> : <FilterIcon />;\n};\nconst IconComponent = React.memo(Icon);\n\nexport interface FiltersToggleProps {\n    onFiltersToggle: () => void;\n    showingFilters: boolean;\n    \"data-testid\"?: string;\n}\n\nexport const FiltersToggle = (props: FiltersToggleProps) => {\n    return (\n        <Tooltip\n            side={\"bottom\"}\n            content={props.showingFilters ? \"Hide filters\" : \"Show filters\"}\n            trigger={\n                <IconButton\n                    variant={\"ghost\"}\n                    icon={<IconComponent showingFilters={props.showingFilters} />}\n                    onClick={props.onFiltersToggle}\n                    data-testid={props[\"data-testid\"]}\n                />\n            }\n        />\n    );\n};\n"],"names":["Icon","showingFilters","CloseFilterIcon","FilterIcon","IconComponent","React","FiltersToggle","props","Tooltip","IconButton"],"mappings":";;;;AASA,MAAMA,OAAO,CAAC,EAAEC,cAAc,EAAa,GAChCA,iBAAiB,WAAjBA,GAAiB,oBAACC,oCAAeA,QAAAA,WAAAA,GAAM,oBAACC,gBAAUA;AAE7D,MAAMC,gBAAgB,WAAHA,GAAGC,MAAAA,IAAU,CAACL;AAQ1B,MAAMM,gBAAgB,CAACC,QACnB,WAAP,GACI,oBAACC,SAAOA;QACJ,MAAM;QACN,SAASD,MAAM,cAAc,GAAG,iBAAiB;QACjD,uBACI,oBAACE,YAAUA;YACP,SAAS;YACT,oBAAM,oBAACL,eAAaA;gBAAC,gBAAgBG,MAAM,cAAc;;YACzD,SAASA,MAAM,eAAe;YAC9B,eAAaA,KAAK,CAAC,cAAc"}

package/components/Filters/index.js

@@ -1,4 +1,2 @@
 export * from "./Filters.js";
 export * from "./FiltersToggle.js";
-
-//# sourceMappingURL=index.js.map

package/components/FloatingActionButton.js

@@ -1,18 +1,16 @@
-import * as React from "react";
-import { ButtonFloating } from "@webiny/ui/Button/index.js";
-import { ReactComponent as AddIcon } from "@webiny/icons/add.svg";
-// Set "styles" inline, since no customizations are possible / needed here.
-const FloatingActionButton = props => {
-  return /*#__PURE__*/React.createElement("div", {
-    style: {
-      position: "absolute",
-      bottom: 20,
-      right: 20
-    }
-  }, /*#__PURE__*/React.createElement(ButtonFloating, Object.assign({}, props, {
-    icon: /*#__PURE__*/React.createElement(AddIcon, null)
-  })));
-};
+import { IconButton } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/add.svg";
+import * as __rspack_external_react from "react";
+const FloatingActionButton = (props)=>/*#__PURE__*/ __rspack_external_react.createElement("div", {
+        style: {
+            position: "absolute",
+            bottom: 20,
+            right: 20
+        }
+    }, /*#__PURE__*/ __rspack_external_react.createElement(IconButton, {
+        ...props,
+        icon: /*#__PURE__*/ __rspack_external_react.createElement(ReactComponent, null)
+    }));
 export { FloatingActionButton };
 
 //# sourceMappingURL=FloatingActionButton.js.map

package/components/FloatingActionButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ButtonFloating","ReactComponent","AddIcon","FloatingActionButton","props","createElement","style","position","bottom","right","Object","assign","icon"],"sources":["FloatingActionButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ButtonFloating } from \"@webiny/ui/Button/index.js\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\n\ninterface FloatingActionButtonProps {\n    children: React.ReactNode;\n}\n\n// Set \"styles\" inline, since no customizations are possible / needed here.\nconst FloatingActionButton = (props: FloatingActionButtonProps) => {\n    return (\n        <div\n            style={{\n                position: \"absolute\",\n                bottom: 20,\n                right: 20\n            }}\n        >\n            <ButtonFloating {...props} icon={<AddIcon />} />\n        </div>\n    );\n};\n\nexport { FloatingActionButton };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,cAAc,QAAQ,4BAA4B;AAC3D,SAASC,cAAc,IAAIC,OAAO,QAAQ,uBAAuB;AAMjE;AACA,MAAMC,oBAAoB,GAAIC,KAAgC,IAAK;EAC/D,oBACIL,KAAA,CAAAM,aAAA;IACIC,KAAK,EAAE;MACHC,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAE,EAAE;MACVC,KAAK,EAAE;IACX;EAAE,gBAEFV,KAAA,CAAAM,aAAA,CAACL,cAAc,EAAAU,MAAA,CAAAC,MAAA,KAAKP,KAAK;IAAEQ,IAAI,eAAEb,KAAA,CAAAM,aAAA,CAACH,OAAO,MAAE;EAAE,EAAE,CAC9C,CAAC;AAEd,CAAC;AAED,SAASC,oBAAoB","ignoreList":[]}
+{"version":3,"file":"components/FloatingActionButton.js","sources":["../../src/components/FloatingActionButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { IconButton } from \"@webiny/admin-ui\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\n\ninterface FloatingActionButtonProps {\n    children: React.ReactNode;\n}\n\n// Set \"styles\" inline, since no customizations are possible / needed here.\nconst FloatingActionButton = (props: FloatingActionButtonProps) => {\n    return (\n        <div\n            style={{\n                position: \"absolute\",\n                bottom: 20,\n                right: 20\n            }}\n        >\n            <IconButton {...props} icon={<AddIcon />} />\n        </div>\n    );\n};\n\nexport { FloatingActionButton };\n"],"names":["FloatingActionButton","props","IconButton","AddIcon"],"mappings":";;;AASA,MAAMA,uBAAuB,CAACC,QACnB,WAAP,GACI,sCAAC;QACG,OAAO;YACH,UAAU;YACV,QAAQ;YACR,OAAO;QACX;qBAEA,sCAACC,YAAUA;QAAE,GAAGD,KAAK;QAAE,oBAAM,sCAACE,gBAAOA"}