@webiny/app-aco 6.4.5 → 6.6.0-alpha.0

package/config/table/Sorting.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"config/table/Sorting.js","sources":["../../../src/config/table/Sorting.tsx"],"sourcesContent":["import React from \"react\";\nimport { Property, useIdGenerator } from \"@webiny/react-properties\";\n\nexport interface SortingConfig {\n    field: string;\n    order: \"asc\" | \"desc\";\n}\n\nexport interface SortingProps {\n    name: string;\n    field: string;\n    order?: \"asc\" | \"desc\";\n}\n\nexport const Sorting = ({ name, field, order = \"desc\" }: SortingProps) => {\n    const getId = useIdGenerator(\"tableSorting\");\n\n    return (\n        <Property id=\"table\" name={\"table\"}>\n            <Property id={getId(name)} name={\"sorting\"} array={true}>\n                <Property id={getId(name, \"name\")} name={\"name\"} value={name} />\n                <Property id={getId(name, \"field\")} name={\"field\"} value={field} />\n                <Property id={getId(name, \"order\")} name={\"order\"} value={order} />\n            </Property>\n        </Property>\n    );\n};\n"],"names":["Sorting","name","field","order","getId","useIdGenerator","Property"],"mappings":";;AAcO,MAAMA,UAAU,CAAC,EAAEC,IAAI,EAAEC,KAAK,EAAEC,QAAQ,MAAM,EAAgB;IACjE,MAAMC,QAAQC,eAAe;IAE7B,OAAO,WAAP,GACI,oBAACC,UAAQA;QAAC,IAAG;QAAQ,MAAM;qBACvB,oBAACA,UAAQA;QAAC,IAAIF,MAAMH;QAAO,MAAM;QAAW,OAAO;qBAC/C,oBAACK,UAAQA;QAAC,IAAIF,MAAMH,MAAM;QAAS,MAAM;QAAQ,OAAOA;sBACxD,oBAACK,UAAQA;QAAC,IAAIF,MAAMH,MAAM;QAAU,MAAM;QAAS,OAAOC;sBAC1D,oBAACI,UAAQA;QAAC,IAAIF,MAAMH,MAAM;QAAU,MAAM;QAAS,OAAOE;;AAI1E"}

package/contexts/acoList.d.ts

@@ -1,49 +0,0 @@
-import React from "react";
-import type { FolderDto } from "../domain/folder/FolderDto.js";
-import type { GenericSearchData, ListMeta, ListSearchRecordsSort } from "../types.js";
-export interface AcoListContextData<T> {
-    currentFolder?: FolderDto;
-    folders: FolderDto[];
-    hideFilters: () => void;
-    isListLoading: boolean;
-    isListLoadingMore: boolean;
-    isSearch: boolean;
-    listMoreRecords: () => void;
-    listTitle?: string;
-    meta: ListMeta;
-    records: T[];
-    selected: T[];
-    setFilters: (data: Record<string, any>) => void;
-    setListSort: (state: ListSearchRecordsSort) => void;
-    setSearchQuery: (query: string) => void;
-    setSelected: (selected: T[]) => void;
-    showFilters: () => void;
-    showingFilters: boolean;
-    showingSelectAll: boolean;
-    searchQuery: string;
-    isSelectedAll: boolean;
-    selectAll: () => void;
-    unselectAll: () => void;
-    getWhere: () => Record<string, any>;
-    refresh: () => Promise<void>;
-}
-export declare const AcoListContext: React.Context<AcoListContextData<GenericSearchData> | undefined>;
-export interface State<T> {
-    after?: string;
-    filters?: Record<string, any>;
-    folderId?: string;
-    isSearch: boolean;
-    limit: number;
-    listSort: ListSearchRecordsSort;
-    searchQuery: string;
-    selected: T[];
-    showingFilters: boolean;
-    showingSelectAll: boolean;
-    isSelectedAll: boolean;
-}
-export interface AcoListProviderProps {
-    children: React.ReactNode;
-    own?: boolean;
-    titleFieldId: string | null;
-}
-export declare const AcoListProvider: ({ children, ...props }: AcoListProviderProps) => React.JSX.Element;

package/contexts/acoList.js

