@webiny/app-admin 0.0.0-unstable.7be00a75a9 → 0.0.0-unstable.7c2def32a7

package/presentation/trashBin/configs/Browser/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/trashBin/configs/Browser/index.js","sources":["../../../../../src/presentation/trashBin/configs/Browser/index.ts"],"sourcesContent":["import type { BulkActionConfig } from \"./BulkAction.js\";\nimport { BulkAction } from \"./BulkAction.js\";\nimport type { EntryActionConfig } from \"./EntryAction.js\";\nimport { EntryAction } from \"./EntryAction.js\";\nimport type { TableConfig } from \"./Table/index.js\";\nimport { Table } from \"./Table/index.js\";\n\nexport interface BrowserConfig {\n    bulkActions: BulkActionConfig[];\n    entryActions: EntryActionConfig[];\n    table: TableConfig;\n}\n\nexport const Browser = {\n    BulkAction,\n    EntryAction,\n    Table\n};\n"],"names":["Browser","BulkAction","EntryAction","Table"],"mappings":";;;AAaO,MAAMA,UAAU;IACnBC,YAAUA;IACVC,aAAWA;IACXC,OAAKA;AACT"}

package/presentation/trashBin/configs/TrashBinListConfig.d.ts

@@ -0,0 +1,46 @@
+import React from "react";
+declare const ScopedTrashBinListConfig: {
+    ({ children }: {
+        children: React.ReactNode;
+    }): React.JSX.Element;
+    displayName: string;
+};
+export declare const TrashBinListConfig: typeof ScopedTrashBinListConfig & {
+    Browser: {
+        BulkAction: typeof import("./Browser/BulkAction.js").BaseBulkAction & {
+            useButtons: typeof import("../../../index.js").useButtons;
+            useWorker: () => {
+                items: import("../abstractions.js").TrashBinItem[];
+                process: (callback: (items: import("../abstractions.js").TrashBinItem[]) => void) => void;
+                processInSeries: (callback: ({ item, allItems, report }: import("../../../index.js").CallbackParams<import("../abstractions.js").TrashBinItem>) => Promise<void>, chunkSize?: number) => Promise<void>;
+                processInBulk: (callback: (params: {
+                    where?: Record<string, unknown>;
+                    search?: string;
+                }) => Promise<void>) => Promise<void>;
+                resetItems: () => void;
+                results: import("../../../index.js").Result[];
+                isSelectedAll: boolean;
+            };
+            useDialog: typeof import("../../../index.js").useDialogWithReport;
+        };
+        EntryAction: (({ name, after, before, remove, element }: import("./Browser/EntryAction.js").EntryActionProps) => React.JSX.Element) & {
+            OptionsMenuItem: typeof import("../../../index.js").OptionsMenuItem;
+        };
+        Table: {
+            Column: ((props: import("../../../config/table/Column.js").ColumnProps) => React.JSX.Element) & {
+                useTableRow: {
+                    (): import("../../../index.js").TableRowContextData<import("./Browser/Table/Column.js").TrashBinTableRow>;
+                    <TUserRow>(): import("../../../index.js").TableRowContextData<import("./Browser/Table/Column.js").TrashBinTableRow & {
+                        data: TUserRow;
+                    }>;
+                };
+            };
+            Sorting: typeof import("./Browser/Table/Sorting.js").Sorting;
+        };
+    };
+};
+export declare const TrashBinListWithConfig: ({ onProperties, children }: import("@webiny/react-properties").WithConfigProps) => React.JSX.Element;
+export declare function useTrashBinListConfig(): {
+    browser: any;
+};
+export {};

package/presentation/trashBin/configs/TrashBinListConfig.js

@@ -0,0 +1,43 @@
+import react, { useMemo } from "react";
+import { createConfigurableComponent } from "@webiny/react-properties";
+import { Browser } from "./Browser/index.js";
+import { CompositionScope } from "@webiny/react-composition";
+const base = createConfigurableComponent("TrashBinListConfig");
+const ScopedTrashBinListConfig = ({ children })=>/*#__PURE__*/ react.createElement(CompositionScope, {
+        name: "trash"
+    }, /*#__PURE__*/ react.createElement(base.Config, null, children));
+ScopedTrashBinListConfig.displayName = "TrashBinListConfig";
+const TrashBinListConfig = Object.assign(ScopedTrashBinListConfig, {
+    Browser: Browser
+});
+const TrashBinListWithConfig = base.WithConfig;
+function useTrashBinListConfig() {
+    const config = base.useConfig();
+    const browser = config.browser || {};
+    const record = config.record || {};
+    const table = config.table || {};
+    return useMemo(()=>({
+            browser: {
+                ...browser,
+                table: {
+                    columns: [
+                        ...table.columns || []
+                    ],
+                    sorting: [
+                        ...table.sorting || []
+                    ]
+                },
+                entryActions: [
+                    ...record.actions || []
+                ],
+                bulkActions: [
+                    ...browser.bulkActions || []
+                ]
+            }
+        }), [
+        config
+    ]);
+}
+export { TrashBinListConfig, TrashBinListWithConfig, useTrashBinListConfig };
+
+//# sourceMappingURL=TrashBinListConfig.js.map

package/presentation/trashBin/configs/TrashBinListConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/trashBin/configs/TrashBinListConfig.js","sources":["../../../../src/presentation/trashBin/configs/TrashBinListConfig.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { createConfigurableComponent } from \"@webiny/react-properties\";\nimport type { BrowserConfig } from \"./Browser/index.js\";\nimport { Browser } from \"./Browser/index.js\";\nimport { CompositionScope } from \"@webiny/react-composition\";\n\nconst base = createConfigurableComponent<TrashBinListConfig>(\"TrashBinListConfig\");\n\nconst ScopedTrashBinListConfig = ({ children }: { children: React.ReactNode }) => {\n    return (\n        <CompositionScope name={\"trash\"}>\n            <base.Config>{children}</base.Config>\n        </CompositionScope>\n    );\n};\n\nScopedTrashBinListConfig.displayName = \"TrashBinListConfig\";\n\nexport const TrashBinListConfig = Object.assign(ScopedTrashBinListConfig, { Browser });\nexport const TrashBinListWithConfig = base.WithConfig;\n\ninterface TrashBinListConfig {\n    browser: BrowserConfig;\n}\n\nexport function useTrashBinListConfig() {\n    const config: Record<string, any> = base.useConfig();\n    const browser = config.browser || {};\n    const record = config.record || {};\n    const table = config.table || {};\n\n    return useMemo(\n        () => ({\n            browser: {\n                ...browser,\n                table: {\n                    columns: [...(table.columns || [])],\n                    sorting: [...(table.sorting || [])]\n                },\n                entryActions: [...(record.actions || [])],\n                bulkActions: [...(browser.bulkActions || [])]\n            }\n        }),\n        [config]\n    );\n}\n"],"names":["base","createConfigurableComponent","ScopedTrashBinListConfig","children","CompositionScope","TrashBinListConfig","Object","Browser","TrashBinListWithConfig","useTrashBinListConfig","config","browser","record","table","useMemo"],"mappings":";;;;AAMA,MAAMA,OAAOC,4BAAgD;AAE7D,MAAMC,2BAA2B,CAAC,EAAEC,QAAQ,EAAiC,GAClE,WAAP,GACI,oBAACC,kBAAgBA;QAAC,MAAM;qBACpB,oBAACJ,KAAK,MAAM,QAAEG;AAK1BD,yBAAyB,WAAW,GAAG;AAEhC,MAAMG,qBAAqBC,OAAO,MAAM,CAACJ,0BAA0B;IAAEK,SAAOA;AAAC;AAC7E,MAAMC,yBAAyBR,KAAK,UAAU;AAM9C,SAASS;IACZ,MAAMC,SAA8BV,KAAK,SAAS;IAClD,MAAMW,UAAUD,OAAO,OAAO,IAAI,CAAC;IACnC,MAAME,SAASF,OAAO,MAAM,IAAI,CAAC;IACjC,MAAMG,QAAQH,OAAO,KAAK,IAAI,CAAC;IAE/B,OAAOI,QACH,IAAO;YACH,SAAS;gBACL,GAAGH,OAAO;gBACV,OAAO;oBACH,SAAS;2BAAKE,MAAM,OAAO,IAAI,EAAE;qBAAE;oBACnC,SAAS;2BAAKA,MAAM,OAAO,IAAI,EAAE;qBAAE;gBACvC;gBACA,cAAc;uBAAKD,OAAO,OAAO,IAAI,EAAE;iBAAE;gBACzC,aAAa;uBAAKD,QAAQ,WAAW,IAAI,EAAE;iBAAE;YACjD;QACJ,IACA;QAACD;KAAO;AAEhB"}

