@webiny/app-website-builder 6.4.5 → 6.6.0-alpha.0

package/presentation/pages/PageList/components/Table/Actions/Duplicate.js

@@ -0,0 +1,20 @@
+import react from "react";
+import { ReactComponent } from "@webiny/icons/library_add.svg";
+import { usePage } from "../../../hooks/usePage.js";
+import { useDuplicatePageConfirmationDialog } from "../../../hooks/useDuplicatePageConfirmationDialog.js";
+import { PageListConfig } from "../../../configs/index.js";
+const { OptionsMenuItem: OptionsMenuItem } = PageListConfig.Browser.Page.Action;
+const Duplicate = ()=>{
+    const { page } = usePage();
+    const { openDuplicatePageConfirmationDialog } = useDuplicatePageConfirmationDialog({
+        page
+    });
+    return /*#__PURE__*/ react.createElement(OptionsMenuItem, {
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        label: "Duplicate",
+        onAction: openDuplicatePageConfirmationDialog
+    });
+};
+export { Duplicate };
+
+//# sourceMappingURL=Duplicate.js.map

package/presentation/pages/PageList/components/Table/Actions/Duplicate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageList/components/Table/Actions/Duplicate.js","sources":["../../../../../../../src/presentation/pages/PageList/components/Table/Actions/Duplicate.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as DuplicateIcon } from \"@webiny/icons/library_add.svg\";\nimport { usePage } from \"~/presentation/pages/PageList/hooks/usePage.js\";\nimport { useDuplicatePageConfirmationDialog } from \"~/presentation/pages/PageList/hooks/useDuplicatePageConfirmationDialog.js\";\nimport { PageListConfig } from \"~/presentation/pages/PageList/configs/index.js\";\n\nconst { OptionsMenuItem } = PageListConfig.Browser.Page.Action;\n\nexport const Duplicate = () => {\n    const { page } = usePage();\n    const { openDuplicatePageConfirmationDialog } = useDuplicatePageConfirmationDialog({ page });\n\n    return (\n        <OptionsMenuItem\n            icon={<DuplicateIcon />}\n            label={\"Duplicate\"}\n            onAction={openDuplicatePageConfirmationDialog}\n        />\n    );\n};\n"],"names":["OptionsMenuItem","PageListConfig","Duplicate","page","usePage","openDuplicatePageConfirmationDialog","useDuplicatePageConfirmationDialog","DuplicateIcon"],"mappings":";;;;;AAMA,MAAM,EAAEA,iBAAAA,eAAe,EAAE,GAAGC,eAAe,OAAO,CAAC,IAAI,CAAC,MAAM;AAEvD,MAAMC,YAAY;IACrB,MAAM,EAAEC,IAAI,EAAE,GAAGC;IACjB,MAAM,EAAEC,mCAAmC,EAAE,GAAGC,mCAAmC;QAAEH;IAAK;IAE1F,OAAO,WAAP,GACI,oBAACH,iBAAeA;QACZ,oBAAM,oBAACO,gBAAaA;QACpB,OAAO;QACP,UAAUF;;AAGtB"}

package/presentation/pages/PageList/components/Table/Actions/Edit.js

@@ -0,0 +1,18 @@
+import react from "react";
+import { ReactComponent } from "@webiny/icons/edit.svg";
+import { useEditPageUrl } from "../../../hooks/useEditPageUrl.js";
+import { usePage } from "../../../hooks/usePage.js";
+import { PageListConfig } from "../../../configs/index.js";
+const { OptionsMenuLink: OptionsMenuLink } = PageListConfig.Browser.Page.Action;
+const Edit = ()=>{
+    const { page } = usePage();
+    const { getEditPageUrl } = useEditPageUrl();
+    return /*#__PURE__*/ react.createElement(OptionsMenuLink, {
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        label: "Edit",
+        to: getEditPageUrl(page.id)
+    });
+};
+export { Edit };
+
+//# sourceMappingURL=Edit.js.map

package/presentation/pages/PageList/components/Table/Actions/Edit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageList/components/Table/Actions/Edit.js","sources":["../../../../../../../src/presentation/pages/PageList/components/Table/Actions/Edit.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as EditIcon } from \"@webiny/icons/edit.svg\";\nimport { useEditPageUrl } from \"~/presentation/pages/PageList/hooks/useEditPageUrl.js\";\nimport { usePage } from \"~/presentation/pages/PageList/hooks/usePage.js\";\nimport { PageListConfig } from \"~/presentation/pages/PageList/configs/index.js\";\n\nconst { OptionsMenuLink } = PageListConfig.Browser.Page.Action;\n\nexport const Edit = () => {\n    const { page } = usePage();\n    const { getEditPageUrl } = useEditPageUrl();\n\n    return <OptionsMenuLink icon={<EditIcon />} label={\"Edit\"} to={getEditPageUrl(page.id)} />;\n};\n"],"names":["OptionsMenuLink","PageListConfig","Edit","page","usePage","getEditPageUrl","useEditPageUrl","EditIcon"],"mappings":";;;;;AAMA,MAAM,EAAEA,iBAAAA,eAAe,EAAE,GAAGC,eAAe,OAAO,CAAC,IAAI,CAAC,MAAM;AAEvD,MAAMC,OAAO;IAChB,MAAM,EAAEC,IAAI,EAAE,GAAGC;IACjB,MAAM,EAAEC,cAAc,EAAE,GAAGC;IAE3B,OAAO,WAAP,GAAO,oBAACN,iBAAeA;QAAC,oBAAM,oBAACO,gBAAQA;QAAK,OAAO;QAAQ,IAAIF,eAAeF,KAAK,EAAE;;AACzF"}

package/presentation/pages/PageList/components/Table/Actions/Move.js

@@ -0,0 +1,20 @@
+import react from "react";
+import { ReactComponent } from "@webiny/icons/exit_to_app.svg";
+import { PageListConfig } from "../../../configs/index.js";
+import { useMovePageToFolderDialog } from "../../../hooks/useMovePageToFolderDialog.js";
+import { usePage } from "../../../hooks/usePage.js";
+const Move = ()=>{
+    const { page } = usePage();
+    const { openMovePageToFolderDialog } = useMovePageToFolderDialog({
+        page
+    });
+    const { OptionsMenuItem } = PageListConfig.Browser.Page.Action;
+    return /*#__PURE__*/ react.createElement(OptionsMenuItem, {
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        label: "Move",
+        onAction: openMovePageToFolderDialog
+    });
+};
+export { Move };
+
+//# sourceMappingURL=Move.js.map

