@webiny/app-admin 0.0.0-unstable.a4f3e4ea8b → 0.0.0-unstable.a85ef555b2

package/presentation/trashBin/components/BulkActions/DeleteItems.js.map

@@ -1 +1 @@
-{"version":3,"file":"presentation/trashBin/components/BulkActions/DeleteItems.js","sources":["../../../../../src/presentation/trashBin/components/BulkActions/DeleteItems.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { observer } from \"mobx-react-lite\";\nimport { useSnackbar } from \"~/index.js\";\nimport { TrashBinListConfig } from \"../../configs/index.js\";\nimport { useTrashBinPresenter } from \"../../hooks/index.js\";\nimport { Tooltip } from \"@webiny/admin-ui\";\n\nconst getEntriesLabel = (count: number, isSelectedAll: boolean): string => {\n    if (isSelectedAll) {\n        return \"all entries\";\n    }\n    return `${count} ${count === 1 ? \"item\" : \"items\"}`;\n};\n\nexport const BulkActionsDeleteItems = observer(() => {\n    const { actions } = useTrashBinPresenter();\n    const { showSnackbar } = useSnackbar();\n\n    const { useWorker, useButtons, useDialog } = TrashBinListConfig.Browser.BulkAction;\n    const { ButtonDefault } = useButtons();\n    const worker = useWorker();\n    const { showConfirmationDialog, showResultsDialog } = useDialog();\n\n    const entriesLabel = useMemo(() => {\n        return getEntriesLabel(worker.items.length, worker.isSelectedAll);\n    }, [worker.items.length, worker.isSelectedAll]);\n\n    const openDeleteEntriesDialog = () =>\n        showConfirmationDialog({\n            title: \"Delete items\",\n            message: `You are about to permanently delete ${entriesLabel}. Are you sure you want to continue?`,\n            loadingLabel: `Processing ${entriesLabel}`,\n            execute: async () => {\n                if (worker.isSelectedAll) {\n                    await worker.processInBulk(params => actions.bulkDelete(params));\n                    worker.resetItems();\n                    showSnackbar(\n                        \"All items will be permanently deleted. This process will be carried out in the background and may take some time. You can safely navigate away from this page while the process is running.\",\n                        {\n                            dismissIcon: true,\n                            timeout: -1\n                        }\n                    );\n                    return;\n                }\n\n                await worker.processInSeries(async ({ item, report }) => {\n                    try {\n                        await actions.deleteItem(item.id);\n                        report.success({\n                            title: `${item.title}`,\n                            message: \"Item successfully deleted.\"\n                        });\n                    } catch (e: any) {\n                        report.error({\n                            title: `${item.title}`,\n                            message: e.message || \"Unknown error while deleting the item.\"\n                        });\n                    }\n                });\n\n                worker.resetItems();\n                await actions.refresh();\n\n                showResultsDialog({\n                    results: worker.results,\n                    title: \"Delete items\",\n                    message: \"Finished deleting items! See full report below:\"\n                });\n            }\n        });\n\n    return (\n        <Tooltip\n            side={\"bottom\"}\n            content={`Delete ${entriesLabel}`}\n            trigger={\n                <ButtonDefault icon={<DeleteIcon />} onAction={openDeleteEntriesDialog} size={\"sm\"}>\n                    {\"Delete\"}\n                </ButtonDefault>\n            }\n        />\n    );\n});\n"],"names":["getEntriesLabel","count","isSelectedAll","BulkActionsDeleteItems","observer","actions","useTrashBinPresenter","showSnackbar","useSnackbar","useWorker","useButtons","useDialog","TrashBinListConfig","ButtonDefault","worker","showConfirmationDialog","showResultsDialog","entriesLabel","useMemo","openDeleteEntriesDialog","params","item","report","e","Tooltip","DeleteIcon"],"mappings":";;;;;;;AAQA,MAAMA,kBAAkB,CAACC,OAAeC;IACpC,IAAIA,eACA,OAAO;IAEX,OAAO,GAAGD,MAAM,CAAC,EAAEA,AAAU,MAAVA,QAAc,SAAS,SAAS;AACvD;AAEO,MAAME,yBAAyBC,SAAS;IAC3C,MAAM,EAAEC,OAAO,EAAE,GAAGC;IACpB,MAAM,EAAEC,YAAY,EAAE,GAAGC;IAEzB,MAAM,EAAEC,SAAS,EAAEC,UAAU,EAAEC,SAAS,EAAE,GAAGC,mBAAmB,OAAO,CAAC,UAAU;IAClF,MAAM,EAAEC,aAAa,EAAE,GAAGH;IAC1B,MAAMI,SAASL;IACf,MAAM,EAAEM,sBAAsB,EAAEC,iBAAiB,EAAE,GAAGL;IAEtD,MAAMM,eAAeC,QAAQ,IAClBlB,gBAAgBc,OAAO,KAAK,CAAC,MAAM,EAAEA,OAAO,aAAa,GACjE;QAACA,OAAO,KAAK,CAAC,MAAM;QAAEA,OAAO,aAAa;KAAC;IAE9C,MAAMK,0BAA0B,IAC5BJ,uBAAuB;YACnB,OAAO;YACP,SAAS,CAAC,oCAAoC,EAAEE,aAAa,oCAAoC,CAAC;YAClG,cAAc,CAAC,WAAW,EAAEA,cAAc;YAC1C,SAAS;gBACL,IAAIH,OAAO,aAAa,EAAE;oBACtB,MAAMA,OAAO,aAAa,CAACM,CAAAA,SAAUf,QAAQ,UAAU,CAACe;oBACxDN,OAAO,UAAU;oBACjBP,aACI,+LACA;wBACI,aAAa;wBACb,SAAS;oBACb;oBAEJ;gBACJ;gBAEA,MAAMO,OAAO,eAAe,CAAC,OAAO,EAAEO,IAAI,EAAEC,MAAM,EAAE;oBAChD,IAAI;wBACA,MAAMjB,QAAQ,UAAU,CAACgB,KAAK,EAAE;wBAChCC,OAAO,OAAO,CAAC;4BACX,OAAO,GAAGD,KAAK,KAAK,EAAE;4BACtB,SAAS;wBACb;oBACJ,EAAE,OAAOE,GAAQ;wBACbD,OAAO,KAAK,CAAC;4BACT,OAAO,GAAGD,KAAK,KAAK,EAAE;4BACtB,SAASE,EAAE,OAAO,IAAI;wBAC1B;oBACJ;gBACJ;gBAEAT,OAAO,UAAU;gBACjB,MAAMT,QAAQ,OAAO;gBAErBW,kBAAkB;oBACd,SAASF,OAAO,OAAO;oBACvB,OAAO;oBACP,SAAS;gBACb;YACJ;QACJ;IAEJ,OAAO,WAAP,GACI,oBAACU,SAAOA;QACJ,MAAM;QACN,SAAS,CAAC,OAAO,EAAEP,cAAc;QACjC,uBACI,oBAACJ,eAAAA;YAAc,oBAAM,oBAACY,gBAAUA;YAAK,UAAUN;YAAyB,MAAM;WACzE;;AAKrB"}
+{"version":3,"file":"presentation/trashBin/components/BulkActions/DeleteItems.js","sources":["../../../../../src/presentation/trashBin/components/BulkActions/DeleteItems.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { observer } from \"mobx-react-lite\";\nimport { useSnackbar } from \"~/index.js\";\nimport { TrashBinListConfig } from \"../../configs/index.js\";\nimport { useTrashBinPresenter } from \"../../hooks/index.js\";\nimport { Tooltip } from \"@webiny/admin-ui\";\n\nconst getEntriesLabel = (count: number, isSelectedAll: boolean): string => {\n    if (isSelectedAll) {\n        return \"all entries\";\n    }\n    return `${count} ${count === 1 ? \"item\" : \"items\"}`;\n};\n\nexport const BulkActionsDeleteItems = observer(() => {\n    const { actions } = useTrashBinPresenter();\n    const { showSnackbar } = useSnackbar();\n\n    const { useWorker, useButtons, useDialog } = TrashBinListConfig.Browser.BulkAction;\n    const { ButtonDefault } = useButtons();\n    const worker = useWorker();\n    const { showConfirmationDialog, showResultsDialog } = useDialog();\n\n    const entriesLabel = useMemo(() => {\n        return getEntriesLabel(worker.items.length, worker.isSelectedAll);\n    }, [worker.items.length, worker.isSelectedAll]);\n\n    const openDeleteEntriesDialog = () =>\n        showConfirmationDialog({\n            title: \"Delete items\",\n            message: `You are about to permanently delete ${entriesLabel}. Are you sure you want to continue?`,\n            loadingLabel: `Processing ${entriesLabel}`,\n            execute: async () => {\n                if (worker.isSelectedAll) {\n                    await worker.processInBulk(params => actions.bulkDelete(params));\n                    worker.resetItems();\n                    showSnackbar(\n                        \"All items will be permanently deleted. This process will be carried out in the background and may take some time. You can safely navigate away from this page while the process is running.\",\n                        {\n                            dismissIcon: true,\n                            timeout: -1\n                        }\n                    );\n                    return;\n                }\n\n                await worker.processInSeries(async ({ item, report }) => {\n                    try {\n                        const deleted = await actions.deleteItem(item.id);\n                        if (deleted === false) {\n                            report.error({\n                                title: `${item.title}`,\n                                message: \"The item was not deleted.\"\n                            });\n                            return;\n                        }\n\n                        report.success({\n                            title: `${item.title}`,\n                            message: \"Item successfully deleted.\"\n                        });\n                    } catch (e: any) {\n                        report.error({\n                            title: `${item.title}`,\n                            message: e.message || \"Unknown error while deleting the item.\"\n                        });\n                    }\n                });\n\n                worker.resetItems();\n                await actions.refresh();\n\n                showResultsDialog({\n                    results: worker.results,\n                    title: \"Delete items\",\n                    message: \"Finished deleting items! See full report below:\"\n                });\n            }\n        });\n\n    return (\n        <Tooltip\n            side={\"bottom\"}\n            content={`Delete ${entriesLabel}`}\n            trigger={\n                <ButtonDefault icon={<DeleteIcon />} onAction={openDeleteEntriesDialog} size={\"sm\"}>\n                    {\"Delete\"}\n                </ButtonDefault>\n            }\n        />\n    );\n});\n"],"names":["getEntriesLabel","count","isSelectedAll","BulkActionsDeleteItems","observer","actions","useTrashBinPresenter","showSnackbar","useSnackbar","useWorker","useButtons","useDialog","TrashBinListConfig","ButtonDefault","worker","showConfirmationDialog","showResultsDialog","entriesLabel","useMemo","openDeleteEntriesDialog","params","item","report","deleted","e","Tooltip","DeleteIcon"],"mappings":";;;;;;;AAQA,MAAMA,kBAAkB,CAACC,OAAeC;IACpC,IAAIA,eACA,OAAO;IAEX,OAAO,GAAGD,MAAM,CAAC,EAAEA,AAAU,MAAVA,QAAc,SAAS,SAAS;AACvD;AAEO,MAAME,yBAAyBC,SAAS;IAC3C,MAAM,EAAEC,OAAO,EAAE,GAAGC;IACpB,MAAM,EAAEC,YAAY,EAAE,GAAGC;IAEzB,MAAM,EAAEC,SAAS,EAAEC,UAAU,EAAEC,SAAS,EAAE,GAAGC,mBAAmB,OAAO,CAAC,UAAU;IAClF,MAAM,EAAEC,aAAa,EAAE,GAAGH;IAC1B,MAAMI,SAASL;IACf,MAAM,EAAEM,sBAAsB,EAAEC,iBAAiB,EAAE,GAAGL;IAEtD,MAAMM,eAAeC,QAAQ,IAClBlB,gBAAgBc,OAAO,KAAK,CAAC,MAAM,EAAEA,OAAO,aAAa,GACjE;QAACA,OAAO,KAAK,CAAC,MAAM;QAAEA,OAAO,aAAa;KAAC;IAE9C,MAAMK,0BAA0B,IAC5BJ,uBAAuB;YACnB,OAAO;YACP,SAAS,CAAC,oCAAoC,EAAEE,aAAa,oCAAoC,CAAC;YAClG,cAAc,CAAC,WAAW,EAAEA,cAAc;YAC1C,SAAS;gBACL,IAAIH,OAAO,aAAa,EAAE;oBACtB,MAAMA,OAAO,aAAa,CAACM,CAAAA,SAAUf,QAAQ,UAAU,CAACe;oBACxDN,OAAO,UAAU;oBACjBP,aACI,+LACA;wBACI,aAAa;wBACb,SAAS;oBACb;oBAEJ;gBACJ;gBAEA,MAAMO,OAAO,eAAe,CAAC,OAAO,EAAEO,IAAI,EAAEC,MAAM,EAAE;oBAChD,IAAI;wBACA,MAAMC,UAAU,MAAMlB,QAAQ,UAAU,CAACgB,KAAK,EAAE;wBAChD,IAAIE,AAAY,UAAZA,SAAmB,YACnBD,OAAO,KAAK,CAAC;4BACT,OAAO,GAAGD,KAAK,KAAK,EAAE;4BACtB,SAAS;wBACb;wBAIJC,OAAO,OAAO,CAAC;4BACX,OAAO,GAAGD,KAAK,KAAK,EAAE;4BACtB,SAAS;wBACb;oBACJ,EAAE,OAAOG,GAAQ;wBACbF,OAAO,KAAK,CAAC;4BACT,OAAO,GAAGD,KAAK,KAAK,EAAE;4BACtB,SAASG,EAAE,OAAO,IAAI;wBAC1B;oBACJ;gBACJ;gBAEAV,OAAO,UAAU;gBACjB,MAAMT,QAAQ,OAAO;gBAErBW,kBAAkB;oBACd,SAASF,OAAO,OAAO;oBACvB,OAAO;oBACP,SAAS;gBACb;YACJ;QACJ;IAEJ,OAAO,WAAP,GACI,oBAACW,SAAOA;QACJ,MAAM;QACN,SAAS,CAAC,OAAO,EAAER,cAAc;QACjC,uBACI,oBAACJ,eAAAA;YAAc,oBAAM,oBAACa,gBAAUA;YAAK,UAAUP;YAAyB,MAAM;WACzE;;AAKrB"}

