@webiny/app-website-builder 0.0.0-unstable.e6f0dc8ca7 → 0.0.0-unstable.eb81deee7e

package/presentation/pages/PageList/components/BulkActions/BulkActionPublish.js

@@ -0,0 +1,37 @@
+import react from "react";
+import { observer } from "mobx-react-lite";
+import { ReactComponent } from "@webiny/icons/visibility.svg";
+import { useFeature } from "@webiny/app";
+import { BulkActionButton, useBulkActionDialog } from "@webiny/app-admin/components/BulkActions/index.js";
+import { usePageListPresenter } from "../../PageListPresenterProvider.js";
+import { BulkPublishFeature } from "../../../bulkActions/feature.js";
+const BulkActionPublish = observer(()=>{
+    const presenter = usePageListPresenter();
+    const { showConfirmationDialog, showResultsDialog } = useBulkActionDialog();
+    const { presenter: bulkPublish } = useFeature(BulkPublishFeature);
+    const selection = presenter.list.vm.selection;
+    const selectedItems = presenter.list.vm.rows.filter((row)=>selection.selectedIds.has(row.entryId));
+    const openPublishDialog = ()=>showConfirmationDialog({
+            title: "Publish pages",
+            message: `You are about to publish ${selection.label}. Are you sure you want to continue?`,
+            loadingLabel: `Processing ${selection.label}`,
+            execute: async ()=>{
+                await bulkPublish.execute(selectedItems);
+                presenter.list.actions.selection.deselectAll();
+                showResultsDialog({
+                    results: bulkPublish.vm.results,
+                    title: "Publish pages",
+                    message: "Finished publishing pages! See full report below:"
+                });
+            }
+        });
+    return /*#__PURE__*/ react.createElement(BulkActionButton, {
+        text: "Publish",
+        tooltipContent: `Publish ${selection.label}`,
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        onClick: openPublishDialog
+    });
+});
+export { BulkActionPublish };
+
+//# sourceMappingURL=BulkActionPublish.js.map

package/presentation/pages/PageList/components/BulkActions/BulkActionPublish.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageList/components/BulkActions/BulkActionPublish.js","sources":["../../../../../../src/presentation/pages/PageList/components/BulkActions/BulkActionPublish.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { ReactComponent as PublishIcon } from \"@webiny/icons/visibility.svg\";\nimport { useFeature } from \"@webiny/app\";\nimport {\n    BulkActionButton,\n    useBulkActionDialog\n} from \"@webiny/app-admin/components/BulkActions/index.js\";\nimport { usePageListPresenter } from \"../../PageListPresenterProvider.js\";\nimport { BulkPublishFeature } from \"~/presentation/pages/bulkActions/feature.js\";\n\nexport const BulkActionPublish = observer(() => {\n    const presenter = usePageListPresenter();\n    const { showConfirmationDialog, showResultsDialog } = useBulkActionDialog();\n    const { presenter: bulkPublish } = useFeature(BulkPublishFeature);\n\n    const selection = presenter.list.vm.selection;\n    const selectedItems = presenter.list.vm.rows.filter(row => {\n        return selection.selectedIds.has(row.entryId);\n    });\n\n    const openPublishDialog = () =>\n        showConfirmationDialog({\n            title: \"Publish pages\",\n            message: `You are about to publish ${selection.label}. Are you sure you want to continue?`,\n            loadingLabel: `Processing ${selection.label}`,\n            execute: async () => {\n                await bulkPublish.execute(selectedItems);\n                presenter.list.actions.selection.deselectAll();\n\n                showResultsDialog({\n                    results: bulkPublish.vm.results,\n                    title: \"Publish pages\",\n                    message: \"Finished publishing pages! See full report below:\"\n                });\n            }\n        });\n\n    return (\n        <BulkActionButton\n            text=\"Publish\"\n            tooltipContent={`Publish ${selection.label}`}\n            icon={<PublishIcon />}\n            onClick={openPublishDialog}\n        />\n    );\n});\n"],"names":["BulkActionPublish","observer","presenter","usePageListPresenter","showConfirmationDialog","showResultsDialog","useBulkActionDialog","bulkPublish","useFeature","BulkPublishFeature","selection","selectedItems","row","openPublishDialog","BulkActionButton","PublishIcon"],"mappings":";;;;;;;AAWO,MAAMA,oBAAoBC,SAAS;IACtC,MAAMC,YAAYC;IAClB,MAAM,EAAEC,sBAAsB,EAAEC,iBAAiB,EAAE,GAAGC;IACtD,MAAM,EAAE,WAAWC,WAAW,EAAE,GAAGC,WAAWC;IAE9C,MAAMC,YAAYR,UAAU,IAAI,CAAC,EAAE,CAAC,SAAS;IAC7C,MAAMS,gBAAgBT,UAAU,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAACU,CAAAA,MACzCF,UAAU,WAAW,CAAC,GAAG,CAACE,IAAI,OAAO;IAGhD,MAAMC,oBAAoB,IACtBT,uBAAuB;YACnB,OAAO;YACP,SAAS,CAAC,yBAAyB,EAAEM,UAAU,KAAK,CAAC,oCAAoC,CAAC;YAC1F,cAAc,CAAC,WAAW,EAAEA,UAAU,KAAK,EAAE;YAC7C,SAAS;gBACL,MAAMH,YAAY,OAAO,CAACI;gBAC1BT,UAAU,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,WAAW;gBAE5CG,kBAAkB;oBACd,SAASE,YAAY,EAAE,CAAC,OAAO;oBAC/B,OAAO;oBACP,SAAS;gBACb;YACJ;QACJ;IAEJ,OAAO,WAAP,GACI,oBAACO,kBAAgBA;QACb,MAAK;QACL,gBAAgB,CAAC,QAAQ,EAAEJ,UAAU,KAAK,EAAE;QAC5C,oBAAM,oBAACK,gBAAWA;QAClB,SAASF;;AAGrB"}

