@webiny/app-website-builder 6.0.0-alpha.0

package/DocumentList/hooks/useGetEditPageUrl.js

@@ -0,0 +1,23 @@
+import { useCallback } from "react";
+import { useNavigateFolder } from "@webiny/app-aco";
+import { PAGE_EDITOR_ROUTE } from "../../constants.js";
+export const useGetEditPageUrl = () => {
+  const {
+    currentFolderId
+  } = useNavigateFolder();
+  const getEditPageUrl = useCallback(id => {
+    const queryParams = [];
+    if (currentFolderId) {
+      {
+        queryParams.push(`folderId=${encodeURIComponent(currentFolderId)}`);
+      }
+    }
+    const idPath = encodeURIComponent(id);
+    return `${PAGE_EDITOR_ROUTE}/${idPath}?${queryParams.join("&")}`;
+  }, [currentFolderId]);
+  return {
+    getEditPageUrl
+  };
+};
+
+//# sourceMappingURL=useGetEditPageUrl.js.map

package/DocumentList/hooks/useGetEditPageUrl.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useNavigateFolder","PAGE_EDITOR_ROUTE","useGetEditPageUrl","currentFolderId","getEditPageUrl","id","queryParams","push","encodeURIComponent","idPath","join"],"sources":["useGetEditPageUrl.tsx"],"sourcesContent":["import { useCallback } from \"react\";\nimport { useNavigateFolder } from \"@webiny/app-aco\";\nimport { PAGE_EDITOR_ROUTE } from \"~/constants.js\";\n\nexport const useGetEditPageUrl = () => {\n    const { currentFolderId } = useNavigateFolder();\n\n    const getEditPageUrl = useCallback(\n        (id: string) => {\n            const queryParams = [];\n            if (currentFolderId) {\n                {\n                    queryParams.push(`folderId=${encodeURIComponent(currentFolderId)}`);\n                }\n            }\n\n            const idPath = encodeURIComponent(id);\n\n            return `${PAGE_EDITOR_ROUTE}/${idPath}?${queryParams.join(\"&\")}`;\n        },\n        [currentFolderId]\n    );\n\n    return {\n        getEditPageUrl\n    };\n};\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,OAAO;AACnC,SAASC,iBAAiB,QAAQ,iBAAiB;AACnD,SAASC,iBAAiB;AAE1B,OAAO,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;EACnC,MAAM;IAAEC;EAAgB,CAAC,GAAGH,iBAAiB,CAAC,CAAC;EAE/C,MAAMI,cAAc,GAAGL,WAAW,CAC7BM,EAAU,IAAK;IACZ,MAAMC,WAAW,GAAG,EAAE;IACtB,IAAIH,eAAe,EAAE;MACjB;QACIG,WAAW,CAACC,IAAI,CAAC,YAAYC,kBAAkB,CAACL,eAAe,CAAC,EAAE,CAAC;MACvE;IACJ;IAEA,MAAMM,MAAM,GAAGD,kBAAkB,CAACH,EAAE,CAAC;IAErC,OAAO,GAAGJ,iBAAiB,IAAIQ,MAAM,IAAIH,WAAW,CAACI,IAAI,CAAC,GAAG,CAAC,EAAE;EACpE,CAAC,EACD,CAACP,eAAe,CACpB,CAAC;EAED,OAAO;IACHC;EACJ,CAAC;AACL,CAAC","ignoreList":[]}

package/DocumentList/hooks/useMovePageToFolderDialog.d.ts

@@ -0,0 +1,8 @@
+import type { DocumentDto } from "../presenters/index.js";
+interface UseMovePageToFolderDialog {
+    page: DocumentDto;
+}
+export declare function useMovePageToFolderDialog({ page }: UseMovePageToFolderDialog): {
+    openMovePageToFolderDialog: () => void;
+};
+export {};

package/DocumentList/hooks/useMovePageToFolderDialog.js

@@ -0,0 +1,40 @@
+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.data.location.folderId,
+      async onAccept({
+        folder
+      }) {
+        await movePage({
+          id: page.id,
+          folderId: folder.id
+        });
+        showSnackbar(`Page "${page.title}" was successfully moved to folder "${folder.label}"!`);
+      }
+    });
+  }, [page.id]);
+  return {
+    openMovePageToFolderDialog
+  };
+}
+
+//# sourceMappingURL=useMovePageToFolderDialog.js.map

package/DocumentList/hooks/useMovePageToFolderDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useSnackbar","useMoveToFolderDialog","useMovePage","useMovePageToFolderDialog","page","showSnackbar","showDialog","movePage","openMovePageToFolderDialog","title","message","loadingLabel","acceptLabel","focusedFolderId","data","location","folderId","onAccept","folder","id","label"],"sources":["useMovePageToFolderDialog.tsx"],"sourcesContent":["import { useCallback } from \"react\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { useMoveToFolderDialog } from \"@webiny/app-aco\";\nimport type { DocumentDto } from \"~/DocumentList/presenters/index.js\";\nimport { useMovePage } from \"~/features/pages/index.js\";\n\ninterface UseMovePageToFolderDialog {\n    page: DocumentDto;\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.data.location.folderId,\n            async onAccept({ folder }) {\n                await movePage({\n                    id: page.id,\n                    folderId: folder.id\n                });\n                showSnackbar(\n                    `Page \"${page.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;AAEvD,SAASC,WAAW;AAMpB,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,IAAI,CAACC,QAAQ,CAACC,QAAQ;MAC5C,MAAMC,QAAQA,CAAC;QAAEC;MAAO,CAAC,EAAE;QACvB,MAAMX,QAAQ,CAAC;UACXY,EAAE,EAAEf,IAAI,CAACe,EAAE;UACXH,QAAQ,EAAEE,MAAM,CAACC;QACrB,CAAC,CAAC;QACFd,YAAY,CACR,SAASD,IAAI,CAACK,KAAK,uCAAuCS,MAAM,CAACE,KAAK,IAC1E,CAAC;MACL;IACJ,CAAC,CAAC;EACN,CAAC,EAAE,CAAChB,IAAI,CAACe,EAAE,CAAC,CAAC;EAEb,OAAO;IACHX;EACJ,CAAC;AACL","ignoreList":[]}

