@webiny/app-aco 6.0.0-beta.0 → 6.0.0-rc.1

package/contexts/acoList.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_dotPropImmutable","_interopRequireDefault","_pick","_appAdmin","_appSecurity","_hooks","_folders","_records","_sorting","_constants","_excluded","AcoListContext","exports","React","createContext","undefined","initializeAcoListState","after","filters","folderId","isSearch","limit","listSort","searchQuery","selected","showingFilters","getCurrentFolderList","folders","currentFolderId","toLowerCase","ROOT_FOLDER","filter","folder","parentId","getCurrentRecordList","records","folderIdPath","record","dotPropImmutable","get","AcoListProvider","_ref","children","props","_objectWithoutProperties2","default","_useSecurity","useSecurity","identity","_useNavigateFolder","useNavigateFolder","_useAcoApp","useAcoApp","folderIdInPath","folderContext","useContext","FoldersContext","searchContext","SearchRecordsContext","Error","_useStateIfMounted","useStateIfMounted","_useStateIfMounted2","_slicedToArray2","setFolders","_useStateIfMounted3","_useStateIfMounted4","setRecords","_useStateIfMounted5","_useStateIfMounted6","listTitle","setListTitle","_useStateIfMounted7","_useStateIfMounted8","state","setState","originalFolders","foldersLoading","loading","listFolders","getDescendantFolders","originalRecords","recordsLoading","listRecords","meta","useEffect","_objectSpread2","currentFolder","find","id","title","subFolders","sortTableItems","subRecords","prev","titleField","titleFieldId","_defineProperty2","listMoreRecords","useCallback","hasMoreItems","cursor","listItems","Boolean","Object","values","length","locationWhere","set","descendantFolderIds","map","params","sort","validateOrGetDefaultDbSort","search","where","createdBy","own","context","pick","isListLoading","INIT","LIST","isListLoadingMore","LIST_MORE","setSearchQuery","query","setFilters","data","fromEntries","entries","_ref2","_ref3","value","keys","setListSort","setSelected","hideFilters","showFilters","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 {\n    FolderItem,\n    GenericSearchData,\n    ListMeta,\n    ListSearchRecordsQueryVariables,\n    ListSearchRecordsSort,\n    SearchRecordItem\n} from \"~/types\";\nimport { useAcoApp, useNavigateFolder } from \"~/hooks\";\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}\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}\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    };\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 = 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 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 {\n        folders: originalFolders,\n        loading: foldersLoading,\n        listFolders,\n        getDescendantFolders\n    } = folderContext;\n    const { records: originalRecords, loading: recordsLoading, listRecords, meta } = searchContext;\n\n    /**\n     * On first mount, call `listFolders` 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     * IMPORTANT: we check if the folders[type] array exists: the hook can be used from multiple components and\n     * fetch the outdated list from Apollo Cache. Since the state is managed locally, we fetch the folders only\n     * at the first mount.\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        if (!currentFolderId) {\n            return;\n        }\n\n        if (!originalFolders) {\n            listFolders();\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            };\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     * 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 locationWhere = dotPropImmutable.set({}, folderIdPath, state.folderId);\n\n            if (isSearch) {\n                if (state.folderId === ROOT_FOLDER) {\n                    locationWhere = undefined;\n                } else {\n                    const descendantFolderIds = getDescendantFolders(state.folderId).map(\n                        folder => folder.id\n                    );\n                    locationWhere = dotPropImmutable.set({}, folderIdInPath, descendantFolderIds);\n                }\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                    createdBy: props.own ? identity!.id : undefined,\n                    ...locationWhere,\n                    ...state.filters\n                }\n            };\n\n            await listRecords(params);\n\n            setState(state => ({ ...state, isSearch }));\n        };\n\n        listItems();\n    }, [state.folderId, state.filters, state.searchQuery, state.after, state.listSort]);\n\n    const context: AcoListContextData<GenericSearchData> = {\n        ...pick(state, [\"isSearch\", \"selected\", \"showingFilters\"]),\n        folders,\n        records,\n        listTitle,\n        isListLoading: Boolean(\n            recordsLoading.INIT || foldersLoading.INIT || recordsLoading.LIST || foldersLoading.LIST\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        listMoreRecords\n    };\n\n    return <AcoListContext.Provider value={context}>{children}</AcoListContext.Provider>;\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useContext","useEffect","useMemo","dotPropImmutable","pick","useStateIfMounted","useSecurity","useGetDescendantFolders","useListFoldersByParentIds","useLoadFolderHierarchy","useAcoApp","useNavigateFolder","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","loadFolderHierarchy","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, 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}\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    /**\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 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    };\n\n    return <AcoListContext.Provider value={context}>{children}</AcoListContext.Provider>;\n};\n"],"mappings":"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","ignoreList":[]}

package/contexts/app.d.ts

@@ -1,35 +1,33 @@
 import React from "react";
-import { ApolloClient } from "apollo-client";
-import { AcoApp, AcoAppMode, AcoError, AcoModel, AcoModelField } from "../types";
+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>;
-    loading: boolean;
-    error?: AcoError | null;
-    mode: AcoAppMode;
 }
 export declare const AcoAppContext: React.Context<AcoAppProviderContext | undefined>;
