@webiny/app-aco 0.0.0-unstable.eb196ccd2f → 0.0.0-unstable.eb81deee7e

package/contexts/acoList.js

@@ -1,382 +0,0 @@
-import React, { useCallback, useContext, useEffect } from "react";
-import dotPropImmutable from "dot-prop-immutable";
-import pick from "lodash/pick";
-import { useStateIfMounted } from "@webiny/app-admin";
-import { useSecurity } from "@webiny/app-security";
-import { useAcoApp, useNavigateFolder } from "../hooks";
-import { useGetDescendantFolders, useGetFolderHierarchy, useListFoldersByParentIds } from "../features";
-import { FoldersContext } from "./folders";
-import { SearchRecordsContext } from "./records";
-import { sortTableItems, validateOrGetDefaultDbSort } from "../sorting";
-import { ROOT_FOLDER } from "../constants";
-export const AcoListContext = /*#__PURE__*/React.createContext(undefined);
-const initializeAcoListState = () => {
-  return {
-    after: undefined,
-    filters: undefined,
-    folderId: undefined,
-    isSearch: false,
-    limit: 50,
-    listSort: [],
-    searchQuery: "",
-    selected: [],
-    showingFilters: false,
-    showingSelectAll: false,
-    isSelectedAll: false
-  };
-};
-const getCurrentFolderList = (folders, currentFolderId) => {
-  if (!folders) {
-    return [];
-  }
-  if (!currentFolderId || currentFolderId.toLowerCase() === ROOT_FOLDER) {
-    return folders.filter(folder => !folder.parentId || folder.parentId.toLowerCase() === ROOT_FOLDER);
-  }
-  return folders.filter(folder => folder.parentId === currentFolderId);
-};
-const getCurrentRecordList = (records, folderIdPath, currentFolderId) => {
-  if (!records) {
-    return [];
-  }
-  if (!currentFolderId) {
-    return records;
-  }
-  return records.filter(record => dotPropImmutable.get(record, folderIdPath) === currentFolderId);
-};
-export const AcoListProvider = ({
-  children,
-  ...props
-}) => {
-  const {
-    identity
-  } = useSecurity();
-  const {
-    currentFolderId
-  } = useNavigateFolder();
-  const {
-    folderIdPath,
-    folderIdInPath
-  } = useAcoApp();
-  const {
-    folders: originalFolders,
-    getIsFolderLoading,
-    getFolderHierarchy
-  } = useGetFolderHierarchy();
-  const {
-    getDescendantFolders
-  } = useGetDescendantFolders();
-  const {
-    listFoldersByParentIds
-  } = useListFoldersByParentIds();
-  const folderContext = useContext(FoldersContext);
-  const searchContext = useContext(SearchRecordsContext);
-  if (!folderContext || !searchContext) {
-    throw new Error("useAcoList must be used within a ACOProvider");
-  }
-  const [folders, setFolders] = useStateIfMounted([]);
-  const [records, setRecords] = useStateIfMounted([]);
-  const [listTitle, setListTitle] = useStateIfMounted(undefined);
-  const [state, setState] = useStateIfMounted(initializeAcoListState());
-  const {
-    records: originalRecords,
-    loading: recordsLoading,
-    listRecords,
-    meta
-  } = searchContext;
-
-  /**
-   * On first mount, call `getFolderHierarchy` and `setState`, which will either issue a network request, or load folders and records from cache.
-   * We don't need to store the result of it to any local state; that is managed by the context provider.
-   *
-   * We don't call `listRecords` directly, instead we call `setState` making it the only driver to fetch records from the apis.
-   */
-  useEffect(() => {
-    // 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]);
-    }
-    setState(state => {
-      return {
-        ...state,
-        after: undefined,
-        filters: undefined,
-        folderId: currentFolderId,
-        isSearch: false,
-        searchQuery: "",
-        selected: [],
-        showingFilters: false,
-        showingSelectAll: false,
-        isSelectedAll: false
-      };
-    });
-  }, [currentFolderId]);
-
-  /**
-   * Any time we receive a `folders` list update:
-   * - we set an empty array in case of search;
-   * - we set the list filtered by the current `type` and parent `folderId`, sorted according to the current `sort` value;
-   * - we set the current folder name.
-   */
-  useEffect(() => {
-    const currentFolder = originalFolders?.find(folder => folder.id === (state.folderId || ROOT_FOLDER));
-    setListTitle(currentFolder?.title);
-    if (state.isSearch) {
-      setFolders([]);
-      return;
-    }
-    const subFolders = getCurrentFolderList(originalFolders, state.folderId);
-    setFolders(() => {
-      return sortTableItems(subFolders, state.listSort);
-    });
-  }, [originalFolders, state.folderId, state.isSearch]);
-
-  /**
-   * Any time we receive a `records` list or `folderId` update:
-   * - we set all `records` in case of search query;
-   * - we set the `records` list filtered by the current `folderId`.
-   */
-  useEffect(() => {
-    if (state.isSearch) {
-      setRecords(originalRecords);
-      return;
-    }
-    const subRecords = getCurrentRecordList(originalRecords, folderIdPath, state.folderId);
-    setRecords(subRecords);
-  }, [originalRecords, state.folderId, state.isSearch]);
-
-  /**
-   * Any time we receive a new `sort` value:
-   * - we sort the current `folders` list according to `sorting` value;
-   */
-  useEffect(() => {
-    setFolders(prev => {
-      const titleField = props?.titleFieldId || "id";
-      return sortTableItems(prev, state.listSort, {
-        [titleField]: "title"
-      });
-    });
-  }, [state.listSort]);
-
-  /**
-   * Utility function to list/load more records, the `meta` state is tracked internally.
-   */
-  const listMoreRecords = useCallback(() => {
-    const {
-      hasMoreItems,
-      cursor
-    } = meta;
-    if (hasMoreItems && cursor) {
-      setState(state => ({
-        ...state,
-        after: cursor
-      }));
-    }
-  }, [meta]);
-
-  /**
-   * Constructs a "where" condition object based on the current state and properties.
-   *
-   * This function creates a "where" object used to filter data based on the current folder ID,
-   * ownership status, and other existing filters in the state.
-   *
-   * @returns {Object} A "where" condition object containing filters for querying data.
-   */
-  const getWhere = useCallback(() => {
-    // Initialize an empty object
-    let where = {};
-    if (!state.folderId) {
-      return where;
-    }
-
-    // Check if the current folder ID is not the ROOT_FOLDER folder
-    if (state.folderId !== ROOT_FOLDER) {
-      // Get descendant folder IDs of the current folder
-      const descendantFolderIds = getDescendantFolders(state.folderId).map(folder => folder.id);
-
-      // Set the locationWhere object with descendant folder IDs
-      where = dotPropImmutable.set({}, folderIdInPath, descendantFolderIds);
-    }
-    return {
-      createdBy: props.own ? identity?.id : undefined,
-      // Set 'createdBy' based on the ownership status
-      ...state.filters,
-      // Merge existing filters into the 'where' condition
-      ...where // Include where condition if applicable
-    };
-  }, [folders, state.folderId, state.filters, props.own, identity]);
-
-  /**
-   * Any time we receive new useful `state` params:
-   * - we fetch records according to the new params
-   */
-  useEffect(() => {
-    const listItems = async () => {
-      if (!state.folderId) {
-        return;
-      }
-      const isSearch = Boolean(state.searchQuery || state.filters && Object.values(state.filters).filter(Boolean).length);
-      let where = dotPropImmutable.set({}, folderIdPath, state.folderId);
-
-      // In case of a search or filters applied, let's get the where condition based on the current folder ID,
-      // ownership status, and other existing filters in the state.
-      if (isSearch) {
-        where = getWhere();
-      }
-      const params = {
-        limit: state.limit,
-        sort: validateOrGetDefaultDbSort(state.listSort),
-        search: state.searchQuery,
-        after: state.after,
-        where
-      };
-      await listRecords(params);
-      setState(state => ({
-        ...state,
-        isSearch
-      }));
-    };
-    listItems();
-  }, [state.folderId, state.filters, state.searchQuery, state.after, state.listSort, state.limit, props.own, identity]);
-
-  /**
-   * useEffect hook to determine if the "Select All" option should be displayed based on the current state and meta properties:
-   *  - if in the root folder with no folders, checks if all records are selected.
-   *  - if in a non-root folder with multiple descendant folders, checks if all records are selected.
-   *  - if there are more items to load, checks if all records are selected.
-   */
-  useEffect(() => {
-    // Destructure relevant properties from state and meta
-    const {
-      selected,
-      folderId
-    } = state;
-    const {
-      hasMoreItems
-    } = meta;
-
-    // Retrieve all descendant folders of the current folderId
-    const folderWithChildren = folderId ? getDescendantFolders(folderId) : [];
-
-    // Compute the lengths of various arrays for later comparisons
-    const foldersLength = folders.length;
-    const recordsLength = records.length;
-    const selectedLength = selected.length;
-    const folderWithChildrenLength = folderWithChildren.length;
-
-    // Function to determine if all records are selected
-    const getAllRecordsAreSelected = () => !!recordsLength && recordsLength === selectedLength;
-
-    // Initialize a flag to determine if the "Select All" option should be shown
-    let showingSelectAll = false;
-
-    // If in the root folder and there are some folders, check if all records are selected
-    if (folderId === ROOT_FOLDER && foldersLength > 0) {
-      showingSelectAll = getAllRecordsAreSelected();
-    }
-
-    // If not in the root folder and there are multiple descendant folders, check if all records are selected
-    if (folderId !== ROOT_FOLDER && folderWithChildrenLength > 1) {
-      showingSelectAll = getAllRecordsAreSelected();
-    }
-
-    // If there are more items to load, check if all records are selected
-    if (hasMoreItems) {
-      showingSelectAll = getAllRecordsAreSelected();
-    }
-
-    // Update the component's state based on the computed showingSelectAll flag
-    setState(prevState => {
-      // Only update if there is a change in showingSelectAll or if isSelectedAll was true previously
-      if (!prevState.isSelectedAll && prevState.showingSelectAll === showingSelectAll) {
-        return prevState;
-      }
-
-      // Return the new state with updated showingSelectAll and reset isSelectedAll to false
-      return {
-        ...prevState,
-        isSelectedAll: false,
-        showingSelectAll
-      };
-    });
-  }, [records.length, folders.length, state.isSearch, meta.hasMoreItems, state.selected.length, state.folderId]);
-  const context = {
-    ...pick(state, ["isSearch", "searchQuery", "selected", "showingFilters", "showingSelectAll", "isSelectedAll"]),
-    folders,
-    records,
-    listTitle,
-    isListLoading: Boolean(recordsLoading.INIT || recordsLoading.LIST || getIsFolderLoading(currentFolderId)),
-    isListLoadingMore: Boolean(recordsLoading.LIST_MORE),
-    meta,
-    setSearchQuery(query) {
-      setState(state => ({
-        ...state,
-        searchQuery: query,
-        after: undefined
-      }));
-    },
-    setFilters(data) {
-      setState(state => ({
-        ...state,
-        filters: data,
-        after: undefined
-      }));
-      // Create filters object excluding entries with `undefined` values
-      const filters = Object.fromEntries(Object.entries(data).filter(([, value]) => value !== undefined));
-      setState(state => ({
-        ...state,
-        filters: Object.keys(filters).length ? filters : undefined,
-        after: undefined
-      }));
-    },
-    setListSort(sort) {
-      setState(state => ({
-        ...state,
-        listSort: sort,
-        after: undefined
-      }));
-    },
-    setSelected(selected) {
-      setState(state => ({
-        ...state,
-        selected
-      }));
-    },
-    hideFilters() {
-      setState(state => ({
-        ...state,
-        filters: undefined,
-        showingFilters: false,
-        after: undefined
-      }));
-    },
-    showFilters() {
-      setState(state => ({
-        ...state,
-        showingFilters: true
-      }));
-    },
-    selectAll() {
-      setState(state => ({
-        ...state,
-        isSelectedAll: true
-      }));
-    },
-    unselectAll() {
-      setState(state => ({
-        ...state,
-        selected: [],
-        isSelectedAll: false
-      }));
-    },
-    getWhere,
-    listMoreRecords
-  };
-  return /*#__PURE__*/React.createElement(AcoListContext.Provider, {
-    value: context
-  }, children);
-};
-
-//# sourceMappingURL=acoList.js.map