package/DocumentList/hooks/usePublishPageConfirmationDialog.d.ts

@@ -0,0 +1,8 @@
+import type { DocumentDto } from "../presenters/index.js";
+interface UsePublishPageConfirmationDialogProps {
+    page: DocumentDto;
+}
+export declare const usePublishPageConfirmationDialog: ({ page }: UsePublishPageConfirmationDialogProps) => {
+    openPublishPageConfirmationDialog: () => void;
+};
+export {};

package/DocumentList/hooks/usePublishPageConfirmationDialog.js

@@ -0,0 +1,34 @@
+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.title), ". Are you sure you want to continue?")
+  });
+  const openPublishPageConfirmationDialog = useCallback(() => showConfirmation(async () => {
+    try {
+      await publishPage({
+        id: page.id
+      });
+      showSnackbar(`${page.title} was published successfully!`);
+    } catch (ex) {
+      showSnackbar(ex.message || `Error while publishing ${page.title}`);
+    }
+  }), [page]);
+  return {
+    openPublishPageConfirmationDialog
+  };
+};
+
+//# sourceMappingURL=usePublishPageConfirmationDialog.js.map

package/DocumentList/hooks/usePublishPageConfirmationDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","usePublishPage","useConfirmationDialog","useSnackbar","usePublishPageConfirmationDialog","page","publishPage","showSnackbar","showConfirmation","title","message","createElement","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 { DocumentDto } from \"~/DocumentList/presenters/index.js\";\n\ninterface UsePublishPageConfirmationDialogProps {\n    page: DocumentDto;\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.title}</strong>. Are you sure you want to\n                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.title} was published successfully!`);\n                } catch (ex) {\n                    showSnackbar(ex.message || `Error while publishing ${page.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,CAACI,KAAc,CAAC,wCAEvD;EAEX,CAAC,CAAC;EAEF,MAAMG,iCAAiC,GAAGZ,WAAW,CACjD,MACIQ,gBAAgB,CAAC,YAAY;IACzB,IAAI;MACA,MAAMF,WAAW,CAAC;QAAEO,EAAE,EAAER,IAAI,CAACQ;MAAG,CAAC,CAAC;MAClCN,YAAY,CAAC,GAAGF,IAAI,CAACI,KAAK,8BAA8B,CAAC;IAC7D,CAAC,CAAC,OAAOK,EAAE,EAAE;MACTP,YAAY,CAACO,EAAE,CAACJ,OAAO,IAAI,0BAA0BL,IAAI,CAACI,KAAK,EAAE,CAAC;IACtE;EACJ,CAAC,CAAC,EACN,CAACJ,IAAI,CACT,CAAC;EAED,OAAO;IAAEO;EAAkC,CAAC;AAChD,CAAC","ignoreList":[]}

package/DocumentList/hooks/useUnpublishPageConfirmationDialog.d.ts

@@ -0,0 +1,8 @@
+import type { DocumentDto } from "../presenters/index.js";
+interface UseUnpublishPageConfirmationDialogProps {
+    page: DocumentDto;
+}
+export declare const useUnpublishPageConfirmationDialog: ({ page }: UseUnpublishPageConfirmationDialogProps) => {
+    openUnpublishPageConfirmationDialog: () => void;
+};
+export {};

package/DocumentList/hooks/useUnpublishPageConfirmationDialog.js

@@ -0,0 +1,34 @@
+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.title), ". Are you sure you want to continue?")
+  });
+  const openUnpublishPageConfirmationDialog = useCallback(() => showConfirmation(async () => {
+    try {
+      await unpublishPage({
+        id: page.id
+      });
+      showSnackbar(`${page.title} was unpublished successfully!`);
+    } catch (ex) {
+      showSnackbar(ex.message || `Error while unpublishing ${page.title}`);
+    }
+  }), [page]);
+  return {
+    openUnpublishPageConfirmationDialog
+  };
+};
+
+//# sourceMappingURL=useUnpublishPageConfirmationDialog.js.map

package/DocumentList/hooks/useUnpublishPageConfirmationDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useUnpublishPage","useConfirmationDialog","useSnackbar","useUnpublishPageConfirmationDialog","page","unpublishPage","showSnackbar","showConfirmation","title","message","createElement","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 { DocumentDto } from \"~/DocumentList/presenters/index.js\";\n\ninterface UseUnpublishPageConfirmationDialogProps {\n    page: DocumentDto;\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.title}</strong>. Are you sure you want to\n                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.title} was unpublished successfully!`);\n                } catch (ex) {\n                    showSnackbar(ex.message || `Error while unpublishing ${page.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,CAACI,KAAc,CAAC,wCAEzD;EAEX,CAAC,CAAC;EAEF,MAAMG,mCAAmC,GAAGZ,WAAW,CACnD,MACIQ,gBAAgB,CAAC,YAAY;IACzB,IAAI;MACA,MAAMF,aAAa,CAAC;QAAEO,EAAE,EAAER,IAAI,CAACQ;MAAG,CAAC,CAAC;MACpCN,YAAY,CAAC,GAAGF,IAAI,CAACI,KAAK,gCAAgC,CAAC;IAC/D,CAAC,CAAC,OAAOK,EAAE,EAAE;MACTP,YAAY,CAACO,EAAE,CAACJ,OAAO,IAAI,4BAA4BL,IAAI,CAACI,KAAK,EAAE,CAAC;IACxE;EACJ,CAAC,CAAC,EACN,CAACJ,IAAI,CACT,CAAC;EAED,OAAO;IAAEO;EAAoC,CAAC;AAClD,CAAC","ignoreList":[]}