package/presentation/pages/PageList/components/Table/Actions/Move.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageList/components/Table/Actions/Move.js","sources":["../../../../../../../src/presentation/pages/PageList/components/Table/Actions/Move.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as MoveIcon } from \"@webiny/icons/exit_to_app.svg\";\nimport { PageListConfig } from \"~/presentation/pages/PageList/configs/index.js\";\nimport { useMovePageToFolderDialog } from \"~/presentation/pages/PageList/hooks/useMovePageToFolderDialog.js\";\nimport { usePage } from \"~/presentation/pages/PageList/hooks/usePage.js\";\n\nexport const Move = () => {\n    const { page } = usePage();\n    const { openMovePageToFolderDialog } = useMovePageToFolderDialog({ page });\n    const { OptionsMenuItem } = PageListConfig.Browser.Page.Action;\n\n    return (\n        <OptionsMenuItem icon={<MoveIcon />} label={\"Move\"} onAction={openMovePageToFolderDialog} />\n    );\n};\n"],"names":["Move","page","usePage","openMovePageToFolderDialog","useMovePageToFolderDialog","OptionsMenuItem","PageListConfig","MoveIcon"],"mappings":";;;;;AAMO,MAAMA,OAAO;IAChB,MAAM,EAAEC,IAAI,EAAE,GAAGC;IACjB,MAAM,EAAEC,0BAA0B,EAAE,GAAGC,0BAA0B;QAAEH;IAAK;IACxE,MAAM,EAAEI,eAAe,EAAE,GAAGC,eAAe,OAAO,CAAC,IAAI,CAAC,MAAM;IAE9D,OAAO,WAAP,GACI,oBAACD,iBAAAA;QAAgB,oBAAM,oBAACE,gBAAQA;QAAK,OAAO;QAAQ,UAAUJ;;AAEtE"}

package/presentation/pages/PageList/components/Table/Cells/CellActions.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+declare const DefaultCellActions: () => React.JSX.Element | null;
+export declare const CellActions: typeof DefaultCellActions & {
+    original: typeof DefaultCellActions;
+    originalName: string;
+    displayName: string;
+} & {
+    original: typeof DefaultCellActions & {
+        original: typeof DefaultCellActions;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<typeof DefaultCellActions & {
+        original: typeof DefaultCellActions;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+export {};

package/presentation/pages/PageList/components/Table/Cells/CellActions.js

@@ -0,0 +1,29 @@
+import react from "react";
+import { FolderProvider } from "@webiny/app-aco";
+import { OptionsMenu, makeDecoratable } from "@webiny/app-admin";
+import { PageListConfig, usePageListConfig } from "../../../configs/index.js";
+import { PageProvider } from "../../../hooks/usePage.js";
+const DefaultCellActions = ()=>{
+    const { useTableRow, isFolderRow } = PageListConfig.Browser.Table.Column;
+    const { row } = useTableRow();
+    const { browser } = usePageListConfig();
+    const { folder: folderConfig, record: documentConfig } = browser;
+    if (isFolderRow(row)) {
+        if (!row.data.canManageStructure) return null;
+        return /*#__PURE__*/ react.createElement(FolderProvider, {
+            folder: row.data
+        }, /*#__PURE__*/ react.createElement(OptionsMenu, {
+            actions: folderConfig.actions
+        }));
+    }
+    if (0 === documentConfig.actions.length) return null;
+    return /*#__PURE__*/ react.createElement(PageProvider, {
+        page: row.data
+    }, /*#__PURE__*/ react.createElement(OptionsMenu, {
+        actions: documentConfig.actions
+    }));
+};
+const CellActions = makeDecoratable("CellActions", DefaultCellActions);
+export { CellActions };
+
+//# sourceMappingURL=CellActions.js.map

package/presentation/pages/PageList/components/Table/Cells/CellActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageList/components/Table/Cells/CellActions.js","sources":["../../../../../../../src/presentation/pages/PageList/components/Table/Cells/CellActions.tsx"],"sourcesContent":["import React from \"react\";\nimport { FolderProvider } from \"@webiny/app-aco\";\nimport { makeDecoratable, OptionsMenu } from \"@webiny/app-admin\";\nimport { PageListConfig, usePageListConfig } from \"~/presentation/pages/PageList/configs/index.js\";\nimport { PageProvider } from \"~/presentation/pages/PageList/hooks/usePage.js\";\n\nconst DefaultCellActions = () => {\n    const { useTableRow, isFolderRow } = PageListConfig.Browser.Table.Column;\n    const { row } = useTableRow();\n    const { browser } = usePageListConfig();\n    const { folder: folderConfig, record: documentConfig } = browser;\n\n    if (isFolderRow(row)) {\n        // If the user cannot manage folder structure, no need to show the menu.\n        if (!row.data.canManageStructure) {\n            return null;\n        }\n\n        return (\n            <FolderProvider folder={row.data}>\n                <OptionsMenu actions={folderConfig.actions} />\n            </FolderProvider>\n        );\n    }\n\n    if (documentConfig.actions.length === 0) {\n        return null;\n    }\n\n    return (\n        <PageProvider page={row.data}>\n            <OptionsMenu actions={documentConfig.actions} />\n        </PageProvider>\n    );\n};\n\nexport const CellActions = makeDecoratable(\"CellActions\", DefaultCellActions);\n"],"names":["DefaultCellActions","useTableRow","isFolderRow","PageListConfig","row","browser","usePageListConfig","folderConfig","documentConfig","FolderProvider","OptionsMenu","PageProvider","CellActions","makeDecoratable"],"mappings":";;;;;AAMA,MAAMA,qBAAqB;IACvB,MAAM,EAAEC,WAAW,EAAEC,WAAW,EAAE,GAAGC,eAAe,OAAO,CAAC,KAAK,CAAC,MAAM;IACxE,MAAM,EAAEC,GAAG,EAAE,GAAGH;IAChB,MAAM,EAAEI,OAAO,EAAE,GAAGC;IACpB,MAAM,EAAE,QAAQC,YAAY,EAAE,QAAQC,cAAc,EAAE,GAAGH;IAEzD,IAAIH,YAAYE,MAAM;QAElB,IAAI,CAACA,IAAI,IAAI,CAAC,kBAAkB,EAC5B,OAAO;QAGX,OAAO,WAAP,GACI,oBAACK,gBAAcA;YAAC,QAAQL,IAAI,IAAI;yBAC5B,oBAACM,aAAWA;YAAC,SAASH,aAAa,OAAO;;IAGtD;IAEA,IAAIC,AAAkC,MAAlCA,eAAe,OAAO,CAAC,MAAM,EAC7B,OAAO;IAGX,OAAO,WAAP,GACI,oBAACG,cAAYA;QAAC,MAAMP,IAAI,IAAI;qBACxB,oBAACM,aAAWA;QAAC,SAASF,eAAe,OAAO;;AAGxD;AAEO,MAAMI,cAAcC,gBAAgB,eAAeb"}

package/presentation/pages/PageList/components/Table/Cells/CellAuthor.js

@@ -0,0 +1,10 @@
+import react from "react";
+import { PageListConfig } from "../../../configs/index.js";
+const CellAuthor = ()=>{
+    const { useTableRow } = PageListConfig.Browser.Table.Column;
+    const { row } = useTableRow();
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, row.data.createdBy.displayName);
+};
+export { CellAuthor };
+
+//# sourceMappingURL=CellAuthor.js.map