-interface BaseAcoAppProviderProps {
+export type AcoAppProviderProps = {
     children: React.ReactNode;
     id: string;
-    folderIdPath?: string;
-    folderIdQueryString?: string;
+    folderId: string | undefined;
+    folderIdPath: string;
     client: ApolloClient<any>;
-    createNavigateFolderListLink?: () => string;
+    navigateToFolder: (folderId: string) => void;
     createNavigateFolderStorageKey: () => string;
+    model: AcoModel;
+    columns: ColumnConfig[];
     own?: boolean;
-}
-export interface AcoAppProviderPropsApi extends BaseAcoAppProviderProps {
-    model?: never;
-    getFields?: never;
-}
-export interface AcoAppProviderPropsManual extends BaseAcoAppProviderProps {
+    getFields?: () => AcoModelField[];
+};
+interface CreateAppParams {
+    id: string;
     model: AcoModel;
     getFields?: () => AcoModelField[];
 }
-export declare type AcoAppProviderProps = AcoAppProviderPropsApi | AcoAppProviderPropsManual;
-export declare const AcoAppProvider: ({ children, id, client, model: inputModel, getFields, folderIdQueryString, createNavigateFolderListLink, createNavigateFolderStorageKey, folderIdPath: initialFolderIdPath, own }: AcoAppProviderProps) => React.JSX.Element;
+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,195 +1,60 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.AcoAppProvider = exports.AcoAppContext = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _react = _interopRequireWildcard(require("react"));
-var _Progress = require("@webiny/ui/Progress");
-var _appAdmin = require("@webiny/app-admin");
-var _app = require("../graphql/app.gql");
-var _folders = require("./folders");
-var _records = require("./records");
-var _DisplayError = require("./DisplayError");
-var _navigateFolderWithRouter = require("./navigateFolderWithRouter");
-var _acoList = require("./acoList");
-var AcoAppContext = exports.AcoAppContext = /*#__PURE__*/_react.default.createContext(undefined);
-var createApp = function createApp(data) {
-  return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, data), {}, {
-    getFields: data.getFields || function () {
+import React, { useMemo } from "react";
+import { DialogsProvider } from "@webiny/app-admin";
+import { FoldersProvider as FoldersContextProvider } from "./folders.js";
+import { SearchRecordsProvider as SearchRecordsContextProvider } from "./records.js";
+import { AcoListProvider } from "./acoList.js";
+import { NavigateFolderProvider } from "./navigateFolder.js";
+export const AcoAppContext = /*#__PURE__*/React.createContext(undefined);
+export const createAppFromModel = data => {
+  return {
+    ...data,
+    getFields: data.getFields || (() => {
       return data.model.fields;
-    }
-  });
-};
-var createApiApp = function createApiApp(data) {
-  if (!data) {
-    console.error("The APP could not be created. No data received.");
-    return null;
-  }
-  var dataField = data.model.fields.find(function (f) {
-    return f.fieldId === "data";
-  });
-  if (!dataField) {
-    console.error("The APP \"".concat(data.id, "\" does not have the data field."));
-    return null;
-  }
-  return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, data), {}, {
-    getFields: function getFields() {
-      return dataField?.settings?.fields || [];
-    }
-  });
+    })
+  };
 };
