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

package/components/Table/components/Table/Columns/ColumnsRepository.js

@@ -1,37 +1,18 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ColumnsRepository = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _mobx = require("mobx");
-var ColumnsRepository = exports.ColumnsRepository = /*#__PURE__*/function () {
-  function ColumnsRepository(columns) {
-    (0, _classCallCheck2.default)(this, ColumnsRepository);
+import { makeAutoObservable } from "mobx";
+export class ColumnsRepository {
+  constructor(columns) {
     this.columns = columns;
-    (0, _mobx.makeAutoObservable)(this);
+    makeAutoObservable(this);
+  }
+  getColumns() {
+    return this.sortColumns(this.columns);
+  }
+  init() {
+    return Promise.resolve();
+  }
+  sortColumns(columns) {
+    return columns.slice().sort((a, b) => a.name === "actions" ? 1 : b.name === "actions" ? -1 : 0);
   }
-  return (0, _createClass2.default)(ColumnsRepository, [{
-    key: "getColumns",
-    value: function getColumns() {
-      return this.sortColumns(this.columns);
-    }
-  }, {
-    key: "init",
-    value: function init() {
-      return Promise.resolve();
-    }
-  }, {
-    key: "sortColumns",
-    value: function sortColumns(columns) {
-      return columns.slice().sort(function (a, b) {
-        return a.name === "actions" ? 1 : b.name === "actions" ? -1 : 0;
-      });
-    }
-  }]);
-}();
+}
 
 //# sourceMappingURL=ColumnsRepository.js.map

package/components/Table/components/Table/Columns/ColumnsRepository.js.map

@@ -1 +1 @@
-{"version":3,"names":["_mobx","require","ColumnsRepository","exports","columns","_classCallCheck2","default","makeAutoObservable","_createClass2","key","value","getColumns","sortColumns","init","Promise","resolve","slice","sort","a","b","name"],"sources":["ColumnsRepository.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport { ColumnDTO } from \"./Column\";\nimport { IColumnsRepository } from \"./IColumnsRepository\";\n\nexport class ColumnsRepository implements IColumnsRepository {\n    private readonly columns: ColumnDTO[];\n\n    constructor(columns: ColumnDTO[]) {\n        this.columns = columns;\n        makeAutoObservable(this);\n    }\n\n    getColumns(): ColumnDTO[] {\n        return this.sortColumns(this.columns);\n    }\n\n    init(): Promise<void> {\n        return Promise.resolve();\n    }\n\n    private sortColumns(columns: ColumnDTO[]) {\n        return columns\n            .slice()\n            .sort((a, b) => (a.name === \"actions\" ? 1 : b.name === \"actions\" ? -1 : 0));\n    }\n}\n"],"mappings":";;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAA0C,IAI7BC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA;EAG1B,SAAAA,kBAAYE,OAAoB,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAJ,iBAAA;IAC9B,IAAI,CAACE,OAAO,GAAGA,OAAO;IACtB,IAAAG,wBAAkB,EAAC,IAAI,CAAC;EAC5B;EAAC,WAAAC,aAAA,CAAAF,OAAA,EAAAJ,iBAAA;IAAAO,GAAA;IAAAC,KAAA,EAED,SAAAC,WAAA,EAA0B;MACtB,OAAO,IAAI,CAACC,WAAW,CAAC,IAAI,CAACR,OAAO,CAAC;IACzC;EAAC;IAAAK,GAAA;IAAAC,KAAA,EAED,SAAAG,KAAA,EAAsB;MAClB,OAAOC,OAAO,CAACC,OAAO,CAAC,CAAC;IAC5B;EAAC;IAAAN,GAAA;IAAAC,KAAA,EAED,SAAAE,YAAoBR,OAAoB,EAAE;MACtC,OAAOA,OAAO,CACTY,KAAK,CAAC,CAAC,CACPC,IAAI,CAAC,UAACC,CAAC,EAAEC,CAAC;QAAA,OAAMD,CAAC,CAACE,IAAI,KAAK,SAAS,GAAG,CAAC,GAAGD,CAAC,CAACC,IAAI,KAAK,SAAS,GAAG,CAAC,CAAC,GAAG,CAAC;MAAA,CAAC,CAAC;IACnF;EAAC;AAAA","ignoreList":[]}
+{"version":3,"names":["makeAutoObservable","ColumnsRepository","constructor","columns","getColumns","sortColumns","init","Promise","resolve","slice","sort","a","b","name"],"sources":["ColumnsRepository.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport type { ColumnDTO } from \"./Column.js\";\nimport type { IColumnsRepository } from \"./IColumnsRepository.js\";\n\nexport class ColumnsRepository implements IColumnsRepository {\n    private readonly columns: ColumnDTO[];\n\n    constructor(columns: ColumnDTO[]) {\n        this.columns = columns;\n        makeAutoObservable(this);\n    }\n\n    getColumns(): ColumnDTO[] {\n        return this.sortColumns(this.columns);\n    }\n\n    init(): Promise<void> {\n        return Promise.resolve();\n    }\n\n    private sortColumns(columns: ColumnDTO[]) {\n        return columns\n            .slice()\n            .sort((a, b) => (a.name === \"actions\" ? 1 : b.name === \"actions\" ? -1 : 0));\n    }\n}\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAIzC,OAAO,MAAMC,iBAAiB,CAA+B;EAGzDC,WAAWA,CAACC,OAAoB,EAAE;IAC9B,IAAI,CAACA,OAAO,GAAGA,OAAO;IACtBH,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEAI,UAAUA,CAAA,EAAgB;IACtB,OAAO,IAAI,CAACC,WAAW,CAAC,IAAI,CAACF,OAAO,CAAC;EACzC;EAEAG,IAAIA,CAAA,EAAkB;IAClB,OAAOC,OAAO,CAACC,OAAO,CAAC,CAAC;EAC5B;EAEQH,WAAWA,CAACF,OAAoB,EAAE;IACtC,OAAOA,OAAO,CACTM,KAAK,CAAC,CAAC,CACPC,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAMD,CAAC,CAACE,IAAI,KAAK,SAAS,GAAG,CAAC,GAAGD,CAAC,CAACC,IAAI,KAAK,SAAS,GAAG,CAAC,CAAC,GAAG,CAAE,CAAC;EACnF;AACJ","ignoreList":[]}

package/components/Table/components/Table/Columns/ColumnsRepositoryFactory.d.ts

@@ -1,5 +1,5 @@
-import { ColumnsRepository } from "./ColumnsRepository";
-import { ColumnDTO } from "./Column";
+import { ColumnsRepository } from "./ColumnsRepository.js";
+import type { ColumnDTO } from "./Column.js";
 declare class ColumnsRepositoryFactory {
     private cache;
     getRepository(namespace: string, columns: ColumnDTO[]): ColumnsRepository;

package/components/Table/components/Table/Columns/ColumnsRepositoryFactory.js

@@ -1,38 +1,17 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.columnsRepositoryFactory = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _ColumnsRepository = require("./ColumnsRepository");
-var ColumnsRepositoryFactory = /*#__PURE__*/function () {
-  function ColumnsRepositoryFactory() {
-    (0, _classCallCheck2.default)(this, ColumnsRepositoryFactory);
-    (0, _defineProperty2.default)(this, "cache", new Map());
-  }
-  return (0, _createClass2.default)(ColumnsRepositoryFactory, [{
-    key: "getRepository",
-    value: function getRepository(namespace, columns) {
-      var cacheKey = this.getCacheKey(namespace, columns);
-      if (!this.cache.has(cacheKey)) {
-        this.cache.set(cacheKey, new _ColumnsRepository.ColumnsRepository(columns));
-      }
-      return this.cache.get(cacheKey);
-    }
-  }, {
-    key: "getCacheKey",
-    value: function getCacheKey(namespace, columns) {
-      return [namespace].concat((0, _toConsumableArray2.default)(columns.map(function (column) {
-        return column.name;
-      }))).join("#");
+import { ColumnsRepository } from "./ColumnsRepository.js";
+class ColumnsRepositoryFactory {
+  cache = new Map();
+  getRepository(namespace, columns) {
+    const cacheKey = this.getCacheKey(namespace, columns);
+    if (!this.cache.has(cacheKey)) {
+      this.cache.set(cacheKey, new ColumnsRepository(columns));
     }
-  }]);
-}();
-var columnsRepositoryFactory = exports.columnsRepositoryFactory = new ColumnsRepositoryFactory();
+    return this.cache.get(cacheKey);
+  }
+  getCacheKey(namespace, columns) {
+    return [namespace, ...columns.map(column => column.name)].join("#");
+  }
+}
+export const columnsRepositoryFactory = new ColumnsRepositoryFactory();
 
 //# sourceMappingURL=ColumnsRepositoryFactory.js.map

package/components/Table/components/Table/Columns/ColumnsRepositoryFactory.js.map

@@ -1 +1 @@
-{"version":3,"names":["_ColumnsRepository","require","ColumnsRepositoryFactory","_classCallCheck2","default","_defineProperty2","Map","_createClass2","key","value","getRepository","namespace","columns","cacheKey","getCacheKey","cache","has","set","ColumnsRepository","get","concat","_toConsumableArray2","map","column","name","join","columnsRepositoryFactory","exports"],"sources":["ColumnsRepositoryFactory.ts"],"sourcesContent":["import { ColumnsRepository } from \"./ColumnsRepository\";\nimport { ColumnDTO } from \"./Column\";\n\nclass ColumnsRepositoryFactory {\n    private cache: Map<string, ColumnsRepository> = new Map();\n\n    getRepository(namespace: string, columns: ColumnDTO[]) {\n        const cacheKey = this.getCacheKey(namespace, columns);\n\n        if (!this.cache.has(cacheKey)) {\n            this.cache.set(cacheKey, new ColumnsRepository(columns));\n        }\n\n        return this.cache.get(cacheKey) as ColumnsRepository;\n    }\n\n    private getCacheKey(namespace: string, columns: ColumnDTO[]) {\n        return [namespace, ...columns.map(column => column.name)].join(\"#\");\n    }\n}\n\nexport const columnsRepositoryFactory = new ColumnsRepositoryFactory();\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,kBAAA,GAAAC,OAAA;AAAwD,IAGlDC,wBAAwB;EAAA,SAAAA,yBAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAF,wBAAA;IAAA,IAAAG,gBAAA,CAAAD,OAAA,iBACsB,IAAIE,GAAG,CAAC,CAAC;EAAA;EAAA,WAAAC,aAAA,CAAAH,OAAA,EAAAF,wBAAA;IAAAM,GAAA;IAAAC,KAAA,EAEzD,SAAAC,cAAcC,SAAiB,EAAEC,OAAoB,EAAE;MACnD,IAAMC,QAAQ,GAAG,IAAI,CAACC,WAAW,CAACH,SAAS,EAAEC,OAAO,CAAC;MAErD,IAAI,CAAC,IAAI,CAACG,KAAK,CAACC,GAAG,CAACH,QAAQ,CAAC,EAAE;QAC3B,IAAI,CAACE,KAAK,CAACE,GAAG,CAACJ,QAAQ,EAAE,IAAIK,oCAAiB,CAACN,OAAO,CAAC,CAAC;MAC5D;MAEA,OAAO,IAAI,CAACG,KAAK,CAACI,GAAG,CAACN,QAAQ,CAAC;IACnC;EAAC;IAAAL,GAAA;IAAAC,KAAA,EAED,SAAAK,YAAoBH,SAAiB,EAAEC,OAAoB,EAAE;MACzD,OAAO,CAACD,SAAS,EAAAS,MAAA,KAAAC,mBAAA,CAAAjB,OAAA,EAAKQ,OAAO,CAACU,GAAG,CAAC,UAAAC,MAAM;QAAA,OAAIA,MAAM,CAACC,IAAI;MAAA,EAAC,GAAEC,IAAI,CAAC,GAAG,CAAC;IACvE;EAAC;AAAA;AAGE,IAAMC,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAG,IAAIxB,wBAAwB,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["ColumnsRepository","ColumnsRepositoryFactory","cache","Map","getRepository","namespace","columns","cacheKey","getCacheKey","has","set","get","map","column","name","join","columnsRepositoryFactory"],"sources":["ColumnsRepositoryFactory.ts"],"sourcesContent":["import { ColumnsRepository } from \"./ColumnsRepository.js\";\nimport type { ColumnDTO } from \"./Column.js\";\n\nclass ColumnsRepositoryFactory {\n    private cache: Map<string, ColumnsRepository> = new Map();\n\n    getRepository(namespace: string, columns: ColumnDTO[]) {\n        const cacheKey = this.getCacheKey(namespace, columns);\n\n        if (!this.cache.has(cacheKey)) {\n            this.cache.set(cacheKey, new ColumnsRepository(columns));\n        }\n\n        return this.cache.get(cacheKey) as ColumnsRepository;\n    }\n\n    private getCacheKey(namespace: string, columns: ColumnDTO[]) {\n        return [namespace, ...columns.map(column => column.name)].join(\"#\");\n    }\n}\n\nexport const columnsRepositoryFactory = new ColumnsRepositoryFactory();\n"],"mappings":"AAAA,SAASA,iBAAiB;AAG1B,MAAMC,wBAAwB,CAAC;EACnBC,KAAK,GAAmC,IAAIC,GAAG,CAAC,CAAC;EAEzDC,aAAaA,CAACC,SAAiB,EAAEC,OAAoB,EAAE;IACnD,MAAMC,QAAQ,GAAG,IAAI,CAACC,WAAW,CAACH,SAAS,EAAEC,OAAO,CAAC;IAErD,IAAI,CAAC,IAAI,CAACJ,KAAK,CAACO,GAAG,CAACF,QAAQ,CAAC,EAAE;MAC3B,IAAI,CAACL,KAAK,CAACQ,GAAG,CAACH,QAAQ,EAAE,IAAIP,iBAAiB,CAACM,OAAO,CAAC,CAAC;IAC5D;IAEA,OAAO,IAAI,CAACJ,KAAK,CAACS,GAAG,CAACJ,QAAQ,CAAC;EACnC;EAEQC,WAAWA,CAACH,SAAiB,EAAEC,OAAoB,EAAE;IACzD,OAAO,CAACD,SAAS,EAAE,GAAGC,OAAO,CAACM,GAAG,CAACC,MAAM,IAAIA,MAAM,CAACC,IAAI,CAAC,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC;EACvE;AACJ;AAEA,OAAO,MAAMC,wBAAwB,GAAG,IAAIf,wBAAwB,CAAC,CAAC","ignoreList":[]}

package/components/Table/components/Table/Columns/IColumnsRepository.d.ts

@@ -1,4 +1,4 @@
-import { ColumnDTO } from "./Column";
+import type { ColumnDTO } from "./Column.js";
 export interface IColumnsRepository {
     init(): Promise<void>;
     getColumns(): ColumnDTO[];

package/components/Table/components/Table/Columns/IColumnsRepository.js

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

package/components/Table/components/Table/Columns/IColumnsRepository.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["IColumnsRepository.ts"],"sourcesContent":["import { ColumnDTO } from \"./Column\";\n\nexport interface IColumnsRepository {\n    init(): Promise<void>;\n    getColumns(): ColumnDTO[];\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["IColumnsRepository.ts"],"sourcesContent":["import type { ColumnDTO } from \"./Column.js\";\n\nexport interface IColumnsRepository {\n    init(): Promise<void>;\n    getColumns(): ColumnDTO[];\n}\n"],"mappings":"","ignoreList":[]}

package/components/Table/components/Table/Columns/index.d.ts

@@ -1,6 +1,6 @@
-export * from "./IColumnsRepository";
-export * from "./Column";
-export * from "./ColumnMapper";
-export * from "./ColumnsPresenter";
-export * from "./ColumnsRepository";
-export * from "./ColumnsRepositoryFactory";
+export type * from "./IColumnsRepository.js";
+export * from "./Column.js";
+export * from "./ColumnMapper.js";
+export * from "./ColumnsPresenter.js";
+export * from "./ColumnsRepository.js";
+export * from "./ColumnsRepositoryFactory.js";

package/components/Table/components/Table/Columns/index.js

@@ -1,73 +1,7 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _IColumnsRepository = require("./IColumnsRepository");
-Object.keys(_IColumnsRepository).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _IColumnsRepository[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _IColumnsRepository[key];
-    }
-  });
-});
-var _Column = require("./Column");
-Object.keys(_Column).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Column[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Column[key];
-    }
-  });
-});
-var _ColumnMapper = require("./ColumnMapper");
-Object.keys(_ColumnMapper).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _ColumnMapper[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _ColumnMapper[key];
-    }
-  });
-});
-var _ColumnsPresenter = require("./ColumnsPresenter");
-Object.keys(_ColumnsPresenter).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _ColumnsPresenter[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _ColumnsPresenter[key];
-    }
-  });
-});
-var _ColumnsRepository = require("./ColumnsRepository");
-Object.keys(_ColumnsRepository).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _ColumnsRepository[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _ColumnsRepository[key];
-    }
-  });
-});
-var _ColumnsRepositoryFactory = require("./ColumnsRepositoryFactory");
-Object.keys(_ColumnsRepositoryFactory).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _ColumnsRepositoryFactory[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _ColumnsRepositoryFactory[key];
-    }
-  });
-});
+export * from "./Column.js";
+export * from "./ColumnMapper.js";
+export * from "./ColumnsPresenter.js";
+export * from "./ColumnsRepository.js";
+export * from "./ColumnsRepositoryFactory.js";
 
 //# sourceMappingURL=index.js.map