package/DocumentList/presenters/DocumentListMapper.d.ts

@@ -0,0 +1,19 @@
+import { Folder } from "@webiny/app-aco";
+import { Page } from "../../domain/Page/index.js";
+import type { WbIdentity } from "../../types.js";
+export interface DocumentDto {
+    id: string;
+    $type: "DOCUMENT" | "FOLDER";
+    $selectable: boolean;
+    title: string;
+    createdBy: WbIdentity;
+    savedBy: WbIdentity;
+    createdOn: string;
+    savedOn: string;
+    data: Record<string, any>;
+}
+export declare class DocumentListMapper {
+    static fromPage(page: Page): DocumentDto;
+    static fromFolder(folder: Folder): DocumentDto;
+    private static getIdentity;
+}

package/DocumentList/presenters/DocumentListMapper.js

@@ -0,0 +1,39 @@
+import { FolderDtoMapper } from "@webiny/app-aco";
+import { PageDtoMapper } from "../../domain/Page/index.js";
+export class DocumentListMapper {
+  static fromPage(page) {
+    return {
+      id: page.id,
+      $type: "DOCUMENT",
+      $selectable: true,
+      title: page.properties.title ?? "",
+      createdBy: this.getIdentity(page.createdBy),
+      createdOn: page.createdOn,
+      savedBy: this.getIdentity(page.savedBy),
+      savedOn: page.savedOn,
+      data: PageDtoMapper.toDTO(page)
+    };
+  }
+  static fromFolder(folder) {
+    return {
+      id: folder.id,
+      $type: "FOLDER",
+      $selectable: false,
+      title: folder.title,
+      createdBy: this.getIdentity(folder.createdBy),
+      createdOn: folder.createdOn || "",
+      savedBy: this.getIdentity(folder.savedBy),
+      savedOn: folder.savedOn || "",
+      data: FolderDtoMapper.toDTO(folder)
+    };
+  }
+  static getIdentity(identity) {
+    return {
+      id: identity?.id || "",
+      displayName: identity?.displayName || "",
+      type: identity?.type || ""
+    };
+  }
+}
+
+//# sourceMappingURL=DocumentListMapper.js.map

package/DocumentList/presenters/DocumentListMapper.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FolderDtoMapper","PageDtoMapper","DocumentListMapper","fromPage","page","id","$type","$selectable","title","properties","createdBy","getIdentity","createdOn","savedBy","savedOn","data","toDTO","fromFolder","folder","identity","displayName","type"],"sources":["DocumentListMapper.ts"],"sourcesContent":["import { Folder, FolderDtoMapper } from \"@webiny/app-aco\";\nimport { Page, PageDtoMapper } from \"~/domain/Page/index.js\";\nimport type { WbIdentity } from \"~/types.js\";\nimport { CmsIdentity } from \"@webiny/app-headless-cms-common/types/shared.js\";\n\nexport interface DocumentDto {\n    id: string;\n    $type: \"DOCUMENT\" | \"FOLDER\";\n    $selectable: boolean;\n    title: string;\n    createdBy: WbIdentity;\n    savedBy: WbIdentity;\n    createdOn: string;\n    savedOn: string;\n    data: Record<string, any>;\n}\n\nexport class DocumentListMapper {\n    static fromPage(page: Page): DocumentDto {\n        return {\n            id: page.id,\n            $type: \"DOCUMENT\",\n            $selectable: true,\n            title: page.properties.title ?? \"\",\n            createdBy: this.getIdentity(page.createdBy),\n            createdOn: page.createdOn,\n            savedBy: this.getIdentity(page.savedBy),\n            savedOn: page.savedOn,\n            data: PageDtoMapper.toDTO(page)\n        };\n    }\n\n    static fromFolder(folder: Folder): DocumentDto {\n        return {\n            id: folder.id,\n            $type: \"FOLDER\",\n            $selectable: false,\n            title: folder.title,\n            createdBy: this.getIdentity(folder.createdBy),\n            createdOn: folder.createdOn || \"\",\n            savedBy: this.getIdentity(folder.savedBy),\n            savedOn: folder.savedOn || \"\",\n            data: FolderDtoMapper.toDTO(folder)\n        };\n    }\n\n    private static getIdentity(identity: WbIdentity | CmsIdentity | undefined | null): WbIdentity {\n        return {\n            id: identity?.id || \"\",\n            displayName: identity?.displayName || \"\",\n            type: identity?.type || \"\"\n        };\n    }\n}\n"],"mappings":"AAAA,SAAiBA,eAAe,QAAQ,iBAAiB;AACzD,SAAeC,aAAa;AAgB5B,OAAO,MAAMC,kBAAkB,CAAC;EAC5B,OAAOC,QAAQA,CAACC,IAAU,EAAe;IACrC,OAAO;MACHC,EAAE,EAAED,IAAI,CAACC,EAAE;MACXC,KAAK,EAAE,UAAU;MACjBC,WAAW,EAAE,IAAI;MACjBC,KAAK,EAAEJ,IAAI,CAACK,UAAU,CAACD,KAAK,IAAI,EAAE;MAClCE,SAAS,EAAE,IAAI,CAACC,WAAW,CAACP,IAAI,CAACM,SAAS,CAAC;MAC3CE,SAAS,EAAER,IAAI,CAACQ,SAAS;MACzBC,OAAO,EAAE,IAAI,CAACF,WAAW,CAACP,IAAI,CAACS,OAAO,CAAC;MACvCC,OAAO,EAAEV,IAAI,CAACU,OAAO;MACrBC,IAAI,EAAEd,aAAa,CAACe,KAAK,CAACZ,IAAI;IAClC,CAAC;EACL;EAEA,OAAOa,UAAUA,CAACC,MAAc,EAAe;IAC3C,OAAO;MACHb,EAAE,EAAEa,MAAM,CAACb,EAAE;MACbC,KAAK,EAAE,QAAQ;MACfC,WAAW,EAAE,KAAK;MAClBC,KAAK,EAAEU,MAAM,CAACV,KAAK;MACnBE,SAAS,EAAE,IAAI,CAACC,WAAW,CAACO,MAAM,CAACR,SAAS,CAAC;MAC7CE,SAAS,EAAEM,MAAM,CAACN,SAAS,IAAI,EAAE;MACjCC,OAAO,EAAE,IAAI,CAACF,WAAW,CAACO,MAAM,CAACL,OAAO,CAAC;MACzCC,OAAO,EAAEI,MAAM,CAACJ,OAAO,IAAI,EAAE;MAC7BC,IAAI,EAAEf,eAAe,CAACgB,KAAK,CAACE,MAAM;IACtC,CAAC;EACL;EAEA,OAAeP,WAAWA,CAACQ,QAAqD,EAAc;IAC1F,OAAO;MACHd,EAAE,EAAEc,QAAQ,EAAEd,EAAE,IAAI,EAAE;MACtBe,WAAW,EAAED,QAAQ,EAAEC,WAAW,IAAI,EAAE;MACxCC,IAAI,EAAEF,QAAQ,EAAEE,IAAI,IAAI;IAC5B,CAAC;EACL;AACJ","ignoreList":[]}

