@webiny/app-website-builder 0.0.0-unstable.06b2ede40f

package/modules/pages/PagesList/presenters/DocumentListPresenter.js

@@ -0,0 +1,116 @@
+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 { PageDtoMapper, pageListCache } from "../../../../domain/Page/index.js";
+import { FolderDtoMapper } from "@webiny/app-aco";
+import { folderCacheFactory } from "@webiny/app-aco";
+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.documentsCache = pageListCache;
+    this.foldersLoadingRepository = loadingRepositoryFactory.getRepository(WB_PAGE_APP);
+    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() {
+    const data = this.getVmDocuments();
+    const folders = this.getVmFolders();
+    const isEmpty = !this.getIsLoading() && data.length === 0 && folders.length === 0;
+    return {
+      folderId: this.folderId,
+      title: this.getVmTitle(),
+      data,
+      folders,
+      selected: this.getSelected(),
+      meta: {
+        totalCount: this.metaRepository.get().totalCount ?? 0,
+        currentCount: this.documentsCache.count() ?? 0
+      },
+      sorting: this.getSorting(),
+      searchQuery: this.searchRepository.get() || "",
+      searchLabel: this.getSearchLabel(),
+      isSearch: this.getIsSearch(),
+      isEmpty,
+      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 = () => {
+    const documents = this.documentsCache.getItems().map(d => PageDtoMapper.toDTO(d));
+    return this.sortItems(documents);
+  };
+  getVmFolders = () => {
+    if (this.getIsSearch()) {
+      return [];
+    }
+    const folders = this.foldersCache.getItems().filter(f => {
+      if (this.folderId === ROOT_FOLDER) {
+        return f.parentId === null;
+      } else {
+        return f.parentId === this.folderId;
+      }
+    });
+    return this.sortItems(folders).map(folder => FolderDtoMapper.toDTO(folder));
+  };
+  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());
+  };
+  getSearchLabel = () => {
+    const currentFolder = this.foldersCache.getItem(f => f.id === this.folderId);
+    if (this.folderId === ROOT_FOLDER || !currentFolder) {
+      return "Search...";
+    }
+    return `Search in "${currentFolder.title}"...`;
+  };
+  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));
+  };
+  getSorting = () => {
+    return this.sortingRepository.get().map(sort => {
+      return SortingMapper.fromDTOtoColumn(sort);
+    });
+  };
+}
+export { DocumentListPresenter };
+
+//# sourceMappingURL=DocumentListPresenter.js.map