@@ -1,303 +0,0 @@
-import react, { useCallback, useContext, useEffect, useMemo } from "react";
-import dot_prop_immutable from "dot-prop-immutable";
-import pick from "lodash/pick.js";
-import { useSecurity, useStateIfMounted } from "@webiny/app-admin";
-import { useGetDescendantFolders } from "../features/folders/getDescendantFolders/index.js";
-import { useListFoldersByParentIds } from "../features/folders/listFoldersByParentIds/index.js";
-import { useLoadFolderHierarchy } from "../features/folders/loadFolderHierarchy/index.js";
-import { useAcoApp, useNavigateFolder } from "../hooks/index.js";
-import { FoldersContext } from "./folders.js";
-import { SearchRecordsContext } from "./records.js";
-import { sortTableItems, validateOrGetDefaultDbSort } from "../sorting.js";
-import { ROOT_FOLDER } from "../constants.js";
-const AcoListContext = /*#__PURE__*/ react.createContext(void 0);
-const initializeAcoListState = ()=>({
-        after: void 0,
-        filters: void 0,
-        folderId: void 0,
-        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)=>dot_prop_immutable.get(record, folderIdPath) === currentFolderId);
-};
-const AcoListProvider = ({ children, ...props })=>{
-    const { identity } = useSecurity();
-    const { currentFolderId } = useNavigateFolder();
-    const { folderIdPath, folderIdInPath } = useAcoApp();
-    const { folders: originalFolders, loadFolderHierarchy } = useLoadFolderHierarchy();
-    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(void 0);
-    const [state, setState] = useStateIfMounted(initializeAcoListState());
-    const { records: originalRecords, loading: recordsLoading, listRecords, meta } = searchContext;
-    useEffect(()=>{
-        if (0 === folders.length) loadFolderHierarchy(currentFolderId);
-        else listFoldersByParentIds([
-            currentFolderId
-        ]);
-        setState((state)=>({
-                ...state,
-                after: void 0,
-                filters: void 0,
-                folderId: currentFolderId,
-                isSearch: false,
-                searchQuery: "",
-                selected: [],
-                showingFilters: false,
-                showingSelectAll: false,
-                isSelectedAll: false
-            }));
-    }, [
-        currentFolderId
-    ]);
-    useEffect(()=>{
-        const currentFolder = originalFolders?.find((folder)=>folder.id === (state.folderId || ROOT_FOLDER));
-        setListTitle(currentFolder?.title);
-        if (state.isSearch) return void setFolders([]);
-        const subFolders = getCurrentFolderList(originalFolders, state.folderId);
-        setFolders(()=>sortTableItems(subFolders, state.listSort));
-    }, [
-        originalFolders,
-        state.folderId,
-        state.isSearch
-    ]);
-    useEffect(()=>{
-        if (state.isSearch) return void setRecords(originalRecords);
-        const subRecords = getCurrentRecordList(originalRecords, folderIdPath, state.folderId);
-        setRecords(subRecords);
-    }, [
-        originalRecords,
-        state.folderId,
-        state.isSearch
-    ]);
-    useEffect(()=>{
-        setFolders((prev)=>{
-            const titleField = props?.titleFieldId || "id";
-            return sortTableItems(prev, state.listSort, {
-                [titleField]: "title"
-            });
-        });
-    }, [
-        state.listSort
-    ]);
-    const listMoreRecords = useCallback(()=>{
-        const { hasMoreItems, cursor } = meta;
-        if (hasMoreItems && cursor) setState((state)=>({
-                ...state,
-                after: cursor
-            }));
-    }, [
-        meta
-    ]);
-    const getWhere = useCallback(()=>{
-        let where = {};
-        if (!state.folderId) return where;
-        if (state.folderId !== ROOT_FOLDER) {
-            const descendantFolderIds = getDescendantFolders(state.folderId).map((folder)=>folder.id);
-            where = dot_prop_immutable.set({}, folderIdInPath, descendantFolderIds);
-        }
-        return {
-            createdBy: props.own ? identity.id : void 0,
-            ...state.filters,
-            ...where
-        };
-    }, [
-        folders,
-        state.folderId,
-        state.filters,
-        props.own,
-        identity
-    ]);
-    const buildListParams = useCallback(()=>{
-        if (!state.folderId) return null;
-        const isSearch = Boolean(state.searchQuery || state.filters && Object.values(state.filters).filter(Boolean).length);
-        let where = dot_prop_immutable.set({}, folderIdPath, state.folderId);
-        if (isSearch) where = getWhere();
-        return {
-            params: {
-                limit: state.limit,
-                sort: validateOrGetDefaultDbSort(state.listSort),
-                search: state.searchQuery,
-                after: state.after,
-                where
-            },
-            isSearch
-        };
-    }, [
-        state.folderId,
-        state.filters,
-        state.searchQuery,
-        state.after,
-        state.listSort,
-        state.limit,
-        getWhere,
-        folderIdPath
-    ]);
-    useEffect(()=>{
-        const listItems = async ()=>{
-            const result = buildListParams();
-            if (!result) return;
-            await listRecords(result.params);
-            setState((state)=>({
-                    ...state,
-                    isSearch: result.isSearch
-                }));
-        };
-        listItems();
-    }, [
-        state.folderId,
-        state.filters,
-        state.searchQuery,
-        state.after,
-        state.listSort,
-        state.limit,
-        props.own,
-        identity
-    ]);
-    const refresh = useCallback(async ()=>{
-        const result = buildListParams();
-        if (!result) return;
-        await listRecords(result.params);
-    }, [
-        buildListParams,
-        listRecords
-    ]);
-    useEffect(()=>{
-        const { selected, folderId } = state;
-        const { hasMoreItems } = meta;
-        const folderWithChildren = folderId ? getDescendantFolders(folderId) : [];
-        const foldersLength = folders.length;
-        const recordsLength = records.length;
-        const selectedLength = selected.length;
-        const folderWithChildrenLength = folderWithChildren.length;
-        const getAllRecordsAreSelected = ()=>!!recordsLength && recordsLength === selectedLength;
-        let showingSelectAll = false;
-        if (folderId === ROOT_FOLDER && foldersLength > 0) showingSelectAll = getAllRecordsAreSelected();
-        if (folderId !== ROOT_FOLDER && folderWithChildrenLength > 1) showingSelectAll = getAllRecordsAreSelected();
-        if (hasMoreItems) showingSelectAll = getAllRecordsAreSelected();
-        setState((prevState)=>{
-            if (!prevState.isSelectedAll && prevState.showingSelectAll === showingSelectAll) return prevState;
-            return {
-                ...prevState,
-                isSelectedAll: false,
-                showingSelectAll
-            };
-        });
-    }, [
-        records.length,
-        folders.length,
-        state.isSearch,
-        meta.hasMoreItems,
-        state.selected.length,
-        state.folderId
-    ]);
-    const currentFolder = useMemo(()=>originalFolders?.find((folder)=>folder.id === currentFolderId), [
-        originalFolders,
-        currentFolderId
-    ]);
-    const context = {
-        ...pick(state, [
-            "isSearch",
-            "searchQuery",
-            "selected",
-            "showingFilters",
-            "showingSelectAll",
-            "isSelectedAll"
-        ]),
-        folders,
-        currentFolder,
-        records,
-        listTitle,
-        isListLoading: Boolean(recordsLoading.INIT || recordsLoading.LIST),
-        isListLoadingMore: Boolean(recordsLoading.LIST_MORE),
-        meta,
-        setSearchQuery (query) {
-            setState((state)=>({
-                    ...state,
-                    searchQuery: query,
-                    after: void 0
-                }));
-        },
-        setFilters (data) {
-            setState((state)=>({
-                    ...state,
-                    filters: data,
-                    after: void 0
-                }));
-            const filters = Object.fromEntries(Object.entries(data).filter(([, value])=>void 0 !== value));
-            setState((state)=>({
-                    ...state,
-                    filters: Object.keys(filters).length ? filters : void 0,
-                    after: void 0
-                }));
-        },
-        setListSort (sort) {
-            setState((state)=>({
-                    ...state,
-                    listSort: sort,
-                    after: void 0
-                }));
-        },
-        setSelected (selected) {
-            setState((state)=>({
-                    ...state,
-                    selected
-                }));
-        },
-        hideFilters () {
-            setState((state)=>({
-                    ...state,
-                    filters: void 0,
-                    showingFilters: false,
-                    after: void 0
-                }));
-        },
-        showFilters () {
-            setState((state)=>({
-                    ...state,
-                    showingFilters: true
-                }));
-        },
-        selectAll () {
-            setState((state)=>({
-                    ...state,
-                    isSelectedAll: true
-                }));
-        },
-        unselectAll () {
-            setState((state)=>({
-                    ...state,
-                    selected: [],
-                    isSelectedAll: false
-                }));
-        },
-        getWhere,
-        listMoreRecords,
-        refresh
-    };
-    return /*#__PURE__*/ react.createElement(AcoListContext.Provider, {
-        value: context
-    }, children);
-};
-export { AcoListContext, AcoListProvider };
-
-//# sourceMappingURL=acoList.js.map