package/contexts/acoList.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useCallback","useContext","useEffect","dotPropImmutable","pick","useStateIfMounted","useSecurity","useAcoApp","useNavigateFolder","useGetDescendantFolders","useGetFolderHierarchy","useListFoldersByParentIds","FoldersContext","SearchRecordsContext","sortTableItems","validateOrGetDefaultDbSort","ROOT_FOLDER","AcoListContext","createContext","undefined","initializeAcoListState","after","filters","folderId","isSearch","limit","listSort","searchQuery","selected","showingFilters","showingSelectAll","isSelectedAll","getCurrentFolderList","folders","currentFolderId","toLowerCase","filter","folder","parentId","getCurrentRecordList","records","folderIdPath","record","get","AcoListProvider","children","props","identity","folderIdInPath","originalFolders","getIsFolderLoading","getFolderHierarchy","getDescendantFolders","listFoldersByParentIds","folderContext","searchContext","Error","setFolders","setRecords","listTitle","setListTitle","state","setState","originalRecords","loading","recordsLoading","listRecords","meta","length","currentFolder","find","id","title","subFolders","subRecords","prev","titleField","titleFieldId","listMoreRecords","hasMoreItems","cursor","getWhere","where","descendantFolderIds","map","set","createdBy","own","listItems","Boolean","Object","values","params","sort","search","folderWithChildren","foldersLength","recordsLength","selectedLength","folderWithChildrenLength","getAllRecordsAreSelected","prevState","context","isListLoading","INIT","LIST","isListLoadingMore","LIST_MORE","setSearchQuery","query","setFilters","data","fromEntries","entries","value","keys","setListSort","setSelected","hideFilters","showFilters","selectAll","unselectAll","createElement","Provider"],"sources":["acoList.tsx"],"sourcesContent":["import React, { useCallback, useContext, useEffect } from \"react\";\nimport dotPropImmutable from \"dot-prop-immutable\";\nimport pick from \"lodash/pick\";\nimport { useStateIfMounted } from \"@webiny/app-admin\";\nimport { useSecurity } from \"@webiny/app-security\";\nimport type {\n    FolderItem,\n    GenericSearchData,\n    ListMeta,\n    ListSearchRecordsQueryVariables,\n    ListSearchRecordsSort,\n    SearchRecordItem\n} from \"~/types\";\nimport { useAcoApp, useNavigateFolder } from \"~/hooks\";\nimport {\n    useGetDescendantFolders,\n    useGetFolderHierarchy,\n    useListFoldersByParentIds\n} from \"~/features\";\nimport { FoldersContext } from \"~/contexts/folders\";\nimport { SearchRecordsContext } from \"~/contexts/records\";\nimport { sortTableItems, validateOrGetDefaultDbSort } from \"~/sorting\";\nimport { ROOT_FOLDER } from \"~/constants\";\n\nexport interface AcoListContextData<T> {\n    folders: FolderItem[];\n    hideFilters: () => void;\n    isListLoading: boolean;\n    isListLoadingMore: boolean;\n    isSearch: boolean;\n    listMoreRecords: () => void;\n    listTitle?: string;\n    meta: ListMeta;\n    records: T[];\n    selected: T[];\n    setFilters: (data: Record<string, any>) => void;\n    setListSort: (state: ListSearchRecordsSort) => void;\n    setSearchQuery: (query: string) => void;\n    setSelected: (selected: T[]) => void;\n    showFilters: () => void;\n    showingFilters: boolean;\n    showingSelectAll: boolean;\n    searchQuery: string;\n    isSelectedAll: boolean;\n    selectAll: () => void;\n    unselectAll: () => void;\n    getWhere: () => Record<string, any>;\n}\n\nexport const AcoListContext = React.createContext<\n    AcoListContextData<GenericSearchData> | undefined\n>(undefined);\n\nexport interface State<T> {\n    after?: string;\n    filters?: Record<string, any>;\n    folderId?: string;\n    isSearch: boolean;\n    limit: number;\n    listSort: ListSearchRecordsSort;\n    searchQuery: string;\n    selected: T[];\n    showingFilters: boolean;\n    showingSelectAll: boolean;\n    isSelectedAll: boolean;\n}\n\nconst initializeAcoListState = (): State<GenericSearchData> => {\n    return {\n        after: undefined,\n        filters: undefined,\n        folderId: undefined,\n        isSearch: false,\n        limit: 50,\n        listSort: [],\n        searchQuery: \"\",\n        selected: [],\n        showingFilters: false,\n        showingSelectAll: false,\n        isSelectedAll: false\n    };\n};\n\nconst getCurrentFolderList = (\n    folders?: FolderItem[] | null,\n    currentFolderId?: string\n): FolderItem[] | [] => {\n    if (!folders) {\n        return [];\n    }\n    if (!currentFolderId || currentFolderId.toLowerCase() === ROOT_FOLDER) {\n        return folders.filter(\n            folder => !folder.parentId || folder.parentId.toLowerCase() === ROOT_FOLDER\n        );\n    }\n    return folders.filter(folder => folder.parentId === currentFolderId);\n};\n\nconst getCurrentRecordList = <T extends GenericSearchData = GenericSearchData>(\n    records: SearchRecordItem<T>[],\n    folderIdPath: string,\n    currentFolderId?: string\n): SearchRecordItem<T>[] => {\n    if (!records) {\n        return [];\n    }\n\n    if (!currentFolderId) {\n        return records;\n    }\n\n    return records.filter(\n        (record): record is SearchRecordItem<T> =>\n            dotPropImmutable.get(record, folderIdPath) === currentFolderId\n    );\n};\n\nexport interface AcoListProviderProps {\n    children: React.ReactNode;\n    own?: boolean;\n    titleFieldId: string | null;\n}\n\nexport const AcoListProvider = ({ children, ...props }: AcoListProviderProps) => {\n    const { identity } = useSecurity();\n    const { currentFolderId } = useNavigateFolder();\n    const { folderIdPath, folderIdInPath } = useAcoApp();\n    const {\n        folders: originalFolders,\n        getIsFolderLoading,\n        getFolderHierarchy\n    } = useGetFolderHierarchy();\n    const { getDescendantFolders } = useGetDescendantFolders();\n    const { listFoldersByParentIds } = useListFoldersByParentIds();\n    const folderContext = useContext(FoldersContext);\n    const searchContext = useContext(SearchRecordsContext);\n\n    if (!folderContext || !searchContext) {\n        throw new Error(\"useAcoList must be used within a ACOProvider\");\n    }\n\n    const [folders, setFolders] = useStateIfMounted<FolderItem[]>([]);\n    const [records, setRecords] = useStateIfMounted<SearchRecordItem[]>([]);\n    const [listTitle, setListTitle] = useStateIfMounted<string | undefined>(undefined);\n    const [state, setState] = useStateIfMounted<State<GenericSearchData>>(initializeAcoListState());\n\n    const { records: originalRecords, loading: recordsLoading, listRecords, meta } = searchContext;\n\n    /**\n     * On first mount, call `getFolderHierarchy` and `setState`, which will either issue a network request, or load folders and records from cache.\n     * We don't need to store the result of it to any local state; that is managed by the context provider.\n     *\n     * We don't call `listRecords` directly, instead we call `setState` making it the only driver to fetch records from the apis.\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(currentFolderId);\n        } else {\n            // Otherwise let's load only the current folder sub-tree\n            listFoldersByParentIds([currentFolderId]);\n        }\n\n        setState(state => {\n            return {\n                ...state,\n                after: undefined,\n                filters: undefined,\n                folderId: currentFolderId,\n                isSearch: false,\n                searchQuery: \"\",\n                selected: [],\n                showingFilters: false,\n                showingSelectAll: false,\n                isSelectedAll: false\n            };\n        });\n    }, [currentFolderId]);\n\n    /**\n     * Any time we receive a `folders` list update:\n     * - we set an empty array in case of search;\n     * - we set the list filtered by the current `type` and parent `folderId`, sorted according to the current `sort` value;\n     * - we set the current folder name.\n     */\n    useEffect(() => {\n        const currentFolder = originalFolders?.find(\n            folder => folder.id === (state.folderId || ROOT_FOLDER)\n        );\n\n        setListTitle(currentFolder?.title);\n\n        if (state.isSearch) {\n            setFolders([]);\n            return;\n        }\n\n        const subFolders = getCurrentFolderList(originalFolders, state.folderId);\n        setFolders(() => {\n            return sortTableItems(subFolders, state.listSort);\n        });\n    }, [originalFolders, state.folderId, state.isSearch]);\n\n    /**\n     * Any time we receive a `records` list or `folderId` update:\n     * - we set all `records` in case of search query;\n     * - we set the `records` list filtered by the current `folderId`.\n     */\n    useEffect(() => {\n        if (state.isSearch) {\n            setRecords(originalRecords as SearchRecordItem[]);\n            return;\n        }\n\n        const subRecords = getCurrentRecordList(\n            originalRecords as SearchRecordItem[],\n            folderIdPath,\n            state.folderId\n        );\n        setRecords(subRecords);\n    }, [originalRecords, state.folderId, state.isSearch]);\n\n    /**\n     * Any time we receive a new `sort` value:\n     * - we sort the current `folders` list according to `sorting` value;\n     */\n    useEffect(() => {\n        setFolders(prev => {\n            const titleField = props?.titleFieldId || \"id\";\n            return sortTableItems(prev, state.listSort, {\n                [titleField]: \"title\"\n            });\n        });\n    }, [state.listSort]);\n\n    /**\n     * Utility function to list/load more records, the `meta` state is tracked internally.\n     */\n    const listMoreRecords = useCallback(() => {\n        const { hasMoreItems, cursor } = meta;\n        if (hasMoreItems && cursor) {\n            setState(state => ({ ...state, after: cursor }));\n        }\n    }, [meta]);\n\n    /**\n     * Constructs a \"where\" condition object based on the current state and properties.\n     *\n     * This function creates a \"where\" object used to filter data based on the current folder ID,\n     * ownership status, and other existing filters in the state.\n     *\n     * @returns {Object} A \"where\" condition object containing filters for querying data.\n     */\n    const getWhere = useCallback(() => {\n        // Initialize an empty object\n        let where = {};\n\n        if (!state.folderId) {\n            return where;\n        }\n\n        // Check if the current folder ID is not the ROOT_FOLDER folder\n        if (state.folderId !== ROOT_FOLDER) {\n            // Get descendant folder IDs of the current folder\n            const descendantFolderIds = getDescendantFolders(state.folderId).map(\n                folder => folder.id\n            );\n\n            // Set the locationWhere object with descendant folder IDs\n            where = dotPropImmutable.set({}, folderIdInPath, descendantFolderIds);\n        }\n\n        return {\n            createdBy: props.own ? identity?.id : undefined, // Set 'createdBy' based on the ownership status\n            ...state.filters, // Merge existing filters into the 'where' condition\n            ...where // Include where condition if applicable\n        };\n    }, [folders, state.folderId, state.filters, props.own, identity]);\n\n    /**\n     * Any time we receive new useful `state` params:\n     * - we fetch records according to the new params\n     */\n    useEffect(() => {\n        const listItems = async () => {\n            if (!state.folderId) {\n                return;\n            }\n\n            const isSearch = Boolean(\n                state.searchQuery ||\n                    (state.filters && Object.values(state.filters).filter(Boolean).length)\n            );\n\n            let where = dotPropImmutable.set({}, folderIdPath, state.folderId);\n\n            // In case of a search or filters applied, let's get the where condition based on the current folder ID,\n            // ownership status, and other existing filters in the state.\n            if (isSearch) {\n                where = getWhere();\n            }\n\n            const params: ListSearchRecordsQueryVariables = {\n                limit: state.limit,\n                sort: validateOrGetDefaultDbSort(state.listSort),\n                search: state.searchQuery,\n                after: state.after,\n                where\n            };\n\n            await listRecords(params);\n\n            setState(state => ({ ...state, isSearch }));\n        };\n\n        listItems();\n    }, [\n        state.folderId,\n        state.filters,\n        state.searchQuery,\n        state.after,\n        state.listSort,\n        state.limit,\n        props.own,\n        identity\n    ]);\n\n    /**\n     * useEffect hook to determine if the \"Select All\" option should be displayed based on the current state and meta properties:\n     *  - if in the root folder with no folders, checks if all records are selected.\n     *  - if in a non-root folder with multiple descendant folders, checks if all records are selected.\n     *  - if there are more items to load, checks if all records are selected.\n     */\n    useEffect(() => {\n        // Destructure relevant properties from state and meta\n        const { selected, folderId } = state;\n        const { hasMoreItems } = meta;\n\n        // Retrieve all descendant folders of the current folderId\n        const folderWithChildren = folderId ? getDescendantFolders(folderId) : [];\n\n        // Compute the lengths of various arrays for later comparisons\n        const foldersLength = folders.length;\n        const recordsLength = records.length;\n        const selectedLength = selected.length;\n        const folderWithChildrenLength = folderWithChildren.length;\n\n        // Function to determine if all records are selected\n        const getAllRecordsAreSelected = () => !!recordsLength && recordsLength === selectedLength;\n\n        // Initialize a flag to determine if the \"Select All\" option should be shown\n        let showingSelectAll = false;\n\n        // If in the root folder and there are some folders, check if all records are selected\n        if (folderId === ROOT_FOLDER && foldersLength > 0) {\n            showingSelectAll = getAllRecordsAreSelected();\n        }\n\n        // If not in the root folder and there are multiple descendant folders, check if all records are selected\n        if (folderId !== ROOT_FOLDER && folderWithChildrenLength > 1) {\n            showingSelectAll = getAllRecordsAreSelected();\n        }\n\n        // If there are more items to load, check if all records are selected\n        if (hasMoreItems) {\n            showingSelectAll = getAllRecordsAreSelected();\n        }\n\n        // Update the component's state based on the computed showingSelectAll flag\n        setState(prevState => {\n            // Only update if there is a change in showingSelectAll or if isSelectedAll was true previously\n            if (!prevState.isSelectedAll && prevState.showingSelectAll === showingSelectAll) {\n                return prevState;\n            }\n\n            // Return the new state with updated showingSelectAll and reset isSelectedAll to false\n            return {\n                ...prevState,\n                isSelectedAll: false,\n                showingSelectAll\n            };\n        });\n    }, [\n        records.length,\n        folders.length,\n        state.isSearch,\n        meta.hasMoreItems,\n        state.selected.length,\n        state.folderId\n    ]);\n\n    const context: AcoListContextData<GenericSearchData> = {\n        ...pick(state, [\n            \"isSearch\",\n            \"searchQuery\",\n            \"selected\",\n            \"showingFilters\",\n            \"showingSelectAll\",\n            \"isSelectedAll\"\n        ]),\n        folders,\n        records,\n        listTitle,\n        isListLoading: Boolean(\n            recordsLoading.INIT || recordsLoading.LIST || getIsFolderLoading(currentFolderId)\n        ),\n        isListLoadingMore: Boolean(recordsLoading.LIST_MORE),\n        meta,\n        setSearchQuery(query) {\n            setState(state => ({ ...state, searchQuery: query, after: undefined }));\n        },\n        setFilters(data) {\n            setState(state => ({ ...state, filters: data, after: undefined }));\n            // Create filters object excluding entries with `undefined` values\n            const filters = Object.fromEntries(\n                Object.entries(data).filter(([, value]) => value !== undefined)\n            );\n\n            setState(state => ({\n                ...state,\n                filters: Object.keys(filters).length ? filters : undefined,\n                after: undefined\n            }));\n        },\n        setListSort(sort: ListSearchRecordsSort) {\n            setState(state => ({ ...state, listSort: sort, after: undefined }));\n        },\n        setSelected(selected) {\n            setState(state => ({ ...state, selected }));\n        },\n        hideFilters() {\n            setState(state => ({\n                ...state,\n                filters: undefined,\n                showingFilters: false,\n                after: undefined\n            }));\n        },\n        showFilters() {\n            setState(state => ({ ...state, showingFilters: true }));\n        },\n        selectAll() {\n            setState(state => ({ ...state, isSelectedAll: true }));\n        },\n        unselectAll() {\n            setState(state => ({\n                ...state,\n                selected: [],\n                isSelectedAll: false\n            }));\n        },\n        getWhere,\n        listMoreRecords\n    };\n\n    return <AcoListContext.Provider value={context}>{children}</AcoListContext.Provider>;\n};\n"],"mappings":"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","ignoreList":[]}

