@webiny/app-website-builder 6.0.0-alpha.4 → 6.0.0-rc.0

package/modules/pages/PagesList/components/Table/Cells/CellName.js

@@ -1,29 +1,29 @@
 import React from "react";
 import { Icon, Link, Text } from "@webiny/admin-ui";
 import { ReactComponent as File } from "@webiny/icons/description.svg";
-import { PageListConfig } from "../../../../configs";
-import { useGetEditPageUrl } from "../../../hooks/useGetEditPageUrl.js";
-import { FolderCellName } from "../../../../../shared/FolderCellName";
+import { PageListConfig } from "../../../../configs/index.js";
+import { useEditPageUrl } from "../../../hooks/useEditPageUrl.js";
+import { FolderCellName } from "../../../../../shared/FolderCellName.js";
 const PageCellRowTitle = ({
   page
 }) => {
   return /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-flex-col wby-gap-y-[3px]"
+    className: "flex flex-col gap-y-[3px]"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-w-full wby-items-center"
+    className: "flex w-full items-center"
   }, /*#__PURE__*/React.createElement(Icon, {
     size: "sm",
     color: "neutral-strong",
-    className: "wby-mr-xs",
+    className: "mr-xs",
     icon: /*#__PURE__*/React.createElement(File, null),
     label: `Page - ${page.properties.title}`
   }), /*#__PURE__*/React.createElement(Text, {
     as: "div",
-    className: "wby-truncate wby-min-w-0 wby-flex-shrink"
+    className: "truncate min-w-0 shrink"
   }, page.properties.title)), /*#__PURE__*/React.createElement(Text, {
     as: "div",
     size: "sm",
-    className: "wby-text-neutral-dimmed"
+    className: "text-neutral-dimmed"
   }, page.properties.path));
 };
 export const PageCellName = ({
@@ -31,11 +31,11 @@ export const PageCellName = ({
 }) => {
   const {
     getEditPageUrl
-  } = useGetEditPageUrl();
+  } = useEditPageUrl();
   return /*#__PURE__*/React.createElement(Link, {
     to: getEditPageUrl(page.id),
     variant: "secondary",
-    className: "wby-truncate !wby-no-underline"
+    className: "truncate no-underline!"
   }, /*#__PURE__*/React.createElement(PageCellRowTitle, {
     page: page
   }));

package/modules/pages/PagesList/components/Table/Cells/CellName.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Icon","Link","Text","ReactComponent","File","PageListConfig","useGetEditPageUrl","FolderCellName","PageCellRowTitle","page","createElement","className","size","color","icon","label","properties","title","as","path","PageCellName","getEditPageUrl","to","id","variant","CellName","useTableRow","isFolderRow","Browser","Table","Column","row","folder","data"],"sources":["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 \"~/modules/pages/configs\";\nimport { useGetEditPageUrl } from \"~/modules/pages/PagesList/hooks/useGetEditPageUrl.js\";\nimport { FolderCellName } from \"~/modules/shared/FolderCellName\";\nimport type { PageDto } from \"~/domain/Page\";\n\ninterface PageCellRowTitleProps {\n    page: PageDto;\n}\n\nconst PageCellRowTitle = ({ page }: PageCellRowTitleProps) => {\n    return (\n        <div className={\"wby-flex wby-flex-col wby-gap-y-[3px]\"}>\n            <div className={\"wby-flex wby-w-full wby-items-center\"}>\n                <Icon\n                    size={\"sm\"}\n                    color={\"neutral-strong\"}\n                    className={\"wby-mr-xs\"}\n                    icon={<File />}\n                    label={`Page - ${page.properties.title}`}\n                />\n                <Text as={\"div\"} className={\"wby-truncate wby-min-w-0 wby-flex-shrink\"}>\n                    {page.properties.title}\n                </Text>\n            </div>\n            <Text as={\"div\"} size={\"sm\"} className={\"wby-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 } = useGetEditPageUrl();\n\n    return (\n        <Link\n            to={getEditPageUrl(page.id)}\n            variant={\"secondary\"}\n            className={\"wby-truncate !wby-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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AACnD,SAASC,cAAc,IAAIC,IAAI,QAAQ,+BAA+B;AACtE,SAASC,cAAc;AACvB,SAASC,iBAAiB;AAC1B,SAASC,cAAc;AAOvB,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC;AAA4B,CAAC,KAAK;EAC1D,oBACIV,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAE;EAAwC,gBACpDZ,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAE;EAAuC,gBACnDZ,KAAA,CAAAW,aAAA,CAACV,IAAI;IACDY,IAAI,EAAE,IAAK;IACXC,KAAK,EAAE,gBAAiB;IACxBF,SAAS,EAAE,WAAY;IACvBG,IAAI,eAAEf,KAAA,CAAAW,aAAA,CAACN,IAAI,MAAE,CAAE;IACfW,KAAK,EAAE,UAAUN,IAAI,CAACO,UAAU,CAACC,KAAK;EAAG,CAC5C,CAAC,eACFlB,KAAA,CAAAW,aAAA,CAACR,IAAI;IAACgB,EAAE,EAAE,KAAM;IAACP,SAAS,EAAE;EAA2C,GAClEF,IAAI,CAACO,UAAU,CAACC,KACf,CACL,CAAC,eACNlB,KAAA,CAAAW,aAAA,CAACR,IAAI;IAACgB,EAAE,EAAE,KAAM;IAACN,IAAI,EAAE,IAAK;IAACD,SAAS,EAAE;EAA0B,GAC7DF,IAAI,CAACO,UAAU,CAACG,IACf,CACL,CAAC;AAEd,CAAC;AAMD,OAAO,MAAMC,YAAY,GAAGA,CAAC;EAAEX;AAAyB,CAAC,KAAK;EAC1D,MAAM;IAAEY;EAAe,CAAC,GAAGf,iBAAiB,CAAC,CAAC;EAE9C,oBACIP,KAAA,CAAAW,aAAA,CAACT,IAAI;IACDqB,EAAE,EAAED,cAAc,CAACZ,IAAI,CAACc,EAAE,CAAE;IAC5BC,OAAO,EAAE,WAAY;IACrBb,SAAS,EAAE;EAAiC,gBAE5CZ,KAAA,CAAAW,aAAA,CAACF,gBAAgB;IAACC,IAAI,EAAEA;EAAK,CAAE,CAC7B,CAAC;AAEf,CAAC;AAED,OAAO,MAAMgB,QAAQ,GAAGA,CAAA,KAAM;EAC1B,MAAM;IAAEC,WAAW;IAAEC;EAAY,CAAC,GAAGtB,cAAc,CAACuB,OAAO,CAACC,KAAK,CAACC,MAAM;EACxE,MAAM;IAAEC;EAAI,CAAC,GAAGL,WAAW,CAAC,CAAC;EAE7B,IAAIC,WAAW,CAACI,GAAG,CAAC,EAAE;IAClB,oBAAOhC,KAAA,CAAAW,aAAA,CAACH,cAAc;MAACyB,MAAM,EAAED,GAAG,CAACE;IAAK,CAAE,CAAC;EAC/C;EAEA,oBAAOlC,KAAA,CAAAW,aAAA,CAACU,YAAY;IAACX,IAAI,EAAEsB,GAAG,CAACE;EAAK,CAAE,CAAC;AAC3C,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Icon","Link","Text","ReactComponent","File","PageListConfig","useEditPageUrl","FolderCellName","PageCellRowTitle","page","createElement","className","size","color","icon","label","properties","title","as","path","PageCellName","getEditPageUrl","to","id","variant","CellName","useTableRow","isFolderRow","Browser","Table","Column","row","folder","data"],"sources":["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 \"~/modules/pages/configs/index.js\";\nimport { useEditPageUrl } from \"~/modules/pages/PagesList/hooks/useEditPageUrl.js\";\nimport { FolderCellName } from \"~/modules/shared/FolderCellName.js\";\nimport type { PageDto } from \"~/domain/Page/index.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                <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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AACnD,SAASC,cAAc,IAAIC,IAAI,QAAQ,+BAA+B;AACtE,SAASC,cAAc;AACvB,SAASC,cAAc;AACvB,SAASC,cAAc;AAOvB,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC;AAA4B,CAAC,KAAK;EAC1D,oBACIV,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAE;EAA4B,gBACxCZ,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAE;EAA2B,gBACvCZ,KAAA,CAAAW,aAAA,CAACV,IAAI;IACDY,IAAI,EAAE,IAAK;IACXC,KAAK,EAAE,gBAAiB;IACxBF,SAAS,EAAE,OAAQ;IACnBG,IAAI,eAAEf,KAAA,CAAAW,aAAA,CAACN,IAAI,MAAE,CAAE;IACfW,KAAK,EAAE,UAAUN,IAAI,CAACO,UAAU,CAACC,KAAK;EAAG,CAC5C,CAAC,eACFlB,KAAA,CAAAW,aAAA,CAACR,IAAI;IAACgB,EAAE,EAAE,KAAM;IAACP,SAAS,EAAE;EAA0B,GACjDF,IAAI,CAACO,UAAU,CAACC,KACf,CACL,CAAC,eACNlB,KAAA,CAAAW,aAAA,CAACR,IAAI;IAACgB,EAAE,EAAE,KAAM;IAACN,IAAI,EAAE,IAAK;IAACD,SAAS,EAAE;EAAsB,GACzDF,IAAI,CAACO,UAAU,CAACG,IACf,CACL,CAAC;AAEd,CAAC;AAMD,OAAO,MAAMC,YAAY,GAAGA,CAAC;EAAEX;AAAyB,CAAC,KAAK;EAC1D,MAAM;IAAEY;EAAe,CAAC,GAAGf,cAAc,CAAC,CAAC;EAE3C,oBACIP,KAAA,CAAAW,aAAA,CAACT,IAAI;IACDqB,EAAE,EAAED,cAAc,CAACZ,IAAI,CAACc,EAAE,CAAE;IAC5BC,OAAO,EAAE,WAAY;IACrBb,SAAS,EAAE;EAAyB,gBAEpCZ,KAAA,CAAAW,aAAA,CAACF,gBAAgB;IAACC,IAAI,EAAEA;EAAK,CAAE,CAC7B,CAAC;AAEf,CAAC;AAED,OAAO,MAAMgB,QAAQ,GAAGA,CAAA,KAAM;EAC1B,MAAM;IAAEC,WAAW;IAAEC;EAAY,CAAC,GAAGtB,cAAc,CAACuB,OAAO,CAACC,KAAK,CAACC,MAAM;EACxE,MAAM;IAAEC;EAAI,CAAC,GAAGL,WAAW,CAAC,CAAC;EAE7B,IAAIC,WAAW,CAACI,GAAG,CAAC,EAAE;IAClB,oBAAOhC,KAAA,CAAAW,aAAA,CAACH,cAAc;MAACyB,MAAM,EAAED,GAAG,CAACE;IAAK,CAAE,CAAC;EAC/C;EAEA,oBAAOlC,KAAA,CAAAW,aAAA,CAACU,YAAY;IAACX,IAAI,EAAEsB,GAAG,CAACE;EAAK,CAAE,CAAC;AAC3C,CAAC","ignoreList":[]}

package/modules/pages/PagesList/components/Table/Cells/CellStatus.js

@@ -1,9 +1,9 @@
 import React, { useCallback, useMemo } from "react";
 import { IconButton, Tag } from "@webiny/admin-ui";
 import { ReactComponent as NewTab } from "@webiny/icons/open_in_new.svg";
-import { PageListConfig } from "../../../../configs";
-import { toTitleCaseLabel } from "../../../../../../shared/toTitleCaseLabel";
-import { usePagePreviewLink } from "../../../hooks/usePagePreviewLink";
+import { PageListConfig } from "../../../../configs/index.js";
+import { toTitleCaseLabel } from "../../../../../../shared/toTitleCaseLabel.js";
+import { usePagePreviewLink } from "../../../hooks/usePagePreviewLink.js";
 const {
   useTableRow,
   isFolderRow
@@ -29,7 +29,7 @@ export const CellStatus = () => {
     return toTitleCaseLabel(row.data.status);
   }, [row.data.status]);
   return /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-items-center"
+    className: "flex items-center"
   }, /*#__PURE__*/React.createElement(Tag, {
     variant: variant,
     content: `${statusLabel}${row.data.version ? ` (v${row.data.version})` : ""}`

package/modules/pages/PagesList/components/Table/Cells/CellStatus.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useMemo","IconButton","Tag","ReactComponent","NewTab","PageListConfig","toTitleCaseLabel","usePagePreviewLink","useTableRow","isFolderRow","Browser","Table","Column","CellStatus","row","createElement","Fragment","variant","data","status","statusLabel","className","content","version","PreviewLink","page","previewLink","openInNewTab","window","open","onClick","icon","title","size"],"sources":["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 \"~/modules/pages/configs\";\nimport { toTitleCaseLabel } from \"~/shared/toTitleCaseLabel\";\nimport { usePagePreviewLink } from \"~/modules/pages/PagesList/hooks/usePagePreviewLink\";\nimport type { PageDto } from \"~/domain/Page\";\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={\"wby-flex wby-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\n    const openInNewTab = useCallback(() => {\n        if (previewLink) {\n            window.open(previewLink, \"_blank\");\n        }\n    }, [previewLink]);\n\n    return previewLink ? (\n        <IconButton\n            onClick={openInNewTab}\n            icon={<NewTab />}\n            title={\"Preview in new tab\"}\n            size={\"sm\"}\n            variant={\"ghost\"}\n        />\n    ) : null;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACnD,SAASC,UAAU,EAAEC,GAAG,QAAQ,kBAAkB;AAClD,SAASC,cAAc,IAAIC,MAAM,QAAQ,+BAA+B;AACxE,SAASC,cAAc;AACvB,SAASC,gBAAgB;AACzB,SAASC,kBAAkB;AAG3B,MAAM;EAAEC,WAAW;EAAEC;AAAY,CAAC,GAAGJ,cAAc,CAACK,OAAO,CAACC,KAAK,CAACC,MAAM;AAExE,OAAO,MAAMC,UAAU,GAAGA,CAAA,KAAM;EAC5B,MAAM;IAAEC;EAAI,CAAC,GAAGN,WAAW,CAAC,CAAC;EAE7B,IAAIC,WAAW,CAACK,GAAG,CAAC,EAAE;IAClB,oBAAOhB,KAAA,CAAAiB,aAAA,CAAAjB,KAAA,CAAAkB,QAAA,QAAG,GAAM,CAAC;EACrB;EAEA,MAAMC,OAAO,GAAGjB,OAAO,CAAC,MAAM;IAC1B,QAAQc,GAAG,CAACI,IAAI,CAACC,MAAM;MACnB,KAAK,WAAW;QACZ,OAAO,SAAS;MACpB,KAAK,aAAa;QACd,OAAO,SAAS;MACpB;QACI,OAAO,eAAe;IAC9B;EACJ,CAAC,EAAE,CAACL,GAAG,CAACI,IAAI,CAACC,MAAM,CAAC,CAAC;EAErB,MAAMC,WAAW,GAAGpB,OAAO,CAAC,MAAM;IAC9B,OAAOM,gBAAgB,CAACQ,GAAG,CAACI,IAAI,CAACC,MAAM,CAAC;EAC5C,CAAC,EAAE,CAACL,GAAG,CAACI,IAAI,CAACC,MAAM,CAAC,CAAC;EAErB,oBACIrB,KAAA,CAAAiB,aAAA;IAAKM,SAAS,EAAE;EAA4B,gBACxCvB,KAAA,CAAAiB,aAAA,CAACb,GAAG;IACAe,OAAO,EAAEA,OAAQ;IACjBK,OAAO,EAAE,GAAGF,WAAW,GAAGN,GAAG,CAACI,IAAI,CAACK,OAAO,GAAG,MAAMT,GAAG,CAACI,IAAI,CAACK,OAAO,GAAG,GAAG,EAAE;EAAG,CACjF,CAAC,eACFzB,KAAA,CAAAiB,aAAA,CAACS,WAAW;IAACC,IAAI,EAAEX,GAAG,CAACI;EAAK,CAAE,CAC7B,CAAC;AAEd,CAAC;AAED,MAAMM,WAAW,GAAGA,CAAC;EAAEC;AAAwB,CAAC,KAAK;EACjD,MAAMC,WAAW,GAAGnB,kBAAkB,CAACkB,IAAI,CAAC;EAE5C,MAAME,YAAY,GAAG5B,WAAW,CAAC,MAAM;IACnC,IAAI2B,WAAW,EAAE;MACbE,MAAM,CAACC,IAAI,CAACH,WAAW,EAAE,QAAQ,CAAC;IACtC;EACJ,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;EAEjB,OAAOA,WAAW,gBACd5B,KAAA,CAAAiB,aAAA,CAACd,UAAU;IACP6B,OAAO,EAAEH,YAAa;IACtBI,IAAI,eAAEjC,KAAA,CAAAiB,aAAA,CAACX,MAAM,MAAE,CAAE;IACjB4B,KAAK,EAAE,oBAAqB;IAC5BC,IAAI,EAAE,IAAK;IACXhB,OAAO,EAAE;EAAQ,CACpB,CAAC,GACF,IAAI;AACZ,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useMemo","IconButton","Tag","ReactComponent","NewTab","PageListConfig","toTitleCaseLabel","usePagePreviewLink","useTableRow","isFolderRow","Browser","Table","Column","CellStatus","row","createElement","Fragment","variant","data","status","statusLabel","className","content","version","PreviewLink","page","previewLink","openInNewTab","window","open","onClick","icon","title","size"],"sources":["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 \"~/modules/pages/configs/index.js\";\nimport { toTitleCaseLabel } from \"~/shared/toTitleCaseLabel.js\";\nimport { usePagePreviewLink } from \"~/modules/pages/PagesList/hooks/usePagePreviewLink.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\n    const openInNewTab = useCallback(() => {\n        if (previewLink) {\n            window.open(previewLink, \"_blank\");\n        }\n    }, [previewLink]);\n\n    return previewLink ? (\n        <IconButton\n            onClick={openInNewTab}\n            icon={<NewTab />}\n            title={\"Preview in new tab\"}\n            size={\"sm\"}\n            variant={\"ghost\"}\n        />\n    ) : null;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACnD,SAASC,UAAU,EAAEC,GAAG,QAAQ,kBAAkB;AAClD,SAASC,cAAc,IAAIC,MAAM,QAAQ,+BAA+B;AACxE,SAASC,cAAc;AACvB,SAASC,gBAAgB;AACzB,SAASC,kBAAkB;AAG3B,MAAM;EAAEC,WAAW;EAAEC;AAAY,CAAC,GAAGJ,cAAc,CAACK,OAAO,CAACC,KAAK,CAACC,MAAM;AAExE,OAAO,MAAMC,UAAU,GAAGA,CAAA,KAAM;EAC5B,MAAM;IAAEC;EAAI,CAAC,GAAGN,WAAW,CAAC,CAAC;EAE7B,IAAIC,WAAW,CAACK,GAAG,CAAC,EAAE;IAClB,oBAAOhB,KAAA,CAAAiB,aAAA,CAAAjB,KAAA,CAAAkB,QAAA,QAAG,GAAM,CAAC;EACrB;EAEA,MAAMC,OAAO,GAAGjB,OAAO,CAAC,MAAM;IAC1B,QAAQc,GAAG,CAACI,IAAI,CAACC,MAAM;MACnB,KAAK,WAAW;QACZ,OAAO,SAAS;MACpB,KAAK,aAAa;QACd,OAAO,SAAS;MACpB;QACI,OAAO,eAAe;IAC9B;EACJ,CAAC,EAAE,CAACL,GAAG,CAACI,IAAI,CAACC,MAAM,CAAC,CAAC;EAErB,MAAMC,WAAW,GAAGpB,OAAO,CAAC,MAAM;IAC9B,OAAOM,gBAAgB,CAACQ,GAAG,CAACI,IAAI,CAACC,MAAM,CAAC;EAC5C,CAAC,EAAE,CAACL,GAAG,CAACI,IAAI,CAACC,MAAM,CAAC,CAAC;EAErB,oBACIrB,KAAA,CAAAiB,aAAA;IAAKM,SAAS,EAAE;EAAoB,gBAChCvB,KAAA,CAAAiB,aAAA,CAACb,GAAG;IACAe,OAAO,EAAEA,OAAQ;IACjBK,OAAO,EAAE,GAAGF,WAAW,GAAGN,GAAG,CAACI,IAAI,CAACK,OAAO,GAAG,MAAMT,GAAG,CAACI,IAAI,CAACK,OAAO,GAAG,GAAG,EAAE;EAAG,CACjF,CAAC,eACFzB,KAAA,CAAAiB,aAAA,CAACS,WAAW;IAACC,IAAI,EAAEX,GAAG,CAACI;EAAK,CAAE,CAC7B,CAAC;AAEd,CAAC;AAED,MAAMM,WAAW,GAAGA,CAAC;EAAEC;AAAwB,CAAC,KAAK;EACjD,MAAMC,WAAW,GAAGnB,kBAAkB,CAACkB,IAAI,CAAC;EAE5C,MAAME,YAAY,GAAG5B,WAAW,CAAC,MAAM;IACnC,IAAI2B,WAAW,EAAE;MACbE,MAAM,CAACC,IAAI,CAACH,WAAW,EAAE,QAAQ,CAAC;IACtC;EACJ,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;EAEjB,OAAOA,WAAW,gBACd5B,KAAA,CAAAiB,aAAA,CAACd,UAAU;IACP6B,OAAO,EAAEH,YAAa;IACtBI,IAAI,eAAEjC,KAAA,CAAAiB,aAAA,CAACX,MAAM,MAAE,CAAE;IACjB4B,KAAK,EAAE,oBAAqB;IAC5BC,IAAI,EAAE,IAAK;IACXhB,OAAO,EAAE;EAAQ,CACpB,CAAC,GACF,IAAI;AACZ,CAAC","ignoreList":[]}

package/modules/pages/PagesList/components/Table/Cells/index.d.ts

@@ -1,6 +1,6 @@
-export * from "./CellActions";
-export * from "./CellAuthor";
-export * from "./CellCreated";
-export * from "./CellModified";
-export * from "./CellName";
-export * from "./CellStatus";
+export * from "./CellActions.js";
+export * from "./CellAuthor.js";
+export * from "./CellCreated.js";
+export * from "./CellModified.js";
+export * from "./CellName.js";
+export * from "./CellStatus.js";

package/modules/pages/PagesList/components/Table/Cells/index.js

@@ -1,8 +1,8 @@
-export * from "./CellActions";
-export * from "./CellAuthor";
-export * from "./CellCreated";
-export * from "./CellModified";
-export * from "./CellName";
-export * from "./CellStatus";
+export * from "./CellActions.js";
+export * from "./CellAuthor.js";
+export * from "./CellCreated.js";
+export * from "./CellModified.js";
+export * from "./CellName.js";
+export * from "./CellStatus.js";
 
 //# sourceMappingURL=index.js.map

package/modules/pages/PagesList/components/Table/Cells/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./CellActions\";\nexport * from \"./CellAuthor\";\nexport * from \"./CellCreated\";\nexport * from \"./CellModified\";\nexport * from \"./CellName\";\nexport * from \"./CellStatus\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./CellActions.js\";\nexport * from \"./CellAuthor.js\";\nexport * from \"./CellCreated.js\";\nexport * from \"./CellModified.js\";\nexport * from \"./CellName.js\";\nexport * from \"./CellStatus.js\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}

package/modules/pages/PagesList/components/Table/Table.js

@@ -3,6 +3,7 @@ import { createFoldersData, createRecordsData, Table as AcoTable } from "@webiny
 import { useDocumentList } from "../../useDocumentList.js";
 import { useSortPages } from "../../../../../features/pages/index.js";
 import { useSelectPages } from "../../../../../features/pages/selectPages/useSelectPages.js";
+import { usePageListConfig } from "../../../configs/index.js";
 export const Table = () => {
   const {
     vm
@@ -13,6 +14,9 @@ export const Table = () => {
   const {
     selectPages
   } = useSelectPages();
+  const {
+    browser
+  } = usePageListConfig();
   const data = useMemo(() => {
     return [...createFoldersData(vm.folders), ...createRecordsData(vm.data)];
   }, [vm.folders, vm.data]);
@@ -20,6 +24,7 @@ export const Table = () => {
     return createRecordsData(vm.selected);
   }, [vm.selected]);
   return /*#__PURE__*/React.createElement(AcoTable, {
+    columns: browser.table.columns,
     data: data,
     loading: vm.isLoading,
     sorting: vm.sorting,
@@ -27,7 +32,7 @@ export const Table = () => {
     onSelectRow: documents => selectPages(documents),
     selected: selected,
     nameColumnId: "name",
-    namespace: "wbPage"
+    namespace: "wb/page/list"
   });
 };
 

package/modules/pages/PagesList/components/Table/Table.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","createFoldersData","createRecordsData","Table","AcoTable","useDocumentList","useSortPages","useSelectPages","vm","sortPages","selectPages","data","folders","selected","createElement","loading","isLoading","sorting","onSortingChange","sort","onSelectRow","documents","nameColumnId","namespace"],"sources":["Table.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { createFoldersData, createRecordsData, Table as AcoTable } from \"@webiny/app-aco\";\nimport { useDocumentList } from \"~/modules/pages/PagesList/useDocumentList.js\";\nimport { useSortPages } from \"~/features/pages/index.js\";\nimport { useSelectPages } from \"~/features/pages/selectPages/useSelectPages.js\";\nimport type { TableRow } from \"~/modules/pages/types\";\n\nexport const Table = () => {\n    const { vm } = useDocumentList();\n    const { sortPages } = useSortPages();\n    const { selectPages } = useSelectPages();\n\n    const data = useMemo<TableRow[]>(() => {\n        return [...createFoldersData(vm.folders), ...createRecordsData(vm.data)];\n    }, [vm.folders, vm.data]);\n\n    const selected = useMemo<TableRow[]>(() => {\n        return createRecordsData(vm.selected);\n    }, [vm.selected]);\n\n    return (\n        <AcoTable<TableRow>\n            data={data}\n            loading={vm.isLoading}\n            sorting={vm.sorting}\n            onSortingChange={sort => sortPages(sort)}\n            onSelectRow={documents => selectPages(documents)}\n            selected={selected}\n            nameColumnId={\"name\"}\n            namespace={\"wbPage\"}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,iBAAiB,EAAEC,iBAAiB,EAAEC,KAAK,IAAIC,QAAQ,QAAQ,iBAAiB;AACzF,SAASC,eAAe;AACxB,SAASC,YAAY;AACrB,SAASC,cAAc;AAGvB,OAAO,MAAMJ,KAAK,GAAGA,CAAA,KAAM;EACvB,MAAM;IAAEK;EAAG,CAAC,GAAGH,eAAe,CAAC,CAAC;EAChC,MAAM;IAAEI;EAAU,CAAC,GAAGH,YAAY,CAAC,CAAC;EACpC,MAAM;IAAEI;EAAY,CAAC,GAAGH,cAAc,CAAC,CAAC;EAExC,MAAMI,IAAI,GAAGX,OAAO,CAAa,MAAM;IACnC,OAAO,CAAC,GAAGC,iBAAiB,CAACO,EAAE,CAACI,OAAO,CAAC,EAAE,GAAGV,iBAAiB,CAACM,EAAE,CAACG,IAAI,CAAC,CAAC;EAC5E,CAAC,EAAE,CAACH,EAAE,CAACI,OAAO,EAAEJ,EAAE,CAACG,IAAI,CAAC,CAAC;EAEzB,MAAME,QAAQ,GAAGb,OAAO,CAAa,MAAM;IACvC,OAAOE,iBAAiB,CAACM,EAAE,CAACK,QAAQ,CAAC;EACzC,CAAC,EAAE,CAACL,EAAE,CAACK,QAAQ,CAAC,CAAC;EAEjB,oBACId,KAAA,CAAAe,aAAA,CAACV,QAAQ;IACLO,IAAI,EAAEA,IAAK;IACXI,OAAO,EAAEP,EAAE,CAACQ,SAAU;IACtBC,OAAO,EAAET,EAAE,CAACS,OAAQ;IACpBC,eAAe,EAAEC,IAAI,IAAIV,SAAS,CAACU,IAAI,CAAE;IACzCC,WAAW,EAAEC,SAAS,IAAIX,WAAW,CAACW,SAAS,CAAE;IACjDR,QAAQ,EAAEA,QAAS;IACnBS,YAAY,EAAE,MAAO;IACrBC,SAAS,EAAE;EAAS,CACvB,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useMemo","createFoldersData","createRecordsData","Table","AcoTable","useDocumentList","useSortPages","useSelectPages","usePageListConfig","vm","sortPages","selectPages","browser","data","folders","selected","createElement","columns","table","loading","isLoading","sorting","onSortingChange","sort","onSelectRow","documents","nameColumnId","namespace"],"sources":["Table.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { createFoldersData, createRecordsData, Table as AcoTable } from \"@webiny/app-aco\";\nimport { useDocumentList } from \"~/modules/pages/PagesList/useDocumentList.js\";\nimport { useSortPages } from \"~/features/pages/index.js\";\nimport { useSelectPages } from \"~/features/pages/selectPages/useSelectPages.js\";\nimport type { TableRow } from \"~/modules/pages/types.js\";\nimport { usePageListConfig } from \"~/modules/pages/configs/index.js\";\n\nexport const Table = () => {\n    const { vm } = useDocumentList();\n    const { sortPages } = useSortPages();\n    const { selectPages } = useSelectPages();\n    const { browser } = usePageListConfig();\n\n    const data = useMemo<TableRow[]>(() => {\n        return [...createFoldersData(vm.folders), ...createRecordsData(vm.data)];\n    }, [vm.folders, vm.data]);\n\n    const selected = useMemo<TableRow[]>(() => {\n        return createRecordsData(vm.selected);\n    }, [vm.selected]);\n\n    return (\n        <AcoTable<TableRow>\n            columns={browser.table.columns}\n            data={data}\n            loading={vm.isLoading}\n            sorting={vm.sorting}\n            onSortingChange={sort => sortPages(sort)}\n            onSelectRow={documents => selectPages(documents)}\n            selected={selected}\n            nameColumnId={\"name\"}\n            namespace={\"wb/page/list\"}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,iBAAiB,EAAEC,iBAAiB,EAAEC,KAAK,IAAIC,QAAQ,QAAQ,iBAAiB;AACzF,SAASC,eAAe;AACxB,SAASC,YAAY;AACrB,SAASC,cAAc;AAEvB,SAASC,iBAAiB;AAE1B,OAAO,MAAML,KAAK,GAAGA,CAAA,KAAM;EACvB,MAAM;IAAEM;EAAG,CAAC,GAAGJ,eAAe,CAAC,CAAC;EAChC,MAAM;IAAEK;EAAU,CAAC,GAAGJ,YAAY,CAAC,CAAC;EACpC,MAAM;IAAEK;EAAY,CAAC,GAAGJ,cAAc,CAAC,CAAC;EACxC,MAAM;IAAEK;EAAQ,CAAC,GAAGJ,iBAAiB,CAAC,CAAC;EAEvC,MAAMK,IAAI,GAAGb,OAAO,CAAa,MAAM;IACnC,OAAO,CAAC,GAAGC,iBAAiB,CAACQ,EAAE,CAACK,OAAO,CAAC,EAAE,GAAGZ,iBAAiB,CAACO,EAAE,CAACI,IAAI,CAAC,CAAC;EAC5E,CAAC,EAAE,CAACJ,EAAE,CAACK,OAAO,EAAEL,EAAE,CAACI,IAAI,CAAC,CAAC;EAEzB,MAAME,QAAQ,GAAGf,OAAO,CAAa,MAAM;IACvC,OAAOE,iBAAiB,CAACO,EAAE,CAACM,QAAQ,CAAC;EACzC,CAAC,EAAE,CAACN,EAAE,CAACM,QAAQ,CAAC,CAAC;EAEjB,oBACIhB,KAAA,CAAAiB,aAAA,CAACZ,QAAQ;IACLa,OAAO,EAAEL,OAAO,CAACM,KAAK,CAACD,OAAQ;IAC/BJ,IAAI,EAAEA,IAAK;IACXM,OAAO,EAAEV,EAAE,CAACW,SAAU;IACtBC,OAAO,EAAEZ,EAAE,CAACY,OAAQ;IACpBC,eAAe,EAAEC,IAAI,IAAIb,SAAS,CAACa,IAAI,CAAE;IACzCC,WAAW,EAAEC,SAAS,IAAId,WAAW,CAACc,SAAS,CAAE;IACjDV,QAAQ,EAAEA,QAAS;IACnBW,YAAY,EAAE,MAAO;IACrBC,SAAS,EAAE;EAAe,CAC7B,CAAC;AAEV,CAAC","ignoreList":[]}

package/modules/pages/PagesList/hooks/useDeletePageConfirmationDialog.d.ts

@@ -1,4 +1,4 @@
-import type { PageDto } from "../../../../domain/Page";
+import type { PageDto } from "../../../../domain/Page/index.js";
 interface UseDeletePageConfirmationDialogProps {
     page: PageDto;
 }

package/modules/pages/PagesList/hooks/useDeletePageConfirmationDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useDeletePage","useConfirmationDialog","useSnackbar","useDeletePageConfirmationDialog","page","deletePage","showSnackbar","showConfirmation","title","message","createElement","properties","openDeletePageConfirmationDialog","id","ex"],"sources":["useDeletePageConfirmationDialog.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { useDeletePage } from \"~/features/pages/index.js\";\nimport { useConfirmationDialog, useSnackbar } from \"@webiny/app-admin\";\nimport type { PageDto } from \"~/domain/Page\";\n\ninterface UseDeletePageConfirmationDialogProps {\n    page: PageDto;\n}\n\nexport const useDeletePageConfirmationDialog = ({ page }: UseDeletePageConfirmationDialogProps) => {\n    const { deletePage } = useDeletePage();\n    const { showSnackbar } = useSnackbar();\n\n    const { showConfirmation } = useConfirmationDialog({\n        title: \"Delete page\",\n        message: (\n            <p>\n                You are about to permanently delete <strong>{page.properties.title}</strong> and all\n                of its revisions. Are you sure you want to continue?\n            </p>\n        )\n    });\n\n    const openDeletePageConfirmationDialog = useCallback(\n        () =>\n            showConfirmation(async () => {\n                try {\n                    await deletePage({ id: page.id });\n                    showSnackbar(`${page.properties.title} was deleted successfully!`);\n                } catch (ex) {\n                    showSnackbar(ex.message || `Error while deleting ${page.properties.title}`);\n                }\n            }),\n        [page]\n    );\n\n    return { openDeletePageConfirmationDialog };\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,aAAa;AACtB,SAASC,qBAAqB,EAAEC,WAAW,QAAQ,mBAAmB;AAOtE,OAAO,MAAMC,+BAA+B,GAAGA,CAAC;EAAEC;AAA2C,CAAC,KAAK;EAC/F,MAAM;IAAEC;EAAW,CAAC,GAAGL,aAAa,CAAC,CAAC;EACtC,MAAM;IAAEM;EAAa,CAAC,GAAGJ,WAAW,CAAC,CAAC;EAEtC,MAAM;IAAEK;EAAiB,CAAC,GAAGN,qBAAqB,CAAC;IAC/CO,KAAK,EAAE,aAAa;IACpBC,OAAO,eACHX,KAAA,CAAAY,aAAA,YAAG,sCACqC,eAAAZ,KAAA,CAAAY,aAAA,iBAASN,IAAI,CAACO,UAAU,CAACH,KAAc,CAAC,iEAE7E;EAEX,CAAC,CAAC;EAEF,MAAMI,gCAAgC,GAAGb,WAAW,CAChD,MACIQ,gBAAgB,CAAC,YAAY;IACzB,IAAI;MACA,MAAMF,UAAU,CAAC;QAAEQ,EAAE,EAAET,IAAI,CAACS;MAAG,CAAC,CAAC;MACjCP,YAAY,CAAC,GAAGF,IAAI,CAACO,UAAU,CAACH,KAAK,4BAA4B,CAAC;IACtE,CAAC,CAAC,OAAOM,EAAE,EAAE;MACTR,YAAY,CAACQ,EAAE,CAACL,OAAO,IAAI,wBAAwBL,IAAI,CAACO,UAAU,CAACH,KAAK,EAAE,CAAC;IAC/E;EACJ,CAAC,CAAC,EACN,CAACJ,IAAI,CACT,CAAC;EAED,OAAO;IAAEQ;EAAiC,CAAC;AAC/C,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useDeletePage","useConfirmationDialog","useSnackbar","useDeletePageConfirmationDialog","page","deletePage","showSnackbar","showConfirmation","title","message","createElement","properties","openDeletePageConfirmationDialog","id","ex"],"sources":["useDeletePageConfirmationDialog.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { useDeletePage } from \"~/features/pages/index.js\";\nimport { useConfirmationDialog, useSnackbar } from \"@webiny/app-admin\";\nimport type { PageDto } from \"~/domain/Page/index.js\";\n\ninterface UseDeletePageConfirmationDialogProps {\n    page: PageDto;\n}\n\nexport const useDeletePageConfirmationDialog = ({ page }: UseDeletePageConfirmationDialogProps) => {\n    const { deletePage } = useDeletePage();\n    const { showSnackbar } = useSnackbar();\n\n    const { showConfirmation } = useConfirmationDialog({\n        title: \"Delete page\",\n        message: (\n            <p>\n                You are about to permanently delete <strong>{page.properties.title}</strong> and all\n                of its revisions. Are you sure you want to continue?\n            </p>\n        )\n    });\n\n    const openDeletePageConfirmationDialog = useCallback(\n        () =>\n            showConfirmation(async () => {\n                try {\n                    await deletePage({ id: page.id });\n                    showSnackbar(`${page.properties.title} was deleted successfully!`);\n                } catch (ex) {\n                    showSnackbar(ex.message || `Error while deleting ${page.properties.title}`);\n                }\n            }),\n        [page]\n    );\n\n    return { openDeletePageConfirmationDialog };\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,aAAa;AACtB,SAASC,qBAAqB,EAAEC,WAAW,QAAQ,mBAAmB;AAOtE,OAAO,MAAMC,+BAA+B,GAAGA,CAAC;EAAEC;AAA2C,CAAC,KAAK;EAC/F,MAAM;IAAEC;EAAW,CAAC,GAAGL,aAAa,CAAC,CAAC;EACtC,MAAM;IAAEM;EAAa,CAAC,GAAGJ,WAAW,CAAC,CAAC;EAEtC,MAAM;IAAEK;EAAiB,CAAC,GAAGN,qBAAqB,CAAC;IAC/CO,KAAK,EAAE,aAAa;IACpBC,OAAO,eACHX,KAAA,CAAAY,aAAA,YAAG,sCACqC,eAAAZ,KAAA,CAAAY,aAAA,iBAASN,IAAI,CAACO,UAAU,CAACH,KAAc,CAAC,iEAE7E;EAEX,CAAC,CAAC;EAEF,MAAMI,gCAAgC,GAAGb,WAAW,CAChD,MACIQ,gBAAgB,CAAC,YAAY;IACzB,IAAI;MACA,MAAMF,UAAU,CAAC;QAAEQ,EAAE,EAAET,IAAI,CAACS;MAAG,CAAC,CAAC;MACjCP,YAAY,CAAC,GAAGF,IAAI,CAACO,UAAU,CAACH,KAAK,4BAA4B,CAAC;IACtE,CAAC,CAAC,OAAOM,EAAE,EAAE;MACTR,YAAY,CAACQ,EAAE,CAACL,OAAO,IAAI,wBAAwBL,IAAI,CAACO,UAAU,CAACH,KAAK,EAAE,CAAC;IAC/E;EACJ,CAAC,CAAC,EACN,CAACJ,IAAI,CACT,CAAC;EAED,OAAO;IAAEQ;EAAiC,CAAC;AAC/C,CAAC","ignoreList":[]}

package/modules/pages/PagesList/hooks/useDuplicatePageConfirmationDialog.d.ts

@@ -1,4 +1,4 @@
-import type { PageDto } from "../../../../domain/Page";
+import type { PageDto } from "../../../../domain/Page/index.js";
 interface UseDuplicatePageConfirmationDialogProps {
     page: PageDto;
 }

package/modules/pages/PagesList/hooks/useDuplicatePageConfirmationDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useDuplicatePage","useConfirmationDialog","useSnackbar","useDuplicatePageConfirmationDialog","page","duplicatePage","showSnackbar","showConfirmation","title","message","createElement","properties","openDuplicatePageConfirmationDialog","id","ex"],"sources":["useDuplicatePageConfirmationDialog.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { useDuplicatePage } from \"~/features/pages/index.js\";\nimport { useConfirmationDialog, useSnackbar } from \"@webiny/app-admin\";\nimport type { PageDto } from \"~/domain/Page\";\n\ninterface UseDuplicatePageConfirmationDialogProps {\n    page: PageDto;\n}\n\nexport const useDuplicatePageConfirmationDialog = ({\n    page\n}: UseDuplicatePageConfirmationDialogProps) => {\n    const { duplicatePage } = useDuplicatePage();\n    const { showSnackbar } = useSnackbar();\n\n    const { showConfirmation } = useConfirmationDialog({\n        title: \"Duplicate page\",\n        message: (\n            <p>\n                You are about to duplicate <strong>{page.properties.title}</strong>. Are you sure\n                you want to continue?\n            </p>\n        )\n    });\n\n    const openDuplicatePageConfirmationDialog = useCallback(\n        () =>\n            showConfirmation(async () => {\n                try {\n                    await duplicatePage({ id: page.id });\n                    showSnackbar(`${page.properties.title} was duplicated successfully!`);\n                } catch (ex) {\n                    showSnackbar(ex.message || `Error while duplicating ${page.properties.title}`);\n                }\n            }),\n        [page]\n    );\n\n    return { openDuplicatePageConfirmationDialog };\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,gBAAgB;AACzB,SAASC,qBAAqB,EAAEC,WAAW,QAAQ,mBAAmB;AAOtE,OAAO,MAAMC,kCAAkC,GAAGA,CAAC;EAC/CC;AACqC,CAAC,KAAK;EAC3C,MAAM;IAAEC;EAAc,CAAC,GAAGL,gBAAgB,CAAC,CAAC;EAC5C,MAAM;IAAEM;EAAa,CAAC,GAAGJ,WAAW,CAAC,CAAC;EAEtC,MAAM;IAAEK;EAAiB,CAAC,GAAGN,qBAAqB,CAAC;IAC/CO,KAAK,EAAE,gBAAgB;IACvBC,OAAO,eACHX,KAAA,CAAAY,aAAA,YAAG,6BAC4B,eAAAZ,KAAA,CAAAY,aAAA,iBAASN,IAAI,CAACO,UAAU,CAACH,KAAc,CAAC,wCAEpE;EAEX,CAAC,CAAC;EAEF,MAAMI,mCAAmC,GAAGb,WAAW,CACnD,MACIQ,gBAAgB,CAAC,YAAY;IACzB,IAAI;MACA,MAAMF,aAAa,CAAC;QAAEQ,EAAE,EAAET,IAAI,CAACS;MAAG,CAAC,CAAC;MACpCP,YAAY,CAAC,GAAGF,IAAI,CAACO,UAAU,CAACH,KAAK,+BAA+B,CAAC;IACzE,CAAC,CAAC,OAAOM,EAAE,EAAE;MACTR,YAAY,CAACQ,EAAE,CAACL,OAAO,IAAI,2BAA2BL,IAAI,CAACO,UAAU,CAACH,KAAK,EAAE,CAAC;IAClF;EACJ,CAAC,CAAC,EACN,CAACJ,IAAI,CACT,CAAC;EAED,OAAO;IAAEQ;EAAoC,CAAC;AAClD,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useDuplicatePage","useConfirmationDialog","useSnackbar","useDuplicatePageConfirmationDialog","page","duplicatePage","showSnackbar","showConfirmation","title","message","createElement","properties","openDuplicatePageConfirmationDialog","id","ex"],"sources":["useDuplicatePageConfirmationDialog.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { useDuplicatePage } from \"~/features/pages/index.js\";\nimport { useConfirmationDialog, useSnackbar } from \"@webiny/app-admin\";\nimport type { PageDto } from \"~/domain/Page/index.js\";\n\ninterface UseDuplicatePageConfirmationDialogProps {\n    page: PageDto;\n}\n\nexport const useDuplicatePageConfirmationDialog = ({\n    page\n}: UseDuplicatePageConfirmationDialogProps) => {\n    const { duplicatePage } = useDuplicatePage();\n    const { showSnackbar } = useSnackbar();\n\n    const { showConfirmation } = useConfirmationDialog({\n        title: \"Duplicate page\",\n        message: (\n            <p>\n                You are about to duplicate <strong>{page.properties.title}</strong>. Are you sure\n                you want to continue?\n            </p>\n        )\n    });\n\n    const openDuplicatePageConfirmationDialog = useCallback(\n        () =>\n            showConfirmation(async () => {\n                try {\n                    await duplicatePage({ id: page.id });\n                    showSnackbar(`${page.properties.title} was duplicated successfully!`);\n                } catch (ex) {\n                    showSnackbar(ex.message || `Error while duplicating ${page.properties.title}`);\n                }\n            }),\n        [page]\n    );\n\n    return { openDuplicatePageConfirmationDialog };\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,gBAAgB;AACzB,SAASC,qBAAqB,EAAEC,WAAW,QAAQ,mBAAmB;AAOtE,OAAO,MAAMC,kCAAkC,GAAGA,CAAC;EAC/CC;AACqC,CAAC,KAAK;EAC3C,MAAM;IAAEC;EAAc,CAAC,GAAGL,gBAAgB,CAAC,CAAC;EAC5C,MAAM;IAAEM;EAAa,CAAC,GAAGJ,WAAW,CAAC,CAAC;EAEtC,MAAM;IAAEK;EAAiB,CAAC,GAAGN,qBAAqB,CAAC;IAC/CO,KAAK,EAAE,gBAAgB;IACvBC,OAAO,eACHX,KAAA,CAAAY,aAAA,YAAG,6BAC4B,eAAAZ,KAAA,CAAAY,aAAA,iBAASN,IAAI,CAACO,UAAU,CAACH,KAAc,CAAC,wCAEpE;EAEX,CAAC,CAAC;EAEF,MAAMI,mCAAmC,GAAGb,WAAW,CACnD,MACIQ,gBAAgB,CAAC,YAAY;IACzB,IAAI;MACA,MAAMF,aAAa,CAAC;QAAEQ,EAAE,EAAET,IAAI,CAACS;MAAG,CAAC,CAAC;MACpCP,YAAY,CAAC,GAAGF,IAAI,CAACO,UAAU,CAACH,KAAK,+BAA+B,CAAC;IACzE,CAAC,CAAC,OAAOM,EAAE,EAAE;MACTR,YAAY,CAACQ,EAAE,CAACL,OAAO,IAAI,2BAA2BL,IAAI,CAACO,UAAU,CAACH,KAAK,EAAE,CAAC;IAClF;EACJ,CAAC,CAAC,EACN,CAACJ,IAAI,CACT,CAAC;EAED,OAAO;IAAEQ;EAAoC,CAAC;AAClD,CAAC","ignoreList":[]}

