@webiny/app-website-builder 6.4.11 → 6.6.0-alpha.1

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

@@ -0,0 +1,120 @@
+import react from "react";
+import { InternalPageListConfig } from "../configs/index.js";
+import { DeleteFolder, EditFolder, SetFolderPermissions } from "@webiny/app-aco";
+import { CellActions, CellAuthor, CellCreated, CellLive, CellModified, CellName, CellStatus, ChangeStatus, Delete, Duplicate, Edit, Move } from "./Table/index.js";
+import { BulkActionDelete, BulkActionDuplicate, BulkActionMovePage, BulkActionPublish, BulkActionUnpublish } from "./BulkActions/index.js";
+import { FilterByStatus } from "./Filters/index.js";
+import { HasPermission } from "../../../security/HasPermission.js";
+import { WbTrashBin } from "../../TrashBin/WbTrashBin.js";
+const { Browser: Browser } = InternalPageListConfig;
+const PagesListConfig = ()=>/*#__PURE__*/ react.createElement(InternalPageListConfig, null, /*#__PURE__*/ react.createElement(Browser.Sidebar.Footer, {
+        name: "trash",
+        element: /*#__PURE__*/ react.createElement(WbTrashBin, null)
+    }), /*#__PURE__*/ react.createElement(Browser.Filter, {
+        name: "status",
+        element: /*#__PURE__*/ react.createElement(FilterByStatus, null)
+    }), /*#__PURE__*/ react.createElement(Browser.Folder.Action, {
+        name: "edit",
+        element: /*#__PURE__*/ react.createElement(EditFolder, null)
+    }), /*#__PURE__*/ react.createElement(Browser.Folder.Action, {
+        name: "permissions",
+        element: /*#__PURE__*/ react.createElement(SetFolderPermissions, null)
+    }), /*#__PURE__*/ react.createElement(Browser.Folder.Action, {
+        name: "delete",
+        element: /*#__PURE__*/ react.createElement(DeleteFolder, null)
+    }), /*#__PURE__*/ react.createElement(HasPermission, {
+        entity: "page",
+        action: "edit"
+    }, /*#__PURE__*/ react.createElement(Browser.Page.Action, {
+        name: "edit",
+        element: /*#__PURE__*/ react.createElement(Edit, null)
+    }), /*#__PURE__*/ react.createElement(Browser.Page.Action, {
+        name: "moveToFolder",
+        element: /*#__PURE__*/ react.createElement(Move, null)
+    }), /*#__PURE__*/ react.createElement(Browser.BulkAction, {
+        name: "movePages",
+        element: /*#__PURE__*/ react.createElement(BulkActionMovePage, null)
+    })), /*#__PURE__*/ react.createElement(HasPermission, {
+        entity: "page",
+        action: "create"
+    }, /*#__PURE__*/ react.createElement(Browser.Page.Action, {
+        name: "duplicate",
+        element: /*#__PURE__*/ react.createElement(Duplicate, null)
+    }), /*#__PURE__*/ react.createElement(Browser.BulkAction, {
+        name: "duplicatePages",
+        element: /*#__PURE__*/ react.createElement(BulkActionDuplicate, null)
+    })), /*#__PURE__*/ react.createElement(HasPermission, {
+        entity: "page",
+        action: "delete"
+    }, /*#__PURE__*/ react.createElement(Browser.Page.Action, {
+        name: "delete",
+        element: /*#__PURE__*/ react.createElement(Delete, null),
+        after: "$last"
+    }), /*#__PURE__*/ react.createElement(Browser.BulkAction, {
+        name: "deletePages",
+        element: /*#__PURE__*/ react.createElement(BulkActionDelete, null)
+    })), /*#__PURE__*/ react.createElement(HasPermission, {
+        entity: "page",
+        someActions: [
+            "publish",
+            "unpublish"
+        ]
+    }, /*#__PURE__*/ react.createElement(Browser.Page.Action, {
+        name: "changeStatus",
+        element: /*#__PURE__*/ react.createElement(ChangeStatus, null)
+    })), /*#__PURE__*/ react.createElement(HasPermission, {
+        entity: "page",
+        action: "publish"
+    }, /*#__PURE__*/ react.createElement(Browser.BulkAction, {
+        name: "publishPages",
+        element: /*#__PURE__*/ react.createElement(BulkActionPublish, null)
+    })), /*#__PURE__*/ react.createElement(HasPermission, {
+        entity: "page",
+        action: "unpublish"
+    }, /*#__PURE__*/ react.createElement(Browser.BulkAction, {
+        name: "unpublishPages",
+        element: /*#__PURE__*/ react.createElement(BulkActionUnpublish, null)
+    })), /*#__PURE__*/ react.createElement(Browser.Table.Column, {
+        name: "name",
+        header: "Name",
+        cell: /*#__PURE__*/ react.createElement(CellName, null),
+        sortable: false,
+        hideable: false,
+        size: 200
+    }), /*#__PURE__*/ react.createElement(Browser.Table.Column, {
+        name: "createdBy",
+        header: "Author",
+        cell: /*#__PURE__*/ react.createElement(CellAuthor, null)
+    }), /*#__PURE__*/ react.createElement(Browser.Table.Column, {
+        name: "createdOn",
+        header: "Created",
+        cell: /*#__PURE__*/ react.createElement(CellCreated, null),
+        sortable: true
+    }), /*#__PURE__*/ react.createElement(Browser.Table.Column, {
+        name: "savedOn",
+        header: "Modified",
+        cell: /*#__PURE__*/ react.createElement(CellModified, null),
+        sortable: true
+    }), /*#__PURE__*/ react.createElement(Browser.Table.Column, {
+        name: "status",
+        header: "Status",
+        cell: /*#__PURE__*/ react.createElement(CellStatus, null),
+        truncate: false
+    }), /*#__PURE__*/ react.createElement(Browser.Table.Column, {
+        name: "live",
+        header: "Live",
+        cell: /*#__PURE__*/ react.createElement(CellLive, null),
+        truncate: false
+    }), /*#__PURE__*/ react.createElement(Browser.Table.Column, {
+        name: "actions",
+        header: "",
+        cell: /*#__PURE__*/ react.createElement(CellActions, null),
+        size: 56,
+        resizable: false,
+        hideable: false,
+        truncate: false,
+        className: "flex justify-center"
+    }));
+export { PagesListConfig };
+
+//# sourceMappingURL=PagesListConfig.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageList/components/PagesListConfig.js","sources":["../../../../../src/presentation/pages/PageList/components/PagesListConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { InternalPageListConfig } from \"../configs/index.js\";\nimport { DeleteFolder, EditFolder, SetFolderPermissions } from \"@webiny/app-aco\";\nimport {\n    CellActions,\n    CellAuthor,\n    CellCreated,\n    CellLive,\n    CellModified,\n    CellName,\n    CellStatus,\n    ChangeStatus,\n    Delete,\n    Duplicate,\n    Edit,\n    Move\n} from \"~/presentation/pages/PageList/components/Table/index.js\";\nimport {\n    BulkActionDelete,\n    BulkActionDuplicate,\n    BulkActionMovePage,\n    BulkActionPublish,\n    BulkActionUnpublish\n} from \"~/presentation/pages/PageList/components/BulkActions/index.js\";\nimport { FilterByStatus } from \"~/presentation/pages/PageList/components/Filters/index.js\";\nimport { HasPermission } from \"~/presentation/security/HasPermission.js\";\nimport { WbTrashBin } from \"~/presentation/pages/TrashBin/WbTrashBin.js\";\n\nconst { Browser } = InternalPageListConfig;\n\nexport const PagesListConfig = () => {\n    return (\n        <InternalPageListConfig>\n            <Browser.Sidebar.Footer name={\"trash\"} element={<WbTrashBin />} />\n            <Browser.Filter name={\"status\"} element={<FilterByStatus />} />\n            <Browser.Folder.Action name={\"edit\"} element={<EditFolder />} />\n            <Browser.Folder.Action name={\"permissions\"} element={<SetFolderPermissions />} />\n            <Browser.Folder.Action name={\"delete\"} element={<DeleteFolder />} />\n            <HasPermission entity={\"page\"} action={\"edit\"}>\n                <Browser.Page.Action name={\"edit\"} element={<Edit />} />\n                <Browser.Page.Action name={\"moveToFolder\"} element={<Move />} />\n                <Browser.BulkAction name={\"movePages\"} element={<BulkActionMovePage />} />\n            </HasPermission>\n            <HasPermission entity={\"page\"} action={\"create\"}>\n                <Browser.Page.Action name={\"duplicate\"} element={<Duplicate />} />\n                <Browser.BulkAction name={\"duplicatePages\"} element={<BulkActionDuplicate />} />\n            </HasPermission>\n            <HasPermission entity={\"page\"} action={\"delete\"}>\n                <Browser.Page.Action name={\"delete\"} element={<Delete />} after={\"$last\"} />\n                <Browser.BulkAction name={\"deletePages\"} element={<BulkActionDelete />} />\n            </HasPermission>\n            <HasPermission entity={\"page\"} someActions={[\"publish\", \"unpublish\"]}>\n                <Browser.Page.Action name={\"changeStatus\"} element={<ChangeStatus />} />\n            </HasPermission>\n            <HasPermission entity={\"page\"} action={\"publish\"}>\n                <Browser.BulkAction name={\"publishPages\"} element={<BulkActionPublish />} />\n            </HasPermission>\n            <HasPermission entity={\"page\"} action={\"unpublish\"}>\n                <Browser.BulkAction name={\"unpublishPages\"} element={<BulkActionUnpublish />} />\n            </HasPermission>\n            <Browser.Table.Column\n                name={\"name\"}\n                header={\"Name\"}\n                cell={<CellName />}\n                sortable={false}\n                hideable={false}\n                size={200}\n            />\n            <Browser.Table.Column name={\"createdBy\"} header={\"Author\"} cell={<CellAuthor />} />\n            <Browser.Table.Column\n                name={\"createdOn\"}\n                header={\"Created\"}\n                cell={<CellCreated />}\n                sortable={true}\n            />\n            <Browser.Table.Column\n                name={\"savedOn\"}\n                header={\"Modified\"}\n                cell={<CellModified />}\n                sortable={true}\n            />\n            <Browser.Table.Column\n                name={\"status\"}\n                header={\"Status\"}\n                cell={<CellStatus />}\n                truncate={false}\n            />\n            <Browser.Table.Column\n                name={\"live\"}\n                header={\"Live\"}\n                cell={<CellLive />}\n                truncate={false}\n            />\n            <Browser.Table.Column\n                name={\"actions\"}\n                header={\"\"}\n                cell={<CellActions />}\n                size={56}\n                resizable={false}\n                hideable={false}\n                truncate={false}\n                className={\"flex justify-center\"}\n            />\n        </InternalPageListConfig>\n    );\n};\n"],"names":["Browser","InternalPageListConfig","PagesListConfig","WbTrashBin","FilterByStatus","EditFolder","SetFolderPermissions","DeleteFolder","HasPermission","Edit","Move","BulkActionMovePage","Duplicate","BulkActionDuplicate","Delete","BulkActionDelete","ChangeStatus","BulkActionPublish","BulkActionUnpublish","CellName","CellAuthor","CellCreated","CellModified","CellStatus","CellLive","CellActions"],"mappings":"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"}

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