package/presentation/pages/PageList/components/BulkActions/BulkActionUnpublish.d.ts

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

package/presentation/pages/PageList/components/BulkActions/BulkActionUnpublish.js

@@ -0,0 +1,37 @@
+import react from "react";
+import { observer } from "mobx-react-lite";
+import { ReactComponent } from "@webiny/icons/visibility_off.svg";
+import { useFeature } from "@webiny/app";
+import { BulkActionButton, useBulkActionDialog } from "@webiny/app-admin/components/BulkActions/index.js";
+import { usePageListPresenter } from "../../PageListPresenterProvider.js";
+import { BulkUnpublishFeature } from "../../../bulkActions/feature.js";
+const BulkActionUnpublish = observer(()=>{
+    const presenter = usePageListPresenter();
+    const { presenter: bulkUnpublish } = useFeature(BulkUnpublishFeature);
+    const { showConfirmationDialog, showResultsDialog } = useBulkActionDialog();
+    const selection = presenter.list.vm.selection;
+    const selectedItems = presenter.list.vm.rows.filter((row)=>selection.selectedIds.has(row.entryId));
+    const openUnpublishDialog = ()=>showConfirmationDialog({
+            title: "Unpublish pages",
+            message: `You are about to unpublish ${selection.label}. Are you sure you want to continue?`,
+            loadingLabel: `Processing ${selection.label}`,
+            execute: async ()=>{
+                await bulkUnpublish.execute(selectedItems);
+                presenter.list.actions.selection.deselectAll();
+                showResultsDialog({
+                    results: bulkUnpublish.vm.results,
+                    title: "Unpublish pages",
+                    message: "Finished unpublishing pages! See full report below:"
+                });
+            }
+        });
+    return /*#__PURE__*/ react.createElement(BulkActionButton, {
+        text: "Unpublish",
+        tooltipContent: `Unpublish ${selection.label}`,
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        onClick: openUnpublishDialog
+    });
+});
+export { BulkActionUnpublish };
+
+//# sourceMappingURL=BulkActionUnpublish.js.map

package/presentation/pages/PageList/components/BulkActions/BulkActionUnpublish.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageList/components/BulkActions/BulkActionUnpublish.js","sources":["../../../../../../src/presentation/pages/PageList/components/BulkActions/BulkActionUnpublish.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { ReactComponent as UnpublishIcon } from \"@webiny/icons/visibility_off.svg\";\nimport { useFeature } from \"@webiny/app\";\nimport {\n    BulkActionButton,\n    useBulkActionDialog\n} from \"@webiny/app-admin/components/BulkActions/index.js\";\nimport { usePageListPresenter } from \"../../PageListPresenterProvider.js\";\nimport { BulkUnpublishFeature } from \"~/presentation/pages/bulkActions/feature.js\";\n\nexport const BulkActionUnpublish = observer(() => {\n    const presenter = usePageListPresenter();\n    const { presenter: bulkUnpublish } = useFeature(BulkUnpublishFeature);\n    const { showConfirmationDialog, showResultsDialog } = useBulkActionDialog();\n\n    const selection = presenter.list.vm.selection;\n    const selectedItems = presenter.list.vm.rows.filter(row => {\n        return selection.selectedIds.has(row.entryId);\n    });\n\n    const openUnpublishDialog = () =>\n        showConfirmationDialog({\n            title: \"Unpublish pages\",\n            message: `You are about to unpublish ${selection.label}. Are you sure you want to continue?`,\n            loadingLabel: `Processing ${selection.label}`,\n            execute: async () => {\n                await bulkUnpublish.execute(selectedItems);\n                presenter.list.actions.selection.deselectAll();\n\n                showResultsDialog({\n                    results: bulkUnpublish.vm.results,\n                    title: \"Unpublish pages\",\n                    message: \"Finished unpublishing pages! See full report below:\"\n                });\n            }\n        });\n\n    return (\n        <BulkActionButton\n            text=\"Unpublish\"\n            tooltipContent={`Unpublish ${selection.label}`}\n            icon={<UnpublishIcon />}\n            onClick={openUnpublishDialog}\n        />\n    );\n});\n"],"names":["BulkActionUnpublish","observer","presenter","usePageListPresenter","bulkUnpublish","useFeature","BulkUnpublishFeature","showConfirmationDialog","showResultsDialog","useBulkActionDialog","selection","selectedItems","row","openUnpublishDialog","BulkActionButton","UnpublishIcon"],"mappings":";;;;;;;AAWO,MAAMA,sBAAsBC,SAAS;IACxC,MAAMC,YAAYC;IAClB,MAAM,EAAE,WAAWC,aAAa,EAAE,GAAGC,WAAWC;IAChD,MAAM,EAAEC,sBAAsB,EAAEC,iBAAiB,EAAE,GAAGC;IAEtD,MAAMC,YAAYR,UAAU,IAAI,CAAC,EAAE,CAAC,SAAS;IAC7C,MAAMS,gBAAgBT,UAAU,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAACU,CAAAA,MACzCF,UAAU,WAAW,CAAC,GAAG,CAACE,IAAI,OAAO;IAGhD,MAAMC,sBAAsB,IACxBN,uBAAuB;YACnB,OAAO;YACP,SAAS,CAAC,2BAA2B,EAAEG,UAAU,KAAK,CAAC,oCAAoC,CAAC;YAC5F,cAAc,CAAC,WAAW,EAAEA,UAAU,KAAK,EAAE;YAC7C,SAAS;gBACL,MAAMN,cAAc,OAAO,CAACO;gBAC5BT,UAAU,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,WAAW;gBAE5CM,kBAAkB;oBACd,SAASJ,cAAc,EAAE,CAAC,OAAO;oBACjC,OAAO;oBACP,SAAS;gBACb;YACJ;QACJ;IAEJ,OAAO,WAAP,GACI,oBAACU,kBAAgBA;QACb,MAAK;QACL,gBAAgB,CAAC,UAAU,EAAEJ,UAAU,KAAK,EAAE;QAC9C,oBAAM,oBAACK,gBAAaA;QACpB,SAASF;;AAGrB"}

