@webiny/app-website-builder 6.4.12-beta.5 → 6.5.0-beta.0

package/presentation/redirects/RedirectList/abstractions.js

@@ -0,0 +1,7 @@
+import { createAbstraction } from "@webiny/feature/admin";
+const CreateRedirectPresenter = createAbstraction("WebsiteBuilder/CreateRedirectPresenter");
+const EditRedirectPresenter = createAbstraction("WebsiteBuilder/EditRedirectPresenter");
+const RedirectListPresenter = createAbstraction("WebsiteBuilder/RedirectListPresenter");
+export { CreateRedirectPresenter, EditRedirectPresenter, RedirectListPresenter };
+
+//# sourceMappingURL=abstractions.js.map

package/presentation/redirects/RedirectList/abstractions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/redirects/RedirectList/abstractions.js","sources":["../../../../src/presentation/redirects/RedirectList/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\nimport type { IListViewModel } from \"@webiny/app-admin/presentation/listPresenter/abstractions.js\";\nimport type { IListActions } from \"@webiny/app-admin/presentation/listPresenter/abstractions.js\";\nimport type { IWorkerActions } from \"@webiny/app-admin\";\nimport type { IFormVM } from \"@webiny/app-admin/features/formModel/abstractions.js\";\nimport type { IFolderTreeViewModel } from \"@webiny/app-aco/presentation/folderTree/abstractions.js\";\nimport type { FolderDto } from \"@webiny/app-aco\";\nimport type { Redirect } from \"~/domain/Redirect/Redirect.js\";\nimport type { RedirectDto } from \"~/domain/Redirect/RedirectDto.js\";\n\n// Create Redirect\nexport interface ICreateRedirectViewModel {\n    loading: string | null;\n    form: IFormVM;\n}\n\nexport interface ICreateRedirectPresenter {\n    vm: ICreateRedirectViewModel;\n    init(folderId: string): void;\n    save(): Promise<boolean>;\n}\n\nexport const CreateRedirectPresenter = createAbstraction<ICreateRedirectPresenter>(\n    \"WebsiteBuilder/CreateRedirectPresenter\"\n);\n\nexport namespace CreateRedirectPresenter {\n    export type Interface = ICreateRedirectPresenter;\n    export type ViewModel = ICreateRedirectViewModel;\n}\n\n// Edit Redirect\nexport interface IEditRedirectViewModel {\n    redirect: RedirectDto | null;\n    loading: string | null;\n    form: IFormVM;\n}\n\nexport interface IEditRedirectPresenter {\n    vm: IEditRedirectViewModel;\n    loadRedirect(redirectId: string): Promise<void>;\n    save(): Promise<boolean>;\n}\n\nexport const EditRedirectPresenter = createAbstraction<IEditRedirectPresenter>(\n    \"WebsiteBuilder/EditRedirectPresenter\"\n);\n\nexport namespace EditRedirectPresenter {\n    export type Interface = IEditRedirectPresenter;\n    export type ViewModel = IEditRedirectViewModel;\n}\n\n// List\nexport interface IRedirectListInitConfig {\n    initialFolderId?: string;\n}\n\nexport interface IRedirectListViewModel {\n    list: IListViewModel<Redirect>;\n    folders: IFolderTreeViewModel;\n    createRedirect: ICreateRedirectPresenter | null;\n    editRedirect: IEditRedirectPresenter | null;\n    showFolders: boolean;\n    childFolders: FolderDto[];\n    showingFilters: boolean;\n}\n\nexport interface IFolderActions {\n    selectFolder(folderId: string | null): void;\n    createFolder(parentFolderId?: string): void;\n    editFolder(folderId: string): void;\n    deleteFolder(folderId: string): Promise<void>;\n    moveFolder(folderId: string, targetParentId: string | null): Promise<void>;\n    loadChildFolders(parentIds: string[]): Promise<void>;\n    canManageStructure(folderId: string): boolean;\n    getAncestorIds(folderId: string): string[];\n    submitOperation(): Promise<boolean>;\n    cancelOperation(): void;\n}\n\nexport interface IRedirectListActions extends IListActions {\n    worker: IWorkerActions<Redirect>;\n    showFilters(): void;\n    hideFilters(): void;\n    showCreateDialog(folderId: string): void;\n    showEditDialog(redirectId: string): void;\n    hideCreateDialog(): void;\n    hideEditDialog(): void;\n    folders: IFolderActions;\n}\n\nexport interface IRedirectListPresenter {\n    vm: IRedirectListViewModel;\n    actions: IRedirectListActions;\n    init(config?: IRedirectListInitConfig): void;\n    dispose(): void;\n}\n\nexport const RedirectListPresenter = createAbstraction<IRedirectListPresenter>(\n    \"WebsiteBuilder/RedirectListPresenter\"\n);\n\nexport namespace RedirectListPresenter {\n    export type Interface = IRedirectListPresenter;\n    export type ViewModel = IRedirectListViewModel;\n    export type Actions = IRedirectListActions;\n    export type InitConfig = IRedirectListInitConfig;\n}\n"],"names":["CreateRedirectPresenter","createAbstraction","EditRedirectPresenter","RedirectListPresenter"],"mappings":";AAsBO,MAAMA,0BAA0BC,kBACnC;AAqBG,MAAMC,wBAAwBD,kBACjC;AAsDG,MAAME,wBAAwBF,kBACjC"}

package/presentation/redirects/RedirectList/components/BulkActionDelete.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const BulkActionDelete: (() => React.JSX.Element) & {
+    displayName: string;
+};

package/presentation/redirects/RedirectList/components/BulkActionDelete.js

@@ -0,0 +1,62 @@
+import react, { useMemo } from "react";
+import { Tooltip } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/delete.svg";
+import { observer } from "mobx-react-lite";
+import { getRedirectsLabel } from "./getRedirectsLabel.js";
+import { useContainer } from "@webiny/app";
+import { DeleteRedirectUseCase } from "../../../../features/redirects/deleteRedirect/abstractions.js";
+import { RedirectListConfig } from "../configs/RedirectListConfig.js";
+import { useRedirectListPresenter } from "./RedirectListPresenterProvider.js";
+const { useButtons: useButtons, useDialog: useDialog } = RedirectListConfig.Browser.BulkAction;
+const BulkActionDelete = observer(()=>{
+    const { ButtonDefault } = useButtons();
+    const { vm, actions } = useRedirectListPresenter();
+    const { showConfirmationDialog, showResultsDialog } = useDialog();
+    const container = useContainer();
+    const deleteRedirectUseCase = container.resolve(DeleteRedirectUseCase);
+    const redirectsLabel = useMemo(()=>getRedirectsLabel(vm.list.selection.selectedCount), [
+        vm.list.selection.selectedCount
+    ]);
+    const openDeleteDialog = ()=>showConfirmationDialog({
+            title: "Delete redirects",
+            message: `You are about to delete ${redirectsLabel}. Are you sure you want to continue?`,
+            loadingLabel: `Processing ${redirectsLabel}...`,
+            execute: async ()=>{
+                await actions.worker.processInSeries(async ({ item, report })=>{
+                    try {
+                        await deleteRedirectUseCase.execute({
+                            id: item.id
+                        });
+                        report.success({
+                            title: item.redirectFrom,
+                            message: "Redirect successfully deleted."
+                        });
+                    } catch (e) {
+                        report.error({
+                            title: item.redirectFrom,
+                            message: e.message
+                        });
+                    }
+                });
+                actions.selection.deselectAll();
+                showResultsDialog({
+                    results: actions.worker.results,
+                    title: "Delete redirects",
+                    message: "Finished deleting redirects! See full report below:",
+                    onCancel: actions.worker.resetResults
+                });
+            }
+        });
+    return /*#__PURE__*/ react.createElement(Tooltip, {
+        side: "bottom",
+        content: `Delete ${redirectsLabel}`,
+        trigger: /*#__PURE__*/ react.createElement(ButtonDefault, {
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            onAction: openDeleteDialog,
+            size: "sm"
+        }, "Delete")
+    });
+});
+export { BulkActionDelete };
+
+//# sourceMappingURL=BulkActionDelete.js.map