package/contexts/app.d.ts

@@ -1,41 +0,0 @@
-import React from "react";
-import type { ApolloClient } from "apollo-client";
-import type { AcoApp, AcoAppMode, AcoError, AcoModel, AcoModelField } from "../types";
-export interface AcoAppProviderContext {
-    app: AcoApp;
-    folderIdPath: string;
-    folderIdInPath: string;
-    model: AcoModel;
-    client: ApolloClient<any>;
-    loading: boolean;
-    error?: AcoError | null;
-    mode: AcoAppMode;
-}
-export declare const AcoAppContext: React.Context<AcoAppProviderContext | undefined>;
-interface BaseAcoAppProviderProps {
-    children: React.ReactNode;
-    id: string;
-    folderIdPath?: string;
-    folderIdQueryString?: string;
-    client: ApolloClient<any>;
-    createNavigateFolderListLink?: () => string;
-    createNavigateFolderStorageKey: () => string;
-    own?: boolean;
-}
-export interface AcoAppProviderPropsApi extends BaseAcoAppProviderProps {
-    model?: never;
-    getFields?: never;
-}
-export interface AcoAppProviderPropsManual extends BaseAcoAppProviderProps {
-    model: AcoModel;
-    getFields?: () => AcoModelField[];
-}
-export type AcoAppProviderProps = AcoAppProviderPropsApi | AcoAppProviderPropsManual;
-interface CreateAppParams {
-    id: string;
-    model: AcoModel;
-    getFields?: () => AcoModelField[];
-}
-export declare const createAppFromModel: (data: CreateAppParams) => AcoApp;
-export declare const AcoAppProvider: ({ children, id, client, model: inputModel, getFields, folderIdQueryString, createNavigateFolderListLink, createNavigateFolderStorageKey, folderIdPath: initialFolderIdPath, own }: AcoAppProviderProps) => React.JSX.Element;
-export {};