package/presentation/trashBin/configs/index.d.ts

@@ -0,0 +1 @@
+export * from "./TrashBinListConfig.js";

package/presentation/trashBin/configs/index.js

@@ -0,0 +1 @@
+export * from "./TrashBinListConfig.js";

package/presentation/trashBin/feature.d.ts

@@ -0,0 +1,3 @@
+export declare const TrashBinFeature: import("@webiny/feature/admin").FeatureDefinition<{
+    presenter: import("./abstractions.js").ITrashBinPresenter;
+}, []>;

package/presentation/trashBin/feature.js

@@ -0,0 +1,17 @@
+import { createFeature } from "@webiny/feature/admin";
+import { TrashBinPresenter } from "./abstractions.js";
+import { TrashBinPresenter as external_TrashBinPresenter_js_TrashBinPresenter } from "./TrashBinPresenter.js";
+const TrashBinFeature = createFeature({
+    name: "TrashBin",
+    register (container) {
+        container.register(external_TrashBinPresenter_js_TrashBinPresenter).inSingletonScope();
+    },
+    resolve (container) {
+        return {
+            presenter: container.resolve(TrashBinPresenter)
+        };
+    }
+});
+export { TrashBinFeature };
+
+//# sourceMappingURL=feature.js.map

package/presentation/trashBin/feature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/trashBin/feature.js","sources":["../../../src/presentation/trashBin/feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { TrashBinPresenter as Abstraction } from \"./abstractions.js\";\nimport { TrashBinPresenter } from \"./TrashBinPresenter.js\";\n\nexport const TrashBinFeature = createFeature({\n    name: \"TrashBin\",\n    register(container) {\n        container.register(TrashBinPresenter).inSingletonScope();\n    },\n    resolve(container) {\n        return {\n            presenter: container.resolve(Abstraction)\n        };\n    }\n});\n"],"names":["TrashBinFeature","createFeature","container","TrashBinPresenter","Abstraction"],"mappings":";;;AAIO,MAAMA,kBAAkBC,cAAc;IACzC,MAAM;IACN,UAASC,SAAS;QACdA,UAAU,QAAQ,CAACC,iDAAmB,gBAAgB;IAC1D;IACA,SAAQD,SAAS;QACb,OAAO;YACH,WAAWA,UAAU,OAAO,CAACE;QACjC;IACJ;AACJ"}

package/presentation/trashBin/hooks/index.d.ts

@@ -0,0 +1,4 @@
+export { useTrashBinPresenter, TrashBinProvider, type TrashBinContext } from "./useTrashBinPresenter.js";
+export { useTrashBinItem, TrashBinItemProvider } from "./useTrashBinItem.js";
+export { useDeleteTrashBinItem } from "./useDeleteTrashBinItem.js";
+export { useRestoreTrashBinItem } from "./useRestoreTrashBinItem.js";

package/presentation/trashBin/hooks/index.js

@@ -0,0 +1,4 @@
+export { TrashBinProvider, useTrashBinPresenter } from "./useTrashBinPresenter.js";
+export { TrashBinItemProvider, useTrashBinItem } from "./useTrashBinItem.js";
+export { useDeleteTrashBinItem } from "./useDeleteTrashBinItem.js";
+export { useRestoreTrashBinItem } from "./useRestoreTrashBinItem.js";

package/presentation/trashBin/hooks/useDeleteTrashBinItem.d.ts

@@ -0,0 +1,8 @@
+import type { TrashBinItem } from "../abstractions.js";
+interface UseDeleteItemParams {
+    item: TrashBinItem;
+}
+export declare const useDeleteTrashBinItem: ({ item }: UseDeleteItemParams) => {
+    openDialogDeleteItem: () => void;
+};
+export {};

package/presentation/trashBin/hooks/useDeleteTrashBinItem.js

@@ -0,0 +1,33 @@
+import react, { useCallback } from "react";
+import { useConfirmationDialog } from "../../../index.js";
+import { useTrashBinPresenter } from "./useTrashBinPresenter.js";
+import { useToast } from "@webiny/admin-ui";
+const useDeleteTrashBinItem = ({ item })=>{
+    const { actions } = useTrashBinPresenter();
+    const toast = useToast();
+    const { showConfirmation } = useConfirmationDialog({
+        title: "Delete item",
+        message: /*#__PURE__*/ react.createElement("p", null, "You are about to delete this item and all of its revisions!", /*#__PURE__*/ react.createElement("br", null), "Are you sure you want to permanently delete ", /*#__PURE__*/ react.createElement("strong", null, item.title), "?")
+    });
+    const openDialogDeleteItem = useCallback(()=>showConfirmation(async ()=>{
+            try {
+                await actions.deleteItem(item.id);
+                toast.showSuccessToast({
+                    title: `${item.title} was deleted successfully!`
+                });
+            } catch (ex) {
+                toast.showWarningToast({
+                    title: ex.message || `Error while deleting ${item.title}`
+                });
+            }
+        }), [
+        item,
+        actions
+    ]);
+    return {
+        openDialogDeleteItem
+    };
+};
+export { useDeleteTrashBinItem };
+
+//# sourceMappingURL=useDeleteTrashBinItem.js.map