package/DocumentList/presenters/DocumentListPresenter.d.ts

@@ -0,0 +1,50 @@
+interface DocumentListPresenterParams {
+    folderId: string;
+}
+declare class DocumentListPresenter {
+    private folderId;
+    private foldersCache;
+    private foldersLoadingRepository;
+    private documentsCache;
+    private documentsLoadingRepository;
+    private searchRepository;
+    private metaRepository;
+    private sortingRepository;
+    private filterRepository;
+    private selectedRepository;
+    private filtersVisible;
+    constructor();
+    init(params: DocumentListPresenterParams): void;
+    get vm(): {
+        folderId: string;
+        title: string | undefined;
+        data: import("./DocumentListMapper.js").DocumentDto[];
+        selected: any[];
+        meta: {
+            totalCount: number;
+            currentCount: number;
+        };
+        sorting: import("@webiny/app-utils").ColumnSorting[];
+        searchQuery: string;
+        isSearch: boolean;
+        isEmpty: boolean;
+        isRoot: boolean;
+        isLoading: boolean;
+        isLoadingMore: boolean;
+        isFilterVisible: boolean;
+    };
+    showFilters: (show: boolean) => void;
+    private getIsRoot;
+    private getVmTitle;
+    private getVmDocuments;
+    private getVmFolders;
+    private getData;
+    private getSelected;
+    private sortItems;
+    private getIsSearch;
+    private getIsLoading;
+    private getIsLoadingMore;
+    private getIsEmpty;
+    private getSorting;
+}
+export { DocumentListPresenter, type DocumentListPresenterParams };

package/DocumentList/presenters/DocumentListPresenter.js