package/contexts/acoList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"contexts/acoList.js","sources":["../../src/contexts/acoList.tsx"],"sourcesContent":["import React, { useCallback, useContext, useEffect, useMemo } from \"react\";\nimport dotPropImmutable from \"dot-prop-immutable\";\nimport pick from \"lodash/pick.js\";\nimport { useStateIfMounted } from \"@webiny/app-admin\";\nimport { useSecurity } from \"@webiny/app-admin\";\nimport type { FolderDto } from \"~/domain/folder/FolderDto.js\";\nimport { useGetDescendantFolders } from \"~/features/folders/getDescendantFolders/index.js\";\nimport { useListFoldersByParentIds } from \"~/features/folders/listFoldersByParentIds/index.js\";\nimport { useLoadFolderHierarchy } from \"~/features/folders/loadFolderHierarchy/index.js\";\nimport type {\n    GenericSearchData,\n    ListMeta,\n    ListSearchRecordsQueryVariables,\n    ListSearchRecordsSort,\n    SearchRecordItem\n} from \"~/types.js\";\nimport { useAcoApp, useNavigateFolder } from \"~/hooks/index.js\";\nimport { FoldersContext } from \"~/contexts/folders.js\";\nimport { SearchRecordsContext } from \"~/contexts/records.js\";\nimport { sortTableItems, validateOrGetDefaultDbSort } from \"~/sorting.js\";\nimport { ROOT_FOLDER } from \"~/constants.js\";\n\nexport interface AcoListContextData<T> {\n    currentFolder?: FolderDto;\n    folders: FolderDto[];\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    refresh: () => Promise<void>;\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?: FolderDto[] | null,\n    currentFolderId?: string\n): FolderDto[] | [] => {\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 { folders: originalFolders, loadFolderHierarchy } = useLoadFolderHierarchy();\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<FolderDto[]>([]);\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            loadFolderHierarchy(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    const buildListParams = useCallback((): {\n        params: ListSearchRecordsQueryVariables;\n        isSearch: boolean;\n    } | null => {\n        if (!state.folderId) {\n            return null;\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        return {\n            params: {\n                limit: state.limit,\n                sort: validateOrGetDefaultDbSort(state.listSort),\n                search: state.searchQuery,\n                after: state.after,\n                where\n            },\n            isSearch\n        };\n    }, [\n        state.folderId,\n        state.filters,\n        state.searchQuery,\n        state.after,\n        state.listSort,\n        state.limit,\n        getWhere,\n        folderIdPath\n    ]);\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            const result = buildListParams();\n            if (!result) {\n                return;\n            }\n\n            await listRecords(result.params);\n\n            setState(state => ({ ...state, isSearch: result.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    const refresh = useCallback(async () => {\n        const result = buildListParams();\n        if (!result) {\n            return;\n        }\n\n        await listRecords(result.params);\n    }, [buildListParams, listRecords]);\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 currentFolder = useMemo(() => {\n        return originalFolders?.find(folder => folder.id === currentFolderId);\n    }, [originalFolders, currentFolderId]);\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        currentFolder,\n        records,\n        listTitle,\n        isListLoading: Boolean(recordsLoading.INIT || recordsLoading.LIST),\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        refresh\n    };\n\n    return <AcoListContext.Provider value={context}>{children}</AcoListContext.Provider>;\n};\n"],"names":["AcoListContext","React","undefined","initializeAcoListState","getCurrentFolderList","folders","currentFolderId","ROOT_FOLDER","folder","getCurrentRecordList","records","folderIdPath","record","dotPropImmutable","AcoListProvider","children","props","identity","useSecurity","useNavigateFolder","folderIdInPath","useAcoApp","originalFolders","loadFolderHierarchy","useLoadFolderHierarchy","getDescendantFolders","useGetDescendantFolders","listFoldersByParentIds","useListFoldersByParentIds","folderContext","useContext","FoldersContext","searchContext","SearchRecordsContext","Error","setFolders","useStateIfMounted","setRecords","listTitle","setListTitle","state","setState","originalRecords","recordsLoading","listRecords","meta","useEffect","currentFolder","subFolders","sortTableItems","subRecords","prev","titleField","listMoreRecords","useCallback","hasMoreItems","cursor","getWhere","where","descendantFolderIds","buildListParams","isSearch","Boolean","Object","validateOrGetDefaultDbSort","listItems","result","refresh","selected","folderId","folderWithChildren","foldersLength","recordsLength","selectedLength","folderWithChildrenLength","getAllRecordsAreSelected","showingSelectAll","prevState","useMemo","context","pick","query","data","filters","value","sort"],"mappings":"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"}