package/presentation/redirects/RedirectList/components/BulkActionDelete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/redirects/RedirectList/components/BulkActionDelete.js","sources":["../../../../../src/presentation/redirects/RedirectList/components/BulkActionDelete.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Tooltip } from \"@webiny/admin-ui\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { observer } from \"mobx-react-lite\";\nimport { getRedirectsLabel } from \"./getRedirectsLabel.js\";\nimport { useContainer } from \"@webiny/app\";\nimport { DeleteRedirectUseCase } from \"~/features/redirects/deleteRedirect/abstractions.js\";\nimport { RedirectListConfig } from \"../configs/RedirectListConfig.js\";\nimport { useRedirectListPresenter } from \"./RedirectListPresenterProvider.js\";\n\nconst { useButtons, useDialog } = RedirectListConfig.Browser.BulkAction;\n\nexport const BulkActionDelete = observer(() => {\n    const { ButtonDefault } = useButtons();\n    const { vm, actions } = useRedirectListPresenter();\n    const { showConfirmationDialog, showResultsDialog } = useDialog();\n\n    const container = useContainer();\n    const deleteRedirectUseCase = container.resolve(DeleteRedirectUseCase);\n\n    const redirectsLabel = useMemo(() => {\n        return getRedirectsLabel(vm.list.selection.selectedCount);\n    }, [vm.list.selection.selectedCount]);\n\n    const openDeleteDialog = () =>\n        showConfirmationDialog({\n            title: \"Delete redirects\",\n            message: `You are about to delete ${redirectsLabel}. Are you sure you want to continue?`,\n            loadingLabel: `Processing ${redirectsLabel}...`,\n            execute: async () => {\n                await actions.worker.processInSeries(async ({ item, report }) => {\n                    try {\n                        await deleteRedirectUseCase.execute({ id: item.id });\n\n                        report.success({\n                            title: item.redirectFrom,\n                            message: \"Redirect successfully deleted.\"\n                        });\n                    } catch (e) {\n                        report.error({\n                            title: item.redirectFrom,\n                            message: e.message\n                        });\n                    }\n                });\n\n                actions.selection.deselectAll();\n\n                showResultsDialog({\n                    results: actions.worker.results,\n                    title: \"Delete redirects\",\n                    message: \"Finished deleting redirects! See full report below:\",\n                    onCancel: actions.worker.resetResults\n                });\n            }\n        });\n\n    return (\n        <Tooltip\n            side={\"bottom\"}\n            content={`Delete ${redirectsLabel}`}\n            trigger={\n                <ButtonDefault icon={<DeleteIcon />} onAction={openDeleteDialog} size={\"sm\"}>\n                    {`Delete`}\n                </ButtonDefault>\n            }\n        />\n    );\n});\n"],"names":["useButtons","useDialog","RedirectListConfig","BulkActionDelete","observer","ButtonDefault","vm","actions","useRedirectListPresenter","showConfirmationDialog","showResultsDialog","container","useContainer","deleteRedirectUseCase","DeleteRedirectUseCase","redirectsLabel","useMemo","getRedirectsLabel","openDeleteDialog","item","report","e","Tooltip","DeleteIcon"],"mappings":";;;;;;;;;AAUA,MAAM,EAAEA,YAAAA,UAAU,EAAEC,WAAAA,SAAS,EAAE,GAAGC,mBAAmB,OAAO,CAAC,UAAU;AAEhE,MAAMC,mBAAmBC,SAAS;IACrC,MAAM,EAAEC,aAAa,EAAE,GAAGL;IAC1B,MAAM,EAAEM,EAAE,EAAEC,OAAO,EAAE,GAAGC;IACxB,MAAM,EAAEC,sBAAsB,EAAEC,iBAAiB,EAAE,GAAGT;IAEtD,MAAMU,YAAYC;IAClB,MAAMC,wBAAwBF,UAAU,OAAO,CAACG;IAEhD,MAAMC,iBAAiBC,QAAQ,IACpBC,kBAAkBX,GAAG,IAAI,CAAC,SAAS,CAAC,aAAa,GACzD;QAACA,GAAG,IAAI,CAAC,SAAS,CAAC,aAAa;KAAC;IAEpC,MAAMY,mBAAmB,IACrBT,uBAAuB;YACnB,OAAO;YACP,SAAS,CAAC,wBAAwB,EAAEM,eAAe,oCAAoC,CAAC;YACxF,cAAc,CAAC,WAAW,EAAEA,eAAe,GAAG,CAAC;YAC/C,SAAS;gBACL,MAAMR,QAAQ,MAAM,CAAC,eAAe,CAAC,OAAO,EAAEY,IAAI,EAAEC,MAAM,EAAE;oBACxD,IAAI;wBACA,MAAMP,sBAAsB,OAAO,CAAC;4BAAE,IAAIM,KAAK,EAAE;wBAAC;wBAElDC,OAAO,OAAO,CAAC;4BACX,OAAOD,KAAK,YAAY;4BACxB,SAAS;wBACb;oBACJ,EAAE,OAAOE,GAAG;wBACRD,OAAO,KAAK,CAAC;4BACT,OAAOD,KAAK,YAAY;4BACxB,SAASE,EAAE,OAAO;wBACtB;oBACJ;gBACJ;gBAEAd,QAAQ,SAAS,CAAC,WAAW;gBAE7BG,kBAAkB;oBACd,SAASH,QAAQ,MAAM,CAAC,OAAO;oBAC/B,OAAO;oBACP,SAAS;oBACT,UAAUA,QAAQ,MAAM,CAAC,YAAY;gBACzC;YACJ;QACJ;IAEJ,OAAO,WAAP,GACI,oBAACe,SAAOA;QACJ,MAAM;QACN,SAAS,CAAC,OAAO,EAAEP,gBAAgB;QACnC,uBACI,oBAACV,eAAAA;YAAc,oBAAM,oBAACkB,gBAAUA;YAAK,UAAUL;YAAkB,MAAM;WAClE;;AAKrB"}

package/presentation/redirects/RedirectList/components/BulkActionMove.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const BulkActionMove: (() => React.JSX.Element) & {
+    displayName: string;
+};

package/presentation/redirects/RedirectList/components/BulkActionMove.js

@@ -0,0 +1,81 @@
+import react, { useCallback, useMemo } from "react";
+import { ReactComponent } from "@webiny/icons/exit_to_app.svg";
+import { Tooltip } from "@webiny/admin-ui";
+import { useMoveToFolderDialog } from "@webiny/app-aco";
+import { observer } from "mobx-react-lite";
+import { ROOT_FOLDER } from "../../../../constants.js";
+import { useContainer } from "@webiny/app";
+import { MoveRedirectUseCase } from "../../../../features/redirects/moveRedirect/abstractions.js";
+import { RedirectListConfig } from "../configs/RedirectListConfig.js";
+import { useRedirectListPresenter } from "./RedirectListPresenterProvider.js";
+import { getRedirectsLabel } from "./getRedirectsLabel.js";
+const { useButtons: useButtons, useDialog: useDialog } = RedirectListConfig.Browser.BulkAction;
+const BulkActionMove = observer(()=>{
+    const { ButtonDefault } = useButtons();
+    const { vm, actions } = useRedirectListPresenter();
+    const { showConfirmationDialog, showResultsDialog } = useDialog();
+    const { showDialog: showMoveDialog } = useMoveToFolderDialog();
+    const container = useContainer();
+    const moveRedirectUseCase = container.resolve(MoveRedirectUseCase);
+    const currentFolderId = vm.folders.currentFolderId;
+    const redirectsLabel = useMemo(()=>getRedirectsLabel(vm.list.selection.selectedCount), [
+        vm.list.selection.selectedCount
+    ]);
+    const openWorkerDialog = useCallback((folder)=>{
+        showConfirmationDialog({
+            title: "Move redirects",
+            message: `You are about to move ${redirectsLabel} to ${folder.label}. Are you sure you want to continue?`,
+            loadingLabel: `Processing ${redirectsLabel}...`,
+            execute: async ()=>{
+                await actions.worker.processInSeries(async ({ item, report })=>{
+                    try {
+                        await moveRedirectUseCase.execute({
+                            id: item.id,
+                            folderId: folder.id
+                        });
+                        report.success({
+                            title: item.redirectFrom,
+                            message: "Redirect successfully moved."
+                        });
+                    } catch (e) {
+                        report.error({
+                            title: item.redirectFrom,
+                            message: e.message
+                        });
+                    }
+                });
+                actions.selection.deselectAll();
+                showResultsDialog({
+                    results: actions.worker.results,
+                    title: "Move redirects",
+                    message: "Finished moving redirects! See full report below:",
+                    onCancel: actions.worker.resetResults
+                });
+            }
+        });
+    }, [
+        redirectsLabel
+    ]);
+    const openMoveDialog = ()=>showMoveDialog({
+            title: "Select folder",
+            message: "Select a new location for selected redirects:",
+            loadingLabel: `Processing ${redirectsLabel}...`,
+            acceptLabel: "Move",
+            focusedFolderId: currentFolderId || ROOT_FOLDER,
+            async onAccept ({ folder }) {
+                openWorkerDialog(folder);
+            }
+        });
+    return /*#__PURE__*/ react.createElement(Tooltip, {
+        side: "bottom",
+        content: `Move ${redirectsLabel}`,
+        trigger: /*#__PURE__*/ react.createElement(ButtonDefault, {
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            onAction: openMoveDialog,
+            size: "sm"
+        }, "Move")
+    });
+});
+export { BulkActionMove };
+
+//# sourceMappingURL=BulkActionMove.js.map

