@webiny/app-aco 5.43.2 → 6.0.0-alpha.0

package/hooks/useRecords.js

@@ -1,39 +1,35 @@
-"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 _dotPropImmutable = _interopRequireDefault(require("dot-prop-immutable"));
-var _react = require("react");
-var _appAdmin = require("@webiny/app-admin");
-var _records = require("../contexts/records");
-var _useAcoApp2 = require("./useAcoApp");
-var _useNavigateFolder2 = require("./useNavigateFolder");
-var useRecords = exports.useRecords = (0, _appAdmin.makeDecoratable)(function (folderId) {
-  var context = (0, _react.useContext)(_records.SearchRecordsContext);
+import dotPropImmutable from "dot-prop-immutable";
+import { useContext, useEffect, useMemo } from "react";
+import { makeDecoratable } from "@webiny/app-admin";
+import { SearchRecordsContext } from "../contexts/records";
+import { useAcoApp } from "./useAcoApp";
+import { useNavigateFolder } from "./useNavigateFolder";
+export const useRecords = makeDecoratable(folderId => {
+  const context = useContext(SearchRecordsContext);
   if (!context) {
     throw new Error("useSearchRecords must be used within a SearchRecordsContext");
   }
-  var _useAcoApp = (0, _useAcoApp2.useAcoApp)(),
-    folderIdPath = _useAcoApp.folderIdPath;
-  var _useNavigateFolder = (0, _useNavigateFolder2.useNavigateFolder)(),
-    currentFolderId = _useNavigateFolder.currentFolderId;
-  var records = context.records,
-    loading = context.loading,
-    meta = context.meta,
-    _listRecords = context.listRecords,
-    _getRecord = context.getRecord,
-    _createRecord = context.createRecord,
-    _updateRecord = context.updateRecord,
-    _moveRecord = context.moveRecord,
-    _deleteRecord = context.deleteRecord,
-    addRecordToCache = context.addRecordToCache,
-    updateRecordInCache = context.updateRecordInCache,
-    removeRecordFromCache = context.removeRecordFromCache;
-  (0, _react.useEffect)(function () {
+  const {
+    folderIdPath
+  } = useAcoApp();
+  const {
+    currentFolderId
+  } = useNavigateFolder();
+  const {
+    records,
+    loading,
+    meta,
+    listRecords,
+    getRecord,
+    createRecord,
+    updateRecord,
+    moveRecord,
+    deleteRecord,
+    addRecordToCache,
+    updateRecordInCache,
+    removeRecordFromCache
+  } = context;
+  useEffect(() => {
     /**
      * 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.
@@ -41,50 +37,49 @@ var useRecords = exports.useRecords = (0, _appAdmin.makeDecoratable)(function (f
     if (!folderId) {
       return;
     }
-    var where = _dotPropImmutable.default.set({}, folderIdPath, folderId);
-    _listRecords({
-      where: where
+    const where = dotPropImmutable.set({}, folderIdPath, folderId);
+    listRecords({
+      where
     });
   }, [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,
-      records: records.filter(function (record) {
-        var recordFolderId = _dotPropImmutable.default.get(record, folderIdPath);
-        return recordFolderId === folderId || recordFolderId === currentFolderId;
-      }),
-      listRecords: function listRecords(params) {
-        var where = _dotPropImmutable.default.set(params.where || {}, folderIdPath, folderId);
-        return _listRecords((0, _objectSpread2.default)((0, _objectSpread2.default)({}, params), {}, {
-          where: where
-        }));
-      },
-      getRecord: function getRecord(id) {
-        return _getRecord(id);
-      },
-      createRecord: function createRecord(record) {
-        return _createRecord(record);
-      },
-      updateRecord: function updateRecord(record) {
-        return _updateRecord(record, folderId);
-      },
-      moveRecord: function moveRecord(params) {
-        return _moveRecord(params);
-      },
-      deleteRecord: function deleteRecord(record) {
-        return _deleteRecord(record);
-      },
-      addRecordToCache: addRecordToCache,
-      removeRecordFromCache: removeRecordFromCache,
-      updateRecordInCache: updateRecordInCache
-    };
-  }, [records, loading, meta, currentFolderId, folderId]);
+  return useMemo(() => ({
+    /**
+     * 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,
+    meta,
+    records: records.filter(record => {
+      const recordFolderId = dotPropImmutable.get(record, folderIdPath);
+      return recordFolderId === folderId || recordFolderId === currentFolderId;
+    }),
+    listRecords(params) {
+      const where = dotPropImmutable.set(params.where || {}, folderIdPath, folderId);
+      return listRecords({
+        ...params,
+        where
+      });
+    },
+    getRecord(id) {
+      return getRecord(id);
+    },
+    createRecord(record) {
+      return createRecord(record);
+    },
+    updateRecord(record) {
+      return updateRecord(record, folderId);
+    },
+    moveRecord(params) {
+      return moveRecord(params);
+    },
+    deleteRecord(record) {
+      return deleteRecord(record);
+    },
+    addRecordToCache,
+    removeRecordFromCache,
+    updateRecordInCache
+  }), [records, loading, meta, currentFolderId, folderId]);
 });
 
 //# sourceMappingURL=useRecords.js.map

package/hooks/useRecords.js.map

@@ -1 +1 @@
-{"version":3,"names":["_dotPropImmutable","_interopRequireDefault","require","_react","_appAdmin","_records","_useAcoApp2","_useNavigateFolder2","useRecords","exports","makeDecoratable","folderId","context","useContext","SearchRecordsContext","Error","_useAcoApp","useAcoApp","folderIdPath","_useNavigateFolder","useNavigateFolder","currentFolderId","records","loading","meta","listRecords","getRecord","createRecord","updateRecord","moveRecord","deleteRecord","addRecordToCache","updateRecordInCache","removeRecordFromCache","useEffect","where","dotPropImmutable","set","useMemo","filter","record","recordFolderId","get","params","_objectSpread2","default","id"],"sources":["useRecords.ts"],"sourcesContent":["import dotPropImmutable from \"dot-prop-immutable\";\nimport { useContext, useEffect, useMemo } from \"react\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport { ListRecordsParams, SearchRecordsContext } from \"~/contexts/records\";\nimport { DeletableSearchRecordItem, MovableSearchRecordItem, SearchRecordItem } from \"~/types\";\nimport { useAcoApp } from \"~/hooks/useAcoApp\";\nimport { useNavigateFolder } from \"~/hooks/useNavigateFolder\";\n\nexport const useRecords = makeDecoratable((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 { folderIdPath } = useAcoApp();\n\n    const { currentFolderId } = useNavigateFolder();\n\n    const {\n        records,\n        loading,\n        meta,\n        listRecords,\n        getRecord,\n        createRecord,\n        updateRecord,\n        moveRecord,\n        deleteRecord,\n        addRecordToCache,\n        updateRecordInCache,\n        removeRecordFromCache\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 (!folderId) {\n            return;\n        }\n        const where = dotPropImmutable.set({}, folderIdPath, folderId);\n        listRecords({\n            where\n        });\n    }, [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,\n            records: records.filter(record => {\n                const recordFolderId = dotPropImmutable.get(record, folderIdPath);\n                return recordFolderId === folderId || recordFolderId === currentFolderId;\n            }),\n            listRecords(params: ListRecordsParams) {\n                const where = dotPropImmutable.set(params.where || {}, folderIdPath, folderId);\n                return listRecords({\n                    ...params,\n                    where\n                });\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            moveRecord(params: MovableSearchRecordItem) {\n                return moveRecord(params);\n            },\n            deleteRecord(record: DeletableSearchRecordItem) {\n                return deleteRecord(record);\n            },\n            addRecordToCache,\n            removeRecordFromCache,\n            updateRecordInCache\n        }),\n        [records, loading, meta, currentFolderId, folderId]\n    );\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["dotPropImmutable","useContext","useEffect","useMemo","makeDecoratable","SearchRecordsContext","useAcoApp","useNavigateFolder","useRecords","folderId","context","Error","folderIdPath","currentFolderId","records","loading","meta","listRecords","getRecord","createRecord","updateRecord","moveRecord","deleteRecord","addRecordToCache","updateRecordInCache","removeRecordFromCache","where","set","filter","record","recordFolderId","get","params","id"],"sources":["useRecords.ts"],"sourcesContent":["import dotPropImmutable from \"dot-prop-immutable\";\nimport { useContext, useEffect, useMemo } from \"react\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport { ListRecordsParams, SearchRecordsContext } from \"~/contexts/records\";\nimport { DeletableSearchRecordItem, MovableSearchRecordItem, SearchRecordItem } from \"~/types\";\nimport { useAcoApp } from \"~/hooks/useAcoApp\";\nimport { useNavigateFolder } from \"~/hooks/useNavigateFolder\";\n\nexport const useRecords = makeDecoratable((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 { folderIdPath } = useAcoApp();\n\n    const { currentFolderId } = useNavigateFolder();\n\n    const {\n        records,\n        loading,\n        meta,\n        listRecords,\n        getRecord,\n        createRecord,\n        updateRecord,\n        moveRecord,\n        deleteRecord,\n        addRecordToCache,\n        updateRecordInCache,\n        removeRecordFromCache\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 (!folderId) {\n            return;\n        }\n        const where = dotPropImmutable.set({}, folderIdPath, folderId);\n        listRecords({\n            where\n        });\n    }, [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,\n            records: records.filter(record => {\n                const recordFolderId = dotPropImmutable.get(record, folderIdPath);\n                return recordFolderId === folderId || recordFolderId === currentFolderId;\n            }),\n            listRecords(params: ListRecordsParams) {\n                const where = dotPropImmutable.set(params.where || {}, folderIdPath, folderId);\n                return listRecords({\n                    ...params,\n                    where\n                });\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            moveRecord(params: MovableSearchRecordItem) {\n                return moveRecord(params);\n            },\n            deleteRecord(record: DeletableSearchRecordItem) {\n                return deleteRecord(record);\n            },\n            addRecordToCache,\n            removeRecordFromCache,\n            updateRecordInCache\n        }),\n        [records, loading, meta, currentFolderId, folderId]\n    );\n});\n"],"mappings":"AAAA,OAAOA,gBAAgB,MAAM,oBAAoB;AACjD,SAASC,UAAU,EAAEC,SAAS,EAAEC,OAAO,QAAQ,OAAO;AACtD,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAA4BC,oBAAoB;AAEhD,SAASC,SAAS;AAClB,SAASC,iBAAiB;AAE1B,OAAO,MAAMC,UAAU,GAAGJ,eAAe,CAAEK,QAAiB,IAAK;EAC7D,MAAMC,OAAO,GAAGT,UAAU,CAACI,oBAAoB,CAAC;EAEhD,IAAI,CAACK,OAAO,EAAE;IACV,MAAM,IAAIC,KAAK,CAAC,6DAA6D,CAAC;EAClF;EAEA,MAAM;IAAEC;EAAa,CAAC,GAAGN,SAAS,CAAC,CAAC;EAEpC,MAAM;IAAEO;EAAgB,CAAC,GAAGN,iBAAiB,CAAC,CAAC;EAE/C,MAAM;IACFO,OAAO;IACPC,OAAO;IACPC,IAAI;IACJC,WAAW;IACXC,SAAS;IACTC,YAAY;IACZC,YAAY;IACZC,UAAU;IACVC,YAAY;IACZC,gBAAgB;IAChBC,mBAAmB;IACnBC;EACJ,CAAC,GAAGf,OAAO;EAEXR,SAAS,CAAC,MAAM;IACZ;AACR;AACA;AACA;IACQ,IAAI,CAACO,QAAQ,EAAE;MACX;IACJ;IACA,MAAMiB,KAAK,GAAG1B,gBAAgB,CAAC2B,GAAG,CAAC,CAAC,CAAC,EAAEf,YAAY,EAAEH,QAAQ,CAAC;IAC9DQ,WAAW,CAAC;MACRS;IACJ,CAAC,CAAC;EACN,CAAC,EAAE,CAACjB,QAAQ,CAAC,CAAC;EAEd,OAAON,OAAO,CACV,OAAO;IACH;AACZ;AACA;AACA;AACA;IACYY,OAAO;IACPC,IAAI;IACJF,OAAO,EAAEA,OAAO,CAACc,MAAM,CAACC,MAAM,IAAI;MAC9B,MAAMC,cAAc,GAAG9B,gBAAgB,CAAC+B,GAAG,CAACF,MAAM,EAAEjB,YAAY,CAAC;MACjE,OAAOkB,cAAc,KAAKrB,QAAQ,IAAIqB,cAAc,KAAKjB,eAAe;IAC5E,CAAC,CAAC;IACFI,WAAWA,CAACe,MAAyB,EAAE;MACnC,MAAMN,KAAK,GAAG1B,gBAAgB,CAAC2B,GAAG,CAACK,MAAM,CAACN,KAAK,IAAI,CAAC,CAAC,EAAEd,YAAY,EAAEH,QAAQ,CAAC;MAC9E,OAAOQ,WAAW,CAAC;QACf,GAAGe,MAAM;QACTN;MACJ,CAAC,CAAC;IACN,CAAC;IACDR,SAASA,CAACe,EAAU,EAAE;MAClB,OAAOf,SAAS,CAACe,EAAE,CAAC;IACxB,CAAC;IACDd,YAAYA,CAACU,MAAoC,EAAE;MAC/C,OAAOV,YAAY,CAACU,MAAM,CAAC;IAC/B,CAAC;IACDT,YAAYA,CAACS,MAAwB,EAAE;MACnC,OAAOT,YAAY,CAACS,MAAM,EAAEpB,QAAQ,CAAC;IACzC,CAAC;IACDY,UAAUA,CAACW,MAA+B,EAAE;MACxC,OAAOX,UAAU,CAACW,MAAM,CAAC;IAC7B,CAAC;IACDV,YAAYA,CAACO,MAAiC,EAAE;MAC5C,OAAOP,YAAY,CAACO,MAAM,CAAC;IAC/B,CAAC;IACDN,gBAAgB;IAChBE,qBAAqB;IACrBD;EACJ,CAAC,CAAC,EACF,CAACV,OAAO,EAAEC,OAAO,EAAEC,IAAI,EAAEH,eAAe,EAAEJ,QAAQ,CACtD,CAAC;AACL,CAAC,CAAC","ignoreList":[]}

package/hooks/useTags.js

@@ -1,39 +1,36 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useTags = void 0;
-var _react = require("react");
-var _records = require("../contexts/records");
-var _useAcoApp2 = require("./useAcoApp");
-var useTags = exports.useTags = function useTags(params) {
-  var tagsModifier = params.tagsModifier,
-    where = params.where;
-  var context = (0, _react.useContext)(_records.SearchRecordsContext);
-  var _useAcoApp = (0, _useAcoApp2.useAcoApp)(),
-    app = _useAcoApp.app;
+import { useContext, useEffect, useMemo } from "react";
+import { SearchRecordsContext } from "../contexts/records";
+import { useAcoApp } from "./useAcoApp";
+export const useTags = params => {
+  const {
+    tagsModifier,
+    where
+  } = params;
+  const context = useContext(SearchRecordsContext);
+  const {
+    app
+  } = useAcoApp();
   if (!context) {
     throw new Error("useTags must be used within a SearchRecordsContext");
   }
-  var tags = context.tags,
-    loading = context.loading,
-    listTags = context.listTags;
-  (0, _react.useEffect)(function () {
+  const {
+    tags,
+    loading,
+    listTags
+  } = context;
+  useEffect(() => {
     listTags({
-      where: where
+      where
     });
   }, [app.id]);
-  return (0, _react.useMemo)(function () {
-    return {
-      /**
-       * NOTE: you do NOT need to call `listTags` from this hook on component mount, because you already have tags in the `listTags` property.
-       * As soon as you call `useTags()`, you'll initiate fetching of `tags`, which is managed by the `SearchRecordContext`.
-       */
-      loading: loading,
-      tags: tagsModifier && typeof tagsModifier === "function" ? tagsModifier(tags) : tags
-    };
-  }, [tags, loading]);
+  return useMemo(() => ({
+    /**
+     * NOTE: you do NOT need to call `listTags` from this hook on component mount, because you already have tags in the `listTags` property.
+     * As soon as you call `useTags()`, you'll initiate fetching of `tags`, which is managed by the `SearchRecordContext`.
+     */
+    loading,
+    tags: tagsModifier && typeof tagsModifier === "function" ? tagsModifier(tags) : tags
+  }), [tags, loading]);
 };
 
 //# sourceMappingURL=useTags.js.map

package/hooks/useTags.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_records","_useAcoApp2","useTags","exports","params","tagsModifier","where","context","useContext","SearchRecordsContext","_useAcoApp","useAcoApp","app","Error","tags","loading","listTags","useEffect","id","useMemo"],"sources":["useTags.ts"],"sourcesContent":["import { useContext, useEffect, useMemo } from \"react\";\nimport { SearchRecordsContext } from \"~/contexts/records\";\nimport { ListTagsWhereQueryVariables, TagItem } from \"~/types\";\nimport { useAcoApp } from \"~/hooks/useAcoApp\";\n\ninterface UseTagsParams {\n    tagsModifier?: (tags: TagItem[]) => TagItem[];\n    where?: ListTagsWhereQueryVariables;\n}\n\nexport const useTags = (params: UseTagsParams) => {\n    const { tagsModifier, where } = params;\n\n    const context = useContext(SearchRecordsContext);\n    const { app } = useAcoApp();\n\n    if (!context) {\n        throw new Error(\"useTags must be used within a SearchRecordsContext\");\n    }\n\n    const { tags, loading, listTags } = context;\n\n    useEffect(() => {\n        listTags({ where });\n    }, [app.id]);\n\n    return useMemo(\n        () => ({\n            /**\n             * NOTE: you do NOT need to call `listTags` from this hook on component mount, because you already have tags in the `listTags` property.\n             * As soon as you call `useTags()`, you'll initiate fetching of `tags`, which is managed by the `SearchRecordContext`.\n             */\n            loading,\n            tags: tagsModifier && typeof tagsModifier === \"function\" ? tagsModifier(tags) : tags\n        }),\n        [tags, loading]\n    );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAEA,IAAAE,WAAA,GAAAF,OAAA;AAOO,IAAMG,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,SAAVA,OAAOA,CAAIE,MAAqB,EAAK;EAC9C,IAAQC,YAAY,GAAYD,MAAM,CAA9BC,YAAY;IAAEC,KAAK,GAAKF,MAAM,CAAhBE,KAAK;EAE3B,IAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACC,6BAAoB,CAAC;EAChD,IAAAC,UAAA,GAAgB,IAAAC,qBAAS,EAAC,CAAC;IAAnBC,GAAG,GAAAF,UAAA,CAAHE,GAAG;EAEX,IAAI,CAACL,OAAO,EAAE;IACV,MAAM,IAAIM,KAAK,CAAC,oDAAoD,CAAC;EACzE;EAEA,IAAQC,IAAI,GAAwBP,OAAO,CAAnCO,IAAI;IAAEC,OAAO,GAAeR,OAAO,CAA7BQ,OAAO;IAAEC,QAAQ,GAAKT,OAAO,CAApBS,QAAQ;EAE/B,IAAAC,gBAAS,EAAC,YAAM;IACZD,QAAQ,CAAC;MAAEV,KAAK,EAALA;IAAM,CAAC,CAAC;EACvB,CAAC,EAAE,CAACM,GAAG,CAACM,EAAE,CAAC,CAAC;EAEZ,OAAO,IAAAC,cAAO,EACV;IAAA,OAAO;MACH;AACZ;AACA;AACA;MACYJ,OAAO,EAAPA,OAAO;MACPD,IAAI,EAAET,YAAY,IAAI,OAAOA,YAAY,KAAK,UAAU,GAAGA,YAAY,CAACS,IAAI,CAAC,GAAGA;IACpF,CAAC;EAAA,CAAC,EACF,CAACA,IAAI,EAAEC,OAAO,CAClB,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["useContext","useEffect","useMemo","SearchRecordsContext","useAcoApp","useTags","params","tagsModifier","where","context","app","Error","tags","loading","listTags","id"],"sources":["useTags.ts"],"sourcesContent":["import { useContext, useEffect, useMemo } from \"react\";\nimport { SearchRecordsContext } from \"~/contexts/records\";\nimport { ListTagsWhereQueryVariables, TagItem } from \"~/types\";\nimport { useAcoApp } from \"~/hooks/useAcoApp\";\n\ninterface UseTagsParams {\n    tagsModifier?: (tags: TagItem[]) => TagItem[];\n    where?: ListTagsWhereQueryVariables;\n}\n\nexport const useTags = (params: UseTagsParams) => {\n    const { tagsModifier, where } = params;\n\n    const context = useContext(SearchRecordsContext);\n    const { app } = useAcoApp();\n\n    if (!context) {\n        throw new Error(\"useTags must be used within a SearchRecordsContext\");\n    }\n\n    const { tags, loading, listTags } = context;\n\n    useEffect(() => {\n        listTags({ where });\n    }, [app.id]);\n\n    return useMemo(\n        () => ({\n            /**\n             * NOTE: you do NOT need to call `listTags` from this hook on component mount, because you already have tags in the `listTags` property.\n             * As soon as you call `useTags()`, you'll initiate fetching of `tags`, which is managed by the `SearchRecordContext`.\n             */\n            loading,\n            tags: tagsModifier && typeof tagsModifier === \"function\" ? tagsModifier(tags) : tags\n        }),\n        [tags, loading]\n    );\n};\n"],"mappings":"AAAA,SAASA,UAAU,EAAEC,SAAS,EAAEC,OAAO,QAAQ,OAAO;AACtD,SAASC,oBAAoB;AAE7B,SAASC,SAAS;AAOlB,OAAO,MAAMC,OAAO,GAAIC,MAAqB,IAAK;EAC9C,MAAM;IAAEC,YAAY;IAAEC;EAAM,CAAC,GAAGF,MAAM;EAEtC,MAAMG,OAAO,GAAGT,UAAU,CAACG,oBAAoB,CAAC;EAChD,MAAM;IAAEO;EAAI,CAAC,GAAGN,SAAS,CAAC,CAAC;EAE3B,IAAI,CAACK,OAAO,EAAE;IACV,MAAM,IAAIE,KAAK,CAAC,oDAAoD,CAAC;EACzE;EAEA,MAAM;IAAEC,IAAI;IAAEC,OAAO;IAAEC;EAAS,CAAC,GAAGL,OAAO;EAE3CR,SAAS,CAAC,MAAM;IACZa,QAAQ,CAAC;MAAEN;IAAM,CAAC,CAAC;EACvB,CAAC,EAAE,CAACE,GAAG,CAACK,EAAE,CAAC,CAAC;EAEZ,OAAOb,OAAO,CACV,OAAO;IACH;AACZ;AACA;AACA;IACYW,OAAO;IACPD,IAAI,EAAEL,YAAY,IAAI,OAAOA,YAAY,KAAK,UAAU,GAAGA,YAAY,CAACK,IAAI,CAAC,GAAGA;EACpF,CAAC,CAAC,EACF,CAACA,IAAI,EAAEC,OAAO,CAClB,CAAC;AACL,CAAC","ignoreList":[]}

package/index.js

@@ -1,95 +1,10 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _app = require("./app");
-Object.keys(_app).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _app[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _app[key];
-    }
-  });
-});
-var _components = require("./components");
-Object.keys(_components).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _components[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _components[key];
-    }
-  });
-});
-var _config = require("./config");
-Object.keys(_config).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _config[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _config[key];
-    }
-  });
-});
-var _contexts = require("./contexts");
-Object.keys(_contexts).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _contexts[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _contexts[key];
-    }
-  });
-});
-var _hooks = require("./hooks");
-Object.keys(_hooks).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _hooks[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _hooks[key];
-    }
-  });
-});
-var _features = require("./features");
-Object.keys(_features).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _features[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _features[key];
-    }
-  });
-});
-var _dialogs = require("./dialogs");
-Object.keys(_dialogs).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _dialogs[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _dialogs[key];
-    }
-  });
-});
-var _sorting = require("./sorting");
-Object.keys(_sorting).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _sorting[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _sorting[key];
-    }
-  });
-});
+export * from "./app";
+export * from "./components";
+export * from "./config";
+export * from "./contexts";
+export * from "./hooks";
+export * from "./features";
+export * from "./dialogs";
+export * from "./sorting";
 
 //# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_app","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_components","_config","_contexts","_hooks","_features","_dialogs","_sorting"],"sources":["index.ts"],"sourcesContent":["export * from \"./app\";\nexport * from \"./components\";\nexport * from \"./config\";\nexport * from \"./contexts\";\nexport * from \"./hooks\";\nexport * from \"./features\";\nexport * from \"./dialogs\";\nexport * from \"./sorting\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./app\";\nexport * from \"./components\";\nexport * from \"./config\";\nexport * from \"./contexts\";\nexport * from \"./hooks\";\nexport * from \"./features\";\nexport * from \"./dialogs\";\nexport * from \"./sorting\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/app-aco",