package/modules/pages/PagesList/hooks/useEditPageUrl.d.ts

@@ -0,0 +1,4 @@
+export declare const useEditPageUrl: () => {
+    getEditPageUrl: (id: string) => string;
+    goToPageEditor: (id: string) => void;
+};

package/modules/pages/PagesList/hooks/useEditPageUrl.js

@@ -0,0 +1,31 @@
+import { useCallback } from "react";
+import { useNavigateFolder } from "@webiny/app-aco";
+import { useRouter } from "@webiny/app-admin";
+import { Routes } from "../../../../routes.js";
+export const useEditPageUrl = () => {
+  const {
+    goToRoute,
+    getLink
+  } = useRouter();
+  const {
+    currentFolderId
+  } = useNavigateFolder();
+  const getEditPageUrl = useCallback(id => {
+    return getLink(Routes.Pages.Editor, {
+      id,
+      folderId: currentFolderId
+    });
+  }, [currentFolderId]);
+  const goToPageEditor = id => {
+    goToRoute(Routes.Pages.Editor, {
+      id,
+      folderId: currentFolderId
+    });
+  };
+  return {
+    getEditPageUrl,
+    goToPageEditor
+  };
+};
+
+//# sourceMappingURL=useEditPageUrl.js.map

package/modules/pages/PagesList/hooks/useEditPageUrl.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useNavigateFolder","useRouter","Routes","useEditPageUrl","goToRoute","getLink","currentFolderId","getEditPageUrl","id","Pages","Editor","folderId","goToPageEditor"],"sources":["useEditPageUrl.tsx"],"sourcesContent":["import { useCallback } from \"react\";\nimport { useNavigateFolder } from \"@webiny/app-aco\";\nimport { useRouter } from \"@webiny/app-admin\";\nimport { Routes } from \"~/routes.js\";\n\nexport const useEditPageUrl = () => {\n    const { goToRoute, getLink } = useRouter();\n    const { currentFolderId } = useNavigateFolder();\n\n    const getEditPageUrl = useCallback(\n        (id: string) => {\n            return getLink(Routes.Pages.Editor, { id, folderId: currentFolderId });\n        },\n        [currentFolderId]\n    );\n\n    const goToPageEditor = (id: string) => {\n        goToRoute(Routes.Pages.Editor, { id, folderId: currentFolderId });\n    };\n\n    return {\n        getEditPageUrl,\n        goToPageEditor\n    };\n};\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,OAAO;AACnC,SAASC,iBAAiB,QAAQ,iBAAiB;AACnD,SAASC,SAAS,QAAQ,mBAAmB;AAC7C,SAASC,MAAM;AAEf,OAAO,MAAMC,cAAc,GAAGA,CAAA,KAAM;EAChC,MAAM;IAAEC,SAAS;IAAEC;EAAQ,CAAC,GAAGJ,SAAS,CAAC,CAAC;EAC1C,MAAM;IAAEK;EAAgB,CAAC,GAAGN,iBAAiB,CAAC,CAAC;EAE/C,MAAMO,cAAc,GAAGR,WAAW,CAC7BS,EAAU,IAAK;IACZ,OAAOH,OAAO,CAACH,MAAM,CAACO,KAAK,CAACC,MAAM,EAAE;MAAEF,EAAE;MAAEG,QAAQ,EAAEL;IAAgB,CAAC,CAAC;EAC1E,CAAC,EACD,CAACA,eAAe,CACpB,CAAC;EAED,MAAMM,cAAc,GAAIJ,EAAU,IAAK;IACnCJ,SAAS,CAACF,MAAM,CAACO,KAAK,CAACC,MAAM,EAAE;MAAEF,EAAE;MAAEG,QAAQ,EAAEL;IAAgB,CAAC,CAAC;EACrE,CAAC;EAED,OAAO;IACHC,cAAc;IACdK;EACJ,CAAC;AACL,CAAC","ignoreList":[]}