package/presentation/pages/PageList/components/BulkActions/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./BulkActionDelete.js";
+export * from "./BulkActionDuplicate.js";
+export * from "./BulkActionMovePage.js";
+export * from "./BulkActionPublish.js";
+export * from "./BulkActionUnpublish.js";

package/presentation/pages/PageList/components/BulkActions/index.js

@@ -0,0 +1,5 @@
+export * from "./BulkActionDelete.js";
+export * from "./BulkActionDuplicate.js";
+export * from "./BulkActionMovePage.js";
+export * from "./BulkActionPublish.js";
+export * from "./BulkActionUnpublish.js";

package/presentation/pages/PageList/components/DocumentList.d.ts

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

package/presentation/pages/PageList/components/DocumentList.js

@@ -0,0 +1,158 @@
+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 { usePageListPresenter } from "../PageListPresenterProvider.js";
+import { usePageListConfig } from "../configs/index.js";
+import { useCreatePageDialog } from "../../CreatePage/CreatePageDialog.js";
+import { usePermissions } from "../../../security/usePermissions.js";
+import { Table } from "./Table/Table.js";
+const PageEmpty = ({ 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 page",
+        icon: /*#__PURE__*/ react.createElement(add_svg_ReactComponent, null)
+    });
+    if (!canCreateContent) createDocumentButton = /*#__PURE__*/ react.createElement(Tooltip, {
+        trigger: createDocumentButton,
+        content: "Cannot create page 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 presenter = usePageListPresenter();
+    const { vm, list, folders } = presenter;
+    const { browser } = usePageListConfig();
+    const { showDialog: showCreateFolderDialog } = useCreateDialog();
+    const openCreatePageDialog = useCreatePageDialog();
+    const wbPermissions = usePermissions();
+    const folderId = folders.vm.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(()=>{
+        openCreatePageDialog(folderId);
+    }, [
+        folderId,
+        openCreatePageDialog
+    ]);
+    const canCreatePage = wbPermissions.canCreate("page") && canCreateContent(folderId);
+    const isSearch = !vm.showFolders;
+    const hasFolders = vm.showFolders && vm.childFolders.length > 0;
+    return /*#__PURE__*/ react.createElement(ListView, {
+        list: list.vm,
+        actions: list.actions,
+        namespace: "wb/page/list",
+        showingFilters: list.vm.showingFilters,
+        onToggleFilters: ()=>{
+            list.vm.showingFilters ? list.actions.filter.hide() : list.actions.filter.show();
+        },
+        sidebar: /*#__PURE__*/ react.createElement(ListView.Sidebar, {
+            title: "Pages"
+        }, /*#__PURE__*/ react.createElement(ListView.Sidebar.Section, {
+            grow: true
+        }, /*#__PURE__*/ react.createElement(FolderTree, {
+            vm: folders.vm,
+            actions: folders,
+            folderActions: browser.folder.actions,
+            enableActions: true,
+            enableCreate: true
+        })), browser.sidebarFooter.length > 0 && /*#__PURE__*/ react.createElement(ListView.Sidebar.Section, {
+            scrollable: false
+        }, /*#__PURE__*/ react.createElement("div", {
+            className: "px-xs py-sm bg-neutral-base"
+        }, browser.sidebarFooter.map((footer)=>/*#__PURE__*/ react.cloneElement(footer.element, {
+                key: footer.name
+            }))))),
+        header: /*#__PURE__*/ react.createElement(ListView.Header, {
+            title: {
+                icon: isRoot ? /*#__PURE__*/ react.createElement(ReactComponent, null) : /*#__PURE__*/ react.createElement(folder_svg_ReactComponent, null),
+                text: isRoot ? "Home" : folders.vm.currentFolderTitle
+            },
+            search: true,
+            filtersToggle: true,
+            actions: /*#__PURE__*/ react.createElement(react.Fragment, null, canCreatePage && canCreateFolder(folderId) ? /*#__PURE__*/ react.createElement(Button, {
+                variant: "secondary",
+                onClick: onCreateFolder,
+                text: "New folder"
+            }) : null, canCreatePage ? /*#__PURE__*/ react.createElement(Button, {
+                variant: "primary",
+                onClick: onCreateDocument,
+                text: "New page"
+            }) : null)
+        }),
+        bulkActions: /*#__PURE__*/ react.createElement(ListView.BulkActions, {
+            itemLabel: "page",
+            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(PageEmpty, {
+                isSearch: isSearch,
+                canCreateContent: canCreatePage,
+                canCreateFolder: canCreatePage && 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: "page"
+            },
+            status: true
+        })
+    });
+});
+export { DocumentList };
+
+//# sourceMappingURL=DocumentList.js.map

package/presentation/pages/PageList/components/DocumentList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageList/components/DocumentList.js","sources":["../../../../../src/presentation/pages/PageList/components/DocumentList.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { useCreateDialog, useGetFolderLevelPermission } from \"@webiny/app-aco\";\nimport { ListView, EmptyView } 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 { Button, Tooltip } from \"@webiny/admin-ui\";\nimport { usePageListPresenter } from \"../PageListPresenterProvider.js\";\nimport { usePageListConfig } from \"../configs/index.js\";\nimport { useCreatePageDialog } from \"~/presentation/pages/CreatePage/CreatePageDialog.js\";\nimport { usePermissions } from \"~/presentation/security/usePermissions.js\";\nimport { Table } from \"./Table/Table.js\";\n\ninterface PageEmptyProps {\n    isSearch: boolean;\n    canCreateContent: boolean;\n    canCreateFolder: boolean;\n    onCreateDocument: (event: React.SyntheticEvent) => void;\n    onCreateFolder: (event: React.SyntheticEvent) => void;\n}\n\nconst PageEmpty = ({\n    isSearch,\n    canCreateContent,\n    canCreateFolder,\n    onCreateDocument,\n    onCreateFolder\n}: PageEmptyProps) => {\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 page\"}\n            icon={<AddIcon />}\n        />\n    );\n\n    if (!canCreateContent) {\n        createDocumentButton = (\n            <Tooltip\n                trigger={createDocumentButton}\n                content={\"Cannot create page 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 presenter = usePageListPresenter();\n    const { vm, list, folders } = presenter;\n    const { browser } = usePageListConfig();\n    const { showDialog: showCreateFolderDialog } = useCreateDialog();\n    const openCreatePageDialog = useCreatePageDialog();\n    const wbPermissions = usePermissions();\n\n    const folderId = folders.vm.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        openCreatePageDialog(folderId);\n    }, [folderId, openCreatePageDialog]);\n\n    const canCreatePage = wbPermissions.canCreate(\"page\") && canCreateContent(folderId);\n    const isSearch = !vm.showFolders;\n    const hasFolders = vm.showFolders && vm.childFolders.length > 0;\n\n    return (\n        <ListView\n            list={list.vm}\n            actions={list.actions}\n            namespace=\"wb/page/list\"\n            showingFilters={list.vm.showingFilters}\n            onToggleFilters={() => {\n                list.vm.showingFilters ? list.actions.filter.hide() : list.actions.filter.show();\n            }}\n            sidebar={\n                <ListView.Sidebar title=\"Pages\">\n                    <ListView.Sidebar.Section grow>\n                        <FolderTree\n                            vm={folders.vm}\n                            actions={folders}\n                            folderActions={browser.folder.actions}\n                            enableActions={true}\n                            enableCreate={true}\n                        />\n                    </ListView.Sidebar.Section>\n                    {browser.sidebarFooter.length > 0 && (\n                        <ListView.Sidebar.Section scrollable={false}>\n                            <div className={\"px-xs py-sm bg-neutral-base\"}>\n                                {browser.sidebarFooter.map(footer =>\n                                    React.cloneElement(footer.element, { key: footer.name })\n                                )}\n                            </div>\n                        </ListView.Sidebar.Section>\n                    )}\n                </ListView.Sidebar>\n            }\n            header={\n                <ListView.Header\n                    title={{\n                        icon: isRoot ? <HomeIcon /> : <FolderIcon />,\n                        text: isRoot ? \"Home\" : folders.vm.currentFolderTitle\n                    }}\n                    search\n                    filtersToggle\n                    actions={\n                        <>\n                            {canCreatePage && canCreateFolder(folderId) ? (\n                                <Button\n                                    variant={\"secondary\"}\n                                    onClick={onCreateFolder}\n                                    text={\"New folder\"}\n                                />\n                            ) : null}\n                            {canCreatePage ? (\n                                <Button\n                                    variant={\"primary\"}\n                                    onClick={onCreateDocument}\n                                    text={\"New page\"}\n                                />\n                            ) : null}\n                        </>\n                    }\n                />\n            }\n            bulkActions={<ListView.BulkActions itemLabel=\"page\" actions={browser.bulkActions} />}\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                            <PageEmpty\n                                isSearch={isSearch}\n                                canCreateContent={canCreatePage}\n                                canCreateFolder={canCreatePage && 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: \"page\" }} status />}\n        />\n    );\n});\n"],"names":["PageEmpty","isSearch","canCreateContent","canCreateFolder","onCreateDocument","onCreateFolder","EmptyView","SearchIcon","createDocumentButton","Button","AddIcon","Tooltip","createFolderButton","DocumentList","observer","presenter","usePageListPresenter","vm","list","folders","browser","usePageListConfig","showCreateFolderDialog","useCreateDialog","openCreatePageDialog","useCreatePageDialog","wbPermissions","usePermissions","folderId","isRoot","canManageContent","useGetFolderLevelPermission","canManageStructure","useCallback","id","canCreatePage","hasFolders","ListView","FolderTree","footer","React","HomeIcon","FolderIcon","undefined","Table"],"mappings":"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"}

