@webiny/app-website-builder 6.3.0 → 6.4.0-beta.1

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

@@ -1,65 +1,51 @@
-import React from "react";
+import react from "react";
 import { Icon, Link, Text } from "@webiny/admin-ui";
-import { ReactComponent as File } from "@webiny/icons/description.svg";
+import { ReactComponent } from "@webiny/icons/description.svg";
 import { PageListConfig } from "../../../../configs/index.js";
 import { useEditPageUrl } from "../../../hooks/useEditPageUrl.js";
 import { FolderCellName } from "../../../../../shared/FolderCellName.js";
 import { LanguageCodeTag } from "../../../../../../presentation/components/LanguageCodeTag.js";
-const PageCellRowTitle = ({
-  page
-}) => {
-  return /*#__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(File, 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 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
+    }));
 };
-export 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
-  }));
-};
-export const CellName = () => {
-  const {
-    useTableRow,
-    isFolderRow
-  } = PageListConfig.Browser.Table.Column;
-  const {
-    row
-  } = useTableRow();
-  if (isFolderRow(row)) {
-    return /*#__PURE__*/React.createElement(FolderCellName, {
-      folder: row.data
+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
     });
-  }
-  return /*#__PURE__*/React.createElement(PageCellName, {
-    page: row.data
-  });
 };
+export { CellName, PageCellName };
 
 //# sourceMappingURL=CellName.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","Icon","Link","Text","ReactComponent","File","PageListConfig","useEditPageUrl","FolderCellName","LanguageCodeTag","PageCellRowTitle","page","createElement","className","size","color","icon","label","properties","title","code","language","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\";\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"],"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;AAEvB,SAASC,eAAe;AAMxB,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC;AAA4B,CAAC,KAAK;EAC1D,oBACIX,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAE;EAA4B,gBACxCb,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAE;EAA2B,gBACvCb,KAAA,CAAAY,aAAA,CAACX,IAAI;IACDa,IAAI,EAAE,IAAK;IACXC,KAAK,EAAE,gBAAiB;IACxBF,SAAS,EAAE,OAAQ;IACnBG,IAAI,eAAEhB,KAAA,CAAAY,aAAA,CAACP,IAAI,MAAE,CAAE;IACfY,KAAK,EAAE,UAAUN,IAAI,CAACO,UAAU,CAACC,KAAK;EAAG,CAC5C,CAAC,eACFnB,KAAA,CAAAY,aAAA,CAACH,eAAe;IAACW,IAAI,EAAET,IAAI,CAACO,UAAU,CAACG,QAAS;IAACR,SAAS,EAAE;EAAO,CAAE,CAAC,eACtEb,KAAA,CAAAY,aAAA,CAACT,IAAI;IAACmB,EAAE,EAAE,KAAM;IAACT,SAAS,EAAE;EAA0B,GACjDF,IAAI,CAACO,UAAU,CAACC,KACf,CACL,CAAC,eACNnB,KAAA,CAAAY,aAAA,CAACT,IAAI;IAACmB,EAAE,EAAE,KAAM;IAACR,IAAI,EAAE,IAAK;IAACD,SAAS,EAAE;EAAsB,GACzDF,IAAI,CAACO,UAAU,CAACK,IACf,CACL,CAAC;AAEd,CAAC;AAMD,OAAO,MAAMC,YAAY,GAAGA,CAAC;EAAEb;AAAyB,CAAC,KAAK;EAC1D,MAAM;IAAEc;EAAe,CAAC,GAAGlB,cAAc,CAAC,CAAC;EAE3C,oBACIP,KAAA,CAAAY,aAAA,CAACV,IAAI;IACDwB,EAAE,EAAED,cAAc,CAACd,IAAI,CAACgB,EAAE,CAAE;IAC5BC,OAAO,EAAE,WAAY;IACrBf,SAAS,EAAE;EAAyB,gBAEpCb,KAAA,CAAAY,aAAA,CAACF,gBAAgB;IAACC,IAAI,EAAEA;EAAK,CAAE,CAC7B,CAAC;AAEf,CAAC;AAED,OAAO,MAAMkB,QAAQ,GAAGA,CAAA,KAAM;EAC1B,MAAM;IAAEC,WAAW;IAAEC;EAAY,CAAC,GAAGzB,cAAc,CAAC0B,OAAO,CAACC,KAAK,CAACC,MAAM;EACxE,MAAM;IAAEC;EAAI,CAAC,GAAGL,WAAW,CAAC,CAAC;EAE7B,IAAIC,WAAW,CAACI,GAAG,CAAC,EAAE;IAClB,oBAAOnC,KAAA,CAAAY,aAAA,CAACJ,cAAc;MAAC4B,MAAM,EAAED,GAAG,CAACE;IAAK,CAAE,CAAC;EAC/C;EAEA,oBAAOrC,KAAA,CAAAY,aAAA,CAACY,YAAY;IAACb,IAAI,EAAEwB,GAAG,CAACE;EAAK,CAAE,CAAC;AAC3C,CAAC","ignoreList":[]}