package/modules/pages/PagesList/hooks/useMovePageToFolderDialog.d.ts

@@ -1,4 +1,4 @@
-import type { PageDto } from "../../../../domain/Page";
+import type { PageDto } from "../../../../domain/Page/index.js";
 interface UseMovePageToFolderDialog {
     page: PageDto;
 }

package/modules/pages/PagesList/hooks/useMovePageToFolderDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["useCallback","useSnackbar","useMoveToFolderDialog","useMovePage","useMovePageToFolderDialog","page","showSnackbar","showDialog","movePage","openMovePageToFolderDialog","title","message","loadingLabel","acceptLabel","focusedFolderId","location","folderId","onAccept","folder","id","properties","label"],"sources":["useMovePageToFolderDialog.tsx"],"sourcesContent":["import { useCallback } from \"react\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { useMoveToFolderDialog } from \"@webiny/app-aco\";\nimport { useMovePage } from \"~/features/pages/index.js\";\nimport type { PageDto } from \"~/domain/Page\";\n\ninterface UseMovePageToFolderDialog {\n    page: PageDto;\n}\n\nexport function useMovePageToFolderDialog({ page }: UseMovePageToFolderDialog) {\n    const { showSnackbar } = useSnackbar();\n    const { showDialog } = useMoveToFolderDialog();\n    const { movePage } = useMovePage();\n\n    const openMovePageToFolderDialog = useCallback(() => {\n        showDialog({\n            title: \"Move page to a new location\",\n            message: \"Select a new location for this page:\",\n            loadingLabel: \"Moving page...\",\n            acceptLabel: \"Move page\",\n            focusedFolderId: page.location.folderId,\n            async onAccept({ folder }) {\n                await movePage({\n                    id: page.id,\n                    folderId: folder.id\n                });\n                showSnackbar(\n                    `Page \"${page.properties.title}\" was successfully moved to folder \"${folder.label}\"!`\n                );\n            }\n        });\n    }, [page.id]);\n\n    return {\n        openMovePageToFolderDialog\n    };\n}\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,OAAO;AACnC,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,qBAAqB,QAAQ,iBAAiB;AACvD,SAASC,WAAW;AAOpB,OAAO,SAASC,yBAAyBA,CAAC;EAAEC;AAAgC,CAAC,EAAE;EAC3E,MAAM;IAAEC;EAAa,CAAC,GAAGL,WAAW,CAAC,CAAC;EACtC,MAAM;IAAEM;EAAW,CAAC,GAAGL,qBAAqB,CAAC,CAAC;EAC9C,MAAM;IAAEM;EAAS,CAAC,GAAGL,WAAW,CAAC,CAAC;EAElC,MAAMM,0BAA0B,GAAGT,WAAW,CAAC,MAAM;IACjDO,UAAU,CAAC;MACPG,KAAK,EAAE,6BAA6B;MACpCC,OAAO,EAAE,sCAAsC;MAC/CC,YAAY,EAAE,gBAAgB;MAC9BC,WAAW,EAAE,WAAW;MACxBC,eAAe,EAAET,IAAI,CAACU,QAAQ,CAACC,QAAQ;MACvC,MAAMC,QAAQA,CAAC;QAAEC;MAAO,CAAC,EAAE;QACvB,MAAMV,QAAQ,CAAC;UACXW,EAAE,EAAEd,IAAI,CAACc,EAAE;UACXH,QAAQ,EAAEE,MAAM,CAACC;QACrB,CAAC,CAAC;QACFb,YAAY,CACR,SAASD,IAAI,CAACe,UAAU,CAACV,KAAK,uCAAuCQ,MAAM,CAACG,KAAK,IACrF,CAAC;MACL;IACJ,CAAC,CAAC;EACN,CAAC,EAAE,CAAChB,IAAI,CAACc,EAAE,CAAC,CAAC;EAEb,OAAO;IACHV;EACJ,CAAC;AACL","ignoreList":[]}
+{"version":3,"names":["useCallback","useSnackbar","useMoveToFolderDialog","useMovePage","useMovePageToFolderDialog","page","showSnackbar","showDialog","movePage","openMovePageToFolderDialog","title","message","loadingLabel","acceptLabel","focusedFolderId","location","folderId","onAccept","folder","id","properties","label"],"sources":["useMovePageToFolderDialog.tsx"],"sourcesContent":["import { useCallback } from \"react\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { useMoveToFolderDialog } from \"@webiny/app-aco\";\nimport { useMovePage } from \"~/features/pages/index.js\";\nimport type { PageDto } from \"~/domain/Page/index.js\";\n\ninterface UseMovePageToFolderDialog {\n    page: PageDto;\n}\n\nexport function useMovePageToFolderDialog({ page }: UseMovePageToFolderDialog) {\n    const { showSnackbar } = useSnackbar();\n    const { showDialog } = useMoveToFolderDialog();\n    const { movePage } = useMovePage();\n\n    const openMovePageToFolderDialog = useCallback(() => {\n        showDialog({\n            title: \"Move page to a new location\",\n            message: \"Select a new location for this page:\",\n            loadingLabel: \"Moving page...\",\n            acceptLabel: \"Move page\",\n            focusedFolderId: page.location.folderId,\n            async onAccept({ folder }) {\n                await movePage({\n                    id: page.id,\n                    folderId: folder.id\n                });\n                showSnackbar(\n                    `Page \"${page.properties.title}\" was successfully moved to folder \"${folder.label}\"!`\n                );\n            }\n        });\n    }, [page.id]);\n\n    return {\n        openMovePageToFolderDialog\n    };\n}\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,OAAO;AACnC,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,qBAAqB,QAAQ,iBAAiB;AACvD,SAASC,WAAW;AAOpB,OAAO,SAASC,yBAAyBA,CAAC;EAAEC;AAAgC,CAAC,EAAE;EAC3E,MAAM;IAAEC;EAAa,CAAC,GAAGL,WAAW,CAAC,CAAC;EACtC,MAAM;IAAEM;EAAW,CAAC,GAAGL,qBAAqB,CAAC,CAAC;EAC9C,MAAM;IAAEM;EAAS,CAAC,GAAGL,WAAW,CAAC,CAAC;EAElC,MAAMM,0BAA0B,GAAGT,WAAW,CAAC,MAAM;IACjDO,UAAU,CAAC;MACPG,KAAK,EAAE,6BAA6B;MACpCC,OAAO,EAAE,sCAAsC;MAC/CC,YAAY,EAAE,gBAAgB;MAC9BC,WAAW,EAAE,WAAW;MACxBC,eAAe,EAAET,IAAI,CAACU,QAAQ,CAACC,QAAQ;MACvC,MAAMC,QAAQA,CAAC;QAAEC;MAAO,CAAC,EAAE;QACvB,MAAMV,QAAQ,CAAC;UACXW,EAAE,EAAEd,IAAI,CAACc,EAAE;UACXH,QAAQ,EAAEE,MAAM,CAACC;QACrB,CAAC,CAAC;QACFb,YAAY,CACR,SAASD,IAAI,CAACe,UAAU,CAACV,KAAK,uCAAuCQ,MAAM,CAACG,KAAK,IACrF,CAAC;MACL;IACJ,CAAC,CAAC;EACN,CAAC,EAAE,CAAChB,IAAI,CAACc,EAAE,CAAC,CAAC;EAEb,OAAO;IACHV;EACJ,CAAC;AACL","ignoreList":[]}

package/modules/pages/PagesList/hooks/usePage.d.ts

@@ -1,12 +1,11 @@
-/// <reference types="react" />
-import type { PageDto } from "../../../../domain/Page";
+import type { PageDto } from "../../../../domain/Page/index.js";
 export interface PageContext {
     page: PageDto;
 }
 export declare const usePage: () => PageContext;
 export declare const PageProvider: {
     ({ children, ...props }: PageContext & {
-        children: import("react").ReactNode;
-    }): import("react").JSX.Element;
+        children: React.ReactNode;
+    }): React.JSX.Element;
     displayName: string;
 };