package/presentation/pages/PageList/components/Table/Cells/CellAuthor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageList/components/Table/Cells/CellAuthor.js","sources":["../../../../../../../src/presentation/pages/PageList/components/Table/Cells/CellAuthor.tsx"],"sourcesContent":["import React from \"react\";\nimport { PageListConfig } from \"~/presentation/pages/PageList/configs/index.js\";\n\nexport const CellAuthor = () => {\n    const { useTableRow } = PageListConfig.Browser.Table.Column;\n    const { row } = useTableRow();\n\n    return <>{row.data.createdBy.displayName}</>;\n};\n"],"names":["CellAuthor","useTableRow","PageListConfig","row"],"mappings":";;AAGO,MAAMA,aAAa;IACtB,MAAM,EAAEC,WAAW,EAAE,GAAGC,eAAe,OAAO,CAAC,KAAK,CAAC,MAAM;IAC3D,MAAM,EAAEC,GAAG,EAAE,GAAGF;IAEhB,OAAO,WAAP,GAAO,0CAAGE,IAAI,IAAI,CAAC,SAAS,CAAC,WAAW;AAC5C"}

package/presentation/pages/PageList/components/Table/Cells/CellCreated.js

@@ -0,0 +1,13 @@
+import react from "react";
+import { TimeAgo } from "@webiny/admin-ui";
+import { PageListConfig } from "../../../configs/index.js";
+const CellCreated = ()=>{
+    const { useTableRow } = PageListConfig.Browser.Table.Column;
+    const { row } = useTableRow();
+    return /*#__PURE__*/ react.createElement(TimeAgo, {
+        datetime: row.data.createdOn
+    });
+};
+export { CellCreated };
+
+//# sourceMappingURL=CellCreated.js.map

package/presentation/pages/PageList/components/Table/Cells/CellCreated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageList/components/Table/Cells/CellCreated.js","sources":["../../../../../../../src/presentation/pages/PageList/components/Table/Cells/CellCreated.tsx"],"sourcesContent":["import React from \"react\";\nimport { TimeAgo } from \"@webiny/admin-ui\";\nimport { PageListConfig } from \"~/presentation/pages/PageList/configs/index.js\";\n\nexport const CellCreated = () => {\n    const { useTableRow } = PageListConfig.Browser.Table.Column;\n    const { row } = useTableRow();\n\n    return <TimeAgo datetime={row.data.createdOn} />;\n};\n"],"names":["CellCreated","useTableRow","PageListConfig","row","TimeAgo"],"mappings":";;;AAIO,MAAMA,cAAc;IACvB,MAAM,EAAEC,WAAW,EAAE,GAAGC,eAAe,OAAO,CAAC,KAAK,CAAC,MAAM;IAC3D,MAAM,EAAEC,GAAG,EAAE,GAAGF;IAEhB,OAAO,WAAP,GAAO,oBAACG,SAAOA;QAAC,UAAUD,IAAI,IAAI,CAAC,SAAS;;AAChD"}

package/presentation/pages/PageList/components/Table/Cells/CellLive.js

@@ -0,0 +1,18 @@
+import react from "react";
+import { Tag } from "@webiny/admin-ui";
+import { PageListConfig } from "../../../configs/index.js";
+const CellLive = ()=>{
+    const { useTableRow, isFolderRow } = PageListConfig.Browser.Table.Column;
+    const { row } = useTableRow();
+    if (isFolderRow(row)) return /*#__PURE__*/ react.createElement(react.Fragment, null, "-");
+    const entry = row.data;
+    if (!entry.live?.version) return /*#__PURE__*/ react.createElement(react.Fragment, null, "No");
+    return /*#__PURE__*/ react.createElement(Tag, {
+        swatchColor: "#5AC84C",
+        variant: "success-light",
+        content: `Live (v${entry.live.version})`
+    });
+};
+export { CellLive };
+
+//# sourceMappingURL=CellLive.js.map

package/presentation/pages/PageList/components/Table/Cells/CellLive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageList/components/Table/Cells/CellLive.js","sources":["../../../../../../../src/presentation/pages/PageList/components/Table/Cells/CellLive.tsx"],"sourcesContent":["import React from \"react\";\nimport { Tag } from \"@webiny/admin-ui\";\nimport { PageListConfig } from \"~/presentation/pages/PageList/configs/index.js\";\n\nexport const CellLive = () => {\n    const { useTableRow, isFolderRow } = PageListConfig.Browser.Table.Column;\n    const { row } = useTableRow();\n\n    if (isFolderRow(row)) {\n        return <>{\"-\"}</>;\n    }\n\n    const entry = row.data;\n    if (!entry.live?.version) {\n        return <>No</>;\n    }\n\n    return (\n        <Tag\n            swatchColor={\"#5AC84C\"}\n            variant={\"success-light\"}\n            content={`Live (v${entry.live.version})`}\n        />\n    );\n};\n"],"names":["CellLive","useTableRow","isFolderRow","PageListConfig","row","entry","Tag"],"mappings":";;;AAIO,MAAMA,WAAW;IACpB,MAAM,EAAEC,WAAW,EAAEC,WAAW,EAAE,GAAGC,eAAe,OAAO,CAAC,KAAK,CAAC,MAAM;IACxE,MAAM,EAAEC,GAAG,EAAE,GAAGH;IAEhB,IAAIC,YAAYE,MACZ,OAAO,WAAP,GAAO,0CAAG;IAGd,MAAMC,QAAQD,IAAI,IAAI;IACtB,IAAI,CAACC,MAAM,IAAI,EAAE,SACb,OAAO,WAAP,GAAO,0CAAE;IAGb,OAAO,WAAP,GACI,oBAACC,KAAGA;QACA,aAAa;QACb,SAAS;QACT,SAAS,CAAC,OAAO,EAAED,MAAM,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;;AAGpD"}

package/presentation/pages/PageList/components/Table/Cells/CellModified.js