package/contexts/app.d.ts

@@ -1,33 +0,0 @@
-import React from "react";
-import type { ApolloClient } from "apollo-client";
-import type { AcoApp, AcoModel, AcoModelField } from "../types.js";
-import type { ColumnConfig } from "../config/table/Column.js";
-export interface AcoAppProviderContext {
-    app: AcoApp;
-    folderIdPath: string;
-    folderIdInPath: string;
-    model: AcoModel;
-    client: ApolloClient<any>;
-}
-export declare const AcoAppContext: React.Context<AcoAppProviderContext | undefined>;
-export type AcoAppProviderProps = {
-    children: React.ReactNode;
-    id: string;
-    folderId: string | undefined;
-    folderIdPath: string;
-    client: ApolloClient<any>;
-    navigateToFolder: (folderId: string) => void;
-    createNavigateFolderStorageKey: () => string;
-    model: AcoModel;
-    columns: ColumnConfig[];
-    own?: boolean;
-    getFields?: () => AcoModelField[];
-};
-interface CreateAppParams {
-    id: string;
-    model: AcoModel;
-    getFields?: () => AcoModelField[];
-}
-export declare const createAppFromModel: (data: CreateAppParams) => AcoApp;
-export declare const AcoAppProvider: ({ children, id, client, model, columns, getFields, navigateToFolder, createNavigateFolderStorageKey, folderId, folderIdPath, own }: AcoAppProviderProps) => React.JSX.Element;
-export {};

package/contexts/app.js