package/modules/pages/PagesList/hooks/usePage.js.map

@@ -1 +1 @@
-{"version":3,"names":["createGenericContext","Provider","useHook","usePage","PageProvider"],"sources":["usePage.tsx"],"sourcesContent":["import { createGenericContext } from \"@webiny/app\";\nimport type { PageDto } from \"~/domain/Page\";\n\nexport interface PageContext {\n    page: PageDto;\n}\n\nconst { Provider, useHook } = createGenericContext<PageContext>(\"PageContext\");\n\nexport const usePage = useHook;\nexport const PageProvider = Provider;\n"],"mappings":"AAAA,SAASA,oBAAoB,QAAQ,aAAa;AAOlD,MAAM;EAAEC,QAAQ;EAAEC;AAAQ,CAAC,GAAGF,oBAAoB,CAAc,aAAa,CAAC;AAE9E,OAAO,MAAMG,OAAO,GAAGD,OAAO;AAC9B,OAAO,MAAME,YAAY,GAAGH,QAAQ","ignoreList":[]}
+{"version":3,"names":["createGenericContext","Provider","useHook","usePage","PageProvider"],"sources":["usePage.tsx"],"sourcesContent":["import { createGenericContext } from \"@webiny/app\";\nimport type { PageDto } from \"~/domain/Page/index.js\";\n\nexport interface PageContext {\n    page: PageDto;\n}\n\nconst { Provider, useHook } = createGenericContext<PageContext>(\"PageContext\");\n\nexport const usePage = useHook;\nexport const PageProvider = Provider;\n"],"mappings":"AAAA,SAASA,oBAAoB,QAAQ,aAAa;AAOlD,MAAM;EAAEC,QAAQ;EAAEC;AAAQ,CAAC,GAAGF,oBAAoB,CAAc,aAAa,CAAC;AAE9E,OAAO,MAAMG,OAAO,GAAGD,OAAO;AAC9B,OAAO,MAAME,YAAY,GAAGH,QAAQ","ignoreList":[]}

