@webiny/app-admin 6.4.12-beta.5 → 6.5.0-beta.1

package/components/BulkActions/index.js

@@ -1,2 +1,5 @@
 export * from "./useDialogWithReport/index.js";
 export * from "./Worker.js";
+export * from "./BulkActionRunner.js";
+export * from "./BulkActionButton.js";
+export { useDialogWithReport as useBulkActionDialog } from "./useDialogWithReport/index.js";

package/components/ConfirmationDialog/ConfirmationDialog.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+export interface ConfirmationDialogProps {
+    title: React.ReactNode;
+    children: React.ReactNode;
+    onConfirm: () => Promise<void>;
+    onCancel: () => void;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    loadingLabel?: string;
+}
+export declare const ConfirmationDialog: ({ title, children, onConfirm, onCancel, confirmLabel, cancelLabel, loadingLabel }: ConfirmationDialogProps) => React.JSX.Element;

package/components/ConfirmationDialog/ConfirmationDialog.js

@@ -0,0 +1,41 @@
+import react, { useCallback, useState } from "react";
+import { Dialog } from "@webiny/admin-ui";
+const ConfirmationDialog = ({ title, children, onConfirm, onCancel, confirmLabel = "Confirm", cancelLabel = "Cancel", loadingLabel = "Processing..." })=>{
+    const [loading, setLoading] = useState(false);
+    const handleConfirm = useCallback(async ()=>{
+        setLoading(true);
+        try {
+            await onConfirm();
+        } finally{
+            setLoading(false);
+        }
+    }, [
+        onConfirm
+    ]);
+    const handleCancel = useCallback(()=>{
+        onCancel();
+    }, [
+        onCancel
+    ]);
+    return /*#__PURE__*/ react.createElement(Dialog, {
+        open: true,
+        onOpenChange: (open)=>{
+            if (!open && !loading) handleCancel();
+        },
+        title: title,
+        loading: loading ? {
+            text: loadingLabel
+        } : false,
+        dismissible: !loading,
+        actions: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Dialog.CancelAction, {
+            onClick: handleCancel,
+            text: cancelLabel
+        }), /*#__PURE__*/ react.createElement(Dialog.ConfirmAction, {
+            onClick: handleConfirm,
+            text: confirmLabel
+        }))
+    }, children);
+};
+export { ConfirmationDialog };
+
+//# sourceMappingURL=ConfirmationDialog.js.map

package/components/ConfirmationDialog/ConfirmationDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/ConfirmationDialog/ConfirmationDialog.js","sources":["../../../src/components/ConfirmationDialog/ConfirmationDialog.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { Dialog } from \"@webiny/admin-ui\";\n\nexport interface ConfirmationDialogProps {\n    title: React.ReactNode;\n    children: React.ReactNode;\n    onConfirm: () => Promise<void>;\n    onCancel: () => void;\n    confirmLabel?: string;\n    cancelLabel?: string;\n    loadingLabel?: string;\n}\n\nexport const ConfirmationDialog = ({\n    title,\n    children,\n    onConfirm,\n    onCancel,\n    confirmLabel = \"Confirm\",\n    cancelLabel = \"Cancel\",\n    loadingLabel = \"Processing...\"\n}: ConfirmationDialogProps) => {\n    const [loading, setLoading] = useState(false);\n\n    const handleConfirm = useCallback(async () => {\n        setLoading(true);\n        try {\n            await onConfirm();\n        } finally {\n            setLoading(false);\n        }\n    }, [onConfirm]);\n\n    const handleCancel = useCallback(() => {\n        onCancel();\n    }, [onCancel]);\n\n    return (\n        <Dialog\n            open\n            onOpenChange={open => {\n                if (!open && !loading) {\n                    handleCancel();\n                }\n            }}\n            title={title}\n            loading={loading ? { text: loadingLabel } : false}\n            dismissible={!loading}\n            actions={\n                <>\n                    <Dialog.CancelAction onClick={handleCancel} text={cancelLabel} />\n                    <Dialog.ConfirmAction onClick={handleConfirm} text={confirmLabel} />\n                </>\n            }\n        >\n            {children}\n        </Dialog>\n    );\n};\n"],"names":["ConfirmationDialog","title","children","onConfirm","onCancel","confirmLabel","cancelLabel","loadingLabel","loading","setLoading","useState","handleConfirm","useCallback","handleCancel","Dialog","open"],"mappings":";;AAaO,MAAMA,qBAAqB,CAAC,EAC/BC,KAAK,EACLC,QAAQ,EACRC,SAAS,EACTC,QAAQ,EACRC,eAAe,SAAS,EACxBC,cAAc,QAAQ,EACtBC,eAAe,eAAe,EACR;IACtB,MAAM,CAACC,SAASC,WAAW,GAAGC,SAAS;IAEvC,MAAMC,gBAAgBC,YAAY;QAC9BH,WAAW;QACX,IAAI;YACA,MAAMN;QACV,SAAU;YACNM,WAAW;QACf;IACJ,GAAG;QAACN;KAAU;IAEd,MAAMU,eAAeD,YAAY;QAC7BR;IACJ,GAAG;QAACA;KAAS;IAEb,OAAO,WAAP,GACI,oBAACU,QAAMA;QACH;QACA,cAAcC,CAAAA;YACV,IAAI,CAACA,QAAQ,CAACP,SACVK;QAER;QACA,OAAOZ;QACP,SAASO,UAAU;YAAE,MAAMD;QAAa,IAAI;QAC5C,aAAa,CAACC;QACd,uBACI,wDACI,oBAACM,OAAO,YAAY;YAAC,SAASD;YAAc,MAAMP;0BAClD,oBAACQ,OAAO,aAAa;YAAC,SAASH;YAAe,MAAMN;;OAI3DH;AAGb"}

package/components/ConfirmationDialog/index.d.ts

@@ -0,0 +1 @@
+export { ConfirmationDialog, type ConfirmationDialogProps } from "./ConfirmationDialog.js";

package/components/ConfirmationDialog/index.js

@@ -0,0 +1 @@
+export { ConfirmationDialog } from "./ConfirmationDialog.js";

package/components/Dialogs/DialogsContext.js

@@ -5,6 +5,7 @@ import { useSnackbar } from "../../hooks/index.js";
 import { Dialog } from "./Dialog.js";
 import { DialogParamsContext } from "./DialogParamsContext.js";
 import { useAdminConfig } from "../../config/AdminConfig.js";
+import { ConfirmationBridge } from "../../features/confirmation/index.js";
 const initializeState = (params = {})=>({
         id: `dialog-${generateId()}`,
         title: params.title ?? "Confirmation",
@@ -135,7 +136,7 @@ const DialogsProvider = ({ children })=>{
     })());
 };
 const createDialogsProvider = ()=>createProvider((Component)=>function({ children }) {
-            return /*#__PURE__*/ react.createElement(DialogsProvider, null, /*#__PURE__*/ react.createElement(Component, null, children));
+            return /*#__PURE__*/ react.createElement(DialogsProvider, null, /*#__PURE__*/ react.createElement(Component, null, children), /*#__PURE__*/ react.createElement(ConfirmationBridge, null));
         });
 export { DialogsContext, DialogsProvider, createDialogsProvider, initializeState };
 

package/components/Dialogs/DialogsContext.js.map

@@ -1 +1 @@
-{"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":"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"}
+{"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\";\nimport { ConfirmationBridge } from \"~/features/confirmation/index.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                    <ConfirmationBridge />\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","ConfirmationBridge"],"mappings":"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"}

package/components/Drawers/DrawerParamsContext.d.ts

@@ -0,0 +1,6 @@
+export interface DrawerParamsContextValue {
+    params: Record<string, unknown>;
+    closeDrawer: () => void;
+}
+export declare const DrawerParamsContext: import("react").Context<DrawerParamsContextValue | undefined>;
+export declare const useDrawerParamsContext: () => DrawerParamsContextValue;

package/components/Drawers/DrawerParamsContext.js

@@ -0,0 +1,10 @@
+import { createContext, useContext } from "react";
+const DrawerParamsContext = /*#__PURE__*/ createContext(void 0);
+const useDrawerParamsContext = ()=>{
+    const context = useContext(DrawerParamsContext);
+    if (!context) throw new Error("useDrawer must be used inside a named drawer registered via AdminConfig.Drawer");
+    return context;
+};
+export { DrawerParamsContext, useDrawerParamsContext };
+
+//# sourceMappingURL=DrawerParamsContext.js.map