@@ -0,0 +1,13 @@
+import react from "react";
+import { TimeAgo } from "@webiny/admin-ui";
+import { PageListConfig } from "../../../configs/index.js";
+const CellModified = ()=>{
+    const { useTableRow } = PageListConfig.Browser.Table.Column;
+    const { row } = useTableRow();
+    return /*#__PURE__*/ react.createElement(TimeAgo, {
+        datetime: row.data.savedOn
+    });
+};
+export { CellModified };
+
+//# sourceMappingURL=CellModified.js.map

package/presentation/pages/PageList/components/Table/Cells/CellModified.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageList/components/Table/Cells/CellModified.js","sources":["../../../../../../../src/presentation/pages/PageList/components/Table/Cells/CellModified.tsx"],"sourcesContent":["import React from \"react\";\nimport { TimeAgo } from \"@webiny/admin-ui\";\nimport { PageListConfig } from \"~/presentation/pages/PageList/configs/index.js\";\n\nexport const CellModified = () => {\n    const { useTableRow } = PageListConfig.Browser.Table.Column;\n    const { row } = useTableRow();\n\n    return <TimeAgo datetime={row.data.savedOn} />;\n};\n"],"names":["CellModified","useTableRow","PageListConfig","row","TimeAgo"],"mappings":";;;AAIO,MAAMA,eAAe;IACxB,MAAM,EAAEC,WAAW,EAAE,GAAGC,eAAe,OAAO,CAAC,KAAK,CAAC,MAAM;IAC3D,MAAM,EAAEC,GAAG,EAAE,GAAGF;IAEhB,OAAO,WAAP,GAAO,oBAACG,SAAOA;QAAC,UAAUD,IAAI,IAAI,CAAC,OAAO;;AAC9C"}

package/presentation/pages/PageList/components/Table/Cells/CellName.js

@@ -0,0 +1,51 @@
+import react from "react";
+import { Icon, Link, Text } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/description.svg";
+import { PageListConfig } from "../../../configs/index.js";
+import { useEditPageUrl } from "../../../hooks/useEditPageUrl.js";
+import { FolderCellName } from "../../../../../../modules/shared/FolderCellName.js";
+import { LanguageCodeTag } from "../../../../../components/LanguageCodeTag.js";
+const PageCellRowTitle = ({ page })=>/*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col gap-y-[3px]"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex w-full items-center"
+    }, /*#__PURE__*/ react.createElement(Icon, {
+        size: "sm",
+        color: "neutral-strong",
+        className: "mr-xs",
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        label: `Page - ${page.properties.title}`
+    }), /*#__PURE__*/ react.createElement(LanguageCodeTag, {
+        code: page.properties.language,
+        className: "mr-1"
+    }), /*#__PURE__*/ react.createElement(Text, {
+        as: "div",
+        className: "truncate min-w-0 shrink"
+    }, page.properties.title)), /*#__PURE__*/ react.createElement(Text, {
+        as: "div",
+        size: "sm",
+        className: "text-neutral-dimmed"
+    }, page.properties.path));
+const PageCellName = ({ page })=>{
+    const { getEditPageUrl } = useEditPageUrl();
+    return /*#__PURE__*/ react.createElement(Link, {
+        to: getEditPageUrl(page.id),
+        variant: "secondary",
+        className: "truncate no-underline!"
+    }, /*#__PURE__*/ react.createElement(PageCellRowTitle, {
+        page: page
+    }));
+};
+const CellName = ()=>{
+    const { useTableRow, isFolderRow } = PageListConfig.Browser.Table.Column;
+    const { row } = useTableRow();
+    if (isFolderRow(row)) return /*#__PURE__*/ react.createElement(FolderCellName, {
+        folder: row.data
+    });
+    return /*#__PURE__*/ react.createElement(PageCellName, {
+        page: row.data
+    });
+};
+export { CellName, PageCellName };
+
+//# sourceMappingURL=CellName.js.map

package/presentation/pages/PageList/components/Table/Cells/CellName.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageList/components/Table/Cells/CellName.js","sources":["../../../../../../../src/presentation/pages/PageList/components/Table/Cells/CellName.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, Link, Text } from \"@webiny/admin-ui\";\nimport { ReactComponent as File } from \"@webiny/icons/description.svg\";\nimport { PageListConfig } from \"~/presentation/pages/PageList/configs/index.js\";\nimport { useEditPageUrl } from \"~/presentation/pages/PageList/hooks/useEditPageUrl.js\";\nimport { FolderCellName } from \"~/modules/shared/FolderCellName.js\";\nimport type { PageDto } from \"~/domain/Page/index.js\";\nimport { LanguageCodeTag } from \"~/presentation/components/LanguageCodeTag.js\";\n\ninterface PageCellRowTitleProps {\n    page: PageDto;\n}\n\nconst PageCellRowTitle = ({ page }: PageCellRowTitleProps) => {\n    return (\n        <div className={\"flex flex-col gap-y-[3px]\"}>\n            <div className={\"flex w-full items-center\"}>\n                <Icon\n                    size={\"sm\"}\n                    color={\"neutral-strong\"}\n                    className={\"mr-xs\"}\n                    icon={<File />}\n                    label={`Page - ${page.properties.title}`}\n                />\n                <LanguageCodeTag code={page.properties.language} className={\"mr-1\"} />\n                <Text as={\"div\"} className={\"truncate min-w-0 shrink\"}>\n                    {page.properties.title}\n                </Text>\n            </div>\n            <Text as={\"div\"} size={\"sm\"} className={\"text-neutral-dimmed\"}>\n                {page.properties.path}\n            </Text>\n        </div>\n    );\n};\n\ninterface EntryCellNameProps {\n    page: PageDto;\n}\n\nexport const PageCellName = ({ page }: EntryCellNameProps) => {\n    const { getEditPageUrl } = useEditPageUrl();\n\n    return (\n        <Link\n            to={getEditPageUrl(page.id)}\n            variant={\"secondary\"}\n            className={\"truncate no-underline!\"}\n        >\n            <PageCellRowTitle page={page} />\n        </Link>\n    );\n};\n\nexport const CellName = () => {\n    const { useTableRow, isFolderRow } = PageListConfig.Browser.Table.Column;\n    const { row } = useTableRow();\n\n    if (isFolderRow(row)) {\n        return <FolderCellName folder={row.data} />;\n    }\n\n    return <PageCellName page={row.data} />;\n};\n"],"names":["PageCellRowTitle","page","Icon","File","LanguageCodeTag","Text","PageCellName","getEditPageUrl","useEditPageUrl","Link","CellName","useTableRow","isFolderRow","PageListConfig","row","FolderCellName"],"mappings":";;;;;;;AAaA,MAAMA,mBAAmB,CAAC,EAAEC,IAAI,EAAyB,GAC9C,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAAC;QAAI,WAAW;qBACZ,oBAACC,MAAIA;QACD,MAAM;QACN,OAAO;QACP,WAAW;QACX,oBAAM,oBAACC,gBAAIA;QACX,OAAO,CAAC,OAAO,EAAEF,KAAK,UAAU,CAAC,KAAK,EAAE;sBAE5C,oBAACG,iBAAeA;QAAC,MAAMH,KAAK,UAAU,CAAC,QAAQ;QAAE,WAAW;sBAC5D,oBAACI,MAAIA;QAAC,IAAI;QAAO,WAAW;OACvBJ,KAAK,UAAU,CAAC,KAAK,kBAG9B,oBAACI,MAAIA;QAAC,IAAI;QAAO,MAAM;QAAM,WAAW;OACnCJ,KAAK,UAAU,CAAC,IAAI;AAU9B,MAAMK,eAAe,CAAC,EAAEL,IAAI,EAAsB;IACrD,MAAM,EAAEM,cAAc,EAAE,GAAGC;IAE3B,OAAO,WAAP,GACI,oBAACC,MAAIA;QACD,IAAIF,eAAeN,KAAK,EAAE;QAC1B,SAAS;QACT,WAAW;qBAEX,oBAACD,kBAAgBA;QAAC,MAAMC;;AAGpC;AAEO,MAAMS,WAAW;IACpB,MAAM,EAAEC,WAAW,EAAEC,WAAW,EAAE,GAAGC,eAAe,OAAO,CAAC,KAAK,CAAC,MAAM;IACxE,MAAM,EAAEC,GAAG,EAAE,GAAGH;IAEhB,IAAIC,YAAYE,MACZ,OAAO,WAAP,GAAO,oBAACC,gBAAcA;QAAC,QAAQD,IAAI,IAAI;;IAG3C,OAAO,WAAP,GAAO,oBAACR,cAAYA;QAAC,MAAMQ,IAAI,IAAI;;AACvC"}