package/modules/pages/PagesList/hooks/usePagePreviewLink.d.ts

@@ -1,2 +1,2 @@
-import type { PageDto } from "../../../../domain/Page";
+import type { PageDto } from "../../../../domain/Page/index.js";
 export declare const usePagePreviewLink: (pageDto: PageDto) => string | null;

package/modules/pages/PagesList/hooks/usePagePreviewLink.js

@@ -1,10 +1,10 @@
 import { useMemo } from "react";
-import { useTenancy } from "@webiny/app-tenancy";
-import { usePreviewDomain } from "../../../../BaseEditor/defaultConfig/Content/Preview/usePreviewDomain";
+import { useTenantContext } from "@webiny/app-admin";
+import { usePreviewDomain } from "../../../../BaseEditor/defaultConfig/Content/Preview/usePreviewDomain.js";
 export const usePagePreviewLink = pageDto => {
   const {
     tenant
-  } = useTenancy();
+  } = useTenantContext();
   const {
     previewDomain
   } = usePreviewDomain();
@@ -12,13 +12,18 @@ export const usePagePreviewLink = pageDto => {
     if (!previewDomain || !pageDto.properties.path) {
       return null;
     }
-    const url = new URL(`${previewDomain}${pageDto.properties.path}`);
-    url.searchParams.set("wb.preview", "true");
-    url.searchParams.set("wb.type", pageDto.metadata.documentType);
-    url.searchParams.set("wb.id", pageDto.id);
-    url.searchParams.set("wb.tenant", tenant);
-    url.searchParams.set("wb.path", pageDto.properties.path);
-    return url.toString();
+    try {
+      const url = new URL(`${previewDomain}${pageDto.properties.path}`);
+      url.searchParams.set("wb.preview", "true");
+      url.searchParams.set("wb.type", pageDto.metadata.documentType);
+      url.searchParams.set("wb.id", pageDto.id);
+      url.searchParams.set("wb.tenant", tenant);
+      url.searchParams.set("wb.path", pageDto.properties.path);
+      return url.toString();
+    } catch {
+      console.log(`Could not create preview URL for "${previewDomain}${pageDto.properties.path}"`);
+      return null;
+    }
   }, [previewDomain]);
 };
 

package/modules/pages/PagesList/hooks/usePagePreviewLink.js.map