@@ -0,0 +1,114 @@
+import { makeAutoObservable } from "mobx";
+import orderBy from "lodash/orderBy";
+import { loadingActions, ROOT_FOLDER, WB_PAGE_APP } from "../../constants.js";
+import { loadingRepositoryFactory, metaRepositoryFactory, SortingMapper, sortRepositoryFactory } from "@webiny/app-utils";
+import { pageListCache } from "../../domain/Page/index.js";
+import { folderCacheFactory } from "@webiny/app-aco";
+import { DocumentListMapper } from "./DocumentListMapper.js";
+import { searchRepositoryFactory } from "../../domain/Search/index.js";
+import { selectedItemsRepositoryFactory } from "../../domain/SelectedItem/index.js";
+import { filterRepositoryFactory } from "../../domain/Filter/index.js";
+class DocumentListPresenter {
+  folderId = ROOT_FOLDER;
+  filtersVisible = false;
+  constructor() {
+    this.foldersCache = folderCacheFactory.getCache(WB_PAGE_APP);
+    this.foldersLoadingRepository = loadingRepositoryFactory.getRepository(WB_PAGE_APP);
+    this.documentsCache = pageListCache;
+    this.documentsLoadingRepository = loadingRepositoryFactory.getRepository("WbPage");
+    this.searchRepository = searchRepositoryFactory.getRepository("WbPage");
+    this.metaRepository = metaRepositoryFactory.getRepository("WbPage");
+    this.sortingRepository = sortRepositoryFactory.getRepository("WbPage");
+    this.filterRepository = filterRepositoryFactory.getRepository("WbPage");
+    this.selectedRepository = selectedItemsRepositoryFactory.getRepository("WbPage");
+    makeAutoObservable(this);
+  }
+  init(params) {
+    this.folderId = params.folderId;
+  }
+  get vm() {
+    return {
+      folderId: this.folderId,
+      title: this.getVmTitle(),
+      data: this.getData(),
+      selected: this.getSelected(),
+      meta: {
+        totalCount: this.metaRepository.get().totalCount ?? 0,
+        currentCount: this.documentsCache.count() ?? 0
+      },
+      sorting: this.getSorting(),
+      searchQuery: this.searchRepository.get() || "",
+      isSearch: this.getIsSearch(),
+      isEmpty: this.getIsEmpty(),
+      isRoot: this.getIsRoot(),
+      isLoading: this.getIsLoading(),
+      isLoadingMore: this.getIsLoadingMore(),
+      isFilterVisible: this.filtersVisible
+    };
+  }
+  showFilters = show => {
+    this.filtersVisible = show;
+  };
+  getIsRoot = () => {
+    return this.folderId === ROOT_FOLDER;
+  };
+  getVmTitle = () => {
+    return !this.getIsLoading() ? this.foldersCache.getItem(f => f.id === this.folderId)?.title : undefined;
+  };
+  getVmDocuments = () => {
+    return this.documentsCache.getItems().map(d => DocumentListMapper.fromPage(d));
+  };
+  getVmFolders = () => {
+    const folders = this.foldersCache.getItems().filter(f => {
+      if (this.folderId === ROOT_FOLDER) {
+        return f.parentId === null;
+      } else {
+        return f.parentId === this.folderId;
+      }
+    });
+    return folders.map(f => DocumentListMapper.fromFolder(f));
+  };
+  getData = () => {
+    if (this.getIsSearch()) {
+      // Only documents, sorted if needed
+      return this.sortItems(this.getVmDocuments());
+    }
+
+    // Not in search: folders first, then documents, both sorted if needed
+    const folders = this.sortItems(this.getVmFolders());
+    const documents = this.sortItems(this.getVmDocuments());
+    return [...folders, ...documents];
+  };
+  getSelected = () => {
+    return this.selectedRepository.getSelectedItems();
+  };
+  sortItems(items) {
+    const sorts = this.sortingRepository.get();
+    if (sorts.length === 0) {
+      return items;
+    }
+    const iteratees = sorts.map(sort => sort.field);
+    const orders = sorts.map(sort => sort.order);
+    return orderBy(items, iteratees, orders);
+  }
+  getIsSearch = () => {
+    return Boolean(this.searchRepository.get() || this.filterRepository.hasFilters());
+  };
+  getIsLoading = () => {
+    return Boolean(this.documentsLoadingRepository.isLoading(loadingActions.init) || this.documentsLoadingRepository.isLoading(loadingActions.list) || this.foldersLoadingRepository.isLoading(this.folderId));
+  };
+  getIsLoadingMore = () => {
+    return Boolean(this.documentsLoadingRepository.isLoading(loadingActions.listMore));
+  };
+  getIsEmpty() {
+    return !this.getIsLoading() && !this.getData().length;
+  }
+  getSorting = () => {
+    return this.sortingRepository.get().map(sort => {
+      return SortingMapper.fromDTOtoColumn(sort);
+    });
+  };
+}
+export { DocumentListPresenter };
+
+//# sourceMappingURL=DocumentListPresenter.js.map