package/presentation/redirects/RedirectList/components/BulkActionMove.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/redirects/RedirectList/components/BulkActionMove.js","sources":["../../../../../src/presentation/redirects/RedirectList/components/BulkActionMove.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { ReactComponent as MoveIcon } from \"@webiny/icons/exit_to_app.svg\";\nimport { type NodeDto, Tooltip } from \"@webiny/admin-ui\";\nimport { useMoveToFolderDialog } from \"@webiny/app-aco\";\nimport { observer } from \"mobx-react-lite\";\nimport { ROOT_FOLDER } from \"~/constants.js\";\nimport { useContainer } from \"@webiny/app\";\nimport { MoveRedirectUseCase } from \"~/features/redirects/moveRedirect/abstractions.js\";\nimport { RedirectListConfig } from \"../configs/RedirectListConfig.js\";\nimport { useRedirectListPresenter } from \"./RedirectListPresenterProvider.js\";\nimport { getRedirectsLabel } from \"./getRedirectsLabel.js\";\n\nconst { useButtons, useDialog } = RedirectListConfig.Browser.BulkAction;\n\nexport const BulkActionMove = observer(() => {\n    const { ButtonDefault } = useButtons();\n    const { vm, actions } = useRedirectListPresenter();\n\n    const { showConfirmationDialog, showResultsDialog } = useDialog();\n    const { showDialog: showMoveDialog } = useMoveToFolderDialog();\n\n    const container = useContainer();\n    const moveRedirectUseCase = container.resolve(MoveRedirectUseCase);\n    const currentFolderId = vm.folders.currentFolderId;\n\n    const redirectsLabel = useMemo(() => {\n        return getRedirectsLabel(vm.list.selection.selectedCount);\n    }, [vm.list.selection.selectedCount]);\n\n    const openWorkerDialog = useCallback(\n        (folder: NodeDto) => {\n            showConfirmationDialog({\n                title: \"Move redirects\",\n                message: `You are about to move ${redirectsLabel} to ${folder.label}. Are you sure you want to continue?`,\n                loadingLabel: `Processing ${redirectsLabel}...`,\n                execute: async () => {\n                    await actions.worker.processInSeries(async ({ item, report }) => {\n                        try {\n                            await moveRedirectUseCase.execute({\n                                id: item.id,\n                                folderId: folder.id\n                            });\n\n                            report.success({\n                                title: item.redirectFrom,\n                                message: \"Redirect successfully moved.\"\n                            });\n                        } catch (e) {\n                            report.error({\n                                title: item.redirectFrom,\n                                message: e.message\n                            });\n                        }\n                    });\n\n                    actions.selection.deselectAll();\n\n                    showResultsDialog({\n                        results: actions.worker.results,\n                        title: \"Move redirects\",\n                        message: \"Finished moving redirects! See full report below:\",\n                        onCancel: actions.worker.resetResults\n                    });\n                }\n            });\n        },\n        [redirectsLabel]\n    );\n\n    const openMoveDialog = () =>\n        showMoveDialog({\n            title: \"Select folder\",\n            message: \"Select a new location for selected redirects:\",\n            loadingLabel: `Processing ${redirectsLabel}...`,\n            acceptLabel: `Move`,\n            focusedFolderId: currentFolderId || ROOT_FOLDER,\n            async onAccept({ folder }) {\n                openWorkerDialog(folder);\n            }\n        });\n\n    return (\n        <Tooltip\n            side={\"bottom\"}\n            content={`Move ${redirectsLabel}`}\n            trigger={\n                <ButtonDefault icon={<MoveIcon />} onAction={openMoveDialog} size={\"sm\"}>\n                    {`Move`}\n                </ButtonDefault>\n            }\n        />\n    );\n});\n"],"names":["useButtons","useDialog","RedirectListConfig","BulkActionMove","observer","ButtonDefault","vm","actions","useRedirectListPresenter","showConfirmationDialog","showResultsDialog","showMoveDialog","useMoveToFolderDialog","container","useContainer","moveRedirectUseCase","MoveRedirectUseCase","currentFolderId","redirectsLabel","useMemo","getRedirectsLabel","openWorkerDialog","useCallback","folder","item","report","e","openMoveDialog","ROOT_FOLDER","Tooltip","MoveIcon"],"mappings":";;;;;;;;;;;AAYA,MAAM,EAAEA,YAAAA,UAAU,EAAEC,WAAAA,SAAS,EAAE,GAAGC,mBAAmB,OAAO,CAAC,UAAU;AAEhE,MAAMC,iBAAiBC,SAAS;IACnC,MAAM,EAAEC,aAAa,EAAE,GAAGL;IAC1B,MAAM,EAAEM,EAAE,EAAEC,OAAO,EAAE,GAAGC;IAExB,MAAM,EAAEC,sBAAsB,EAAEC,iBAAiB,EAAE,GAAGT;IACtD,MAAM,EAAE,YAAYU,cAAc,EAAE,GAAGC;IAEvC,MAAMC,YAAYC;IAClB,MAAMC,sBAAsBF,UAAU,OAAO,CAACG;IAC9C,MAAMC,kBAAkBX,GAAG,OAAO,CAAC,eAAe;IAElD,MAAMY,iBAAiBC,QAAQ,IACpBC,kBAAkBd,GAAG,IAAI,CAAC,SAAS,CAAC,aAAa,GACzD;QAACA,GAAG,IAAI,CAAC,SAAS,CAAC,aAAa;KAAC;IAEpC,MAAMe,mBAAmBC,YACrB,CAACC;QACGd,uBAAuB;YACnB,OAAO;YACP,SAAS,CAAC,sBAAsB,EAAES,eAAe,IAAI,EAAEK,OAAO,KAAK,CAAC,oCAAoC,CAAC;YACzG,cAAc,CAAC,WAAW,EAAEL,eAAe,GAAG,CAAC;YAC/C,SAAS;gBACL,MAAMX,QAAQ,MAAM,CAAC,eAAe,CAAC,OAAO,EAAEiB,IAAI,EAAEC,MAAM,EAAE;oBACxD,IAAI;wBACA,MAAMV,oBAAoB,OAAO,CAAC;4BAC9B,IAAIS,KAAK,EAAE;4BACX,UAAUD,OAAO,EAAE;wBACvB;wBAEAE,OAAO,OAAO,CAAC;4BACX,OAAOD,KAAK,YAAY;4BACxB,SAAS;wBACb;oBACJ,EAAE,OAAOE,GAAG;wBACRD,OAAO,KAAK,CAAC;4BACT,OAAOD,KAAK,YAAY;4BACxB,SAASE,EAAE,OAAO;wBACtB;oBACJ;gBACJ;gBAEAnB,QAAQ,SAAS,CAAC,WAAW;gBAE7BG,kBAAkB;oBACd,SAASH,QAAQ,MAAM,CAAC,OAAO;oBAC/B,OAAO;oBACP,SAAS;oBACT,UAAUA,QAAQ,MAAM,CAAC,YAAY;gBACzC;YACJ;QACJ;IACJ,GACA;QAACW;KAAe;IAGpB,MAAMS,iBAAiB,IACnBhB,eAAe;YACX,OAAO;YACP,SAAS;YACT,cAAc,CAAC,WAAW,EAAEO,eAAe,GAAG,CAAC;YAC/C,aAAa;YACb,iBAAiBD,mBAAmBW;YACpC,MAAM,UAAS,EAAEL,MAAM,EAAE;gBACrBF,iBAAiBE;YACrB;QACJ;IAEJ,OAAO,WAAP,GACI,oBAACM,SAAOA;QACJ,MAAM;QACN,SAAS,CAAC,KAAK,EAAEX,gBAAgB;QACjC,uBACI,oBAACb,eAAAA;YAAc,oBAAM,oBAACyB,gBAAQA;YAAK,UAAUH;YAAgB,MAAM;WAC9D;;AAKrB"}