@@ -0,0 +1,37 @@
+import react from "react";
+import { ReactComponent } from "@webiny/icons/visibility.svg";
+import { ReactComponent as visibility_off_svg_ReactComponent } from "@webiny/icons/visibility_off.svg";
+import { PageListConfig } from "../../../configs/index.js";
+import { usePage } from "../../../hooks/usePage.js";
+import { usePublishPageConfirmationDialog } from "../../../hooks/usePublishPageConfirmationDialog.js";
+import { useUnpublishPageConfirmationDialog } from "../../../hooks/useUnpublishPageConfirmationDialog.js";
+import { HasPermission } from "../../../../../security/HasPermission.js";
+const ChangeStatus = ()=>{
+    const { page } = usePage();
+    const { openPublishPageConfirmationDialog } = usePublishPageConfirmationDialog({
+        page
+    });
+    const { openUnpublishPageConfirmationDialog } = useUnpublishPageConfirmationDialog({
+        page
+    });
+    const { OptionsMenuItem } = PageListConfig.Browser.Page.Action;
+    if ("published" === page.status) return /*#__PURE__*/ react.createElement(HasPermission, {
+        entity: "page",
+        action: "unpublish"
+    }, /*#__PURE__*/ react.createElement(OptionsMenuItem, {
+        icon: /*#__PURE__*/ react.createElement(visibility_off_svg_ReactComponent, null),
+        label: "Unpublish",
+        onAction: openUnpublishPageConfirmationDialog
+    }));
+    return /*#__PURE__*/ react.createElement(HasPermission, {
+        entity: "page",
+        action: "publish"
+    }, /*#__PURE__*/ react.createElement(OptionsMenuItem, {
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        label: "Publish",
+        onAction: openPublishPageConfirmationDialog
+    }));
+};
+export { ChangeStatus };
+
+//# sourceMappingURL=ChangeStatus.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageList/components/Table/Actions/ChangeStatus.js","sources":["../../../../../../../src/presentation/pages/PageList/components/Table/Actions/ChangeStatus.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as Publish } from \"@webiny/icons/visibility.svg\";\nimport { ReactComponent as Unpublish } from \"@webiny/icons/visibility_off.svg\";\nimport { PageListConfig } from \"~/presentation/pages/PageList/configs/index.js\";\nimport { usePage } from \"~/presentation/pages/PageList/hooks/usePage.js\";\nimport { usePublishPageConfirmationDialog } from \"~/presentation/pages/PageList/hooks/usePublishPageConfirmationDialog.js\";\nimport { useUnpublishPageConfirmationDialog } from \"~/presentation/pages/PageList/hooks/useUnpublishPageConfirmationDialog.js\";\nimport { HasPermission } from \"~/presentation/security/HasPermission.js\";\n\nexport const ChangeStatus = () => {\n    const { page } = usePage();\n    const { openPublishPageConfirmationDialog } = usePublishPageConfirmationDialog({ page });\n    const { openUnpublishPageConfirmationDialog } = useUnpublishPageConfirmationDialog({ page });\n    const { OptionsMenuItem } = PageListConfig.Browser.Page.Action;\n\n    if (page.status === \"published\") {\n        return (\n            <HasPermission entity={\"page\"} action={\"unpublish\"}>\n                <OptionsMenuItem\n                    icon={<Unpublish />}\n                    label={\"Unpublish\"}\n                    onAction={openUnpublishPageConfirmationDialog}\n                />\n            </HasPermission>\n        );\n    }\n\n    return (\n        <HasPermission entity={\"page\"} action={\"publish\"}>\n            <OptionsMenuItem\n                icon={<Publish />}\n                label={\"Publish\"}\n                onAction={openPublishPageConfirmationDialog}\n            />\n        </HasPermission>\n    );\n};\n"],"names":["ChangeStatus","page","usePage","openPublishPageConfirmationDialog","usePublishPageConfirmationDialog","openUnpublishPageConfirmationDialog","useUnpublishPageConfirmationDialog","OptionsMenuItem","PageListConfig","HasPermission","Unpublish","Publish"],"mappings":";;;;;;;;AASO,MAAMA,eAAe;IACxB,MAAM,EAAEC,IAAI,EAAE,GAAGC;IACjB,MAAM,EAAEC,iCAAiC,EAAE,GAAGC,iCAAiC;QAAEH;IAAK;IACtF,MAAM,EAAEI,mCAAmC,EAAE,GAAGC,mCAAmC;QAAEL;IAAK;IAC1F,MAAM,EAAEM,eAAe,EAAE,GAAGC,eAAe,OAAO,CAAC,IAAI,CAAC,MAAM;IAE9D,IAAIP,AAAgB,gBAAhBA,KAAK,MAAM,EACX,OAAO,WAAP,GACI,oBAACQ,eAAaA;QAAC,QAAQ;QAAQ,QAAQ;qBACnC,oBAACF,iBAAAA;QACG,oBAAM,oBAACG,mCAASA;QAChB,OAAO;QACP,UAAUL;;IAM1B,OAAO,WAAP,GACI,oBAACI,eAAaA;QAAC,QAAQ;QAAQ,QAAQ;qBACnC,oBAACF,iBAAAA;QACG,oBAAM,oBAACI,gBAAOA;QACd,OAAO;QACP,UAAUR;;AAI1B"}

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