package/presentation/pages/PageList/components/Table/Cells/CellStatus.js

@@ -0,0 +1,55 @@
+import react, { useCallback, useMemo } from "react";
+import { IconButton, Tag } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/open_in_new.svg";
+import { PageListConfig } from "../../../configs/index.js";
+import { toTitleCaseLabel } from "../../../../../../shared/toTitleCaseLabel.js";
+import { usePagePreviewLink } from "../../../hooks/usePagePreviewLink.js";
+import { usePageLink } from "../../../hooks/usePageLink.js";
+const { useTableRow: useTableRow, isFolderRow: isFolderRow } = PageListConfig.Browser.Table.Column;
+const CellStatus = ()=>{
+    const { row } = useTableRow();
+    if (isFolderRow(row)) return /*#__PURE__*/ react.createElement(react.Fragment, null, "-");
+    const variant = useMemo(()=>{
+        switch(row.data.status){
+            case "published":
+                return "success";
+            case "unpublished":
+                return "warning";
+            default:
+                return "neutral-light";
+        }
+    }, [
+        row.data.status
+    ]);
+    const statusLabel = useMemo(()=>toTitleCaseLabel(row.data.status), [
+        row.data.status
+    ]);
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center"
+    }, /*#__PURE__*/ react.createElement(Tag, {
+        variant: variant,
+        content: `${statusLabel}${row.data.version ? ` (v${row.data.version})` : ""}`
+    }), /*#__PURE__*/ react.createElement(PreviewLink, {
+        page: row.data
+    }));
+};
+const PreviewLink = ({ page })=>{
+    const previewLink = usePagePreviewLink(page);
+    const pageLink = usePageLink(page);
+    const link = "published" === page.status ? pageLink : previewLink;
+    const openInNewTab = useCallback(()=>{
+        if (link) window.open(link, "_blank");
+    }, [
+        link
+    ]);
+    return link ? /*#__PURE__*/ react.createElement(IconButton, {
+        onClick: openInNewTab,
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        title: "published" === page.status ? "Open in new tab" : "Preview in new tab",
+        size: "sm",
+        variant: "ghost"
+    }) : null;
+};
+export { CellStatus };
+
+//# sourceMappingURL=CellStatus.js.map