@@ -1 +1 @@
-{"version":3,"names":["useMemo","useTenancy","usePreviewDomain","usePagePreviewLink","pageDto","tenant","previewDomain","properties","path","url","URL","searchParams","set","metadata","documentType","id","toString"],"sources":["usePagePreviewLink.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport { useTenancy } from \"@webiny/app-tenancy\";\nimport type { PageDto } from \"~/domain/Page\";\nimport { usePreviewDomain } from \"~/BaseEditor/defaultConfig/Content/Preview/usePreviewDomain\";\n\nexport const usePagePreviewLink = (pageDto: PageDto) => {\n    const { tenant } = useTenancy();\n    const { previewDomain } = usePreviewDomain();\n\n    return useMemo(() => {\n        if (!previewDomain || !pageDto.properties.path) {\n            return null;\n        }\n\n        const url = new URL(`${previewDomain}${pageDto.properties.path}`);\n        url.searchParams.set(\"wb.preview\", \"true\");\n        url.searchParams.set(\"wb.type\", pageDto.metadata.documentType);\n        url.searchParams.set(\"wb.id\", pageDto.id);\n        url.searchParams.set(\"wb.tenant\", tenant!);\n        url.searchParams.set(\"wb.path\", pageDto.properties.path);\n        return url.toString();\n    }, [previewDomain]);\n};\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SAASC,UAAU,QAAQ,qBAAqB;AAEhD,SAASC,gBAAgB;AAEzB,OAAO,MAAMC,kBAAkB,GAAIC,OAAgB,IAAK;EACpD,MAAM;IAAEC;EAAO,CAAC,GAAGJ,UAAU,CAAC,CAAC;EAC/B,MAAM;IAAEK;EAAc,CAAC,GAAGJ,gBAAgB,CAAC,CAAC;EAE5C,OAAOF,OAAO,CAAC,MAAM;IACjB,IAAI,CAACM,aAAa,IAAI,CAACF,OAAO,CAACG,UAAU,CAACC,IAAI,EAAE;MAC5C,OAAO,IAAI;IACf;IAEA,MAAMC,GAAG,GAAG,IAAIC,GAAG,CAAC,GAAGJ,aAAa,GAAGF,OAAO,CAACG,UAAU,CAACC,IAAI,EAAE,CAAC;IACjEC,GAAG,CAACE,YAAY,CAACC,GAAG,CAAC,YAAY,EAAE,MAAM,CAAC;IAC1CH,GAAG,CAACE,YAAY,CAACC,GAAG,CAAC,SAAS,EAAER,OAAO,CAACS,QAAQ,CAACC,YAAY,CAAC;IAC9DL,GAAG,CAACE,YAAY,CAACC,GAAG,CAAC,OAAO,EAAER,OAAO,CAACW,EAAE,CAAC;IACzCN,GAAG,CAACE,YAAY,CAACC,GAAG,CAAC,WAAW,EAAEP,MAAO,CAAC;IAC1CI,GAAG,CAACE,YAAY,CAACC,GAAG,CAAC,SAAS,EAAER,OAAO,CAACG,UAAU,CAACC,IAAI,CAAC;IACxD,OAAOC,GAAG,CAACO,QAAQ,CAAC,CAAC;EACzB,CAAC,EAAE,CAACV,aAAa,CAAC,CAAC;AACvB,CAAC","ignoreList":[]}
+{"version":3,"names":["useMemo","useTenantContext","usePreviewDomain","usePagePreviewLink","pageDto","tenant","previewDomain","properties","path","url","URL","searchParams","set","metadata","documentType","id","toString","console","log"],"sources":["usePagePreviewLink.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport { useTenantContext } from \"@webiny/app-admin\";\nimport type { PageDto } from \"~/domain/Page/index.js\";\nimport { usePreviewDomain } from \"~/BaseEditor/defaultConfig/Content/Preview/usePreviewDomain.js\";\n\nexport const usePagePreviewLink = (pageDto: PageDto) => {\n    const { tenant } = useTenantContext();\n    const { previewDomain } = usePreviewDomain();\n\n    return useMemo(() => {\n        if (!previewDomain || !pageDto.properties.path) {\n            return null;\n        }\n\n        try {\n            const url = new URL(`${previewDomain}${pageDto.properties.path}`);\n            url.searchParams.set(\"wb.preview\", \"true\");\n            url.searchParams.set(\"wb.type\", pageDto.metadata.documentType);\n            url.searchParams.set(\"wb.id\", pageDto.id);\n            url.searchParams.set(\"wb.tenant\", tenant!);\n            url.searchParams.set(\"wb.path\", pageDto.properties.path);\n            return url.toString();\n        } catch {\n            console.log(\n                `Could not create preview URL for \"${previewDomain}${pageDto.properties.path}\"`\n            );\n\n            return null;\n        }\n    }, [previewDomain]);\n};\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SAASC,gBAAgB,QAAQ,mBAAmB;AAEpD,SAASC,gBAAgB;AAEzB,OAAO,MAAMC,kBAAkB,GAAIC,OAAgB,IAAK;EACpD,MAAM;IAAEC;EAAO,CAAC,GAAGJ,gBAAgB,CAAC,CAAC;EACrC,MAAM;IAAEK;EAAc,CAAC,GAAGJ,gBAAgB,CAAC,CAAC;EAE5C,OAAOF,OAAO,CAAC,MAAM;IACjB,IAAI,CAACM,aAAa,IAAI,CAACF,OAAO,CAACG,UAAU,CAACC,IAAI,EAAE;MAC5C,OAAO,IAAI;IACf;IAEA,IAAI;MACA,MAAMC,GAAG,GAAG,IAAIC,GAAG,CAAC,GAAGJ,aAAa,GAAGF,OAAO,CAACG,UAAU,CAACC,IAAI,EAAE,CAAC;MACjEC,GAAG,CAACE,YAAY,CAACC,GAAG,CAAC,YAAY,EAAE,MAAM,CAAC;MAC1CH,GAAG,CAACE,YAAY,CAACC,GAAG,CAAC,SAAS,EAAER,OAAO,CAACS,QAAQ,CAACC,YAAY,CAAC;MAC9DL,GAAG,CAACE,YAAY,CAACC,GAAG,CAAC,OAAO,EAAER,OAAO,CAACW,EAAE,CAAC;MACzCN,GAAG,CAACE,YAAY,CAACC,GAAG,CAAC,WAAW,EAAEP,MAAO,CAAC;MAC1CI,GAAG,CAACE,YAAY,CAACC,GAAG,CAAC,SAAS,EAAER,OAAO,CAACG,UAAU,CAACC,IAAI,CAAC;MACxD,OAAOC,GAAG,CAACO,QAAQ,CAAC,CAAC;IACzB,CAAC,CAAC,MAAM;MACJC,OAAO,CAACC,GAAG,CACP,qCAAqCZ,aAAa,GAAGF,OAAO,CAACG,UAAU,CAACC,IAAI,GAChF,CAAC;MAED,OAAO,IAAI;IACf;EACJ,CAAC,EAAE,CAACF,aAAa,CAAC,CAAC;AACvB,CAAC","ignoreList":[]}

package/modules/pages/PagesList/hooks/usePublishPageConfirmationDialog.d.ts

@@ -1,4 +1,4 @@
-import type { PageDto } from "../../../../domain/Page";
+import type { PageDto } from "../../../../domain/Page/index.js";
 interface UsePublishPageConfirmationDialogProps {
     page: PageDto;
 }

package/modules/pages/PagesList/hooks/usePublishPageConfirmationDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","usePublishPage","useConfirmationDialog","useSnackbar","usePublishPageConfirmationDialog","page","publishPage","showSnackbar","showConfirmation","title","message","createElement","properties","openPublishPageConfirmationDialog","id","ex"],"sources":["usePublishPageConfirmationDialog.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { usePublishPage } from \"~/features/pages/index.js\";\nimport { useConfirmationDialog, useSnackbar } from \"@webiny/app-admin\";\nimport type { PageDto } from \"~/domain/Page\";\n\ninterface UsePublishPageConfirmationDialogProps {\n    page: PageDto;\n}\n\nexport const usePublishPageConfirmationDialog = ({\n    page\n}: UsePublishPageConfirmationDialogProps) => {\n    const { publishPage } = usePublishPage();\n    const { showSnackbar } = useSnackbar();\n\n    const { showConfirmation } = useConfirmationDialog({\n        title: \"Publish page\",\n        message: (\n            <p>\n                You are about to publish <strong>{page.properties.title}</strong>. Are you sure you\n                want to continue?\n            </p>\n        )\n    });\n\n    const openPublishPageConfirmationDialog = useCallback(\n        () =>\n            showConfirmation(async () => {\n                try {\n                    await publishPage({ id: page.id });\n                    showSnackbar(`${page.properties.title} was published successfully!`);\n                } catch (ex) {\n                    showSnackbar(ex.message || `Error while publishing ${page.properties.title}`);\n                }\n            }),\n        [page]\n    );\n\n    return { openPublishPageConfirmationDialog };\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,cAAc;AACvB,SAASC,qBAAqB,EAAEC,WAAW,QAAQ,mBAAmB;AAOtE,OAAO,MAAMC,gCAAgC,GAAGA,CAAC;EAC7CC;AACmC,CAAC,KAAK;EACzC,MAAM;IAAEC;EAAY,CAAC,GAAGL,cAAc,CAAC,CAAC;EACxC,MAAM;IAAEM;EAAa,CAAC,GAAGJ,WAAW,CAAC,CAAC;EAEtC,MAAM;IAAEK;EAAiB,CAAC,GAAGN,qBAAqB,CAAC;IAC/CO,KAAK,EAAE,cAAc;IACrBC,OAAO,eACHX,KAAA,CAAAY,aAAA,YAAG,2BAC0B,eAAAZ,KAAA,CAAAY,aAAA,iBAASN,IAAI,CAACO,UAAU,CAACH,KAAc,CAAC,wCAElE;EAEX,CAAC,CAAC;EAEF,MAAMI,iCAAiC,GAAGb,WAAW,CACjD,MACIQ,gBAAgB,CAAC,YAAY;IACzB,IAAI;MACA,MAAMF,WAAW,CAAC;QAAEQ,EAAE,EAAET,IAAI,CAACS;MAAG,CAAC,CAAC;MAClCP,YAAY,CAAC,GAAGF,IAAI,CAACO,UAAU,CAACH,KAAK,8BAA8B,CAAC;IACxE,CAAC,CAAC,OAAOM,EAAE,EAAE;MACTR,YAAY,CAACQ,EAAE,CAACL,OAAO,IAAI,0BAA0BL,IAAI,CAACO,UAAU,CAACH,KAAK,EAAE,CAAC;IACjF;EACJ,CAAC,CAAC,EACN,CAACJ,IAAI,CACT,CAAC;EAED,OAAO;IAAEQ;EAAkC,CAAC;AAChD,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useCallback","usePublishPage","useConfirmationDialog","useSnackbar","usePublishPageConfirmationDialog","page","publishPage","showSnackbar","showConfirmation","title","message","createElement","properties","openPublishPageConfirmationDialog","id","ex"],"sources":["usePublishPageConfirmationDialog.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { usePublishPage } from \"~/features/pages/index.js\";\nimport { useConfirmationDialog, useSnackbar } from \"@webiny/app-admin\";\nimport type { PageDto } from \"~/domain/Page/index.js\";\n\ninterface UsePublishPageConfirmationDialogProps {\n    page: PageDto;\n}\n\nexport const usePublishPageConfirmationDialog = ({\n    page\n}: UsePublishPageConfirmationDialogProps) => {\n    const { publishPage } = usePublishPage();\n    const { showSnackbar } = useSnackbar();\n\n    const { showConfirmation } = useConfirmationDialog({\n        title: \"Publish page\",\n        message: (\n            <p>\n                You are about to publish <strong>{page.properties.title}</strong>. Are you sure you\n                want to continue?\n            </p>\n        )\n    });\n\n    const openPublishPageConfirmationDialog = useCallback(\n        () =>\n            showConfirmation(async () => {\n                try {\n                    await publishPage({ id: page.id });\n                    showSnackbar(`${page.properties.title} was published successfully!`);\n                } catch (ex) {\n                    showSnackbar(ex.message || `Error while publishing ${page.properties.title}`);\n                }\n            }),\n        [page]\n    );\n\n    return { openPublishPageConfirmationDialog };\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,cAAc;AACvB,SAASC,qBAAqB,EAAEC,WAAW,QAAQ,mBAAmB;AAOtE,OAAO,MAAMC,gCAAgC,GAAGA,CAAC;EAC7CC;AACmC,CAAC,KAAK;EACzC,MAAM;IAAEC;EAAY,CAAC,GAAGL,cAAc,CAAC,CAAC;EACxC,MAAM;IAAEM;EAAa,CAAC,GAAGJ,WAAW,CAAC,CAAC;EAEtC,MAAM;IAAEK;EAAiB,CAAC,GAAGN,qBAAqB,CAAC;IAC/CO,KAAK,EAAE,cAAc;IACrBC,OAAO,eACHX,KAAA,CAAAY,aAAA,YAAG,2BAC0B,eAAAZ,KAAA,CAAAY,aAAA,iBAASN,IAAI,CAACO,UAAU,CAACH,KAAc,CAAC,wCAElE;EAEX,CAAC,CAAC;EAEF,MAAMI,iCAAiC,GAAGb,WAAW,CACjD,MACIQ,gBAAgB,CAAC,YAAY;IACzB,IAAI;MACA,MAAMF,WAAW,CAAC;QAAEQ,EAAE,EAAET,IAAI,CAACS;MAAG,CAAC,CAAC;MAClCP,YAAY,CAAC,GAAGF,IAAI,CAACO,UAAU,CAACH,KAAK,8BAA8B,CAAC;IACxE,CAAC,CAAC,OAAOM,EAAE,EAAE;MACTR,YAAY,CAACQ,EAAE,CAACL,OAAO,IAAI,0BAA0BL,IAAI,CAACO,UAAU,CAACH,KAAK,EAAE,CAAC;IACjF;EACJ,CAAC,CAAC,EACN,CAACJ,IAAI,CACT,CAAC;EAED,OAAO;IAAEQ;EAAkC,CAAC;AAChD,CAAC","ignoreList":[]}

package/modules/pages/PagesList/hooks/useUnpublishPageConfirmationDialog.d.ts

@@ -1,4 +1,4 @@
-import type { PageDto } from "../../../../domain/Page";
+import type { PageDto } from "../../../../domain/Page/index.js";
 interface UseUnpublishPageConfirmationDialogProps {
     page: PageDto;
 }

package/modules/pages/PagesList/hooks/useUnpublishPageConfirmationDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useUnpublishPage","useConfirmationDialog","useSnackbar","useUnpublishPageConfirmationDialog","page","unpublishPage","showSnackbar","showConfirmation","title","message","createElement","properties","openUnpublishPageConfirmationDialog","id","ex"],"sources":["useUnpublishPageConfirmationDialog.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { useUnpublishPage } from \"~/features/pages/index.js\";\nimport { useConfirmationDialog, useSnackbar } from \"@webiny/app-admin\";\nimport type { PageDto } from \"~/domain/Page\";\n\ninterface UseUnpublishPageConfirmationDialogProps {\n    page: PageDto;\n}\n\nexport const useUnpublishPageConfirmationDialog = ({\n    page\n}: UseUnpublishPageConfirmationDialogProps) => {\n    const { unpublishPage } = useUnpublishPage();\n    const { showSnackbar } = useSnackbar();\n\n    const { showConfirmation } = useConfirmationDialog({\n        title: \"Unpublish page\",\n        message: (\n            <p>\n                You are about to unpublish <strong>{page.properties.title}</strong>. Are you sure\n                you want to continue?\n            </p>\n        )\n    });\n\n    const openUnpublishPageConfirmationDialog = useCallback(\n        () =>\n            showConfirmation(async () => {\n                try {\n                    await unpublishPage({ id: page.id });\n                    showSnackbar(`${page.properties.title} was unpublished successfully!`);\n                } catch (ex) {\n                    showSnackbar(ex.message || `Error while unpublishing ${page.properties.title}`);\n                }\n            }),\n        [page]\n    );\n\n    return { openUnpublishPageConfirmationDialog };\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,gBAAgB;AACzB,SAASC,qBAAqB,EAAEC,WAAW,QAAQ,mBAAmB;AAOtE,OAAO,MAAMC,kCAAkC,GAAGA,CAAC;EAC/CC;AACqC,CAAC,KAAK;EAC3C,MAAM;IAAEC;EAAc,CAAC,GAAGL,gBAAgB,CAAC,CAAC;EAC5C,MAAM;IAAEM;EAAa,CAAC,GAAGJ,WAAW,CAAC,CAAC;EAEtC,MAAM;IAAEK;EAAiB,CAAC,GAAGN,qBAAqB,CAAC;IAC/CO,KAAK,EAAE,gBAAgB;IACvBC,OAAO,eACHX,KAAA,CAAAY,aAAA,YAAG,6BAC4B,eAAAZ,KAAA,CAAAY,aAAA,iBAASN,IAAI,CAACO,UAAU,CAACH,KAAc,CAAC,wCAEpE;EAEX,CAAC,CAAC;EAEF,MAAMI,mCAAmC,GAAGb,WAAW,CACnD,MACIQ,gBAAgB,CAAC,YAAY;IACzB,IAAI;MACA,MAAMF,aAAa,CAAC;QAAEQ,EAAE,EAAET,IAAI,CAACS;MAAG,CAAC,CAAC;MACpCP,YAAY,CAAC,GAAGF,IAAI,CAACO,UAAU,CAACH,KAAK,gCAAgC,CAAC;IAC1E,CAAC,CAAC,OAAOM,EAAE,EAAE;MACTR,YAAY,CAACQ,EAAE,CAACL,OAAO,IAAI,4BAA4BL,IAAI,CAACO,UAAU,CAACH,KAAK,EAAE,CAAC;IACnF;EACJ,CAAC,CAAC,EACN,CAACJ,IAAI,CACT,CAAC;EAED,OAAO;IAAEQ;EAAoC,CAAC;AAClD,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useUnpublishPage","useConfirmationDialog","useSnackbar","useUnpublishPageConfirmationDialog","page","unpublishPage","showSnackbar","showConfirmation","title","message","createElement","properties","openUnpublishPageConfirmationDialog","id","ex"],"sources":["useUnpublishPageConfirmationDialog.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { useUnpublishPage } from \"~/features/pages/index.js\";\nimport { useConfirmationDialog, useSnackbar } from \"@webiny/app-admin\";\nimport type { PageDto } from \"~/domain/Page/index.js\";\n\ninterface UseUnpublishPageConfirmationDialogProps {\n    page: PageDto;\n}\n\nexport const useUnpublishPageConfirmationDialog = ({\n    page\n}: UseUnpublishPageConfirmationDialogProps) => {\n    const { unpublishPage } = useUnpublishPage();\n    const { showSnackbar } = useSnackbar();\n\n    const { showConfirmation } = useConfirmationDialog({\n        title: \"Unpublish page\",\n        message: (\n            <p>\n                You are about to unpublish <strong>{page.properties.title}</strong>. Are you sure\n                you want to continue?\n            </p>\n        )\n    });\n\n    const openUnpublishPageConfirmationDialog = useCallback(\n        () =>\n            showConfirmation(async () => {\n                try {\n                    await unpublishPage({ id: page.id });\n                    showSnackbar(`${page.properties.title} was unpublished successfully!`);\n                } catch (ex) {\n                    showSnackbar(ex.message || `Error while unpublishing ${page.properties.title}`);\n                }\n            }),\n        [page]\n    );\n\n    return { openUnpublishPageConfirmationDialog };\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,gBAAgB;AACzB,SAASC,qBAAqB,EAAEC,WAAW,QAAQ,mBAAmB;AAOtE,OAAO,MAAMC,kCAAkC,GAAGA,CAAC;EAC/CC;AACqC,CAAC,KAAK;EAC3C,MAAM;IAAEC;EAAc,CAAC,GAAGL,gBAAgB,CAAC,CAAC;EAC5C,MAAM;IAAEM;EAAa,CAAC,GAAGJ,WAAW,CAAC,CAAC;EAEtC,MAAM;IAAEK;EAAiB,CAAC,GAAGN,qBAAqB,CAAC;IAC/CO,KAAK,EAAE,gBAAgB;IACvBC,OAAO,eACHX,KAAA,CAAAY,aAAA,YAAG,6BAC4B,eAAAZ,KAAA,CAAAY,aAAA,iBAASN,IAAI,CAACO,UAAU,CAACH,KAAc,CAAC,wCAEpE;EAEX,CAAC,CAAC;EAEF,MAAMI,mCAAmC,GAAGb,WAAW,CACnD,MACIQ,gBAAgB,CAAC,YAAY;IACzB,IAAI;MACA,MAAMF,aAAa,CAAC;QAAEQ,EAAE,EAAET,IAAI,CAACS;MAAG,CAAC,CAAC;MACpCP,YAAY,CAAC,GAAGF,IAAI,CAACO,UAAU,CAACH,KAAK,gCAAgC,CAAC;IAC1E,CAAC,CAAC,OAAOM,EAAE,EAAE;MACTR,YAAY,CAACQ,EAAE,CAACL,OAAO,IAAI,4BAA4BL,IAAI,CAACO,UAAU,CAACH,KAAK,EAAE,CAAC;IACnF;EACJ,CAAC,CAAC,EACN,CAACJ,IAAI,CACT,CAAC;EAED,OAAO;IAAEQ;EAAoC,CAAC;AAClD,CAAC","ignoreList":[]}