package/presentation/trashBin/components/BulkActions/DeleteItems.test.d.ts

@@ -0,0 +1 @@
+export {};

package/presentation/trashBin/components/BulkActions/DeleteItems.test.js

@@ -0,0 +1,100 @@
+import react from "react";
+import { afterEach, describe, expect, it, vi } from "vitest";
+import { cleanup, fireEvent, render, screen, waitFor } from "@testing-library/react";
+import { BulkActionsDeleteItems } from "./DeleteItems.js";
+const mocks = vi.hoisted(()=>({
+        deleteItem: vi.fn(),
+        refresh: vi.fn(),
+        report: {
+            success: vi.fn(),
+            error: vi.fn()
+        }
+    }));
+const items = [
+    {
+        id: "a",
+        title: "Item a"
+    },
+    {
+        id: "b",
+        title: "Item b"
+    }
+];
+vi.mock("~/index.js", ()=>({
+        useSnackbar: ()=>({
+                showSnackbar: vi.fn()
+            })
+    }));
+vi.mock("../../hooks/index.js", ()=>({
+        useTrashBinPresenter: ()=>({
+                actions: {
+                    deleteItem: mocks.deleteItem,
+                    refresh: mocks.refresh
+                }
+            })
+    }));
+vi.mock("../../configs/index.js", ()=>({
+        TrashBinListConfig: {
+            Browser: {
+                BulkAction: {
+                    useWorker: ()=>({
+                            items: items,
+                            isSelectedAll: false,
+                            resetItems: vi.fn(),
+                            results: [],
+                            processInSeries: async (callback)=>{
+                                for (const item of items)await callback({
+                                    item,
+                                    report: mocks.report
+                                });
+                            }
+                        }),
+                    useButtons: ()=>({
+                            ButtonDefault: (props)=>/*#__PURE__*/ react.createElement("button", {
+                                    onClick: props.onAction
+                                }, props.children)
+                        }),
+                    useDialog: ()=>({
+                            showConfirmationDialog: (params)=>params.execute(),
+                            showResultsDialog: vi.fn()
+                        })
+                }
+            }
+        }
+    }));
+vi.mock("@webiny/admin-ui", ()=>({
+        Tooltip: (props)=>props.trigger
+    }));
+vi.mock("@webiny/icons/delete.svg", ()=>({
+        ReactComponent: ()=>null
+    }));
+describe("BulkActionsDeleteItems", ()=>{
+    afterEach(()=>{
+        cleanup();
+        vi.clearAllMocks();
+    });
+    it("reports a deleted item as a success", async ()=>{
+        mocks.deleteItem.mockResolvedValue(true);
+        render(/*#__PURE__*/ react.createElement(BulkActionsDeleteItems, null));
+        fireEvent.click(screen.getByRole("button", {
+            name: "Delete"
+        }));
+        await waitFor(()=>expect(mocks.report.success).toHaveBeenCalledTimes(2));
+        expect(mocks.report.error).not.toHaveBeenCalled();
+    });
+    it("reports an item whose delete returned false as a failure, not a success", async ()=>{
+        mocks.deleteItem.mockResolvedValueOnce(false).mockResolvedValueOnce(true);
+        render(/*#__PURE__*/ react.createElement(BulkActionsDeleteItems, null));
+        fireEvent.click(screen.getByRole("button", {
+            name: "Delete"
+        }));
+        await waitFor(()=>expect(mocks.report.error).toHaveBeenCalledTimes(1));
+        expect(mocks.report.error).toHaveBeenCalledWith({
+            title: "Item a",
+            message: "The item was not deleted."
+        });
+        expect(mocks.report.success).toHaveBeenCalledTimes(1);
+    });
+});
+
+//# sourceMappingURL=DeleteItems.test.js.map