@@ -1,47 +0,0 @@
-import react, { useMemo } from "react";
-import { DialogsProvider } from "@webiny/app-admin";
-import { FoldersProvider } from "./folders.js";
-import { SearchRecordsProvider } from "./records.js";
-import { AcoListProvider } from "./acoList.js";
-import { NavigateFolderProvider } from "./navigateFolder.js";
-const AcoAppContext = /*#__PURE__*/ react.createContext(void 0);
-const createAppFromModel = (data)=>({
-        ...data,
-        getFields: data.getFields || (()=>data.model.fields)
-    });
-const AcoAppProvider = ({ children, id, client, model, columns, getFields, navigateToFolder, createNavigateFolderStorageKey, folderId, folderIdPath, own })=>{
-    const app = useMemo(()=>createAppFromModel({
-            id,
-            model,
-            getFields
-        }), [
-        model
-    ]);
-    const folderIdInPath = folderIdPath + "_in";
-    const value = useMemo(()=>({
-            app: app,
-            folderIdPath,
-            folderIdInPath,
-            client,
-            model: model
-        }), [
-        app?.id,
-        model,
-        client
-    ]);
-    return /*#__PURE__*/ react.createElement(AcoAppContext.Provider, {
-        value: value
-    }, /*#__PURE__*/ react.createElement(FoldersProvider, null, /*#__PURE__*/ react.createElement(SearchRecordsProvider, {
-        columns: columns
-    }, /*#__PURE__*/ react.createElement(NavigateFolderProvider, {
-        folderId: folderId,
-        createStorageKey: createNavigateFolderStorageKey,
-        navigateToFolder: navigateToFolder
-    }, /*#__PURE__*/ react.createElement(AcoListProvider, {
-        own: own,
-        titleFieldId: model.titleFieldId
-    }, /*#__PURE__*/ react.createElement(DialogsProvider, null, children))))));
-};
-export { AcoAppContext, AcoAppProvider, createAppFromModel };
-
-//# sourceMappingURL=app.js.map

package/contexts/app.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"contexts/app.js","sources":["../../src/contexts/app.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport type { ApolloClient } from \"apollo-client\";\nimport { DialogsProvider } from \"@webiny/app-admin\";\nimport type { AcoApp, AcoModel, AcoModelField } from \"~/types.js\";\nimport { FoldersProvider as FoldersContextProvider } from \"./folders.js\";\nimport { SearchRecordsProvider as SearchRecordsContextProvider } from \"./records.js\";\nimport { AcoListProvider } from \"~/contexts/acoList.js\";\nimport { NavigateFolderProvider } from \"~/contexts/navigateFolder.js\";\nimport type { ColumnConfig } from \"~/config/table/Column.js\";\n\nexport interface AcoAppProviderContext {\n    app: AcoApp;\n    folderIdPath: string;\n    folderIdInPath: string;\n    model: AcoModel;\n    client: ApolloClient<any>;\n}\n\nexport const AcoAppContext = React.createContext<AcoAppProviderContext | undefined>(undefined);\n\nexport type AcoAppProviderProps = {\n    children: React.ReactNode;\n    id: string;\n    folderId: string | undefined;\n    folderIdPath: string;\n    client: ApolloClient<any>;\n    navigateToFolder: (folderId: string) => void;\n    createNavigateFolderStorageKey: () => string;\n    model: AcoModel;\n    columns: ColumnConfig[];\n    own?: boolean;\n    getFields?: () => AcoModelField[];\n};\n\ninterface CreateAppParams {\n    id: string;\n    model: AcoModel;\n    getFields?: () => AcoModelField[];\n}\n\nexport const createAppFromModel = (data: CreateAppParams): AcoApp => {\n    return {\n        ...data,\n        getFields:\n            data.getFields ||\n            (() => {\n                return data.model.fields;\n            })\n    };\n};\n\nexport const AcoAppProvider = ({\n    children,\n    id,\n    client,\n    model,\n    columns,\n    getFields,\n    navigateToFolder,\n    createNavigateFolderStorageKey,\n    folderId,\n    folderIdPath,\n    own\n}: AcoAppProviderProps) => {\n    const app = useMemo(() => {\n        return createAppFromModel({\n            id,\n            model,\n            getFields\n        });\n    }, [model]);\n\n    const folderIdInPath = folderIdPath + \"_in\";\n\n    const value = useMemo<AcoAppProviderContext>(() => {\n        return {\n            app: app as AcoApp,\n            folderIdPath,\n            folderIdInPath,\n            client,\n            model: model as AcoModel\n        };\n    }, [app?.id, model, client]);\n\n    return (\n        <AcoAppContext.Provider value={value}>\n            <FoldersContextProvider>\n                <SearchRecordsContextProvider columns={columns}>\n                    <NavigateFolderProvider\n                        folderId={folderId}\n                        createStorageKey={createNavigateFolderStorageKey}\n                        navigateToFolder={navigateToFolder}\n                    >\n                        <AcoListProvider own={own} titleFieldId={model.titleFieldId}>\n                            <DialogsProvider>{children}</DialogsProvider>\n                        </AcoListProvider>\n                    </NavigateFolderProvider>\n                </SearchRecordsContextProvider>\n            </FoldersContextProvider>\n        </AcoAppContext.Provider>\n    );\n};\n"],"names":["AcoAppContext","React","undefined","createAppFromModel","data","AcoAppProvider","children","id","client","model","columns","getFields","navigateToFolder","createNavigateFolderStorageKey","folderId","folderIdPath","own","app","useMemo","folderIdInPath","value","FoldersContextProvider","SearchRecordsContextProvider","NavigateFolderProvider","AcoListProvider","DialogsProvider"],"mappings":";;;;;;AAkBO,MAAMA,gBAAgB,WAAHA,GAAGC,MAAAA,aAAmB,CAAoCC;AAsB7E,MAAMC,qBAAqB,CAACC,OACxB;QACH,GAAGA,IAAI;QACP,WACIA,KAAK,SAAS,IACZ,KACSA,KAAK,KAAK,CAAC,MAAM,AAC5B;IACR;AAGG,MAAMC,iBAAiB,CAAC,EAC3BC,QAAQ,EACRC,EAAE,EACFC,MAAM,EACNC,KAAK,EACLC,OAAO,EACPC,SAAS,EACTC,gBAAgB,EAChBC,8BAA8B,EAC9BC,QAAQ,EACRC,YAAY,EACZC,GAAG,EACe;IAClB,MAAMC,MAAMC,QAAQ,IACTf,mBAAmB;YACtBI;YACAE;YACAE;QACJ,IACD;QAACF;KAAM;IAEV,MAAMU,iBAAiBJ,eAAe;IAEtC,MAAMK,QAAQF,QAA+B,IAClC;YACH,KAAKD;YACLF;YACAI;YACAX;YACA,OAAOC;QACX,IACD;QAACQ,KAAK;QAAIR;QAAOD;KAAO;IAE3B,OAAO,WAAP,GACI,oBAACR,cAAc,QAAQ;QAAC,OAAOoB;qBAC3B,oBAACC,iBAAsBA,MAAAA,WAAAA,GACnB,oBAACC,uBAA4BA;QAAC,SAASZ;qBACnC,oBAACa,wBAAsBA;QACnB,UAAUT;QACV,kBAAkBD;QAClB,kBAAkBD;qBAElB,oBAACY,iBAAeA;QAAC,KAAKR;QAAK,cAAcP,MAAM,YAAY;qBACvD,oBAACgB,iBAAeA,MAAEnB;AAO9C"}