package/modules/pages/PagesList/presenters/DocumentListPresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["makeAutoObservable","orderBy","loadingActions","ROOT_FOLDER","WB_PAGE_APP","loadingRepositoryFactory","metaRepositoryFactory","SortingMapper","sortRepositoryFactory","PageDtoMapper","pageListCache","FolderDtoMapper","folderCacheFactory","searchRepositoryFactory","selectedItemsRepositoryFactory","filterRepositoryFactory","DocumentListPresenter","folderId","filtersVisible","constructor","foldersCache","getCache","documentsCache","foldersLoadingRepository","getRepository","documentsLoadingRepository","searchRepository","metaRepository","sortingRepository","filterRepository","selectedRepository","init","params","vm","data","getVmDocuments","folders","getVmFolders","isEmpty","getIsLoading","length","title","getVmTitle","selected","getSelected","meta","totalCount","get","currentCount","count","sorting","getSorting","searchQuery","searchLabel","getSearchLabel","isSearch","getIsSearch","isRoot","getIsRoot","isLoading","isLoadingMore","getIsLoadingMore","isFilterVisible","showFilters","show","getItem","f","id","undefined","documents","getItems","map","d","toDTO","sortItems","filter","parentId","folder","getSelectedItems","items","sorts","iteratees","sort","field","orders","order","Boolean","hasFilters","currentFolder","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 type { ISortingRepository } from \"@webiny/app-utils\";\nimport {\n    type ILoadingRepository,\n    type IMetaRepository,\n    loadingRepositoryFactory,\n    metaRepositoryFactory,\n    SortingMapper,\n    sortRepositoryFactory\n} from \"@webiny/app-utils\";\nimport { type IListCache, type Page, PageDtoMapper, pageListCache } from \"~/domain/Page/index.js\";\nimport { type Folder, FolderDtoMapper } from \"@webiny/app-aco\";\nimport { folderCacheFactory } from \"@webiny/app-aco\";\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 documentsCache: IListCache<Page>;\n    private foldersLoadingRepository: ILoadingRepository;\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.documentsCache = pageListCache;\n        this.foldersLoadingRepository = loadingRepositoryFactory.getRepository(WB_PAGE_APP);\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        const data = this.getVmDocuments();\n        const folders = this.getVmFolders();\n        const isEmpty = !this.getIsLoading() && data.length === 0 && folders.length === 0;\n\n        return {\n            folderId: this.folderId,\n            title: this.getVmTitle(),\n            data,\n            folders,\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            searchLabel: this.getSearchLabel(),\n            isSearch: this.getIsSearch(),\n            isEmpty,\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        const documents = this.documentsCache.getItems().map(d => PageDtoMapper.toDTO(d));\n        return this.sortItems(documents);\n    };\n\n    private getVmFolders = () => {\n        if (this.getIsSearch()) {\n            return [];\n        }\n\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 this.sortItems(folders).map(folder => FolderDtoMapper.toDTO(folder));\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 getSearchLabel = () => {\n        const currentFolder = this.foldersCache.getItem(f => f.id === this.folderId);\n\n        if (this.folderId === ROOT_FOLDER || !currentFolder) {\n            return \"Search...\";\n        }\n\n        return `Search in \"${currentFolder.title}\"...`;\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 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/modules/pages/PagesList/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/modules/pages/PagesList/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/modules/pages/PagesList/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/modules/pages/PagesList/presenters/index.d.ts

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

package/modules/pages/PagesList/presenters/index.js

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

package/modules/pages/PagesList/presenters/index.js.map

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

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

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

package/modules/pages/PagesList/useDocumentList.js

@@ -0,0 +1,77 @@
+import { useCallback, useState, useMemo, useEffect, useRef } 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";
+import { useSelectPages } from "../../../features/pages/selectPages/useSelectPages.js";
+export const useDocumentList = () => {
+  const isFirstLoad = useRef(true);
+  const {
+    folders,
+    getFolderHierarchy
+  } = useGetFolderHierarchy();
+  const {
+    listFoldersByParentIds
+  } = useListFoldersByParentIds();
+  const {
+    currentFolderId
+  } = useNavigateFolder();
+  const {
+    loadPages: listDocuments
+  } = useLoadPages();
+  const {
+    filterPages: filterDocuments
+  } = useFilterPages();
+  const {
+    selectPages: selectDocuments
+  } = useSelectPages();
+  const presenter = useDocumentListPresenter();
+  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) {
+      getFolderHierarchy(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
+  };
+};
+
+//# sourceMappingURL=useDocumentList.js.map

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

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

package/modules/pages/PagesListConfig.d.ts

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

package/modules/pages/PagesListConfig.js

@@ -0,0 +1,94 @@
+import React from "react";
+import { PageListConfig } from "./configs/list";
+import { DeleteFolder, EditFolder, SetFolderPermissions } from "@webiny/app-aco";
+import { CellActions, CellAuthor, CellCreated, CellModified, CellName, CellStatus, ChangeStatus, Delete, Duplicate, Edit, Move } from "./PagesList/components/Table/index.js";
+import { BulkActionDelete, BulkActionDuplicate, BulkActionMovePage, BulkActionPublish, BulkActionUnpublish } from "./PagesList/components/BulkActions/index.js";
+import { FilterByStatus } from "./PagesList/components/Filters/index.js";
+import { StaticPageForm } from "./PagesList/components/Main/CreatePage/StaticPageForm";
+const {
+  Browser
+} = PageListConfig;
+export const PagesListConfig = () => {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PageListConfig, null, /*#__PURE__*/React.createElement(PageListConfig.PageType, {
+    name: "static",
+    label: "Static Page",
+    element: /*#__PURE__*/React.createElement(StaticPageForm, null)
+  }), /*#__PURE__*/React.createElement(Browser.Filter, {
+    name: "status",
+    element: /*#__PURE__*/React.createElement(FilterByStatus, null)
+  }), /*#__PURE__*/React.createElement(Browser.Folder.Action, {
+    name: "edit",
+    element: /*#__PURE__*/React.createElement(EditFolder, null)
+  }), /*#__PURE__*/React.createElement(Browser.Folder.Action, {
+    name: "permissions",
+    element: /*#__PURE__*/React.createElement(SetFolderPermissions, null)
+  }), /*#__PURE__*/React.createElement(Browser.Folder.Action, {
+    name: "delete",
+    element: /*#__PURE__*/React.createElement(DeleteFolder, null)
+  }), /*#__PURE__*/React.createElement(Browser.Page.Action, {
+    name: "edit",
+    element: /*#__PURE__*/React.createElement(Edit, null)
+  }), /*#__PURE__*/React.createElement(Browser.Page.Action, {
+    name: "changeStatus",
+    element: /*#__PURE__*/React.createElement(ChangeStatus, null)
+  }), /*#__PURE__*/React.createElement(Browser.Page.Action, {
+    name: "duplicate",
+    element: /*#__PURE__*/React.createElement(Duplicate, null)
+  }), /*#__PURE__*/React.createElement(Browser.Page.Action, {
+    name: "moveToFolder",
+    element: /*#__PURE__*/React.createElement(Move, null)
+  }), /*#__PURE__*/React.createElement(Browser.Page.Action, {
+    name: "delete",
+    element: /*#__PURE__*/React.createElement(Delete, null)
+  }), /*#__PURE__*/React.createElement(Browser.BulkAction, {
+    name: "publishPages",
+    element: /*#__PURE__*/React.createElement(BulkActionPublish, null)
+  }), /*#__PURE__*/React.createElement(Browser.BulkAction, {
+    name: "unpublishPages",
+    element: /*#__PURE__*/React.createElement(BulkActionUnpublish, null)
+  }), /*#__PURE__*/React.createElement(Browser.BulkAction, {
+    name: "duplicatePages",
+    element: /*#__PURE__*/React.createElement(BulkActionDuplicate, null)
+  }), /*#__PURE__*/React.createElement(Browser.BulkAction, {
+    name: "movePages",
+    element: /*#__PURE__*/React.createElement(BulkActionMovePage, null)
+  }), /*#__PURE__*/React.createElement(Browser.BulkAction, {
+    name: "deletePages",
+    element: /*#__PURE__*/React.createElement(BulkActionDelete, null)
+  }), /*#__PURE__*/React.createElement(Browser.Table.Column, {
+    name: "name",
+    header: "Name",
+    cell: /*#__PURE__*/React.createElement(CellName, null),
+    sortable: false,
+    hideable: false,
+    size: 200
+  }), /*#__PURE__*/React.createElement(Browser.Table.Column, {
+    name: "createdBy",
+    header: "Author",
+    cell: /*#__PURE__*/React.createElement(CellAuthor, null)
+  }), /*#__PURE__*/React.createElement(Browser.Table.Column, {
+    name: "createdOn",
+    header: "Created",
+    cell: /*#__PURE__*/React.createElement(CellCreated, null),
+    sortable: true
+  }), /*#__PURE__*/React.createElement(Browser.Table.Column, {
+    name: "savedOn",
+    header: "Modified",
+    cell: /*#__PURE__*/React.createElement(CellModified, null),
+    sortable: true
+  }), /*#__PURE__*/React.createElement(Browser.Table.Column, {
+    name: "status",
+    header: "Status",
+    cell: /*#__PURE__*/React.createElement(CellStatus, null)
+  }), /*#__PURE__*/React.createElement(Browser.Table.Column, {
+    name: "actions",
+    header: "",
+    cell: /*#__PURE__*/React.createElement(CellActions, null),
+    size: 56,
+    resizable: false,
+    hideable: false,
+    className: "wby-text-right"
+  })));
+};
+
+//# sourceMappingURL=PagesListConfig.js.map