package/modules/pages/PagesList/useDocumentList.d.ts

@@ -1,23 +1,15 @@
-export declare const useDocumentList: () => {
-    vm: {
-        folderId: string;
-        title: string | undefined;
-        data: import("../../../domain/Page").PageDto[];
-        folders: import("@webiny/app-aco").FolderDto[];
-        selected: any[];
-        meta: {
-            totalCount: number;
-            currentCount: number;
-        };
-        sorting: import("@webiny/app-utils").ColumnSorting[];
-        searchQuery: string;
-        searchLabel: string;
-        isSearch: boolean;
-        isEmpty: boolean;
-        isRoot: boolean;
-        isLoading: boolean;
-        isLoadingMore: boolean;
-        isFilterVisible: boolean;
-    };
+export declare const useDocumentList: import("@webiny/react-composition").GenericHook<unknown, {
+    vm: import("../../../presentation/pages/PageList").IDocumentListVm;
     showFilters: (show: boolean) => void;
+}> & {
+    original: import("@webiny/react-composition").GenericHook<unknown, {
+        vm: import("../../../presentation/pages/PageList").IDocumentListVm;
+        showFilters: (show: boolean) => void;
+    }>;
+    originalName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").Decorator<() => {
+        vm: import("../../../presentation/pages/PageList").IDocumentListVm;
+        showFilters: (show: boolean) => void;
+    }>) => () => React.JSX.Element;
 };

package/modules/pages/PagesList/useDocumentList.js

@@ -1,15 +1,17 @@
-import { useCallback, useState, useMemo, useEffect, useRef } from "react";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { autorun } from "mobx";
-import { useGetFolderHierarchy, useListFoldersByParentIds, useNavigateFolder } from "@webiny/app-aco";
-import { useDocumentListPresenter } from "./presenters/DocumentListPresenterContext";
+import { useListFoldersByParentIds, useLoadFolderHierarchy, useNavigateFolder } from "@webiny/app-aco";
 import { useFilterPages, useLoadPages } from "../../../features/pages/index.js";
 import { useSelectPages } from "../../../features/pages/selectPages/useSelectPages.js";