package/components/Drawers/DrawerParamsContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/Drawers/DrawerParamsContext.js","sources":["../../../src/components/Drawers/DrawerParamsContext.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\nexport interface DrawerParamsContextValue {\n    params: Record<string, unknown>;\n    closeDrawer: () => void;\n}\n\nexport const DrawerParamsContext = createContext<DrawerParamsContextValue | undefined>(undefined);\n\nexport const useDrawerParamsContext = () => {\n    const context = useContext(DrawerParamsContext);\n\n    if (!context) {\n        throw new Error(\n            \"useDrawer must be used inside a named drawer registered via AdminConfig.Drawer\"\n        );\n    }\n\n    return context;\n};\n"],"names":["DrawerParamsContext","createContext","undefined","useDrawerParamsContext","context","useContext","Error"],"mappings":";AAOO,MAAMA,sBAAsB,WAAHA,GAAGC,cAAoDC;AAEhF,MAAMC,yBAAyB;IAClC,MAAMC,UAAUC,WAAWL;IAE3B,IAAI,CAACI,SACD,MAAM,IAAIE,MACN;IAIR,OAAOF;AACX"}

package/components/Drawers/DrawersContext.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from "react";
+import React from "react";
+export interface DrawersContext {
+    openNamedDrawer: (name: string, params?: Record<string, unknown>) => void;
+    closeNamedDrawer: (name?: string) => void;
+}
+interface DrawersProviderProps {
+    children: ReactNode;
+}
+export declare const DrawersContext: React.Context<DrawersContext | undefined>;
+export declare const DrawersProvider: ({ children }: DrawersProviderProps) => React.JSX.Element;
+export declare const createDrawersProvider: () => import("@webiny/app").Decorator<import("@webiny/app").GenericComponent<import("@webiny/app").ChildrenProps>>;
+export {};

package/components/Drawers/DrawersContext.js

@@ -0,0 +1,50 @@
+import react, { useCallback, useState } from "react";
+import { createProvider } from "@webiny/app";
+import { DrawerParamsContext } from "./DrawerParamsContext.js";
+import { useAdminConfig } from "../../config/AdminConfig.js";
+const DrawersContext = /*#__PURE__*/ react.createContext(void 0);
+const DrawersProvider = ({ children })=>{
+    const [stack, setStack] = useState([]);
+    const { drawers: registeredDrawers } = useAdminConfig();
+    const openNamedDrawer = useCallback((name, params = {})=>{
+        setStack((prev)=>{
+            if (prev.some((entry)=>entry.name === name)) return prev;
+            return [
+                ...prev,
+                {
+                    name,
+                    params
+                }
+            ];
+        });
+    }, []);
+    const closeNamedDrawer = useCallback((name)=>{
+        setStack((prev)=>{
+            if (!name) return prev.slice(0, -1);
+            return prev.filter((entry)=>entry.name !== name);
+        });
+    }, []);
+    const context = {
+        openNamedDrawer,
+        closeNamedDrawer
+    };
+    return /*#__PURE__*/ react.createElement(DrawersContext.Provider, {
+        value: context
+    }, children, stack.map((entry)=>{
+        const registration = registeredDrawers.find((d)=>d.name === entry.name);
+        if (!registration) return null;
+        return /*#__PURE__*/ react.createElement(DrawerParamsContext.Provider, {
+            key: entry.name,
+            value: {
+                params: entry.params,
+                closeDrawer: ()=>closeNamedDrawer(entry.name)
+            }
+        }, registration.element);
+    }));
+};
+const createDrawersProvider = ()=>createProvider((Component)=>function({ children }) {
+            return /*#__PURE__*/ react.createElement(DrawersProvider, null, /*#__PURE__*/ react.createElement(Component, null, children));
+        });
+export { DrawersContext, DrawersProvider, createDrawersProvider };
+
+//# sourceMappingURL=DrawersContext.js.map

package/components/Drawers/DrawersContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/Drawers/DrawersContext.js","sources":["../../../src/components/Drawers/DrawersContext.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport React, { useCallback, useState } from \"react\";\nimport { createProvider } from \"@webiny/app\";\nimport { DrawerParamsContext } from \"./DrawerParamsContext.js\";\nimport { useAdminConfig } from \"~/config/AdminConfig.js\";\n\ninterface OpenDrawerEntry {\n    name: string;\n    params: Record<string, unknown>;\n}\n\nexport interface DrawersContext {\n    openNamedDrawer: (name: string, params?: Record<string, unknown>) => void;\n    closeNamedDrawer: (name?: string) => void;\n}\n\ninterface DrawersProviderProps {\n    children: ReactNode;\n}\n\nexport const DrawersContext = React.createContext<DrawersContext | undefined>(undefined);\n\nexport const DrawersProvider = ({ children }: DrawersProviderProps) => {\n    const [stack, setStack] = useState<OpenDrawerEntry[]>([]);\n    const { drawers: registeredDrawers } = useAdminConfig();\n\n    const openNamedDrawer = useCallback((name: string, params: Record<string, unknown> = {}) => {\n        setStack(prev => {\n            if (prev.some(entry => entry.name === name)) {\n                return prev;\n            }\n            return [...prev, { name, params }];\n        });\n    }, []);\n\n    const closeNamedDrawer = useCallback((name?: string) => {\n        setStack(prev => {\n            if (!name) {\n                return prev.slice(0, -1);\n            }\n            return prev.filter(entry => entry.name !== name);\n        });\n    }, []);\n\n    const context: DrawersContext = {\n        openNamedDrawer,\n        closeNamedDrawer\n    };\n\n    return (\n        <DrawersContext.Provider value={context}>\n            {children}\n            {stack.map(entry => {\n                const registration = registeredDrawers.find(d => d.name === entry.name);\n                if (!registration) {\n                    return null;\n                }\n                return (\n                    <DrawerParamsContext.Provider\n                        key={entry.name}\n                        value={{\n                            params: entry.params,\n                            closeDrawer: () => closeNamedDrawer(entry.name)\n                        }}\n                    >\n                        {registration.element}\n                    </DrawerParamsContext.Provider>\n                );\n            })}\n        </DrawersContext.Provider>\n    );\n};\n\nexport const createDrawersProvider = () => {\n    return createProvider(Component => {\n        return function DrawersProviderHOC({ children }: DrawersProviderProps) {\n            return (\n                <DrawersProvider>\n                    <Component>{children}</Component>\n                </DrawersProvider>\n            );\n        };\n    });\n};\n"],"names":["DrawersContext","React","undefined","DrawersProvider","children","stack","setStack","useState","registeredDrawers","useAdminConfig","openNamedDrawer","useCallback","name","params","prev","entry","closeNamedDrawer","context","registration","d","DrawerParamsContext","createDrawersProvider","createProvider","Component"],"mappings":";;;;AAoBO,MAAMA,iBAAiB,WAAHA,GAAGC,MAAAA,aAAmB,CAA6BC;AAEvE,MAAMC,kBAAkB,CAAC,EAAEC,QAAQ,EAAwB;IAC9D,MAAM,CAACC,OAAOC,SAAS,GAAGC,SAA4B,EAAE;IACxD,MAAM,EAAE,SAASC,iBAAiB,EAAE,GAAGC;IAEvC,MAAMC,kBAAkBC,YAAY,CAACC,MAAcC,SAAkC,CAAC,CAAC;QACnFP,SAASQ,CAAAA;YACL,IAAIA,KAAK,IAAI,CAACC,CAAAA,QAASA,MAAM,IAAI,KAAKH,OAClC,OAAOE;YAEX,OAAO;mBAAIA;gBAAM;oBAAEF;oBAAMC;gBAAO;aAAE;QACtC;IACJ,GAAG,EAAE;IAEL,MAAMG,mBAAmBL,YAAY,CAACC;QAClCN,SAASQ,CAAAA;YACL,IAAI,CAACF,MACD,OAAOE,KAAK,KAAK,CAAC,GAAG;YAEzB,OAAOA,KAAK,MAAM,CAACC,CAAAA,QAASA,MAAM,IAAI,KAAKH;QAC/C;IACJ,GAAG,EAAE;IAEL,MAAMK,UAA0B;QAC5BP;QACAM;IACJ;IAEA,OAAO,WAAP,GACI,oBAAChB,eAAe,QAAQ;QAAC,OAAOiB;OAC3Bb,UACAC,MAAM,GAAG,CAACU,CAAAA;QACP,MAAMG,eAAeV,kBAAkB,IAAI,CAACW,CAAAA,IAAKA,EAAE,IAAI,KAAKJ,MAAM,IAAI;QACtE,IAAI,CAACG,cACD,OAAO;QAEX,OAAO,WAAP,GACI,oBAACE,oBAAoB,QAAQ;YACzB,KAAKL,MAAM,IAAI;YACf,OAAO;gBACH,QAAQA,MAAM,MAAM;gBACpB,aAAa,IAAMC,iBAAiBD,MAAM,IAAI;YAClD;WAECG,aAAa,OAAO;IAGjC;AAGZ;AAEO,MAAMG,wBAAwB,IAC1BC,eAAeC,CAAAA,YACX,SAA4B,EAAEnB,QAAQ,EAAwB;YACjE,OAAO,WAAP,GACI,oBAACD,iBAAeA,MAAAA,WAAAA,GACZ,oBAACoB,WAAAA,MAAWnB;QAGxB"}