package/modules/pages/PagesListConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","PageListConfig","DeleteFolder","EditFolder","SetFolderPermissions","CellActions","CellAuthor","CellCreated","CellModified","CellName","CellStatus","ChangeStatus","Delete","Duplicate","Edit","Move","BulkActionDelete","BulkActionDuplicate","BulkActionMovePage","BulkActionPublish","BulkActionUnpublish","FilterByStatus","StaticPageForm","Browser","PagesListConfig","createElement","Fragment","PageType","name","label","element","Filter","Folder","Action","Page","BulkAction","Table","Column","header","cell","sortable","hideable","size","resizable","className"],"sources":["PagesListConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { PageListConfig } from \"./configs/list\";\nimport { DeleteFolder, EditFolder, SetFolderPermissions } from \"@webiny/app-aco\";\nimport {\n    CellActions,\n    CellAuthor,\n    CellCreated,\n    CellModified,\n    CellName,\n    CellStatus,\n    ChangeStatus,\n    Delete,\n    Duplicate,\n    Edit,\n    Move\n} from \"~/modules/pages/PagesList/components/Table/index.js\";\nimport {\n    BulkActionDelete,\n    BulkActionDuplicate,\n    BulkActionMovePage,\n    BulkActionPublish,\n    BulkActionUnpublish\n} from \"~/modules/pages/PagesList/components/BulkActions/index.js\";\nimport { FilterByStatus } from \"~/modules/pages/PagesList/components/Filters/index.js\";\nimport { StaticPageForm } from \"~/modules/pages/PagesList/components/Main/CreatePage/StaticPageForm\";\n\nconst { Browser } = PageListConfig;\n\nexport const PagesListConfig = () => {\n    return (\n        <>\n            <PageListConfig>\n                <PageListConfig.PageType\n                    name={\"static\"}\n                    label={\"Static Page\"}\n                    element={<StaticPageForm />}\n                />\n                <Browser.Filter name={\"status\"} element={<FilterByStatus />} />\n                <Browser.Folder.Action name={\"edit\"} element={<EditFolder />} />\n                <Browser.Folder.Action name={\"permissions\"} element={<SetFolderPermissions />} />\n                <Browser.Folder.Action name={\"delete\"} element={<DeleteFolder />} />\n                <Browser.Page.Action name={\"edit\"} element={<Edit />} />\n                <Browser.Page.Action name={\"changeStatus\"} element={<ChangeStatus />} />\n                <Browser.Page.Action name={\"duplicate\"} element={<Duplicate />} />\n                <Browser.Page.Action name={\"moveToFolder\"} element={<Move />} />\n                <Browser.Page.Action name={\"delete\"} element={<Delete />} />\n                <Browser.BulkAction name={\"publishPages\"} element={<BulkActionPublish />} />\n                <Browser.BulkAction name={\"unpublishPages\"} element={<BulkActionUnpublish />} />\n                <Browser.BulkAction name={\"duplicatePages\"} element={<BulkActionDuplicate />} />\n                <Browser.BulkAction name={\"movePages\"} element={<BulkActionMovePage />} />\n                <Browser.BulkAction name={\"deletePages\"} element={<BulkActionDelete />} />\n                <Browser.Table.Column\n                    name={\"name\"}\n                    header={\"Name\"}\n                    cell={<CellName />}\n                    sortable={false}\n                    hideable={false}\n                    size={200}\n                />\n                <Browser.Table.Column name={\"createdBy\"} header={\"Author\"} cell={<CellAuthor />} />\n                <Browser.Table.Column\n                    name={\"createdOn\"}\n                    header={\"Created\"}\n                    cell={<CellCreated />}\n                    sortable={true}\n                />\n                <Browser.Table.Column\n                    name={\"savedOn\"}\n                    header={\"Modified\"}\n                    cell={<CellModified />}\n                    sortable={true}\n                />\n                <Browser.Table.Column name={\"status\"} header={\"Status\"} cell={<CellStatus />} />\n                <Browser.Table.Column\n                    name={\"actions\"}\n                    header={\"\"}\n                    cell={<CellActions />}\n                    size={56}\n                    resizable={false}\n                    hideable={false}\n                    className={\"wby-text-right\"}\n                />\n            </PageListConfig>\n        </>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/modules/pages/configs/index.d.ts