package/presentation/pages/PageList/components/Table/Cells/CellStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageList/components/Table/Cells/CellStatus.js","sources":["../../../../../../../src/presentation/pages/PageList/components/Table/Cells/CellStatus.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { IconButton, Tag } from \"@webiny/admin-ui\";\nimport { ReactComponent as NewTab } from \"@webiny/icons/open_in_new.svg\";\nimport { PageListConfig } from \"~/presentation/pages/PageList/configs/index.js\";\nimport { toTitleCaseLabel } from \"~/shared/toTitleCaseLabel.js\";\nimport { usePagePreviewLink } from \"~/presentation/pages/PageList/hooks/usePagePreviewLink.js\";\nimport { usePageLink } from \"~/presentation/pages/PageList/hooks/usePageLink.js\";\nimport type { PageDto } from \"~/domain/Page/index.js\";\n\nconst { useTableRow, isFolderRow } = PageListConfig.Browser.Table.Column;\n\nexport const CellStatus = () => {\n    const { row } = useTableRow();\n\n    if (isFolderRow(row)) {\n        return <>{\"-\"}</>;\n    }\n\n    const variant = useMemo(() => {\n        switch (row.data.status) {\n            case \"published\":\n                return \"success\";\n            case \"unpublished\":\n                return \"warning\";\n            default:\n                return \"neutral-light\";\n        }\n    }, [row.data.status]);\n\n    const statusLabel = useMemo(() => {\n        return toTitleCaseLabel(row.data.status);\n    }, [row.data.status]);\n\n    return (\n        <div className={\"flex items-center\"}>\n            <Tag\n                variant={variant}\n                content={`${statusLabel}${row.data.version ? ` (v${row.data.version})` : \"\"}`}\n            />\n            <PreviewLink page={row.data} />\n        </div>\n    );\n};\n\nconst PreviewLink = ({ page }: { page: PageDto }) => {\n    const previewLink = usePagePreviewLink(page);\n    const pageLink = usePageLink(page);\n    const link = page.status === \"published\" ? pageLink : previewLink;\n\n    const openInNewTab = useCallback(() => {\n        if (link) {\n            window.open(link, \"_blank\");\n        }\n    }, [link]);\n\n    return link ? (\n        <IconButton\n            onClick={openInNewTab}\n            icon={<NewTab />}\n            title={page.status === \"published\" ? \"Open in new tab\" : \"Preview in new tab\"}\n            size={\"sm\"}\n            variant={\"ghost\"}\n        />\n    ) : null;\n};\n"],"names":["useTableRow","isFolderRow","PageListConfig","CellStatus","row","variant","useMemo","statusLabel","toTitleCaseLabel","Tag","PreviewLink","page","previewLink","usePagePreviewLink","pageLink","usePageLink","link","openInNewTab","useCallback","window","IconButton","NewTab"],"mappings":";;;;;;;AASA,MAAM,EAAEA,aAAAA,WAAW,EAAEC,aAAAA,WAAW,EAAE,GAAGC,eAAe,OAAO,CAAC,KAAK,CAAC,MAAM;AAEjE,MAAMC,aAAa;IACtB,MAAM,EAAEC,GAAG,EAAE,GAAGJ;IAEhB,IAAIC,YAAYG,MACZ,OAAO,WAAP,GAAO,0CAAG;IAGd,MAAMC,UAAUC,QAAQ;QACpB,OAAQF,IAAI,IAAI,CAAC,MAAM;YACnB,KAAK;gBACD,OAAO;YACX,KAAK;gBACD,OAAO;YACX;gBACI,OAAO;QACf;IACJ,GAAG;QAACA,IAAI,IAAI,CAAC,MAAM;KAAC;IAEpB,MAAMG,cAAcD,QAAQ,IACjBE,iBAAiBJ,IAAI,IAAI,CAAC,MAAM,GACxC;QAACA,IAAI,IAAI,CAAC,MAAM;KAAC;IAEpB,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACK,KAAGA;QACA,SAASJ;QACT,SAAS,GAAGE,cAAcH,IAAI,IAAI,CAAC,OAAO,GAAG,CAAC,GAAG,EAAEA,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI;sBAEjF,oBAACM,aAAWA;QAAC,MAAMN,IAAI,IAAI;;AAGvC;AAEA,MAAMM,cAAc,CAAC,EAAEC,IAAI,EAAqB;IAC5C,MAAMC,cAAcC,mBAAmBF;IACvC,MAAMG,WAAWC,YAAYJ;IAC7B,MAAMK,OAAOL,AAAgB,gBAAhBA,KAAK,MAAM,GAAmBG,WAAWF;IAEtD,MAAMK,eAAeC,YAAY;QAC7B,IAAIF,MACAG,OAAO,IAAI,CAACH,MAAM;IAE1B,GAAG;QAACA;KAAK;IAET,OAAOA,OAAO,WAAPA,GACH,oBAACI,YAAUA;QACP,SAASH;QACT,oBAAM,oBAACI,gBAAMA;QACb,OAAOV,AAAgB,gBAAhBA,KAAK,MAAM,GAAmB,oBAAoB;QACzD,MAAM;QACN,SAAS;SAEb;AACR"}

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

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

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

@@ -0,0 +1,49 @@
+import react, { useMemo } from "react";
+import { observer } from "mobx-react-lite";
+import { Table } from "@webiny/app-aco";
+import { useListViewTableProps } from "@webiny/app-admin";
+import { useContainer } from "@webiny/app";
+import { usePageListPresenter } from "../../PageListPresenterProvider.js";
+import { usePageListConfig } from "../../configs/index.js";
+import { TableRowMapper, folderToTableRow } from "./abstractions.js";
+const Table_Table = observer(()=>{
+    const { vm, list } = usePageListPresenter();
+    const { browser } = usePageListConfig();
+    const container = useContainer();
+    const mapper = container.resolve(TableRowMapper);
+    const tableProps = useListViewTableProps({
+        namespace: "wb/page/list",
+        nameColumnId: "name"
+    });
+    const data = useMemo(()=>{
+        const pageRows = list.vm.rows.map((r)=>mapper.fromPage(r));
+        if (!vm.showFolders) return pageRows;
+        const folderRows = vm.childFolders.map((f)=>folderToTableRow(f));
+        return [
+            ...folderRows,
+            ...pageRows
+        ];
+    }, [
+        list.vm.rows,
+        vm.childFolders,
+        vm.showFolders
+    ]);
+    const selected = useMemo(()=>data.filter((row)=>tableProps.selectedIds.has(row.id)), [
+        data,
+        tableProps.selectedIds
+    ]);
+    return /*#__PURE__*/ react.createElement(Table, {
+        columns: browser.table.columns,
+        data: data,
+        loading: tableProps.loading,
+        sorting: tableProps.sorting,
+        onSortingChange: tableProps.onSortingChange,
+        onSelectRow: tableProps.onSelectRow,
+        selected: selected,
+        nameColumnId: tableProps.nameColumnId,
+        namespace: tableProps.namespace
+    });
+});
+export { Table_Table as Table };
+
+//# sourceMappingURL=Table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageList/components/Table/Table.js","sources":["../../../../../../src/presentation/pages/PageList/components/Table/Table.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { Table as AcoTable } from \"@webiny/app-aco\";\nimport { useListViewTableProps } from \"@webiny/app-admin\";\nimport { useContainer } from \"@webiny/app\";\nimport { usePageListPresenter } from \"../../PageListPresenterProvider.js\";\nimport { usePageListConfig } from \"../../configs/index.js\";\nimport { TableRowMapper, folderToTableRow } from \"./abstractions.js\";\n\nexport const Table = observer(() => {\n    const { vm, list } = usePageListPresenter();\n    const { browser } = usePageListConfig();\n    const container = useContainer();\n    const mapper = container.resolve(TableRowMapper);\n\n    const tableProps = useListViewTableProps({\n        namespace: \"wb/page/list\",\n        nameColumnId: \"name\"\n    });\n\n    const data = useMemo<TableRowMapper.TableRow[]>(() => {\n        const pageRows = list.vm.rows.map(r => mapper.fromPage(r));\n        if (!vm.showFolders) {\n            return pageRows;\n        }\n        const folderRows = vm.childFolders.map(f => folderToTableRow(f));\n        return [...folderRows, ...pageRows];\n    }, [list.vm.rows, vm.childFolders, vm.showFolders]);\n\n    const selected = useMemo<TableRowMapper.TableRow[]>(() => {\n        return data.filter(row => tableProps.selectedIds.has(row.id));\n    }, [data, tableProps.selectedIds]);\n\n    return (\n        <AcoTable<TableRowMapper.TableRow>\n            columns={browser.table.columns}\n            data={data}\n            loading={tableProps.loading}\n            sorting={tableProps.sorting}\n            onSortingChange={tableProps.onSortingChange}\n            onSelectRow={tableProps.onSelectRow}\n            selected={selected}\n            nameColumnId={tableProps.nameColumnId}\n            namespace={tableProps.namespace}\n        />\n    );\n});\n"],"names":["Table","observer","vm","list","usePageListPresenter","browser","usePageListConfig","container","useContainer","mapper","TableRowMapper","tableProps","useListViewTableProps","data","useMemo","pageRows","r","folderRows","f","folderToTableRow","selected","row","AcoTable"],"mappings":";;;;;;;;AASO,MAAMA,cAAQC,SAAS;IAC1B,MAAM,EAAEC,EAAE,EAAEC,IAAI,EAAE,GAAGC;IACrB,MAAM,EAAEC,OAAO,EAAE,GAAGC;IACpB,MAAMC,YAAYC;IAClB,MAAMC,SAASF,UAAU,OAAO,CAACG;IAEjC,MAAMC,aAAaC,sBAAsB;QACrC,WAAW;QACX,cAAc;IAClB;IAEA,MAAMC,OAAOC,QAAmC;QAC5C,MAAMC,WAAWZ,KAAK,EAAE,CAAC,IAAI,CAAC,GAAG,CAACa,CAAAA,IAAKP,OAAO,QAAQ,CAACO;QACvD,IAAI,CAACd,GAAG,WAAW,EACf,OAAOa;QAEX,MAAME,aAAaf,GAAG,YAAY,CAAC,GAAG,CAACgB,CAAAA,IAAKC,iBAAiBD;QAC7D,OAAO;eAAID;eAAeF;SAAS;IACvC,GAAG;QAACZ,KAAK,EAAE,CAAC,IAAI;QAAED,GAAG,YAAY;QAAEA,GAAG,WAAW;KAAC;IAElD,MAAMkB,WAAWN,QAAmC,IACzCD,KAAK,MAAM,CAACQ,CAAAA,MAAOV,WAAW,WAAW,CAAC,GAAG,CAACU,IAAI,EAAE,IAC5D;QAACR;QAAMF,WAAW,WAAW;KAAC;IAEjC,OAAO,WAAP,GACI,oBAACW,OAAQA;QACL,SAASjB,QAAQ,KAAK,CAAC,OAAO;QAC9B,MAAMQ;QACN,SAASF,WAAW,OAAO;QAC3B,SAASA,WAAW,OAAO;QAC3B,iBAAiBA,WAAW,eAAe;QAC3C,aAAaA,WAAW,WAAW;QACnC,UAAUS;QACV,cAAcT,WAAW,YAAY;QACrC,WAAWA,WAAW,SAAS;;AAG3C"}