package/presentation/redirects/RedirectList/components/ButtonsCreate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/redirects/RedirectList/components/ButtonsCreate.js","sources":["../../../../../src/presentation/redirects/RedirectList/components/ButtonsCreate.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as Add } from \"@webiny/icons/add.svg\";\nimport { Button, Tooltip } from \"@webiny/admin-ui\";\n\ninterface ButtonsCreateProps {\n    onCreateDocument: (event: React.SyntheticEvent) => void;\n    onCreateFolder: (event: React.SyntheticEvent) => void;\n    canCreateFolder: boolean;\n    canCreateContent: boolean;\n}\n\nexport const ButtonsCreate = ({\n    onCreateFolder,\n    onCreateDocument,\n    canCreateContent,\n    canCreateFolder\n}: ButtonsCreateProps) => {\n    let newFolderButton = (\n        <Button\n            data-testid=\"new-folder-button\"\n            onClick={onCreateFolder}\n            disabled={!canCreateFolder}\n            text={\"New Folder\"}\n            icon={<Add />}\n            variant={\"secondary\"}\n        />\n    );\n\n    if (!canCreateFolder) {\n        newFolderButton = (\n            <Tooltip\n                content={`Cannot create folder because you're not an owner.`}\n                trigger={newFolderButton}\n            />\n        );\n    }\n\n    let newEntryButton = (\n        <Button\n            data-testid=\"new-entry-button\"\n            onClick={onCreateDocument}\n            disabled={!canCreateContent}\n            text={\"New Redirect\"}\n            icon={<Add />}\n        />\n    );\n\n    if (!canCreateContent) {\n        newEntryButton = (\n            <Tooltip\n                content={`Cannot create redirect because you're not an owner.`}\n                trigger={newEntryButton}\n            />\n        );\n    }\n\n    return (\n        <>\n            {newFolderButton}\n            {newEntryButton}\n        </>\n    );\n};\n"],"names":["ButtonsCreate","onCreateFolder","onCreateDocument","canCreateContent","canCreateFolder","newFolderButton","Button","Add","Tooltip","newEntryButton"],"mappings":";;;AAWO,MAAMA,gBAAgB,CAAC,EAC1BC,cAAc,EACdC,gBAAgB,EAChBC,gBAAgB,EAChBC,eAAe,EACE;IACjB,IAAIC,kBAAkB,WAAlBA,GACA,oBAACC,QAAMA;QACH,eAAY;QACZ,SAASL;QACT,UAAU,CAACG;QACX,MAAM;QACN,oBAAM,oBAACG,gBAAGA;QACV,SAAS;;IAIjB,IAAI,CAACH,iBACDC,kBAAkB,WAAlBA,GACI,oBAACG,SAAOA;QACJ,SAAS;QACT,SAASH;;IAKrB,IAAII,iBAAiB,WAAjBA,GACA,oBAACH,QAAMA;QACH,eAAY;QACZ,SAASJ;QACT,UAAU,CAACC;QACX,MAAM;QACN,oBAAM,oBAACI,gBAAGA;;IAIlB,IAAI,CAACJ,kBACDM,iBAAiB,WAAjBA,GACI,oBAACD,SAAOA;QACJ,SAAS;QACT,SAASC;;IAKrB,OAAO,WAAP,GACI,0CACKJ,iBACAI;AAGb"}

package/presentation/redirects/RedirectList/components/CreateRedirectDialog.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const CreateRedirectDialog: (() => React.JSX.Element | null) & {
+    displayName: string;
+};

package/presentation/redirects/RedirectList/components/CreateRedirectDialog.js

@@ -0,0 +1,37 @@
+import react from "react";
+import { observer } from "mobx-react-lite";
+import { Dialog, OverlayLoader } from "@webiny/admin-ui";
+import { FormView } from "@webiny/app-admin/features/formModel/FormView.js";
+import { useRedirectListPresenter } from "../index.js";
+const CreateRedirectDialog_CreateRedirectDialog = observer(function() {
+    const { vm, actions } = useRedirectListPresenter();
+    const presenter = vm.createRedirect;
+    if (!presenter) return null;
+    return /*#__PURE__*/ react.createElement(Dialog, {
+        open: true,
+        onClose: ()=>actions.hideCreateDialog(),
+        title: "Create a Redirect",
+        actions: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Dialog.CancelAction, {
+            onClick: ()=>actions.hideCreateDialog(),
+            text: "Cancel"
+        }), /*#__PURE__*/ react.createElement(Dialog.ConfirmAction, {
+            onClick: async ()=>{
+                const saved = await presenter.save();
+                if (saved) {
+                    actions.hideCreateDialog();
+                    actions.refresh();
+                }
+            },
+            text: "Create",
+            disabled: !!presenter.vm.loading
+        }))
+    }, presenter.vm.loading ? /*#__PURE__*/ react.createElement(OverlayLoader, {
+        text: presenter.vm.loading
+    }) : null, /*#__PURE__*/ react.createElement(FormView, {
+        name: "CreateRedirect",
+        form: presenter.vm.form
+    }));
+});
+export { CreateRedirectDialog_CreateRedirectDialog as CreateRedirectDialog };
+
+//# sourceMappingURL=CreateRedirectDialog.js.map