package/presentation/pages/PageList/components/Empty.js

@@ -0,0 +1,43 @@
+import react from "react";
+import { ReactComponent } from "@webiny/icons/search.svg";
+import { ReactComponent as add_svg_ReactComponent } from "@webiny/icons/add.svg";
+import { EmptyView } from "@webiny/app-admin";
+import { Button, Tooltip } from "@webiny/admin-ui";
+const Empty = ({ isSearch, onCreateDocument, onCreateFolder, canCreateContent, canCreateFolder })=>{
+    if (isSearch) return /*#__PURE__*/ react.createElement(EmptyView, {
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        title: "No results found.",
+        action: null
+    });
+    let createDocumentButton = /*#__PURE__*/ react.createElement(Button, {
+        variant: "primary",
+        onClick: onCreateDocument,
+        disabled: !canCreateContent,
+        text: "New page",
+        icon: /*#__PURE__*/ react.createElement(add_svg_ReactComponent, null)
+    });
+    if (!canCreateContent) createDocumentButton = /*#__PURE__*/ react.createElement(Tooltip, {
+        trigger: createDocumentButton,
+        content: "Cannot create page 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)
+    });
+};
+export { Empty };
+
+//# sourceMappingURL=Empty.js.map

package/presentation/pages/PageList/components/Empty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageList/components/Empty.js","sources":["../../../../../src/presentation/pages/PageList/components/Empty.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as SearchIcon } from \"@webiny/icons/search.svg\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport { EmptyView } from \"@webiny/app-admin\";\nimport { Button, Tooltip } from \"@webiny/admin-ui\";\n\ninterface EmptyProps {\n    isSearch: boolean;\n    onCreateDocument: (event: React.SyntheticEvent) => void;\n    onCreateFolder: (event: React.SyntheticEvent) => void;\n    canCreateContent: boolean;\n    canCreateFolder: boolean;\n}\n\nexport const Empty = ({\n    isSearch,\n    onCreateDocument,\n    onCreateFolder,\n    canCreateContent,\n    canCreateFolder\n}: EmptyProps) => {\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 page\"}\n            icon={<AddIcon />}\n        />\n    );\n\n    if (!canCreateContent) {\n        createDocumentButton = (\n            <Tooltip\n                trigger={createDocumentButton}\n                content={`Cannot create page 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"],"names":["Empty","isSearch","onCreateDocument","onCreateFolder","canCreateContent","canCreateFolder","EmptyView","SearchIcon","createDocumentButton","Button","AddIcon","Tooltip","createFolderButton"],"mappings":";;;;;AAcO,MAAMA,QAAQ,CAAC,EAClBC,QAAQ,EACRC,gBAAgB,EAChBC,cAAc,EACdC,gBAAgB,EAChBC,eAAe,EACN;IACT,IAAIJ,UACA,OAAO,WAAP,GAAO,oBAACK,WAASA;QAAC,oBAAM,oBAACC,gBAAUA;QAAK,OAAO;QAAqB,QAAQ;;IAGhF,IAAIC,uBAAuB,WAAvBA,GACA,oBAACC,QAAMA;QACH,SAAS;QACT,SAASP;QACT,UAAU,CAACE;QACX,MAAM;QACN,oBAAM,oBAACM,wBAAOA;;IAItB,IAAI,CAACN,kBACDI,uBAAuB,WAAvBA,GACI,oBAACG,SAAOA;QACJ,SAASH;QACT,SAAS;QACT,MAAM;;IAKlB,IAAII,qBAAqB,WAArBA,GACA,oBAACH,QAAMA;QACH,SAAS;QACT,SAASN;QACT,UAAU,CAACE;QACX,MAAM;QACN,oBAAM,oBAACK,wBAAOA;;IAItB,IAAI,CAACL,iBACDO,qBAAqB,WAArBA,GACI,oBAACD,SAAOA;QACJ,SAASC;QACT,SAAS;QACT,MAAM;;IAKlB,OAAO,WAAP,GACI,oBAACN,WAASA;QACN,OAAO,CAAC,sBAAsB,EAC1BF,mBACM,kDACA,6DACR;QACF,sBACI,0CACKQ,oBACAJ;;AAKrB"}