package/components/Table/components/Table/Columns/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_IColumnsRepository","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_Column","_ColumnMapper","_ColumnsPresenter","_ColumnsRepository","_ColumnsRepositoryFactory"],"sources":["index.ts"],"sourcesContent":["export * from \"./IColumnsRepository\";\nexport * from \"./Column\";\nexport * from \"./ColumnMapper\";\nexport * from \"./ColumnsPresenter\";\nexport * from \"./ColumnsRepository\";\nexport * from \"./ColumnsRepositoryFactory\";\n"],"mappings":";;;;;AAAA,IAAAA,mBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,mBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,mBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,mBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,OAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,OAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,OAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,OAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,aAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,aAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,aAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAE,aAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,iBAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,iBAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,iBAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAG,iBAAA,CAAAP,GAAA;IAAA;EAAA;AAAA;AACA,IAAAQ,kBAAA,GAAAZ,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAU,kBAAA,EAAAT,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAQ,kBAAA,CAAAR,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAI,kBAAA,CAAAR,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,yBAAA,GAAAb,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAW,yBAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAS,yBAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAK,yBAAA,CAAAT,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export type * from \"./IColumnsRepository.js\";\nexport * from \"./Column.js\";\nexport * from \"./ColumnMapper.js\";\nexport * from \"./ColumnsPresenter.js\";\nexport * from \"./ColumnsRepository.js\";\nexport * from \"./ColumnsRepositoryFactory.js\";\n"],"mappings":"AACA;AACA;AACA;AACA;AACA","ignoreList":[]}