@@ -0,0 +1 @@
+export * from "./list/index.js";

package/modules/pages/configs/index.js

@@ -0,0 +1,3 @@
+export * from "./list/index.js";
+
+//# sourceMappingURL=index.js.map

package/modules/pages/configs/index.js.map

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

package/modules/pages/configs/list/Browser/BulkAction.d.ts

@@ -0,0 +1,27 @@
+import React from "react";
+import type { CallbackParams } from "@webiny/app-admin";
+import { type PageDto } from "../../../../../domain/Page/index.js";
+export interface BulkActionConfig {
+    name: string;
+    element: React.ReactElement;
+}
+export interface BulkActionProps {
+    name: string;
+    remove?: boolean;
+    before?: string;
+    after?: string;
+    element?: React.ReactElement;
+}
+export declare const BaseBulkAction: ({ name, after, before, remove, element }: BulkActionProps) => React.JSX.Element;
+export declare const BulkAction: (({ name, after, before, remove, element }: BulkActionProps) => React.JSX.Element) & {
+    useButtons: () => import("@webiny/app-admin/components/Buttons/useButtons").ButtonsProviderContext;
+    useWorker: () => {
+        items: PageDto[];
+        process: (callback: (pages: PageDto[]) => void) => void;
+        processInSeries: (callback: ({ item, allItems, report }: CallbackParams<PageDto>) => Promise<void>, chunkSize?: number) => Promise<void>;
+        resetItems: () => void;
+        results: import("@webiny/app-admin").Result[];
+        resetResults: () => Promise<void>;
+    };
+    useDialog: () => import("@webiny/app-admin").UseDialogWithReportResponse;
+};