package/presentation/pages/PageList/components/Table/TableRowMapper.d.ts

@@ -0,0 +1,9 @@
+import type { Page } from "../../../../../domain/Page/index.js";
+import { TableRowMapper as Abstraction } from "./abstractions.js";
+declare class TableRowMapperImpl implements Abstraction.Interface {
+    fromPage(page: Page): Abstraction.TableRow;
+}
+export declare const TableRowMapper: typeof TableRowMapperImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("./abstractions.js").ITableRowMapper>;
+};
+export {};

package/presentation/pages/PageList/components/Table/TableRowMapper.js

@@ -0,0 +1,19 @@
+import { PageDtoMapper } from "../../../../../domain/Page/index.js";
+import { TableRowMapper } from "./abstractions.js";
+class TableRowMapperImpl {
+    fromPage(page) {
+        return {
+            id: page.entryId,
+            $type: "RECORD",
+            $selectable: true,
+            data: PageDtoMapper.toDTO(page)
+        };
+    }
+}
+const TableRowMapper_TableRowMapper = TableRowMapper.createImplementation({
+    implementation: TableRowMapperImpl,
+    dependencies: []
+});
+export { TableRowMapper_TableRowMapper as TableRowMapper };
+
+//# sourceMappingURL=TableRowMapper.js.map

package/presentation/pages/PageList/components/Table/TableRowMapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageList/components/Table/TableRowMapper.js","sources":["../../../../../../src/presentation/pages/PageList/components/Table/TableRowMapper.ts"],"sourcesContent":["import type { Page } from \"~/domain/Page/index.js\";\nimport { PageDtoMapper } from \"~/domain/Page/index.js\";\nimport { TableRowMapper as Abstraction } from \"./abstractions.js\";\n\nclass TableRowMapperImpl implements Abstraction.Interface {\n    fromPage(page: Page): Abstraction.TableRow {\n        return {\n            id: page.entryId,\n            $type: \"RECORD\",\n            $selectable: true,\n            data: PageDtoMapper.toDTO(page)\n        };\n    }\n}\n\nexport const TableRowMapper = Abstraction.createImplementation({\n    implementation: TableRowMapperImpl,\n    dependencies: []\n});\n"],"names":["TableRowMapperImpl","page","PageDtoMapper","TableRowMapper","Abstraction"],"mappings":";;AAIA,MAAMA;IACF,SAASC,IAAU,EAAwB;QACvC,OAAO;YACH,IAAIA,KAAK,OAAO;YAChB,OAAO;YACP,aAAa;YACb,MAAMC,cAAc,KAAK,CAACD;QAC9B;IACJ;AACJ;AAEO,MAAME,gCAAiBC,eAAAA,oBAAgC,CAAC;IAC3D,gBAAgBJ;IAChB,cAAc,EAAE;AACpB"}

package/presentation/pages/PageList/components/Table/abstractions.d.ts

@@ -0,0 +1,16 @@
+import type { FolderTableRow as IFolderTableRow, RecordTableRow } from "@webiny/app-aco";
+import type { FolderDto } from "@webiny/app-aco/domain/folder/FolderDto.js";
+import type { Page, PageDto } from "../../../../../domain/Page/index.js";
+export type IPageTableRow = RecordTableRow<PageDto>;
+export type ITableRow = IFolderTableRow | IPageTableRow;
+export interface ITableRowMapper {
+    fromPage(page: Page): ITableRow;
+}
+export declare const TableRowMapper: import("@webiny/di").Abstraction<ITableRowMapper>;
+export declare namespace TableRowMapper {
+    type Interface = ITableRowMapper;
+    type TableRow = ITableRow;
+    type PageTableRow = IPageTableRow;
+    type FolderTableRow = IFolderTableRow;
+}
+export declare function folderToTableRow(folder: FolderDto): ITableRow;

package/presentation/pages/PageList/components/Table/abstractions.js