package/contexts/folders.d.ts

@@ -1,12 +0,0 @@
-import type { ReactNode } from "react";
-import React from "react";
-interface FoldersContext {
-    type?: string | null;
-}
-export declare const FoldersContext: React.Context<FoldersContext | undefined>;
-interface Props {
-    type?: string;
-    children: ReactNode;
-}
-export declare const FoldersProvider: ({ children, ...props }: Props) => React.JSX.Element;
-export {};

package/contexts/folders.js

@@ -1,32 +0,0 @@
-import { DiContainerProvider, useContainer } from "@webiny/app";
-import react, { useContext, useMemo } from "react";
-import { AcoAppContext } from "./app.js";
-import { FoldersFeature } from "../features/folders/feature.js";
-const FoldersContext = /*#__PURE__*/ react.createContext(void 0);
-const FoldersProvider = ({ children, ...props })=>{
-    const appContext = useContext(AcoAppContext);
-    const app = appContext ? appContext.app : void 0;
-    const type = props.type ?? app?.id;
-    if (!type) throw Error('FoldersProvider requires a "type" prop or an AcoAppContext to be available!');
-    const container = useContainer();
-    const routeContainer = useMemo(()=>{
-        const childContainer = container.createChildContainer();
-        FoldersFeature.register(childContainer, {
-            type
-        });
-        return childContainer;
-    }, []);
-    const context = useMemo(()=>({
-            type
-        }), [
-        type
-    ]);
-    return /*#__PURE__*/ react.createElement(DiContainerProvider, {
-        container: routeContainer
-    }, /*#__PURE__*/ react.createElement(FoldersContext.Provider, {
-        value: context
-    }, children));
-};
-export { FoldersContext, FoldersProvider };
-
-//# sourceMappingURL=folders.js.map

package/contexts/folders.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"contexts/folders.js","sources":["../../src/contexts/folders.tsx"],"sourcesContent":["import { DiContainerProvider } from \"@webiny/app\";\nimport { useContainer } from \"@webiny/app\";\nimport type { ReactNode } from \"react\";\nimport React, { useContext, useMemo } from \"react\";\nimport { AcoAppContext } from \"~/contexts/app.js\";\nimport { FoldersFeature } from \"~/features/folders/feature.js\";\n\ninterface FoldersContext {\n    type?: string | null;\n}\n\nexport const FoldersContext = React.createContext<FoldersContext | undefined>(undefined);\n\ninterface Props {\n    type?: string;\n    children: ReactNode;\n}\n\nexport const FoldersProvider = ({ children, ...props }: Props) => {\n    const appContext = useContext(AcoAppContext);\n\n    const app = appContext ? appContext.app : undefined;\n\n    const type = props.type ?? app?.id;\n\n    if (!type) {\n        throw Error(`FoldersProvider requires a \"type\" prop or an AcoAppContext to be available!`);\n    }\n\n    const container = useContainer();\n\n    const routeContainer = useMemo(() => {\n        const childContainer = container.createChildContainer();\n\n        FoldersFeature.register(childContainer, { type });\n\n        return childContainer;\n    }, []);\n\n    const context = useMemo<FoldersContext>(() => {\n        return {\n            type\n        };\n    }, [type]);\n\n    return (\n        <DiContainerProvider container={routeContainer}>\n            <FoldersContext.Provider value={context}>{children}</FoldersContext.Provider>\n        </DiContainerProvider>\n    );\n};\n"],"names":["FoldersContext","React","undefined","FoldersProvider","children","props","appContext","useContext","AcoAppContext","app","type","Error","container","useContainer","routeContainer","useMemo","childContainer","FoldersFeature","context","DiContainerProvider"],"mappings":";;;;AAWO,MAAMA,iBAAiB,WAAHA,GAAGC,MAAAA,aAAmB,CAA6BC;AAOvE,MAAMC,kBAAkB,CAAC,EAAEC,QAAQ,EAAE,GAAGC,OAAc;IACzD,MAAMC,aAAaC,WAAWC;IAE9B,MAAMC,MAAMH,aAAaA,WAAW,GAAG,GAAGJ;IAE1C,MAAMQ,OAAOL,MAAM,IAAI,IAAII,KAAK;IAEhC,IAAI,CAACC,MACD,MAAMC,MAAM;IAGhB,MAAMC,YAAYC;IAElB,MAAMC,iBAAiBC,QAAQ;QAC3B,MAAMC,iBAAiBJ,UAAU,oBAAoB;QAErDK,eAAe,QAAQ,CAACD,gBAAgB;YAAEN;QAAK;QAE/C,OAAOM;IACX,GAAG,EAAE;IAEL,MAAME,UAAUH,QAAwB,IAC7B;YACHL;QACJ,IACD;QAACA;KAAK;IAET,OAAO,WAAP,GACI,oBAACS,qBAAmBA;QAAC,WAAWL;qBAC5B,oBAACd,eAAe,QAAQ;QAAC,OAAOkB;OAAUd;AAGtD"}