package/presentation/redirects/RedirectList/components/CreateRedirectDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/redirects/RedirectList/components/CreateRedirectDialog.js","sources":["../../../../../src/presentation/redirects/RedirectList/components/CreateRedirectDialog.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { Dialog, OverlayLoader } from \"@webiny/admin-ui\";\nimport { FormView } from \"@webiny/app-admin/features/formModel/FormView.js\";\nimport { useRedirectListPresenter } from \"~/presentation/redirects/RedirectList/index.js\";\n\nexport const CreateRedirectDialog = observer(function CreateRedirectDialog() {\n    const { vm, actions } = useRedirectListPresenter();\n    const presenter = vm.createRedirect;\n\n    if (!presenter) {\n        return null;\n    }\n\n    return (\n        <Dialog\n            open={true}\n            onClose={() => actions.hideCreateDialog()}\n            title=\"Create a Redirect\"\n            actions={\n                <>\n                    <Dialog.CancelAction onClick={() => actions.hideCreateDialog()} text=\"Cancel\" />\n                    <Dialog.ConfirmAction\n                        onClick={async () => {\n                            const saved = await presenter.save();\n                            if (saved) {\n                                actions.hideCreateDialog();\n                                void actions.refresh();\n                            }\n                        }}\n                        text=\"Create\"\n                        disabled={!!presenter.vm.loading}\n                    />\n                </>\n            }\n        >\n            {presenter.vm.loading ? <OverlayLoader text={presenter.vm.loading} /> : null}\n            <FormView name=\"CreateRedirect\" form={presenter.vm.form} />\n        </Dialog>\n    );\n});\n"],"names":["CreateRedirectDialog","observer","vm","actions","useRedirectListPresenter","presenter","Dialog","saved","OverlayLoader","FormView"],"mappings":";;;;;AAMO,MAAMA,4CAAuBC,SAAS;IACzC,MAAM,EAAEC,EAAE,EAAEC,OAAO,EAAE,GAAGC;IACxB,MAAMC,YAAYH,GAAG,cAAc;IAEnC,IAAI,CAACG,WACD,OAAO;IAGX,OAAO,WAAP,GACI,oBAACC,QAAMA;QACH,MAAM;QACN,SAAS,IAAMH,QAAQ,gBAAgB;QACvC,OAAM;QACN,uBACI,wDACI,oBAACG,OAAO,YAAY;YAAC,SAAS,IAAMH,QAAQ,gBAAgB;YAAI,MAAK;0BACrE,oBAACG,OAAO,aAAa;YACjB,SAAS;gBACL,MAAMC,QAAQ,MAAMF,UAAU,IAAI;gBAClC,IAAIE,OAAO;oBACPJ,QAAQ,gBAAgB;oBACnBA,QAAQ,OAAO;gBACxB;YACJ;YACA,MAAK;YACL,UAAU,CAAC,CAACE,UAAU,EAAE,CAAC,OAAO;;OAK3CA,UAAU,EAAE,CAAC,OAAO,GAAG,WAAH,GAAG,oBAACG,eAAaA;QAAC,MAAMH,UAAU,EAAE,CAAC,OAAO;SAAO,oBACxE,oBAACI,UAAQA;QAAC,MAAK;QAAiB,MAAMJ,UAAU,EAAE,CAAC,IAAI;;AAGnE"}

package/presentation/redirects/RedirectList/components/DocumentList.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const DocumentList: (() => React.JSX.Element) & {
+    displayName: string;
+};

package/presentation/redirects/RedirectList/components/DocumentList.js

@@ -0,0 +1,146 @@
+import react, { useCallback } from "react";
+import { observer } from "mobx-react-lite";
+import { useCreateDialog, useGetFolderLevelPermission } from "@webiny/app-aco";
+import { EmptyView, ListView } from "@webiny/app-admin";
+import { ReactComponent } from "@webiny/icons/home.svg";
+import { ReactComponent as folder_svg_ReactComponent } from "@webiny/icons/folder.svg";
+import { ReactComponent as search_svg_ReactComponent } from "@webiny/icons/search.svg";
+import { ReactComponent as add_svg_ReactComponent } from "@webiny/icons/add.svg";
+import { FolderTree } from "@webiny/app-aco/presentation/folderTree/FolderTree.js";
+import { Button, Tooltip } from "@webiny/admin-ui";
+import { useRedirectListPresenter } from "./RedirectListPresenterProvider.js";
+import { useRedirectListConfig } from "../configs/RedirectListConfig.js";
+import { ButtonsCreate } from "./ButtonsCreate.js";
+import { Table } from "./Table/Table.js";
+import { CreateRedirectDialog } from "./CreateRedirectDialog.js";
+import { EditRedirectDialog } from "./EditRedirectDialog.js";
+const RedirectEmpty = ({ isSearch, canCreateContent, canCreateFolder, onCreateDocument, onCreateFolder })=>{
+    if (isSearch) return /*#__PURE__*/ react.createElement(EmptyView, {
+        icon: /*#__PURE__*/ react.createElement(search_svg_ReactComponent, null),
+        title: "No results found.",
+        action: null
+    });
+    let createDocumentButton = /*#__PURE__*/ react.createElement(Button, {
+        variant: "primary",
+        onClick: onCreateDocument,
+        disabled: !canCreateContent,
+        text: "New redirect",
+        icon: /*#__PURE__*/ react.createElement(add_svg_ReactComponent, null)
+    });
+    if (!canCreateContent) createDocumentButton = /*#__PURE__*/ react.createElement(Tooltip, {
+        trigger: createDocumentButton,
+        content: "Cannot create redirect because you're not an owner.",
+        side: "bottom"
+    });
+    let createFolderButton = /*#__PURE__*/ react.createElement(Button, {
+        variant: "secondary",
+        onClick: onCreateFolder,
+        disabled: !canCreateFolder,
+        text: "New folder",
+        icon: /*#__PURE__*/ react.createElement(add_svg_ReactComponent, null)
+    });
+    if (!canCreateFolder) createFolderButton = /*#__PURE__*/ react.createElement(Tooltip, {
+        trigger: createFolderButton,
+        content: "Cannot create folder because you're not an owner.",
+        side: "bottom"
+    });
+    return /*#__PURE__*/ react.createElement(EmptyView, {
+        title: `Nothing to show here. ${canCreateContent ? "Navigate to a different folder or create a..." : "Click on the left side to navigate to a different folder."}`,
+        action: /*#__PURE__*/ react.createElement(react.Fragment, null, createFolderButton, createDocumentButton)
+    });
+};
+const DocumentList = observer(()=>{
+    const { vm, actions } = useRedirectListPresenter();
+    const { browser } = useRedirectListConfig();
+    const { showDialog: showCreateFolderDialog } = useCreateDialog();
+    const folderId = vm.folders.currentFolderId ?? "root";
+    const isRoot = "root" === folderId;
+    const { getFolderLevelPermission: canManageContent } = useGetFolderLevelPermission("canManageContent");
+    const { getFolderLevelPermission: canManageStructure } = useGetFolderLevelPermission("canManageStructure");
+    const canCreateContent = useCallback((id)=>canManageContent(id), [
+        canManageContent
+    ]);
+    const canCreateFolder = useCallback((id)=>canManageStructure(id), [
+        canManageStructure
+    ]);
+    const onCreateFolder = useCallback(()=>{
+        showCreateFolderDialog({
+            currentParentId: folderId
+        });
+    }, [
+        folderId
+    ]);
+    const onCreateDocument = useCallback(()=>{
+        actions.showCreateDialog(folderId);
+    }, [
+        folderId,
+        actions
+    ]);
+    const isSearch = !vm.showFolders;
+    const hasFolders = vm.showFolders && vm.childFolders.length > 0;
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(ListView, {
+        list: vm.list,
+        actions: actions,
+        namespace: "wb/redirect/list",
+        showingFilters: vm.showingFilters,
+        onToggleFilters: ()=>{
+            vm.showingFilters ? actions.hideFilters() : actions.showFilters();
+        },
+        sidebar: /*#__PURE__*/ react.createElement(ListView.Sidebar, {
+            title: "Redirects"
+        }, /*#__PURE__*/ react.createElement(ListView.Sidebar.Section, {
+            grow: true
+        }, /*#__PURE__*/ react.createElement(FolderTree, {
+            vm: vm.folders,
+            actions: actions.folders,
+            folderActions: browser.folder.actions,
+            enableActions: true,
+            enableCreate: true
+        }))),
+        header: /*#__PURE__*/ react.createElement(ListView.Header, {
+            title: {
+                icon: isRoot ? /*#__PURE__*/ react.createElement(ReactComponent, null) : /*#__PURE__*/ react.createElement(folder_svg_ReactComponent, null),
+                text: isRoot ? "Home" : vm.folders.currentFolderTitle
+            },
+            search: true,
+            filtersToggle: true,
+            actions: /*#__PURE__*/ react.createElement(ButtonsCreate, {
+                canCreateFolder: canCreateFolder(folderId),
+                canCreateContent: canCreateContent(folderId),
+                onCreateFolder: onCreateFolder,
+                onCreateDocument: onCreateDocument
+            })
+        }),
+        bulkActions: /*#__PURE__*/ react.createElement(ListView.BulkActions, {
+            itemLabel: "redirect",
+            actions: browser.bulkActions
+        }),
+        filters: /*#__PURE__*/ react.createElement(ListView.Filters, {
+            filters: browser.filters,
+            filtersToWhere: browser.filtersToWhere
+        }),
+        content: /*#__PURE__*/ react.createElement(ListView.Content, {
+            empty: hasFolders ? void 0 : /*#__PURE__*/ react.createElement(RedirectEmpty, {
+                isSearch: isSearch,
+                canCreateContent: canCreateContent(folderId),
+                canCreateFolder: canCreateFolder(folderId),
+                onCreateDocument: onCreateDocument,
+                onCreateFolder: onCreateFolder
+            }),
+            searchEmpty: /*#__PURE__*/ react.createElement(EmptyView, {
+                icon: /*#__PURE__*/ react.createElement(search_svg_ReactComponent, null),
+                title: "No results found.",
+                action: null
+            })
+        }, /*#__PURE__*/ react.createElement(Table, null)),
+        bottomBar: /*#__PURE__*/ react.createElement(ListView.BottomBar, {
+            meta: {
+                itemLabel: "redirect"
+            },
+            status: true
+        })
+    }), /*#__PURE__*/ react.createElement(CreateRedirectDialog, null), /*#__PURE__*/ react.createElement(EditRedirectDialog, null));
+});
+export { DocumentList };
+
+//# sourceMappingURL=DocumentList.js.map