package/presentation/pages/PageList/components/Filters/FilterByStatus.js

@@ -0,0 +1,43 @@
+import react, { useMemo } from "react";
+import { Select } from "@webiny/admin-ui";
+import { useBind } from "@webiny/form";
+const getValidFilterValue = (value)=>{
+    if ("all" === value || "" === value) return;
+    return value;
+};
+const FilterByStatus = ()=>{
+    const bind = useBind({
+        name: "status",
+        beforeChange (value, cb) {
+            cb(getValidFilterValue(value));
+        }
+    });
+    const options = useMemo(()=>[
+            {
+                label: "All",
+                value: "all"
+            },
+            {
+                label: "Draft",
+                value: "draft"
+            },
+            {
+                label: "Published",
+                value: "published"
+            },
+            {
+                label: "Unpublished",
+                value: "unpublished"
+            }
+        ], []);
+    return /*#__PURE__*/ react.createElement(Select, {
+        ...bind,
+        value: bind.value,
+        size: "md",
+        placeholder: "Filter by status",
+        options: options
+    });
+};
+export { FilterByStatus };
+
+//# sourceMappingURL=FilterByStatus.js.map

package/presentation/pages/PageList/components/Filters/FilterByStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageList/components/Filters/FilterByStatus.js","sources":["../../../../../../src/presentation/pages/PageList/components/Filters/FilterByStatus.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Select } from \"@webiny/admin-ui\";\nimport { useBind } from \"@webiny/form\";\n\nconst getValidFilterValue = (value: string): string | undefined => {\n    if (value === \"all\" || value === \"\") {\n        return undefined;\n    }\n    return value;\n};\n\nexport const FilterByStatus = () => {\n    const bind = useBind({\n        name: \"status\",\n        beforeChange(value, cb) {\n            cb(getValidFilterValue(value));\n        }\n    });\n\n    const options = useMemo(() => {\n        return [\n            { label: \"All\", value: \"all\" },\n            { label: \"Draft\", value: \"draft\" },\n            { label: \"Published\", value: \"published\" },\n            { label: \"Unpublished\", value: \"unpublished\" }\n        ];\n    }, []);\n\n    return (\n        <Select\n            {...bind}\n            value={bind.value}\n            size={\"md\"}\n            placeholder={\"Filter by status\"}\n            options={options}\n        />\n    );\n};\n"],"names":["getValidFilterValue","value","FilterByStatus","bind","useBind","cb","options","useMemo","Select"],"mappings":";;;AAIA,MAAMA,sBAAsB,CAACC;IACzB,IAAIA,AAAU,UAAVA,SAAmBA,AAAU,OAAVA,OACnB;IAEJ,OAAOA;AACX;AAEO,MAAMC,iBAAiB;IAC1B,MAAMC,OAAOC,QAAQ;QACjB,MAAM;QACN,cAAaH,KAAK,EAAEI,EAAE;YAClBA,GAAGL,oBAAoBC;QAC3B;IACJ;IAEA,MAAMK,UAAUC,QAAQ,IACb;YACH;gBAAE,OAAO;gBAAO,OAAO;YAAM;YAC7B;gBAAE,OAAO;gBAAS,OAAO;YAAQ;YACjC;gBAAE,OAAO;gBAAa,OAAO;YAAY;YACzC;gBAAE,OAAO;gBAAe,OAAO;YAAc;SAChD,EACF,EAAE;IAEL,OAAO,WAAP,GACI,oBAACC,QAAMA;QACF,GAAGL,IAAI;QACR,OAAOA,KAAK,KAAK;QACjB,MAAM;QACN,aAAa;QACb,SAASG;;AAGrB"}