-export const useDocumentList = () => {
+import { makeDecoratableHook } from "@webiny/react-composition";
+import { useFeature } from "@webiny/app";
+import { PageListFeature } from "../../../presentation/pages/PageList/feature.js";
+export const useDocumentList = makeDecoratableHook(() => {
   const isFirstLoad = useRef(true);
   const {
     folders,
-    getFolderHierarchy
-  } = useGetFolderHierarchy();
+    loadFolderHierarchy
+  } = useLoadFolderHierarchy();
   const {
     listFoldersByParentIds
   } = useListFoldersByParentIds();
@@ -25,7 +27,9 @@ export const useDocumentList = () => {
   const {
     selectPages: selectDocuments
   } = useSelectPages();
-  const presenter = useDocumentListPresenter();
+  const {
+    presenter
+  } = useFeature(PageListFeature);
   const params = useMemo(() => ({
     folderId: currentFolderId
   }), [currentFolderId]);
@@ -49,7 +53,7 @@ export const useDocumentList = () => {
   useEffect(() => {
     // The folders collection is empty, it must be the first render, let's load the full hierarchy.
     if (folders.length === 0) {
-      getFolderHierarchy(vm.folderId);
+      loadFolderHierarchy(vm.folderId);
     } else {
       // Otherwise let's load only the current folder sub-tree
       listFoldersByParentIds([vm.folderId]);
@@ -72,6 +76,6 @@ export const useDocumentList = () => {
     vm,
     showFilters
   };
-};
+});
 
 //# sourceMappingURL=useDocumentList.js.map

package/modules/pages/PagesList/useDocumentList.js.map

@@ -1 +1 @@
-{"version":3,"names":["useCallback","useState","useMemo","useEffect","useRef","autorun","useGetFolderHierarchy","useListFoldersByParentIds","useNavigateFolder","useDocumentListPresenter","useFilterPages","useLoadPages","useSelectPages","useDocumentList","isFirstLoad","folders","getFolderHierarchy","listFoldersByParentIds","currentFolderId","loadPages","listDocuments","filterPages","filterDocuments","selectPages","selectDocuments","presenter","params","folderId","init","vm","setVm","showFilters","show","length","resetSearch","current"],"sources":["useDocumentList.ts"],"sourcesContent":["import { useCallback, useState, useMemo, useEffect, useRef } from \"react\";\nimport { autorun } from \"mobx\";\nimport {\n    useGetFolderHierarchy,\n    useListFoldersByParentIds,\n    useNavigateFolder\n} from \"@webiny/app-aco\";\nimport { useDocumentListPresenter } from \"./presenters/DocumentListPresenterContext\";\nimport { useFilterPages, useLoadPages } from \"~/features/pages/index.js\";\nimport { useSelectPages } from \"~/features/pages/selectPages/useSelectPages.js\";\n\nexport const useDocumentList = () => {\n    const isFirstLoad = useRef(true);\n    const { folders, getFolderHierarchy } = useGetFolderHierarchy();\n    const { listFoldersByParentIds } = useListFoldersByParentIds();\n    const { currentFolderId } = useNavigateFolder();\n    const { loadPages: listDocuments } = useLoadPages();\n    const { filterPages: filterDocuments } = useFilterPages();\n    const { selectPages: selectDocuments } = useSelectPages();\n    const presenter = useDocumentListPresenter();\n\n    const params = useMemo(\n        () => ({\n            folderId: currentFolderId\n        }),\n        [currentFolderId]\n    );\n\n    useEffect(() => {\n        presenter.init(params);\n    }, [params, presenter]);\n\n    const [vm, setVm] = useState(presenter.vm);\n\n    useEffect(() => {\n        return autorun(() => {\n            setVm(presenter.vm);\n        });\n    }, [presenter]);\n\n    const showFilters = useCallback(\n        (show: boolean) => {\n            presenter.showFilters(show);\n\n            // When set to false, it will also clear any applied document filters for the current folder.\n            if (!show) {\n                filterDocuments({}, currentFolderId);\n            }\n        },\n        [presenter]\n    );\n\n    useEffect(() => {\n        // The folders collection is empty, it must be the first render, let's load the full hierarchy.\n        if (folders.length === 0) {\n            getFolderHierarchy(vm.folderId);\n        } else {\n            // Otherwise let's load only the current folder sub-tree\n            listFoldersByParentIds([vm.folderId]);\n        }\n\n        // Close the filter list\n        presenter.showFilters(false);\n\n        // Unselect any selected items\n        selectDocuments([]);\n\n        // List all documents when the current folder changes.\n        listDocuments({\n            folderId: vm.folderId,\n            resetSearch: !isFirstLoad.current\n        });\n        isFirstLoad.current = false;\n    }, [vm.folderId]);\n\n    return {\n        vm,\n        showFilters\n    };\n};\n"],"mappings":"AAAA,SAASA,WAAW,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AACzE,SAASC,OAAO,QAAQ,MAAM;AAC9B,SACIC,qBAAqB,EACrBC,yBAAyB,EACzBC,iBAAiB,QACd,iBAAiB;AACxB,SAASC,wBAAwB;AACjC,SAASC,cAAc,EAAEC,YAAY;AACrC,SAASC,cAAc;AAEvB,OAAO,MAAMC,eAAe,GAAGA,CAAA,KAAM;EACjC,MAAMC,WAAW,GAAGV,MAAM,CAAC,IAAI,CAAC;EAChC,MAAM;IAAEW,OAAO;IAAEC;EAAmB,CAAC,GAAGV,qBAAqB,CAAC,CAAC;EAC/D,MAAM;IAAEW;EAAuB,CAAC,GAAGV,yBAAyB,CAAC,CAAC;EAC9D,MAAM;IAAEW;EAAgB,CAAC,GAAGV,iBAAiB,CAAC,CAAC;EAC/C,MAAM;IAAEW,SAAS,EAAEC;EAAc,CAAC,GAAGT,YAAY,CAAC,CAAC;EACnD,MAAM;IAAEU,WAAW,EAAEC;EAAgB,CAAC,GAAGZ,cAAc,CAAC,CAAC;EACzD,MAAM;IAAEa,WAAW,EAAEC;EAAgB,CAAC,GAAGZ,cAAc,CAAC,CAAC;EACzD,MAAMa,SAAS,GAAGhB,wBAAwB,CAAC,CAAC;EAE5C,MAAMiB,MAAM,GAAGxB,OAAO,CAClB,OAAO;IACHyB,QAAQ,EAAET;EACd,CAAC,CAAC,EACF,CAACA,eAAe,CACpB,CAAC;EAEDf,SAAS,CAAC,MAAM;IACZsB,SAAS,CAACG,IAAI,CAACF,MAAM,CAAC;EAC1B,CAAC,EAAE,CAACA,MAAM,EAAED,SAAS,CAAC,CAAC;EAEvB,MAAM,CAACI,EAAE,EAAEC,KAAK,CAAC,GAAG7B,QAAQ,CAACwB,SAAS,CAACI,EAAE,CAAC;EAE1C1B,SAAS,CAAC,MAAM;IACZ,OAAOE,OAAO,CAAC,MAAM;MACjByB,KAAK,CAACL,SAAS,CAACI,EAAE,CAAC;IACvB,CAAC,CAAC;EACN,CAAC,EAAE,CAACJ,SAAS,CAAC,CAAC;EAEf,MAAMM,WAAW,GAAG/B,WAAW,CAC1BgC,IAAa,IAAK;IACfP,SAAS,CAACM,WAAW,CAACC,IAAI,CAAC;;IAE3B;IACA,IAAI,CAACA,IAAI,EAAE;MACPV,eAAe,CAAC,CAAC,CAAC,EAAEJ,eAAe,CAAC;IACxC;EACJ,CAAC,EACD,CAACO,SAAS,CACd,CAAC;EAEDtB,SAAS,CAAC,MAAM;IACZ;IACA,IAAIY,OAAO,CAACkB,MAAM,KAAK,CAAC,EAAE;MACtBjB,kBAAkB,CAACa,EAAE,CAACF,QAAQ,CAAC;IACnC,CAAC,MAAM;MACH;MACAV,sBAAsB,CAAC,CAACY,EAAE,CAACF,QAAQ,CAAC,CAAC;IACzC;;IAEA;IACAF,SAAS,CAACM,WAAW,CAAC,KAAK,CAAC;;IAE5B;IACAP,eAAe,CAAC,EAAE,CAAC;;IAEnB;IACAJ,aAAa,CAAC;MACVO,QAAQ,EAAEE,EAAE,CAACF,QAAQ;MACrBO,WAAW,EAAE,CAACpB,WAAW,CAACqB;IAC9B,CAAC,CAAC;IACFrB,WAAW,CAACqB,OAAO,GAAG,KAAK;EAC/B,CAAC,EAAE,CAACN,EAAE,CAACF,QAAQ,CAAC,CAAC;EAEjB,OAAO;IACHE,EAAE;IACFE;EACJ,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["useCallback","useEffect","useMemo","useRef","useState","autorun","useListFoldersByParentIds","useLoadFolderHierarchy","useNavigateFolder","useFilterPages","useLoadPages","useSelectPages","makeDecoratableHook","useFeature","PageListFeature","useDocumentList","isFirstLoad","folders","loadFolderHierarchy","listFoldersByParentIds","currentFolderId","loadPages","listDocuments","filterPages","filterDocuments","selectPages","selectDocuments","presenter","params","folderId","init","vm","setVm","showFilters","show","length","resetSearch","current"],"sources":["useDocumentList.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { autorun } from \"mobx\";\nimport {\n    useListFoldersByParentIds,\n    useLoadFolderHierarchy,\n    useNavigateFolder\n} from \"@webiny/app-aco\";\nimport { useFilterPages, useLoadPages } from \"~/features/pages/index.js\";\nimport { useSelectPages } from \"~/features/pages/selectPages/useSelectPages.js\";\nimport { makeDecoratableHook } from \"@webiny/react-composition\";\nimport { useFeature } from \"@webiny/app\";\nimport { PageListFeature } from \"~/presentation/pages/PageList/feature.js\";\n\nexport const useDocumentList = makeDecoratableHook(() => {\n    const isFirstLoad = useRef(true);\n    const { folders, loadFolderHierarchy } = useLoadFolderHierarchy();\n    const { listFoldersByParentIds } = useListFoldersByParentIds();\n    const { currentFolderId } = useNavigateFolder();\n    const { loadPages: listDocuments } = useLoadPages();\n    const { filterPages: filterDocuments } = useFilterPages();\n    const { selectPages: selectDocuments } = useSelectPages();\n    const { presenter } = useFeature(PageListFeature);\n\n    const params = useMemo(\n        () => ({\n            folderId: currentFolderId\n        }),\n        [currentFolderId]\n    );\n\n    useEffect(() => {\n        presenter.init(params);\n    }, [params, presenter]);\n\n    const [vm, setVm] = useState(presenter.vm);\n\n    useEffect(() => {\n        return autorun(() => {\n            setVm(presenter.vm);\n        });\n    }, [presenter]);\n\n    const showFilters = useCallback(\n        (show: boolean) => {\n            presenter.showFilters(show);\n\n            // When set to false, it will also clear any applied document filters for the current folder.\n            if (!show) {\n                filterDocuments({}, currentFolderId);\n            }\n        },\n        [presenter]\n    );\n\n    useEffect(() => {\n        // The folders collection is empty, it must be the first render, let's load the full hierarchy.\n        if (folders.length === 0) {\n            loadFolderHierarchy(vm.folderId);\n        } else {\n            // Otherwise let's load only the current folder sub-tree\n            listFoldersByParentIds([vm.folderId]);\n        }\n\n        // Close the filter list\n        presenter.showFilters(false);\n\n        // Unselect any selected items\n        selectDocuments([]);\n\n        // List all documents when the current folder changes.\n        listDocuments({\n            folderId: vm.folderId,\n            resetSearch: !isFirstLoad.current\n        });\n        isFirstLoad.current = false;\n    }, [vm.folderId]);\n\n    return {\n        vm,\n        showFilters\n    };\n});\n"],"mappings":"AAAA,SAASA,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AACzE,SAASC,OAAO,QAAQ,MAAM;AAC9B,SACIC,yBAAyB,EACzBC,sBAAsB,EACtBC,iBAAiB,QACd,iBAAiB;AACxB,SAASC,cAAc,EAAEC,YAAY;AACrC,SAASC,cAAc;AACvB,SAASC,mBAAmB,QAAQ,2BAA2B;AAC/D,SAASC,UAAU,QAAQ,aAAa;AACxC,SAASC,eAAe;AAExB,OAAO,MAAMC,eAAe,GAAGH,mBAAmB,CAAC,MAAM;EACrD,MAAMI,WAAW,GAAGb,MAAM,CAAC,IAAI,CAAC;EAChC,MAAM;IAAEc,OAAO;IAAEC;EAAoB,CAAC,GAAGX,sBAAsB,CAAC,CAAC;EACjE,MAAM;IAAEY;EAAuB,CAAC,GAAGb,yBAAyB,CAAC,CAAC;EAC9D,MAAM;IAAEc;EAAgB,CAAC,GAAGZ,iBAAiB,CAAC,CAAC;EAC/C,MAAM;IAAEa,SAAS,EAAEC;EAAc,CAAC,GAAGZ,YAAY,CAAC,CAAC;EACnD,MAAM;IAAEa,WAAW,EAAEC;EAAgB,CAAC,GAAGf,cAAc,CAAC,CAAC;EACzD,MAAM;IAAEgB,WAAW,EAAEC;EAAgB,CAAC,GAAGf,cAAc,CAAC,CAAC;EACzD,MAAM;IAAEgB;EAAU,CAAC,GAAGd,UAAU,CAACC,eAAe,CAAC;EAEjD,MAAMc,MAAM,GAAG1B,OAAO,CAClB,OAAO;IACH2B,QAAQ,EAAET;EACd,CAAC,CAAC,EACF,CAACA,eAAe,CACpB,CAAC;EAEDnB,SAAS,CAAC,MAAM;IACZ0B,SAAS,CAACG,IAAI,CAACF,MAAM,CAAC;EAC1B,CAAC,EAAE,CAACA,MAAM,EAAED,SAAS,CAAC,CAAC;EAEvB,MAAM,CAACI,EAAE,EAAEC,KAAK,CAAC,GAAG5B,QAAQ,CAACuB,SAAS,CAACI,EAAE,CAAC;EAE1C9B,SAAS,CAAC,MAAM;IACZ,OAAOI,OAAO,CAAC,MAAM;MACjB2B,KAAK,CAACL,SAAS,CAACI,EAAE,CAAC;IACvB,CAAC,CAAC;EACN,CAAC,EAAE,CAACJ,SAAS,CAAC,CAAC;EAEf,MAAMM,WAAW,GAAGjC,WAAW,CAC1BkC,IAAa,IAAK;IACfP,SAAS,CAACM,WAAW,CAACC,IAAI,CAAC;;IAE3B;IACA,IAAI,CAACA,IAAI,EAAE;MACPV,eAAe,CAAC,CAAC,CAAC,EAAEJ,eAAe,CAAC;IACxC;EACJ,CAAC,EACD,CAACO,SAAS,CACd,CAAC;EAED1B,SAAS,CAAC,MAAM;IACZ;IACA,IAAIgB,OAAO,CAACkB,MAAM,KAAK,CAAC,EAAE;MACtBjB,mBAAmB,CAACa,EAAE,CAACF,QAAQ,CAAC;IACpC,CAAC,MAAM;MACH;MACAV,sBAAsB,CAAC,CAACY,EAAE,CAACF,QAAQ,CAAC,CAAC;IACzC;;IAEA;IACAF,SAAS,CAACM,WAAW,CAAC,KAAK,CAAC;;IAE5B;IACAP,eAAe,CAAC,EAAE,CAAC;;IAEnB;IACAJ,aAAa,CAAC;MACVO,QAAQ,EAAEE,EAAE,CAACF,QAAQ;MACrBO,WAAW,EAAE,CAACpB,WAAW,CAACqB;IAC9B,CAAC,CAAC;IACFrB,WAAW,CAACqB,OAAO,GAAG,KAAK;EAC/B,CAAC,EAAE,CAACN,EAAE,CAACF,QAAQ,CAAC,CAAC;EAEjB,OAAO;IACHE,EAAE;IACFE;EACJ,CAAC;AACL,CAAC,CAAC","ignoreList":[]}