-	"version": "5.43.2",
+	"version": "6.0.0-alpha.0",
 	"main": "index.js",
 	"repository": {
 		"type": "git",
@@ -12,25 +12,21 @@
 	"license": "MIT",
 	"dependencies": {
 		"@apollo/react-hooks": "3.1.5",
-		"@emotion/react": "11.10.8",
-		"@emotion/styled": "11.10.6",
-		"@material-design-icons/svg": "0.14.13",
-		"@material-symbols/svg-400": "0.4.3",
-		"@minoru/react-dnd-treeview": "3.2.1",
-		"@webiny/app": "5.43.2",
-		"@webiny/app-admin": "5.43.2",
-		"@webiny/app-headless-cms-common": "5.43.2",
-		"@webiny/app-security": "5.43.2",
-		"@webiny/app-utils": "5.43.2",
-		"@webiny/app-wcp": "5.43.2",
-		"@webiny/form": "5.43.2",
-		"@webiny/plugins": "5.43.2",
-		"@webiny/react-properties": "5.43.2",
-		"@webiny/react-router": "5.43.2",
-		"@webiny/shared-aco": "5.43.2",
-		"@webiny/ui": "5.43.2",
-		"@webiny/utils": "5.43.2",
-		"@webiny/validation": "5.43.2",
+		"@webiny/admin-ui": "6.0.0-alpha.0",
+		"@webiny/app": "6.0.0-alpha.0",
+		"@webiny/app-admin": "6.0.0-alpha.0",
+		"@webiny/app-headless-cms-common": "6.0.0-alpha.0",
+		"@webiny/app-security": "6.0.0-alpha.0",
+		"@webiny/app-utils": "6.0.0-alpha.0",
+		"@webiny/app-wcp": "6.0.0-alpha.0",
+		"@webiny/form": "6.0.0-alpha.0",
+		"@webiny/icons": "6.0.0-alpha.0",
+		"@webiny/plugins": "6.0.0-alpha.0",
+		"@webiny/react-properties": "6.0.0-alpha.0",
+		"@webiny/react-router": "6.0.0-alpha.0",
+		"@webiny/shared-aco": "6.0.0-alpha.0",
+		"@webiny/utils": "6.0.0-alpha.0",
+		"@webiny/validation": "6.0.0-alpha.0",
 		"dot-prop-immutable": "2.1.1",
 		"graphql": "15.9.0",
 		"graphql-tag": "2.12.6",
@@ -39,7 +35,6 @@
 		"mobx-react-lite": "3.4.3",
 		"pako": "2.1.0",
 		"react": "18.2.0",
-		"react-dnd": "16.0.1",
 		"react-dom": "18.2.0",
 		"react-hotkeyz": "1.0.4",
 		"slugify": "1.6.6",
@@ -48,7 +43,7 @@
 	},
 	"devDependencies": {
 		"@types/react": "18.2.79",
-		"@webiny/project-utils": "5.43.2",
+		"@webiny/project-utils": "6.0.0-alpha.0",
 		"apollo-client": "2.6.10",
 		"apollo-link": "1.2.14",
 		"rimraf": "6.0.1",
@@ -62,5 +57,5 @@
 		"build": "node ../cli/bin.js run build",
 		"watch": "node ../cli/bin.js run watch"
 	},
-	"gitHead": "ec6176f001f6350221d992981e110a0351addbaf"
+	"gitHead": "a5b28fed7a242d8f56712197a8ea83aa6d2ed101"
 }