package/presentation/pages/PageList/components/Filters/index.d.ts

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

package/presentation/pages/PageList/components/Filters/index.js

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

package/presentation/pages/PageList/components/PagesList.js

@@ -0,0 +1,91 @@
+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 { SharedPageInfrastructureFeature } from "../../../../features/pages/shared/feature.js";
+import { ListPagesFeature } from "../../../../features/pages/listPages/feature.js";
+import { DeletePageFeature } from "../../../../features/pages/deletePage/feature.js";
+import { PublishPageFeature } from "../../../../features/pages/publishPage/feature.js";
+import { UnpublishPageFeature } from "../../../../features/pages/unpublishPage/feature.js";
+import { MovePageFeature } from "../../../../features/pages/movePage/feature.js";
+import { DuplicatePageFeature } from "../../../../features/pages/duplicatePage/feature.js";
+import { WbTrashBinFeature } from "../../../../features/pages/trashBin/feature.js";
+import { PageListPresenterFeature } from "../feature.js";
+import { BulkDeleteFeature, BulkDuplicateFeature, BulkMoveFeature, BulkPublishFeature, BulkUnpublishFeature } from "../../bulkActions/feature.js";
+import { TableRowMapper } from "./Table/TableRowMapper.js";
+import { WB_PAGE_APP } from "../../../../constants.js";
+import { Routes } from "../../../../routes.js";
+import { PageListWithConfig } from "../configs/index.js";
+import { DocumentList } from "./DocumentList.js";
+import { WbPagesBreadcrumbs } from "./WbPagesBreadcrumbs.js";
+const PagesListInner = observer(()=>{
+    const { presenter } = useFeature(PageListPresenterFeature);
+    const { route } = useRoute(Routes.Pages.List);
+    useEffect(()=>{
+        presenter.init({
+            initialFolderId: route.params.folderId || "root"
+        });
+        return ()=>presenter.dispose();
+    }, [
+        presenter
+    ]);
+    return /*#__PURE__*/ react.createElement(DialogsProvider, null, /*#__PURE__*/ react.createElement(PageListWithConfig, null, /*#__PURE__*/ react.createElement(WbPagesBreadcrumbs, null), /*#__PURE__*/ react.createElement(DocumentList, null), /*#__PURE__*/ react.createElement(RouteParamsSync, {
+        route: Routes.Pages.List,
+        fields: (fields)=>[
+                fields.create({
+                    param: "folderId",
+                    read: ()=>presenter.folders.vm.currentFolderId ?? void 0,
+                    write: (value)=>{
+                        presenter.folders.selectFolder(value ?? null);
+                    }
+                }),
+                fields.create({
+                    param: "search",
+                    read: ()=>presenter.list.vm.search || void 0,
+                    write: (value)=>{
+                        if (value) presenter.list.actions.search.set(value);
+                        else presenter.list.actions.search.clear();
+                    }
+                })
+            ]
+    })));
+});
+const PagesList = ()=>{
+    const container = useContainer();
+    const scopedContainer = useMemo(()=>{
+        const child = container.createChildContainer();
+        SharedPageInfrastructureFeature.register(child);
+        FoldersFeature.register(child, {
+            type: WB_PAGE_APP
+        });
+        FolderTreePresenterFeature.register(child);
+        ListPresenterFeature.register(child);
+        ListPagesFeature.register(child);
+        DeletePageFeature.register(child);
+        PublishPageFeature.register(child);
+        UnpublishPageFeature.register(child);
+        MovePageFeature.register(child);
+        DuplicatePageFeature.register(child);
+        WbTrashBinFeature.register(child);
+        BulkPublishFeature.register(child);
+        BulkUnpublishFeature.register(child);
+        BulkDeleteFeature.register(child);
+        BulkDuplicateFeature.register(child);
+        BulkMoveFeature.register(child);
+        child.register(TableRowMapper);
+        PageListPresenterFeature.register(child);
+        return child;
+    }, []);
+    return /*#__PURE__*/ react.createElement(AdminLayout, {
+        title: "Pages - Website Builder"
+    }, /*#__PURE__*/ react.createElement(DiContainerProvider, {
+        container: scopedContainer
+    }, /*#__PURE__*/ react.createElement(PagesListInner, null)));
+};
+export { PagesList };
+
+//# sourceMappingURL=PagesList.js.map