package/presentation/trashBin/components/BulkActions/DeleteItems.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/trashBin/components/BulkActions/DeleteItems.test.js","sources":["../../../../../src/presentation/trashBin/components/BulkActions/DeleteItems.test.tsx"],"sourcesContent":["import React from \"react\";\nimport { afterEach } from \"vitest\";\nimport { describe } from \"vitest\";\nimport { expect } from \"vitest\";\nimport { it } from \"vitest\";\nimport { vi } from \"vitest\";\nimport { cleanup } from \"@testing-library/react\";\nimport { fireEvent } from \"@testing-library/react\";\nimport { render } from \"@testing-library/react\";\nimport { screen } from \"@testing-library/react\";\nimport { waitFor } from \"@testing-library/react\";\n\ninterface TestItem {\n    id: string;\n    title: string;\n}\n\ninterface TestReport {\n    success: ReturnType<typeof vi.fn>;\n    error: ReturnType<typeof vi.fn>;\n}\n\nconst mocks = vi.hoisted(() => ({\n    deleteItem: vi.fn(),\n    refresh: vi.fn(),\n    report: { success: vi.fn(), error: vi.fn() }\n}));\n\nconst items: TestItem[] = [\n    { id: \"a\", title: \"Item a\" },\n    { id: \"b\", title: \"Item b\" }\n];\n\nvi.mock(\"~/index.js\", () => ({\n    useSnackbar: () => ({ showSnackbar: vi.fn() })\n}));\n\nvi.mock(\"../../hooks/index.js\", () => ({\n    useTrashBinPresenter: () => ({\n        actions: { deleteItem: mocks.deleteItem, refresh: mocks.refresh }\n    })\n}));\n\nvi.mock(\"../../configs/index.js\", () => ({\n    TrashBinListConfig: {\n        Browser: {\n            BulkAction: {\n                useWorker: () => ({\n                    items,\n                    isSelectedAll: false,\n                    resetItems: vi.fn(),\n                    results: [],\n                    processInSeries: async (\n                        callback: (params: { item: TestItem; report: TestReport }) => Promise<void>\n                    ) => {\n                        for (const item of items) {\n                            await callback({ item, report: mocks.report });\n                        }\n                    }\n                }),\n                useButtons: () => ({\n                    ButtonDefault: (props: { onAction: () => void; children: React.ReactNode }) => (\n                        <button onClick={props.onAction}>{props.children}</button>\n                    )\n                }),\n                useDialog: () => ({\n                    showConfirmationDialog: (params: { execute: () => Promise<void> }) =>\n                        params.execute(),\n                    showResultsDialog: vi.fn()\n                })\n            }\n        }\n    }\n}));\n\nvi.mock(\"@webiny/admin-ui\", () => ({\n    Tooltip: (props: { trigger: React.ReactNode }) => props.trigger\n}));\n\nvi.mock(\"@webiny/icons/delete.svg\", () => ({ ReactComponent: () => null }));\n\nimport { BulkActionsDeleteItems } from \"./DeleteItems.js\";\n\ndescribe(\"BulkActionsDeleteItems\", () => {\n    afterEach(() => {\n        cleanup();\n        vi.clearAllMocks();\n    });\n\n    it(\"reports a deleted item as a success\", async () => {\n        mocks.deleteItem.mockResolvedValue(true);\n        render(<BulkActionsDeleteItems />);\n\n        fireEvent.click(screen.getByRole(\"button\", { name: \"Delete\" }));\n\n        await waitFor(() => expect(mocks.report.success).toHaveBeenCalledTimes(2));\n        expect(mocks.report.error).not.toHaveBeenCalled();\n    });\n\n    it(\"reports an item whose delete returned false as a failure, not a success\", async () => {\n        mocks.deleteItem.mockResolvedValueOnce(false).mockResolvedValueOnce(true);\n        render(<BulkActionsDeleteItems />);\n\n        fireEvent.click(screen.getByRole(\"button\", { name: \"Delete\" }));\n\n        await waitFor(() => expect(mocks.report.error).toHaveBeenCalledTimes(1));\n        expect(mocks.report.error).toHaveBeenCalledWith({\n            title: \"Item a\",\n            message: \"The item was not deleted.\"\n        });\n        expect(mocks.report.success).toHaveBeenCalledTimes(1);\n    });\n});\n"],"names":["mocks","vi","items","callback","item","props","params","describe","afterEach","cleanup","it","render","BulkActionsDeleteItems","fireEvent","screen","waitFor","expect"],"mappings":";;;;AAsBA,MAAMA,QAAQC,GAAG,OAAO,CAAC,IAAO;QAC5B,YAAYA,GAAG,EAAE;QACjB,SAASA,GAAG,EAAE;QACd,QAAQ;YAAE,SAASA,GAAG,EAAE;YAAI,OAAOA,GAAG,EAAE;QAAG;IAC/C;AAEA,MAAMC,QAAoB;IACtB;QAAE,IAAI;QAAK,OAAO;IAAS;IAC3B;QAAE,IAAI;QAAK,OAAO;IAAS;CAC9B;AAEDD,GAAG,IAAI,CAAC,cAAc,IAAO;QACzB,aAAa,IAAO;gBAAE,cAAcA,GAAG,EAAE;YAAG;IAChD;AAEAA,GAAG,IAAI,CAAC,wBAAwB,IAAO;QACnC,sBAAsB,IAAO;gBACzB,SAAS;oBAAE,YAAYD,MAAM,UAAU;oBAAE,SAASA,MAAM,OAAO;gBAAC;YACpE;IACJ;AAEAC,GAAG,IAAI,CAAC,0BAA0B,IAAO;QACrC,oBAAoB;YAChB,SAAS;gBACL,YAAY;oBACR,WAAW,IAAO;4BACdC,OAAAA;4BACA,eAAe;4BACf,YAAYD,GAAG,EAAE;4BACjB,SAAS,EAAE;4BACX,iBAAiB,OACbE;gCAEA,KAAK,MAAMC,QAAQF,MACf,MAAMC,SAAS;oCAAEC;oCAAM,QAAQJ,MAAM,MAAM;gCAAC;4BAEpD;wBACJ;oBACA,YAAY,IAAO;4BACf,eAAe,CAACK,QAAAA,WAAAA,GACZ,oBAAC;oCAAO,SAASA,MAAM,QAAQ;mCAAGA,MAAM,QAAQ;wBAExD;oBACA,WAAW,IAAO;4BACd,wBAAwB,CAACC,SACrBA,OAAO,OAAO;4BAClB,mBAAmBL,GAAG,EAAE;wBAC5B;gBACJ;YACJ;QACJ;IACJ;AAEAA,GAAG,IAAI,CAAC,oBAAoB,IAAO;QAC/B,SAAS,CAACI,QAAwCA,MAAM,OAAO;IACnE;AAEAJ,GAAG,IAAI,CAAC,4BAA4B,IAAO;QAAE,gBAAgB,IAAM;IAAK;AAIxEM,SAAS,0BAA0B;IAC/BC,UAAU;QACNC;QACAR,GAAG,aAAa;IACpB;IAEAS,GAAG,uCAAuC;QACtCV,MAAM,UAAU,CAAC,iBAAiB,CAAC;QACnCW,OAAO,WAADA,GAAC,oBAACC,wBAAsBA;QAE9BC,UAAU,KAAK,CAACC,OAAO,SAAS,CAAC,UAAU;YAAE,MAAM;QAAS;QAE5D,MAAMC,QAAQ,IAAMC,OAAOhB,MAAM,MAAM,CAAC,OAAO,EAAE,qBAAqB,CAAC;QACvEgB,OAAOhB,MAAM,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,gBAAgB;IACnD;IAEAU,GAAG,2EAA2E;QAC1EV,MAAM,UAAU,CAAC,qBAAqB,CAAC,OAAO,qBAAqB,CAAC;QACpEW,OAAO,WAADA,GAAC,oBAACC,wBAAsBA;QAE9BC,UAAU,KAAK,CAACC,OAAO,SAAS,CAAC,UAAU;YAAE,MAAM;QAAS;QAE5D,MAAMC,QAAQ,IAAMC,OAAOhB,MAAM,MAAM,CAAC,KAAK,EAAE,qBAAqB,CAAC;QACrEgB,OAAOhB,MAAM,MAAM,CAAC,KAAK,EAAE,oBAAoB,CAAC;YAC5C,OAAO;YACP,SAAS;QACb;QACAgB,OAAOhB,MAAM,MAAM,CAAC,OAAO,EAAE,qBAAqB,CAAC;IACvD;AACJ"}