@@ -0,0 +1,21 @@
+import react from "react";
+import { ReactComponent } from "@webiny/icons/delete.svg";
+import { usePage } from "../../../hooks/usePage.js";
+import { useDeletePageConfirmationDialog } from "../../../hooks/useDeletePageConfirmationDialog.js";
+import { PageListConfig } from "../../../configs/index.js";
+const Delete = ()=>{
+    const { page } = usePage();
+    const { openDeletePageConfirmationDialog } = useDeletePageConfirmationDialog({
+        page
+    });
+    const { OptionsMenuItem } = PageListConfig.Browser.Page.Action;
+    return /*#__PURE__*/ react.createElement(OptionsMenuItem, {
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        label: "Trash",
+        onAction: openDeletePageConfirmationDialog,
+        variant: "destructive"
+    });
+};
+export { Delete };
+
+//# sourceMappingURL=Delete.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageList/components/Table/Actions/Delete.js","sources":["../../../../../../../src/presentation/pages/PageList/components/Table/Actions/Delete.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { usePage } from \"~/presentation/pages/PageList/hooks/usePage.js\";\nimport { useDeletePageConfirmationDialog } from \"~/presentation/pages/PageList/hooks/useDeletePageConfirmationDialog.js\";\nimport { PageListConfig } from \"~/presentation/pages/PageList/configs/index.js\";\n\nexport const Delete = () => {\n    const { page } = usePage();\n    const { openDeletePageConfirmationDialog } = useDeletePageConfirmationDialog({ page });\n    const { OptionsMenuItem } = PageListConfig.Browser.Page.Action;\n\n    return (\n        <OptionsMenuItem\n            icon={<DeleteIcon />}\n            label={\"Trash\"}\n            onAction={openDeletePageConfirmationDialog}\n            variant={\"destructive\"}\n        />\n    );\n};\n"],"names":["Delete","page","usePage","openDeletePageConfirmationDialog","useDeletePageConfirmationDialog","OptionsMenuItem","PageListConfig","DeleteIcon"],"mappings":";;;;;AAMO,MAAMA,SAAS;IAClB,MAAM,EAAEC,IAAI,EAAE,GAAGC;IACjB,MAAM,EAAEC,gCAAgC,EAAE,GAAGC,gCAAgC;QAAEH;IAAK;IACpF,MAAM,EAAEI,eAAe,EAAE,GAAGC,eAAe,OAAO,CAAC,IAAI,CAAC,MAAM;IAE9D,OAAO,WAAP,GACI,oBAACD,iBAAAA;QACG,oBAAM,oBAACE,gBAAUA;QACjB,OAAO;QACP,UAAUJ;QACV,SAAS;;AAGrB"}

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) & React.NamedExoticComponent<unknown> & {
+    readonly type: () => React.JSX.Element;
+};