package/presentation/pages/PageList/components/PagesList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageList/components/PagesList.js","sources":["../../../../../src/presentation/pages/PageList/components/PagesList.tsx"],"sourcesContent":["import React, { useMemo, useEffect } from \"react\";\nimport { useRoute, AdminLayout, DialogsProvider } from \"@webiny/app-admin\";\nimport { DiContainerProvider, useContainer, useFeature } from \"@webiny/app\";\nimport { RouteParamsSync } from \"@webiny/app/presentation/router/components/RouteParamsSync.js\";\nimport { observer } from \"mobx-react-lite\";\nimport { FoldersFeature } from \"@webiny/app-aco/features/folders/feature.js\";\nimport { FolderTreePresenterFeature } from \"@webiny/app-aco/presentation/folderTree/feature.js\";\nimport { ListPresenterFeature } from \"@webiny/app-admin/presentation/listPresenter/feature.js\";\nimport { SharedPageInfrastructureFeature } from \"~/features/pages/shared/feature.js\";\nimport { ListPagesFeature } from \"~/features/pages/listPages/feature.js\";\nimport { DeletePageFeature } from \"~/features/pages/deletePage/feature.js\";\nimport { PublishPageFeature } from \"~/features/pages/publishPage/feature.js\";\nimport { UnpublishPageFeature } from \"~/features/pages/unpublishPage/feature.js\";\nimport { MovePageFeature } from \"~/features/pages/movePage/feature.js\";\nimport { DuplicatePageFeature } from \"~/features/pages/duplicatePage/feature.js\";\nimport { WbTrashBinFeature } from \"~/features/pages/trashBin/feature.js\";\nimport { PageListPresenterFeature } from \"~/presentation/pages/PageList/feature.js\";\nimport {\n    BulkPublishFeature,\n    BulkUnpublishFeature,\n    BulkDeleteFeature,\n    BulkDuplicateFeature,\n    BulkMoveFeature\n} from \"~/presentation/pages/bulkActions/feature.js\";\nimport { TableRowMapper } from \"./Table/TableRowMapper.js\";\nimport { WB_PAGE_APP } from \"~/constants.js\";\nimport { Routes } from \"~/routes.js\";\nimport { PageListWithConfig } from \"../configs/index.js\";\nimport { DocumentList } from \"./DocumentList.js\";\nimport { WbPagesBreadcrumbs } from \"./WbPagesBreadcrumbs.js\";\n\nconst PagesListInner = observer(() => {\n    const { presenter } = useFeature(PageListPresenterFeature);\n    const { route } = useRoute(Routes.Pages.List);\n\n    useEffect(() => {\n        presenter.init({\n            initialFolderId: route.params.folderId || \"root\"\n        });\n        return () => presenter.dispose();\n    }, [presenter]);\n\n    return (\n        <DialogsProvider>\n            <PageListWithConfig>\n                <WbPagesBreadcrumbs />\n                <DocumentList />\n                <RouteParamsSync\n                    route={Routes.Pages.List}\n                    fields={fields => [\n                        fields.create<string>({\n                            param: \"folderId\",\n                            read: () => presenter.folders.vm.currentFolderId ?? undefined,\n                            write: value => {\n                                presenter.folders.selectFolder(value ?? null);\n                            }\n                        }),\n                        fields.create<string>({\n                            param: \"search\",\n                            read: () => presenter.list.vm.search || undefined,\n                            write: value => {\n                                if (value) {\n                                    presenter.list.actions.search.set(value);\n                                } else {\n                                    presenter.list.actions.search.clear();\n                                }\n                            }\n                        })\n                    ]}\n                />\n            </PageListWithConfig>\n        </DialogsProvider>\n    );\n});\n\nexport const PagesList = () => {\n    const container = useContainer();\n\n    const scopedContainer = useMemo(() => {\n        const child = container.createChildContainer();\n\n        SharedPageInfrastructureFeature.register(child);\n        FoldersFeature.register(child, { type: WB_PAGE_APP });\n        FolderTreePresenterFeature.register(child);\n        ListPresenterFeature.register(child);\n        ListPagesFeature.register(child);\n        DeletePageFeature.register(child);\n        PublishPageFeature.register(child);\n        UnpublishPageFeature.register(child);\n        MovePageFeature.register(child);\n        DuplicatePageFeature.register(child);\n        WbTrashBinFeature.register(child);\n        BulkPublishFeature.register(child);\n        BulkUnpublishFeature.register(child);\n        BulkDeleteFeature.register(child);\n        BulkDuplicateFeature.register(child);\n        BulkMoveFeature.register(child);\n        child.register(TableRowMapper);\n        PageListPresenterFeature.register(child);\n\n        return child;\n    }, []);\n\n    return (\n        <AdminLayout title={\"Pages - Website Builder\"}>\n            <DiContainerProvider container={scopedContainer}>\n                <PagesListInner />\n            </DiContainerProvider>\n        </AdminLayout>\n    );\n};\n"],"names":["PagesListInner","observer","presenter","useFeature","PageListPresenterFeature","route","useRoute","Routes","useEffect","DialogsProvider","PageListWithConfig","WbPagesBreadcrumbs","DocumentList","RouteParamsSync","fields","undefined","value","PagesList","container","useContainer","scopedContainer","useMemo","child","SharedPageInfrastructureFeature","FoldersFeature","WB_PAGE_APP","FolderTreePresenterFeature","ListPresenterFeature","ListPagesFeature","DeletePageFeature","PublishPageFeature","UnpublishPageFeature","MovePageFeature","DuplicatePageFeature","WbTrashBinFeature","BulkPublishFeature","BulkUnpublishFeature","BulkDeleteFeature","BulkDuplicateFeature","BulkMoveFeature","TableRowMapper","AdminLayout","DiContainerProvider"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA+BA,MAAMA,iBAAiBC,SAAS;IAC5B,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAAWC;IACjC,MAAM,EAAEC,KAAK,EAAE,GAAGC,SAASC,OAAO,KAAK,CAAC,IAAI;IAE5CC,UAAU;QACNN,UAAU,IAAI,CAAC;YACX,iBAAiBG,MAAM,MAAM,CAAC,QAAQ,IAAI;QAC9C;QACA,OAAO,IAAMH,UAAU,OAAO;IAClC,GAAG;QAACA;KAAU;IAEd,OAAO,WAAP,GACI,oBAACO,iBAAeA,MAAAA,WAAAA,GACZ,oBAACC,oBAAkBA,MAAAA,WAAAA,GACf,oBAACC,oBAAkBA,OAAAA,WAAAA,GACnB,oBAACC,cAAYA,OAAAA,WAAAA,GACb,oBAACC,iBAAeA;QACZ,OAAON,OAAO,KAAK,CAAC,IAAI;QACxB,QAAQO,CAAAA,SAAU;gBACdA,OAAO,MAAM,CAAS;oBAClB,OAAO;oBACP,MAAM,IAAMZ,UAAU,OAAO,CAAC,EAAE,CAAC,eAAe,IAAIa;oBACpD,OAAOC,CAAAA;wBACHd,UAAU,OAAO,CAAC,YAAY,CAACc,SAAS;oBAC5C;gBACJ;gBACAF,OAAO,MAAM,CAAS;oBAClB,OAAO;oBACP,MAAM,IAAMZ,UAAU,IAAI,CAAC,EAAE,CAAC,MAAM,IAAIa;oBACxC,OAAOC,CAAAA;wBACH,IAAIA,OACAd,UAAU,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,CAACc;6BAElCd,UAAU,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;oBAE3C;gBACJ;aACH;;AAKrB;AAEO,MAAMe,YAAY;IACrB,MAAMC,YAAYC;IAElB,MAAMC,kBAAkBC,QAAQ;QAC5B,MAAMC,QAAQJ,UAAU,oBAAoB;QAE5CK,gCAAgC,QAAQ,CAACD;QACzCE,eAAe,QAAQ,CAACF,OAAO;YAAE,MAAMG;QAAY;QACnDC,2BAA2B,QAAQ,CAACJ;QACpCK,qBAAqB,QAAQ,CAACL;QAC9BM,iBAAiB,QAAQ,CAACN;QAC1BO,kBAAkB,QAAQ,CAACP;QAC3BQ,mBAAmB,QAAQ,CAACR;QAC5BS,qBAAqB,QAAQ,CAACT;QAC9BU,gBAAgB,QAAQ,CAACV;QACzBW,qBAAqB,QAAQ,CAACX;QAC9BY,kBAAkB,QAAQ,CAACZ;QAC3Ba,mBAAmB,QAAQ,CAACb;QAC5Bc,qBAAqB,QAAQ,CAACd;QAC9Be,kBAAkB,QAAQ,CAACf;QAC3BgB,qBAAqB,QAAQ,CAAChB;QAC9BiB,gBAAgB,QAAQ,CAACjB;QACzBA,MAAM,QAAQ,CAACkB;QACfpC,yBAAyB,QAAQ,CAACkB;QAElC,OAAOA;IACX,GAAG,EAAE;IAEL,OAAO,WAAP,GACI,oBAACmB,aAAWA;QAAC,OAAO;qBAChB,oBAACC,qBAAmBA;QAAC,WAAWtB;qBAC5B,oBAACpB,gBAAcA;AAI/B"}