package/components/Drawers/useDrawers.d.ts

@@ -0,0 +1,2 @@
+import { DrawersContext } from "./DrawersContext.js";
+export declare const useDrawers: () => DrawersContext;

package/components/Drawers/useDrawers.js

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

package/components/Drawers/useDrawers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/Drawers/useDrawers.js","sources":["../../../src/components/Drawers/useDrawers.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { DrawersContext } from \"./DrawersContext.js\";\n\nexport const useDrawers = () => {\n    const context = useContext(DrawersContext);\n\n    if (!context) {\n        throw new Error(\"useDrawers must be used within a DrawersContext.Provider\");\n    }\n\n    return context;\n};\n"],"names":["useDrawers","context","useContext","DrawersContext","Error"],"mappings":";;AAGO,MAAMA,aAAa;IACtB,MAAMC,UAAUC,WAAWC;IAE3B,IAAI,CAACF,SACD,MAAM,IAAIG,MAAM;IAGpB,OAAOH;AACX"}

package/components/Filters/Filters.js

@@ -10,10 +10,11 @@ const Filters = (props)=>{
         data: props.data,
         onChange: props.onChange
     }, ()=>/*#__PURE__*/ react.createElement("div", {
-            className: "w-full flex gap-sm flex-wrap"
+            className: "w-full grid grid-cols-4 gap-sm items-center"
         }, props.filters.map((filter)=>/*#__PURE__*/ react.createElement("div", {
-                key: filter.name
-            }, filter.element)), props.children))), /*#__PURE__*/ react.createElement(Separator, null));
+                key: filter.name,
+                className: "empty:hidden min-w-0"
+            }, filter.element)), props.children && /*#__PURE__*/ react.createElement("div", null, props.children)))), /*#__PURE__*/ react.createElement(Separator, null));
 };
 export { Filters };
 

package/components/Filters/Filters.js.map

@@ -1 +1 @@
-{"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"}
+{"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 grid grid-cols-4 gap-sm items-center\"}>\n                            {props.filters.map(filter => (\n                                <div key={filter.name} className={\"empty:hidden min-w-0\"}>\n                                    {filter.element}\n                                </div>\n                            ))}\n                            {props.children && <div>{props.children}</div>}\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;gBAAE,WAAW;eAC7BA,OAAO,OAAO,IAGtBF,MAAM,QAAQ,IAAI,WAAJ,GAAI,oBAAC,aAAKA,MAAM,QAAQ,oBAKvD,oBAACG,WAASA;AAGtB"}

package/components/IconPicker/IconPicker.d.ts

@@ -1,13 +1,15 @@
 import React from "react";
 import type { IconPickerProps } from "./IconPickerComponent.js";
+import { IconPickerTab } from "./IconPickerTab.js";
 import type { Icon } from "./types.js";
-declare const IconPicker: {
-    (props: IconPickerProps): React.JSX.Element;
-    Icon: ({ icon, ...props }: IconRendererWithProviderProps) => React.JSX.Element | null;
-    IconPickerTab: ({ label, value, actions, onChange, cellDecorator }: import("./IconPickerTab.js").IconPickerTabProps) => React.JSX.Element;
-};
+declare function IconPicker(props: IconPickerProps): React.JSX.Element;
+declare namespace IconPicker {
+    export { IconRendererWithProvider as Icon };
+    export { IconPickerTab };
+}
 interface IconRendererWithProviderProps {
     icon?: Icon;
     size?: number;
 }
+declare const IconRendererWithProvider: ({ icon, ...props }: IconRendererWithProviderProps) => React.JSX.Element | null;
 export { IconPicker };

package/components/IconPicker/IconPickerComponent.d.ts