package/presentation/redirects/RedirectList/components/DocumentList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/redirects/RedirectList/components/DocumentList.js","sources":["../../../../../src/presentation/redirects/RedirectList/components/DocumentList.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { useCreateDialog, useGetFolderLevelPermission } from \"@webiny/app-aco\";\nimport { ListView } from \"@webiny/app-admin\";\nimport { ReactComponent as HomeIcon } from \"@webiny/icons/home.svg\";\nimport { ReactComponent as FolderIcon } from \"@webiny/icons/folder.svg\";\nimport { ReactComponent as SearchIcon } from \"@webiny/icons/search.svg\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport { FolderTree } from \"@webiny/app-aco/presentation/folderTree/FolderTree.js\";\nimport { EmptyView } from \"@webiny/app-admin\";\nimport { Button, Tooltip } from \"@webiny/admin-ui\";\nimport { useRedirectListPresenter } from \"./RedirectListPresenterProvider.js\";\nimport { useRedirectListConfig } from \"../configs/RedirectListConfig.js\";\nimport { ButtonsCreate } from \"./ButtonsCreate.js\";\nimport { Table } from \"./Table/Table.js\";\nimport { CreateRedirectDialog } from \"./CreateRedirectDialog.js\";\nimport { EditRedirectDialog } from \"./EditRedirectDialog.js\";\n\ninterface RedirectEmptyProps {\n    isSearch: boolean;\n    canCreateContent: boolean;\n    canCreateFolder: boolean;\n    onCreateDocument: (event: React.SyntheticEvent) => void;\n    onCreateFolder: (event: React.SyntheticEvent) => void;\n}\n\nconst RedirectEmpty = ({\n    isSearch,\n    canCreateContent,\n    canCreateFolder,\n    onCreateDocument,\n    onCreateFolder\n}: RedirectEmptyProps) => {\n    if (isSearch) {\n        return <EmptyView icon={<SearchIcon />} title={\"No results found.\"} action={null} />;\n    }\n\n    let createDocumentButton = (\n        <Button\n            variant={\"primary\"}\n            onClick={onCreateDocument}\n            disabled={!canCreateContent}\n            text={\"New redirect\"}\n            icon={<AddIcon />}\n        />\n    );\n\n    if (!canCreateContent) {\n        createDocumentButton = (\n            <Tooltip\n                trigger={createDocumentButton}\n                content={`Cannot create redirect because you're not an owner.`}\n                side={\"bottom\"}\n            />\n        );\n    }\n\n    let createFolderButton = (\n        <Button\n            variant={\"secondary\"}\n            onClick={onCreateFolder}\n            disabled={!canCreateFolder}\n            text={\"New folder\"}\n            icon={<AddIcon />}\n        />\n    );\n\n    if (!canCreateFolder) {\n        createFolderButton = (\n            <Tooltip\n                trigger={createFolderButton}\n                content={`Cannot create folder because you're not an owner.`}\n                side={\"bottom\"}\n            />\n        );\n    }\n\n    return (\n        <EmptyView\n            title={`Nothing to show here. ${\n                canCreateContent\n                    ? \"Navigate to a different folder or create a...\"\n                    : \"Click on the left side to navigate to a different folder.\"\n            }`}\n            action={\n                <>\n                    {createFolderButton}\n                    {createDocumentButton}\n                </>\n            }\n        />\n    );\n};\n\nexport const DocumentList = observer(() => {\n    const { vm, actions } = useRedirectListPresenter();\n    const { browser } = useRedirectListConfig();\n    const { showDialog: showCreateFolderDialog } = useCreateDialog();\n\n    const folderId = vm.folders.currentFolderId ?? \"root\";\n    const isRoot = folderId === \"root\";\n\n    const { getFolderLevelPermission: canManageContent } =\n        useGetFolderLevelPermission(\"canManageContent\");\n\n    const { getFolderLevelPermission: canManageStructure } =\n        useGetFolderLevelPermission(\"canManageStructure\");\n\n    const canCreateContent = useCallback((id: string) => canManageContent(id), [canManageContent]);\n\n    const canCreateFolder = useCallback(\n        (id: string) => canManageStructure(id),\n        [canManageStructure]\n    );\n\n    const onCreateFolder = useCallback(() => {\n        showCreateFolderDialog({ currentParentId: folderId });\n    }, [folderId]);\n\n    const onCreateDocument = useCallback(() => {\n        actions.showCreateDialog(folderId);\n    }, [folderId, actions]);\n\n    const isSearch = !vm.showFolders;\n    const hasFolders = vm.showFolders && vm.childFolders.length > 0;\n\n    return (\n        <>\n            <ListView\n                list={vm.list}\n                actions={actions}\n                namespace=\"wb/redirect/list\"\n                showingFilters={vm.showingFilters}\n                onToggleFilters={() => {\n                    vm.showingFilters ? actions.hideFilters() : actions.showFilters();\n                }}\n                sidebar={\n                    <ListView.Sidebar title=\"Redirects\">\n                        <ListView.Sidebar.Section grow>\n                            <FolderTree\n                                vm={vm.folders}\n                                actions={actions.folders}\n                                folderActions={browser.folder.actions}\n                                enableActions={true}\n                                enableCreate={true}\n                            />\n                        </ListView.Sidebar.Section>\n                    </ListView.Sidebar>\n                }\n                header={\n                    <ListView.Header\n                        title={{\n                            icon: isRoot ? <HomeIcon /> : <FolderIcon />,\n                            text: isRoot ? \"Home\" : vm.folders.currentFolderTitle\n                        }}\n                        search\n                        filtersToggle\n                        actions={\n                            <ButtonsCreate\n                                canCreateFolder={canCreateFolder(folderId)}\n                                canCreateContent={canCreateContent(folderId)}\n                                onCreateFolder={onCreateFolder}\n                                onCreateDocument={onCreateDocument}\n                            />\n                        }\n                    />\n                }\n                bulkActions={\n                    <ListView.BulkActions itemLabel=\"redirect\" actions={browser.bulkActions} />\n                }\n                filters={\n                    <ListView.Filters\n                        filters={browser.filters}\n                        filtersToWhere={browser.filtersToWhere}\n                    />\n                }\n                content={\n                    <ListView.Content\n                        empty={\n                            hasFolders ? undefined : (\n                                <RedirectEmpty\n                                    isSearch={isSearch}\n                                    canCreateContent={canCreateContent(folderId)}\n                                    canCreateFolder={canCreateFolder(folderId)}\n                                    onCreateDocument={onCreateDocument}\n                                    onCreateFolder={onCreateFolder}\n                                />\n                            )\n                        }\n                        searchEmpty={\n                            <EmptyView\n                                icon={<SearchIcon />}\n                                title={\"No results found.\"}\n                                action={null}\n                            />\n                        }\n                    >\n                        <Table />\n                    </ListView.Content>\n                }\n                bottomBar={<ListView.BottomBar meta={{ itemLabel: \"redirect\" }} status />}\n            />\n            <CreateRedirectDialog />\n            <EditRedirectDialog />\n        </>\n    );\n});\n"],"names":["RedirectEmpty","isSearch","canCreateContent","canCreateFolder","onCreateDocument","onCreateFolder","EmptyView","SearchIcon","createDocumentButton","Button","AddIcon","Tooltip","createFolderButton","DocumentList","observer","vm","actions","useRedirectListPresenter","browser","useRedirectListConfig","showCreateFolderDialog","useCreateDialog","folderId","isRoot","canManageContent","useGetFolderLevelPermission","canManageStructure","useCallback","id","hasFolders","ListView","FolderTree","HomeIcon","FolderIcon","ButtonsCreate","undefined","Table","CreateRedirectDialog","EditRedirectDialog"],"mappings":"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"}