package/presentation/trashBin/hooks/useDeleteTrashBinItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/trashBin/hooks/useDeleteTrashBinItem.js","sources":["../../../../src/presentation/trashBin/hooks/useDeleteTrashBinItem.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { useConfirmationDialog } from \"~/index.js\";\nimport type { TrashBinItem } from \"../abstractions.js\";\nimport { useTrashBinPresenter } from \"./useTrashBinPresenter.js\";\nimport { useToast } from \"@webiny/admin-ui\";\n\ninterface UseDeleteItemParams {\n    item: TrashBinItem;\n}\n\nexport const useDeleteTrashBinItem = ({ item }: UseDeleteItemParams) => {\n    const { actions } = useTrashBinPresenter();\n    const toast = useToast();\n\n    const { showConfirmation } = useConfirmationDialog({\n        title: \"Delete item\",\n        message: (\n            <p>\n                You are about to delete this item and all of its revisions!\n                <br />\n                Are you sure you want to permanently delete <strong>{item.title}</strong>?\n            </p>\n        )\n    });\n\n    const openDialogDeleteItem = useCallback(\n        () =>\n            showConfirmation(async () => {\n                try {\n                    await actions.deleteItem(item.id);\n                    toast.showSuccessToast({ title: `${item.title} was deleted successfully!` });\n                } catch (ex: any) {\n                    toast.showWarningToast({\n                        title: ex.message || `Error while deleting ${item.title}`\n                    });\n                }\n            }),\n        [item, actions]\n    );\n\n    return { openDialogDeleteItem };\n};\n"],"names":["useDeleteTrashBinItem","item","actions","useTrashBinPresenter","toast","useToast","showConfirmation","useConfirmationDialog","openDialogDeleteItem","useCallback","ex"],"mappings":";;;;AAUO,MAAMA,wBAAwB,CAAC,EAAEC,IAAI,EAAuB;IAC/D,MAAM,EAAEC,OAAO,EAAE,GAAGC;IACpB,MAAMC,QAAQC;IAEd,MAAM,EAAEC,gBAAgB,EAAE,GAAGC,sBAAsB;QAC/C,OAAO;QACP,SAAS,WAAT,GACI,oBAAC,WAAE,6EAEC,oBAAC,aAAK,8DACsC,oBAAC,gBAAQN,KAAK,KAAK,GAAU;IAGrF;IAEA,MAAMO,uBAAuBC,YACzB,IACIH,iBAAiB;YACb,IAAI;gBACA,MAAMJ,QAAQ,UAAU,CAACD,KAAK,EAAE;gBAChCG,MAAM,gBAAgB,CAAC;oBAAE,OAAO,GAAGH,KAAK,KAAK,CAAC,0BAA0B,CAAC;gBAAC;YAC9E,EAAE,OAAOS,IAAS;gBACdN,MAAM,gBAAgB,CAAC;oBACnB,OAAOM,GAAG,OAAO,IAAI,CAAC,qBAAqB,EAAET,KAAK,KAAK,EAAE;gBAC7D;YACJ;QACJ,IACJ;QAACA;QAAMC;KAAQ;IAGnB,OAAO;QAAEM;IAAqB;AAClC"}

package/presentation/trashBin/hooks/useRestoreTrashBinItem.d.ts

@@ -0,0 +1,8 @@
+import type { TrashBinItem } from "../abstractions.js";
+interface UseRestoreItemParams {
+    item: TrashBinItem;
+}
+export declare const useRestoreTrashBinItem: ({ item }: UseRestoreItemParams) => {
+    openDialogRestoreItem: () => void;
+};
+export {};

package/presentation/trashBin/hooks/useRestoreTrashBinItem.js

@@ -0,0 +1,35 @@
+import react, { useCallback } from "react";
+import { useConfirmationDialog } from "../../../index.js";
+import { useTrashBinPresenter } from "./useTrashBinPresenter.js";
+import { useToast } from "@webiny/admin-ui";
+const useRestoreTrashBinItem = ({ item })=>{
+    const { actions, onItemAfterRestore } = useTrashBinPresenter();
+    const toast = useToast();
+    const { showConfirmation } = useConfirmationDialog({
+        title: "Restore item",
+        message: /*#__PURE__*/ react.createElement("p", null, "You are about to restore ", /*#__PURE__*/ react.createElement("strong", null, item.title), ".", /*#__PURE__*/ react.createElement("br", null), "Are you sure you want to continue?")
+    });
+    const openDialogRestoreItem = useCallback(()=>showConfirmation(async ()=>{
+            try {
+                await actions.restoreItem(item.id);
+                toast.showSuccessToast({
+                    title: `${item.title} was restored successfully!`
+                });
+                if (onItemAfterRestore) await onItemAfterRestore(item);
+            } catch (ex) {
+                toast.showWarningToast({
+                    title: ex.message || `Error while restoring ${item.title}`
+                });
+            }
+        }), [
+        item,
+        actions,
+        onItemAfterRestore
+    ]);
+    return {
+        openDialogRestoreItem
+    };
+};
+export { useRestoreTrashBinItem };
+
+//# sourceMappingURL=useRestoreTrashBinItem.js.map

package/presentation/trashBin/hooks/useRestoreTrashBinItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/trashBin/hooks/useRestoreTrashBinItem.js","sources":["../../../../src/presentation/trashBin/hooks/useRestoreTrashBinItem.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { useConfirmationDialog } from \"~/index.js\";\nimport type { TrashBinItem } from \"../abstractions.js\";\nimport { useTrashBinPresenter } from \"./useTrashBinPresenter.js\";\nimport { useToast } from \"@webiny/admin-ui\";\n\ninterface UseRestoreItemParams {\n    item: TrashBinItem;\n}\n\nexport const useRestoreTrashBinItem = ({ item }: UseRestoreItemParams) => {\n    const { actions, onItemAfterRestore } = useTrashBinPresenter();\n    const toast = useToast();\n\n    const { showConfirmation } = useConfirmationDialog({\n        title: \"Restore item\",\n        message: (\n            <p>\n                You are about to restore <strong>{item.title}</strong>.\n                <br />\n                Are you sure you want to continue?\n            </p>\n        )\n    });\n\n    const openDialogRestoreItem = useCallback(\n        () =>\n            showConfirmation(async () => {\n                try {\n                    await actions.restoreItem(item.id);\n                    toast.showSuccessToast({ title: `${item.title} was restored successfully!` });\n\n                    if (onItemAfterRestore) {\n                        await onItemAfterRestore(item);\n                    }\n                } catch (ex: any) {\n                    toast.showWarningToast({\n                        title: ex.message || `Error while restoring ${item.title}`\n                    });\n                }\n            }),\n        [item, actions, onItemAfterRestore]\n    );\n\n    return { openDialogRestoreItem };\n};\n"],"names":["useRestoreTrashBinItem","item","actions","onItemAfterRestore","useTrashBinPresenter","toast","useToast","showConfirmation","useConfirmationDialog","openDialogRestoreItem","useCallback","ex"],"mappings":";;;;AAUO,MAAMA,yBAAyB,CAAC,EAAEC,IAAI,EAAwB;IACjE,MAAM,EAAEC,OAAO,EAAEC,kBAAkB,EAAE,GAAGC;IACxC,MAAMC,QAAQC;IAEd,MAAM,EAAEC,gBAAgB,EAAE,GAAGC,sBAAsB;QAC/C,OAAO;QACP,SAAS,WAAT,GACI,oBAAC,WAAE,2CAC0B,oBAAC,gBAAQP,KAAK,KAAK,GAAU,mBACtD,oBAAC,aAAK;IAIlB;IAEA,MAAMQ,wBAAwBC,YAC1B,IACIH,iBAAiB;YACb,IAAI;gBACA,MAAML,QAAQ,WAAW,CAACD,KAAK,EAAE;gBACjCI,MAAM,gBAAgB,CAAC;oBAAE,OAAO,GAAGJ,KAAK,KAAK,CAAC,2BAA2B,CAAC;gBAAC;gBAE3E,IAAIE,oBACA,MAAMA,mBAAmBF;YAEjC,EAAE,OAAOU,IAAS;gBACdN,MAAM,gBAAgB,CAAC;oBACnB,OAAOM,GAAG,OAAO,IAAI,CAAC,sBAAsB,EAAEV,KAAK,KAAK,EAAE;gBAC9D;YACJ;QACJ,IACJ;QAACA;QAAMC;QAASC;KAAmB;IAGvC,OAAO;QAAEM;IAAsB;AACnC"}