package/DocumentList/presenters/DocumentListPresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["makeAutoObservable","orderBy","loadingActions","ROOT_FOLDER","WB_PAGE_APP","loadingRepositoryFactory","metaRepositoryFactory","SortingMapper","sortRepositoryFactory","pageListCache","folderCacheFactory","DocumentListMapper","searchRepositoryFactory","selectedItemsRepositoryFactory","filterRepositoryFactory","DocumentListPresenter","folderId","filtersVisible","constructor","foldersCache","getCache","foldersLoadingRepository","getRepository","documentsCache","documentsLoadingRepository","searchRepository","metaRepository","sortingRepository","filterRepository","selectedRepository","init","params","vm","title","getVmTitle","data","getData","selected","getSelected","meta","totalCount","get","currentCount","count","sorting","getSorting","searchQuery","isSearch","getIsSearch","isEmpty","getIsEmpty","isRoot","getIsRoot","isLoading","getIsLoading","isLoadingMore","getIsLoadingMore","isFilterVisible","showFilters","show","getItem","f","id","undefined","getVmDocuments","getItems","map","d","fromPage","getVmFolders","folders","filter","parentId","fromFolder","sortItems","documents","getSelectedItems","items","sorts","length","iteratees","sort","field","orders","order","Boolean","hasFilters","list","listMore","fromDTOtoColumn"],"sources":["DocumentListPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport orderBy from \"lodash/orderBy\";\nimport { loadingActions, ROOT_FOLDER, WB_PAGE_APP } from \"~/constants.js\";\nimport {\n    type ILoadingRepository,\n    type IMetaRepository,\n    ISortingRepository,\n    loadingRepositoryFactory,\n    metaRepositoryFactory,\n    SortingMapper,\n    sortRepositoryFactory\n} from \"@webiny/app-utils\";\nimport { type IListCache, type Page, pageListCache } from \"~/domain/Page/index.js\";\nimport { Folder, folderCacheFactory } from \"@webiny/app-aco\";\nimport { DocumentListMapper } from \"~/DocumentList/presenters/DocumentListMapper.js\";\nimport { type ISearchRepository, searchRepositoryFactory } from \"~/domain/Search/index.js\";\nimport {\n    type ISelectedItemsRepository,\n    selectedItemsRepositoryFactory\n} from \"~/domain/SelectedItem/index.js\";\nimport { filterRepositoryFactory, type IFilterRepository } from \"~/domain/Filter/index.js\";\n\ninterface DocumentListPresenterParams {\n    folderId: string;\n}\n\nclass DocumentListPresenter {\n    private folderId: string = ROOT_FOLDER;\n    private foldersCache: IListCache<Folder>;\n    private foldersLoadingRepository: ILoadingRepository;\n    private documentsCache: IListCache<Page>;\n    private documentsLoadingRepository: ILoadingRepository;\n    private searchRepository: ISearchRepository;\n    private metaRepository: IMetaRepository;\n    private sortingRepository: ISortingRepository;\n    private filterRepository: IFilterRepository;\n    private selectedRepository: ISelectedItemsRepository;\n    private filtersVisible: boolean = false;\n\n    constructor() {\n        this.foldersCache = folderCacheFactory.getCache(WB_PAGE_APP);\n        this.foldersLoadingRepository = loadingRepositoryFactory.getRepository(WB_PAGE_APP);\n        this.documentsCache = pageListCache;\n        this.documentsLoadingRepository = loadingRepositoryFactory.getRepository(\"WbPage\");\n        this.searchRepository = searchRepositoryFactory.getRepository(\"WbPage\");\n        this.metaRepository = metaRepositoryFactory.getRepository(\"WbPage\");\n        this.sortingRepository = sortRepositoryFactory.getRepository(\"WbPage\");\n        this.filterRepository = filterRepositoryFactory.getRepository(\"WbPage\");\n        this.selectedRepository = selectedItemsRepositoryFactory.getRepository(\"WbPage\");\n        makeAutoObservable(this);\n    }\n\n    public init(params: DocumentListPresenterParams) {\n        this.folderId = params.folderId;\n    }\n\n    public get vm() {\n        return {\n            folderId: this.folderId,\n            title: this.getVmTitle(),\n            data: this.getData(),\n            selected: this.getSelected(),\n            meta: {\n                totalCount: this.metaRepository.get().totalCount ?? 0,\n                currentCount: this.documentsCache.count() ?? 0\n            },\n            sorting: this.getSorting(),\n            searchQuery: this.searchRepository.get() || \"\",\n            isSearch: this.getIsSearch(),\n            isEmpty: this.getIsEmpty(),\n            isRoot: this.getIsRoot(),\n            isLoading: this.getIsLoading(),\n            isLoadingMore: this.getIsLoadingMore(),\n            isFilterVisible: this.filtersVisible\n        };\n    }\n\n    public showFilters = (show: boolean) => {\n        this.filtersVisible = show;\n    };\n\n    private getIsRoot = () => {\n        return this.folderId === ROOT_FOLDER;\n    };\n\n    private getVmTitle = () => {\n        return !this.getIsLoading()\n            ? this.foldersCache.getItem(f => f.id === this.folderId)?.title\n            : undefined;\n    };\n\n    private getVmDocuments = () => {\n        return this.documentsCache.getItems().map(d => DocumentListMapper.fromPage(d));\n    };\n\n    private getVmFolders = () => {\n        const folders = this.foldersCache.getItems().filter(f => {\n            if (this.folderId === ROOT_FOLDER) {\n                return f.parentId === null;\n            } else {\n                return f.parentId === this.folderId;\n            }\n        });\n\n        return folders.map(f => DocumentListMapper.fromFolder(f));\n    };\n\n    private getData = () => {\n        if (this.getIsSearch()) {\n            // Only documents, sorted if needed\n            return this.sortItems(this.getVmDocuments());\n        }\n\n        // Not in search: folders first, then documents, both sorted if needed\n        const folders = this.sortItems(this.getVmFolders());\n        const documents = this.sortItems(this.getVmDocuments());\n        return [...folders, ...documents];\n    };\n\n    private getSelected = () => {\n        return this.selectedRepository.getSelectedItems();\n    };\n\n    private sortItems<T>(items: T[]): T[] {\n        const sorts = this.sortingRepository.get();\n        if (sorts.length === 0) {\n            return items;\n        }\n        const iteratees = sorts.map(sort => sort.field);\n        const orders = sorts.map(sort => sort.order);\n        return orderBy(items, iteratees, orders);\n    }\n\n    private getIsSearch = () => {\n        return Boolean(this.searchRepository.get() || this.filterRepository.hasFilters());\n    };\n\n    private getIsLoading = () => {\n        return Boolean(\n            this.documentsLoadingRepository.isLoading(loadingActions.init) ||\n                this.documentsLoadingRepository.isLoading(loadingActions.list) ||\n                this.foldersLoadingRepository.isLoading(this.folderId)\n        );\n    };\n\n    private getIsLoadingMore = () => {\n        return Boolean(this.documentsLoadingRepository.isLoading(loadingActions.listMore));\n    };\n\n    private getIsEmpty() {\n        return !this.getIsLoading() && !this.getData().length;\n    }\n\n    private getSorting = () => {\n        return this.sortingRepository.get().map(sort => {\n            return SortingMapper.fromDTOtoColumn(sort);\n        });\n    };\n}\n\nexport { DocumentListPresenter, type DocumentListPresenterParams };\n"],"mappings":"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","ignoreList":[]}

package/DocumentList/presenters/DocumentListPresenterContext.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import { DocumentListPresenter } from "./DocumentListPresenter";
+export declare const DocumentListPresenterProvider: React.FC<{
+    children: React.ReactNode;
+}>;
+export declare function useDocumentListPresenter(): DocumentListPresenter;

package/DocumentList/presenters/DocumentListPresenterContext.js

@@ -0,0 +1,20 @@
+import React, { createContext, useContext, useMemo } from "react";
+import { DocumentListPresenter } from "./DocumentListPresenter";
+const DocumentListPresenterContext = /*#__PURE__*/createContext(null);
+export const DocumentListPresenterProvider = ({
+  children
+}) => {
+  const presenter = useMemo(() => new DocumentListPresenter(), []);
+  return /*#__PURE__*/React.createElement(DocumentListPresenterContext.Provider, {
+    value: presenter
+  }, children);
+};
+export function useDocumentListPresenter() {
+  const presenter = useContext(DocumentListPresenterContext);
+  if (!presenter) {
+    throw new Error("useDocumentListPresenter must be used within a DocumentListPresenterProvider");
+  }
+  return presenter;
+}
+
+//# sourceMappingURL=DocumentListPresenterContext.js.map