package/contexts/navigateFolder.d.ts

@@ -1,17 +0,0 @@
-import React from "react";
-export interface NavigateFolderContext {
-    currentFolderId: string;
-    isRootFolder: boolean;
-    setFolderToStorage: (folderId?: string) => void;
-    navigateToListHome: () => void;
-    navigateToFolder: (folder?: string) => void;
-    navigateToLatestFolder: () => void;
-}
-export declare const NavigateFolderContext: React.Context<NavigateFolderContext | undefined>;
-export interface NavigateFolderProviderProps {
-    folderId: string | undefined;
-    children: React.ReactNode;
-    navigateToFolder: (folderId: string) => void;
-    createStorageKey: () => string;
-}
-export declare const NavigateFolderProvider: ({ folderId: currentFolderId, children, createStorageKey, ...props }: NavigateFolderProviderProps) => React.JSX.Element;

package/contexts/navigateFolder.js

@@ -1,54 +0,0 @@
-import react, { useCallback, useEffect } from "react";
-import { ROOT_FOLDER } from "../constants.js";
-import { useLocalStorage } from "@webiny/app/exports/admin/local-storage.js";
-const NavigateFolderContext = /*#__PURE__*/ react.createContext(void 0);
-const NavigateFolderProvider = ({ folderId: currentFolderId, children, createStorageKey, ...props })=>{
-    const localStorage = useLocalStorage();
-    const setFolderToStorage = useCallback((newFolderId)=>{
-        localStorage.set(createStorageKey(), newFolderId);
-    }, [
-        createStorageKey
-    ]);
-    const getFolderFromStorage = useCallback(()=>{
-        const folderId = localStorage.get(createStorageKey());
-        return folderId?.toLowerCase();
-    }, [
-        createStorageKey
-    ]);
-    useEffect(()=>{
-        setTimeout(()=>{
-            navigateToLatestFolder();
-        });
-    }, []);
-    const navigateToLatestFolder = useCallback(()=>{
-        const storageFolderId = getFolderFromStorage();
-        if (!currentFolderId) props.navigateToFolder(storageFolderId || ROOT_FOLDER);
-    }, [
-        currentFolderId
-    ]);
-    const navigateToFolder = useCallback((folderId)=>{
-        setFolderToStorage(folderId);
-        props.navigateToFolder(folderId || ROOT_FOLDER);
-    }, [
-        currentFolderId
-    ]);
-    const navigateToListHome = ()=>{
-        localStorage.remove(createStorageKey());
-        props.navigateToFolder(ROOT_FOLDER);
-    };
-    const finalFolderId = currentFolderId || getFolderFromStorage() || ROOT_FOLDER;
-    const context = {
-        currentFolderId: finalFolderId,
-        isRootFolder: finalFolderId === ROOT_FOLDER,
-        setFolderToStorage,
-        navigateToListHome,
-        navigateToFolder,
-        navigateToLatestFolder
-    };
-    return /*#__PURE__*/ react.createElement(NavigateFolderContext.Provider, {
-        value: context
-    }, children);
-};
-export { NavigateFolderContext, NavigateFolderProvider };
-
-//# sourceMappingURL=navigateFolder.js.map