-var AcoAppProvider = exports.AcoAppProvider = function AcoAppProvider(_ref) {
-  var children = _ref.children,
-    id = _ref.id,
-    client = _ref.client,
-    inputModel = _ref.model,
-    getFields = _ref.getFields,
-    folderIdQueryString = _ref.folderIdQueryString,
-    createNavigateFolderListLink = _ref.createNavigateFolderListLink,
-    createNavigateFolderStorageKey = _ref.createNavigateFolderStorageKey,
-    initialFolderIdPath = _ref.folderIdPath,
-    own = _ref.own;
-  var _useState = (0, _react.useState)({
-      loading: false,
-      app: null,
-      model: null,
-      error: null,
-      mode: "aco"
-    }),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    state = _useState2[0],
-    setState = _useState2[1];
-  var folderIdPath = initialFolderIdPath || "location.folderId";
-  var 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
-   */
-  (0, _react.useEffect)(function () {
-    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(function (prev) {
-        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, prev), {}, {
-          loading: false,
-          model: inputModel,
-          app: createApp({
-            id: id,
-            model: inputModel,
-            getFields: getFields
-          }),
-          mode: "cms"
-        });
-      });
-      return;
-    }
-    if (id === state.app?.id) {
-      return;
-    }
-    setState(function (prev) {
-      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, prev), {}, {
-        loading: true
-      });
-    });
-    client.query({
-      query: (0, _app.createGetAppQuery)(),
-      variables: {
-        id: id
-      }
-    }).then(function (response) {
-      var _ref2 = response.data.aco?.app || {},
-        data = _ref2.data,
-        error = _ref2.error;
-      if (error) {
-        setState(function (prev) {
-          return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, prev), {}, {
-            loading: false,
-            app: null,
-            model: null,
-            error: error,
-            mode: "aco"
-          });
-        });
-        return;
-      }
-      setState(function (prev) {
-        var app = createApiApp(data);
-        if (!app) {
-          return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, prev), {}, {
-            loading: false,
-            app: null,
-            model: null,
-            mode: "aco",
-            error: {
-              message: "App \"".concat(id, "\" not found!"),
-              code: "APP_NOT_FOUND"
-            }
-          });
-        }
-        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, prev), {}, {
-          loading: false,
-          app: app,
-          model: app.model,
-          error: null,
-          mode: "aco"
-        });
-      });
+export const AcoAppProvider = ({
+  children,
+  id,
+  client,
+  model,
+  columns,
+  getFields,
+  navigateToFolder,
+  createNavigateFolderStorageKey,
+  folderId,
+  folderIdPath,
+  own
+}) => {
+  const app = useMemo(() => {
+    return createAppFromModel({
+      id,
+      model,
+      getFields
     });
-  }, [id, inputModel?.modelId]);
-  var app = state.app,
-    model = state.model,
-    error = state.error,
-    loading = state.loading,
-    mode = state.mode;
-  var value = (0, _react.useMemo)(function () {
+  }, [model]);
+  const folderIdInPath = folderIdPath + "_in";
+  const value = useMemo(() => {
     return {
       app: app,
-      folderIdPath: folderIdPath,
-      folderIdInPath: folderIdInPath,
-      loading: loading,
-      client: client,
-      model: model,
-      error: error,
-      mode: mode
+      folderIdPath,
+      folderIdInPath,
+      client,
+      model: model
     };
-  }, [app?.id, loading, error, model, client, mode]);
-  /**
-   * Do not render anything yet if there is no application.
-   */
-  if (error) {
-    return /*#__PURE__*/_react.default.createElement("div", null, "Error: ", error.message);
-  } else if (loading) {
-    return /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, null);
-  } else if (!app) {
-    return /*#__PURE__*/_react.default.createElement(_DisplayError.DisplayError, null, "There is no ACO App: ", /*#__PURE__*/_react.default.createElement("strong", null, id), "!");
-  } else if (!model) {
-    return /*#__PURE__*/_react.default.createElement(_DisplayError.DisplayError, null, "There is no model for the ACO App: ", /*#__PURE__*/_react.default.createElement("strong", null, id), "!");
-  }
-  return /*#__PURE__*/_react.default.createElement(AcoAppContext.Provider, {
+  }, [app?.id, model, client]);
+  return /*#__PURE__*/React.createElement(AcoAppContext.Provider, {
     value: value
-  }, /*#__PURE__*/_react.default.createElement(_folders.FoldersProvider, null, /*#__PURE__*/_react.default.createElement(_records.SearchRecordsProvider, null, /*#__PURE__*/_react.default.createElement(_navigateFolderWithRouter.NavigateFolderWithRouterProvider, {
-    folderIdQueryString: folderIdQueryString,
-    createListLink: createNavigateFolderListLink,
-    createStorageKey: createNavigateFolderStorageKey
-  }, /*#__PURE__*/_react.default.createElement(_acoList.AcoListProvider, {
+  }, /*#__PURE__*/React.createElement(FoldersContextProvider, null, /*#__PURE__*/React.createElement(SearchRecordsContextProvider, {
+    columns: columns
+  }, /*#__PURE__*/React.createElement(NavigateFolderProvider, {
+    folderId: folderId,
+    createStorageKey: createNavigateFolderStorageKey,
+    navigateToFolder: navigateToFolder
+  }, /*#__PURE__*/React.createElement(AcoListProvider, {
     own: own,
     titleFieldId: model.titleFieldId
-  }, /*#__PURE__*/_react.default.createElement(_appAdmin.DialogsProvider, null, children))))));
+  }, /*#__PURE__*/React.createElement(DialogsProvider, null, children))))));
 };
 
 //# sourceMappingURL=app.js.map