package/contexts/app.js

@@ -1,191 +0,0 @@
-import React, { useEffect, useMemo, useState } from "react";
-import { DialogsProvider } from "@webiny/app-admin";
-import { createGetAppQuery } from "../graphql/app.gql";
-import { FoldersProvider as FoldersContextProvider } from "./folders";
-import { SearchRecordsProvider as SearchRecordsContextProvider } from "./records";
-import { DisplayError } from "./DisplayError";
-import { Loading } from "./Loading";
-import { NavigateFolderWithRouterProvider } from "./navigateFolderWithRouter";
-import { AcoListProvider } from "./acoList";
-export const AcoAppContext = /*#__PURE__*/React.createContext(undefined);
-export const createAppFromModel = data => {
-  return {
-    ...data,
-    getFields: data.getFields || (() => {
-      return data.model.fields;
-    })
-  };
-};
-const createApiApp = data => {
-  if (!data) {
-    console.error(`The APP could not be created. No data received.`);
-    return null;
-  }
-  const dataField = data.model.fields.find(f => f.fieldId === "data");
-  if (!dataField) {
-    console.error(`The APP "${data.id}" does not have the data field.`);
-    return null;
-  }
-  return {
-    ...data,
-    getFields: () => {
-      return dataField?.settings?.fields || [];
-    }
-  };
-};
-export const AcoAppProvider = ({
-  children,
-  id,
-  client,
-  model: inputModel,
-  getFields,
-  folderIdQueryString,
-  createNavigateFolderListLink,
-  createNavigateFolderStorageKey,
-  folderIdPath: initialFolderIdPath,
-  own
-}) => {
-  const [state, setState] = useState({
-    loading: false,
-    app: null,
-    model: null,
-    error: null,
-    mode: "aco"
-  });
-  const folderIdPath = initialFolderIdPath || "location.folderId";
-  const folderIdInPath = folderIdPath + "_in";
-
-  /**
-   * The APP Provider can operate in two modes:
-   * * `app` - when the `id` is provided, the app is fetched from the API
-   * * `model` - when the `model` is provided, the app is created from the model
-   */
-  useEffect(() => {
-    if (!id) {
-      return;
-    }
-    /**
-     * In the `model` mode, we don't need to fetch the app from the API.
-     * BUT, the input model must be `undefined`. In case it's `null`, just return because there will be a model at a point.
-     */
-    if (inputModel !== undefined) {
-      if (!inputModel) {
-        return;
-      }
-      setState(prev => {
-        return {
-          ...prev,
-          loading: false,
-          model: inputModel,
-          app: createAppFromModel({
-            id,
-            model: inputModel,
-            getFields
-          }),
-          mode: "cms"
-        };
-      });
-      return;
-    }
-    if (id === state.app?.id) {
-      return;
-    }
-    setState(prev => {
-      return {
-        ...prev,
-        loading: true
-      };
-    });
-    client.query({
-      query: createGetAppQuery(),
-      variables: {
-        id
-      }
-    }).then(response => {
-      const {
-        data,
-        error
-      } = response.data.aco?.app || {};
-      if (error) {
-        setState(prev => {
-          return {
-            ...prev,
-            loading: false,
-            app: null,
-            model: null,
-            error,
-            mode: "aco"
-          };
-        });
-        return;
-      }
-      setState(prev => {
-        const app = createApiApp(data);
-        if (!app) {
-          return {
-            ...prev,
-            loading: false,
-            app: null,
-            model: null,
-            mode: "aco",
-            error: {
-              message: `App "${id}" not found!`,
-              code: "APP_NOT_FOUND"
-            }
-          };
-        }
-        return {
-          ...prev,
-          loading: false,
-          app,
-          model: app.model,
-          error: null,
-          mode: "aco"
-        };
-      });
-    });
-  }, [id, inputModel?.modelId]);
-  const {
-    app,
-    model,
-    error,
-    loading,
-    mode
-  } = state;
-  const value = useMemo(() => {
-    return {
-      app: app,
-      folderIdPath,
-      folderIdInPath,
-      loading,
-      client,
-      model: model,
-      error,
-      mode
-    };
-  }, [app?.id, loading, error, model, client, mode]);
-  /**
-   * Do not render anything yet if there is no application.
-   */
-  if (error) {
-    return /*#__PURE__*/React.createElement("div", null, "Error: ", error.message);
-  } else if (loading) {
-    return /*#__PURE__*/React.createElement(Loading, null);
-  } else if (!app) {
-    return /*#__PURE__*/React.createElement(DisplayError, null, "There is no ACO App: ", /*#__PURE__*/React.createElement("strong", null, id), "!");
-  } else if (!model) {
-    return /*#__PURE__*/React.createElement(DisplayError, null, "There is no model for the ACO App: ", /*#__PURE__*/React.createElement("strong", null, id), "!");
-  }
-  return /*#__PURE__*/React.createElement(AcoAppContext.Provider, {
-    value: value
-  }, /*#__PURE__*/React.createElement(FoldersContextProvider, null, /*#__PURE__*/React.createElement(SearchRecordsContextProvider, null, /*#__PURE__*/React.createElement(NavigateFolderWithRouterProvider, {
-    folderIdQueryString: folderIdQueryString,
-    createListLink: createNavigateFolderListLink,
-    createStorageKey: createNavigateFolderStorageKey
-  }, /*#__PURE__*/React.createElement(AcoListProvider, {
-    own: own,
-    titleFieldId: model.titleFieldId
-  }, /*#__PURE__*/React.createElement(DialogsProvider, null, children))))));
-};
-
-//# sourceMappingURL=app.js.map