package/contexts/navigateFolder.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"contexts/navigateFolder.js","sources":["../../src/contexts/navigateFolder.tsx"],"sourcesContent":["import React, { useCallback, useEffect } from \"react\";\nimport { ROOT_FOLDER } from \"~/constants.js\";\nimport { useLocalStorage } from \"@webiny/app/exports/admin/local-storage.js\";\n\nexport interface NavigateFolderContext {\n    currentFolderId: string;\n    isRootFolder: boolean;\n    setFolderToStorage: (folderId?: string) => void;\n    navigateToListHome: () => void;\n    navigateToFolder: (folder?: string) => void;\n    navigateToLatestFolder: () => void;\n}\n\nexport const NavigateFolderContext = React.createContext<NavigateFolderContext | undefined>(\n    undefined\n);\n\nexport interface NavigateFolderProviderProps {\n    folderId: string | undefined;\n    children: React.ReactNode;\n    navigateToFolder: (folderId: string) => void;\n    createStorageKey: () => string;\n}\n\nexport const NavigateFolderProvider = ({\n    folderId: currentFolderId,\n    children,\n    createStorageKey,\n    ...props\n}: NavigateFolderProviderProps) => {\n    const localStorage = useLocalStorage();\n    /**\n     * Helper function to set the current folderId to local storage:\n     * we export this function to call it programmatically when we need it and\n     * persist the value on view switch.\n     */\n    const setFolderToStorage = useCallback(\n        (newFolderId?: string): void => {\n            localStorage.set(createStorageKey(), newFolderId);\n        },\n        [createStorageKey]\n    );\n\n    const getFolderFromStorage = useCallback((): string | undefined => {\n        const folderId = localStorage.get(createStorageKey());\n        return folderId?.toLowerCase();\n    }, [createStorageKey]);\n\n    useEffect(() => {\n        setTimeout(() => {\n            // Defer navigation to next tick.\n            navigateToLatestFolder();\n        });\n    }, []);\n\n    /**\n     * Navigate to the latest visited folder.\n     */\n    const navigateToLatestFolder = useCallback(() => {\n        const storageFolderId = getFolderFromStorage();\n        if (!currentFolderId) {\n            props.navigateToFolder(storageFolderId || ROOT_FOLDER);\n        }\n    }, [currentFolderId]);\n\n    const navigateToFolder = useCallback(\n        (folderId?: string) => {\n            setFolderToStorage(folderId);\n            props.navigateToFolder(folderId || ROOT_FOLDER);\n        },\n        [currentFolderId]\n    );\n\n    const navigateToListHome = () => {\n        localStorage.remove(createStorageKey());\n        props.navigateToFolder(ROOT_FOLDER);\n    };\n\n    const finalFolderId = currentFolderId || getFolderFromStorage() || ROOT_FOLDER;\n\n    const context: NavigateFolderContext = {\n        currentFolderId: finalFolderId,\n        isRootFolder: finalFolderId === ROOT_FOLDER,\n        setFolderToStorage,\n        navigateToListHome,\n        navigateToFolder,\n        navigateToLatestFolder\n    };\n\n    return (\n        <NavigateFolderContext.Provider value={context}>{children}</NavigateFolderContext.Provider>\n    );\n};\n"],"names":["NavigateFolderContext","React","undefined","NavigateFolderProvider","currentFolderId","children","createStorageKey","props","localStorage","useLocalStorage","setFolderToStorage","useCallback","newFolderId","getFolderFromStorage","folderId","useEffect","setTimeout","navigateToLatestFolder","storageFolderId","ROOT_FOLDER","navigateToFolder","navigateToListHome","finalFolderId","context"],"mappings":";;;AAaO,MAAMA,wBAAwB,WAAHA,GAAGC,MAAAA,aAAmB,CACpDC;AAUG,MAAMC,yBAAyB,CAAC,EACnC,UAAUC,eAAe,EACzBC,QAAQ,EACRC,gBAAgB,EAChB,GAAGC,OACuB;IAC1B,MAAMC,eAAeC;IAMrB,MAAMC,qBAAqBC,YACvB,CAACC;QACGJ,aAAa,GAAG,CAACF,oBAAoBM;IACzC,GACA;QAACN;KAAiB;IAGtB,MAAMO,uBAAuBF,YAAY;QACrC,MAAMG,WAAWN,aAAa,GAAG,CAACF;QAClC,OAAOQ,UAAU;IACrB,GAAG;QAACR;KAAiB;IAErBS,UAAU;QACNC,WAAW;YAEPC;QACJ;IACJ,GAAG,EAAE;IAKL,MAAMA,yBAAyBN,YAAY;QACvC,MAAMO,kBAAkBL;QACxB,IAAI,CAACT,iBACDG,MAAM,gBAAgB,CAACW,mBAAmBC;IAElD,GAAG;QAACf;KAAgB;IAEpB,MAAMgB,mBAAmBT,YACrB,CAACG;QACGJ,mBAAmBI;QACnBP,MAAM,gBAAgB,CAACO,YAAYK;IACvC,GACA;QAACf;KAAgB;IAGrB,MAAMiB,qBAAqB;QACvBb,aAAa,MAAM,CAACF;QACpBC,MAAM,gBAAgB,CAACY;IAC3B;IAEA,MAAMG,gBAAgBlB,mBAAmBS,0BAA0BM;IAEnE,MAAMI,UAAiC;QACnC,iBAAiBD;QACjB,cAAcA,kBAAkBH;QAChCT;QACAW;QACAD;QACAH;IACJ;IAEA,OAAO,WAAP,GACI,oBAACjB,sBAAsB,QAAQ;QAAC,OAAOuB;OAAUlB;AAEzD"}