@webiny/app-aco 5.34.8 → 5.35.0-beta.0

package/hooks/index.js

@@ -3,9 +3,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
+var _useAcoList = require("./useAcoList");
+Object.keys(_useAcoList).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useAcoList[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _useAcoList[key];
+    }
+  });
+});
 var _useFolders = require("./useFolders");
-
 Object.keys(_useFolders).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _useFolders[key]) return;
@@ -16,16 +25,14 @@ Object.keys(_useFolders).forEach(function (key) {
     }
   });
 });
-
-var _useLinks = require("./useLinks");
-
-Object.keys(_useLinks).forEach(function (key) {
+var _useRecords = require("./useRecords");
+Object.keys(_useRecords).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _useLinks[key]) return;
+  if (key in exports && exports[key] === _useRecords[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _useLinks[key];
+      return _useRecords[key];
     }
   });
 });

package/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./useFolders\";\nexport * from \"./useLinks\";\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./useAcoList\";\nexport * from \"./useFolders\";\nexport * from \"./useRecords\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/hooks/useAcoList.d.ts

@@ -0,0 +1,18 @@
+import { FolderItem, ListDbSort, SearchRecordItem } from "../types";
+export declare const useAcoList: (type: string, originalFolderId?: string) => {
+    folders: FolderItem[];
+    records: SearchRecordItem<import("../types").GenericSearchData>[];
+    listTitle: string | undefined;
+    isListLoading: boolean | undefined;
+    isListLoadingMore: boolean | undefined;
+    meta: {
+        cursor: string | null;
+        totalCount: number;
+        hasMoreItems: boolean;
+    };
+    listItems(params: {
+        after?: string | undefined;
+        limit?: number | undefined;
+        sort?: ListDbSort | undefined;
+    }): Promise<SearchRecordItem<import("../types").GenericSearchData>[]>;
+};

package/hooks/useAcoList.js

@@ -0,0 +1,137 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAcoList = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _useDeepCompareEffect = _interopRequireDefault(require("use-deep-compare-effect"));
+var _folders = require("../contexts/folders");
+var _records = require("../contexts/records");
+var _sorting = require("../sorting");
+var useAcoList = function useAcoList(type, originalFolderId) {
+  var folderContext = (0, _react.useContext)(_folders.FoldersContext);
+  var searchContext = (0, _react.useContext)(_records.SearchRecordsContext);
+  if (!folderContext || !searchContext) {
+    throw new Error("useAcoList must be used within a ACOProvider");
+  }
+  var _useState = (0, _react.useState)([]),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    folders = _useState2[0],
+    setFolders = _useState2[1];
+  var _useState3 = (0, _react.useState)([]),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    records = _useState4[0],
+    setRecords = _useState4[1];
+  var _useState5 = (0, _react.useState)(),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    listTitle = _useState6[0],
+    setListTitle = _useState6[1];
+  var _useState7 = (0, _react.useState)(),
+    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+    sort = _useState8[0],
+    setSort = _useState8[1];
+  var originalFolders = folderContext.folders,
+    foldersLoading = folderContext.loading,
+    listFolders = folderContext.listFolders;
+  var originalRecords = searchContext.records,
+    recordsLoading = searchContext.loading,
+    listRecords = searchContext.listRecords,
+    meta = searchContext.meta;
+  var folderId = originalFolderId || "ROOT";
+  var getCurrentFolderList = function getCurrentFolderList(folders, currentFolderId) {
+    if (!folders) {
+      return [];
+    }
+    if (currentFolderId) {
+      return folders.filter(function (folder) {
+        return folder.parentId === currentFolderId;
+      });
+    } else {
+      return folders.filter(function (folder) {
+        return !folder.parentId;
+      });
+    }
+  };
+
+  /**
+   * On first mount, call `listFolders` and `listRecords`, which will either issue a network request, or load folders and records from cache.
+   * We don't need to store the result of it to any local state; that is managed by the context provider.
+   *
+   * IMPORTANT: we check if the folders[type] array exists: the hook can be used from multiple components and
+   * fetch the outdated list from Apollo Cache. Since the state is managed locally, we fetch the folders only
+   * at the first mount.
+   *
+   * We also pass the current `sort` state to `listRecords` so we are able to fetch records according to the previous `sort` value set by the user.
+   */
+  (0, _react.useEffect)(function () {
+    if (!originalFolders[type]) {
+      listFolders(type);
+    }
+    listRecords({
+      type: type,
+      folderId: folderId,
+      sort: sort
+    });
+  }, [type, folderId]);
+
+  /**
+   * Any time we receive a `folders` list update:
+   * - we return the list filtered by the current `type` and parent `folderId`, sorted according to the current `sort` value;
+   * - we return the current folder name.
+   */
+  (0, _useDeepCompareEffect.default)(function () {
+    var _originalFolders$type;
+    var subFolders = getCurrentFolderList(originalFolders[type], originalFolderId);
+    setFolders((0, _sorting.sortTableItems)(subFolders, sort));
+    var currentFolder = (_originalFolders$type = originalFolders[type]) === null || _originalFolders$type === void 0 ? void 0 : _originalFolders$type.find(function (folder) {
+      return folder.id === originalFolderId;
+    });
+    setListTitle((currentFolder === null || currentFolder === void 0 ? void 0 : currentFolder.title) || undefined);
+  }, [(0, _objectSpread2.default)({}, originalFolders[type]), folderId]);
+
+  /**
+   * Any time we receive a `records` list or `folderId` update:
+   * - we return the `records` list filtered by the current `folderId`.
+   */
+  (0, _useDeepCompareEffect.default)(function () {
+    var subRecords = originalRecords.filter(function (record) {
+      return record.location.folderId === folderId;
+    });
+    setRecords(subRecords);
+  }, [(0, _objectSpread2.default)({}, originalRecords), folderId]);
+
+  /**
+   * Any time we receive a new `sort` value:
+   * - we sort the current `folders` list according to `sort` value;
+   */
+  (0, _react.useEffect)(function () {
+    setFolders(function (folders) {
+      return (0, _sorting.sortTableItems)(folders, sort);
+    });
+  }, [sort]);
+  return (0, _react.useMemo)(function () {
+    return {
+      folders: folders,
+      records: records,
+      listTitle: listTitle,
+      isListLoading: recordsLoading.INIT || foldersLoading.INIT || recordsLoading.LIST || foldersLoading.LIST,
+      isListLoadingMore: recordsLoading.LIST_MORE,
+      meta: meta[folderId] || {},
+      listItems: function listItems(params) {
+        // We store `sort` param to local state to handle `folders` and future `records` sorting.
+        if (params.sort && Object.values(params.sort).length > 0) {
+          setSort((0, _sorting.validateOrGetDefaultDbSort)(params.sort));
+        }
+        return listRecords((0, _objectSpread2.default)((0, _objectSpread2.default)({}, params), {}, {
+          type: type,
+          folderId: folderId
+        }));
+      }
+    };
+  }, [folders, records, foldersLoading, recordsLoading, meta]);
+};
+exports.useAcoList = useAcoList;