package/presentation/trashBin/hooks/useTrashBinItem.d.ts

@@ -0,0 +1,11 @@
+import type { TrashBinItem } from "../abstractions.js";
+export interface TrashBinItemContext {
+    item: TrashBinItem;
+}
+export declare const useTrashBinItem: () => TrashBinItemContext;
+export declare const TrashBinItemProvider: {
+    ({ children, ...props }: TrashBinItemContext & {
+        children: React.ReactNode;
+    }): React.JSX.Element;
+    displayName: string;
+};

package/presentation/trashBin/hooks/useTrashBinItem.js

@@ -0,0 +1,7 @@
+import { createGenericContext } from "../../../index.js";
+const { Provider: Provider, useHook: useHook } = createGenericContext("TrashBinItemContext");
+const useTrashBinItem = useHook;
+const TrashBinItemProvider = Provider;
+export { TrashBinItemProvider, useTrashBinItem };
+
+//# sourceMappingURL=useTrashBinItem.js.map

package/presentation/trashBin/hooks/useTrashBinItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/trashBin/hooks/useTrashBinItem.js","sources":["../../../../src/presentation/trashBin/hooks/useTrashBinItem.tsx"],"sourcesContent":["import { createGenericContext } from \"~/index.js\";\nimport type { TrashBinItem } from \"../abstractions.js\";\n\nexport interface TrashBinItemContext {\n    item: TrashBinItem;\n}\n\nconst { Provider, useHook } = createGenericContext<TrashBinItemContext>(\"TrashBinItemContext\");\n\nexport const useTrashBinItem = useHook;\nexport const TrashBinItemProvider = Provider;\n"],"names":["Provider","useHook","createGenericContext","useTrashBinItem","TrashBinItemProvider"],"mappings":";AAOA,MAAM,EAAEA,UAAAA,QAAQ,EAAEC,SAAAA,OAAO,EAAE,GAAGC,qBAA0C;AAEjE,MAAMC,kBAAkBF;AACxB,MAAMG,uBAAuBJ"}

package/presentation/trashBin/hooks/useTrashBinPresenter.d.ts

@@ -0,0 +1,13 @@
+import type { ITrashBinViewModel, ITrashBinActions, TrashBinItem } from "../abstractions.js";
+export interface TrashBinContext {
+    vm: ITrashBinViewModel;
+    actions: ITrashBinActions;
+    onItemAfterRestore?: (item: TrashBinItem) => Promise<void>;
+}
+export declare const useTrashBinPresenter: () => TrashBinContext;
+export declare const TrashBinProvider: {
+    ({ children, ...props }: TrashBinContext & {
+        children: React.ReactNode;
+    }): React.JSX.Element;
+    displayName: string;
+};

package/presentation/trashBin/hooks/useTrashBinPresenter.js

@@ -0,0 +1,7 @@
+import { createGenericContext } from "../../../index.js";
+const { Provider: Provider, useHook: useHook } = createGenericContext("TrashBinContext");
+const useTrashBinPresenter = useHook;
+const TrashBinProvider = Provider;
+export { TrashBinProvider, useTrashBinPresenter };
+
+//# sourceMappingURL=useTrashBinPresenter.js.map

package/presentation/trashBin/hooks/useTrashBinPresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/trashBin/hooks/useTrashBinPresenter.js","sources":["../../../../src/presentation/trashBin/hooks/useTrashBinPresenter.tsx"],"sourcesContent":["import { createGenericContext } from \"~/index.js\";\nimport type { ITrashBinViewModel, ITrashBinActions, TrashBinItem } from \"../abstractions.js\";\n\nexport interface TrashBinContext {\n    vm: ITrashBinViewModel;\n    actions: ITrashBinActions;\n    onItemAfterRestore?: (item: TrashBinItem) => Promise<void>;\n}\n\nconst { Provider, useHook } = createGenericContext<TrashBinContext>(\"TrashBinContext\");\n\nexport const useTrashBinPresenter = useHook;\nexport const TrashBinProvider = Provider;\n"],"names":["Provider","useHook","createGenericContext","useTrashBinPresenter","TrashBinProvider"],"mappings":";AASA,MAAM,EAAEA,UAAAA,QAAQ,EAAEC,SAAAA,OAAO,EAAE,GAAGC,qBAAsC;AAE7D,MAAMC,uBAAuBF;AAC7B,MAAMG,mBAAmBJ"}

package/presentation/trashBin/index.d.ts

@@ -0,0 +1,6 @@
+export { TrashBinFeature } from "./feature.js";
+export { TrashBinPresenter, TrashBinListGateway, TrashBinDeleteGateway, TrashBinRestoreGateway, TrashBinBulkActionGateway, type ITrashBinPresenter, type ITrashBinPresenterConfig, type ITrashBinViewModel, type ITrashBinActions, type ITrashBinListGateway, type ITrashBinListGatewayParams, type ITrashBinListGatewayResult, type ITrashBinDeleteGateway, type ITrashBinRestoreGateway, type ITrashBinBulkActionGateway, type ITrashBinBulkActionParams, type ITrashBinBulkActionResult, type TrashBinItem, type TrashBinIdentity, type TrashBinLocation } from "./abstractions.js";
+export { TrashBinOverlay } from "./components/TrashBinOverlay.js";
+export { TrashBinConfigs } from "./components/TrashBinConfigs.js";
+export { TrashBinListConfig, useTrashBinListConfig } from "./configs/index.js";
+export { useTrashBinPresenter, useTrashBinItem, useDeleteTrashBinItem, useRestoreTrashBinItem } from "./hooks/index.js";

package/presentation/trashBin/index.js

@@ -0,0 +1,6 @@
+export { TrashBinFeature } from "./feature.js";
+export { TrashBinBulkActionGateway, TrashBinDeleteGateway, TrashBinListGateway, TrashBinPresenter, TrashBinRestoreGateway } from "./abstractions.js";
+export { TrashBinOverlay } from "./components/TrashBinOverlay.js";
+export { TrashBinConfigs } from "./components/TrashBinConfigs.js";
+export { TrashBinListConfig, useTrashBinListConfig } from "./configs/index.js";
+export { useDeleteTrashBinItem, useRestoreTrashBinItem, useTrashBinItem, useTrashBinPresenter } from "./hooks/index.js";

package/static/svg/search.43fa797c.svg

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
+	 height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
+<g id="Header_x2F_BG" display="none">
+	<rect x="-358" y="-314" display="inline" fill="#F1F1F2" width="520" height="520"/>
+</g>
+<g id="Bounding_Boxes">
+	<g id="ui_x5F_spec_x5F_header_copy_3" display="none">
+	</g>
+	<path fill="none" d="M0,0h24v24H0V0z"/>
+</g>
+<g id="Rounded">
+	<g id="ui_x5F_spec_x5F_header_copy_5" display="none">
+	</g>
+	<path fill="currentColor" d="M15.5,14h-0.79l-0.28-0.27c1.2-1.4,1.82-3.31,1.48-5.34c-0.47-2.78-2.79-5-5.59-5.34c-4.23-0.52-7.79,3.04-7.27,7.27
+		c0.34,2.8,2.56,5.12,5.34,5.59c2.03,0.34,3.94-0.28,5.34-1.48L14,14.71v0.79l4.25,4.25c0.41,0.41,1.08,0.41,1.49,0l0,0
+		c0.41-0.41,0.41-1.08,0-1.49L15.5,14z M9.5,14C7.01,14,5,11.99,5,9.5S7.01,5,9.5,5S14,7.01,14,9.5S11.99,14,9.5,14z"/>
+</g>
+</svg>