@@ -0,0 +1,13 @@
+import { createAbstraction } from "@webiny/feature/admin";
+const TableRowMapper = createAbstraction("WB/PageTableRowMapper");
+function folderToTableRow(folder) {
+    return {
+        id: folder.id,
+        $type: "FOLDER",
+        $selectable: false,
+        data: folder
+    };
+}
+export { TableRowMapper, folderToTableRow };
+
+//# sourceMappingURL=abstractions.js.map

package/presentation/pages/PageList/components/Table/abstractions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageList/components/Table/abstractions.js","sources":["../../../../../../src/presentation/pages/PageList/components/Table/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\nimport type { FolderTableRow as IFolderTableRow, RecordTableRow } from \"@webiny/app-aco\";\nimport type { FolderDto } from \"@webiny/app-aco/domain/folder/FolderDto.js\";\nimport type { Page, PageDto } from \"~/domain/Page/index.js\";\n\nexport type IPageTableRow = RecordTableRow<PageDto>;\nexport type ITableRow = IFolderTableRow | IPageTableRow;\n\nexport interface ITableRowMapper {\n    fromPage(page: Page): ITableRow;\n}\n\nexport const TableRowMapper = createAbstraction<ITableRowMapper>(\"WB/PageTableRowMapper\");\n\nexport namespace TableRowMapper {\n    export type Interface = ITableRowMapper;\n    export type TableRow = ITableRow;\n    export type PageTableRow = IPageTableRow;\n    export type FolderTableRow = IFolderTableRow;\n}\n\nexport function folderToTableRow(folder: FolderDto): ITableRow {\n    return {\n        id: folder.id,\n        $type: \"FOLDER\",\n        $selectable: false,\n        data: folder\n    };\n}\n"],"names":["TableRowMapper","createAbstraction","folderToTableRow","folder"],"mappings":";AAYO,MAAMA,iBAAiBC,kBAAmC;AAS1D,SAASC,iBAAiBC,MAAiB;IAC9C,OAAO;QACH,IAAIA,OAAO,EAAE;QACb,OAAO;QACP,aAAa;QACb,MAAMA;IACV;AACJ"}

package/presentation/pages/PageList/configs/Browser/BulkAction.d.ts

@@ -0,0 +1,65 @@
+import React from "react";
+import type { CallbackParams } from "@webiny/app-admin";
+import { type PageDto } from "../../../../../domain/Page/index.js";
+export interface BulkActionConfig {
+    name: string;
+    element: React.ReactElement;
+}
+export interface BulkActionProps {
+    name: string;
+    remove?: boolean;
+    before?: string;
+    after?: string;
+    element?: React.ReactElement;
+}
+export declare const BaseBulkAction: (({ name, after, before, remove, element }: BulkActionProps) => React.JSX.Element) & {
+    original: ({ name, after, before, remove, element }: BulkActionProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (({ name, after, before, remove, element }: BulkActionProps) => React.JSX.Element) & {
+        original: ({ name, after, before, remove, element }: BulkActionProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ name, after, before, remove, element }: BulkActionProps) => React.JSX.Element) & {
+        original: ({ name, after, before, remove, element }: BulkActionProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+declare const useWorker: () => {
+    items: PageDto[];
+    process: (callback: (pages: PageDto[]) => void) => void;
+    processInSeries: (callback: ({ item, allItems, report }: CallbackParams<PageDto>) => Promise<void>, chunkSize?: number) => Promise<void>;
+    resetItems: () => void;
+    results: import("@webiny/app-admin").Result[];
+    resetResults: () => Promise<void>;
+};
+export declare const BulkAction: (({ name, after, before, remove, element }: BulkActionProps) => React.JSX.Element) & {
+    original: ({ name, after, before, remove, element }: BulkActionProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (({ name, after, before, remove, element }: BulkActionProps) => React.JSX.Element) & {
+        original: ({ name, after, before, remove, element }: BulkActionProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ name, after, before, remove, element }: BulkActionProps) => React.JSX.Element) & {
+        original: ({ name, after, before, remove, element }: BulkActionProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+} & {
+    useButtons: () => import("@webiny/app-admin/components/Buttons/useButtons").ButtonsProviderContext;
+    useWorker: typeof useWorker;
+    useDialog: () => import("@webiny/app-admin").UseDialogWithReportResponse;
+};
+export {};

package/presentation/pages/PageList/configs/Browser/BulkAction.js

@@ -0,0 +1,65 @@
+import react, { useCallback, useMemo, useRef } from "react";
+import { Worker, useButtons, useDialogWithReport, useListView } from "@webiny/app-admin";
+import { Property, useIdGenerator } from "@webiny/react-properties";
+import { Page, PageDtoMapper } from "../../../../../domain/Page/index.js";
+import { makeDecoratable } from "@webiny/react-composition";
+const BaseBulkAction = makeDecoratable("BulkAction", ({ name, after, before, remove = false, element })=>{
+    const getId = useIdGenerator("bulkAction");
+    const placeAfter = void 0 !== after ? getId(after) : void 0;
+    const placeBefore = void 0 !== before ? getId(before) : void 0;
+    return /*#__PURE__*/ react.createElement(Property, {
+        id: "browser",
+        name: "browser"
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name),
+        name: "bulkActions",
+        remove: remove,
+        array: true,
+        before: placeBefore,
+        after: placeAfter
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name, "name"),
+        name: "name",
+        value: name
+    }), element ? /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name, "element"),
+        name: "element",
+        value: element
+    }) : null));
+});
+const useWorker = ()=>{
+    const { list, actions } = useListView();
+    const { current: worker } = useRef(new Worker());
+    const items = useMemo(()=>{
+        const selectedIds = list.selection.selectedIds;
+        const selectedRows = list.rows.filter((r)=>selectedIds.has(r.entryId || r.id));
+        return selectedRows.map((row)=>PageDtoMapper.toDTO(Page.create(row)));
+    }, [
+        list.selection.selectedIds,
+        list.rows
+    ]);
+    const resetItems = useCallback(()=>{
+        actions.selection.deselectAll();
+    }, [
+        actions
+    ]);
+    const resetResults = useCallback(async ()=>{
+        worker.resetResults();
+    }, []);
+    return {
+        items,
+        process: (callback)=>worker.process(items, callback),
+        processInSeries: async (callback, chunkSize)=>worker.processInSeries(items, callback, chunkSize),
+        resetItems: resetItems,
+        results: worker.results,
+        resetResults
+    };
+};
+const BulkAction = Object.assign(BaseBulkAction, {
+    useButtons: useButtons,
+    useWorker: useWorker,
+    useDialog: useDialogWithReport
+});
+export { BaseBulkAction, BulkAction };
+
+//# sourceMappingURL=BulkAction.js.map