package/modules/pages/configs/list/Browser/BulkAction.js

@@ -0,0 +1,80 @@
+import React, { useCallback, useEffect, useMemo, useRef } from "react";
+import { useButtons, useDialogWithReport, Worker } from "@webiny/app-admin";
+import { Property, useIdGenerator } from "@webiny/react-properties";
+import { useDocumentList } from "../../../PagesList/useDocumentList.js";
+import { useSelectPages } from "../../../../../features/pages/selectPages/useSelectPages.js";
+import { Page, PageDtoMapper } from "../../../../../domain/Page/index.js";
+export const BaseBulkAction = ({
+  name,
+  after = undefined,
+  before = undefined,
+  remove = false,
+  element
+}) => {
+  const getId = useIdGenerator("bulkAction");
+  const placeAfter = after !== undefined ? getId(after) : undefined;
+  const placeBefore = before !== undefined ? getId(before) : undefined;
+  return /*#__PURE__*/React.createElement(Property, {
+    id: "browser",
+    name: "browser"
+  }, /*#__PURE__*/React.createElement(Property, {
+    id: getId(name),
+    name: "bulkActions",
+    remove: remove,
+    array: true,
+    before: placeBefore,
+    after: placeAfter
+  }, /*#__PURE__*/React.createElement(Property, {
+    id: getId(name, "name"),
+    name: "name",
+    value: name
+  }), element ? /*#__PURE__*/React.createElement(Property, {
+    id: getId(name, "element"),
+    name: "element",
+    value: element
+  }) : null));
+};
+const useWorker = () => {
+  const {
+    vm
+  } = useDocumentList();
+  const {
+    selectPages
+  } = useSelectPages();
+  const {
+    current: worker
+  } = useRef(new Worker());
+  const items = useMemo(() => {
+    const pages = vm.selected.map(item => Page.create(item.data));
+    return pages.map(page => PageDtoMapper.toDTO(page));
+  }, [vm.selected]);
+  useEffect(() => {
+    worker.items = items;
+  }, [items.length]);
+
+  // Reset selected items in both useDocumentList and Worker
+  const resetItems = useCallback(() => {
+    worker.items = [];
+    selectPages([]);
+  }, []);
+
+  // Reset results in Worker
+  const resetResults = useCallback(async () => {
+    worker.resetResults();
+  }, []);
+  return {
+    items,
+    process: callback => worker.process(callback),
+    processInSeries: async (callback, chunkSize) => worker.processInSeries(callback, chunkSize),
+    resetItems: resetItems,
+    results: worker.results,
+    resetResults
+  };
+};
+export const BulkAction = Object.assign(BaseBulkAction, {
+  useButtons,
+  useWorker,
+  useDialog: useDialogWithReport
+});
+
+//# sourceMappingURL=BulkAction.js.map