+{"version":3,"file":"modules/pages/PagesList/components/Table/Cells/CellName.js","sources":["../../../../../../../src/modules/pages/PagesList/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 \"~/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\";\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/modules/pages/PagesList/components/Table/Cells/CellStatus.js

@@ -1,58 +1,55 @@
-import React, { useCallback, useMemo } from "react";
+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 { 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";
-const {
-  useTableRow,
-  isFolderRow
-} = PageListConfig.Browser.Table.Column;
-export 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(() => {
-    return 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
-  }));
+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 openInNewTab = useCallback(() => {
-    if (previewLink) {
-      window.open(previewLink, "_blank");
-    }
-  }, [previewLink]);
-  return previewLink ? /*#__PURE__*/React.createElement(IconButton, {
-    onClick: openInNewTab,
-    icon: /*#__PURE__*/React.createElement(NewTab, null),
-    title: "Preview in new tab",
-    size: "sm",
-    variant: "ghost"
-  }) : null;
+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/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/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":[]}
+{"version":3,"file":"modules/pages/PagesList/components/Table/Cells/CellStatus.js","sources":["../../../../../../../src/modules/pages/PagesList/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 \"~/modules/pages/configs/index.js\";\nimport { toTitleCaseLabel } from \"~/shared/toTitleCaseLabel.js\";\nimport { usePagePreviewLink } from \"~/modules/pages/PagesList/hooks/usePagePreviewLink.js\";\nimport { usePageLink } from \"~/modules/pages/PagesList/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/modules/pages/PagesList/components/Table/Cells/index.js

@@ -5,5 +5,3 @@ export * from "./CellLive.js";
 export * from "./CellModified.js";
 export * from "./CellName.js";
 export * from "./CellStatus.js";
-
-//# sourceMappingURL=index.js.map

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

@@ -1,39 +1,36 @@
-import React, { useMemo } from "react";
-import { createFoldersData, createRecordsData, Table as AcoTable } from "@webiny/app-aco";
+import react, { useMemo } from "react";
+import { Table, createFoldersData, createRecordsData } from "@webiny/app-aco";
 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
-  } = useDocumentList();
-  const {
-    sortPages
-  } = useSortPages();
-  const {
-    selectPages
-  } = useSelectPages();
-  const {
-    browser
-  } = usePageListConfig();
-  const data = useMemo(() => {
-    return [...createFoldersData(vm.folders), ...createRecordsData(vm.data)];
-  }, [vm.folders, vm.data]);
-  const selected = useMemo(() => {
-    return createRecordsData(vm.selected);
-  }, [vm.selected]);
-  return /*#__PURE__*/React.createElement(AcoTable, {
-    columns: browser.table.columns,
-    data: data,
-    loading: vm.isLoading,
-    sorting: vm.sorting,
-    onSortingChange: sort => sortPages(sort),
-    onSelectRow: documents => selectPages(documents),
-    selected: selected,
-    nameColumnId: "name",
-    namespace: "wb/page/list"
-  });
+const Table_Table = ()=>{
+    const { vm } = useDocumentList();
+    const { sortPages } = useSortPages();
+    const { selectPages } = useSelectPages();
+    const { browser } = usePageListConfig();
+    const data = useMemo(()=>[
+            ...createFoldersData(vm.folders),
+            ...createRecordsData(vm.data)
+        ], [
+        vm.folders,
+        vm.data
+    ]);
+    const selected = useMemo(()=>createRecordsData(vm.selected), [
+        vm.selected
+    ]);
+    return /*#__PURE__*/ react.createElement(Table, {
+        columns: browser.table.columns,
+        data: data,
+        loading: vm.isLoading,
+        sorting: vm.sorting,
+        onSortingChange: (sort)=>sortPages(sort),
+        onSelectRow: (documents)=>selectPages(documents),
+        selected: selected,
+        nameColumnId: "name",
+        namespace: "wb/page/list"
+    });
 };
+export { Table_Table as Table };
 
 //# sourceMappingURL=Table.js.map

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"modules/pages/PagesList/components/Table/Table.js","sources":["../../../../../../src/modules/pages/PagesList/components/Table/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"],"names":["Table","vm","useDocumentList","sortPages","useSortPages","selectPages","useSelectPages","browser","usePageListConfig","data","useMemo","createFoldersData","createRecordsData","selected","AcoTable","sort","documents"],"mappings":";;;;;;AAQO,MAAMA,cAAQ;IACjB,MAAM,EAAEC,EAAE,EAAE,GAAGC;IACf,MAAM,EAAEC,SAAS,EAAE,GAAGC;IACtB,MAAM,EAAEC,WAAW,EAAE,GAAGC;IACxB,MAAM,EAAEC,OAAO,EAAE,GAAGC;IAEpB,MAAMC,OAAOC,QAAoB,IACtB;eAAIC,kBAAkBV,GAAG,OAAO;eAAMW,kBAAkBX,GAAG,IAAI;SAAE,EACzE;QAACA,GAAG,OAAO;QAAEA,GAAG,IAAI;KAAC;IAExB,MAAMY,WAAWH,QAAoB,IAC1BE,kBAAkBX,GAAG,QAAQ,GACrC;QAACA,GAAG,QAAQ;KAAC;IAEhB,OAAO,WAAP,GACI,oBAACa,OAAQA;QACL,SAASP,QAAQ,KAAK,CAAC,OAAO;QAC9B,MAAME;QACN,SAASR,GAAG,SAAS;QACrB,SAASA,GAAG,OAAO;QACnB,iBAAiBc,CAAAA,OAAQZ,UAAUY;QACnC,aAAaC,CAAAA,YAAaX,YAAYW;QACtC,UAAUH;QACV,cAAc;QACd,WAAW;;AAGvB"}

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

@@ -1,5 +1,3 @@
 export * from "./Actions/index.js";
 export * from "./Cells/index.js";
 export * from "./Table.js";
-
-//# sourceMappingURL=index.js.map

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

@@ -1,35 +1,30 @@
-import React, { useCallback } from "react";
+import react, { useCallback } from "react";
 import { useDeletePage } from "../../../../features/pages/index.js";
 import { useConfirmationDialog, useSnackbar } from "@webiny/app-admin";
-export const useDeletePageConfirmationDialog = ({
-  page
-}) => {
-  const {
-    deletePage
-  } = useDeletePage();
-  const {
-    showSnackbar
-  } = useSnackbar();
-  const {
-    showConfirmation
-  } = useConfirmationDialog({
-    title: "Delete page",
-    message: /*#__PURE__*/React.createElement("p", null, "You are about to move ", /*#__PURE__*/React.createElement("strong", null, page.properties.title), " to trash. Are you sure you want to continue?")
-  });
-  const openDeletePageConfirmationDialog = useCallback(() => showConfirmation(async () => {
-    try {
-      await deletePage({
-        id: page.id,
-        permanently: false
-      });
-      showSnackbar(`${page.properties.title} was moved to trash!`);
-    } catch (ex) {
-      showSnackbar(ex.message || `Error while deleting ${page.properties.title}`);
-    }
-  }), [page]);
-  return {
-    openDeletePageConfirmationDialog
-  };
+const useDeletePageConfirmationDialog = ({ page })=>{
+    const { deletePage } = useDeletePage();
+    const { showSnackbar } = useSnackbar();
+    const { showConfirmation } = useConfirmationDialog({
+        title: "Delete page",
+        message: /*#__PURE__*/ react.createElement("p", null, "You are about to move ", /*#__PURE__*/ react.createElement("strong", null, page.properties.title), " to trash. Are you sure you want to continue?")
+    });
+    const openDeletePageConfirmationDialog = useCallback(()=>showConfirmation(async ()=>{
+            try {
+                await deletePage({
+                    id: page.id,
+                    permanently: false
+                });
+                showSnackbar(`${page.properties.title} was moved to trash!`);
+            } catch (ex) {
+                showSnackbar(ex.message || `Error while deleting ${page.properties.title}`);
+            }
+        }), [
+        page
+    ]);
+    return {
+        openDeletePageConfirmationDialog
+    };
 };
+export { useDeletePageConfirmationDialog };
 
 //# sourceMappingURL=useDeletePageConfirmationDialog.js.map

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","permanently","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 move <strong>{page.properties.title}</strong> to trash. Are you\n                sure you want to continue?\n            </p>\n        )\n    });\n\n    const openDeletePageConfirmationDialog = useCallback(\n        () =>\n            showConfirmation(async () => {\n                try {\n                    await deletePage({\n                        id: page.id,\n                        permanently: false\n                    });\n                    showSnackbar(`${page.properties.title} was moved to trash!`);\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,wBACuB,eAAAZ,KAAA,CAAAY,aAAA,iBAASN,IAAI,CAACO,UAAU,CAACH,KAAc,CAAC,iDAE/D;EAEX,CAAC,CAAC;EAEF,MAAMI,gCAAgC,GAAGb,WAAW,CAChD,MACIQ,gBAAgB,CAAC,YAAY;IACzB,IAAI;MACA,MAAMF,UAAU,CAAC;QACbQ,EAAE,EAAET,IAAI,CAACS,EAAE;QACXC,WAAW,EAAE;MACjB,CAAC,CAAC;MACFR,YAAY,CAAC,GAAGF,IAAI,CAACO,UAAU,CAACH,KAAK,sBAAsB,CAAC;IAChE,CAAC,CAAC,OAAOO,EAAE,EAAE;MACTT,YAAY,CAACS,EAAE,CAACN,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,"file":"modules/pages/PagesList/hooks/useDeletePageConfirmationDialog.js","sources":["../../../../../src/modules/pages/PagesList/hooks/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 move <strong>{page.properties.title}</strong> to trash. Are you\n                sure you want to continue?\n            </p>\n        )\n    });\n\n    const openDeletePageConfirmationDialog = useCallback(\n        () =>\n            showConfirmation(async () => {\n                try {\n                    await deletePage({\n                        id: page.id,\n                        permanently: false\n                    });\n                    showSnackbar(`${page.properties.title} was moved to trash!`);\n                } catch (ex) {\n                    showSnackbar(ex.message || `Error while deleting ${page.properties.title}`);\n                }\n            }),\n        [page]\n    );\n\n    return { openDeletePageConfirmationDialog };\n};\n"],"names":["useDeletePageConfirmationDialog","page","deletePage","useDeletePage","showSnackbar","useSnackbar","showConfirmation","useConfirmationDialog","openDeletePageConfirmationDialog","useCallback","ex"],"mappings":";;;AASO,MAAMA,kCAAkC,CAAC,EAAEC,IAAI,EAAwC;IAC1F,MAAM,EAAEC,UAAU,EAAE,GAAGC;IACvB,MAAM,EAAEC,YAAY,EAAE,GAAGC;IAEzB,MAAM,EAAEC,gBAAgB,EAAE,GAAGC,sBAAsB;QAC/C,OAAO;QACP,SAAS,WAAT,GACI,oBAAC,WAAE,wCACuB,oBAAC,gBAAQN,KAAK,UAAU,CAAC,KAAK,GAAU;IAI1E;IAEA,MAAMO,mCAAmCC,YACrC,IACIH,iBAAiB;YACb,IAAI;gBACA,MAAMJ,WAAW;oBACb,IAAID,KAAK,EAAE;oBACX,aAAa;gBACjB;gBACAG,aAAa,GAAGH,KAAK,UAAU,CAAC,KAAK,CAAC,oBAAoB,CAAC;YAC/D,EAAE,OAAOS,IAAI;gBACTN,aAAaM,GAAG,OAAO,IAAI,CAAC,qBAAqB,EAAET,KAAK,UAAU,CAAC,KAAK,EAAE;YAC9E;QACJ,IACJ;QAACA;KAAK;IAGV,OAAO;QAAEO;IAAiC;AAC9C"}

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

@@ -1,34 +1,29 @@
-import React, { useCallback } from "react";
+import react, { useCallback } from "react";
 import { useDuplicatePage } from "../../../../features/pages/index.js";
 import { useConfirmationDialog, useSnackbar } from "@webiny/app-admin";
-export const useDuplicatePageConfirmationDialog = ({
-  page
-}) => {
-  const {
-    duplicatePage
-  } = useDuplicatePage();
-  const {
-    showSnackbar
-  } = useSnackbar();
-  const {
-    showConfirmation
-  } = useConfirmationDialog({
-    title: "Duplicate page",
-    message: /*#__PURE__*/React.createElement("p", null, "You are about to duplicate ", /*#__PURE__*/React.createElement("strong", null, page.properties.title), ". Are you sure you want to continue?")
-  });
-  const openDuplicatePageConfirmationDialog = useCallback(() => showConfirmation(async () => {
-    try {
-      await duplicatePage({
-        id: page.id
-      });
-      showSnackbar(`${page.properties.title} was duplicated successfully!`);
-    } catch (ex) {
-      showSnackbar(ex.message || `Error while duplicating ${page.properties.title}`);
-    }
-  }), [page]);
-  return {
-    openDuplicatePageConfirmationDialog
-  };
+const useDuplicatePageConfirmationDialog = ({ page })=>{
+    const { duplicatePage } = useDuplicatePage();
+    const { showSnackbar } = useSnackbar();
+    const { showConfirmation } = useConfirmationDialog({
+        title: "Duplicate page",
+        message: /*#__PURE__*/ react.createElement("p", null, "You are about to duplicate ", /*#__PURE__*/ react.createElement("strong", null, page.properties.title), ". Are you sure you want to continue?")
+    });
+    const openDuplicatePageConfirmationDialog = useCallback(()=>showConfirmation(async ()=>{
+            try {
+                await duplicatePage({
+                    id: page.id
+                });
+                showSnackbar(`${page.properties.title} was duplicated successfully!`);
+            } catch (ex) {
+                showSnackbar(ex.message || `Error while duplicating ${page.properties.title}`);
+            }
+        }), [
+        page
+    ]);
+    return {
+        openDuplicatePageConfirmationDialog
+    };
 };
+export { useDuplicatePageConfirmationDialog };
 
 //# sourceMappingURL=useDuplicatePageConfirmationDialog.js.map

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/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":[]}
+{"version":3,"file":"modules/pages/PagesList/hooks/useDuplicatePageConfirmationDialog.js","sources":["../../../../../src/modules/pages/PagesList/hooks/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"],"names":["useDuplicatePageConfirmationDialog","page","duplicatePage","useDuplicatePage","showSnackbar","useSnackbar","showConfirmation","useConfirmationDialog","openDuplicatePageConfirmationDialog","useCallback","ex"],"mappings":";;;AASO,MAAMA,qCAAqC,CAAC,EAC/CC,IAAI,EACkC;IACtC,MAAM,EAAEC,aAAa,EAAE,GAAGC;IAC1B,MAAM,EAAEC,YAAY,EAAE,GAAGC;IAEzB,MAAM,EAAEC,gBAAgB,EAAE,GAAGC,sBAAsB;QAC/C,OAAO;QACP,SAAS,WAAT,GACI,oBAAC,WAAE,6CAC4B,oBAAC,gBAAQN,KAAK,UAAU,CAAC,KAAK,GAAU;IAI/E;IAEA,MAAMO,sCAAsCC,YACxC,IACIH,iBAAiB;YACb,IAAI;gBACA,MAAMJ,cAAc;oBAAE,IAAID,KAAK,EAAE;gBAAC;gBAClCG,aAAa,GAAGH,KAAK,UAAU,CAAC,KAAK,CAAC,6BAA6B,CAAC;YACxE,EAAE,OAAOS,IAAI;gBACTN,aAAaM,GAAG,OAAO,IAAI,CAAC,wBAAwB,EAAET,KAAK,UAAU,CAAC,KAAK,EAAE;YACjF;QACJ,IACJ;QAACA;KAAK;IAGV,OAAO;QAAEO;IAAoC;AACjD"}

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

@@ -2,30 +2,26 @@ 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
-  };
+const useEditPageUrl = ()=>{
+    const { goToRoute, getLink } = useRouter();
+    const { currentFolderId } = useNavigateFolder();
+    const getEditPageUrl = useCallback((id)=>getLink(Routes.Pages.Editor, {
+            id,
+            folderId: currentFolderId
+        }), [
+        currentFolderId
+    ]);
+    const goToPageEditor = (id)=>{
+        goToRoute(Routes.Pages.Editor, {
+            id,
+            folderId: currentFolderId
+        });
+    };
+    return {
+        getEditPageUrl,
+        goToPageEditor
+    };
 };
+export { useEditPageUrl };
 
 //# sourceMappingURL=useEditPageUrl.js.map

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

@@ -1 +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":[]}
+{"version":3,"file":"modules/pages/PagesList/hooks/useEditPageUrl.js","sources":["../../../../../src/modules/pages/PagesList/hooks/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"],"names":["useEditPageUrl","goToRoute","getLink","useRouter","currentFolderId","useNavigateFolder","getEditPageUrl","useCallback","id","Routes","goToPageEditor"],"mappings":";;;;AAKO,MAAMA,iBAAiB;IAC1B,MAAM,EAAEC,SAAS,EAAEC,OAAO,EAAE,GAAGC;IAC/B,MAAM,EAAEC,eAAe,EAAE,GAAGC;IAE5B,MAAMC,iBAAiBC,YACnB,CAACC,KACUN,QAAQO,OAAO,KAAK,CAAC,MAAM,EAAE;YAAED;YAAI,UAAUJ;QAAgB,IAExE;QAACA;KAAgB;IAGrB,MAAMM,iBAAiB,CAACF;QACpBP,UAAUQ,OAAO,KAAK,CAAC,MAAM,EAAE;YAAED;YAAI,UAAUJ;QAAgB;IACnE;IAEA,OAAO;QACHE;QACAI;IACJ;AACJ"}