package/hooks/useAcoList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useAcoList","type","originalFolderId","folderContext","useContext","FoldersContext","searchContext","SearchRecordsContext","Error","useState","folders","setFolders","records","setRecords","listTitle","setListTitle","sort","setSort","originalFolders","foldersLoading","loading","listFolders","originalRecords","recordsLoading","listRecords","meta","folderId","getCurrentFolderList","currentFolderId","filter","folder","parentId","useEffect","useDeepCompareEffect","subFolders","sortTableItems","currentFolder","find","id","title","undefined","subRecords","record","location","useMemo","isListLoading","INIT","LIST","isListLoadingMore","LIST_MORE","listItems","params","Object","values","length","validateOrGetDefaultDbSort"],"sources":["useAcoList.ts"],"sourcesContent":["import { useContext, useEffect, useMemo, useState } from \"react\";\n\nimport useDeepCompareEffect from \"use-deep-compare-effect\";\n\nimport { FoldersContext } from \"~/contexts/folders\";\nimport { SearchRecordsContext } from \"~/contexts/records\";\nimport { sortTableItems, validateOrGetDefaultDbSort } from \"~/sorting\";\n\nimport { FolderItem, ListDbSort, SearchRecordItem } from \"~/types\";\n\nexport const useAcoList = (type: string, originalFolderId?: string) => {\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] = useState<FolderItem[]>([]);\n    const [records, setRecords] = useState<SearchRecordItem[]>([]);\n    const [listTitle, setListTitle] = useState<string | undefined>();\n    const [sort, setSort] = useState<ListDbSort>();\n\n    const { folders: originalFolders, loading: foldersLoading, listFolders } = folderContext;\n    const { records: originalRecords, loading: recordsLoading, listRecords, meta } = searchContext;\n\n    const folderId = originalFolderId || \"ROOT\";\n\n    const getCurrentFolderList = (\n        folders: FolderItem[],\n        currentFolderId?: string\n    ): FolderItem[] | [] => {\n        if (!folders) {\n            return [];\n        }\n        if (currentFolderId) {\n            return folders.filter(folder => folder.parentId === currentFolderId);\n        } else {\n            return folders.filter(folder => !folder.parentId);\n        }\n    };\n\n    /**\n     * On first mount, call `listFolders` and `listRecords`, 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 also pass the current `sort` state to `listRecords` so we are able to fetch records according to the previous `sort` value set by the user.\n     */\n    useEffect(() => {\n        if (!originalFolders[type]) {\n            listFolders(type);\n        }\n\n        listRecords({ type, folderId, sort });\n    }, [type, folderId]);\n\n    /**\n     * Any time we receive a `folders` list update:\n     * - we return the list filtered by the current `type` and parent `folderId`, sorted according to the current `sort` value;\n     * - we return the current folder name.\n     */\n    useDeepCompareEffect(() => {\n        const subFolders = getCurrentFolderList(originalFolders[type], originalFolderId);\n        setFolders(sortTableItems(subFolders, sort));\n\n        const currentFolder = originalFolders[type]?.find(folder => folder.id === originalFolderId);\n        setListTitle(currentFolder?.title || undefined);\n    }, [{ ...originalFolders[type] }, folderId]);\n\n    /**\n     * Any time we receive a `records` list or `folderId` update:\n     * - we return the `records` list filtered by the current `folderId`.\n     */\n    useDeepCompareEffect(() => {\n        const subRecords = originalRecords.filter(record => record.location.folderId === folderId);\n        setRecords(subRecords);\n    }, [{ ...originalRecords }, folderId]);\n\n    /**\n     * Any time we receive a new `sort` value:\n     * - we sort the current `folders` list according to `sort` value;\n     */\n    useEffect(() => {\n        setFolders(folders => sortTableItems(folders, sort));\n    }, [sort]);\n\n    return useMemo(\n        () => ({\n            folders,\n            records,\n            listTitle,\n            isListLoading:\n                recordsLoading.INIT ||\n                foldersLoading.INIT ||\n                recordsLoading.LIST ||\n                foldersLoading.LIST,\n            isListLoadingMore: recordsLoading.LIST_MORE,\n            meta: meta[folderId] || {},\n            listItems(params: { after?: string; limit?: number; sort?: ListDbSort }) {\n                // We store `sort` param to local state to handle `folders` and future `records` sorting.\n                if (params.sort && Object.values(params.sort).length > 0) {\n                    setSort(validateOrGetDefaultDbSort(params.sort));\n                }\n\n                return listRecords({ ...params, type, folderId });\n            }\n        }),\n        [folders, records, foldersLoading, recordsLoading, meta]\n    );\n};\n"],"mappings":"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"}