package/modules/pages/configs/list/Browser/BulkAction.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useEffect","useMemo","useRef","useButtons","useDialogWithReport","Worker","Property","useIdGenerator","useDocumentList","useSelectPages","Page","PageDtoMapper","BaseBulkAction","name","after","undefined","before","remove","element","getId","placeAfter","placeBefore","createElement","id","array","value","useWorker","vm","selectPages","current","worker","items","pages","selected","map","item","create","data","page","toDTO","length","resetItems","resetResults","process","callback","processInSeries","chunkSize","results","BulkAction","Object","assign","useDialog"],"sources":["BulkAction.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef } from \"react\";\nimport type { CallbackParams } from \"@webiny/app-admin\";\nimport { useButtons, useDialogWithReport, Worker } from \"@webiny/app-admin\";\nimport { Property, useIdGenerator } from \"@webiny/react-properties\";\nimport { useDocumentList } from \"~/modules/pages/PagesList/useDocumentList.js\";\nimport { useSelectPages } from \"~/features/pages/selectPages/useSelectPages.js\";\nimport { Page, type PageDto, PageDtoMapper } from \"~/domain/Page/index.js\";\nimport type { TableRow } from \"~/modules/pages/types\";\n\nexport interface BulkActionConfig {\n    name: string;\n    element: React.ReactElement;\n}\n\nexport interface BulkActionProps {\n    name: string;\n    remove?: boolean;\n    before?: string;\n    after?: string;\n    element?: React.ReactElement;\n}\n\nexport const BaseBulkAction = ({\n    name,\n    after = undefined,\n    before = undefined,\n    remove = false,\n    element\n}: BulkActionProps) => {\n    const getId = useIdGenerator(\"bulkAction\");\n\n    const placeAfter = after !== undefined ? getId(after) : undefined;\n    const placeBefore = before !== undefined ? getId(before) : undefined;\n\n    return (\n        <Property id=\"browser\" name={\"browser\"}>\n            <Property\n                id={getId(name)}\n                name={\"bulkActions\"}\n                remove={remove}\n                array={true}\n                before={placeBefore}\n                after={placeAfter}\n            >\n                <Property id={getId(name, \"name\")} name={\"name\"} value={name} />\n                {element ? (\n                    <Property id={getId(name, \"element\")} name={\"element\"} value={element} />\n                ) : null}\n            </Property>\n        </Property>\n    );\n};\n\nconst useWorker = () => {\n    const { vm } = useDocumentList();\n    const { selectPages } = useSelectPages<TableRow>();\n    const { current: worker } = useRef(new Worker<PageDto>());\n\n    const items = useMemo(() => {\n        const pages = vm.selected.map(item => Page.create(item.data));\n        return pages.map(page => PageDtoMapper.toDTO(page));\n    }, [vm.selected]);\n\n    useEffect(() => {\n        worker.items = items;\n    }, [items.length]);\n\n    // Reset selected items in both useDocumentList and Worker\n    const resetItems = useCallback(() => {\n        worker.items = [];\n        selectPages([]);\n    }, []);\n\n    // Reset results in Worker\n    const resetResults = useCallback(async () => {\n        worker.resetResults();\n    }, []);\n\n    return {\n        items,\n        process: (callback: (pages: PageDto[]) => void) => worker.process(callback),\n        processInSeries: async (\n            callback: ({ item, allItems, report }: CallbackParams<PageDto>) => Promise<void>,\n            chunkSize?: number\n        ) => worker.processInSeries(callback, chunkSize),\n        resetItems: resetItems,\n        results: worker.results,\n        resetResults\n    };\n};\n\nexport const BulkAction = Object.assign(BaseBulkAction, {\n    useButtons,\n    useWorker,\n    useDialog: useDialogWithReport\n});\n"],"mappings":"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","ignoreList":[]}

package/modules/pages/configs/list/Browser/Filter.d.ts

@@ -0,0 +1,39 @@
+import React from "react";
+export interface FilterConfig {
+    name: string;
+    element: React.ReactElement;
+}
+export interface FilterProps {
+    name: string;
+    element?: React.ReactElement<unknown>;
+    remove?: boolean;
+    before?: string;
+    after?: string;
+}
+export declare const Filter: (({ name, element, after, before, remove }: FilterProps) => React.JSX.Element) & {
+    original: ({ name, element, after, before, remove }: FilterProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (({ name, element, after, before, remove }: FilterProps) => React.JSX.Element) & {
+        original: ({ name, element, after, before, remove }: FilterProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<(({ name, element, after, before, remove }: FilterProps) => React.JSX.Element) & {
+        original: ({ name, element, after, before, remove }: FilterProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+} & {
+    createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<(({ name, element, after, before, remove }: FilterProps) => React.JSX.Element) & {
+        original: ({ name, element, after, before, remove }: FilterProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: {
+        name: string;
+    }) => React.JSX.Element;
+};