@@ -12,6 +12,6 @@ export interface IconPickerProps extends FormComponentProps {
 export interface IconPickerComponentProps extends IconPickerProps {
     presenter: IconPickerPresenter;
 }
-export declare const IconPickerComponent: (({ presenter, label, description, removable, required, disabled, ...props }: IconPickerComponentProps) => React.JSX.Element) & React.NamedExoticComponent<IconPickerComponentProps> & {
-    readonly type: ({ presenter, label, description, removable, required, disabled, ...props }: IconPickerComponentProps) => React.JSX.Element;
+export declare const IconPickerComponent: (({ presenter, label, description, removable, required, disabled, ...props }: IconPickerComponentProps) => React.JSX.Element) & {
+    displayName: string;
 };

package/components/IconPicker/IconPickerComponent.js

@@ -27,7 +27,7 @@ const IconPickerComponent = observer(({ presenter, label, description, removable
     ]);
     const handleOnOpenChange = useCallback((open)=>{
         if (open) return presenter.openMenu();
-        else return presenter.closeMenu();
+        return presenter.closeMenu();
     }, [
         presenter.openMenu,
         presenter.closeMenu

package/components/IconPicker/IconPickerComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/IconPicker/IconPickerComponent.js","sources":["../../../src/components/IconPicker/IconPickerComponent.tsx"],"sourcesContent":["import React, { useEffect, useCallback, useMemo } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport isEqual from \"lodash/isEqual.js\";\nimport type { FormComponentProps } from \"@webiny/admin-ui\";\nimport {\n    FormComponentDescription,\n    FormComponentErrorMessage,\n    FormComponentLabel,\n    PopoverPrimitive\n} from \"@webiny/admin-ui\";\nimport { IconPickerContent, IconPickerTrigger } from \"./components/index.js\";\nimport type { IconPickerPresenter } from \"./IconPickerPresenter.js\";\nimport { IconPickerPresenterProvider } from \"./IconPickerPresenterProvider.js\";\nimport type { Icon } from \"./types.js\";\nimport { ICON_PICKER_SIZE } from \"./types.js\";\n\nexport interface IconPickerProps extends FormComponentProps {\n    size?: ICON_PICKER_SIZE;\n    removable?: boolean;\n    value?: Icon;\n    onChange?: (value: Icon | undefined) => void;\n}\n\nexport interface IconPickerComponentProps extends IconPickerProps {\n    presenter: IconPickerPresenter;\n}\n\nexport const IconPickerComponent = observer(\n    ({\n        presenter,\n        label,\n        description,\n        removable,\n        required,\n        disabled,\n        ...props\n    }: IconPickerComponentProps) => {\n        const { value, onChange } = props;\n        const { isValid: validationIsValid, message: validationMessage } = props.validation || {};\n        const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n        const { activeTab, isMenuOpened, isLoading, iconTypes, selectedIcon, size } = presenter.vm;\n\n        useEffect(() => {\n            if (onChange && selectedIcon && !isEqual(selectedIcon, value)) {\n                onChange(selectedIcon);\n            }\n        }, [JSON.stringify(selectedIcon)]);\n\n        const removeIcon = useCallback(() => {\n            if (onChange) {\n                presenter.setIcon(null);\n                onChange(undefined);\n            }\n        }, [onChange]);\n\n        const handleOnOpenChange = useCallback(\n            (open: boolean) => {\n                if (open) {\n                    return presenter.openMenu();\n                } else {\n                    return presenter.closeMenu();\n                }\n            },\n            [presenter.openMenu, presenter.closeMenu]\n        );\n\n        return (\n            <IconPickerPresenterProvider presenter={presenter}>\n                <FormComponentLabel text={label} required={required} disabled={disabled} />\n                <FormComponentDescription text={description} />\n                <PopoverPrimitive open={isMenuOpened} onOpenChange={handleOnOpenChange}>\n                    <PopoverPrimitive.Trigger>\n                        <IconPickerTrigger icon={selectedIcon} />\n                    </PopoverPrimitive.Trigger>\n                    <PopoverPrimitive.Content\n                        style={{ width: size === ICON_PICKER_SIZE.SMALL ? \"248px\" : \"328px\" }}\n                    >\n                        <IconPickerContent\n                            loading={isLoading}\n                            removable={value && removable}\n                            iconTypes={iconTypes}\n                            activeTab={activeTab}\n                            removeIcon={removeIcon}\n                        />\n                    </PopoverPrimitive.Content>\n                </PopoverPrimitive>\n                <FormComponentErrorMessage text={validationMessage} invalid={invalid} />\n            </IconPickerPresenterProvider>\n        );\n    }\n);\n"],"names":["IconPickerComponent","observer","presenter","label","description","removable","required","disabled","props","value","onChange","validationIsValid","validationMessage","invalid","useMemo","activeTab","isMenuOpened","isLoading","iconTypes","selectedIcon","size","useEffect","isEqual","JSON","removeIcon","useCallback","undefined","handleOnOpenChange","open","IconPickerPresenterProvider","FormComponentLabel","FormComponentDescription","PopoverPrimitive","IconPickerTrigger","ICON_PICKER_SIZE","IconPickerContent","FormComponentErrorMessage"],"mappings":";;;;;;;AA2BO,MAAMA,sBAAsBC,SAC/B,CAAC,EACGC,SAAS,EACTC,KAAK,EACLC,WAAW,EACXC,SAAS,EACTC,QAAQ,EACRC,QAAQ,EACR,GAAGC,OACoB;IACvB,MAAM,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAGF;IAC5B,MAAM,EAAE,SAASG,iBAAiB,EAAE,SAASC,iBAAiB,EAAE,GAAGJ,MAAM,UAAU,IAAI,CAAC;IACxF,MAAMK,UAAUC,QAAQ,IAAMH,AAAsB,UAAtBA,mBAA6B;QAACA;KAAkB;IAC9E,MAAM,EAAEI,SAAS,EAAEC,YAAY,EAAEC,SAAS,EAAEC,SAAS,EAAEC,YAAY,EAAEC,IAAI,EAAE,GAAGlB,UAAU,EAAE;IAE1FmB,UAAU;QACN,IAAIX,YAAYS,gBAAgB,CAACG,QAAQH,cAAcV,QACnDC,SAASS;IAEjB,GAAG;QAACI,KAAK,SAAS,CAACJ;KAAc;IAEjC,MAAMK,aAAaC,YAAY;QAC3B,IAAIf,UAAU;YACVR,UAAU,OAAO,CAAC;YAClBQ,SAASgB;QACb;IACJ,GAAG;QAAChB;KAAS;IAEb,MAAMiB,qBAAqBF,YACvB,CAACG;QACG,IAAIA,MACA,OAAO1B,UAAU,QAAQ;aAEzB,OAAOA,UAAU,SAAS;IAElC,GACA;QAACA,UAAU,QAAQ;QAAEA,UAAU,SAAS;KAAC;IAG7C,OAAO,WAAP,GACI,oBAAC2B,6BAA2BA;QAAC,WAAW3B;qBACpC,oBAAC4B,oBAAkBA;QAAC,MAAM3B;QAAO,UAAUG;QAAU,UAAUC;sBAC/D,oBAACwB,0BAAwBA;QAAC,MAAM3B;sBAChC,oBAAC4B,kBAAgBA;QAAC,MAAMhB;QAAc,cAAcW;qBAChD,oBAACK,iBAAiB,OAAO,sBACrB,oBAACC,mBAAiBA;QAAC,MAAMd;uBAE7B,oBAACa,iBAAiB,OAAO;QACrB,OAAO;YAAE,OAAOZ,SAASc,iBAAiB,KAAK,GAAG,UAAU;QAAQ;qBAEpE,oBAACC,mBAAiBA;QACd,SAASlB;QACT,WAAWR,SAASJ;QACpB,WAAWa;QACX,WAAWH;QACX,YAAYS;wBAIxB,oBAACY,2BAAyBA;QAAC,MAAMxB;QAAmB,SAASC;;AAGzE"}
+{"version":3,"file":"components/IconPicker/IconPickerComponent.js","sources":["../../../src/components/IconPicker/IconPickerComponent.tsx"],"sourcesContent":["import React, { useEffect, useCallback, useMemo } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport isEqual from \"lodash/isEqual.js\";\nimport type { FormComponentProps } from \"@webiny/admin-ui\";\nimport {\n    FormComponentDescription,\n    FormComponentErrorMessage,\n    FormComponentLabel,\n    PopoverPrimitive\n} from \"@webiny/admin-ui\";\nimport { IconPickerContent, IconPickerTrigger } from \"./components/index.js\";\nimport type { IconPickerPresenter } from \"./IconPickerPresenter.js\";\nimport { IconPickerPresenterProvider } from \"./IconPickerPresenterProvider.js\";\nimport type { Icon } from \"./types.js\";\nimport { ICON_PICKER_SIZE } from \"./types.js\";\n\nexport interface IconPickerProps extends FormComponentProps {\n    size?: ICON_PICKER_SIZE;\n    removable?: boolean;\n    value?: Icon;\n    onChange?: (value: Icon | undefined) => void;\n}\n\nexport interface IconPickerComponentProps extends IconPickerProps {\n    presenter: IconPickerPresenter;\n}\n\nexport const IconPickerComponent = observer(\n    ({\n        presenter,\n        label,\n        description,\n        removable,\n        required,\n        disabled,\n        ...props\n    }: IconPickerComponentProps) => {\n        const { value, onChange } = props;\n        const { isValid: validationIsValid, message: validationMessage } = props.validation || {};\n        const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n        const { activeTab, isMenuOpened, isLoading, iconTypes, selectedIcon, size } = presenter.vm;\n\n        useEffect(() => {\n            if (onChange && selectedIcon && !isEqual(selectedIcon, value)) {\n                onChange(selectedIcon);\n            }\n        }, [JSON.stringify(selectedIcon)]);\n\n        const removeIcon = useCallback(() => {\n            if (onChange) {\n                presenter.setIcon(null);\n                onChange(undefined);\n            }\n        }, [onChange]);\n\n        const handleOnOpenChange = useCallback(\n            (open: boolean) => {\n                if (open) {\n                    return presenter.openMenu();\n                } else {\n                    return presenter.closeMenu();\n                }\n            },\n            [presenter.openMenu, presenter.closeMenu]\n        );\n\n        return (\n            <IconPickerPresenterProvider presenter={presenter}>\n                <FormComponentLabel text={label} required={required} disabled={disabled} />\n                <FormComponentDescription text={description} />\n                <PopoverPrimitive open={isMenuOpened} onOpenChange={handleOnOpenChange}>\n                    <PopoverPrimitive.Trigger>\n                        <IconPickerTrigger icon={selectedIcon} />\n                    </PopoverPrimitive.Trigger>\n                    <PopoverPrimitive.Content\n                        style={{ width: size === ICON_PICKER_SIZE.SMALL ? \"248px\" : \"328px\" }}\n                    >\n                        <IconPickerContent\n                            loading={isLoading}\n                            removable={value && removable}\n                            iconTypes={iconTypes}\n                            activeTab={activeTab}\n                            removeIcon={removeIcon}\n                        />\n                    </PopoverPrimitive.Content>\n                </PopoverPrimitive>\n                <FormComponentErrorMessage text={validationMessage} invalid={invalid} />\n            </IconPickerPresenterProvider>\n        );\n    }\n);\n"],"names":["IconPickerComponent","observer","presenter","label","description","removable","required","disabled","props","value","onChange","validationIsValid","validationMessage","invalid","useMemo","activeTab","isMenuOpened","isLoading","iconTypes","selectedIcon","size","useEffect","isEqual","JSON","removeIcon","useCallback","undefined","handleOnOpenChange","open","IconPickerPresenterProvider","FormComponentLabel","FormComponentDescription","PopoverPrimitive","IconPickerTrigger","ICON_PICKER_SIZE","IconPickerContent","FormComponentErrorMessage"],"mappings":";;;;;;;AA2BO,MAAMA,sBAAsBC,SAC/B,CAAC,EACGC,SAAS,EACTC,KAAK,EACLC,WAAW,EACXC,SAAS,EACTC,QAAQ,EACRC,QAAQ,EACR,GAAGC,OACoB;IACvB,MAAM,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAGF;IAC5B,MAAM,EAAE,SAASG,iBAAiB,EAAE,SAASC,iBAAiB,EAAE,GAAGJ,MAAM,UAAU,IAAI,CAAC;IACxF,MAAMK,UAAUC,QAAQ,IAAMH,AAAsB,UAAtBA,mBAA6B;QAACA;KAAkB;IAC9E,MAAM,EAAEI,SAAS,EAAEC,YAAY,EAAEC,SAAS,EAAEC,SAAS,EAAEC,YAAY,EAAEC,IAAI,EAAE,GAAGlB,UAAU,EAAE;IAE1FmB,UAAU;QACN,IAAIX,YAAYS,gBAAgB,CAACG,QAAQH,cAAcV,QACnDC,SAASS;IAEjB,GAAG;QAACI,KAAK,SAAS,CAACJ;KAAc;IAEjC,MAAMK,aAAaC,YAAY;QAC3B,IAAIf,UAAU;YACVR,UAAU,OAAO,CAAC;YAClBQ,SAASgB;QACb;IACJ,GAAG;QAAChB;KAAS;IAEb,MAAMiB,qBAAqBF,YACvB,CAACG;QACG,IAAIA,MACA,OAAO1B,UAAU,QAAQ;QAEzB,OAAOA,UAAU,SAAS;IAElC,GACA;QAACA,UAAU,QAAQ;QAAEA,UAAU,SAAS;KAAC;IAG7C,OAAO,WAAP,GACI,oBAAC2B,6BAA2BA;QAAC,WAAW3B;qBACpC,oBAAC4B,oBAAkBA;QAAC,MAAM3B;QAAO,UAAUG;QAAU,UAAUC;sBAC/D,oBAACwB,0BAAwBA;QAAC,MAAM3B;sBAChC,oBAAC4B,kBAAgBA;QAAC,MAAMhB;QAAc,cAAcW;qBAChD,oBAACK,iBAAiB,OAAO,sBACrB,oBAACC,mBAAiBA;QAAC,MAAMd;uBAE7B,oBAACa,iBAAiB,OAAO;QACrB,OAAO;YAAE,OAAOZ,SAASc,iBAAiB,KAAK,GAAG,UAAU;QAAQ;qBAEpE,oBAACC,mBAAiBA;QACd,SAASlB;QACT,WAAWR,SAASJ;QACpB,WAAWa;QACX,WAAWH;QACX,YAAYS;wBAIxB,oBAACY,2BAAyBA;QAAC,MAAMxB;QAAmB,SAASC;;AAGzE"}

package/components/IconPicker/components/IconPickerTrigger.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 import { inputVariants, type VariantProps } from "@webiny/admin-ui";
 import type { Icon } from "../../../components/IconPicker/types.js";
 declare const iconPickerTriggerVariants: (props?: ({
-    size?: "md" | "lg" | "xl" | null | undefined;
+    size?: "lg" | "md" | "xl" | null | undefined;
     disabled?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface IconPickerTriggerProps extends VariantProps<typeof inputVariants>, VariantProps<typeof iconPickerTriggerVariants> {

package/components/IconPicker/config/index.d.ts

@@ -1,8 +1,9 @@
 import React from "react";
+import { IconPackProvider as IconPack } from "./IconPackProvider.js";
 import { IconType } from "./IconType.js";
 import type { Icon } from "../types.js";
 export declare const IconPickerConfig: (({ priority, children }: import("@webiny/react-properties").ConfigProps) => React.JSX.Element) & {
-    IconPack: ({ name, provider }: import("./IconPackProvider.js").IconPackProviderProps) => React.JSX.Element;
+    IconPack: typeof IconPack;
     IconType: IconType;
 };
 export declare const IconPickerWithConfig: ({ onProperties, children }: import("@webiny/react-properties").WithConfigProps) => React.JSX.Element;

package/components/LexicalEditor/LexicalLinkForm.js

@@ -24,6 +24,7 @@ const LexicalLinkForm = ({ linkData, onSave, removeLink })=>{
             className: "flex w-full items-center justify-between mt-sm gap-sm"
         }, /*#__PURE__*/ react.createElement(TargetSwitch, null), /*#__PURE__*/ react.createElement(Button, {
             variant: "ghost",
+            size: "sm",
             text: "Remove link",
             className: "text-destructive-primary! [&_svg]:fill-destructive",
             onClick: removeLink,
@@ -33,6 +34,7 @@ const LexicalLinkForm = ({ linkData, onSave, removeLink })=>{
             })
         }), /*#__PURE__*/ react.createElement(Button, {
             variant: "primary",
+            size: "sm",
             text: "Save",
             onClick: form.submit
         }))));
@@ -57,6 +59,7 @@ const UrlInput = ()=>{
             inputRef.current = ref;
         },
         variant: "secondary",
+        size: "md",
         placeholder: "Enter link",
         autoFocus: true,
         startIcon: /*#__PURE__*/ react.createElement(Icon, {

package/components/LexicalEditor/LexicalLinkForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/LexicalEditor/LexicalLinkForm.js","sources":["../../../src/components/LexicalEditor/LexicalLinkForm.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\nimport type { FloatingLinkEditorPlugin } from \"@webiny/lexical-editor\";\nimport { Button, Grid, Icon, IconButton, Input, Switch } from \"@webiny/admin-ui\";\nimport { Form, useBind } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { ReactComponent as GlobeIcon } from \"@webiny/icons/language.svg\";\nimport { ReactComponent as OpenInNew } from \"@webiny/icons/open_in_new.svg\";\nimport { ReactComponent as RemoveLink } from \"@webiny/icons/link_off.svg\";\n\ntype LexicalLinkForm = NonNullable<\n    React.ComponentProps<typeof FloatingLinkEditorPlugin>[\"LinkForm\"]\n>;\ntype LinkFormProps = React.ComponentProps<LexicalLinkForm>;\n\nexport const LexicalLinkForm = ({ linkData, onSave, removeLink }: LinkFormProps) => {\n    const onSubmit = (data: LinkFormProps[\"linkData\"]) => {\n        onSave(data);\n    };\n\n    return (\n        <Form data={linkData} onSubmit={onSubmit} validateOnFirstSubmit submitOnEnter>\n            {form => (\n                <div className={\"p-md\"}>\n                    <Grid gap={\"small\"}>\n                        <Grid.Column span={12}>\n                            <UrlInput />\n                        </Grid.Column>\n                    </Grid>\n                    <div className={\"flex w-full items-center justify-between mt-sm gap-sm\"}>\n                        <TargetSwitch />\n                        <Button\n                            variant={\"ghost\"}\n                            text={`Remove link`}\n                            className={\"text-destructive-primary! [&_svg]:fill-destructive\"}\n                            onClick={removeLink}\n                            icon={<Icon label={\"Remove link\"} icon={<RemoveLink />} />}\n                        />\n                        <Button variant={\"primary\"} text={`Save`} onClick={form.submit} />\n                    </div>\n                </div>\n            )}\n        </Form>\n    );\n};\n\nconst UrlInput = () => {\n    const inputRef = useRef<HTMLInputElement | null>(null);\n\n    const urlBind = useBind({\n        name: \"url\",\n        validators: validation.create(\"required,url:allowRelative:allowHref\")\n    });\n\n    useEffect(() => {\n        if (inputRef.current) {\n            setTimeout(() => {\n                inputRef.current?.focus();\n            }, 10);\n        }\n    }, []);\n\n    const openInNewTab = () => {\n        if (urlBind.validation.isValid !== false && urlBind.value) {\n            window.open(urlBind.value, \"_blank\");\n        }\n    };\n\n    return (\n        <Input\n            {...urlBind}\n            inputRef={ref => {\n                inputRef.current = ref;\n            }}\n            variant={\"secondary\"}\n            placeholder={\"Enter link\"}\n            autoFocus={true}\n            startIcon={<Icon label=\"globe\" icon={<GlobeIcon />} />}\n            endIcon={<IconButton variant=\"ghost\" icon={<OpenInNew />} onClick={openInNewTab} />}\n        />\n    );\n};\n\nconst TargetSwitch = () => {\n    const targetBind = useBind({\n        name: \"target\",\n        defaultValue: \"_self\"\n    });\n\n    return (\n        <Switch\n            checked={targetBind.value === \"_blank\"}\n            label={\"Open in new tab\"}\n            onChange={value => {\n                targetBind.onChange(value === true ? \"_blank\" : \"_self\");\n            }}\n        />\n    );\n};\n"],"names":["LexicalLinkForm","linkData","onSave","removeLink","onSubmit","data","Form","form","Grid","UrlInput","TargetSwitch","Button","Icon","RemoveLink","inputRef","useRef","urlBind","useBind","validation","useEffect","setTimeout","openInNewTab","window","Input","ref","GlobeIcon","IconButton","OpenInNew","targetBind","Switch","value"],"mappings":";;;;;;;AAcO,MAAMA,kBAAkB,CAAC,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,UAAU,EAAiB;IAC3E,MAAMC,WAAW,CAACC;QACdH,OAAOG;IACX;IAEA,OAAO,WAAP,GACI,oBAACC,MAAIA;QAAC,MAAML;QAAU,UAAUG;QAAU;QAAsB;OAC3DG,CAAAA,OAAAA,WAAAA,GACG,oBAAC;YAAI,WAAW;yBACZ,oBAACC,MAAIA;YAAC,KAAK;yBACP,oBAACA,KAAK,MAAM;YAAC,MAAM;yBACf,oBAACC,UAAQA,SAAAA,WAAAA,GAGjB,oBAAC;YAAI,WAAW;yBACZ,oBAACC,cAAYA,OAAAA,WAAAA,GACb,oBAACC,QAAMA;YACH,SAAS;YACT,MAAM;YACN,WAAW;YACX,SAASR;YACT,oBAAM,oBAACS,MAAIA;gBAAC,OAAO;gBAAe,oBAAM,oBAACC,6BAAUA;;0BAEvD,oBAACF,QAAMA;YAAC,SAAS;YAAW,MAAM;YAAQ,SAASJ,KAAK,MAAM;;AAMtF;AAEA,MAAME,WAAW;IACb,MAAMK,WAAWC,OAAgC;IAEjD,MAAMC,UAAUC,QAAQ;QACpB,MAAM;QACN,YAAYC,WAAW,MAAM,CAAC;IAClC;IAEAC,UAAU;QACN,IAAIL,SAAS,OAAO,EAChBM,WAAW;YACPN,SAAS,OAAO,EAAE;QACtB,GAAG;IAEX,GAAG,EAAE;IAEL,MAAMO,eAAe;QACjB,IAAIL,AAA+B,UAA/BA,QAAQ,UAAU,CAAC,OAAO,IAAcA,QAAQ,KAAK,EACrDM,OAAO,IAAI,CAACN,QAAQ,KAAK,EAAE;IAEnC;IAEA,OAAO,WAAP,GACI,oBAACO,OAAKA;QACD,GAAGP,OAAO;QACX,UAAUQ,CAAAA;YACNV,SAAS,OAAO,GAAGU;QACvB;QACA,SAAS;QACT,aAAa;QACb,WAAW;QACX,yBAAW,oBAACZ,MAAIA;YAAC,OAAM;YAAQ,oBAAM,oBAACa,gBAASA;;QAC/C,uBAAS,oBAACC,YAAUA;YAAC,SAAQ;YAAQ,oBAAM,oBAACC,gCAASA;YAAK,SAASN;;;AAG/E;AAEA,MAAMX,eAAe;IACjB,MAAMkB,aAAaX,QAAQ;QACvB,MAAM;QACN,cAAc;IAClB;IAEA,OAAO,WAAP,GACI,oBAACY,QAAMA;QACH,SAASD,AAAqB,aAArBA,WAAW,KAAK;QACzB,OAAO;QACP,UAAUE,CAAAA;YACNF,WAAW,QAAQ,CAACE,AAAU,SAAVA,QAAiB,WAAW;QACpD;;AAGZ"}
+{"version":3,"file":"components/LexicalEditor/LexicalLinkForm.js","sources":["../../../src/components/LexicalEditor/LexicalLinkForm.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\nimport type { FloatingLinkEditorPlugin } from \"@webiny/lexical-editor\";\nimport { Button, Grid, Icon, IconButton, Input, Switch } from \"@webiny/admin-ui\";\nimport { Form, useBind } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { ReactComponent as GlobeIcon } from \"@webiny/icons/language.svg\";\nimport { ReactComponent as OpenInNew } from \"@webiny/icons/open_in_new.svg\";\nimport { ReactComponent as RemoveLink } from \"@webiny/icons/link_off.svg\";\n\ntype LexicalLinkForm = NonNullable<\n    React.ComponentProps<typeof FloatingLinkEditorPlugin>[\"LinkForm\"]\n>;\ntype LinkFormProps = React.ComponentProps<LexicalLinkForm>;\n\nexport const LexicalLinkForm = ({ linkData, onSave, removeLink }: LinkFormProps) => {\n    const onSubmit = (data: LinkFormProps[\"linkData\"]) => {\n        onSave(data);\n    };\n\n    return (\n        <Form data={linkData} onSubmit={onSubmit} validateOnFirstSubmit submitOnEnter>\n            {form => (\n                <div className={\"p-md\"}>\n                    <Grid gap={\"small\"}>\n                        <Grid.Column span={12}>\n                            <UrlInput />\n                        </Grid.Column>\n                    </Grid>\n                    <div className={\"flex w-full items-center justify-between mt-sm gap-sm\"}>\n                        <TargetSwitch />\n                        <Button\n                            variant={\"ghost\"}\n                            size={\"sm\"}\n                            text={`Remove link`}\n                            className={\"text-destructive-primary! [&_svg]:fill-destructive\"}\n                            onClick={removeLink}\n                            icon={<Icon label={\"Remove link\"} icon={<RemoveLink />} />}\n                        />\n                        <Button\n                            variant={\"primary\"}\n                            size={\"sm\"}\n                            text={`Save`}\n                            onClick={form.submit}\n                        />\n                    </div>\n                </div>\n            )}\n        </Form>\n    );\n};\n\nconst UrlInput = () => {\n    const inputRef = useRef<HTMLInputElement | null>(null);\n\n    const urlBind = useBind({\n        name: \"url\",\n        validators: validation.create(\"required,url:allowRelative:allowHref\")\n    });\n\n    useEffect(() => {\n        if (inputRef.current) {\n            setTimeout(() => {\n                inputRef.current?.focus();\n            }, 10);\n        }\n    }, []);\n\n    const openInNewTab = () => {\n        if (urlBind.validation.isValid !== false && urlBind.value) {\n            window.open(urlBind.value, \"_blank\");\n        }\n    };\n\n    return (\n        <Input\n            {...urlBind}\n            inputRef={ref => {\n                inputRef.current = ref;\n            }}\n            variant={\"secondary\"}\n            size={\"md\"}\n            placeholder={\"Enter link\"}\n            autoFocus={true}\n            startIcon={<Icon label=\"globe\" icon={<GlobeIcon />} />}\n            endIcon={<IconButton variant=\"ghost\" icon={<OpenInNew />} onClick={openInNewTab} />}\n        />\n    );\n};\n\nconst TargetSwitch = () => {\n    const targetBind = useBind({\n        name: \"target\",\n        defaultValue: \"_self\"\n    });\n\n    return (\n        <Switch\n            checked={targetBind.value === \"_blank\"}\n            label={\"Open in new tab\"}\n            onChange={value => {\n                targetBind.onChange(value === true ? \"_blank\" : \"_self\");\n            }}\n        />\n    );\n};\n"],"names":["LexicalLinkForm","linkData","onSave","removeLink","onSubmit","data","Form","form","Grid","UrlInput","TargetSwitch","Button","Icon","RemoveLink","inputRef","useRef","urlBind","useBind","validation","useEffect","setTimeout","openInNewTab","window","Input","ref","GlobeIcon","IconButton","OpenInNew","targetBind","Switch","value"],"mappings":";;;;;;;AAcO,MAAMA,kBAAkB,CAAC,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,UAAU,EAAiB;IAC3E,MAAMC,WAAW,CAACC;QACdH,OAAOG;IACX;IAEA,OAAO,WAAP,GACI,oBAACC,MAAIA;QAAC,MAAML;QAAU,UAAUG;QAAU;QAAsB;OAC3DG,CAAAA,OAAAA,WAAAA,GACG,oBAAC;YAAI,WAAW;yBACZ,oBAACC,MAAIA;YAAC,KAAK;yBACP,oBAACA,KAAK,MAAM;YAAC,MAAM;yBACf,oBAACC,UAAQA,SAAAA,WAAAA,GAGjB,oBAAC;YAAI,WAAW;yBACZ,oBAACC,cAAYA,OAAAA,WAAAA,GACb,oBAACC,QAAMA;YACH,SAAS;YACT,MAAM;YACN,MAAM;YACN,WAAW;YACX,SAASR;YACT,oBAAM,oBAACS,MAAIA;gBAAC,OAAO;gBAAe,oBAAM,oBAACC,6BAAUA;;0BAEvD,oBAACF,QAAMA;YACH,SAAS;YACT,MAAM;YACN,MAAM;YACN,SAASJ,KAAK,MAAM;;AAOhD;AAEA,MAAME,WAAW;IACb,MAAMK,WAAWC,OAAgC;IAEjD,MAAMC,UAAUC,QAAQ;QACpB,MAAM;QACN,YAAYC,WAAW,MAAM,CAAC;IAClC;IAEAC,UAAU;QACN,IAAIL,SAAS,OAAO,EAChBM,WAAW;YACPN,SAAS,OAAO,EAAE;QACtB,GAAG;IAEX,GAAG,EAAE;IAEL,MAAMO,eAAe;QACjB,IAAIL,AAA+B,UAA/BA,QAAQ,UAAU,CAAC,OAAO,IAAcA,QAAQ,KAAK,EACrDM,OAAO,IAAI,CAACN,QAAQ,KAAK,EAAE;IAEnC;IAEA,OAAO,WAAP,GACI,oBAACO,OAAKA;QACD,GAAGP,OAAO;QACX,UAAUQ,CAAAA;YACNV,SAAS,OAAO,GAAGU;QACvB;QACA,SAAS;QACT,MAAM;QACN,aAAa;QACb,WAAW;QACX,yBAAW,oBAACZ,MAAIA;YAAC,OAAM;YAAQ,oBAAM,oBAACa,gBAASA;;QAC/C,uBAAS,oBAACC,YAAUA;YAAC,SAAQ;YAAQ,oBAAM,oBAACC,gCAASA;YAAK,SAASN;;;AAG/E;AAEA,MAAMX,eAAe;IACjB,MAAMkB,aAAaX,QAAQ;QACvB,MAAM;QACN,cAAc;IAClB;IAEA,OAAO,WAAP,GACI,oBAACY,QAAMA;QACH,SAASD,AAAqB,aAArBA,WAAW,KAAK;QACzB,OAAO;QACP,UAAUE,CAAAA;YACNF,WAAW,QAAQ,CAACE,AAAU,SAAVA,QAAiB,WAAW;QACpD;;AAGZ"}

package/components/ListView/ListView.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import type { IListViewModel, IListActions } from "../../presentation/listPresenter/abstractions.js";
+interface ListViewProps {
+    list: IListViewModel<any>;
+    actions: IListActions;
+    showingFilters?: boolean;
+    onToggleFilters?: () => void;
+    namespace: string;
+    sidebar?: React.ReactNode;
+    header?: React.ReactNode;
+    bulkActions?: React.ReactNode;
+    filters?: React.ReactNode;
+    content: React.ReactNode;
+    bottomBar?: React.ReactNode;
+}
+declare const ListViewBase: ({ list, actions, showingFilters, onToggleFilters, namespace, sidebar, header, bulkActions, filters, content, bottomBar }: ListViewProps) => React.JSX.Element;
+export { ListViewBase, type ListViewProps };

package/components/ListView/ListView.js

@@ -0,0 +1,36 @@
+import react, { useMemo } from "react";
+import { LeftPanel, RightPanel, SplitView } from "../SplitView/SplitView.js";
+import { ListViewProvider } from "./context.js";
+const ListViewBase = ({ list, actions, showingFilters = false, onToggleFilters, namespace, sidebar, header, bulkActions, filters, content, bottomBar })=>{
+    const ctx = useMemo(()=>({
+            list,
+            actions,
+            showingFilters,
+            onToggleFilters
+        }), [
+        list,
+        actions,
+        showingFilters,
+        onToggleFilters
+    ]);
+    const mainContent = /*#__PURE__*/ react.createElement("div", {
+        className: "h-full relative overflow-hidden"
+    }, header, /*#__PURE__*/ react.createElement("div", {
+        style: {
+            top: "105px"
+        },
+        className: "w-full overflow-hidden absolute top-0 bottom-0 left-0"
+    }, bulkActions, filters, content, bottomBar));
+    return /*#__PURE__*/ react.createElement(ListViewProvider, {
+        value: ctx
+    }, sidebar ? /*#__PURE__*/ react.createElement(SplitView, {
+        namespace: namespace
+    }, /*#__PURE__*/ react.createElement(LeftPanel, {
+        span: 2
+    }, sidebar), /*#__PURE__*/ react.createElement(RightPanel, {
+        span: 10
+    }, mainContent)) : mainContent);
+};
+export { ListViewBase };
+
+//# sourceMappingURL=ListView.js.map

package/components/ListView/ListView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/ListView/ListView.js","sources":["../../../src/components/ListView/ListView.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { LeftPanel, RightPanel, SplitView } from \"~/components/SplitView/SplitView.js\";\nimport { ListViewProvider } from \"./context.js\";\nimport type { IListViewModel, IListActions } from \"~/presentation/listPresenter/abstractions.js\";\n\ninterface ListViewProps {\n    list: IListViewModel<any>;\n    actions: IListActions;\n    showingFilters?: boolean;\n    onToggleFilters?: () => void;\n    namespace: string;\n    sidebar?: React.ReactNode;\n    header?: React.ReactNode;\n    bulkActions?: React.ReactNode;\n    filters?: React.ReactNode;\n    content: React.ReactNode;\n    bottomBar?: React.ReactNode;\n}\n\nconst ListViewBase = ({\n    list,\n    actions,\n    showingFilters = false,\n    onToggleFilters,\n    namespace,\n    sidebar,\n    header,\n    bulkActions,\n    filters,\n    content,\n    bottomBar\n}: ListViewProps) => {\n    const ctx = useMemo(\n        () => ({ list, actions, showingFilters, onToggleFilters }),\n        [list, actions, showingFilters, onToggleFilters]\n    );\n\n    const mainContent = (\n        <div className={\"h-full relative overflow-hidden\"}>\n            {header}\n            <div\n                style={{ top: \"105px\" }}\n                className={\"w-full overflow-hidden absolute top-0 bottom-0 left-0\"}\n            >\n                {bulkActions}\n                {filters}\n                {content}\n                {bottomBar}\n            </div>\n        </div>\n    );\n\n    return (\n        <ListViewProvider value={ctx}>\n            {sidebar ? (\n                <SplitView namespace={namespace}>\n                    <LeftPanel span={2}>{sidebar}</LeftPanel>\n                    <RightPanel span={10}>{mainContent}</RightPanel>\n                </SplitView>\n            ) : (\n                mainContent\n            )}\n        </ListViewProvider>\n    );\n};\n\nexport { ListViewBase, type ListViewProps };\n"],"names":["ListViewBase","list","actions","showingFilters","onToggleFilters","namespace","sidebar","header","bulkActions","filters","content","bottomBar","ctx","useMemo","mainContent","ListViewProvider","SplitView","LeftPanel","RightPanel"],"mappings":";;;AAmBA,MAAMA,eAAe,CAAC,EAClBC,IAAI,EACJC,OAAO,EACPC,iBAAiB,KAAK,EACtBC,eAAe,EACfC,SAAS,EACTC,OAAO,EACPC,MAAM,EACNC,WAAW,EACXC,OAAO,EACPC,OAAO,EACPC,SAAS,EACG;IACZ,MAAMC,MAAMC,QACR,IAAO;YAAEZ;YAAMC;YAASC;YAAgBC;QAAgB,IACxD;QAACH;QAAMC;QAASC;QAAgBC;KAAgB;IAGpD,MAAMU,cAAc,WAAdA,GACF,oBAAC;QAAI,WAAW;OACXP,QAAAA,WAAAA,GACD,oBAAC;QACG,OAAO;YAAE,KAAK;QAAQ;QACtB,WAAW;OAEVC,aACAC,SACAC,SACAC;IAKb,OAAO,WAAP,GACI,oBAACI,kBAAgBA;QAAC,OAAOH;OACpBN,UAAU,WAAVA,GACG,oBAACU,WAASA;QAAC,WAAWX;qBAClB,oBAACY,WAASA;QAAC,MAAM;OAAIX,UAAAA,WAAAA,GACrB,oBAACY,YAAUA;QAAC,MAAM;OAAKJ,gBAG3BA;AAIhB"}

package/components/ListView/ListViewBottomBar.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+export interface ListViewBottomBarProps {
+    meta?: {
+        itemLabel: string | {
+            singular: string;
+            plural: string;
+        };
+    };
+    status?: {
+        loadingText?: string;
+    } | true;
+}
+declare const ListViewBottomBar: ({ meta, status }: ListViewBottomBarProps) => React.JSX.Element;
+export { ListViewBottomBar };

package/components/ListView/ListViewBottomBar.js

@@ -0,0 +1,45 @@
+import react from "react";
+import { Loader, Separator, Text } from "@webiny/admin-ui";
+import { observer } from "mobx-react-lite";
+import { useListView } from "./context.js";
+const Meta = observer(({ itemLabel })=>{
+    const { list } = useListView();
+    const { loading, totalCount, currentCount } = list.pagination;
+    if (loading) return null;
+    const singular = "string" == typeof itemLabel ? itemLabel : itemLabel.singular;
+    const plural = "string" == typeof itemLabel ? `${itemLabel}s` : itemLabel.plural;
+    const label = 1 === totalCount ? singular : plural;
+    return /*#__PURE__*/ react.createElement(Text, {
+        size: "sm",
+        as: "div",
+        className: "text-neutral-strong"
+    }, `Showing ${currentCount} out of ${totalCount} ${label}.`);
+});
+const Status = observer(({ loadingText })=>{
+    const { list } = useListView();
+    if (!list.pagination.loadingMore) return null;
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center gap-sm"
+    }, /*#__PURE__*/ react.createElement(Text, {
+        size: "sm",
+        as: "div",
+        className: "text-neutral-strong"
+    }, loadingText ?? "Loading more items..."), /*#__PURE__*/ react.createElement(Loader, {
+        size: "xs"
+    }));
+});
+const ListViewBottomBar = ({ meta, status })=>{
+    const statusProps = true === status ? {} : status;
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "sticky bottom-0 z-5 bg-neutral-base w-full transform translate-z-0 overflow-hidden"
+    }, /*#__PURE__*/ react.createElement(Separator, null), /*#__PURE__*/ react.createElement("div", {
+        className: "h-xl px-md py-sm flex items-center justify-between"
+    }, meta ? /*#__PURE__*/ react.createElement(Meta, {
+        itemLabel: meta.itemLabel
+    }) : null, statusProps ? /*#__PURE__*/ react.createElement(Status, {
+        loadingText: statusProps.loadingText
+    }) : null));
+};
+export { ListViewBottomBar };
+
+//# sourceMappingURL=ListViewBottomBar.js.map