package/base/Base/FieldRenderers/ObjectRenderer/MultiValueDynamicZone.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-import type { IObjectFieldVM } from "../../../../features/formModel/index.js";
-interface MultiValueDynamicZoneProps {
-    field: IObjectFieldVM;
-    showContainer?: boolean;
-}
-export declare const MultiValueDynamicZone: (({ field, showContainer }: MultiValueDynamicZoneProps) => React.JSX.Element) & {
-    displayName: string;
-};
-export {};

package/base/Base/FieldRenderers/ObjectRenderer/MultiValueDynamicZone.js

@@ -1,97 +0,0 @@
-import react from "react";
-import { observer } from "mobx-react-lite";
-import { Accordion, Tooltip } from "@webiny/admin-ui";
-import { ReactComponent } from "@webiny/icons/delete_outline.svg";
-import { ReactComponent as library_add_svg_ReactComponent } from "@webiny/icons/library_add.svg";
-import { ReactComponent as expand_less_svg_ReactComponent } from "@webiny/icons/expand_less.svg";
-import { ReactComponent as expand_more_svg_ReactComponent } from "@webiny/icons/expand_more.svg";
-import { ReactComponent as horizontal_rule_svg_ReactComponent } from "@webiny/icons/horizontal_rule.svg";
-import { useConfirmationDialog } from "../../../../hooks/useConfirmationDialog.js";
-import { NestedLayout } from "./ObjectFieldComponents.js";
-import { AddTemplateButton } from "./TemplatePicker.js";
-const MultiValueDynamicZone = observer(({ field, showContainer = true })=>{
-    const itemCount = field.items.length;
-    const content = /*#__PURE__*/ react.createElement("div", {
-        className: "flex flex-col gap-lg"
-    }, itemCount > 0 ? /*#__PURE__*/ react.createElement(Accordion, {
-        background: "base",
-        variant: "container",
-        className: "gap-md flex flex-col"
-    }, field.items.map((item, index)=>/*#__PURE__*/ react.createElement(TemplatedListItem, {
-            key: item.key,
-            item: item,
-            index: index,
-            total: itemCount,
-            templates: field.availableTemplates,
-            disabled: field.disabled
-        }))) : null, !field.disabled && /*#__PURE__*/ react.createElement(AddTemplateButton, {
-        templates: field.availableTemplates,
-        onSelect: (template)=>field.addItem(template.id)
-    }));
-    if (!showContainer) return content;
-    const label = `${field.label || ""}${itemCount ? ` (${itemCount})` : ""}`;
-    return /*#__PURE__*/ react.createElement(Accordion, {
-        background: "base",
-        variant: "container"
-    }, /*#__PURE__*/ react.createElement(Accordion.Item, {
-        icon: /*#__PURE__*/ react.createElement(Accordion.Item.Icon, {
-            color: "accent",
-            label: "Dynamic Zone",
-            icon: /*#__PURE__*/ react.createElement(horizontal_rule_svg_ReactComponent, null)
-        }),
-        title: label,
-        defaultOpen: true
-    }, content));
-});
-const TemplatedListItem = observer(({ item, index, total, templates, disabled })=>{
-    const { showConfirmation } = useConfirmationDialog({
-        title: "Delete item",
-        message: "Are you sure you want to delete this item? This action is not reversible.",
-        acceptLabel: "Yes, I'm sure!",
-        cancelLabel: "No, leave it."
-    });
-    const template = templates.find((t)=>t.id === item.templateId);
-    const title = template?.label || `Item #${index + 1}`;
-    const onDelete = ()=>{
-        showConfirmation(()=>{
-            item.remove();
-        });
-    };
-    const actions = /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Accordion.Item.Action, {
-        icon: /*#__PURE__*/ react.createElement(Tooltip, {
-            trigger: /*#__PURE__*/ react.createElement(expand_less_svg_ReactComponent, null),
-            content: "Move up"
-        }),
-        onClick: item.moveUp,
-        disabled: 0 === index
-    }), /*#__PURE__*/ react.createElement(Accordion.Item.Action, {
-        icon: /*#__PURE__*/ react.createElement(Tooltip, {
-            trigger: /*#__PURE__*/ react.createElement(expand_more_svg_ReactComponent, null),
-            content: "Move down"
-        }),
-        onClick: item.moveDown,
-        disabled: index === total - 1
-    }), /*#__PURE__*/ react.createElement(Accordion.Item.Action.Separator, null), /*#__PURE__*/ react.createElement(Accordion.Item.Action, {
-        icon: /*#__PURE__*/ react.createElement(Tooltip, {
-            trigger: /*#__PURE__*/ react.createElement(library_add_svg_ReactComponent, null),
-            content: "Duplicate"
-        }),
-        onClick: item.duplicate
-    }), /*#__PURE__*/ react.createElement(Accordion.Item.Action, {
-        icon: /*#__PURE__*/ react.createElement(Tooltip, {
-            trigger: /*#__PURE__*/ react.createElement(ReactComponent, null),
-            content: "Delete"
-        }),
-        onClick: onDelete
-    }));
-    return /*#__PURE__*/ react.createElement(Accordion.Item, {
-        title: title,
-        actions: disabled ? null : actions,
-        defaultOpen: false
-    }, /*#__PURE__*/ react.createElement(NestedLayout, {
-        layout: item.layout
-    }));
-});
-export { MultiValueDynamicZone };
-
-//# sourceMappingURL=MultiValueDynamicZone.js.map

