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

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

@@ -2,39 +2,32 @@ import { useCallback } from "react";
 import { useSnackbar } from "@webiny/app-admin";
 import { useMoveToFolderDialog } from "@webiny/app-aco";
 import { useMovePage } from "../../../../features/pages/index.js";
-export function useMovePageToFolderDialog({
-  page
-}) {
-  const {
-    showSnackbar
-  } = useSnackbar();
-  const {
-    showDialog
-  } = useMoveToFolderDialog();
-  const {
-    movePage
-  } = useMovePage();
-  const openMovePageToFolderDialog = useCallback(() => {
-    showDialog({
-      title: "Move page to a new location",
-      message: "Select a new location for this page:",
-      loadingLabel: "Moving page...",
-      acceptLabel: "Move page",
-      focusedFolderId: page.location.folderId,
-      async onAccept({
-        folder
-      }) {
-        await movePage({
-          id: page.id,
-          folderId: folder.id
+function useMovePageToFolderDialog({ page }) {
+    const { showSnackbar } = useSnackbar();
+    const { showDialog } = useMoveToFolderDialog();
+    const { movePage } = useMovePage();
+    const openMovePageToFolderDialog = useCallback(()=>{
+        showDialog({
+            title: "Move page to a new location",
+            message: "Select a new location for this page:",
+            loadingLabel: "Moving page...",
+            acceptLabel: "Move page",
+            focusedFolderId: page.location.folderId,
+            async onAccept ({ folder }) {
+                await movePage({
+                    id: page.id,
+                    folderId: folder.id
+                });
+                showSnackbar(`Page "${page.properties.title}" was successfully moved to folder "${folder.label}"!`);
+            }
         });
-        showSnackbar(`Page "${page.properties.title}" was successfully moved to folder "${folder.label}"!`);
-      }
-    });
-  }, [page.id]);
-  return {
-    openMovePageToFolderDialog
-  };
+    }, [
+        page.id
+    ]);
+    return {
+        openMovePageToFolderDialog
+    };
 }
+export { useMovePageToFolderDialog };
 
 //# sourceMappingURL=useMovePageToFolderDialog.js.map

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/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":[]}
+{"version":3,"file":"modules/pages/PagesList/hooks/useMovePageToFolderDialog.js","sources":["../../../../../src/modules/pages/PagesList/hooks/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"],"names":["useMovePageToFolderDialog","page","showSnackbar","useSnackbar","showDialog","useMoveToFolderDialog","movePage","useMovePage","openMovePageToFolderDialog","useCallback","folder"],"mappings":";;;;AAUO,SAASA,0BAA0B,EAAEC,IAAI,EAA6B;IACzE,MAAM,EAAEC,YAAY,EAAE,GAAGC;IACzB,MAAM,EAAEC,UAAU,EAAE,GAAGC;IACvB,MAAM,EAAEC,QAAQ,EAAE,GAAGC;IAErB,MAAMC,6BAA6BC,YAAY;QAC3CL,WAAW;YACP,OAAO;YACP,SAAS;YACT,cAAc;YACd,aAAa;YACb,iBAAiBH,KAAK,QAAQ,CAAC,QAAQ;YACvC,MAAM,UAAS,EAAES,MAAM,EAAE;gBACrB,MAAMJ,SAAS;oBACX,IAAIL,KAAK,EAAE;oBACX,UAAUS,OAAO,EAAE;gBACvB;gBACAR,aACI,CAAC,MAAM,EAAED,KAAK,UAAU,CAAC,KAAK,CAAC,oCAAoC,EAAES,OAAO,KAAK,CAAC,EAAE,CAAC;YAE7F;QACJ;IACJ,GAAG;QAACT,KAAK,EAAE;KAAC;IAEZ,OAAO;QACHO;IACJ;AACJ"}

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

@@ -1,9 +1,7 @@
 import { createGenericContext } from "@webiny/app";
-const {
-  Provider,
-  useHook
-} = createGenericContext("PageContext");
-export const usePage = useHook;
-export const PageProvider = Provider;
+const { Provider: Provider, useHook: useHook } = createGenericContext("PageContext");
+const usePage = useHook;
+const PageProvider = Provider;
+export { PageProvider, usePage };
 
 //# sourceMappingURL=usePage.js.map

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/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":[]}
+{"version":3,"file":"modules/pages/PagesList/hooks/usePage.js","sources":["../../../../../src/modules/pages/PagesList/hooks/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"],"names":["Provider","useHook","createGenericContext","usePage","PageProvider"],"mappings":";AAOA,MAAM,EAAEA,UAAAA,QAAQ,EAAEC,SAAAA,OAAO,EAAE,GAAGC,qBAAkC;AAEzD,MAAMC,UAAUF;AAChB,MAAMG,eAAeJ"}

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

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

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

@@ -0,0 +1,19 @@
+import { useMemo } from "react";
+import { usePreviewDomain } from "../../../../BaseEditor/defaultConfig/Content/usePreviewDomain.js";
+const usePageLink = (pageDto)=>{
+    const { previewDomain } = usePreviewDomain();
+    return useMemo(()=>{
+        if (!previewDomain || !pageDto.properties.path) return null;
+        try {
+            return new URL(`${previewDomain}${pageDto.properties.path}`).toString();
+        } catch  {
+            return null;
+        }
+    }, [
+        previewDomain,
+        pageDto.properties.path
+    ]);
+};
+export { usePageLink };
+
+//# sourceMappingURL=usePageLink.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"modules/pages/PagesList/hooks/usePageLink.js","sources":["../../../../../src/modules/pages/PagesList/hooks/usePageLink.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport type { PageDto } from \"~/domain/Page/index.js\";\nimport { usePreviewDomain } from \"~/BaseEditor/defaultConfig/Content/usePreviewDomain.js\";\n\nexport const usePageLink = (pageDto: PageDto) => {\n    const { previewDomain } = usePreviewDomain();\n\n    return useMemo(() => {\n        if (!previewDomain || !pageDto.properties.path) {\n            return null;\n        }\n\n        try {\n            return new URL(`${previewDomain}${pageDto.properties.path}`).toString();\n        } catch {\n            return null;\n        }\n    }, [previewDomain, pageDto.properties.path]);\n};\n"],"names":["usePageLink","pageDto","previewDomain","usePreviewDomain","useMemo","URL"],"mappings":";;AAIO,MAAMA,cAAc,CAACC;IACxB,MAAM,EAAEC,aAAa,EAAE,GAAGC;IAE1B,OAAOC,QAAQ;QACX,IAAI,CAACF,iBAAiB,CAACD,QAAQ,UAAU,CAAC,IAAI,EAC1C,OAAO;QAGX,IAAI;YACA,OAAO,IAAII,IAAI,GAAGH,gBAAgBD,QAAQ,UAAU,CAAC,IAAI,EAAE,EAAE,QAAQ;QACzE,EAAE,OAAM;YACJ,OAAO;QACX;IACJ,GAAG;QAACC;QAAeD,QAAQ,UAAU,CAAC,IAAI;KAAC;AAC/C"}

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

@@ -1,30 +1,40 @@
-import { useMemo } from "react";
+import { useEffect, useMemo, useState } from "react";
 import { useTenantContext } from "@webiny/app-admin";
 import { usePreviewDomain } from "../../../../BaseEditor/defaultConfig/Content/usePreviewDomain.js";
-export const usePagePreviewLink = pageDto => {
-  const {
-    tenant
-  } = useTenantContext();
-  const {
-    previewDomain
-  } = usePreviewDomain();
-  return useMemo(() => {
-    if (!previewDomain || !pageDto.properties.path) {
-      return null;
-    }
-    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]);
+import { usePreviewUrlModifier } from "../../../../features/previewUrl/usePreviewUrlModifier.js";
+const usePagePreviewLink = (pageDto)=>{
+    const { tenant } = useTenantContext();
+    const { previewDomain } = usePreviewDomain();
+    const modifier = usePreviewUrlModifier();
+    const baseUrl = useMemo(()=>{
+        if (!previewDomain || !pageDto.properties.path) return null;
+        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
+    ]);
+    const [url, setUrl] = useState(baseUrl);
+    useEffect(()=>{
+        if (!baseUrl) return void setUrl(null);
+        if (!modifier) return void setUrl(baseUrl);
+        const urlObj = new URL(baseUrl);
+        modifier.modify(urlObj).then(()=>setUrl(urlObj.toString()));
+    }, [
+        baseUrl,
+        modifier
+    ]);
+    return url;
 };
+export { usePagePreviewLink };
 
 //# sourceMappingURL=usePagePreviewLink.js.map

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

@@ -1 +1 @@
-{"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/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":[]}
+{"version":3,"file":"modules/pages/PagesList/hooks/usePagePreviewLink.js","sources":["../../../../../src/modules/pages/PagesList/hooks/usePagePreviewLink.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { useTenantContext } from \"@webiny/app-admin\";\nimport type { PageDto } from \"~/domain/Page/index.js\";\nimport { usePreviewDomain } from \"~/BaseEditor/defaultConfig/Content/usePreviewDomain.js\";\nimport { usePreviewUrlModifier } from \"~/features/previewUrl/usePreviewUrlModifier.js\";\n\nexport const usePagePreviewLink = (pageDto: PageDto) => {\n    const { tenant } = useTenantContext();\n    const { previewDomain } = usePreviewDomain();\n    const modifier = usePreviewUrlModifier();\n\n    const baseUrl = 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    const [url, setUrl] = useState<string | null>(baseUrl);\n\n    useEffect(() => {\n        if (!baseUrl) {\n            setUrl(null);\n            return;\n        }\n\n        if (!modifier) {\n            setUrl(baseUrl);\n            return;\n        }\n\n        const urlObj = new URL(baseUrl);\n        modifier.modify(urlObj).then(() => setUrl(urlObj.toString()));\n    }, [baseUrl, modifier]);\n\n    return url;\n};\n"],"names":["usePagePreviewLink","pageDto","tenant","useTenantContext","previewDomain","usePreviewDomain","modifier","usePreviewUrlModifier","baseUrl","useMemo","url","URL","console","setUrl","useState","useEffect","urlObj"],"mappings":";;;;AAMO,MAAMA,qBAAqB,CAACC;IAC/B,MAAM,EAAEC,MAAM,EAAE,GAAGC;IACnB,MAAM,EAAEC,aAAa,EAAE,GAAGC;IAC1B,MAAMC,WAAWC;IAEjB,MAAMC,UAAUC,QAAQ;QACpB,IAAI,CAACL,iBAAiB,CAACH,QAAQ,UAAU,CAAC,IAAI,EAC1C,OAAO;QAGX,IAAI;YACA,MAAMS,MAAM,IAAIC,IAAI,GAAGP,gBAAgBH,QAAQ,UAAU,CAAC,IAAI,EAAE;YAChES,IAAI,YAAY,CAAC,GAAG,CAAC,cAAc;YACnCA,IAAI,YAAY,CAAC,GAAG,CAAC,WAAWT,QAAQ,QAAQ,CAAC,YAAY;YAC7DS,IAAI,YAAY,CAAC,GAAG,CAAC,SAAST,QAAQ,EAAE;YACxCS,IAAI,YAAY,CAAC,GAAG,CAAC,aAAaR;YAClCQ,IAAI,YAAY,CAAC,GAAG,CAAC,WAAWT,QAAQ,UAAU,CAAC,IAAI;YACvD,OAAOS,IAAI,QAAQ;QACvB,EAAE,OAAM;YACJE,QAAQ,GAAG,CACP,CAAC,kCAAkC,EAAER,gBAAgBH,QAAQ,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;YAGnF,OAAO;QACX;IACJ,GAAG;QAACG;KAAc;IAElB,MAAM,CAACM,KAAKG,OAAO,GAAGC,SAAwBN;IAE9CO,UAAU;QACN,IAAI,CAACP,SAAS,YACVK,OAAO;QAIX,IAAI,CAACP,UAAU,YACXO,OAAOL;QAIX,MAAMQ,SAAS,IAAIL,IAAIH;QACvBF,SAAS,MAAM,CAACU,QAAQ,IAAI,CAAC,IAAMH,OAAOG,OAAO,QAAQ;IAC7D,GAAG;QAACR;QAASF;KAAS;IAEtB,OAAOI;AACX"}

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

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

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/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":[]}
+{"version":3,"file":"modules/pages/PagesList/hooks/usePublishPageConfirmationDialog.js","sources":["../../../../../src/modules/pages/PagesList/hooks/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"],"names":["usePublishPageConfirmationDialog","page","publishPage","usePublishPage","showSnackbar","useSnackbar","showConfirmation","useConfirmationDialog","openPublishPageConfirmationDialog","useCallback","ex"],"mappings":";;;AASO,MAAMA,mCAAmC,CAAC,EAC7CC,IAAI,EACgC;IACpC,MAAM,EAAEC,WAAW,EAAE,GAAGC;IACxB,MAAM,EAAEC,YAAY,EAAE,GAAGC;IAEzB,MAAM,EAAEC,gBAAgB,EAAE,GAAGC,sBAAsB;QAC/C,OAAO;QACP,SAAS,WAAT,GACI,oBAAC,WAAE,2CAC0B,oBAAC,gBAAQN,KAAK,UAAU,CAAC,KAAK,GAAU;IAI7E;IAEA,MAAMO,oCAAoCC,YACtC,IACIH,iBAAiB;YACb,IAAI;gBACA,MAAMJ,YAAY;oBAAE,IAAID,KAAK,EAAE;gBAAC;gBAChCG,aAAa,GAAGH,KAAK,UAAU,CAAC,KAAK,CAAC,4BAA4B,CAAC;YACvE,EAAE,OAAOS,IAAI;gBACTN,aAAaM,GAAG,OAAO,IAAI,CAAC,uBAAuB,EAAET,KAAK,UAAU,CAAC,KAAK,EAAE;YAChF;QACJ,IACJ;QAACA;KAAK;IAGV,OAAO;QAAEO;IAAkC;AAC/C"}

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

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

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/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":[]}
+{"version":3,"file":"modules/pages/PagesList/hooks/useUnpublishPageConfirmationDialog.js","sources":["../../../../../src/modules/pages/PagesList/hooks/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"],"names":["useUnpublishPageConfirmationDialog","page","unpublishPage","useUnpublishPage","showSnackbar","useSnackbar","showConfirmation","useConfirmationDialog","openUnpublishPageConfirmationDialog","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,8BAA8B,CAAC;YACzE,EAAE,OAAOS,IAAI;gBACTN,aAAaM,GAAG,OAAO,IAAI,CAAC,yBAAyB,EAAET,KAAK,UAAU,CAAC,KAAK,EAAE;YAClF;QACJ,IACJ;QAACA;KAAK;IAGV,OAAO;QAAEO;IAAoC;AACjD"}

package/modules/pages/PagesList/useDocumentList.js

@@ -6,76 +6,58 @@ import { useSelectPages } from "../../../features/pages/selectPages/useSelectPag
 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,
-    loadFolderHierarchy
-  } = useLoadFolderHierarchy();
-  const {
-    listFoldersByParentIds
-  } = useListFoldersByParentIds();
-  const {
-    currentFolderId
-  } = useNavigateFolder();
-  const {
-    loadPages: listDocuments
-  } = useLoadPages();
-  const {
-    filterPages: filterDocuments
-  } = useFilterPages();
-  const {
-    selectPages: selectDocuments
-  } = useSelectPages();
-  const {
-    presenter
-  } = useFeature(PageListFeature);
-  const params = useMemo(() => ({
-    folderId: currentFolderId
-  }), [currentFolderId]);
-  useEffect(() => {
-    presenter.init(params);
-  }, [params, presenter]);
-  const [vm, setVm] = useState(presenter.vm);
-  useEffect(() => {
-    return autorun(() => {
-      setVm(presenter.vm);
-    });
-  }, [presenter]);
-  const showFilters = useCallback(show => {
-    presenter.showFilters(show);
-
-    // When set to false, it will also clear any applied document filters for the current folder.
-    if (!show) {
-      filterDocuments({}, currentFolderId);
-    }
-  }, [presenter]);
-  useEffect(() => {
-    // The folders collection is empty, it must be the first render, let's load the full hierarchy.
-    if (folders.length === 0) {
-      loadFolderHierarchy(vm.folderId);
-    } else {
-      // Otherwise let's load only the current folder sub-tree
-      listFoldersByParentIds([vm.folderId]);
-    }
-
-    // Close the filter list
-    presenter.showFilters(false);
-
-    // Unselect any selected items
-    selectDocuments([]);
-
-    // List all documents when the current folder changes.
-    listDocuments({
-      folderId: vm.folderId,
-      resetSearch: !isFirstLoad.current
-    });
-    isFirstLoad.current = false;
-  }, [vm.folderId]);
-  return {
-    vm,
-    showFilters
-  };
+const useDocumentList = makeDecoratableHook(()=>{
+    const isFirstLoad = useRef(true);
+    const { folders, loadFolderHierarchy } = useLoadFolderHierarchy();
+    const { listFoldersByParentIds } = useListFoldersByParentIds();
+    const { currentFolderId } = useNavigateFolder();
+    const { loadPages: listDocuments } = useLoadPages();
+    const { filterPages: filterDocuments } = useFilterPages();
+    const { selectPages: selectDocuments } = useSelectPages();
+    const { presenter } = useFeature(PageListFeature);
+    const params = useMemo(()=>({
+            folderId: currentFolderId
+        }), [
+        currentFolderId
+    ]);
+    useEffect(()=>{
+        presenter.init(params);
+    }, [
+        params,
+        presenter
+    ]);
+    const [vm, setVm] = useState(presenter.vm);
+    useEffect(()=>autorun(()=>{
+            setVm(presenter.vm);
+        }), [
+        presenter
+    ]);
+    const showFilters = useCallback((show)=>{
+        presenter.showFilters(show);
+        if (!show) filterDocuments({}, currentFolderId);
+    }, [
+        presenter
+    ]);
+    useEffect(()=>{
+        if (0 === folders.length) loadFolderHierarchy(vm.folderId);
+        else listFoldersByParentIds([
+            vm.folderId
+        ]);
+        presenter.showFilters(false);
+        selectDocuments([]);
+        listDocuments({
+            folderId: vm.folderId,
+            resetSearch: !isFirstLoad.current
+        });
+        isFirstLoad.current = false;
+    }, [
+        vm.folderId
+    ]);
+    return {
+        vm,
+        showFilters
+    };
 });
+export { useDocumentList };
 
 //# sourceMappingURL=useDocumentList.js.map

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"modules/pages/PagesList/useDocumentList.js","sources":["../../../../src/modules/pages/PagesList/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"],"names":["useDocumentList","makeDecoratableHook","isFirstLoad","useRef","folders","loadFolderHierarchy","useLoadFolderHierarchy","listFoldersByParentIds","useListFoldersByParentIds","currentFolderId","useNavigateFolder","listDocuments","useLoadPages","filterDocuments","useFilterPages","selectDocuments","useSelectPages","presenter","useFeature","PageListFeature","params","useMemo","useEffect","vm","setVm","useState","autorun","showFilters","useCallback","show"],"mappings":";;;;;;;;AAaO,MAAMA,kBAAkBC,oBAAoB;IAC/C,MAAMC,cAAcC,OAAO;IAC3B,MAAM,EAAEC,OAAO,EAAEC,mBAAmB,EAAE,GAAGC;IACzC,MAAM,EAAEC,sBAAsB,EAAE,GAAGC;IACnC,MAAM,EAAEC,eAAe,EAAE,GAAGC;IAC5B,MAAM,EAAE,WAAWC,aAAa,EAAE,GAAGC;IACrC,MAAM,EAAE,aAAaC,eAAe,EAAE,GAAGC;IACzC,MAAM,EAAE,aAAaC,eAAe,EAAE,GAAGC;IACzC,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAAWC;IAEjC,MAAMC,SAASC,QACX,IAAO;YACH,UAAUZ;QACd,IACA;QAACA;KAAgB;IAGrBa,UAAU;QACNL,UAAU,IAAI,CAACG;IACnB,GAAG;QAACA;QAAQH;KAAU;IAEtB,MAAM,CAACM,IAAIC,MAAM,GAAGC,SAASR,UAAU,EAAE;IAEzCK,UAAU,IACCI,QAAQ;YACXF,MAAMP,UAAU,EAAE;QACtB,IACD;QAACA;KAAU;IAEd,MAAMU,cAAcC,YAChB,CAACC;QACGZ,UAAU,WAAW,CAACY;QAGtB,IAAI,CAACA,MACDhB,gBAAgB,CAAC,GAAGJ;IAE5B,GACA;QAACQ;KAAU;IAGfK,UAAU;QAEN,IAAIlB,AAAmB,MAAnBA,QAAQ,MAAM,EACdC,oBAAoBkB,GAAG,QAAQ;aAG/BhB,uBAAuB;YAACgB,GAAG,QAAQ;SAAC;QAIxCN,UAAU,WAAW,CAAC;QAGtBF,gBAAgB,EAAE;QAGlBJ,cAAc;YACV,UAAUY,GAAG,QAAQ;YACrB,aAAa,CAACrB,YAAY,OAAO;QACrC;QACAA,YAAY,OAAO,GAAG;IAC1B,GAAG;QAACqB,GAAG,QAAQ;KAAC;IAEhB,OAAO;QACHA;QACAI;IACJ;AACJ"}