package/hooks/useFolders.js

@@ -4,25 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useFolders = void 0;
-
 var _react = require("react");
-
 var _folders = require("../contexts/folders");
-
 var useFolders = function useFolders(type) {
   var context = (0, _react.useContext)(_folders.FoldersContext);
-
   if (!context) {
     throw new Error("useFolders must be used within a FoldersProvider");
   }
-
   var folders = context.folders,
-      loading = context.loading,
-      listFolders = context.listFolders,
-      _getFolder = context.getFolder,
-      _createFolder = context.createFolder,
-      _updateFolder = context.updateFolder,
-      _deleteFolder = context.deleteFolder;
+    loading = context.loading,
+    listFolders = context.listFolders,
+    _getFolder = context.getFolder,
+    _createFolder = context.createFolder,
+    _updateFolder = context.updateFolder,
+    _deleteFolder = context.deleteFolder;
   (0, _react.useEffect)(function () {
     /**
      * On first mount, call `listFolders`, which will either issue a network request, or load folders from cache.
@@ -60,5 +55,4 @@ var useFolders = function useFolders(type) {
     };
   }, [folders[type], loading]);
 };
-
 exports.useFolders = useFolders;

package/hooks/useFolders.js.map

@@ -1 +1 @@
-{"version":3,"names":["useFolders","type","context","useContext","FoldersContext","Error","folders","loading","listFolders","getFolder","createFolder","updateFolder","deleteFolder","useEffect","useMemo","id","folder"],"sources":["useFolders.ts"],"sourcesContent":["import { useContext, useEffect, useMemo } from \"react\";\nimport { FoldersContext } from \"~/contexts/folders\";\nimport { FolderItem } from \"~/types\";\n\nexport const useFolders = (type: string) => {\n    const context = useContext(FoldersContext);\n    if (!context) {\n        throw new Error(\"useFolders must be used within a FoldersProvider\");\n    }\n\n    const { folders, loading, listFolders, getFolder, createFolder, updateFolder, deleteFolder } =\n        context;\n\n    useEffect(() => {\n        /**\n         * On first mount, call `listFolders`, which will either issue a network request, or load folders 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        if (!folders[type]) {\n            listFolders(type);\n        }\n    }, [type]);\n\n    return useMemo(\n        () => ({\n            /**\n             * NOTE: do NOT expose listFolders from this hook, because you already have folders in the `folders` property.\n             * You'll never need to call `listFolders` from any component. As soon as you call `useFolders()`, you'll initiate\n             * fetching of `folders`, which is managed by the FoldersContext.\n             */\n            loading,\n            folders: folders[type],\n            getFolder(id: string) {\n                return getFolder(id);\n            },\n            createFolder(folder: Omit<FolderItem, \"id\">) {\n                return createFolder(folder);\n            },\n            updateFolder(folder: FolderItem) {\n                return updateFolder(folder);\n            },\n            deleteFolder(folder: FolderItem) {\n                return deleteFolder(folder);\n            }\n        }),\n        [folders[type], loading]\n    );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AAGO,IAAMA,UAAU,GAAG,SAAbA,UAAa,CAACC,IAAD,EAAkB;EACxC,IAAMC,OAAO,GAAG,IAAAC,iBAAA,EAAWC,uBAAX,CAAhB;;EACA,IAAI,CAACF,OAAL,EAAc;IACV,MAAM,IAAIG,KAAJ,CAAU,kDAAV,CAAN;EACH;;EAED,IAAQC,OAAR,GACIJ,OADJ,CAAQI,OAAR;EAAA,IAAiBC,OAAjB,GACIL,OADJ,CAAiBK,OAAjB;EAAA,IAA0BC,WAA1B,GACIN,OADJ,CAA0BM,WAA1B;EAAA,IAAuCC,UAAvC,GACIP,OADJ,CAAuCO,SAAvC;EAAA,IAAkDC,aAAlD,GACIR,OADJ,CAAkDQ,YAAlD;EAAA,IAAgEC,aAAhE,GACIT,OADJ,CAAgES,YAAhE;EAAA,IAA8EC,aAA9E,GACIV,OADJ,CAA8EU,YAA9E;EAGA,IAAAC,gBAAA,EAAU,YAAM;IACZ;AACR;AACA;AACA;AACA;AACA;AACA;AACA;IACQ,IAAI,CAACP,OAAO,CAACL,IAAD,CAAZ,EAAoB;MAChBO,WAAW,CAACP,IAAD,CAAX;IACH;EACJ,CAZD,EAYG,CAACA,IAAD,CAZH;EAcA,OAAO,IAAAa,cAAA,EACH;IAAA,OAAO;MACH;AACZ;AACA;AACA;AACA;MACYP,OAAO,EAAPA,OANG;MAOHD,OAAO,EAAEA,OAAO,CAACL,IAAD,CAPb;MAQHQ,SARG,qBAQOM,EARP,EAQmB;QAClB,OAAON,UAAS,CAACM,EAAD,CAAhB;MACH,CAVE;MAWHL,YAXG,wBAWUM,MAXV,EAW0C;QACzC,OAAON,aAAY,CAACM,MAAD,CAAnB;MACH,CAbE;MAcHL,YAdG,wBAcUK,MAdV,EAc8B;QAC7B,OAAOL,aAAY,CAACK,MAAD,CAAnB;MACH,CAhBE;MAiBHJ,YAjBG,wBAiBUI,MAjBV,EAiB8B;QAC7B,OAAOJ,aAAY,CAACI,MAAD,CAAnB;MACH;IAnBE,CAAP;EAAA,CADG,EAsBH,CAACV,OAAO,CAACL,IAAD,CAAR,EAAgBM,OAAhB,CAtBG,CAAP;AAwBH,CA/CM"}
+{"version":3,"names":["useFolders","type","context","useContext","FoldersContext","Error","folders","loading","listFolders","getFolder","createFolder","updateFolder","deleteFolder","useEffect","useMemo","id","folder"],"sources":["useFolders.ts"],"sourcesContent":["import { useContext, useEffect, useMemo } from \"react\";\nimport { FoldersContext } from \"~/contexts/folders\";\nimport { FolderItem } from \"~/types\";\n\nexport const useFolders = (type: string) => {\n    const context = useContext(FoldersContext);\n    if (!context) {\n        throw new Error(\"useFolders must be used within a FoldersProvider\");\n    }\n\n    const { folders, loading, listFolders, getFolder, createFolder, updateFolder, deleteFolder } =\n        context;\n\n    useEffect(() => {\n        /**\n         * On first mount, call `listFolders`, which will either issue a network request, or load folders 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        if (!folders[type]) {\n            listFolders(type);\n        }\n    }, [type]);\n\n    return useMemo(\n        () => ({\n            /**\n             * NOTE: do NOT expose listFolders from this hook, because you already have folders in the `folders` property.\n             * You'll never need to call `listFolders` from any component. As soon as you call `useFolders()`, you'll initiate\n             * fetching of `folders`, which is managed by the FoldersContext.\n             */\n            loading,\n            folders: folders[type],\n            getFolder(id: string) {\n                return getFolder(id);\n            },\n            createFolder(folder: Omit<FolderItem, \"id\">) {\n                return createFolder(folder);\n            },\n            updateFolder(folder: FolderItem) {\n                return updateFolder(folder);\n            },\n            deleteFolder(folder: FolderItem) {\n                return deleteFolder(folder);\n            }\n        }),\n        [folders[type], loading]\n    );\n};\n"],"mappings":";;;;;;AAAA;AACA;AAGO,IAAMA,UAAU,GAAG,SAAbA,UAAU,CAAIC,IAAY,EAAK;EACxC,IAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACC,uBAAc,CAAC;EAC1C,IAAI,CAACF,OAAO,EAAE;IACV,MAAM,IAAIG,KAAK,CAAC,kDAAkD,CAAC;EACvE;EAEA,IAAQC,OAAO,GACXJ,OAAO,CADHI,OAAO;IAAEC,OAAO,GACpBL,OAAO,CADMK,OAAO;IAAEC,WAAW,GACjCN,OAAO,CADeM,WAAW;IAAEC,UAAS,GAC5CP,OAAO,CAD4BO,SAAS;IAAEC,aAAY,GAC1DR,OAAO,CADuCQ,YAAY;IAAEC,aAAY,GACxET,OAAO,CADqDS,YAAY;IAAEC,aAAY,GACtFV,OAAO,CADmEU,YAAY;EAG1F,IAAAC,gBAAS,EAAC,YAAM;IACZ;AACR;AACA;AACA;AACA;AACA;AACA;AACA;IACQ,IAAI,CAACP,OAAO,CAACL,IAAI,CAAC,EAAE;MAChBO,WAAW,CAACP,IAAI,CAAC;IACrB;EACJ,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,OAAO,IAAAa,cAAO,EACV;IAAA,OAAO;MACH;AACZ;AACA;AACA;AACA;MACYP,OAAO,EAAPA,OAAO;MACPD,OAAO,EAAEA,OAAO,CAACL,IAAI,CAAC;MACtBQ,SAAS,qBAACM,EAAU,EAAE;QAClB,OAAON,UAAS,CAACM,EAAE,CAAC;MACxB,CAAC;MACDL,YAAY,wBAACM,MAA8B,EAAE;QACzC,OAAON,aAAY,CAACM,MAAM,CAAC;MAC/B,CAAC;MACDL,YAAY,wBAACK,MAAkB,EAAE;QAC7B,OAAOL,aAAY,CAACK,MAAM,CAAC;MAC/B,CAAC;MACDJ,YAAY,wBAACI,MAAkB,EAAE;QAC7B,OAAOJ,aAAY,CAACI,MAAM,CAAC;MAC/B;IACJ,CAAC;EAAA,CAAC,EACF,CAACV,OAAO,CAACL,IAAI,CAAC,EAAEM,OAAO,CAAC,CAC3B;AACL,CAAC;AAAC"}

package/hooks/useRecords.d.ts

@@ -0,0 +1,24 @@
+import { ListDbSort, SearchRecordItem } from "../types";
+export declare const useRecords: (type?: string, folderId?: string) => {
+    /**
+     * NOTE: you do NOT need to call `listRecords` from this hook on component mount, because you already have folders in the `listRecords` property.
+     * As soon as you call `useRecords()`, you'll initiate fetching of `records`, which is managed by the `SearchRecordContext`.
+     * Since this method lists records with pagination, you might need to call it multiple times passing the `after` param.
+     */
+    loading: import("../types").Loading<import("~/types").LoadingActions>;
+    meta: {
+        cursor: string | null;
+        totalCount: number;
+        hasMoreItems: boolean;
+    };
+    records: SearchRecordItem<import("../types").GenericSearchData>[];
+    listRecords(params: {
+        after?: string;
+        limit?: number;
+        sort?: ListDbSort;
+    }): Promise<SearchRecordItem<import("../types").GenericSearchData>[]>;
+    getRecord(id: string): Promise<SearchRecordItem<import("../types").GenericSearchData>>;
+    createRecord(record: Omit<SearchRecordItem, "id">): Promise<SearchRecordItem<import("../types").GenericSearchData>>;
+    updateRecord(record: SearchRecordItem): Promise<SearchRecordItem<import("../types").GenericSearchData>>;
+    deleteRecord(record: SearchRecordItem): Promise<true>;
+};

package/hooks/useRecords.js

@@ -0,0 +1,69 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useRecords = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _react = require("react");
+var _records = require("../contexts/records");
+var useRecords = function useRecords(type, folderId) {
+  var context = (0, _react.useContext)(_records.SearchRecordsContext);
+  if (!context) {
+    throw new Error("useSearchRecords must be used within a SearchRecordsContext");
+  }
+  var records = context.records,
+    loading = context.loading,
+    meta = context.meta,
+    _listRecords = context.listRecords,
+    _getRecord = context.getRecord,
+    _createRecord = context.createRecord,
+    _updateRecord = context.updateRecord,
+    _deleteRecord = context.deleteRecord;
+  (0, _react.useEffect)(function () {
+    /**
+     * On first mount, call `listRecords`, which will either issue a network request, or load links from cache.
+     * We don't need to store the result of it to any local state; that is managed by the context provider.
+     */
+    if (type && folderId) {
+      _listRecords({
+        type: type,
+        folderId: folderId
+      });
+    }
+  }, [type, folderId]);
+  return (0, _react.useMemo)(function () {
+    return {
+      /**
+       * NOTE: you do NOT need to call `listRecords` from this hook on component mount, because you already have folders in the `listRecords` property.
+       * As soon as you call `useRecords()`, you'll initiate fetching of `records`, which is managed by the `SearchRecordContext`.
+       * Since this method lists records with pagination, you might need to call it multiple times passing the `after` param.
+       */
+      loading: loading,
+      meta: meta[folderId] || {},
+      records: records.filter(function (record) {
+        return record.location.folderId === folderId;
+      }),
+      listRecords: function listRecords(params) {
+        return _listRecords((0, _objectSpread2.default)({
+          type: type,
+          folderId: folderId
+        }, params));
+      },
+      getRecord: function getRecord(id) {
+        return _getRecord(id);
+      },
+      createRecord: function createRecord(record) {
+        return _createRecord(record);
+      },
+      updateRecord: function updateRecord(record) {
+        return _updateRecord(record, folderId);
+      },
+      deleteRecord: function deleteRecord(record) {
+        return _deleteRecord(record);
+      }
+    };
+  }, [records, loading, meta]);
+};
+exports.useRecords = useRecords;

package/hooks/useRecords.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useRecords","type","folderId","context","useContext","SearchRecordsContext","Error","records","loading","meta","listRecords","getRecord","createRecord","updateRecord","deleteRecord","useEffect","useMemo","filter","record","location","params","id"],"sources":["useRecords.ts"],"sourcesContent":["import { useContext, useEffect, useMemo } from \"react\";\nimport { SearchRecordsContext } from \"~/contexts/records\";\nimport { ListDbSort, SearchRecordItem } from \"~/types\";\n\nexport const useRecords = (type?: string, folderId?: string) => {\n    const context = useContext(SearchRecordsContext);\n\n    if (!context) {\n        throw new Error(\"useSearchRecords must be used within a SearchRecordsContext\");\n    }\n\n    const {\n        records,\n        loading,\n        meta,\n        listRecords,\n        getRecord,\n        createRecord,\n        updateRecord,\n        deleteRecord\n    } = context;\n\n    useEffect(() => {\n        /**\n         * On first mount, call `listRecords`, which will either issue a network request, or load links 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        if (type && folderId) {\n            listRecords({ type, folderId });\n        }\n    }, [type, folderId]);\n\n    return useMemo(\n        () => ({\n            /**\n             * NOTE: you do NOT need to call `listRecords` from this hook on component mount, because you already have folders in the `listRecords` property.\n             * As soon as you call `useRecords()`, you'll initiate fetching of `records`, which is managed by the `SearchRecordContext`.\n             * Since this method lists records with pagination, you might need to call it multiple times passing the `after` param.\n             */\n            loading,\n            meta: meta[folderId!] || {},\n            records: records.filter(record => record.location.folderId === folderId),\n            listRecords(params: { after?: string; limit?: number; sort?: ListDbSort }) {\n                return listRecords({ type, folderId, ...params });\n            },\n            getRecord(id: string) {\n                return getRecord(id);\n            },\n            createRecord(record: Omit<SearchRecordItem, \"id\">) {\n                return createRecord(record);\n            },\n            updateRecord(record: SearchRecordItem) {\n                return updateRecord(record, folderId);\n            },\n            deleteRecord(record: SearchRecordItem) {\n                return deleteRecord(record);\n            }\n        }),\n        [records, loading, meta]\n    );\n};\n"],"mappings":";;;;;;;;AAAA;AACA;AAGO,IAAMA,UAAU,GAAG,SAAbA,UAAU,CAAIC,IAAa,EAAEC,QAAiB,EAAK;EAC5D,IAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACC,6BAAoB,CAAC;EAEhD,IAAI,CAACF,OAAO,EAAE;IACV,MAAM,IAAIG,KAAK,CAAC,6DAA6D,CAAC;EAClF;EAEA,IACIC,OAAO,GAQPJ,OAAO,CARPI,OAAO;IACPC,OAAO,GAOPL,OAAO,CAPPK,OAAO;IACPC,IAAI,GAMJN,OAAO,CANPM,IAAI;IACJC,YAAW,GAKXP,OAAO,CALPO,WAAW;IACXC,UAAS,GAITR,OAAO,CAJPQ,SAAS;IACTC,aAAY,GAGZT,OAAO,CAHPS,YAAY;IACZC,aAAY,GAEZV,OAAO,CAFPU,YAAY;IACZC,aAAY,GACZX,OAAO,CADPW,YAAY;EAGhB,IAAAC,gBAAS,EAAC,YAAM;IACZ;AACR;AACA;AACA;IACQ,IAAId,IAAI,IAAIC,QAAQ,EAAE;MAClBQ,YAAW,CAAC;QAAET,IAAI,EAAJA,IAAI;QAAEC,QAAQ,EAARA;MAAS,CAAC,CAAC;IACnC;EACJ,CAAC,EAAE,CAACD,IAAI,EAAEC,QAAQ,CAAC,CAAC;EAEpB,OAAO,IAAAc,cAAO,EACV;IAAA,OAAO;MACH;AACZ;AACA;AACA;AACA;MACYR,OAAO,EAAPA,OAAO;MACPC,IAAI,EAAEA,IAAI,CAACP,QAAQ,CAAE,IAAI,CAAC,CAAC;MAC3BK,OAAO,EAAEA,OAAO,CAACU,MAAM,CAAC,UAAAC,MAAM;QAAA,OAAIA,MAAM,CAACC,QAAQ,CAACjB,QAAQ,KAAKA,QAAQ;MAAA,EAAC;MACxEQ,WAAW,uBAACU,MAA6D,EAAE;QACvE,OAAOV,YAAW;UAAGT,IAAI,EAAJA,IAAI;UAAEC,QAAQ,EAARA;QAAQ,GAAKkB,MAAM,EAAG;MACrD,CAAC;MACDT,SAAS,qBAACU,EAAU,EAAE;QAClB,OAAOV,UAAS,CAACU,EAAE,CAAC;MACxB,CAAC;MACDT,YAAY,wBAACM,MAAoC,EAAE;QAC/C,OAAON,aAAY,CAACM,MAAM,CAAC;MAC/B,CAAC;MACDL,YAAY,wBAACK,MAAwB,EAAE;QACnC,OAAOL,aAAY,CAACK,MAAM,EAAEhB,QAAQ,CAAC;MACzC,CAAC;MACDY,YAAY,wBAACI,MAAwB,EAAE;QACnC,OAAOJ,aAAY,CAACI,MAAM,CAAC;MAC/B;IACJ,CAAC;EAAA,CAAC,EACF,CAACX,OAAO,EAAEC,OAAO,EAAEC,IAAI,CAAC,CAC3B;AACL,CAAC;AAAC"}

package/index.d.ts

@@ -1,3 +1,3 @@
 export { FolderTree, FolderDialogCreate, FolderDialogUpdate, FolderDialogDelete } from "./components";
 export { ACOProvider } from "./contexts";
-export { useFolders, useLinks } from "./hooks";
+export { useAcoList, useFolders, useRecords } from "./hooks";

package/index.js

@@ -33,21 +33,24 @@ Object.defineProperty(exports, "FolderTree", {
     return _components.FolderTree;
   }
 });