package/components/ListView/ListViewBottomBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/ListView/ListViewBottomBar.js","sources":["../../../src/components/ListView/ListViewBottomBar.tsx"],"sourcesContent":["import React from \"react\";\nimport { Loader, Separator, Text } from \"@webiny/admin-ui\";\nimport { observer } from \"mobx-react-lite\";\nimport { useListView } from \"./context.js\";\n\nexport interface ListViewBottomBarProps {\n    meta?: { itemLabel: string | { singular: string; plural: string } };\n    status?: { loadingText?: string } | true;\n}\n\nconst Meta = observer(\n    ({ itemLabel }: { itemLabel: string | { singular: string; plural: string } }) => {\n        const { list } = useListView();\n        const { loading, totalCount, currentCount } = list.pagination;\n\n        if (loading) {\n            return null;\n        }\n\n        const singular = typeof itemLabel === \"string\" ? itemLabel : itemLabel.singular;\n        const plural = typeof itemLabel === \"string\" ? `${itemLabel}s` : itemLabel.plural;\n        const label = totalCount === 1 ? singular : plural;\n\n        return (\n            <Text\n                size={\"sm\"}\n                as={\"div\"}\n                className={\"text-neutral-strong\"}\n            >{`Showing ${currentCount} out of ${totalCount} ${label}.`}</Text>\n        );\n    }\n);\n\nconst Status = observer(({ loadingText }: { loadingText?: string }) => {\n    const { list } = useListView();\n\n    if (!list.pagination.loadingMore) {\n        return null;\n    }\n\n    return (\n        <div className=\"flex items-center gap-sm\">\n            <Text size={\"sm\"} as={\"div\"} className={\"text-neutral-strong\"}>\n                {loadingText ?? \"Loading more items...\"}\n            </Text>\n            <Loader size={\"xs\"} />\n        </div>\n    );\n});\n\nconst ListViewBottomBar = ({ meta, status }: ListViewBottomBarProps) => {\n    const statusProps = status === true ? {} : status;\n\n    return (\n        <div className=\"sticky bottom-0 z-5 bg-neutral-base w-full transform translate-z-0 overflow-hidden\">\n            <Separator />\n            <div className={\"h-xl px-md py-sm flex items-center justify-between\"}>\n                {meta ? <Meta itemLabel={meta.itemLabel} /> : null}\n                {statusProps ? <Status loadingText={statusProps.loadingText} /> : null}\n            </div>\n        </div>\n    );\n};\n\nexport { ListViewBottomBar };\n"],"names":["Meta","observer","itemLabel","list","useListView","loading","totalCount","currentCount","singular","plural","label","Text","Status","loadingText","Loader","ListViewBottomBar","meta","status","statusProps","Separator"],"mappings":";;;;AAUA,MAAMA,OAAOC,SACT,CAAC,EAAEC,SAAS,EAAgE;IACxE,MAAM,EAAEC,IAAI,EAAE,GAAGC;IACjB,MAAM,EAAEC,OAAO,EAAEC,UAAU,EAAEC,YAAY,EAAE,GAAGJ,KAAK,UAAU;IAE7D,IAAIE,SACA,OAAO;IAGX,MAAMG,WAAW,AAAqB,YAArB,OAAON,YAAyBA,YAAYA,UAAU,QAAQ;IAC/E,MAAMO,SAAS,AAAqB,YAArB,OAAOP,YAAyB,GAAGA,UAAU,CAAC,CAAC,GAAGA,UAAU,MAAM;IACjF,MAAMQ,QAAQJ,AAAe,MAAfA,aAAmBE,WAAWC;IAE5C,OAAO,WAAP,GACI,oBAACE,MAAIA;QACD,MAAM;QACN,IAAI;QACJ,WAAW;OACb,CAAC,QAAQ,EAAEJ,aAAa,QAAQ,EAAED,WAAW,CAAC,EAAEI,MAAM,CAAC,CAAC;AAElE;AAGJ,MAAME,SAASX,SAAS,CAAC,EAAEY,WAAW,EAA4B;IAC9D,MAAM,EAAEV,IAAI,EAAE,GAAGC;IAEjB,IAAI,CAACD,KAAK,UAAU,CAAC,WAAW,EAC5B,OAAO;IAGX,OAAO,WAAP,GACI,oBAAC;QAAI,WAAU;qBACX,oBAACQ,MAAIA;QAAC,MAAM;QAAM,IAAI;QAAO,WAAW;OACnCE,eAAe,wCAEpB,oBAACC,QAAMA;QAAC,MAAM;;AAG1B;AAEA,MAAMC,oBAAoB,CAAC,EAAEC,IAAI,EAAEC,MAAM,EAA0B;IAC/D,MAAMC,cAAcD,AAAW,SAAXA,SAAkB,CAAC,IAAIA;IAE3C,OAAO,WAAP,GACI,oBAAC;QAAI,WAAU;qBACX,oBAACE,WAASA,OAAAA,WAAAA,GACV,oBAAC;QAAI,WAAW;OACXH,OAAO,WAAPA,GAAO,oBAAChB,MAAIA;QAAC,WAAWgB,KAAK,SAAS;SAAO,MAC7CE,cAAc,WAAdA,GAAc,oBAACN,QAAMA;QAAC,aAAaM,YAAY,WAAW;SAAO;AAIlF"}