package/contexts/app.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_Progress","_appAdmin","_app","_folders","_records","_DisplayError","_navigateFolderWithRouter","_acoList","AcoAppContext","exports","React","createContext","undefined","createApp","data","_objectSpread2","default","getFields","model","fields","createApiApp","console","error","dataField","find","f","fieldId","concat","id","settings","AcoAppProvider","_ref","children","client","inputModel","folderIdQueryString","createNavigateFolderListLink","createNavigateFolderStorageKey","initialFolderIdPath","folderIdPath","own","_useState","useState","loading","app","mode","_useState2","_slicedToArray2","state","setState","folderIdInPath","useEffect","prev","query","createGetAppQuery","variables","then","response","_ref2","aco","message","code","modelId","value","useMemo","createElement","CircularProgress","DisplayError","Provider","FoldersProvider","SearchRecordsProvider","NavigateFolderWithRouterProvider","createListLink","createStorageKey","AcoListProvider","titleFieldId","DialogsProvider"],"sources":["app.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\nimport { ApolloClient } from \"apollo-client\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { DialogsProvider } from \"@webiny/app-admin\";\nimport { AcoApp, AcoAppMode, AcoError, AcoModel, AcoModelField } from \"~/types\";\nimport { createGetAppQuery, GetAppResult, GetAppVariables } from \"~/graphql/app.gql\";\nimport { FoldersProvider as FoldersContextProvider } from \"./folders\";\nimport { SearchRecordsProvider as SearchRecordsContextProvider } from \"./records\";\nimport { DisplayError } from \"./DisplayError\";\nimport { NavigateFolderWithRouterProvider } from \"~/contexts/navigateFolderWithRouter\";\nimport { AcoListProvider } from \"~/contexts/acoList\";\n\nexport interface AcoAppProviderContext {\n    app: AcoApp;\n    folderIdPath: string;\n    folderIdInPath: string;\n    model: AcoModel;\n    client: ApolloClient<any>;\n    loading: boolean;\n    error?: AcoError | null;\n    mode: AcoAppMode;\n}\n\ninterface AcoAppProviderState {\n    loading: boolean;\n    app?: AcoApp | null;\n    model?: AcoModel | null;\n    error?: AcoError | null;\n    mode: AcoAppMode;\n}\n\nexport const AcoAppContext = React.createContext<AcoAppProviderContext | undefined>(undefined);\n\ninterface BaseAcoAppProviderProps {\n    children: React.ReactNode;\n    id: string;\n    folderIdPath?: string;\n    folderIdQueryString?: string;\n    client: ApolloClient<any>;\n    createNavigateFolderListLink?: () => string;\n    createNavigateFolderStorageKey: () => string;\n    own?: boolean;\n}\n\nexport interface AcoAppProviderPropsApi extends BaseAcoAppProviderProps {\n    model?: never;\n    getFields?: never;\n}\n\nexport interface AcoAppProviderPropsManual extends BaseAcoAppProviderProps {\n    model: AcoModel;\n    getFields?: () => AcoModelField[];\n}\n\nexport type AcoAppProviderProps = AcoAppProviderPropsApi | AcoAppProviderPropsManual;\n\ninterface CreateAppParams {\n    id: string;\n    model: AcoModel;\n    getFields?: () => AcoModelField[];\n}\n\nconst createApp = (data: CreateAppParams): AcoApp => {\n    return {\n        ...data,\n        getFields:\n            data.getFields ||\n            (() => {\n                return data.model.fields;\n            })\n    };\n};\n\ninterface CreateApiAppParams {\n    id: string;\n    model: AcoModel;\n}\n\nconst createApiApp = (data: CreateApiAppParams | null): AcoApp | null => {\n    if (!data) {\n        console.error(`The APP could not be created. No data received.`);\n        return null;\n    }\n    const dataField = data.model.fields.find(f => f.fieldId === \"data\");\n    if (!dataField) {\n        console.error(`The APP \"${data.id}\" does not have the data field.`);\n        return null;\n    }\n    return {\n        ...data,\n        getFields: () => {\n            return dataField?.settings?.fields || [];\n        }\n    };\n};\n\nexport const AcoAppProvider = ({\n    children,\n    id,\n    client,\n    model: inputModel,\n    getFields,\n    folderIdQueryString,\n    createNavigateFolderListLink,\n    createNavigateFolderStorageKey,\n    folderIdPath: initialFolderIdPath,\n    own\n}: AcoAppProviderProps) => {\n    const [state, setState] = useState<AcoAppProviderState>({\n        loading: false,\n        app: null,\n        model: null,\n        error: null,\n        mode: \"aco\"\n    });\n    const folderIdPath = initialFolderIdPath || \"location.folderId\";\n    const folderIdInPath = folderIdPath + \"_in\";\n\n    /**\n     * The APP Provider can operate in two modes:\n     * * `app` - when the `id` is provided, the app is fetched from the API\n     * * `model` - when the `model` is provided, the app is created from the model\n     */\n    useEffect(() => {\n        if (!id) {\n            return;\n        }\n        /**\n         * In the `model` mode, we don't need to fetch the app from the API.\n         * BUT, the input model must be `undefined`. In case it's `null`, just return because there will be a model at a point.\n         */\n        if (inputModel !== undefined) {\n            if (!inputModel) {\n                return;\n            }\n            setState(prev => {\n                return {\n                    ...prev,\n                    loading: false,\n                    model: inputModel,\n                    app: createApp({\n                        id,\n                        model: inputModel,\n                        getFields\n                    }),\n                    mode: \"cms\"\n                };\n            });\n            return;\n        }\n        if (id === state.app?.id) {\n            return;\n        }\n        setState(prev => {\n            return {\n                ...prev,\n                loading: true\n            };\n        });\n        client\n            .query<GetAppResult, GetAppVariables>({\n                query: createGetAppQuery(),\n                variables: {\n                    id\n                }\n            })\n            .then(response => {\n                const { data, error } = response.data.aco?.app || {};\n\n                if (error) {\n                    setState(prev => {\n                        return {\n                            ...prev,\n                            loading: false,\n                            app: null,\n                            model: null,\n                            error,\n                            mode: \"aco\"\n                        };\n                    });\n                    return;\n                }\n\n                setState(prev => {\n                    const app = createApiApp(data);\n                    if (!app) {\n                        return {\n                            ...prev,\n                            loading: false,\n                            app: null,\n                            model: null,\n                            mode: \"aco\",\n                            error: {\n                                message: `App \"${id}\" not found!`,\n                                code: \"APP_NOT_FOUND\"\n                            }\n                        };\n                    }\n                    return {\n                        ...prev,\n                        loading: false,\n                        app,\n                        model: app.model,\n                        error: null,\n                        mode: \"aco\"\n                    };\n                });\n            });\n    }, [id, inputModel?.modelId]);\n\n    const { app, model, error, loading, mode } = state;\n\n    const value = useMemo<AcoAppProviderContext>(() => {\n        return {\n            app: app as AcoApp,\n            folderIdPath,\n            folderIdInPath,\n            loading,\n            client,\n            model: model as AcoModel,\n            error,\n            mode\n        };\n    }, [app?.id, loading, error, model, client, mode]);\n    /**\n     * Do not render anything yet if there is no application.\n     */\n    if (error) {\n        return <div>Error: {error.message}</div>;\n    } else if (loading) {\n        return <CircularProgress />;\n    } else if (!app) {\n        return (\n            <DisplayError>\n                There is no ACO App: <strong>{id}</strong>!\n            </DisplayError>\n        );\n    } else if (!model) {\n        return (\n            <DisplayError>\n                There is no model for the ACO App: <strong>{id}</strong>!\n            </DisplayError>\n        );\n    }\n\n    return (\n        <AcoAppContext.Provider value={value}>\n            <FoldersContextProvider>\n                <SearchRecordsContextProvider>\n                    <NavigateFolderWithRouterProvider\n                        folderIdQueryString={folderIdQueryString}\n                        createListLink={createNavigateFolderListLink}\n                        createStorageKey={createNavigateFolderStorageKey}\n                    >\n                        <AcoListProvider own={own} titleFieldId={model.titleFieldId}>\n                            <DialogsProvider>{children}</DialogsProvider>\n                        </AcoListProvider>\n                    </NavigateFolderWithRouterProvider>\n                </SearchRecordsContextProvider>\n            </FoldersContextProvider>\n        </AcoAppContext.Provider>\n    );\n};\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AAEA,IAAAG,IAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,aAAA,GAAAN,OAAA;AACA,IAAAO,yBAAA,GAAAP,OAAA;AACA,IAAAQ,QAAA,GAAAR,OAAA;AAqBO,IAAMS,aAAa,GAAAC,OAAA,CAAAD,aAAA,gBAAGE,cAAK,CAACC,aAAa,CAAoCC,SAAS,CAAC;AA+B9F,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAIC,IAAqB,EAAa;EACjD,WAAAC,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MACOF,IAAI;IACPG,SAAS,EACLH,IAAI,CAACG,SAAS,IACb,YAAM;MACH,OAAOH,IAAI,CAACI,KAAK,CAACC,MAAM;IAC5B;EAAE;AAEd,CAAC;AAOD,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAIN,IAA+B,EAAoB;EACrE,IAAI,CAACA,IAAI,EAAE;IACPO,OAAO,CAACC,KAAK,kDAAkD,CAAC;IAChE,OAAO,IAAI;EACf;EACA,IAAMC,SAAS,GAAGT,IAAI,CAACI,KAAK,CAACC,MAAM,CAACK,IAAI,CAAC,UAAAC,CAAC;IAAA,OAAIA,CAAC,CAACC,OAAO,KAAK,MAAM;EAAA,EAAC;EACnE,IAAI,CAACH,SAAS,EAAE;IACZF,OAAO,CAACC,KAAK,cAAAK,MAAA,CAAab,IAAI,CAACc,EAAE,qCAAiC,CAAC;IACnE,OAAO,IAAI;EACf;EACA,WAAAb,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MACOF,IAAI;IACPG,SAAS,EAAE,SAAAA,UAAA,EAAM;MACb,OAAOM,SAAS,EAAEM,QAAQ,EAAEV,MAAM,IAAI,EAAE;IAC5C;EAAC;AAET,CAAC;AAEM,IAAMW,cAAc,GAAArB,OAAA,CAAAqB,cAAA,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EAWA;EAAA,IAVvBC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRJ,EAAE,GAAAG,IAAA,CAAFH,EAAE;IACFK,MAAM,GAAAF,IAAA,CAANE,MAAM;IACCC,UAAU,GAAAH,IAAA,CAAjBb,KAAK;IACLD,SAAS,GAAAc,IAAA,CAATd,SAAS;IACTkB,mBAAmB,GAAAJ,IAAA,CAAnBI,mBAAmB;IACnBC,4BAA4B,GAAAL,IAAA,CAA5BK,4BAA4B;IAC5BC,8BAA8B,GAAAN,IAAA,CAA9BM,8BAA8B;IAChBC,mBAAmB,GAAAP,IAAA,CAAjCQ,YAAY;IACZC,GAAG,GAAAT,IAAA,CAAHS,GAAG;EAEH,IAAAC,SAAA,GAA0B,IAAAC,eAAQ,EAAsB;MACpDC,OAAO,EAAE,KAAK;MACdC,GAAG,EAAE,IAAI;MACT1B,KAAK,EAAE,IAAI;MACXI,KAAK,EAAE,IAAI;MACXuB,IAAI,EAAE;IACV,CAAC,CAAC;IAAAC,UAAA,OAAAC,eAAA,CAAA/B,OAAA,EAAAyB,SAAA;IANKO,KAAK,GAAAF,UAAA;IAAEG,QAAQ,GAAAH,UAAA;EAOtB,IAAMP,YAAY,GAAGD,mBAAmB,IAAI,mBAAmB;EAC/D,IAAMY,cAAc,GAAGX,YAAY,GAAG,KAAK;;EAE3C;AACJ;AACA;AACA;AACA;EACI,IAAAY,gBAAS,EAAC,YAAM;IACZ,IAAI,CAACvB,EAAE,EAAE;MACL;IACJ;IACA;AACR;AACA;AACA;IACQ,IAAIM,UAAU,KAAKtB,SAAS,EAAE;MAC1B,IAAI,CAACsB,UAAU,EAAE;QACb;MACJ;MACAe,QAAQ,CAAC,UAAAG,IAAI,EAAI;QACb,WAAArC,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MACOoC,IAAI;UACPT,OAAO,EAAE,KAAK;UACdzB,KAAK,EAAEgB,UAAU;UACjBU,GAAG,EAAE/B,SAAS,CAAC;YACXe,EAAE,EAAFA,EAAE;YACFV,KAAK,EAAEgB,UAAU;YACjBjB,SAAS,EAATA;UACJ,CAAC,CAAC;UACF4B,IAAI,EAAE;QAAK;MAEnB,CAAC,CAAC;MACF;IACJ;IACA,IAAIjB,EAAE,KAAKoB,KAAK,CAACJ,GAAG,EAAEhB,EAAE,EAAE;MACtB;IACJ;IACAqB,QAAQ,CAAC,UAAAG,IAAI,EAAI;MACb,WAAArC,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MACOoC,IAAI;QACPT,OAAO,EAAE;MAAI;IAErB,CAAC,CAAC;IACFV,MAAM,CACDoB,KAAK,CAAgC;MAClCA,KAAK,EAAE,IAAAC,sBAAiB,EAAC,CAAC;MAC1BC,SAAS,EAAE;QACP3B,EAAE,EAAFA;MACJ;IACJ,CAAC,CAAC,CACD4B,IAAI,CAAC,UAAAC,QAAQ,EAAI;MACd,IAAAC,KAAA,GAAwBD,QAAQ,CAAC3C,IAAI,CAAC6C,GAAG,EAAEf,GAAG,IAAI,CAAC,CAAC;QAA5C9B,IAAI,GAAA4C,KAAA,CAAJ5C,IAAI;QAAEQ,KAAK,GAAAoC,KAAA,CAALpC,KAAK;MAEnB,IAAIA,KAAK,EAAE;QACP2B,QAAQ,CAAC,UAAAG,IAAI,EAAI;UACb,WAAArC,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MACOoC,IAAI;YACPT,OAAO,EAAE,KAAK;YACdC,GAAG,EAAE,IAAI;YACT1B,KAAK,EAAE,IAAI;YACXI,KAAK,EAALA,KAAK;YACLuB,IAAI,EAAE;UAAK;QAEnB,CAAC,CAAC;QACF;MACJ;MAEAI,QAAQ,CAAC,UAAAG,IAAI,EAAI;QACb,IAAMR,GAAG,GAAGxB,YAAY,CAACN,IAAI,CAAC;QAC9B,IAAI,CAAC8B,GAAG,EAAE;UACN,WAAA7B,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MACOoC,IAAI;YACPT,OAAO,EAAE,KAAK;YACdC,GAAG,EAAE,IAAI;YACT1B,KAAK,EAAE,IAAI;YACX2B,IAAI,EAAE,KAAK;YACXvB,KAAK,EAAE;cACHsC,OAAO,WAAAjC,MAAA,CAAUC,EAAE,kBAAc;cACjCiC,IAAI,EAAE;YACV;UAAC;QAET;QACA,WAAA9C,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MACOoC,IAAI;UACPT,OAAO,EAAE,KAAK;UACdC,GAAG,EAAHA,GAAG;UACH1B,KAAK,EAAE0B,GAAG,CAAC1B,KAAK;UAChBI,KAAK,EAAE,IAAI;UACXuB,IAAI,EAAE;QAAK;MAEnB,CAAC,CAAC;IACN,CAAC,CAAC;EACV,CAAC,EAAE,CAACjB,EAAE,EAAEM,UAAU,EAAE4B,OAAO,CAAC,CAAC;EAE7B,IAAQlB,GAAG,GAAkCI,KAAK,CAA1CJ,GAAG;IAAE1B,KAAK,GAA2B8B,KAAK,CAArC9B,KAAK;IAAEI,KAAK,GAAoB0B,KAAK,CAA9B1B,KAAK;IAAEqB,OAAO,GAAWK,KAAK,CAAvBL,OAAO;IAAEE,IAAI,GAAKG,KAAK,CAAdH,IAAI;EAExC,IAAMkB,KAAK,GAAG,IAAAC,cAAO,EAAwB,YAAM;IAC/C,OAAO;MACHpB,GAAG,EAAEA,GAAa;MAClBL,YAAY,EAAZA,YAAY;MACZW,cAAc,EAAdA,cAAc;MACdP,OAAO,EAAPA,OAAO;MACPV,MAAM,EAANA,MAAM;MACNf,KAAK,EAAEA,KAAiB;MACxBI,KAAK,EAALA,KAAK;MACLuB,IAAI,EAAJA;IACJ,CAAC;EACL,CAAC,EAAE,CAACD,GAAG,EAAEhB,EAAE,EAAEe,OAAO,EAAErB,KAAK,EAAEJ,KAAK,EAAEe,MAAM,EAAEY,IAAI,CAAC,CAAC;EAClD;AACJ;AACA;EACI,IAAIvB,KAAK,EAAE;IACP,oBAAOzB,MAAA,CAAAmB,OAAA,CAAAiD,aAAA,cAAK,SAAO,EAAC3C,KAAK,CAACsC,OAAa,CAAC;EAC5C,CAAC,MAAM,IAAIjB,OAAO,EAAE;IAChB,oBAAO9C,MAAA,CAAAmB,OAAA,CAAAiD,aAAA,CAACjE,SAAA,CAAAkE,gBAAgB,MAAE,CAAC;EAC/B,CAAC,MAAM,IAAI,CAACtB,GAAG,EAAE;IACb,oBACI/C,MAAA,CAAAmB,OAAA,CAAAiD,aAAA,CAAC5D,aAAA,CAAA8D,YAAY,QAAC,uBACW,eAAAtE,MAAA,CAAAmB,OAAA,CAAAiD,aAAA,iBAASrC,EAAW,CAAC,KAChC,CAAC;EAEvB,CAAC,MAAM,IAAI,CAACV,KAAK,EAAE;IACf,oBACIrB,MAAA,CAAAmB,OAAA,CAAAiD,aAAA,CAAC5D,aAAA,CAAA8D,YAAY,QAAC,qCACyB,eAAAtE,MAAA,CAAAmB,OAAA,CAAAiD,aAAA,iBAASrC,EAAW,CAAC,KAC9C,CAAC;EAEvB;EAEA,oBACI/B,MAAA,CAAAmB,OAAA,CAAAiD,aAAA,CAACzD,aAAa,CAAC4D,QAAQ;IAACL,KAAK,EAAEA;EAAM,gBACjClE,MAAA,CAAAmB,OAAA,CAAAiD,aAAA,CAAC9D,QAAA,CAAAkE,eAAsB,qBACnBxE,MAAA,CAAAmB,OAAA,CAAAiD,aAAA,CAAC7D,QAAA,CAAAkE,qBAA4B,qBACzBzE,MAAA,CAAAmB,OAAA,CAAAiD,aAAA,CAAC3D,yBAAA,CAAAiE,gCAAgC;IAC7BpC,mBAAmB,EAAEA,mBAAoB;IACzCqC,cAAc,EAAEpC,4BAA6B;IAC7CqC,gBAAgB,EAAEpC;EAA+B,gBAEjDxC,MAAA,CAAAmB,OAAA,CAAAiD,aAAA,CAAC1D,QAAA,CAAAmE,eAAe;IAAClC,GAAG,EAAEA,GAAI;IAACmC,YAAY,EAAEzD,KAAK,CAACyD;EAAa,gBACxD9E,MAAA,CAAAmB,OAAA,CAAAiD,aAAA,CAAChE,SAAA,CAAA2E,eAAe,QAAE5C,QAA0B,CAC/B,CACa,CACR,CACV,CACJ,CAAC;AAEjC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useMemo","DialogsProvider","FoldersProvider","FoldersContextProvider","SearchRecordsProvider","SearchRecordsContextProvider","AcoListProvider","NavigateFolderProvider","AcoAppContext","createContext","undefined","createAppFromModel","data","getFields","model","fields","AcoAppProvider","children","id","client","columns","navigateToFolder","createNavigateFolderStorageKey","folderId","folderIdPath","own","app","folderIdInPath","value","createElement","Provider","createStorageKey","titleFieldId"],"sources":["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"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAEtC,SAASC,eAAe,QAAQ,mBAAmB;AAEnD,SAASC,eAAe,IAAIC,sBAAsB;AAClD,SAASC,qBAAqB,IAAIC,4BAA4B;AAC9D,SAASC,eAAe;AACxB,SAASC,sBAAsB;AAW/B,OAAO,MAAMC,aAAa,gBAAGT,KAAK,CAACU,aAAa,CAAoCC,SAAS,CAAC;AAsB9F,OAAO,MAAMC,kBAAkB,GAAIC,IAAqB,IAAa;EACjE,OAAO;IACH,GAAGA,IAAI;IACPC,SAAS,EACLD,IAAI,CAACC,SAAS,KACb,MAAM;MACH,OAAOD,IAAI,CAACE,KAAK,CAACC,MAAM;IAC5B,CAAC;EACT,CAAC;AACL,CAAC;AAED,OAAO,MAAMC,cAAc,GAAGA,CAAC;EAC3BC,QAAQ;EACRC,EAAE;EACFC,MAAM;EACNL,KAAK;EACLM,OAAO;EACPP,SAAS;EACTQ,gBAAgB;EAChBC,8BAA8B;EAC9BC,QAAQ;EACRC,YAAY;EACZC;AACiB,CAAC,KAAK;EACvB,MAAMC,GAAG,GAAG1B,OAAO,CAAC,MAAM;IACtB,OAAOW,kBAAkB,CAAC;MACtBO,EAAE;MACFJ,KAAK;MACLD;IACJ,CAAC,CAAC;EACN,CAAC,EAAE,CAACC,KAAK,CAAC,CAAC;EAEX,MAAMa,cAAc,GAAGH,YAAY,GAAG,KAAK;EAE3C,MAAMI,KAAK,GAAG5B,OAAO,CAAwB,MAAM;IAC/C,OAAO;MACH0B,GAAG,EAAEA,GAAa;MAClBF,YAAY;MACZG,cAAc;MACdR,MAAM;MACNL,KAAK,EAAEA;IACX,CAAC;EACL,CAAC,EAAE,CAACY,GAAG,EAAER,EAAE,EAAEJ,KAAK,EAAEK,MAAM,CAAC,CAAC;EAE5B,oBACIpB,KAAA,CAAA8B,aAAA,CAACrB,aAAa,CAACsB,QAAQ;IAACF,KAAK,EAAEA;EAAM,gBACjC7B,KAAA,CAAA8B,aAAA,CAAC1B,sBAAsB,qBACnBJ,KAAA,CAAA8B,aAAA,CAACxB,4BAA4B;IAACe,OAAO,EAAEA;EAAQ,gBAC3CrB,KAAA,CAAA8B,aAAA,CAACtB,sBAAsB;IACnBgB,QAAQ,EAAEA,QAAS;IACnBQ,gBAAgB,EAAET,8BAA+B;IACjDD,gBAAgB,EAAEA;EAAiB,gBAEnCtB,KAAA,CAAA8B,aAAA,CAACvB,eAAe;IAACmB,GAAG,EAAEA,GAAI;IAACO,YAAY,EAAElB,KAAK,CAACkB;EAAa,gBACxDjC,KAAA,CAAA8B,aAAA,CAAC5B,eAAe,QAAEgB,QAA0B,CAC/B,CACG,CACE,CACV,CACJ,CAAC;AAEjC,CAAC","ignoreList":[]}

package/contexts/folder.d.ts

@@ -1,11 +1,11 @@
 import React from "react";
-import { FolderItem } from "../types";
+import type { FolderDto } from "../domain/folder/FolderDto.js";
 export interface FolderContext {
-    folder: FolderItem;
+    folder: FolderDto;
 }
 export declare const FolderContext: React.Context<FolderContext | undefined>;
 interface FolderProviderProps {
-    folder: FolderItem | undefined;
+    folder: FolderDto | undefined;
     children: React.ReactNode;
 }
 export declare const FolderProvider: ({ folder, children }: FolderProviderProps) => React.JSX.Element | null;

package/contexts/folder.js

@@ -1,22 +1,16 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FolderProvider = exports.FolderContext = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var FolderContext = exports.FolderContext = /*#__PURE__*/(0, _react.createContext)(undefined);
-var FolderProvider = exports.FolderProvider = function FolderProvider(_ref) {
-  var folder = _ref.folder,
-    children = _ref.children;
+import React, { createContext } from "react";
+export const FolderContext = /*#__PURE__*/createContext(undefined);
+export const FolderProvider = ({
+  folder,
+  children
+}) => {
   if (!folder) {
     return null;
   }
-  var value = {
-    folder: folder
+  const value = {
+    folder
   };
-  return /*#__PURE__*/_react.default.createElement(FolderContext.Provider, {
+  return /*#__PURE__*/React.createElement(FolderContext.Provider, {
     value: value
   }, children);
 };

package/contexts/folder.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","FolderContext","exports","createContext","undefined","FolderProvider","_ref","folder","children","value","default","createElement","Provider"],"sources":["folder.tsx"],"sourcesContent":["import React, { createContext } from \"react\";\nimport { FolderItem } from \"~/types\";\n\nexport interface FolderContext {\n    folder: FolderItem;\n}\n\nexport const FolderContext = createContext<FolderContext | undefined>(undefined);\n\ninterface FolderProviderProps {\n    folder: FolderItem | undefined;\n    children: React.ReactNode;\n}\n\nexport const FolderProvider = ({ folder, children }: FolderProviderProps) => {\n    if (!folder) {\n        return null;\n    }\n\n    const value: FolderContext = { folder };\n\n    return <FolderContext.Provider value={value}>{children}</FolderContext.Provider>;\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAOO,IAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,gBAAG,IAAAE,oBAAa,EAA4BC,SAAS,CAAC;AAOzE,IAAMC,cAAc,GAAAH,OAAA,CAAAG,cAAA,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EAAkD;EAAA,IAA5CC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EAC7C,IAAI,CAACD,MAAM,EAAE;IACT,OAAO,IAAI;EACf;EAEA,IAAME,KAAoB,GAAG;IAAEF,MAAM,EAANA;EAAO,CAAC;EAEvC,oBAAOT,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,aAAa,CAACW,QAAQ;IAACH,KAAK,EAAEA;EAAM,GAAED,QAAiC,CAAC;AACpF,CAAC","ignoreList":[]}
+{"version":3,"names":["React","createContext","FolderContext","undefined","FolderProvider","folder","children","value","createElement","Provider"],"sources":["folder.tsx"],"sourcesContent":["import React, { createContext } from \"react\";\nimport type { FolderDto } from \"~/domain/folder/FolderDto.js\";\n\nexport interface FolderContext {\n    folder: FolderDto;\n}\n\nexport const FolderContext = createContext<FolderContext | undefined>(undefined);\n\ninterface FolderProviderProps {\n    folder: FolderDto | undefined;\n    children: React.ReactNode;\n}\n\nexport const FolderProvider = ({ folder, children }: FolderProviderProps) => {\n    if (!folder) {\n        return null;\n    }\n\n    const value: FolderContext = { folder };\n\n    return <FolderContext.Provider value={value}>{children}</FolderContext.Provider>;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,QAAQ,OAAO;AAO5C,OAAO,MAAMC,aAAa,gBAAGD,aAAa,CAA4BE,SAAS,CAAC;AAOhF,OAAO,MAAMC,cAAc,GAAGA,CAAC;EAAEC,MAAM;EAAEC;AAA8B,CAAC,KAAK;EACzE,IAAI,CAACD,MAAM,EAAE;IACT,OAAO,IAAI;EACf;EAEA,MAAME,KAAoB,GAAG;IAAEF;EAAO,CAAC;EAEvC,oBAAOL,KAAA,CAAAQ,aAAA,CAACN,aAAa,CAACO,QAAQ;IAACF,KAAK,EAAEA;EAAM,GAAED,QAAiC,CAAC;AACpF,CAAC","ignoreList":[]}

package/contexts/folders.d.ts

@@ -1,22 +1,7 @@
-import React, { ReactNode } from "react";
-import { FolderItem, Loading, LoadingActions } from "../types";
-export interface FoldersContextFolderLevelPermissions {
-    canManageStructure(folderId: string): boolean;
-    canManagePermissions(folderId: string): boolean;
-    canManageContent(folderId: string): boolean;
-}
+import type { ReactNode } from "react";
+import React from "react";
 interface FoldersContext {
-    folders?: FolderItem[] | null;
-    loading: Loading<LoadingActions>;
-    listFolders: () => Promise<FolderItem[]>;
-    getFolder: (id: string) => Promise<FolderItem>;
-    createFolder: (folder: Omit<FolderItem, "id" | "type">) => Promise<FolderItem>;
-    updateFolder: (folder: Omit<FolderItem, "type">, options?: Partial<{
-        refetchFoldersList: boolean;
-    }>) => Promise<FolderItem>;
-    deleteFolder(folder: Pick<FolderItem, "id">): Promise<true>;
-    getDescendantFolders(id?: string): FolderItem[];
-    folderLevelPermissions: FoldersContextFolderLevelPermissions;
+    type?: string | null;
 }
 export declare const FoldersContext: React.Context<FoldersContext | undefined>;
 interface Props {