package/DocumentList/presenters/DocumentListPresenterContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","createContext","useContext","useMemo","DocumentListPresenter","DocumentListPresenterContext","DocumentListPresenterProvider","children","presenter","createElement","Provider","value","useDocumentListPresenter","Error"],"sources":["DocumentListPresenterContext.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo } from \"react\";\nimport { DocumentListPresenter } from \"./DocumentListPresenter\";\n\nconst DocumentListPresenterContext = createContext<DocumentListPresenter | null>(null);\n\nexport const DocumentListPresenterProvider: React.FC<{ children: React.ReactNode }> = ({\n    children\n}) => {\n    const presenter = useMemo(() => new DocumentListPresenter(), []);\n    return (\n        <DocumentListPresenterContext.Provider value={presenter}>\n            {children}\n        </DocumentListPresenterContext.Provider>\n    );\n};\n\nexport function useDocumentListPresenter() {\n    const presenter = useContext(DocumentListPresenterContext);\n    if (!presenter) {\n        throw new Error(\n            \"useDocumentListPresenter must be used within a DocumentListPresenterProvider\"\n        );\n    }\n    return presenter;\n}\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,EAAEC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AACjE,SAASC,qBAAqB;AAE9B,MAAMC,4BAA4B,gBAAGJ,aAAa,CAA+B,IAAI,CAAC;AAEtF,OAAO,MAAMK,6BAAsE,GAAGA,CAAC;EACnFC;AACJ,CAAC,KAAK;EACF,MAAMC,SAAS,GAAGL,OAAO,CAAC,MAAM,IAAIC,qBAAqB,CAAC,CAAC,EAAE,EAAE,CAAC;EAChE,oBACIJ,KAAA,CAAAS,aAAA,CAACJ,4BAA4B,CAACK,QAAQ;IAACC,KAAK,EAAEH;EAAU,GACnDD,QACkC,CAAC;AAEhD,CAAC;AAED,OAAO,SAASK,wBAAwBA,CAAA,EAAG;EACvC,MAAMJ,SAAS,GAAGN,UAAU,CAACG,4BAA4B,CAAC;EAC1D,IAAI,CAACG,SAAS,EAAE;IACZ,MAAM,IAAIK,KAAK,CACX,8EACJ,CAAC;EACL;EACA,OAAOL,SAAS;AACpB","ignoreList":[]}

package/DocumentList/presenters/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./DocumentListPresenter.js";
+export * from "./DocumentListMapper.js";

package/DocumentList/presenters/index.js

@@ -0,0 +1,4 @@
+export * from "./DocumentListPresenter.js";
+export * from "./DocumentListMapper.js";
+
+//# sourceMappingURL=index.js.map

package/DocumentList/presenters/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./DocumentListPresenter.js\";\nexport * from \"./DocumentListMapper.js\";\n"],"mappings":"AAAA;AACA","ignoreList":[]}

package/DocumentList/todo.txt

@@ -0,0 +1,3 @@
+- create separate cache for full pages +
+- add trash-bin ---
+- load search from query string ---

package/DocumentList/useDocumentList.d.ts

@@ -0,0 +1,21 @@
+export declare const useDocumentList: () => {
+    vm: {
+        folderId: string;
+        title: string | undefined;
+        data: import("./presenters").DocumentDto[];
+        selected: any[];
+        meta: {
+            totalCount: number;
+            currentCount: number;
+        };
+        sorting: import("@webiny/app-utils").ColumnSorting[];
+        searchQuery: string;
+        isSearch: boolean;
+        isEmpty: boolean;
+        isRoot: boolean;
+        isLoading: boolean;
+        isLoadingMore: boolean;
+        isFilterVisible: boolean;
+    };
+    showFilters: (show: boolean) => void;
+};

package/DocumentList/useDocumentList.js

@@ -0,0 +1,67 @@
+import { useCallback, useState, useMemo, useEffect } from "react";
+import { autorun } from "mobx";
+import { useGetFolderHierarchy, useListFoldersByParentIds, useNavigateFolder } from "@webiny/app-aco";
+import { useDocumentListPresenter } from "./presenters/DocumentListPresenterContext";
+import { useFilterPages, useLoadPages } from "../features/pages/index.js";
+export const useDocumentList = () => {
+  const {
+    folders,
+    getFolderHierarchy
+  } = useGetFolderHierarchy();
+  const {
+    listFoldersByParentIds
+  } = useListFoldersByParentIds();
+  const {
+    currentFolderId
+  } = useNavigateFolder();
+  const {
+    loadPages: listDocuments
+  } = useLoadPages();
+  const {
+    filterPages: filterDocuments
+  } = useFilterPages();
+  const presenter = useDocumentListPresenter();
+  useEffect(() => {
+    // List all documents when the current folder changes. Let's reset both search and after params
+    listDocuments({
+      folderId: currentFolderId
+    });
+
+    // The folders collection is empty, it must be the first render, let's load the full hierarchy.
+    if (folders.length === 0) {
+      getFolderHierarchy(currentFolderId);
+    } else {
+      // Otherwise let's load only the current folder sub-tree
+      listFoldersByParentIds([currentFolderId]);
+    }
+
+    // Close the filter list
+    presenter.showFilters(false);
+  }, [currentFolderId]);
+  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]);
+  return {
+    vm,
+    showFilters
+  };
+};
+
+//# sourceMappingURL=useDocumentList.js.map