+Object.defineProperty(exports, "useAcoList", {
+  enumerable: true,
+  get: function get() {
+    return _hooks.useAcoList;
+  }
+});
 Object.defineProperty(exports, "useFolders", {
   enumerable: true,
   get: function get() {
     return _hooks.useFolders;
   }
 });
-Object.defineProperty(exports, "useLinks", {
+Object.defineProperty(exports, "useRecords", {
   enumerable: true,
   get: function get() {
-    return _hooks.useLinks;
+    return _hooks.useRecords;
   }
 });
-
 var _components = require("./components");
-
 var _contexts = require("./contexts");
-
 var _hooks = require("./hooks");

package/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export {\n    FolderTree,\n    FolderDialogCreate,\n    FolderDialogUpdate,\n    FolderDialogDelete\n} from \"./components\";\nexport { ACOProvider } from \"./contexts\";\nexport { useFolders, useLinks } from \"./hooks\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAMA;;AACA"}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export {\n    FolderTree,\n    FolderDialogCreate,\n    FolderDialogUpdate,\n    FolderDialogDelete\n} from \"./components\";\nexport { ACOProvider } from \"./contexts\";\nexport { useAcoList, useFolders, useRecords } from \"./hooks\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAMA;AACA"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/app-aco",
-	"version": "5.34.8",
+	"version": "5.35.0-beta.0",
 	"main": "index.js",
 	"repository": {
 		"type": "git",
@@ -12,21 +12,23 @@
 	"license": "MIT",
 	"dependencies": {
 		"@apollo/react-hooks": "3.1.5",
-		"@emotion/core": "10.3.1",
-		"@emotion/styled": "10.3.0",
+		"@emotion/react": "11.10.6",
+		"@emotion/styled": "11.10.6",
 		"@material-design-icons/svg": "0.12.1",
-		"@material-symbols/svg-400": "0.4.1",
+		"@material-symbols/svg-400": "0.4.3",
 		"@minoru/react-dnd-treeview": "3.2.1",
-		"@webiny/app": "5.34.8",
-		"@webiny/app-admin": "5.34.8",
-		"@webiny/form": "5.34.8",
-		"@webiny/ui": "5.34.8",
-		"@webiny/validation": "5.34.8",
+		"@webiny/app": "5.35.0-beta.0",
+		"@webiny/app-admin": "5.35.0-beta.0",
+		"@webiny/form": "5.35.0-beta.0",
+		"@webiny/ui": "5.35.0-beta.0",
+		"@webiny/validation": "5.35.0-beta.0",
 		"graphql": "15.8.0",
 		"graphql-tag": "2.12.6",
+		"lodash": "4.17.21",
 		"react": "17.0.2",
 		"react-dnd": "16.0.1",
 		"react-dom": "17.0.2",
+		"slugify": "1.6.5",
 		"use-deep-compare-effect": "1.8.1"
 	},
 	"devDependencies": {
@@ -37,8 +39,8 @@
 		"@babel/preset-typescript": "^7.18.6",
 		"@babel/runtime": "^7.19.0",
 		"@types/react": "17.0.39",
-		"@webiny/cli": "^5.34.8",
-		"@webiny/project-utils": "^5.34.8",
+		"@webiny/cli": "^5.35.0-beta.0",
+		"@webiny/project-utils": "^5.35.0-beta.0",
 		"apollo-client": "^2.6.10",
 		"apollo-link": "^1.2.14",
 		"rimraf": "^3.0.2",
@@ -53,5 +55,5 @@
 		"build": "yarn webiny run build",
 		"watch": "yarn webiny run watch"
 	},
-	"gitHead": "6e77eebaac687279fe82ea04f667b7e84214b96a"
+	"gitHead": "8acc9e8892842cabb3980ce0b6432fde55968d5b"
 }

package/sorting.d.ts

@@ -0,0 +1,3 @@
+import { ListDbSort } from "./types";
+export declare const validateOrGetDefaultDbSort: (initial?: ListDbSort) => ListDbSort;
+export declare const sortTableItems: (records: any[], sort?: ListDbSort) => any[];

package/sorting.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.validateOrGetDefaultDbSort = exports.sortTableItems = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _orderBy = _interopRequireDefault(require("lodash/orderBy"));
+var validateOrGetDefaultDbSort = function validateOrGetDefaultDbSort(initial) {
+  if (!initial || Object.keys(initial).length === 0) {
+    return {
+      savedOn: "DESC"
+    };
+  }
+  return initial;
+};
+exports.validateOrGetDefaultDbSort = validateOrGetDefaultDbSort;
+var sortTableItems = function sortTableItems(records, sort) {
+  var dbSorting = validateOrGetDefaultDbSort(sort);
+  var fields = [];
+  var orders = [];
+  for (var _i = 0, _Object$entries = Object.entries(dbSorting); _i < _Object$entries.length; _i++) {
+    var _Object$entries$_i = (0, _slicedToArray2.default)(_Object$entries[_i], 2),
+      field = _Object$entries$_i[0],
+      order = _Object$entries$_i[1];
+    fields.push(field);
+    orders.push(order.toLowerCase());
+  }
+  return (0, _orderBy.default)(records, fields, orders);
+};
+exports.sortTableItems = sortTableItems;

package/sorting.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["validateOrGetDefaultDbSort","initial","Object","keys","length","savedOn","sortTableItems","records","sort","dbSorting","fields","orders","entries","field","order","push","toLowerCase","orderBy"],"sources":["sorting.tsx"],"sourcesContent":["import orderBy from \"lodash/orderBy\";\n\nimport { ListDbSort, ListTableSort, ListTableSortDirection } from \"~/types\";\n\nexport const validateOrGetDefaultDbSort = (initial?: ListDbSort): ListDbSort => {\n    if (!initial || Object.keys(initial).length === 0) {\n        return { savedOn: \"DESC\" } as unknown as ListDbSort;\n    }\n\n    return initial;\n};\n\nexport const sortTableItems = (records: any[], sort?: ListDbSort): any[] => {\n    const dbSorting = validateOrGetDefaultDbSort(sort);\n    const fields = [] as ListTableSort[\"fields\"];\n    const orders = [] as ListTableSort[\"orders\"];\n\n    for (const [field, order] of Object.entries(dbSorting)) {\n        fields.push(field);\n        orders.push(order.toLowerCase() as ListTableSortDirection);\n    }\n\n    return orderBy(records, fields, orders);\n};\n"],"mappings":";;;;;;;;AAAA;AAIO,IAAMA,0BAA0B,GAAG,SAA7BA,0BAA0B,CAAIC,OAAoB,EAAiB;EAC5E,IAAI,CAACA,OAAO,IAAIC,MAAM,CAACC,IAAI,CAACF,OAAO,CAAC,CAACG,MAAM,KAAK,CAAC,EAAE;IAC/C,OAAO;MAAEC,OAAO,EAAE;IAAO,CAAC;EAC9B;EAEA,OAAOJ,OAAO;AAClB,CAAC;AAAC;AAEK,IAAMK,cAAc,GAAG,SAAjBA,cAAc,CAAIC,OAAc,EAAEC,IAAiB,EAAY;EACxE,IAAMC,SAAS,GAAGT,0BAA0B,CAACQ,IAAI,CAAC;EAClD,IAAME,MAAM,GAAG,EAA6B;EAC5C,IAAMC,MAAM,GAAG,EAA6B;EAE5C,mCAA6BT,MAAM,CAACU,OAAO,CAACH,SAAS,CAAC,qCAAE;IAAnD;MAAOI,KAAK;MAAEC,KAAK;IACpBJ,MAAM,CAACK,IAAI,CAACF,KAAK,CAAC;IAClBF,MAAM,CAACI,IAAI,CAACD,KAAK,CAACE,WAAW,EAAE,CAA2B;EAC9D;EAEA,OAAO,IAAAC,gBAAO,EAACV,OAAO,EAAEG,MAAM,EAAEC,MAAM,CAAC;AAC3C,CAAC;AAAC"}