package/presentation/trashBin/components/BulkActions/RestoreItems.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-export declare const BulkActionsRestoreItems: (() => React.JSX.Element) & {
-    displayName: string;
+export declare const BulkActionsRestoreItems: (() => React.JSX.Element) & React.NamedExoticComponent<unknown> & {
+    readonly type: () => React.JSX.Element;
 };

package/presentation/trashBin/components/TrashBinOverlay.d.ts

@@ -6,7 +6,7 @@ interface TrashBinOverlayProps {
     onExited: () => void;
     onItemAfterRestore?: (item: TrashBinItem) => Promise<void>;
 }
-export declare const TrashBinOverlay: (({ presenter, title, onExited, onItemAfterRestore }: TrashBinOverlayProps) => React.JSX.Element) & {
-    displayName: string;
+export declare const TrashBinOverlay: (({ presenter, title, onExited, onItemAfterRestore }: TrashBinOverlayProps) => React.JSX.Element) & React.NamedExoticComponent<TrashBinOverlayProps> & {
+    readonly type: ({ presenter, title, onExited, onItemAfterRestore }: TrashBinOverlayProps) => React.JSX.Element;
 };
 export {};

package/presentation/trashBin/hooks/useDeleteTrashBinItem.js

@@ -11,7 +11,8 @@ const useDeleteTrashBinItem = ({ item })=>{
     });
     const openDialogDeleteItem = useCallback(()=>showConfirmation(async ()=>{
             try {
-                await actions.deleteItem(item.id);
+                const deleted = await actions.deleteItem(item.id);
+                if (false === deleted) return;
                 toast.showSuccessToast({
                     title: `${item.title} was deleted successfully!`
                 });

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

@@ -1 +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"}
+{"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                    const deleted = await actions.deleteItem(item.id);\n                    if (deleted === false) {\n                        return;\n                    }\n\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","deleted","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,MAAMI,UAAU,MAAMR,QAAQ,UAAU,CAACD,KAAK,EAAE;gBAChD,IAAIS,AAAY,UAAZA,SACA;gBAGJN,MAAM,gBAAgB,CAAC;oBAAE,OAAO,GAAGH,KAAK,KAAK,CAAC,0BAA0B,CAAC;gBAAC;YAC9E,EAAE,OAAOU,IAAS;gBACdP,MAAM,gBAAgB,CAAC;oBACnB,OAAOO,GAAG,OAAO,IAAI,CAAC,qBAAqB,EAAEV,KAAK,KAAK,EAAE;gBAC7D;YACJ;QACJ,IACJ;QAACA;QAAMC;KAAQ;IAGnB,OAAO;QAAEM;IAAqB;AAClC"}

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,67 @@
+import { afterEach, describe, expect, it, vi } from "vitest";
+import { cleanup, renderHook } from "@testing-library/react";
+import { useDeleteTrashBinItem } from "./useDeleteTrashBinItem.js";
+const mocks = vi.hoisted(()=>({
+        deleteItem: vi.fn(),
+        showSuccessToast: vi.fn(),
+        showWarningToast: vi.fn()
+    }));
+vi.mock("~/index.js", ()=>({
+        useConfirmationDialog: ()=>({
+                showConfirmation: (callback)=>callback()
+            })
+    }));
+vi.mock("./useTrashBinPresenter.js", ()=>({
+        useTrashBinPresenter: ()=>({
+                actions: {
+                    deleteItem: mocks.deleteItem
+                }
+            })
+    }));
+vi.mock("@webiny/admin-ui", ()=>({
+        useToast: ()=>({
+                showSuccessToast: mocks.showSuccessToast,
+                showWarningToast: mocks.showWarningToast
+            })
+    }));
+const ITEM = {
+    id: "a",
+    title: "Item a"
+};
+describe("useDeleteTrashBinItem", ()=>{
+    afterEach(()=>{
+        cleanup();
+        vi.clearAllMocks();
+    });
+    it("shows the success toast when the item was deleted", async ()=>{
+        mocks.deleteItem.mockResolvedValue(true);
+        const { result } = renderHook(()=>useDeleteTrashBinItem({
+                item: ITEM
+            }));
+        await result.current.openDialogDeleteItem();
+        expect(mocks.showSuccessToast).toHaveBeenCalledWith({
+            title: "Item a was deleted successfully!"
+        });
+    });
+    it("shows no toast when the delete was not carried out (warning dismissed)", async ()=>{
+        mocks.deleteItem.mockResolvedValue(false);
+        const { result } = renderHook(()=>useDeleteTrashBinItem({
+                item: ITEM
+            }));
+        await result.current.openDialogDeleteItem();
+        expect(mocks.showSuccessToast).not.toHaveBeenCalled();
+        expect(mocks.showWarningToast).not.toHaveBeenCalled();
+    });
+    it("shows the warning toast when the delete throws", async ()=>{
+        mocks.deleteItem.mockRejectedValue(new Error("Network down"));
+        const { result } = renderHook(()=>useDeleteTrashBinItem({
+                item: ITEM
+            }));
+        await result.current.openDialogDeleteItem();
+        expect(mocks.showWarningToast).toHaveBeenCalledWith({
+            title: "Network down"
+        });
+    });
+});
+
+//# sourceMappingURL=useDeleteTrashBinItem.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/trashBin/hooks/useDeleteTrashBinItem.test.js","sources":["../../../../src/presentation/trashBin/hooks/useDeleteTrashBinItem.test.tsx"],"sourcesContent":["import { afterEach } from \"vitest\";\nimport { describe } from \"vitest\";\nimport { expect } from \"vitest\";\nimport { it } from \"vitest\";\nimport { vi } from \"vitest\";\nimport { cleanup } from \"@testing-library/react\";\nimport { renderHook } from \"@testing-library/react\";\nimport type { TrashBinItem } from \"../abstractions.js\";\n\nconst mocks = vi.hoisted(() => ({\n    deleteItem: vi.fn(),\n    showSuccessToast: vi.fn(),\n    showWarningToast: vi.fn()\n}));\n\nvi.mock(\"~/index.js\", () => ({\n    useConfirmationDialog: () => ({\n        showConfirmation: (callback: () => Promise<void>) => callback()\n    })\n}));\n\nvi.mock(\"./useTrashBinPresenter.js\", () => ({\n    useTrashBinPresenter: () => ({ actions: { deleteItem: mocks.deleteItem } })\n}));\n\nvi.mock(\"@webiny/admin-ui\", () => ({\n    useToast: () => ({\n        showSuccessToast: mocks.showSuccessToast,\n        showWarningToast: mocks.showWarningToast\n    })\n}));\n\nimport { useDeleteTrashBinItem } from \"./useDeleteTrashBinItem.js\";\n\nconst ITEM = { id: \"a\", title: \"Item a\" } as TrashBinItem;\n\ndescribe(\"useDeleteTrashBinItem\", () => {\n    afterEach(() => {\n        cleanup();\n        vi.clearAllMocks();\n    });\n\n    it(\"shows the success toast when the item was deleted\", async () => {\n        mocks.deleteItem.mockResolvedValue(true);\n        const { result } = renderHook(() => useDeleteTrashBinItem({ item: ITEM }));\n\n        await result.current.openDialogDeleteItem();\n\n        expect(mocks.showSuccessToast).toHaveBeenCalledWith({\n            title: \"Item a was deleted successfully!\"\n        });\n    });\n\n    it(\"shows no toast when the delete was not carried out (warning dismissed)\", async () => {\n        mocks.deleteItem.mockResolvedValue(false);\n        const { result } = renderHook(() => useDeleteTrashBinItem({ item: ITEM }));\n\n        await result.current.openDialogDeleteItem();\n\n        expect(mocks.showSuccessToast).not.toHaveBeenCalled();\n        expect(mocks.showWarningToast).not.toHaveBeenCalled();\n    });\n\n    it(\"shows the warning toast when the delete throws\", async () => {\n        mocks.deleteItem.mockRejectedValue(new Error(\"Network down\"));\n        const { result } = renderHook(() => useDeleteTrashBinItem({ item: ITEM }));\n\n        await result.current.openDialogDeleteItem();\n\n        expect(mocks.showWarningToast).toHaveBeenCalledWith({ title: \"Network down\" });\n    });\n});\n"],"names":["mocks","vi","callback","ITEM","describe","afterEach","cleanup","it","result","renderHook","useDeleteTrashBinItem","expect","Error"],"mappings":";;;AASA,MAAMA,QAAQC,GAAG,OAAO,CAAC,IAAO;QAC5B,YAAYA,GAAG,EAAE;QACjB,kBAAkBA,GAAG,EAAE;QACvB,kBAAkBA,GAAG,EAAE;IAC3B;AAEAA,GAAG,IAAI,CAAC,cAAc,IAAO;QACzB,uBAAuB,IAAO;gBAC1B,kBAAkB,CAACC,WAAkCA;YACzD;IACJ;AAEAD,GAAG,IAAI,CAAC,6BAA6B,IAAO;QACxC,sBAAsB,IAAO;gBAAE,SAAS;oBAAE,YAAYD,MAAM,UAAU;gBAAC;YAAE;IAC7E;AAEAC,GAAG,IAAI,CAAC,oBAAoB,IAAO;QAC/B,UAAU,IAAO;gBACb,kBAAkBD,MAAM,gBAAgB;gBACxC,kBAAkBA,MAAM,gBAAgB;YAC5C;IACJ;AAIA,MAAMG,OAAO;IAAE,IAAI;IAAK,OAAO;AAAS;AAExCC,SAAS,yBAAyB;IAC9BC,UAAU;QACNC;QACAL,GAAG,aAAa;IACpB;IAEAM,GAAG,qDAAqD;QACpDP,MAAM,UAAU,CAAC,iBAAiB,CAAC;QACnC,MAAM,EAAEQ,MAAM,EAAE,GAAGC,WAAW,IAAMC,sBAAsB;gBAAE,MAAMP;YAAK;QAEvE,MAAMK,OAAO,OAAO,CAAC,oBAAoB;QAEzCG,OAAOX,MAAM,gBAAgB,EAAE,oBAAoB,CAAC;YAChD,OAAO;QACX;IACJ;IAEAO,GAAG,0EAA0E;QACzEP,MAAM,UAAU,CAAC,iBAAiB,CAAC;QACnC,MAAM,EAAEQ,MAAM,EAAE,GAAGC,WAAW,IAAMC,sBAAsB;gBAAE,MAAMP;YAAK;QAEvE,MAAMK,OAAO,OAAO,CAAC,oBAAoB;QAEzCG,OAAOX,MAAM,gBAAgB,EAAE,GAAG,CAAC,gBAAgB;QACnDW,OAAOX,MAAM,gBAAgB,EAAE,GAAG,CAAC,gBAAgB;IACvD;IAEAO,GAAG,kDAAkD;QACjDP,MAAM,UAAU,CAAC,iBAAiB,CAAC,IAAIY,MAAM;QAC7C,MAAM,EAAEJ,MAAM,EAAE,GAAGC,WAAW,IAAMC,sBAAsB;gBAAE,MAAMP;YAAK;QAEvE,MAAMK,OAAO,OAAO,CAAC,oBAAoB;QAEzCG,OAAOX,MAAM,gBAAgB,EAAE,oBAAoB,CAAC;YAAE,OAAO;QAAe;IAChF;AACJ"}

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/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, 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,\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,KAAK,EACLC,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;

package/base/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/WebinyVersion.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"base/WebinyVersion.js","sources":["../../src/base/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/plugins/AddGraphQLQuerySelection.d.ts

@@ -1,8 +0,0 @@
-import type { DocumentNode } from "graphql";
-interface Props {
-    operationName: string;
-    selectionPath: string;
-    addSelection: DocumentNode;
-}
-export declare const AddGraphQLQuerySelection: (props: Props) => null;
-export {};

package/base/plugins/AddGraphQLQuerySelection.js

@@ -1,19 +0,0 @@
-import { useEffect, useState } from "react";
-import { plugins } from "@webiny/plugins";
-import { generateId } from "@webiny/utils";
-import { AddQuerySelectionPlugin } from "@webiny/app/plugins/AddQuerySelectionPlugin.js";
-const AddGraphQLQuerySelection = (props)=>{
-    const [name] = useState(`AddGraphQLQuerySelection:${props.operationName}:${generateId()}`);
-    useEffect(()=>{
-        const plugin = new AddQuerySelectionPlugin(props);
-        plugin.name = name;
-        plugins.register(plugin);
-        return ()=>{
-            plugins.unregister(name);
-        };
-    }, []);
-    return null;
-};
-export { AddGraphQLQuerySelection };
-
-//# sourceMappingURL=AddGraphQLQuerySelection.js.map

package/base/plugins/AddGraphQLQuerySelection.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"base/plugins/AddGraphQLQuerySelection.js","sources":["../../../src/base/plugins/AddGraphQLQuerySelection.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { generateId } from \"@webiny/utils\";\nimport { AddQuerySelectionPlugin } from \"@webiny/app/plugins/AddQuerySelectionPlugin.js\";\nimport type { DocumentNode } from \"graphql\";\n\ninterface Props {\n    operationName: string;\n    selectionPath: string;\n    addSelection: DocumentNode;\n}\n\nexport const AddGraphQLQuerySelection = (props: Props) => {\n    const [name] = useState(`AddGraphQLQuerySelection:${props.operationName}:${generateId()}`);\n\n    useEffect(() => {\n        const plugin = new AddQuerySelectionPlugin(props);\n\n        plugin.name = name;\n        plugins.register(plugin);\n\n        return () => {\n            plugins.unregister(name);\n        };\n    }, []);\n\n    return null;\n};\n"],"names":["AddGraphQLQuerySelection","props","name","useState","generateId","useEffect","plugin","AddQuerySelectionPlugin","plugins"],"mappings":";;;;AAYO,MAAMA,2BAA2B,CAACC;IACrC,MAAM,CAACC,KAAK,GAAGC,SAAS,CAAC,yBAAyB,EAAEF,MAAM,aAAa,CAAC,CAAC,EAAEG,cAAc;IAEzFC,UAAU;QACN,MAAMC,SAAS,IAAIC,wBAAwBN;QAE3CK,OAAO,IAAI,GAAGJ;QACdM,QAAQ,QAAQ,CAACF;QAEjB,OAAO;YACHE,QAAQ,UAAU,CAACN;QACvB;IACJ,GAAG,EAAE;IAEL,OAAO;AACX"}

package/base/providers/ApolloProvider.d.ts

@@ -1,13 +0,0 @@
-import React from "react";
-import type ApolloClient from "apollo-client";
-interface Options {
-    uri: string;
-}
-export interface ApolloClientFactory {
-    (options: Options): ApolloClient<any>;
-}
-interface ApolloProviderProps {
-    children: React.ReactNode;
-}
-export declare const createApolloProvider: (apolloClient: ApolloClient<any>) => ({ children }: ApolloProviderProps) => React.JSX.Element;
-export {};

package/base/providers/ApolloProvider.js

@@ -1,10 +0,0 @@
-import react from "react";
-import { ApolloProvider as react_components_ApolloProvider } from "@apollo/react-components";
-const createApolloProvider = (apolloClient)=>function({ children }) {
-        return /*#__PURE__*/ react.createElement(react_components_ApolloProvider, {
-            client: apolloClient
-        }, children);
-    };
-export { createApolloProvider };
-
-//# sourceMappingURL=ApolloProvider.js.map

package/base/providers/ApolloProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"base/providers/ApolloProvider.js","sources":["../../../src/base/providers/ApolloProvider.tsx"],"sourcesContent":["import React from \"react\";\nimport { ApolloProvider as Apollo } from \"@apollo/react-components\";\nimport type ApolloClient from \"apollo-client\";\n\ninterface Options {\n    uri: string;\n}\n\nexport interface ApolloClientFactory {\n    (options: Options): ApolloClient<any>;\n}\n\ninterface ApolloProviderProps {\n    children: React.ReactNode;\n}\n\nexport const createApolloProvider = (apolloClient: ApolloClient<any>) => {\n    return function ApolloProvider({ children }: ApolloProviderProps) {\n        return <Apollo client={apolloClient}>{children}</Apollo>;\n    };\n};\n"],"names":["createApolloProvider","apolloClient","children","Apollo"],"mappings":";;AAgBO,MAAMA,uBAAuB,CAACC,eAC1B,SAAwB,EAAEC,QAAQ,EAAuB;QAC5D,OAAO,WAAP,GAAO,oBAACC,iCAAMA;YAAC,QAAQF;WAAeC;IAC1C"}

package/components/IconPicker/plugins/graphql.d.ts

@@ -1,20 +0,0 @@
-/**
- * ###########################
- * List Custom Icons Query Response
- */
-export interface ListCustomIconsQueryResponse {
-    fileManager: {
-        listFiles: {
-            data: [{
-                name: string;
-                src: string;
-            }] | null;
-            error: {
-                message: string;
-                data: Record<string, any>;
-                code: string;
-            } | null;
-        };
-    };
-}
-export declare const LIST_CUSTOM_ICONS: import("graphql").DocumentNode;

package/components/IconPicker/plugins/graphql.js

@@ -1,22 +0,0 @@
-import graphql_tag from "graphql-tag";
-const LIST_CUSTOM_ICONS = graphql_tag`
-    query ListCustomIcons($limit: Int!) {
-        fileManager {
-            listFiles(where: { tags_startsWith: "scope:iconPicker" }, limit: $limit) {
-                data {
-                    name
-                    src
-                    tags
-                }
-                error {
-                    code
-                    data
-                    message
-                }
-            }
-        }
-    }
-`;
-export { LIST_CUSTOM_ICONS };
-
-//# sourceMappingURL=graphql.js.map

package/components/IconPicker/plugins/graphql.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"components/IconPicker/plugins/graphql.js","sources":["../../../../src/components/IconPicker/plugins/graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\n\n/**\n * ###########################\n * List Custom Icons Query Response\n */\nexport interface ListCustomIconsQueryResponse {\n    fileManager: {\n        listFiles: {\n            data: [{ name: string; src: string }] | null;\n            error: { message: string; data: Record<string, any>; code: string } | null;\n        };\n    };\n}\n\nexport const LIST_CUSTOM_ICONS = gql`\n    query ListCustomIcons($limit: Int!) {\n        fileManager {\n            listFiles(where: { tags_startsWith: \"scope:iconPicker\" }, limit: $limit) {\n                data {\n                    name\n                    src\n                    tags\n                }\n                error {\n                    code\n                    data\n                    message\n                }\n            }\n        }\n    }\n`;\n"],"names":["LIST_CUSTOM_ICONS","gql"],"mappings":";AAeO,MAAMA,oBAAoBC,WAAG,CAAC;;;;;;;;;;;;;;;;;AAiBrC,CAAC"}

package/components/RolesMultiAutocomplete/graphql.d.ts

@@ -1 +0,0 @@
-export declare const LIST_ROLES: import("graphql").DocumentNode;

package/components/RolesMultiAutocomplete/graphql.js

@@ -1,24 +0,0 @@
-import graphql_tag from "graphql-tag";
-const LIST_ROLES = graphql_tag`
-    query ListRoles {
-        security {
-            roles: listRoles {
-                data {
-                    id
-                    slug
-                    name
-                    description
-                    createdOn
-                }
-                error {
-                    data
-                    message
-                    code
-                }
-            }
-        }
-    }
-`;
-export { LIST_ROLES };
-
-//# sourceMappingURL=graphql.js.map

package/components/RolesMultiAutocomplete/graphql.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"components/RolesMultiAutocomplete/graphql.js","sources":["../../../src/components/RolesMultiAutocomplete/graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\n\nexport const LIST_ROLES = gql`\n    query ListRoles {\n        security {\n            roles: listRoles {\n                data {\n                    id\n                    slug\n                    name\n                    description\n                    createdOn\n                }\n                error {\n                    data\n                    message\n                    code\n                }\n            }\n        }\n    }\n`;\n"],"names":["LIST_ROLES","gql"],"mappings":";AAEO,MAAMA,aAAaC,WAAG,CAAC;;;;;;;;;;;;;;;;;;;AAmB9B,CAAC"}

package/components/TeamAutocomplete/graphql.d.ts

@@ -1 +0,0 @@
-export declare const LIST_TEAMS: import("graphql").DocumentNode;