package/base/Base/FieldRenderers/ObjectRenderer/MultiValueDynamicZone.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"base/Base/FieldRenderers/ObjectRenderer/MultiValueDynamicZone.js","sources":["../../../../../src/base/Base/FieldRenderers/ObjectRenderer/MultiValueDynamicZone.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { Accordion, Tooltip } from \"@webiny/admin-ui\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete_outline.svg\";\nimport { ReactComponent as CloneIcon } from \"@webiny/icons/library_add.svg\";\nimport { ReactComponent as ArrowUpIcon } from \"@webiny/icons/expand_less.svg\";\nimport { ReactComponent as ArrowDownIcon } from \"@webiny/icons/expand_more.svg\";\nimport { ReactComponent as HorizontalRuleIcon } from \"@webiny/icons/horizontal_rule.svg\";\nimport type { IObjectFieldItemVM, IObjectFieldVM } from \"~/features/formModel/index.js\";\nimport { useConfirmationDialog } from \"~/hooks/useConfirmationDialog.js\";\nimport { NestedLayout } from \"./ObjectFieldComponents.js\";\nimport { AddTemplateButton } from \"./TemplatePicker.js\";\n\ninterface MultiValueDynamicZoneProps {\n    field: IObjectFieldVM;\n    showContainer?: boolean;\n}\n\nexport const MultiValueDynamicZone = observer(\n    ({ field, showContainer = true }: MultiValueDynamicZoneProps) => {\n        const itemCount = field.items.length;\n\n        const content = (\n            <div className={\"flex flex-col gap-lg\"}>\n                {itemCount > 0 ? (\n                    <Accordion\n                        background={\"base\"}\n                        variant={\"container\"}\n                        className={\"gap-md flex flex-col\"}\n                    >\n                        {field.items.map((item, index) => (\n                            <TemplatedListItem\n                                key={item.key}\n                                item={item}\n                                index={index}\n                                total={itemCount}\n                                templates={field.availableTemplates}\n                                disabled={field.disabled}\n                            />\n                        ))}\n                    </Accordion>\n                ) : null}\n                {!field.disabled && (\n                    <AddTemplateButton\n                        templates={field.availableTemplates}\n                        onSelect={template => field.addItem(template.id)}\n                    />\n                )}\n            </div>\n        );\n\n        if (!showContainer) {\n            return content;\n        }\n\n        const label = `${field.label || \"\"}${itemCount ? ` (${itemCount})` : \"\"}`;\n\n        return (\n            <Accordion background={\"base\"} variant={\"container\"}>\n                <Accordion.Item\n                    icon={\n                        <Accordion.Item.Icon\n                            color={\"accent\"}\n                            label={\"Dynamic Zone\"}\n                            icon={<HorizontalRuleIcon />}\n                        />\n                    }\n                    title={label}\n                    defaultOpen={true}\n                >\n                    {content}\n                </Accordion.Item>\n            </Accordion>\n        );\n    }\n);\n\ninterface TemplatedListItemProps {\n    item: IObjectFieldItemVM;\n    index: number;\n    total: number;\n    templates: { id: string; label: string }[];\n    disabled: boolean;\n}\n\nconst TemplatedListItem = observer(\n    ({ item, index, total, templates, disabled }: TemplatedListItemProps) => {\n        const { showConfirmation } = useConfirmationDialog({\n            title: \"Delete item\",\n            message: \"Are you sure you want to delete this item? This action is not reversible.\",\n            acceptLabel: \"Yes, I'm sure!\",\n            cancelLabel: \"No, leave it.\"\n        });\n\n        const template = templates.find(t => t.id === item.templateId);\n        const title = template?.label || `Item #${index + 1}`;\n\n        const onDelete = () => {\n            showConfirmation(() => {\n                item.remove();\n            });\n        };\n\n        const actions = (\n            <>\n                <Accordion.Item.Action\n                    icon={<Tooltip trigger={<ArrowUpIcon />} content={\"Move up\"} />}\n                    onClick={item.moveUp}\n                    disabled={index === 0}\n                />\n                <Accordion.Item.Action\n                    icon={<Tooltip trigger={<ArrowDownIcon />} content={\"Move down\"} />}\n                    onClick={item.moveDown}\n                    disabled={index === total - 1}\n                />\n                <Accordion.Item.Action.Separator />\n                <Accordion.Item.Action\n                    icon={<Tooltip trigger={<CloneIcon />} content={\"Duplicate\"} />}\n                    onClick={item.duplicate}\n                />\n                <Accordion.Item.Action\n                    icon={<Tooltip trigger={<DeleteIcon />} content={\"Delete\"} />}\n                    onClick={onDelete}\n                />\n            </>\n        );\n\n        return (\n            <Accordion.Item title={title} actions={disabled ? null : actions} defaultOpen={false}>\n                <NestedLayout layout={item.layout} />\n            </Accordion.Item>\n        );\n    }\n);\n"],"names":["MultiValueDynamicZone","observer","field","showContainer","itemCount","content","Accordion","item","index","TemplatedListItem","AddTemplateButton","template","label","HorizontalRuleIcon","total","templates","disabled","showConfirmation","useConfirmationDialog","t","title","onDelete","actions","Tooltip","ArrowUpIcon","ArrowDownIcon","CloneIcon","DeleteIcon","NestedLayout"],"mappings":";;;;;;;;;;;AAkBO,MAAMA,wBAAwBC,SACjC,CAAC,EAAEC,KAAK,EAAEC,gBAAgB,IAAI,EAA8B;IACxD,MAAMC,YAAYF,MAAM,KAAK,CAAC,MAAM;IAEpC,MAAMG,UAAU,WAAVA,GACF,oBAAC;QAAI,WAAW;OACXD,YAAY,IAAI,WAAJ,GACT,oBAACE,WAASA;QACN,YAAY;QACZ,SAAS;QACT,WAAW;OAEVJ,MAAM,KAAK,CAAC,GAAG,CAAC,CAACK,MAAMC,QAAAA,WAAAA,GACpB,oBAACC,mBAAiBA;YACd,KAAKF,KAAK,GAAG;YACb,MAAMA;YACN,OAAOC;YACP,OAAOJ;YACP,WAAWF,MAAM,kBAAkB;YACnC,UAAUA,MAAM,QAAQ;eAIpC,MACH,CAACA,MAAM,QAAQ,IAAI,WAAJ,GACZ,oBAACQ,mBAAiBA;QACd,WAAWR,MAAM,kBAAkB;QACnC,UAAUS,CAAAA,WAAYT,MAAM,OAAO,CAACS,SAAS,EAAE;;IAM/D,IAAI,CAACR,eACD,OAAOE;IAGX,MAAMO,QAAQ,GAAGV,MAAM,KAAK,IAAI,KAAKE,YAAY,CAAC,EAAE,EAAEA,UAAU,CAAC,CAAC,GAAG,IAAI;IAEzE,OAAO,WAAP,GACI,oBAACE,WAASA;QAAC,YAAY;QAAQ,SAAS;qBACpC,oBAACA,UAAU,IAAI;QACX,oBACI,oBAACA,UAAU,IAAI,CAAC,IAAI;YAChB,OAAO;YACP,OAAO;YACP,oBAAM,oBAACO,oCAAkBA;;QAGjC,OAAOD;QACP,aAAa;OAEZP;AAIjB;AAWJ,MAAMI,oBAAoBR,SACtB,CAAC,EAAEM,IAAI,EAAEC,KAAK,EAAEM,KAAK,EAAEC,SAAS,EAAEC,QAAQ,EAA0B;IAChE,MAAM,EAAEC,gBAAgB,EAAE,GAAGC,sBAAsB;QAC/C,OAAO;QACP,SAAS;QACT,aAAa;QACb,aAAa;IACjB;IAEA,MAAMP,WAAWI,UAAU,IAAI,CAACI,CAAAA,IAAKA,EAAE,EAAE,KAAKZ,KAAK,UAAU;IAC7D,MAAMa,QAAQT,UAAU,SAAS,CAAC,MAAM,EAAEH,QAAQ,GAAG;IAErD,MAAMa,WAAW;QACbJ,iBAAiB;YACbV,KAAK,MAAM;QACf;IACJ;IAEA,MAAMe,UAAU,WAAVA,GACF,wDACI,oBAAChB,UAAU,IAAI,CAAC,MAAM;QAClB,oBAAM,oBAACiB,SAAOA;YAAC,uBAAS,oBAACC,gCAAWA;YAAK,SAAS;;QAClD,SAASjB,KAAK,MAAM;QACpB,UAAUC,AAAU,MAAVA;sBAEd,oBAACF,UAAU,IAAI,CAAC,MAAM;QAClB,oBAAM,oBAACiB,SAAOA;YAAC,uBAAS,oBAACE,gCAAaA;YAAK,SAAS;;QACpD,SAASlB,KAAK,QAAQ;QACtB,UAAUC,UAAUM,QAAQ;sBAEhC,oBAACR,UAAU,IAAI,CAAC,MAAM,CAAC,SAAS,uBAChC,oBAACA,UAAU,IAAI,CAAC,MAAM;QAClB,oBAAM,oBAACiB,SAAOA;YAAC,uBAAS,oBAACG,gCAASA;YAAK,SAAS;;QAChD,SAASnB,KAAK,SAAS;sBAE3B,oBAACD,UAAU,IAAI,CAAC,MAAM;QAClB,oBAAM,oBAACiB,SAAOA;YAAC,uBAAS,oBAACI,gBAAUA;YAAK,SAAS;;QACjD,SAASN;;IAKrB,OAAO,WAAP,GACI,oBAACf,UAAU,IAAI;QAAC,OAAOc;QAAO,SAASJ,WAAW,OAAOM;QAAS,aAAa;qBAC3E,oBAACM,cAAYA;QAAC,QAAQrB,KAAK,MAAM;;AAG7C"}