package/sorting.d.ts

@@ -1,9 +1,9 @@
+import type { DataTableSorting } from "@webiny/admin-ui";
 import { ListSearchRecordsSort } from "./types";
-import { Sorting } from "@webiny/ui/DataTable";
 export declare const validateOrGetDefaultDbSort: (initial?: ListSearchRecordsSort) => ListSearchRecordsSort;
 interface IRecord {
     id: string;
 }
 export declare const sortTableItems: (records: IRecord[], sort?: ListSearchRecordsSort, mapKeys?: Record<string, string>) => any[];
-export declare const createSort: (sorting?: Sorting) => ListSearchRecordsSort | undefined;
+export declare const createSort: (sorting?: DataTableSorting) => ListSearchRecordsSort | undefined;
 export {};

package/sorting.js

@@ -1,50 +1,28 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.validateOrGetDefaultDbSort = exports.sortTableItems = exports.createSort = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
-var _orderBy = _interopRequireDefault(require("lodash/orderBy"));
-var validateOrGetDefaultDbSort = exports.validateOrGetDefaultDbSort = function validateOrGetDefaultDbSort(initial) {
+import orderBy from "lodash/orderBy";
+export const validateOrGetDefaultDbSort = initial => {
   if (!Array.isArray(initial) || initial.length === 0) {
     return ["savedOn_DESC"];
   }
   return initial;
 };
-var sortTableItems = exports.sortTableItems = function sortTableItems(records, sort) {
-  var mapKeys = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  var dbSorting = validateOrGetDefaultDbSort(sort);
-  var fields = [];
-  var orders = [];
-  var _iterator = (0, _createForOfIteratorHelper2.default)(dbSorting),
-    _step;
-  try {
-    for (_iterator.s(); !(_step = _iterator.n()).done;) {
-      var _sort = _step.value;
-      var _sort$split = _sort.split("_"),
-        _sort$split2 = (0, _slicedToArray2.default)(_sort$split, 2),
-        field = _sort$split2[0],
-        order = _sort$split2[1];
-      var mappedKey = mapKeys[field] ?? field;
-      fields.push(mappedKey);
-      orders.push(order.toLowerCase());
-    }
-  } catch (err) {
-    _iterator.e(err);
-  } finally {
-    _iterator.f();
+export const sortTableItems = (records, sort, mapKeys = {}) => {
+  const dbSorting = validateOrGetDefaultDbSort(sort);
+  const fields = [];
+  const orders = [];
+  for (const sort of dbSorting) {
+    const [field, order] = sort.split("_");
+    const mappedKey = mapKeys[field] ?? field;
+    fields.push(mappedKey);
+    orders.push(order.toLowerCase());
   }
-  return (0, _orderBy.default)(records, fields, orders);
+  return orderBy(records, fields, orders);
 };
-var createSort = exports.createSort = function createSort(sorting) {
+export const createSort = sorting => {
   if (!sorting?.length) {
     return undefined;
   }
-  return sorting.reduce(function (items, item) {
-    var sort = "".concat(item.id, "_").concat(item.desc ? "DESC" : "ASC");
+  return sorting.reduce((items, item) => {
+    const sort = `${item.id}_${item.desc ? "DESC" : "ASC"}`;
     if (items.includes(sort)) {
       return items;
     }

package/sorting.js.map

@@ -1 +1 @@
-{"version":3,"names":["_orderBy","_interopRequireDefault","require","validateOrGetDefaultDbSort","exports","initial","Array","isArray","length","sortTableItems","records","sort","mapKeys","arguments","undefined","dbSorting","fields","orders","_iterator","_createForOfIteratorHelper2","default","_step","s","n","done","value","_sort$split","split","_sort$split2","_slicedToArray2","field","order","mappedKey","push","toLowerCase","err","e","f","orderBy","createSort","sorting","reduce","items","item","concat","id","desc","includes"],"sources":["sorting.tsx"],"sourcesContent":["import orderBy from \"lodash/orderBy\";\n\nimport { ListSearchRecordsSort, ListSearchRecordsSortItem } from \"~/types\";\nimport { Sorting } from \"@webiny/ui/DataTable\";\n\nexport const validateOrGetDefaultDbSort = (\n    initial?: ListSearchRecordsSort\n): ListSearchRecordsSort => {\n    if (!Array.isArray(initial) || initial.length === 0) {\n        return [\"savedOn_DESC\"];\n    }\n\n    return initial;\n};\n\ninterface IRecord {\n    id: string;\n}\n\nexport const sortTableItems = (\n    records: IRecord[],\n    sort?: ListSearchRecordsSort,\n    mapKeys: Record<string, string> = {}\n): any[] => {\n    const dbSorting = validateOrGetDefaultDbSort(sort);\n    const fields: string[] = [];\n    const orders: (boolean | \"asc\" | \"desc\")[] = [];\n\n    for (const sort of dbSorting) {\n        const [field, order] = sort.split(\"_\");\n        const mappedKey = mapKeys[field] ?? field;\n        fields.push(mappedKey);\n        orders.push(order.toLowerCase() as \"asc\" | \"desc\");\n    }\n\n    return orderBy(records, fields, orders);\n};\n\nexport const createSort = (sorting?: Sorting): ListSearchRecordsSort | undefined => {\n    if (!sorting?.length) {\n        return undefined;\n    }\n    return sorting.reduce<ListSearchRecordsSort>((items, item) => {\n        const sort = `${item.id}_${item.desc ? \"DESC\" : \"ASC\"}` as ListSearchRecordsSortItem;\n        if (items.includes(sort)) {\n            return items;\n        }\n        items.push(sort);\n        return items;\n    }, []);\n};\n"],"mappings":";;;;;;;;;AAAA,IAAAA,QAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKO,IAAMC,0BAA0B,GAAAC,OAAA,CAAAD,0BAAA,GAAG,SAA7BA,0BAA0BA,CACnCE,OAA+B,EACP;EACxB,IAAI,CAACC,KAAK,CAACC,OAAO,CAACF,OAAO,CAAC,IAAIA,OAAO,CAACG,MAAM,KAAK,CAAC,EAAE;IACjD,OAAO,CAAC,cAAc,CAAC;EAC3B;EAEA,OAAOH,OAAO;AAClB,CAAC;AAMM,IAAMI,cAAc,GAAAL,OAAA,CAAAK,cAAA,GAAG,SAAjBA,cAAcA,CACvBC,OAAkB,EAClBC,IAA4B,EAEpB;EAAA,IADRC,OAA+B,GAAAC,SAAA,CAAAL,MAAA,QAAAK,SAAA,QAAAC,SAAA,GAAAD,SAAA,MAAG,CAAC,CAAC;EAEpC,IAAME,SAAS,GAAGZ,0BAA0B,CAACQ,IAAI,CAAC;EAClD,IAAMK,MAAgB,GAAG,EAAE;EAC3B,IAAMC,MAAoC,GAAG,EAAE;EAAC,IAAAC,SAAA,OAAAC,2BAAA,CAAAC,OAAA,EAE7BL,SAAS;IAAAM,KAAA;EAAA;IAA5B,KAAAH,SAAA,CAAAI,CAAA,MAAAD,KAAA,GAAAH,SAAA,CAAAK,CAAA,IAAAC,IAAA,GAA8B;MAAA,IAAnBb,KAAI,GAAAU,KAAA,CAAAI,KAAA;MACX,IAAAC,WAAA,GAAuBf,KAAI,CAACgB,KAAK,CAAC,GAAG,CAAC;QAAAC,YAAA,OAAAC,eAAA,CAAAT,OAAA,EAAAM,WAAA;QAA/BI,KAAK,GAAAF,YAAA;QAAEG,KAAK,GAAAH,YAAA;MACnB,IAAMI,SAAS,GAAGpB,OAAO,CAACkB,KAAK,CAAC,IAAIA,KAAK;MACzCd,MAAM,CAACiB,IAAI,CAACD,SAAS,CAAC;MACtBf,MAAM,CAACgB,IAAI,CAACF,KAAK,CAACG,WAAW,CAAC,CAAmB,CAAC;IACtD;EAAC,SAAAC,GAAA;IAAAjB,SAAA,CAAAkB,CAAA,CAAAD,GAAA;EAAA;IAAAjB,SAAA,CAAAmB,CAAA;EAAA;EAED,OAAO,IAAAC,gBAAO,EAAC5B,OAAO,EAAEM,MAAM,EAAEC,MAAM,CAAC;AAC3C,CAAC;AAEM,IAAMsB,UAAU,GAAAnC,OAAA,CAAAmC,UAAA,GAAG,SAAbA,UAAUA,CAAIC,OAAiB,EAAwC;EAChF,IAAI,CAACA,OAAO,EAAEhC,MAAM,EAAE;IAClB,OAAOM,SAAS;EACpB;EACA,OAAO0B,OAAO,CAACC,MAAM,CAAwB,UAACC,KAAK,EAAEC,IAAI,EAAK;IAC1D,IAAMhC,IAAI,MAAAiC,MAAA,CAAMD,IAAI,CAACE,EAAE,OAAAD,MAAA,CAAID,IAAI,CAACG,IAAI,GAAG,MAAM,GAAG,KAAK,CAA+B;IACpF,IAAIJ,KAAK,CAACK,QAAQ,CAACpC,IAAI,CAAC,EAAE;MACtB,OAAO+B,KAAK;IAChB;IACAA,KAAK,CAACT,IAAI,CAACtB,IAAI,CAAC;IAChB,OAAO+B,KAAK;EAChB,CAAC,EAAE,EAAE,CAAC;AACV,CAAC","ignoreList":[]}
+{"version":3,"names":["orderBy","validateOrGetDefaultDbSort","initial","Array","isArray","length","sortTableItems","records","sort","mapKeys","dbSorting","fields","orders","field","order","split","mappedKey","push","toLowerCase","createSort","sorting","undefined","reduce","items","item","id","desc","includes"],"sources":["sorting.tsx"],"sourcesContent":["import orderBy from \"lodash/orderBy\";\nimport type { DataTableSorting } from \"@webiny/admin-ui\";\nimport { ListSearchRecordsSort, ListSearchRecordsSortItem } from \"~/types\";\n\nexport const validateOrGetDefaultDbSort = (\n    initial?: ListSearchRecordsSort\n): ListSearchRecordsSort => {\n    if (!Array.isArray(initial) || initial.length === 0) {\n        return [\"savedOn_DESC\"];\n    }\n\n    return initial;\n};\n\ninterface IRecord {\n    id: string;\n}\n\nexport const sortTableItems = (\n    records: IRecord[],\n    sort?: ListSearchRecordsSort,\n    mapKeys: Record<string, string> = {}\n): any[] => {\n    const dbSorting = validateOrGetDefaultDbSort(sort);\n    const fields: string[] = [];\n    const orders: (boolean | \"asc\" | \"desc\")[] = [];\n\n    for (const sort of dbSorting) {\n        const [field, order] = sort.split(\"_\");\n        const mappedKey = mapKeys[field] ?? field;\n        fields.push(mappedKey);\n        orders.push(order.toLowerCase() as \"asc\" | \"desc\");\n    }\n\n    return orderBy(records, fields, orders);\n};\n\nexport const createSort = (sorting?: DataTableSorting): ListSearchRecordsSort | undefined => {\n    if (!sorting?.length) {\n        return undefined;\n    }\n    return sorting.reduce<ListSearchRecordsSort>((items, item) => {\n        const sort = `${item.id}_${item.desc ? \"DESC\" : \"ASC\"}` as ListSearchRecordsSortItem;\n        if (items.includes(sort)) {\n            return items;\n        }\n        items.push(sort);\n        return items;\n    }, []);\n};\n"],"mappings":"AAAA,OAAOA,OAAO,MAAM,gBAAgB;AAIpC,OAAO,MAAMC,0BAA0B,GACnCC,OAA+B,IACP;EACxB,IAAI,CAACC,KAAK,CAACC,OAAO,CAACF,OAAO,CAAC,IAAIA,OAAO,CAACG,MAAM,KAAK,CAAC,EAAE;IACjD,OAAO,CAAC,cAAc,CAAC;EAC3B;EAEA,OAAOH,OAAO;AAClB,CAAC;AAMD,OAAO,MAAMI,cAAc,GAAGA,CAC1BC,OAAkB,EAClBC,IAA4B,EAC5BC,OAA+B,GAAG,CAAC,CAAC,KAC5B;EACR,MAAMC,SAAS,GAAGT,0BAA0B,CAACO,IAAI,CAAC;EAClD,MAAMG,MAAgB,GAAG,EAAE;EAC3B,MAAMC,MAAoC,GAAG,EAAE;EAE/C,KAAK,MAAMJ,IAAI,IAAIE,SAAS,EAAE;IAC1B,MAAM,CAACG,KAAK,EAAEC,KAAK,CAAC,GAAGN,IAAI,CAACO,KAAK,CAAC,GAAG,CAAC;IACtC,MAAMC,SAAS,GAAGP,OAAO,CAACI,KAAK,CAAC,IAAIA,KAAK;IACzCF,MAAM,CAACM,IAAI,CAACD,SAAS,CAAC;IACtBJ,MAAM,CAACK,IAAI,CAACH,KAAK,CAACI,WAAW,CAAC,CAAmB,CAAC;EACtD;EAEA,OAAOlB,OAAO,CAACO,OAAO,EAAEI,MAAM,EAAEC,MAAM,CAAC;AAC3C,CAAC;AAED,OAAO,MAAMO,UAAU,GAAIC,OAA0B,IAAwC;EACzF,IAAI,CAACA,OAAO,EAAEf,MAAM,EAAE;IAClB,OAAOgB,SAAS;EACpB;EACA,OAAOD,OAAO,CAACE,MAAM,CAAwB,CAACC,KAAK,EAAEC,IAAI,KAAK;IAC1D,MAAMhB,IAAI,GAAG,GAAGgB,IAAI,CAACC,EAAE,IAAID,IAAI,CAACE,IAAI,GAAG,MAAM,GAAG,KAAK,EAA+B;IACpF,IAAIH,KAAK,CAACI,QAAQ,CAACnB,IAAI,CAAC,EAAE;MACtB,OAAOe,KAAK;IAChB;IACAA,KAAK,CAACN,IAAI,CAACT,IAAI,CAAC;IAChB,OAAOe,KAAK;EAChB,CAAC,EAAE,EAAE,CAAC;AACV,CAAC","ignoreList":[]}

package/table.types.js

@@ -1,7 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+export {};
 
 //# sourceMappingURL=table.types.js.map