package/presentation/redirects/RedirectList/components/EditRedirectDialog.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const EditRedirectDialog: (() => React.JSX.Element | null) & {
+    displayName: string;
+};

package/presentation/redirects/RedirectList/components/EditRedirectDialog.js

@@ -0,0 +1,37 @@
+import react from "react";
+import { observer } from "mobx-react-lite";
+import { Dialog, OverlayLoader } from "@webiny/admin-ui";
+import { FormView } from "@webiny/app-admin/features/formModel/FormView.js";
+import { useRedirectListPresenter } from "../index.js";
+const EditRedirectDialog_EditRedirectDialog = observer(function() {
+    const { vm, actions } = useRedirectListPresenter();
+    const presenter = vm.editRedirect;
+    if (!presenter) return null;
+    return /*#__PURE__*/ react.createElement(Dialog, {
+        open: true,
+        onClose: ()=>actions.hideEditDialog(),
+        title: "Edit Redirect",
+        actions: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Dialog.CancelAction, {
+            onClick: ()=>actions.hideEditDialog(),
+            text: "Cancel"
+        }), /*#__PURE__*/ react.createElement(Dialog.ConfirmAction, {
+            onClick: async ()=>{
+                const saved = await presenter.save();
+                if (saved) {
+                    actions.hideEditDialog();
+                    actions.refresh();
+                }
+            },
+            text: "Save",
+            disabled: !!presenter.vm.loading
+        }))
+    }, presenter.vm.loading ? /*#__PURE__*/ react.createElement(OverlayLoader, {
+        text: presenter.vm.loading
+    }) : null, /*#__PURE__*/ react.createElement(FormView, {
+        name: "EditRedirect",
+        form: presenter.vm.form
+    }));
+});
+export { EditRedirectDialog_EditRedirectDialog as EditRedirectDialog };
+
+//# sourceMappingURL=EditRedirectDialog.js.map

package/presentation/redirects/RedirectList/components/EditRedirectDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/redirects/RedirectList/components/EditRedirectDialog.js","sources":["../../../../../src/presentation/redirects/RedirectList/components/EditRedirectDialog.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { Dialog, OverlayLoader } from \"@webiny/admin-ui\";\nimport { FormView } from \"@webiny/app-admin/features/formModel/FormView.js\";\nimport { useRedirectListPresenter } from \"~/presentation/redirects/RedirectList/index.js\";\n\nexport const EditRedirectDialog = observer(function EditRedirectDialog() {\n    const { vm, actions } = useRedirectListPresenter();\n    const presenter = vm.editRedirect;\n\n    if (!presenter) {\n        return null;\n    }\n\n    return (\n        <Dialog\n            open={true}\n            onClose={() => actions.hideEditDialog()}\n            title=\"Edit Redirect\"\n            actions={\n                <>\n                    <Dialog.CancelAction onClick={() => actions.hideEditDialog()} text=\"Cancel\" />\n                    <Dialog.ConfirmAction\n                        onClick={async () => {\n                            const saved = await presenter.save();\n                            if (saved) {\n                                actions.hideEditDialog();\n                                void actions.refresh();\n                            }\n                        }}\n                        text=\"Save\"\n                        disabled={!!presenter.vm.loading}\n                    />\n                </>\n            }\n        >\n            {presenter.vm.loading ? <OverlayLoader text={presenter.vm.loading} /> : null}\n            <FormView name=\"EditRedirect\" form={presenter.vm.form} />\n        </Dialog>\n    );\n});\n"],"names":["EditRedirectDialog","observer","vm","actions","useRedirectListPresenter","presenter","Dialog","saved","OverlayLoader","FormView"],"mappings":";;;;;AAMO,MAAMA,wCAAqBC,SAAS;IACvC,MAAM,EAAEC,EAAE,EAAEC,OAAO,EAAE,GAAGC;IACxB,MAAMC,YAAYH,GAAG,YAAY;IAEjC,IAAI,CAACG,WACD,OAAO;IAGX,OAAO,WAAP,GACI,oBAACC,QAAMA;QACH,MAAM;QACN,SAAS,IAAMH,QAAQ,cAAc;QACrC,OAAM;QACN,uBACI,wDACI,oBAACG,OAAO,YAAY;YAAC,SAAS,IAAMH,QAAQ,cAAc;YAAI,MAAK;0BACnE,oBAACG,OAAO,aAAa;YACjB,SAAS;gBACL,MAAMC,QAAQ,MAAMF,UAAU,IAAI;gBAClC,IAAIE,OAAO;oBACPJ,QAAQ,cAAc;oBACjBA,QAAQ,OAAO;gBACxB;YACJ;YACA,MAAK;YACL,UAAU,CAAC,CAACE,UAAU,EAAE,CAAC,OAAO;;OAK3CA,UAAU,EAAE,CAAC,OAAO,GAAG,WAAH,GAAG,oBAACG,eAAaA;QAAC,MAAMH,UAAU,EAAE,CAAC,OAAO;SAAO,oBACxE,oBAACI,UAAQA;QAAC,MAAK;QAAe,MAAMJ,UAAU,EAAE,CAAC,IAAI;;AAGjE"}

package/presentation/redirects/RedirectList/components/FilterByStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/redirects/RedirectList/components/FilterByStatus.js","sources":["../../../../../src/presentation/redirects/RedirectList/components/FilterByStatus.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Select } from \"@webiny/admin-ui\";\nimport { useBind } from \"@webiny/form\";\n\nconst getValidFilterValue = (value: string): boolean | undefined => {\n    if (value === \"all\" || value === \"\") {\n        return undefined;\n    }\n    return value === \"true\";\n};\n\nexport const FilterByStatus = () => {\n    const bind = useBind({\n        name: \"isEnabled\",\n        defaultValue: \"all\",\n        beforeChange(value, cb) {\n            cb(getValidFilterValue(value));\n        }\n    });\n\n    const options = useMemo(() => {\n        return [\n            { label: \"All\", value: \"all\" },\n            { label: \"Enabled\", value: \"true\" },\n            { label: \"Disabled\", value: \"false\" }\n        ];\n    }, []);\n\n    return (\n        <Select\n            {...bind}\n            value={String(bind.value)}\n            size={\"md\"}\n            placeholder={\"Filter by status\"}\n            options={options}\n            displayResetAction={false}\n        />\n    );\n};\n"],"names":["getValidFilterValue","value","FilterByStatus","bind","useBind","cb","options","useMemo","Select","String"],"mappings":";;;AAIA,MAAMA,sBAAsB,CAACC;IACzB,IAAIA,AAAU,UAAVA,SAAmBA,AAAU,OAAVA,OACnB;IAEJ,OAAOA,AAAU,WAAVA;AACX;AAEO,MAAMC,iBAAiB;IAC1B,MAAMC,OAAOC,QAAQ;QACjB,MAAM;QACN,cAAc;QACd,cAAaH,KAAK,EAAEI,EAAE;YAClBA,GAAGL,oBAAoBC;QAC3B;IACJ;IAEA,MAAMK,UAAUC,QAAQ,IACb;YACH;gBAAE,OAAO;gBAAO,OAAO;YAAM;YAC7B;gBAAE,OAAO;gBAAW,OAAO;YAAO;YAClC;gBAAE,OAAO;gBAAY,OAAO;YAAQ;SACvC,EACF,EAAE;IAEL,OAAO,WAAP,GACI,oBAACC,QAAMA;QACF,GAAGL,IAAI;QACR,OAAOM,OAAON,KAAK,KAAK;QACxB,MAAM;QACN,aAAa;QACb,SAASG;QACT,oBAAoB;;AAGhC"}