package/base/Base/FieldRenderers/ObjectRenderer/TemplatePicker.js

@@ -1,68 +0,0 @@
-import react, { useState } from "react";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { Button, Dialog, Text } from "@webiny/admin-ui";
-import { ReactComponent } from "@webiny/icons/add.svg";
-import { ReactComponent as add_circle_outline_svg_ReactComponent } from "@webiny/icons/add_circle_outline.svg";
-const normalizeIcon = (icon)=>{
-    if (!icon) return;
-    return icon.name.split("/");
-};
-const AddTemplateButton = ({ templates, onSelect, label = "Add a template", size = "sm", variant = "tertiary" })=>/*#__PURE__*/ react.createElement("div", {
-        className: "flex justify-between items-center"
-    }, /*#__PURE__*/ react.createElement(Dialog, {
-        size: "lg",
-        className: "w-[800px]",
-        trigger: /*#__PURE__*/ react.createElement(Button, {
-            size: size,
-            variant: variant,
-            text: label,
-            icon: /*#__PURE__*/ react.createElement(ReactComponent, null)
-        }),
-        title: "Insert a template",
-        info: /*#__PURE__*/ react.createElement(react.Fragment, null)
-    }, /*#__PURE__*/ react.createElement(TemplateGallery, {
-        templates: templates,
-        onSelect: onSelect
-    })));
-const TemplateGallery = ({ templates, onSelect })=>/*#__PURE__*/ react.createElement("div", {
-        className: "gap-md flex flex-wrap p-xs"
-    }, templates.map((template)=>/*#__PURE__*/ react.createElement(TemplateCard, {
-            key: template.id,
-            template: template,
-            onSelect: onSelect
-        })));
-const TemplateCard = ({ template, onSelect })=>{
-    const [isHovered, setIsHovered] = useState(false);
-    const icon = normalizeIcon(template.icon);
-    return /*#__PURE__*/ react.createElement("div", {
-        onMouseEnter: ()=>setIsHovered(true),
-        onMouseLeave: ()=>setIsHovered(false),
-        className: "flex flex-col justify-between bg-neutral-base overflow-hidden rounded-lg w-[173px] relative shadow-sm"
-    }, /*#__PURE__*/ react.createElement("div", null, /*#__PURE__*/ react.createElement("div", {
-        className: "flex items-center justify-center py-xxl w-full bg-neutral-dimmed"
-    }, icon ? /*#__PURE__*/ react.createElement(FontAwesomeIcon, {
-        className: "text-neutral-xstrong",
-        icon: icon,
-        style: {
-            width: 40,
-            height: 40
-        }
-    }) : null), /*#__PURE__*/ react.createElement("div", {
-        className: "py-sm-extra px-md"
-    }, /*#__PURE__*/ react.createElement(Text, {
-        size: "md",
-        className: "mb-xs text-neutral-primary font-semibold"
-    }, template.label))), isHovered && /*#__PURE__*/ react.createElement(Dialog.Close, {
-        asChild: true
-    }, /*#__PURE__*/ react.createElement("div", {
-        className: "absolute inset-0 flex items-center justify-center bg-white/80 cursor-pointer",
-        onClick: ()=>onSelect(template)
-    }, /*#__PURE__*/ react.createElement(Button, {
-        size: "lg",
-        variant: "primary",
-        icon: /*#__PURE__*/ react.createElement(add_circle_outline_svg_ReactComponent, null)
-    }, "Insert"))));
-};
-export { AddTemplateButton };
-
-//# sourceMappingURL=TemplatePicker.js.map