package/DocumentList/useDocumentList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useState","useMemo","useEffect","autorun","useGetFolderHierarchy","useListFoldersByParentIds","useNavigateFolder","useDocumentListPresenter","useFilterPages","useLoadPages","useDocumentList","folders","getFolderHierarchy","listFoldersByParentIds","currentFolderId","loadPages","listDocuments","filterPages","filterDocuments","presenter","folderId","length","showFilters","params","init","vm","setVm","show"],"sources":["useDocumentList.ts"],"sourcesContent":["import { useCallback, useState, useMemo, useEffect } from \"react\";\nimport { autorun } from \"mobx\";\nimport {\n    useGetFolderHierarchy,\n    useListFoldersByParentIds,\n    useNavigateFolder\n} from \"@webiny/app-aco\";\nimport { useDocumentListPresenter } from \"./presenters/DocumentListPresenterContext\";\nimport { useFilterPages, useLoadPages } from \"~/features/pages/index.js\";\n\nexport const useDocumentList = () => {\n    const { folders, getFolderHierarchy } = useGetFolderHierarchy();\n    const { listFoldersByParentIds } = useListFoldersByParentIds();\n    const { currentFolderId } = useNavigateFolder();\n    const { loadPages: listDocuments } = useLoadPages();\n    const { filterPages: filterDocuments } = useFilterPages();\n    const presenter = useDocumentListPresenter();\n\n    useEffect(() => {\n        // List all documents when the current folder changes. Let's reset both search and after params\n        listDocuments({\n            folderId: currentFolderId\n        });\n\n        // The folders collection is empty, it must be the first render, let's load the full hierarchy.\n        if (folders.length === 0) {\n            getFolderHierarchy(currentFolderId);\n        } else {\n            // Otherwise let's load only the current folder sub-tree\n            listFoldersByParentIds([currentFolderId]);\n        }\n\n        // Close the filter list\n        presenter.showFilters(false);\n    }, [currentFolderId]);\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    return {\n        vm,\n        showFilters\n    };\n};\n"],"mappings":"AAAA,SAASA,WAAW,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,SAAS,QAAQ,OAAO;AACjE,SAASC,OAAO,QAAQ,MAAM;AAC9B,SACIC,qBAAqB,EACrBC,yBAAyB,EACzBC,iBAAiB,QACd,iBAAiB;AACxB,SAASC,wBAAwB;AACjC,SAASC,cAAc,EAAEC,YAAY;AAErC,OAAO,MAAMC,eAAe,GAAGA,CAAA,KAAM;EACjC,MAAM;IAAEC,OAAO;IAAEC;EAAmB,CAAC,GAAGR,qBAAqB,CAAC,CAAC;EAC/D,MAAM;IAAES;EAAuB,CAAC,GAAGR,yBAAyB,CAAC,CAAC;EAC9D,MAAM;IAAES;EAAgB,CAAC,GAAGR,iBAAiB,CAAC,CAAC;EAC/C,MAAM;IAAES,SAAS,EAAEC;EAAc,CAAC,GAAGP,YAAY,CAAC,CAAC;EACnD,MAAM;IAAEQ,WAAW,EAAEC;EAAgB,CAAC,GAAGV,cAAc,CAAC,CAAC;EACzD,MAAMW,SAAS,GAAGZ,wBAAwB,CAAC,CAAC;EAE5CL,SAAS,CAAC,MAAM;IACZ;IACAc,aAAa,CAAC;MACVI,QAAQ,EAAEN;IACd,CAAC,CAAC;;IAEF;IACA,IAAIH,OAAO,CAACU,MAAM,KAAK,CAAC,EAAE;MACtBT,kBAAkB,CAACE,eAAe,CAAC;IACvC,CAAC,MAAM;MACH;MACAD,sBAAsB,CAAC,CAACC,eAAe,CAAC,CAAC;IAC7C;;IAEA;IACAK,SAAS,CAACG,WAAW,CAAC,KAAK,CAAC;EAChC,CAAC,EAAE,CAACR,eAAe,CAAC,CAAC;EAErB,MAAMS,MAAM,GAAGtB,OAAO,CAClB,OAAO;IACHmB,QAAQ,EAAEN;EACd,CAAC,CAAC,EACF,CAACA,eAAe,CACpB,CAAC;EAEDZ,SAAS,CAAC,MAAM;IACZiB,SAAS,CAACK,IAAI,CAACD,MAAM,CAAC;EAC1B,CAAC,EAAE,CAACA,MAAM,EAAEJ,SAAS,CAAC,CAAC;EAEvB,MAAM,CAACM,EAAE,EAAEC,KAAK,CAAC,GAAG1B,QAAQ,CAACmB,SAAS,CAACM,EAAE,CAAC;EAE1CvB,SAAS,CAAC,MAAM;IACZ,OAAOC,OAAO,CAAC,MAAM;MACjBuB,KAAK,CAACP,SAAS,CAACM,EAAE,CAAC;IACvB,CAAC,CAAC;EACN,CAAC,EAAE,CAACN,SAAS,CAAC,CAAC;EAEf,MAAMG,WAAW,GAAGvB,WAAW,CAC1B4B,IAAa,IAAK;IACfR,SAAS,CAACG,WAAW,CAACK,IAAI,CAAC;;IAE3B;IACA,IAAI,CAACA,IAAI,EAAE;MACPT,eAAe,CAAC,CAAC,CAAC,EAAEJ,eAAe,CAAC;IACxC;EACJ,CAAC,EACD,CAACK,SAAS,CACd,CAAC;EAED,OAAO;IACHM,EAAE;IACFH;EACJ,CAAC;AACL,CAAC","ignoreList":[]}

package/Extension.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const Extension: () => React.JSX.Element;