package/components/Table/components/Table/Table.d.ts

@@ -1,14 +1,17 @@
 import React from "react";
-import { DefaultData, OnSortingChange, Sorting } from "@webiny/ui/DataTable";
+import type { DataTableSorting, OnDataTableSortingChange } from "@webiny/admin-ui";
+import type { TableRow } from "../../../../types.js";
+import { ColumnConfig } from "../../../../config/table/Column.js";
 export interface TableProps<T> {
+    columns: ColumnConfig[];
     data: T[];
     loading?: boolean;
     nameColumnId?: string;
     namespace: string;
     onSelectRow?: (rows: T[] | []) => void;
-    onSortingChange: OnSortingChange;
+    onSortingChange: OnDataTableSortingChange;
     onToggleRow?: (row: T) => void;
-    selected: DefaultData[];
-    sorting: Sorting;
+    selected: TableRow[];
+    sorting: DataTableSorting;
 }
-export declare const Table: <T extends Record<string, any> & DefaultData>({ namespace, ...props }: TableProps<T>) => React.JSX.Element;
+export declare const Table: <T extends TableRow>({ columns, namespace, ...props }: TableProps<T>) => React.JSX.Element;

package/components/Table/components/Table/Table.js

@@ -1,51 +1,36 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Table = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
-var _Columns = require("./Columns");
-var _ColumnVisibility = require("./ColumnVisibility");
-var _gateways = require("./gateways");
-var _TablePresenter = require("./TablePresenter");
-var _TableInner = require("./TableInner");
-var _config = require("../../../../config");
-var _excluded = ["namespace"];
-var Table = exports.Table = function Table(_ref) {
-  var namespace = _ref.namespace,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var _useAcoConfig = (0, _config.useAcoConfig)(),
-    table = _useAcoConfig.table;
-  var columnsRepo = (0, _react.useMemo)(function () {
-    return _Columns.columnsRepositoryFactory.getRepository(namespace, table.columns.map(function (column) {
-      return _Columns.Column.createFromConfig(column);
-    }));
-  }, [namespace, table.columns]);
-  var visibilityRepo = (0, _react.useMemo)(function () {
-    var columnsVisibilityLocalStorage = new _gateways.ColumnsVisibilityLocalStorageGateway(namespace);
-    return _ColumnVisibility.columnsVisibilityRepositoryFactory.getRepository(namespace, columnsVisibilityLocalStorage);
+import React, { useEffect, useMemo } from "react";
+import { Column, ColumnsPresenter, columnsRepositoryFactory } from "./Columns/index.js";
+import { ColumnsVisibilityDecorator, ColumnsVisibilityPresenter, ColumnsVisibilityUpdater, columnsVisibilityRepositoryFactory } from "./ColumnVisibility/index.js";
+import { ColumnsVisibilityLocalStorageGateway } from "./gateways/index.js";
+import { TablePresenter } from "./TablePresenter.js";
+import { TableInner } from "./TableInner.js";
+import { useLocalStorage } from "@webiny/app";
+export const Table = ({
+  columns,
+  namespace,
+  ...props
+}) => {
+  const localStorage = useLocalStorage();
+  const columnsRepo = useMemo(() => {
+    return columnsRepositoryFactory.getRepository(namespace, columns.map(column => Column.createFromConfig(column)));
+  }, [namespace, columns]);
+  const visibilityRepo = useMemo(() => {
+    const columnsVisibilityLocalStorage = new ColumnsVisibilityLocalStorageGateway(localStorage, namespace);
+    return columnsVisibilityRepositoryFactory.getRepository(namespace, columnsVisibilityLocalStorage);
   }, [namespace]);
-  var repo = (0, _react.useMemo)(function () {
-    return new _ColumnVisibility.ColumnsVisibilityDecorator(visibilityRepo, columnsRepo);
+  const repo = useMemo(() => {
+    return new ColumnsVisibilityDecorator(visibilityRepo, columnsRepo);
   }, [visibilityRepo, columnsRepo]);
-  var columnsVisibilityUpdater = new _ColumnVisibility.ColumnsVisibilityUpdater(visibilityRepo);
-  var columnsPresenter = (0, _react.useMemo)(function () {
-    return new _Columns.ColumnsPresenter(repo);
-  }, [repo]);
-  var columnsVisibilityPresenter = (0, _react.useMemo)(function () {
-    return new _ColumnVisibility.ColumnsVisibilityPresenter(columnsPresenter);
-  }, [columnsPresenter]);
-  var tablePresenter = (0, _react.useMemo)(function () {
-    return new _TablePresenter.TablePresenter();
+  const columnsVisibilityUpdater = new ColumnsVisibilityUpdater(visibilityRepo);
+  const columnsPresenter = useMemo(() => new ColumnsPresenter(repo), [repo]);
+  const columnsVisibilityPresenter = useMemo(() => new ColumnsVisibilityPresenter(columnsPresenter), [columnsPresenter]);
+  const tablePresenter = useMemo(() => {
+    return new TablePresenter();
   }, []);
-  (0, _react.useEffect)(function () {
+  useEffect(() => {
     columnsPresenter.init();
   }, [columnsPresenter]);
-  return /*#__PURE__*/_react.default.createElement(_TableInner.TableInner, Object.assign({}, props, {
+  return /*#__PURE__*/React.createElement(TableInner, Object.assign({}, props, {
     columnsPresenter: columnsPresenter,
     columnsVisibilityPresenter: columnsVisibilityPresenter,
     tablePresenter: tablePresenter,

package/components/Table/components/Table/Table.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_Columns","_ColumnVisibility","_gateways","_TablePresenter","_TableInner","_config","_excluded","Table","exports","_ref","namespace","props","_objectWithoutProperties2","default","_useAcoConfig","useAcoConfig","table","columnsRepo","useMemo","columnsRepositoryFactory","getRepository","columns","map","column","Column","createFromConfig","visibilityRepo","columnsVisibilityLocalStorage","ColumnsVisibilityLocalStorageGateway","columnsVisibilityRepositoryFactory","repo","ColumnsVisibilityDecorator","columnsVisibilityUpdater","ColumnsVisibilityUpdater","columnsPresenter","ColumnsPresenter","columnsVisibilityPresenter","ColumnsVisibilityPresenter","tablePresenter","TablePresenter","useEffect","init","createElement","TableInner","Object","assign"],"sources":["Table.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from \"react\";\nimport { DefaultData, OnSortingChange, Sorting } from \"@webiny/ui/DataTable\";\nimport { Column, ColumnsPresenter, columnsRepositoryFactory } from \"./Columns\";\nimport {\n    ColumnsVisibilityDecorator,\n    ColumnsVisibilityPresenter,\n    ColumnsVisibilityUpdater,\n    columnsVisibilityRepositoryFactory\n} from \"./ColumnVisibility\";\nimport { ColumnsVisibilityLocalStorageGateway } from \"./gateways\";\nimport { TablePresenter } from \"./TablePresenter\";\nimport { TableInner } from \"./TableInner\";\nimport { useAcoConfig } from \"~/config\";\n\nexport interface TableProps<T> {\n    data: T[];\n    loading?: boolean;\n    nameColumnId?: string;\n    namespace: string;\n    onSelectRow?: (rows: T[] | []) => void;\n    onSortingChange: OnSortingChange;\n    onToggleRow?: (row: T) => void;\n    selected: DefaultData[];\n    sorting: Sorting;\n}\n\nexport const Table = <T extends Record<string, any> & DefaultData>({\n    namespace,\n    ...props\n}: TableProps<T>) => {\n    const { table } = useAcoConfig();\n\n    const columnsRepo = useMemo(() => {\n        return columnsRepositoryFactory.getRepository(\n            namespace,\n            table.columns.map(column => Column.createFromConfig(column))\n        );\n    }, [namespace, table.columns]);\n\n    const visibilityRepo = useMemo(() => {\n        const columnsVisibilityLocalStorage = new ColumnsVisibilityLocalStorageGateway(namespace);\n\n        return columnsVisibilityRepositoryFactory.getRepository(\n            namespace,\n            columnsVisibilityLocalStorage\n        );\n    }, [namespace]);\n\n    const repo = useMemo(() => {\n        return new ColumnsVisibilityDecorator(visibilityRepo, columnsRepo);\n    }, [visibilityRepo, columnsRepo]);\n\n    const columnsVisibilityUpdater = new ColumnsVisibilityUpdater(visibilityRepo);\n\n    const columnsPresenter = useMemo(() => new ColumnsPresenter(repo), [repo]);\n\n    const columnsVisibilityPresenter = useMemo(\n        () => new ColumnsVisibilityPresenter(columnsPresenter),\n        [columnsPresenter]\n    );\n\n    const tablePresenter = useMemo<TablePresenter>(() => {\n        return new TablePresenter();\n    }, []);\n\n    useEffect(() => {\n        columnsPresenter.init();\n    }, [columnsPresenter]);\n\n    return (\n        <TableInner\n            {...props}\n            columnsPresenter={columnsPresenter}\n            columnsVisibilityPresenter={columnsVisibilityPresenter}\n            tablePresenter={tablePresenter}\n            columnsVisibilityUpdater={columnsVisibilityUpdater}\n        />\n    );\n};\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAMA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AAAwC,IAAAO,SAAA;AAcjC,IAAMC,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG,SAARA,KAAKA,CAAAE,IAAA,EAGG;EAAA,IAFjBC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACNC,KAAK,OAAAC,yBAAA,CAAAC,OAAA,EAAAJ,IAAA,EAAAH,SAAA;EAER,IAAAQ,aAAA,GAAkB,IAAAC,oBAAY,EAAC,CAAC;IAAxBC,KAAK,GAAAF,aAAA,CAALE,KAAK;EAEb,IAAMC,WAAW,GAAG,IAAAC,cAAO,EAAC,YAAM;IAC9B,OAAOC,iCAAwB,CAACC,aAAa,CACzCV,SAAS,EACTM,KAAK,CAACK,OAAO,CAACC,GAAG,CAAC,UAAAC,MAAM;MAAA,OAAIC,eAAM,CAACC,gBAAgB,CAACF,MAAM,CAAC;IAAA,EAC/D,CAAC;EACL,CAAC,EAAE,CAACb,SAAS,EAAEM,KAAK,CAACK,OAAO,CAAC,CAAC;EAE9B,IAAMK,cAAc,GAAG,IAAAR,cAAO,EAAC,YAAM;IACjC,IAAMS,6BAA6B,GAAG,IAAIC,8CAAoC,CAAClB,SAAS,CAAC;IAEzF,OAAOmB,oDAAkC,CAACT,aAAa,CACnDV,SAAS,EACTiB,6BACJ,CAAC;EACL,CAAC,EAAE,CAACjB,SAAS,CAAC,CAAC;EAEf,IAAMoB,IAAI,GAAG,IAAAZ,cAAO,EAAC,YAAM;IACvB,OAAO,IAAIa,4CAA0B,CAACL,cAAc,EAAET,WAAW,CAAC;EACtE,CAAC,EAAE,CAACS,cAAc,EAAET,WAAW,CAAC,CAAC;EAEjC,IAAMe,wBAAwB,GAAG,IAAIC,0CAAwB,CAACP,cAAc,CAAC;EAE7E,IAAMQ,gBAAgB,GAAG,IAAAhB,cAAO,EAAC;IAAA,OAAM,IAAIiB,yBAAgB,CAACL,IAAI,CAAC;EAAA,GAAE,CAACA,IAAI,CAAC,CAAC;EAE1E,IAAMM,0BAA0B,GAAG,IAAAlB,cAAO,EACtC;IAAA,OAAM,IAAImB,4CAA0B,CAACH,gBAAgB,CAAC;EAAA,GACtD,CAACA,gBAAgB,CACrB,CAAC;EAED,IAAMI,cAAc,GAAG,IAAApB,cAAO,EAAiB,YAAM;IACjD,OAAO,IAAIqB,8BAAc,CAAC,CAAC;EAC/B,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAC,gBAAS,EAAC,YAAM;IACZN,gBAAgB,CAACO,IAAI,CAAC,CAAC;EAC3B,CAAC,EAAE,CAACP,gBAAgB,CAAC,CAAC;EAEtB,oBACIrC,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACtC,WAAA,CAAAuC,UAAU,EAAAC,MAAA,CAAAC,MAAA,KACHlC,KAAK;IACTuB,gBAAgB,EAAEA,gBAAiB;IACnCE,0BAA0B,EAAEA,0BAA2B;IACvDE,cAAc,EAAEA,cAAe;IAC/BN,wBAAwB,EAAEA;EAAyB,EACtD,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useMemo","Column","ColumnsPresenter","columnsRepositoryFactory","ColumnsVisibilityDecorator","ColumnsVisibilityPresenter","ColumnsVisibilityUpdater","columnsVisibilityRepositoryFactory","ColumnsVisibilityLocalStorageGateway","TablePresenter","TableInner","useLocalStorage","Table","columns","namespace","props","localStorage","columnsRepo","getRepository","map","column","createFromConfig","visibilityRepo","columnsVisibilityLocalStorage","repo","columnsVisibilityUpdater","columnsPresenter","columnsVisibilityPresenter","tablePresenter","init","createElement","Object","assign"],"sources":["Table.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from \"react\";\nimport type { DataTableSorting, OnDataTableSortingChange } from \"@webiny/admin-ui\";\nimport { Column, ColumnsPresenter, columnsRepositoryFactory } from \"./Columns/index.js\";\nimport {\n    ColumnsVisibilityDecorator,\n    ColumnsVisibilityPresenter,\n    ColumnsVisibilityUpdater,\n    columnsVisibilityRepositoryFactory\n} from \"./ColumnVisibility/index.js\";\nimport { ColumnsVisibilityLocalStorageGateway } from \"./gateways/index.js\";\nimport { TablePresenter } from \"./TablePresenter.js\";\nimport { TableInner } from \"./TableInner.js\";\nimport type { TableRow } from \"~/types.js\";\nimport { ColumnConfig } from \"~/config/table/Column.js\";\nimport { useLocalStorage } from \"@webiny/app\";\n\nexport interface TableProps<T> {\n    columns: ColumnConfig[];\n    data: T[];\n    loading?: boolean;\n    nameColumnId?: string;\n    namespace: string;\n    onSelectRow?: (rows: T[] | []) => void;\n    onSortingChange: OnDataTableSortingChange;\n    onToggleRow?: (row: T) => void;\n    selected: TableRow[];\n    sorting: DataTableSorting;\n}\n\nexport const Table = <T extends TableRow>({ columns, namespace, ...props }: TableProps<T>) => {\n    const localStorage = useLocalStorage();\n\n    const columnsRepo = useMemo(() => {\n        return columnsRepositoryFactory.getRepository(\n            namespace,\n            columns.map(column => Column.createFromConfig(column))\n        );\n    }, [namespace, columns]);\n\n    const visibilityRepo = useMemo(() => {\n        const columnsVisibilityLocalStorage = new ColumnsVisibilityLocalStorageGateway(\n            localStorage,\n            namespace\n        );\n\n        return columnsVisibilityRepositoryFactory.getRepository(\n            namespace,\n            columnsVisibilityLocalStorage\n        );\n    }, [namespace]);\n\n    const repo = useMemo(() => {\n        return new ColumnsVisibilityDecorator(visibilityRepo, columnsRepo);\n    }, [visibilityRepo, columnsRepo]);\n\n    const columnsVisibilityUpdater = new ColumnsVisibilityUpdater(visibilityRepo);\n\n    const columnsPresenter = useMemo(() => new ColumnsPresenter(repo), [repo]);\n\n    const columnsVisibilityPresenter = useMemo(\n        () => new ColumnsVisibilityPresenter(columnsPresenter),\n        [columnsPresenter]\n    );\n\n    const tablePresenter = useMemo<TablePresenter>(() => {\n        return new TablePresenter();\n    }, []);\n\n    useEffect(() => {\n        columnsPresenter.init();\n    }, [columnsPresenter]);\n\n    return (\n        <TableInner\n            {...props}\n            columnsPresenter={columnsPresenter}\n            columnsVisibilityPresenter={columnsVisibilityPresenter}\n            tablePresenter={tablePresenter}\n            columnsVisibilityUpdater={columnsVisibilityUpdater}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,OAAO,QAAQ,OAAO;AAEjD,SAASC,MAAM,EAAEC,gBAAgB,EAAEC,wBAAwB;AAC3D,SACIC,0BAA0B,EAC1BC,0BAA0B,EAC1BC,wBAAwB,EACxBC,kCAAkC;AAEtC,SAASC,oCAAoC;AAC7C,SAASC,cAAc;AACvB,SAASC,UAAU;AAGnB,SAASC,eAAe,QAAQ,aAAa;AAe7C,OAAO,MAAMC,KAAK,GAAGA,CAAqB;EAAEC,OAAO;EAAEC,SAAS;EAAE,GAAGC;AAAqB,CAAC,KAAK;EAC1F,MAAMC,YAAY,GAAGL,eAAe,CAAC,CAAC;EAEtC,MAAMM,WAAW,GAAGjB,OAAO,CAAC,MAAM;IAC9B,OAAOG,wBAAwB,CAACe,aAAa,CACzCJ,SAAS,EACTD,OAAO,CAACM,GAAG,CAACC,MAAM,IAAInB,MAAM,CAACoB,gBAAgB,CAACD,MAAM,CAAC,CACzD,CAAC;EACL,CAAC,EAAE,CAACN,SAAS,EAAED,OAAO,CAAC,CAAC;EAExB,MAAMS,cAAc,GAAGtB,OAAO,CAAC,MAAM;IACjC,MAAMuB,6BAA6B,GAAG,IAAIf,oCAAoC,CAC1EQ,YAAY,EACZF,SACJ,CAAC;IAED,OAAOP,kCAAkC,CAACW,aAAa,CACnDJ,SAAS,EACTS,6BACJ,CAAC;EACL,CAAC,EAAE,CAACT,SAAS,CAAC,CAAC;EAEf,MAAMU,IAAI,GAAGxB,OAAO,CAAC,MAAM;IACvB,OAAO,IAAII,0BAA0B,CAACkB,cAAc,EAAEL,WAAW,CAAC;EACtE,CAAC,EAAE,CAACK,cAAc,EAAEL,WAAW,CAAC,CAAC;EAEjC,MAAMQ,wBAAwB,GAAG,IAAInB,wBAAwB,CAACgB,cAAc,CAAC;EAE7E,MAAMI,gBAAgB,GAAG1B,OAAO,CAAC,MAAM,IAAIE,gBAAgB,CAACsB,IAAI,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAE1E,MAAMG,0BAA0B,GAAG3B,OAAO,CACtC,MAAM,IAAIK,0BAA0B,CAACqB,gBAAgB,CAAC,EACtD,CAACA,gBAAgB,CACrB,CAAC;EAED,MAAME,cAAc,GAAG5B,OAAO,CAAiB,MAAM;IACjD,OAAO,IAAIS,cAAc,CAAC,CAAC;EAC/B,CAAC,EAAE,EAAE,CAAC;EAENV,SAAS,CAAC,MAAM;IACZ2B,gBAAgB,CAACG,IAAI,CAAC,CAAC;EAC3B,CAAC,EAAE,CAACH,gBAAgB,CAAC,CAAC;EAEtB,oBACI5B,KAAA,CAAAgC,aAAA,CAACpB,UAAU,EAAAqB,MAAA,CAAAC,MAAA,KACHjB,KAAK;IACTW,gBAAgB,EAAEA,gBAAiB;IACnCC,0BAA0B,EAAEA,0BAA2B;IACvDC,cAAc,EAAEA,cAAe;IAC/BH,wBAAwB,EAAEA;EAAyB,EACtD,CAAC;AAEV,CAAC","ignoreList":[]}

package/components/Table/components/Table/TableInner.d.ts

@@ -1,9 +1,11 @@
 import React from "react";
-import { DefaultData, OnSortingChange, Sorting } from "@webiny/ui/DataTable";
-import { ColumnsPresenter } from "./Columns";
-import { ColumnsVisibilityPresenter, ColumnsVisibilityUpdater } from "./ColumnVisibility";
-import { TablePresenter } from "./TablePresenter";
-export interface TableInnerProps<T> {
+import type { OnDataTableSortingChange } from "@webiny/admin-ui";
+import { type DataTableDefaultData, type DataTableSorting } from "@webiny/admin-ui";
+import type { ColumnsPresenter } from "./Columns/index.js";
+import type { ColumnsVisibilityPresenter, ColumnsVisibilityUpdater } from "./ColumnVisibility/index.js";
+import type { TablePresenter } from "./TablePresenter.js";
+import type { TableRow } from "../../../../types.js";
+export interface TableInnerProps<T extends TableRow> {
     columnsPresenter: ColumnsPresenter;
     columnsVisibilityPresenter: ColumnsVisibilityPresenter;
     columnsVisibilityUpdater: ColumnsVisibilityUpdater;
@@ -11,12 +13,12 @@ export interface TableInnerProps<T> {
     loading?: boolean;
     nameColumnId?: string;
     onSelectRow?: (rows: T[] | []) => void;
-    onSortingChange: OnSortingChange;
+    onSortingChange: OnDataTableSortingChange;
     onToggleRow?: (row: T) => void;
-    selected: DefaultData[];
-    sorting: Sorting;
+    selected: DataTableDefaultData[];
+    sorting: DataTableSorting;
     tablePresenter: TablePresenter;
 }
-export declare const TableInner: (<T extends Record<string, any> & DefaultData>(props: TableInnerProps<T>) => React.JSX.Element) & {
+export declare const TableInner: (<T extends TableRow>(props: TableInnerProps<T>) => React.JSX.Element) & {
     displayName: string;
 };

package/components/Table/components/Table/TableInner.js

@@ -1,56 +1,46 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TableInner = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _mobxReactLite = require("mobx-react-lite");
-var _DataTable = require("@webiny/ui/DataTable");
-var _Columns = require("./Columns");
-var _ = require("../../..");
-var TableInner = exports.TableInner = (0, _mobxReactLite.observer)(function (props) {
-  var cellRenderer = (0, _react.useCallback)(function (row, cell) {
+import React, { useCallback, useMemo } from "react";
+import { observer } from "mobx-react-lite";
+import { DataTable } from "@webiny/admin-ui";
+import { ColumnMapper } from "./Columns/index.js";
+import { TableRowProvider } from "../../../index.js";
+export const TableInner = observer(props => {
+  const cellRenderer = useCallback((row, cell) => {
     if (typeof cell === "string") {
       return cell;
     }
-    return /*#__PURE__*/_react.default.createElement(_.TableRowProvider, {
+    return /*#__PURE__*/React.createElement(TableRowProvider, {
       row: row
     }, cell);
   }, []);
-  var columns = (0, _react.useMemo)(function () {
-    return props.columnsPresenter.vm.columns.reduce(function (result, column) {
-      var _props$nameColumnId = props.nameColumnId,
-        nameColumnId = _props$nameColumnId === void 0 ? "name" : _props$nameColumnId;
-      var defaultName = column.name;
+  const columns = useMemo(() => {
+    return props.columnsPresenter.vm.columns.reduce((result, column) => {
+      const {
+        nameColumnId = "name"
+      } = props;
+      const {
+        name: defaultName
+      } = column;
 
       // Determine the column name, using the provided `nameColumnId` if the default is 'name'
-      var name = defaultName === "name" ? nameColumnId : defaultName;
-      result[name] = _Columns.ColumnMapper.toDataTable(column, cellRenderer);
+      const name = defaultName === "name" ? nameColumnId : defaultName;
+      result[name] = ColumnMapper.toDataTable(column, cellRenderer);
       return result;
     }, {});
   }, [props.columnsPresenter.vm.columns]);
-  return /*#__PURE__*/_react.default.createElement(_DataTable.DataTable, {
+  return /*#__PURE__*/React.createElement(DataTable, {
     columns: columns,
     columnVisibility: props.columnsVisibilityPresenter.vm.columnsVisibility,
     onColumnVisibilityChange: props.columnsVisibilityUpdater.update,
     data: props.data,
     initialSorting: props.tablePresenter.vm.initialSorting,
-    isRowSelectable: function isRowSelectable(row) {
-      return row.original.$selectable ?? false;
-    },
-    loadingInitial: props.loading,
+    isRowSelectable: row => row.original.$selectable ?? false,
+    loading: props.loading,
     onSelectRow: props.onSelectRow,
     onSortingChange: props.onSortingChange,
     onToggleRow: props.onToggleRow,
-    selectedRows: props.data.filter(function (row) {
-      return props.selected.find(function (item) {
-        return row.id === item.id;
-      });
-    }),
+    selectedRows: props.data.filter(row => props.selected.find(item => row.id === item.id)),
     sorting: props.sorting,
-    stickyRows: 1
+    stickyHeader: true
   });
 });
 

package/components/Table/components/Table/TableInner.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_DataTable","_Columns","_","TableInner","exports","observer","props","cellRenderer","useCallback","row","cell","default","createElement","TableRowProvider","columns","useMemo","columnsPresenter","vm","reduce","result","column","_props$nameColumnId","nameColumnId","defaultName","name","ColumnMapper","toDataTable","DataTable","columnVisibility","columnsVisibilityPresenter","columnsVisibility","onColumnVisibilityChange","columnsVisibilityUpdater","update","data","initialSorting","tablePresenter","isRowSelectable","original","$selectable","loadingInitial","loading","onSelectRow","onSortingChange","onToggleRow","selectedRows","filter","selected","find","item","id","sorting","stickyRows"],"sources":["TableInner.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { Columns, DataTable, DefaultData, OnSortingChange, Sorting } from \"@webiny/ui/DataTable\";\nimport { ColumnMapper, ColumnsPresenter } from \"./Columns\";\nimport { ColumnsVisibilityPresenter, ColumnsVisibilityUpdater } from \"./ColumnVisibility\";\nimport { TablePresenter } from \"./TablePresenter\";\nimport { TableRowProvider } from \"~/components\";\n\nexport interface TableInnerProps<T> {\n    columnsPresenter: ColumnsPresenter;\n    columnsVisibilityPresenter: ColumnsVisibilityPresenter;\n    columnsVisibilityUpdater: ColumnsVisibilityUpdater;\n    data: T[];\n    loading?: boolean;\n    nameColumnId?: string;\n    onSelectRow?: (rows: T[] | []) => void;\n    onSortingChange: OnSortingChange;\n    onToggleRow?: (row: T) => void;\n    selected: DefaultData[];\n    sorting: Sorting;\n    tablePresenter: TablePresenter;\n}\n\nexport const TableInner = observer(\n    <T extends Record<string, any> & DefaultData>(props: TableInnerProps<T>) => {\n        const cellRenderer = useCallback(\n            (row: T, cell: string | React.ReactElement): string | number | JSX.Element | null => {\n                if (typeof cell === \"string\") {\n                    return cell;\n                }\n\n                return <TableRowProvider row={row}>{cell}</TableRowProvider>;\n            },\n            []\n        );\n\n        const columns = useMemo(() => {\n            return props.columnsPresenter.vm.columns.reduce((result, column) => {\n                const { nameColumnId = \"name\" } = props;\n                const { name: defaultName } = column;\n\n                // Determine the column name, using the provided `nameColumnId` if the default is 'name'\n                const name = defaultName === \"name\" ? nameColumnId : defaultName;\n\n                result[name as keyof Columns<T>] = ColumnMapper.toDataTable(column, cellRenderer);\n\n                return result;\n            }, {} as Columns<T>);\n        }, [props.columnsPresenter.vm.columns]);\n\n        return (\n            <DataTable\n                columns={columns}\n                columnVisibility={props.columnsVisibilityPresenter.vm.columnsVisibility}\n                onColumnVisibilityChange={props.columnsVisibilityUpdater.update}\n                data={props.data}\n                initialSorting={props.tablePresenter.vm.initialSorting}\n                isRowSelectable={row => row.original.$selectable ?? false}\n                loadingInitial={props.loading}\n                onSelectRow={props.onSelectRow}\n                onSortingChange={props.onSortingChange}\n                onToggleRow={props.onToggleRow}\n                selectedRows={props.data.filter(row =>\n                    props.selected.find(item => row.id === item.id)\n                )}\n                sorting={props.sorting}\n                stickyRows={1}\n            />\n        );\n    }\n);\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAGA,IAAAI,CAAA,GAAAJ,OAAA;AAiBO,IAAMK,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,IAAAE,uBAAQ,EAC9B,UAA8CC,KAAyB,EAAK;EACxE,IAAMC,YAAY,GAAG,IAAAC,kBAAW,EAC5B,UAACC,GAAM,EAAEC,IAAiC,EAA2C;IACjF,IAAI,OAAOA,IAAI,KAAK,QAAQ,EAAE;MAC1B,OAAOA,IAAI;IACf;IAEA,oBAAOd,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACV,CAAA,CAAAW,gBAAgB;MAACJ,GAAG,EAAEA;IAAI,GAAEC,IAAuB,CAAC;EAChE,CAAC,EACD,EACJ,CAAC;EAED,IAAMI,OAAO,GAAG,IAAAC,cAAO,EAAC,YAAM;IAC1B,OAAOT,KAAK,CAACU,gBAAgB,CAACC,EAAE,CAACH,OAAO,CAACI,MAAM,CAAC,UAACC,MAAM,EAAEC,MAAM,EAAK;MAChE,IAAAC,mBAAA,GAAkCf,KAAK,CAA/BgB,YAAY;QAAZA,YAAY,GAAAD,mBAAA,cAAG,MAAM,GAAAA,mBAAA;MAC7B,IAAcE,WAAW,GAAKH,MAAM,CAA5BI,IAAI;;MAEZ;MACA,IAAMA,IAAI,GAAGD,WAAW,KAAK,MAAM,GAAGD,YAAY,GAAGC,WAAW;MAEhEJ,MAAM,CAACK,IAAI,CAAqB,GAAGC,qBAAY,CAACC,WAAW,CAACN,MAAM,EAAEb,YAAY,CAAC;MAEjF,OAAOY,MAAM;IACjB,CAAC,EAAE,CAAC,CAAe,CAAC;EACxB,CAAC,EAAE,CAACb,KAAK,CAACU,gBAAgB,CAACC,EAAE,CAACH,OAAO,CAAC,CAAC;EAEvC,oBACIlB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,UAAA,CAAA2B,SAAS;IACNb,OAAO,EAAEA,OAAQ;IACjBc,gBAAgB,EAAEtB,KAAK,CAACuB,0BAA0B,CAACZ,EAAE,CAACa,iBAAkB;IACxEC,wBAAwB,EAAEzB,KAAK,CAAC0B,wBAAwB,CAACC,MAAO;IAChEC,IAAI,EAAE5B,KAAK,CAAC4B,IAAK;IACjBC,cAAc,EAAE7B,KAAK,CAAC8B,cAAc,CAACnB,EAAE,CAACkB,cAAe;IACvDE,eAAe,EAAE,SAAAA,gBAAA5B,GAAG;MAAA,OAAIA,GAAG,CAAC6B,QAAQ,CAACC,WAAW,IAAI,KAAK;IAAA,CAAC;IAC1DC,cAAc,EAAElC,KAAK,CAACmC,OAAQ;IAC9BC,WAAW,EAAEpC,KAAK,CAACoC,WAAY;IAC/BC,eAAe,EAAErC,KAAK,CAACqC,eAAgB;IACvCC,WAAW,EAAEtC,KAAK,CAACsC,WAAY;IAC/BC,YAAY,EAAEvC,KAAK,CAAC4B,IAAI,CAACY,MAAM,CAAC,UAAArC,GAAG;MAAA,OAC/BH,KAAK,CAACyC,QAAQ,CAACC,IAAI,CAAC,UAAAC,IAAI;QAAA,OAAIxC,GAAG,CAACyC,EAAE,KAAKD,IAAI,CAACC,EAAE;MAAA,EAAC;IAAA,CACnD,CAAE;IACFC,OAAO,EAAE7C,KAAK,CAAC6C,OAAQ;IACvBC,UAAU,EAAE;EAAE,CACjB,CAAC;AAEV,CACJ,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useMemo","observer","DataTable","ColumnMapper","TableRowProvider","TableInner","props","cellRenderer","row","cell","createElement","columns","columnsPresenter","vm","reduce","result","column","nameColumnId","name","defaultName","toDataTable","columnVisibility","columnsVisibilityPresenter","columnsVisibility","onColumnVisibilityChange","columnsVisibilityUpdater","update","data","initialSorting","tablePresenter","isRowSelectable","original","$selectable","loading","onSelectRow","onSortingChange","onToggleRow","selectedRows","filter","selected","find","item","id","sorting","stickyHeader"],"sources":["TableInner.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport type { OnDataTableSortingChange } from \"@webiny/admin-ui\";\nimport {\n    DataTable,\n    type DataTableColumns,\n    type DataTableDefaultData,\n    type DataTableSorting\n} from \"@webiny/admin-ui\";\nimport type { ColumnsPresenter } from \"./Columns/index.js\";\nimport { ColumnMapper } from \"./Columns/index.js\";\nimport type {\n    ColumnsVisibilityPresenter,\n    ColumnsVisibilityUpdater\n} from \"./ColumnVisibility/index.js\";\nimport type { TablePresenter } from \"./TablePresenter.js\";\nimport { TableRowProvider } from \"~/components/index.js\";\nimport type { TableRow } from \"~/types.js\";\n\nexport interface TableInnerProps<T extends TableRow> {\n    columnsPresenter: ColumnsPresenter;\n    columnsVisibilityPresenter: ColumnsVisibilityPresenter;\n    columnsVisibilityUpdater: ColumnsVisibilityUpdater;\n    data: T[];\n    loading?: boolean;\n    nameColumnId?: string;\n    onSelectRow?: (rows: T[] | []) => void;\n    onSortingChange: OnDataTableSortingChange;\n    onToggleRow?: (row: T) => void;\n    selected: DataTableDefaultData[];\n    sorting: DataTableSorting;\n    tablePresenter: TablePresenter;\n}\n\nexport const TableInner = observer(<T extends TableRow>(props: TableInnerProps<T>) => {\n    const cellRenderer = useCallback(\n        (row: T, cell: string | React.ReactElement): string | number | JSX.Element | null => {\n            if (typeof cell === \"string\") {\n                return cell;\n            }\n\n            return <TableRowProvider row={row}>{cell}</TableRowProvider>;\n        },\n        []\n    );\n\n    const columns = useMemo(() => {\n        return props.columnsPresenter.vm.columns.reduce((result, column) => {\n            const { nameColumnId = \"name\" } = props;\n            const { name: defaultName } = column;\n\n            // Determine the column name, using the provided `nameColumnId` if the default is 'name'\n            const name = defaultName === \"name\" ? nameColumnId : defaultName;\n\n            result[name as keyof DataTableColumns<T>] = ColumnMapper.toDataTable(\n                column,\n                cellRenderer\n            );\n\n            return result;\n        }, {} as DataTableColumns<T>);\n    }, [props.columnsPresenter.vm.columns]);\n\n    return (\n        <DataTable\n            columns={columns}\n            columnVisibility={props.columnsVisibilityPresenter.vm.columnsVisibility}\n            onColumnVisibilityChange={props.columnsVisibilityUpdater.update}\n            data={props.data}\n            initialSorting={props.tablePresenter.vm.initialSorting}\n            isRowSelectable={row => row.original.$selectable ?? false}\n            loading={props.loading}\n            onSelectRow={props.onSelectRow}\n            onSortingChange={props.onSortingChange}\n            onToggleRow={props.onToggleRow}\n            selectedRows={props.data.filter(row => props.selected.find(item => row.id === item.id))}\n            sorting={props.sorting}\n            stickyHeader={true}\n        />\n    );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACnD,SAASC,QAAQ,QAAQ,iBAAiB;AAE1C,SACIC,SAAS,QAIN,kBAAkB;AAEzB,SAASC,YAAY;AAMrB,SAASC,gBAAgB;AAkBzB,OAAO,MAAMC,UAAU,GAAGJ,QAAQ,CAAsBK,KAAyB,IAAK;EAClF,MAAMC,YAAY,GAAGR,WAAW,CAC5B,CAACS,GAAM,EAAEC,IAAiC,KAA2C;IACjF,IAAI,OAAOA,IAAI,KAAK,QAAQ,EAAE;MAC1B,OAAOA,IAAI;IACf;IAEA,oBAAOX,KAAA,CAAAY,aAAA,CAACN,gBAAgB;MAACI,GAAG,EAAEA;IAAI,GAAEC,IAAuB,CAAC;EAChE,CAAC,EACD,EACJ,CAAC;EAED,MAAME,OAAO,GAAGX,OAAO,CAAC,MAAM;IAC1B,OAAOM,KAAK,CAACM,gBAAgB,CAACC,EAAE,CAACF,OAAO,CAACG,MAAM,CAAC,CAACC,MAAM,EAAEC,MAAM,KAAK;MAChE,MAAM;QAAEC,YAAY,GAAG;MAAO,CAAC,GAAGX,KAAK;MACvC,MAAM;QAAEY,IAAI,EAAEC;MAAY,CAAC,GAAGH,MAAM;;MAEpC;MACA,MAAME,IAAI,GAAGC,WAAW,KAAK,MAAM,GAAGF,YAAY,GAAGE,WAAW;MAEhEJ,MAAM,CAACG,IAAI,CAA8B,GAAGf,YAAY,CAACiB,WAAW,CAChEJ,MAAM,EACNT,YACJ,CAAC;MAED,OAAOQ,MAAM;IACjB,CAAC,EAAE,CAAC,CAAwB,CAAC;EACjC,CAAC,EAAE,CAACT,KAAK,CAACM,gBAAgB,CAACC,EAAE,CAACF,OAAO,CAAC,CAAC;EAEvC,oBACIb,KAAA,CAAAY,aAAA,CAACR,SAAS;IACNS,OAAO,EAAEA,OAAQ;IACjBU,gBAAgB,EAAEf,KAAK,CAACgB,0BAA0B,CAACT,EAAE,CAACU,iBAAkB;IACxEC,wBAAwB,EAAElB,KAAK,CAACmB,wBAAwB,CAACC,MAAO;IAChEC,IAAI,EAAErB,KAAK,CAACqB,IAAK;IACjBC,cAAc,EAAEtB,KAAK,CAACuB,cAAc,CAAChB,EAAE,CAACe,cAAe;IACvDE,eAAe,EAAEtB,GAAG,IAAIA,GAAG,CAACuB,QAAQ,CAACC,WAAW,IAAI,KAAM;IAC1DC,OAAO,EAAE3B,KAAK,CAAC2B,OAAQ;IACvBC,WAAW,EAAE5B,KAAK,CAAC4B,WAAY;IAC/BC,eAAe,EAAE7B,KAAK,CAAC6B,eAAgB;IACvCC,WAAW,EAAE9B,KAAK,CAAC8B,WAAY;IAC/BC,YAAY,EAAE/B,KAAK,CAACqB,IAAI,CAACW,MAAM,CAAC9B,GAAG,IAAIF,KAAK,CAACiC,QAAQ,CAACC,IAAI,CAACC,IAAI,IAAIjC,GAAG,CAACkC,EAAE,KAAKD,IAAI,CAACC,EAAE,CAAC,CAAE;IACxFC,OAAO,EAAErC,KAAK,CAACqC,OAAQ;IACvBC,YAAY,EAAE;EAAK,CACtB,CAAC;AAEV,CAAC,CAAC","ignoreList":[]}

package/components/Table/components/Table/TablePresenter.d.ts

@@ -1,6 +1,6 @@
-import { Sorting } from "@webiny/ui/DataTable";
+import type { DataTableSorting } from "@webiny/admin-ui";
 export interface TablePresenterViewModel {
-    initialSorting: Sorting;
+    initialSorting: DataTableSorting;
 }
 export interface ITablePresenter {
     get vm(): TablePresenterViewModel;

package/components/Table/components/Table/TablePresenter.js

@@ -1,27 +1,12 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TablePresenter = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var TablePresenter = exports.TablePresenter = /*#__PURE__*/function () {
-  function TablePresenter() {
-    (0, _classCallCheck2.default)(this, TablePresenter);
+export class TablePresenter {
+  get vm() {
+    return {
+      initialSorting: [{
+        id: "savedOn",
+        desc: true
+      }]
+    };
   }
-  return (0, _createClass2.default)(TablePresenter, [{
-    key: "vm",
-    get: function get() {
-      return {
-        initialSorting: [{
-          id: "savedOn",
-          desc: true
-        }]
-      };
-    }
-  }]);
-}();
+}
 
 //# sourceMappingURL=TablePresenter.js.map