package/base/Base/FieldRenderers/ObjectRenderer/TemplatePicker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"base/Base/FieldRenderers/ObjectRenderer/TemplatePicker.js","sources":["../../../../../src/base/Base/FieldRenderers/ObjectRenderer/TemplatePicker.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { IconProp } from \"@fortawesome/fontawesome-svg-core\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { Button, Dialog, Text } from \"@webiny/admin-ui\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport { ReactComponent as PlusIcon } from \"@webiny/icons/add_circle_outline.svg\";\nimport type { ITemplateIcon, ITemplateVM } from \"~/features/formModel/index.js\";\n\nconst normalizeIcon = (icon: ITemplateIcon | undefined): IconProp | undefined => {\n    if (!icon) {\n        return undefined;\n    }\n    return icon.name.split(\"/\") as IconProp;\n};\n\nexport interface AddTemplateButtonProps {\n    templates: ITemplateVM[];\n    onSelect: (template: ITemplateVM) => void;\n    label?: string;\n    size?: \"sm\" | \"md\" | \"lg\";\n    variant?: \"primary\" | \"secondary\" | \"tertiary\";\n}\n\nexport const AddTemplateButton = ({\n    templates,\n    onSelect,\n    label = \"Add a template\",\n    size = \"sm\",\n    variant = \"tertiary\"\n}: AddTemplateButtonProps) => {\n    return (\n        <div className={\"flex justify-between items-center\"}>\n            <Dialog\n                size={\"lg\"}\n                className={\"w-[800px]\"}\n                trigger={<Button size={size} variant={variant} text={label} icon={<AddIcon />} />}\n                title={\"Insert a template\"}\n                info={<></>}\n            >\n                <TemplateGallery templates={templates} onSelect={onSelect} />\n            </Dialog>\n        </div>\n    );\n};\n\ninterface TemplateGalleryProps {\n    templates: ITemplateVM[];\n    onSelect: (template: ITemplateVM) => void;\n}\n\nconst TemplateGallery = ({ templates, onSelect }: TemplateGalleryProps) => {\n    return (\n        <div className={\"gap-md flex flex-wrap p-xs\"}>\n            {templates.map(template => (\n                <TemplateCard key={template.id} template={template} onSelect={onSelect} />\n            ))}\n        </div>\n    );\n};\n\ninterface TemplateCardProps {\n    template: ITemplateVM;\n    onSelect: (template: ITemplateVM) => void;\n}\n\nconst TemplateCard = ({ template, onSelect }: TemplateCardProps) => {\n    const [isHovered, setIsHovered] = useState(false);\n    const icon = normalizeIcon(template.icon);\n\n    return (\n        <div\n            onMouseEnter={() => setIsHovered(true)}\n            onMouseLeave={() => setIsHovered(false)}\n            className={\n                \"flex flex-col justify-between bg-neutral-base overflow-hidden rounded-lg w-[173px] relative shadow-sm\"\n            }\n        >\n            <div>\n                <div className={\"flex items-center justify-center py-xxl w-full bg-neutral-dimmed\"}>\n                    {icon ? (\n                        <FontAwesomeIcon\n                            className={\"text-neutral-xstrong\"}\n                            icon={icon}\n                            style={{ width: 40, height: 40 }}\n                        />\n                    ) : null}\n                </div>\n                <div className={\"py-sm-extra px-md\"}>\n                    <Text size={\"md\"} className={\"mb-xs text-neutral-primary font-semibold\"}>\n                        {template.label}\n                    </Text>\n                </div>\n            </div>\n\n            {isHovered && (\n                <Dialog.Close asChild>\n                    <div\n                        className={\n                            \"absolute inset-0 flex items-center justify-center bg-white/80 cursor-pointer\"\n                        }\n                        onClick={() => onSelect(template)}\n                    >\n                        <Button size={\"lg\"} variant={\"primary\"} icon={<PlusIcon />}>\n                            Insert\n                        </Button>\n                    </div>\n                </Dialog.Close>\n            )}\n        </div>\n    );\n};\n"],"names":["normalizeIcon","icon","AddTemplateButton","templates","onSelect","label","size","variant","Dialog","Button","AddIcon","TemplateGallery","template","TemplateCard","isHovered","setIsHovered","useState","FontAwesomeIcon","Text","PlusIcon"],"mappings":";;;;;AAQA,MAAMA,gBAAgB,CAACC;IACnB,IAAI,CAACA,MACD;IAEJ,OAAOA,KAAK,IAAI,CAAC,KAAK,CAAC;AAC3B;AAUO,MAAMC,oBAAoB,CAAC,EAC9BC,SAAS,EACTC,QAAQ,EACRC,QAAQ,gBAAgB,EACxBC,OAAO,IAAI,EACXC,UAAU,UAAU,EACC,GACd,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACC,QAAMA;QACH,MAAM;QACN,WAAW;QACX,uBAAS,oBAACC,QAAMA;YAAC,MAAMH;YAAM,SAASC;YAAS,MAAMF;YAAO,oBAAM,oBAACK,gBAAOA;;QAC1E,OAAO;QACP,oBAAM;qBAEN,oBAACC,iBAAeA;QAAC,WAAWR;QAAW,UAAUC;;AAWjE,MAAMO,kBAAkB,CAAC,EAAER,SAAS,EAAEC,QAAQ,EAAwB,GAC3D,WAAP,GACI,oBAAC;QAAI,WAAW;OACXD,UAAU,GAAG,CAACS,CAAAA,WAAAA,WAAAA,GACX,oBAACC,cAAYA;YAAC,KAAKD,SAAS,EAAE;YAAE,UAAUA;YAAU,UAAUR;;AAW9E,MAAMS,eAAe,CAAC,EAAED,QAAQ,EAAER,QAAQ,EAAqB;IAC3D,MAAM,CAACU,WAAWC,aAAa,GAAGC,SAAS;IAC3C,MAAMf,OAAOD,cAAcY,SAAS,IAAI;IAExC,OAAO,WAAP,GACI,oBAAC;QACG,cAAc,IAAMG,aAAa;QACjC,cAAc,IAAMA,aAAa;QACjC,WACI;qBAGJ,oBAAC,2BACG,oBAAC;QAAI,WAAW;OACXd,OAAO,WAAPA,GACG,oBAACgB,iBAAeA;QACZ,WAAW;QACX,MAAMhB;QACN,OAAO;YAAE,OAAO;YAAI,QAAQ;QAAG;SAEnC,qBAER,oBAAC;QAAI,WAAW;qBACZ,oBAACiB,MAAIA;QAAC,MAAM;QAAM,WAAW;OACxBN,SAAS,KAAK,KAK1BE,aAAa,WAAbA,GACG,oBAACN,OAAO,KAAK;QAAC;qBACV,oBAAC;QACG,WACI;QAEJ,SAAS,IAAMJ,SAASQ;qBAExB,oBAACH,QAAMA;QAAC,MAAM;QAAM,SAAS;QAAW,oBAAM,oBAACU,uCAAQA;OAAK;AAQpF"}

package/base/Base/Menus/WebinyVersion.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export declare const WebinyVersion: () => React.JSX.Element;

package/base/Base/Menus/WebinyVersion.js

@@ -1,23 +0,0 @@
-import react, { useMemo } from "react";
-import { config } from "@webiny/app/config.js";
-import { useWcp } from "../../../presentation/wcp/useWcp.js";
-import { Tag } from "@webiny/admin-ui";
-const WebinyVersion = ()=>{
-    const wbyVersion = config.getKey("WEBINY_VERSION", process.env.REACT_APP_WEBINY_VERSION);
-    const wcp = useWcp();
-    const wcpBadge = useMemo(()=>{
-        const wcpProject = wcp.getProject();
-        if (!wcpProject) return null;
-        return /*#__PURE__*/ react.createElement(Tag, {
-            variant: "accent",
-            content: "WCP",
-            className: "ml-sm-extra"
-        });
-    }, []);
-    return /*#__PURE__*/ react.createElement("div", {
-        className: "flex items-center"
-    }, "Webiny v", wbyVersion, wcpBadge);
-};
-export { WebinyVersion };
-
-//# sourceMappingURL=WebinyVersion.js.map

package/base/Base/Menus/WebinyVersion.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"base/Base/Menus/WebinyVersion.js","sources":["../../../../src/base/Base/Menus/WebinyVersion.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { config as appConfig } from \"@webiny/app/config.js\";\nimport { useWcp } from \"~/presentation/wcp/useWcp.js\";\nimport { Tag } from \"@webiny/admin-ui\";\n\nexport const WebinyVersion = () => {\n    const wbyVersion = appConfig.getKey(\"WEBINY_VERSION\", process.env.REACT_APP_WEBINY_VERSION);\n    const wcp = useWcp();\n\n    const wcpBadge = useMemo(() => {\n        const wcpProject = wcp.getProject();\n        if (!wcpProject) {\n            return null;\n        }\n\n        return <Tag variant={\"accent\"} content={\"WCP\"} className={\"ml-sm-extra\"} />;\n    }, []);\n\n    return (\n        <div className={\"flex items-center\"}>\n            Webiny v{wbyVersion}\n            {wcpBadge}\n        </div>\n    );\n};\n"],"names":["WebinyVersion","wbyVersion","appConfig","process","wcp","useWcp","wcpBadge","useMemo","wcpProject","Tag"],"mappings":";;;;AAKO,MAAMA,gBAAgB;IACzB,MAAMC,aAAaC,OAAAA,MAAgB,CAAC,kBAAkBC,QAAQ,GAAG,CAAC,wBAAwB;IAC1F,MAAMC,MAAMC;IAEZ,MAAMC,WAAWC,QAAQ;QACrB,MAAMC,aAAaJ,IAAI,UAAU;QACjC,IAAI,CAACI,YACD,OAAO;QAGX,OAAO,WAAP,GAAO,oBAACC,KAAGA;YAAC,SAAS;YAAU,SAAS;YAAO,WAAW;;IAC9D,GAAG,EAAE;IAEL,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;OAAqB,YACxBR,YACRK;AAGb"}

package/base/WebinyVersion.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export declare const WebinyVersion: () => React.JSX.Element;