package/presentation/redirects/RedirectList/components/RedirectListPresenterProvider.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { IRedirectListPresenter } from "../abstractions.js";
+interface RedirectListPresenterProviderProps {
+    presenter: IRedirectListPresenter;
+    children: React.ReactNode;
+}
+export declare const RedirectListPresenterProvider: ({ presenter, children }: RedirectListPresenterProviderProps) => React.JSX.Element;
+export declare function useRedirectListPresenter(): IRedirectListPresenter;
+export {};

package/presentation/redirects/RedirectList/components/RedirectListPresenterProvider.js

@@ -0,0 +1,13 @@
+import react from "react";
+const RedirectListPresenterContext = /*#__PURE__*/ react.createContext(void 0);
+const RedirectListPresenterProvider = ({ presenter, children })=>/*#__PURE__*/ react.createElement(RedirectListPresenterContext.Provider, {
+        value: presenter
+    }, children);
+function useRedirectListPresenter() {
+    const context = react.useContext(RedirectListPresenterContext);
+    if (!context) throw new Error("Missing <RedirectListPresenterProvider> in the component tree!");
+    return context;
+}
+export { RedirectListPresenterProvider, useRedirectListPresenter };
+
+//# sourceMappingURL=RedirectListPresenterProvider.js.map

package/presentation/redirects/RedirectList/components/RedirectListPresenterProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/redirects/RedirectList/components/RedirectListPresenterProvider.js","sources":["../../../../../src/presentation/redirects/RedirectList/components/RedirectListPresenterProvider.tsx"],"sourcesContent":["import React from \"react\";\nimport type { IRedirectListPresenter } from \"../abstractions.js\";\n\nconst RedirectListPresenterContext = React.createContext<IRedirectListPresenter | undefined>(\n    undefined\n);\n\ninterface RedirectListPresenterProviderProps {\n    presenter: IRedirectListPresenter;\n    children: React.ReactNode;\n}\n\nexport const RedirectListPresenterProvider = ({\n    presenter,\n    children\n}: RedirectListPresenterProviderProps) => (\n    <RedirectListPresenterContext.Provider value={presenter}>\n        {children}\n    </RedirectListPresenterContext.Provider>\n);\n\nexport function useRedirectListPresenter(): IRedirectListPresenter {\n    const context = React.useContext(RedirectListPresenterContext);\n    if (!context) {\n        throw new Error(\"Missing <RedirectListPresenterProvider> in the component tree!\");\n    }\n    return context;\n}\n"],"names":["RedirectListPresenterContext","React","undefined","RedirectListPresenterProvider","presenter","children","useRedirectListPresenter","context","Error"],"mappings":";AAGA,MAAMA,+BAA+B,WAAHA,GAAGC,MAAAA,aAAmB,CACpDC;AAQG,MAAMC,gCAAgC,CAAC,EAC1CC,SAAS,EACTC,QAAQ,EACyB,iBACjC,oBAACL,6BAA6B,QAAQ;QAAC,OAAOI;OACzCC;AAIF,SAASC;IACZ,MAAMC,UAAUN,MAAAA,UAAgB,CAACD;IACjC,IAAI,CAACO,SACD,MAAM,IAAIC,MAAM;IAEpB,OAAOD;AACX"}

package/presentation/redirects/RedirectList/components/RedirectsList.js

@@ -0,0 +1,83 @@
+import react, { useEffect, useMemo } from "react";
+import { AdminLayout, DialogsProvider, useRoute } from "@webiny/app-admin";
+import { DiContainerProvider, useContainer, useFeature } from "@webiny/app";
+import { RouteParamsSync } from "@webiny/app/presentation/router/components/RouteParamsSync.js";
+import { observer } from "mobx-react-lite";
+import { FoldersFeature } from "@webiny/app-aco/features/folders/feature.js";
+import { FolderTreePresenterFeature } from "@webiny/app-aco/presentation/folderTree/feature.js";
+import { ListPresenterFeature } from "@webiny/app-admin/presentation/listPresenter/feature.js";
+import { SharedRedirectCacheFeature } from "../../../../features/redirects/shared/feature.js";
+import { ListRedirectsFeature } from "../../../../features/redirects/listRedirects/feature.js";
+import { GetRedirectFeature } from "../../../../features/redirects/getRedirect/feature.js";
+import { CreateRedirectFeature } from "../../../../features/redirects/createRedirect/feature.js";
+import { DeleteRedirectFeature } from "../../../../features/redirects/deleteRedirect/feature.js";
+import { UpdateRedirectFeature } from "../../../../features/redirects/updateRedirect/feature.js";
+import { MoveRedirectFeature } from "../../../../features/redirects/moveRedirect/feature.js";
+import { RedirectListPresenterFeature } from "../feature.js";
+import { RedirectListPresenterProvider } from "./RedirectListPresenterProvider.js";
+import { WB_REDIRECTS_APP } from "../../../../constants.js";
+import { Routes } from "../../../../routes.js";
+import { RedirectListWithConfig } from "../configs/RedirectListConfig.js";
+import { DocumentList } from "./DocumentList.js";
+const RedirectsListInner = observer(()=>{
+    const { presenter } = useFeature(RedirectListPresenterFeature);
+    const { route } = useRoute(Routes.Redirects.List);
+    useEffect(()=>{
+        presenter.init({
+            initialFolderId: route.params.folderId || "root"
+        });
+        return ()=>presenter.dispose();
+    }, [
+        presenter
+    ]);
+    return /*#__PURE__*/ react.createElement(DialogsProvider, null, /*#__PURE__*/ react.createElement(RedirectListWithConfig, null, /*#__PURE__*/ react.createElement(RedirectListPresenterProvider, {
+        presenter: presenter
+    }, /*#__PURE__*/ react.createElement(DocumentList, null), /*#__PURE__*/ react.createElement(RouteParamsSync, {
+        route: Routes.Redirects.List,
+        fields: (fields)=>[
+                fields.create({
+                    param: "folderId",
+                    read: ()=>presenter.vm.folders.currentFolderId ?? void 0,
+                    write: (value)=>{
+                        presenter.actions.folders.selectFolder(value ?? null);
+                    }
+                }),
+                fields.create({
+                    param: "search",
+                    read: ()=>presenter.vm.list.search || void 0,
+                    write: (value)=>{
+                        if (value) presenter.actions.search.set(value);
+                        else presenter.actions.search.clear();
+                    }
+                })
+            ]
+    }))));
+});
+const RedirectsList = ()=>{
+    const container = useContainer();
+    const scopedContainer = useMemo(()=>{
+        const child = container.createChildContainer();
+        SharedRedirectCacheFeature.register(child);
+        FoldersFeature.register(child, {
+            type: WB_REDIRECTS_APP
+        });
+        FolderTreePresenterFeature.register(child);
+        ListPresenterFeature.register(child);
+        ListRedirectsFeature.register(child);
+        GetRedirectFeature.register(child);
+        CreateRedirectFeature.register(child);
+        DeleteRedirectFeature.register(child);
+        UpdateRedirectFeature.register(child);
+        MoveRedirectFeature.register(child);
+        RedirectListPresenterFeature.register(child);
+        return child;
+    }, []);
+    return /*#__PURE__*/ react.createElement(AdminLayout, {
+        title: "Redirects - Website Builder"
+    }, /*#__PURE__*/ react.createElement(DiContainerProvider, {
+        container: scopedContainer
+    }, /*#__PURE__*/ react.createElement(RedirectsListInner, null)));
+};
+export { RedirectsList };
+
+//# sourceMappingURL=RedirectsList.js.map