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

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

@@ -1,51 +1,37 @@
-"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);
-    }));
+import React, { useEffect, useMemo } from "react";
+import { Column, ColumnsPresenter, columnsRepositoryFactory } from "./Columns";
+import { ColumnsVisibilityDecorator, ColumnsVisibilityPresenter, ColumnsVisibilityUpdater, columnsVisibilityRepositoryFactory } from "./ColumnVisibility";
+import { ColumnsVisibilityLocalStorageGateway } from "./gateways";
+import { TablePresenter } from "./TablePresenter";
+import { TableInner } from "./TableInner";
+import { useAcoConfig } from "../../../../config";
+export const Table = ({
+  namespace,
+  ...props
+}) => {
+  const {
+    table
+  } = useAcoConfig();
+  const columnsRepo = useMemo(() => {
+    return columnsRepositoryFactory.getRepository(namespace, table.columns.map(column => Column.createFromConfig(column)));
   }, [namespace, table.columns]);
-  var visibilityRepo = (0, _react.useMemo)(function () {
-    var columnsVisibilityLocalStorage = new _gateways.ColumnsVisibilityLocalStorageGateway(namespace);
-    return _ColumnVisibility.columnsVisibilityRepositoryFactory.getRepository(namespace, columnsVisibilityLocalStorage);
+  const visibilityRepo = useMemo(() => {
+    const columnsVisibilityLocalStorage = new ColumnsVisibilityLocalStorageGateway(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","useAcoConfig","Table","namespace","props","table","columnsRepo","getRepository","columns","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 {\n    DataTableDefaultData,\n    DataTableSorting,\n    OnDataTableSortingChange\n} from \"@webiny/admin-ui\";\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: OnDataTableSortingChange;\n    onToggleRow?: (row: T) => void;\n    selected: DataTableDefaultData[];\n    sorting: DataTableSorting;\n}\n\nexport const Table = <T extends Record<string, any> & DataTableDefaultData>({\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,OAAOA,KAAK,IAAIC,SAAS,EAAEC,OAAO,QAAQ,OAAO;AAMjD,SAASC,MAAM,EAAEC,gBAAgB,EAAEC,wBAAwB;AAC3D,SACIC,0BAA0B,EAC1BC,0BAA0B,EAC1BC,wBAAwB,EACxBC,kCAAkC;AAEtC,SAASC,oCAAoC;AAC7C,SAASC,cAAc;AACvB,SAASC,UAAU;AACnB,SAASC,YAAY;AAcrB,OAAO,MAAMC,KAAK,GAAGA,CAAuD;EACxEC,SAAS;EACT,GAAGC;AACQ,CAAC,KAAK;EACjB,MAAM;IAAEC;EAAM,CAAC,GAAGJ,YAAY,CAAC,CAAC;EAEhC,MAAMK,WAAW,GAAGhB,OAAO,CAAC,MAAM;IAC9B,OAAOG,wBAAwB,CAACc,aAAa,CACzCJ,SAAS,EACTE,KAAK,CAACG,OAAO,CAACC,GAAG,CAACC,MAAM,IAAInB,MAAM,CAACoB,gBAAgB,CAACD,MAAM,CAAC,CAC/D,CAAC;EACL,CAAC,EAAE,CAACP,SAAS,EAAEE,KAAK,CAACG,OAAO,CAAC,CAAC;EAE9B,MAAMI,cAAc,GAAGtB,OAAO,CAAC,MAAM;IACjC,MAAMuB,6BAA6B,GAAG,IAAIf,oCAAoC,CAACK,SAAS,CAAC;IAEzF,OAAON,kCAAkC,CAACU,aAAa,CACnDJ,SAAS,EACTU,6BACJ,CAAC;EACL,CAAC,EAAE,CAACV,SAAS,CAAC,CAAC;EAEf,MAAMW,IAAI,GAAGxB,OAAO,CAAC,MAAM;IACvB,OAAO,IAAII,0BAA0B,CAACkB,cAAc,EAAEN,WAAW,CAAC;EACtE,CAAC,EAAE,CAACM,cAAc,EAAEN,WAAW,CAAC,CAAC;EAEjC,MAAMS,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,KACHlB,KAAK;IACTY,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,5 +1,5 @@
 import React from "react";
-import { DefaultData, OnSortingChange, Sorting } from "@webiny/ui/DataTable";
+import { type DataTableDefaultData, type DataTableSorting, OnDataTableSortingChange } from "@webiny/admin-ui";
 import { ColumnsPresenter } from "./Columns";
 import { ColumnsVisibilityPresenter, ColumnsVisibilityUpdater } from "./ColumnVisibility";
 import { TablePresenter } from "./TablePresenter";
@@ -11,12 +11,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 Record<string, any> & DataTableDefaultData>(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";
+import { TableRowProvider } from "../../..";
+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,SAAjBA,eAAeA,CAAE5B,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 {\n    DataTable,\n    type DataTableColumns,\n    type DataTableDefaultData,\n    type DataTableSorting,\n    OnDataTableSortingChange\n} from \"@webiny/admin-ui\";\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: OnDataTableSortingChange;\n    onToggleRow?: (row: T) => void;\n    selected: DataTableDefaultData[];\n    sorting: DataTableSorting;\n    tablePresenter: TablePresenter;\n}\n\nexport const TableInner = observer(\n    <T extends Record<string, any> & DataTableDefaultData>(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 =>\n                    props.selected.find(item => row.id === item.id)\n                )}\n                sorting={props.sorting}\n                stickyHeader={true}\n            />\n        );\n    }\n);\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACnD,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SACIC,SAAS,QAKN,kBAAkB;AACzB,SAASC,YAAY;AAGrB,SAASC,gBAAgB;AAiBzB,OAAO,MAAMC,UAAU,GAAGJ,QAAQ,CACyBK,KAAyB,IAAK;EACjF,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,IAC/BF,KAAK,CAACiC,QAAQ,CAACC,IAAI,CAACC,IAAI,IAAIjC,GAAG,CAACkC,EAAE,KAAKD,IAAI,CAACC,EAAE,CAClD,CAAE;IACFC,OAAO,EAAErC,KAAK,CAACqC,OAAQ;IACvBC,YAAY,EAAE;EAAK,CACtB,CAAC;AAEV,CACJ,CAAC","ignoreList":[]}

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

@@ -1,6 +1,6 @@
-import { Sorting } from "@webiny/ui/DataTable";
+import { 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

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

@@ -1 +1 @@
-{"version":3,"names":["TablePresenter","exports","_classCallCheck2","default","_createClass2","key","get","initialSorting","id","desc"],"sources":["TablePresenter.ts"],"sourcesContent":["import { Sorting } from \"@webiny/ui/DataTable\";\n\nexport interface TablePresenterViewModel {\n    initialSorting: Sorting;\n}\n\nexport interface ITablePresenter {\n    get vm(): TablePresenterViewModel;\n}\n\nexport class TablePresenter implements ITablePresenter {\n    get vm() {\n        return {\n            initialSorting: [\n                {\n                    id: \"savedOn\",\n                    desc: true\n                }\n            ]\n        };\n    }\n}\n"],"mappings":";;;;;;;;;IAUaA,cAAc,GAAAC,OAAA,CAAAD,cAAA;EAAA,SAAAA,eAAA;IAAA,IAAAE,gBAAA,CAAAC,OAAA,QAAAH,cAAA;EAAA;EAAA,WAAAI,aAAA,CAAAD,OAAA,EAAAH,cAAA;IAAAK,GAAA;IAAAC,GAAA,EACvB,SAAAA,IAAA,EAAS;MACL,OAAO;QACHC,cAAc,EAAE,CACZ;UACIC,EAAE,EAAE,SAAS;UACbC,IAAI,EAAE;QACV,CAAC;MAET,CAAC;IACL;EAAC;AAAA","ignoreList":[]}
+{"version":3,"names":["TablePresenter","vm","initialSorting","id","desc"],"sources":["TablePresenter.ts"],"sourcesContent":["import { DataTableSorting } from \"@webiny/admin-ui\";\n\nexport interface TablePresenterViewModel {\n    initialSorting: DataTableSorting;\n}\n\nexport interface ITablePresenter {\n    get vm(): TablePresenterViewModel;\n}\n\nexport class TablePresenter implements ITablePresenter {\n    get vm() {\n        return {\n            initialSorting: [\n                {\n                    id: \"savedOn\",\n                    desc: true\n                }\n            ]\n        };\n    }\n}\n"],"mappings":"AAUA,OAAO,MAAMA,cAAc,CAA4B;EACnD,IAAIC,EAAEA,CAAA,EAAG;IACL,OAAO;MACHC,cAAc,EAAE,CACZ;QACIC,EAAE,EAAE,SAAS;QACbC,IAAI,EAAE;MACV,CAAC;IAET,CAAC;EACL;AACJ","ignoreList":[]}

package/components/Table/components/Table/gateways/ColumnsVisibilityLocalStorageGateway.js

@@ -1,29 +1,14 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ColumnsVisibilityLocalStorageGateway = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _LocalStorage = require("./LocalStorage");
-var ColumnsVisibilityLocalStorageGateway = exports.ColumnsVisibilityLocalStorageGateway = /*#__PURE__*/function () {
-  function ColumnsVisibilityLocalStorageGateway(namespace) {
-    (0, _classCallCheck2.default)(this, ColumnsVisibilityLocalStorageGateway);
-    this.localStorage = new _LocalStorage.LocalStorage("webiny_column_visibility_".concat(namespace));
+import { LocalStorage } from "./LocalStorage";
+export class ColumnsVisibilityLocalStorageGateway {
+  constructor(namespace) {
+    this.localStorage = new LocalStorage(`webiny_column_visibility_${namespace}`);
+  }
+  get() {
+    return Promise.resolve(this.localStorage.getFromStorage());
+  }
+  async set(value) {
+    return this.localStorage.setToStorage(value);
   }
-  return (0, _createClass2.default)(ColumnsVisibilityLocalStorageGateway, [{
-    key: "get",
-    value: function get() {
-      return Promise.resolve(this.localStorage.getFromStorage());
-    }
-  }, {
-    key: "set",
-    value: async function set(value) {
-      return this.localStorage.setToStorage(value);
-    }
-  }]);
-}();
+}
 
 //# sourceMappingURL=ColumnsVisibilityLocalStorageGateway.js.map

package/components/Table/components/Table/gateways/ColumnsVisibilityLocalStorageGateway.js.map

@@ -1 +1 @@
-{"version":3,"names":["_LocalStorage","require","ColumnsVisibilityLocalStorageGateway","exports","namespace","_classCallCheck2","default","localStorage","LocalStorage","concat","_createClass2","key","value","get","Promise","resolve","getFromStorage","set","setToStorage"],"sources":["ColumnsVisibilityLocalStorageGateway.ts"],"sourcesContent":["import { LocalStorage } from \"./LocalStorage\";\nimport { IColumnsVisibilityGateway } from \"./IColumnsVisibilityGateway\";\n\nexport class ColumnsVisibilityLocalStorageGateway implements IColumnsVisibilityGateway {\n    private localStorage: LocalStorage<Record<string, boolean>>;\n\n    constructor(namespace: string) {\n        this.localStorage = new LocalStorage<Record<string, boolean>>(\n            `webiny_column_visibility_${namespace}`\n        );\n    }\n\n    get() {\n        return Promise.resolve(this.localStorage.getFromStorage());\n    }\n\n    async set(value: Record<string, boolean>) {\n        return this.localStorage.setToStorage(value);\n    }\n}\n"],"mappings":";;;;;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAA8C,IAGjCC,oCAAoC,GAAAC,OAAA,CAAAD,oCAAA;EAG7C,SAAAA,qCAAYE,SAAiB,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAJ,oCAAA;IAC3B,IAAI,CAACK,YAAY,GAAG,IAAIC,0BAAY,6BAAAC,MAAA,CACJL,SAAS,CACzC,CAAC;EACL;EAAC,WAAAM,aAAA,CAAAJ,OAAA,EAAAJ,oCAAA;IAAAS,GAAA;IAAAC,KAAA,EAED,SAAAC,GAAGA,CAAA,EAAG;MACF,OAAOC,OAAO,CAACC,OAAO,CAAC,IAAI,CAACR,YAAY,CAACS,cAAc,CAAC,CAAC,CAAC;IAC9D;EAAC;IAAAL,GAAA;IAAAC,KAAA,EAED,eAAMK,GAAGA,CAACL,KAA8B,EAAE;MACtC,OAAO,IAAI,CAACL,YAAY,CAACW,YAAY,CAACN,KAAK,CAAC;IAChD;EAAC;AAAA","ignoreList":[]}
+{"version":3,"names":["LocalStorage","ColumnsVisibilityLocalStorageGateway","constructor","namespace","localStorage","get","Promise","resolve","getFromStorage","set","value","setToStorage"],"sources":["ColumnsVisibilityLocalStorageGateway.ts"],"sourcesContent":["import { LocalStorage } from \"./LocalStorage\";\nimport { IColumnsVisibilityGateway } from \"./IColumnsVisibilityGateway\";\n\nexport class ColumnsVisibilityLocalStorageGateway implements IColumnsVisibilityGateway {\n    private localStorage: LocalStorage<Record<string, boolean>>;\n\n    constructor(namespace: string) {\n        this.localStorage = new LocalStorage<Record<string, boolean>>(\n            `webiny_column_visibility_${namespace}`\n        );\n    }\n\n    get() {\n        return Promise.resolve(this.localStorage.getFromStorage());\n    }\n\n    async set(value: Record<string, boolean>) {\n        return this.localStorage.setToStorage(value);\n    }\n}\n"],"mappings":"AAAA,SAASA,YAAY;AAGrB,OAAO,MAAMC,oCAAoC,CAAsC;EAGnFC,WAAWA,CAACC,SAAiB,EAAE;IAC3B,IAAI,CAACC,YAAY,GAAG,IAAIJ,YAAY,CAChC,4BAA4BG,SAAS,EACzC,CAAC;EACL;EAEAE,GAAGA,CAAA,EAAG;IACF,OAAOC,OAAO,CAACC,OAAO,CAAC,IAAI,CAACH,YAAY,CAACI,cAAc,CAAC,CAAC,CAAC;EAC9D;EAEA,MAAMC,GAAGA,CAACC,KAA8B,EAAE;IACtC,OAAO,IAAI,CAACN,YAAY,CAACO,YAAY,CAACD,KAAK,CAAC;EAChD;AACJ","ignoreList":[]}

package/components/Table/components/Table/gateways/IColumnsVisibilityGateway.js

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

package/components/Table/components/Table/gateways/LocalStorage.js

@@ -1,29 +1,14 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LocalStorage = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _store = _interopRequireDefault(require("store"));
-var LocalStorage = exports.LocalStorage = /*#__PURE__*/function () {
-  function LocalStorage(key) {
-    (0, _classCallCheck2.default)(this, LocalStorage);
+import store from "store";
+export class LocalStorage {
+  constructor(key) {
     this.key = key;
   }
-  return (0, _createClass2.default)(LocalStorage, [{
-    key: "getFromStorage",
-    value: function getFromStorage() {
-      return _store.default.get(this.key);
-    }
-  }, {
-    key: "setToStorage",
-    value: function setToStorage(value) {
-      _store.default.set(this.key, value);
-    }
-  }]);
-}();
+  getFromStorage() {
+    return store.get(this.key);
+  }
+  setToStorage(value) {
+    store.set(this.key, value);
+  }
+}
 
 //# sourceMappingURL=LocalStorage.js.map

package/components/Table/components/Table/gateways/LocalStorage.js.map

@@ -1 +1 @@
-{"version":3,"names":["_store","_interopRequireDefault","require","LocalStorage","exports","key","_classCallCheck2","default","_createClass2","value","getFromStorage","store","get","setToStorage","set"],"sources":["LocalStorage.ts"],"sourcesContent":["import store from \"store\";\n\nexport class LocalStorage<TValue> {\n    private key: string;\n\n    constructor(key: string) {\n        this.key = key;\n    }\n\n    public getFromStorage(): TValue {\n        return store.get(this.key);\n    }\n\n    public setToStorage(value: TValue): void {\n        store.set(this.key, value);\n    }\n}\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,IAEbC,YAAY,GAAAC,OAAA,CAAAD,YAAA;EAGrB,SAAAA,aAAYE,GAAW,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAJ,YAAA;IACrB,IAAI,CAACE,GAAG,GAAGA,GAAG;EAClB;EAAC,WAAAG,aAAA,CAAAD,OAAA,EAAAJ,YAAA;IAAAE,GAAA;IAAAI,KAAA,EAED,SAAOC,cAAcA,CAAA,EAAW;MAC5B,OAAOC,cAAK,CAACC,GAAG,CAAC,IAAI,CAACP,GAAG,CAAC;IAC9B;EAAC;IAAAA,GAAA;IAAAI,KAAA,EAED,SAAOI,YAAYA,CAACJ,KAAa,EAAQ;MACrCE,cAAK,CAACG,GAAG,CAAC,IAAI,CAACT,GAAG,EAAEI,KAAK,CAAC;IAC9B;EAAC;AAAA","ignoreList":[]}
+{"version":3,"names":["store","LocalStorage","constructor","key","getFromStorage","get","setToStorage","value","set"],"sources":["LocalStorage.ts"],"sourcesContent":["import store from \"store\";\n\nexport class LocalStorage<TValue> {\n    private key: string;\n\n    constructor(key: string) {\n        this.key = key;\n    }\n\n    public getFromStorage(): TValue {\n        return store.get(this.key);\n    }\n\n    public setToStorage(value: TValue): void {\n        store.set(this.key, value);\n    }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAO,MAAMC,YAAY,CAAS;EAG9BC,WAAWA,CAACC,GAAW,EAAE;IACrB,IAAI,CAACA,GAAG,GAAGA,GAAG;EAClB;EAEOC,cAAcA,CAAA,EAAW;IAC5B,OAAOJ,KAAK,CAACK,GAAG,CAAC,IAAI,CAACF,GAAG,CAAC;EAC9B;EAEOG,YAAYA,CAACC,KAAa,EAAQ;IACrCP,KAAK,CAACQ,GAAG,CAAC,IAAI,CAACL,GAAG,EAAEI,KAAK,CAAC;EAC9B;AACJ","ignoreList":[]}

package/components/Table/components/Table/gateways/index.js

@@ -1,29 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _IColumnsVisibilityGateway = require("./IColumnsVisibilityGateway");
-Object.keys(_IColumnsVisibilityGateway).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _IColumnsVisibilityGateway[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _IColumnsVisibilityGateway[key];
-    }
-  });
-});
-var _ColumnsVisibilityLocalStorageGateway = require("./ColumnsVisibilityLocalStorageGateway");
-Object.keys(_ColumnsVisibilityLocalStorageGateway).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _ColumnsVisibilityLocalStorageGateway[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _ColumnsVisibilityLocalStorageGateway[key];
-    }
-  });
-});
+export * from "./IColumnsVisibilityGateway";
+export * from "./ColumnsVisibilityLocalStorageGateway";
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_IColumnsVisibilityGateway","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_ColumnsVisibilityLocalStorageGateway"],"sources":["index.ts"],"sourcesContent":["export * from \"./IColumnsVisibilityGateway\";\nexport * from \"./ColumnsVisibilityLocalStorageGateway\";\n"],"mappings":";;;;;AAAA,IAAAA,0BAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,0BAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,0BAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,0BAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,qCAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,qCAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,qCAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,qCAAA,CAAAL,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./IColumnsVisibilityGateway\";\nexport * from \"./ColumnsVisibilityLocalStorageGateway\";\n"],"mappings":"AAAA;AACA","ignoreList":[]}

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

@@ -1,14 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Table", {
-  enumerable: true,
-  get: function get() {
-    return _Table.Table;
-  }
-});
-var _Table = require("./Table");
+export { Table } from "./Table";
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_Table","require"],"sources":["index.tsx"],"sourcesContent":["export { Table } from \"./Table\";\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA","ignoreList":[]}
+{"version":3,"names":["Table"],"sources":["index.tsx"],"sourcesContent":["export { Table } from \"./Table\";\n"],"mappings":"AAAA,SAASA,KAAK","ignoreList":[]}

package/components/Table/components/index.js

@@ -1,18 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _Table = require("./Table");
-Object.keys(_Table).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Table[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Table[key];
-    }
-  });
-});
+export * from "./Table";
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_Table","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.tsx"],"sourcesContent":["export * from \"./Table\";\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,MAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./Table\";\n"],"mappings":"AAAA","ignoreList":[]}

package/components/Table/createTableData.js

@@ -1,26 +1,18 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createRecordsData = exports.createFoldersData = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var createRecordsData = exports.createRecordsData = function createRecordsData(items) {
-  return items.map(function (item) {
-    return (0, _objectSpread2.default)({
+export const createRecordsData = items => {
+  return items.map(item => {
+    return {
       $type: "RECORD",
-      $selectable: true
-    }, item);
+      $selectable: true,
+      ...item
+    };
   });
 };
-var createFoldersData = exports.createFoldersData = function createFoldersData(items) {
-  return items.map(function (item) {
-    return (0, _objectSpread2.default)({
-      $type: "FOLDER",
-      $selectable: false
-    }, item);
-  });
+export const createFoldersData = items => {
+  return items.map(item => ({
+    $type: "FOLDER",
+    $selectable: false,
+    ...item
+  }));
 };
 
 //# sourceMappingURL=createTableData.js.map

package/components/Table/createTableData.js.map

@@ -1 +1 @@
-{"version":3,"names":["createRecordsData","exports","items","map","item","_objectSpread2","default","$type","$selectable","createFoldersData"],"sources":["createTableData.ts"],"sourcesContent":["import { FolderTableItem, RecordTableItem } from \"~/table.types\";\nimport { FolderItem } from \"~/types\";\n\ntype Result<T> = Array<RecordTableItem & T>;\n\nexport const createRecordsData = <T>(items: T[]): Result<T> => {\n    return items.map(item => {\n        return {\n            $type: \"RECORD\",\n            $selectable: true,\n            ...item\n        };\n    });\n};\n\nexport const createFoldersData = (items: FolderItem[]): FolderTableItem[] => {\n    return items.map(item => ({\n        $type: \"FOLDER\",\n        $selectable: false,\n        ...item\n    }));\n};\n"],"mappings":";;;;;;;;AAKO,IAAMA,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,SAApBA,iBAAiBA,CAAOE,KAAU,EAAgB;EAC3D,OAAOA,KAAK,CAACC,GAAG,CAAC,UAAAC,IAAI,EAAI;IACrB,WAAAC,cAAA,CAAAC,OAAA;MACIC,KAAK,EAAE,QAAQ;MACfC,WAAW,EAAE;IAAI,GACdJ,IAAI;EAEf,CAAC,CAAC;AACN,CAAC;AAEM,IAAMK,iBAAiB,GAAAR,OAAA,CAAAQ,iBAAA,GAAG,SAApBA,iBAAiBA,CAAIP,KAAmB,EAAwB;EACzE,OAAOA,KAAK,CAACC,GAAG,CAAC,UAAAC,IAAI;IAAA,WAAAC,cAAA,CAAAC,OAAA;MACjBC,KAAK,EAAE,QAAQ;MACfC,WAAW,EAAE;IAAK,GACfJ,IAAI;EAAA,CACT,CAAC;AACP,CAAC","ignoreList":[]}
+{"version":3,"names":["createRecordsData","items","map","item","$type","$selectable","createFoldersData"],"sources":["createTableData.ts"],"sourcesContent":["import { FolderTableItem, RecordTableItem } from \"~/table.types\";\nimport { FolderItem } from \"~/types\";\n\ntype Result<T> = Array<RecordTableItem & T>;\n\nexport const createRecordsData = <T>(items: T[]): Result<T> => {\n    return items.map(item => {\n        return {\n            $type: \"RECORD\",\n            $selectable: true,\n            ...item\n        };\n    });\n};\n\nexport const createFoldersData = (items: FolderItem[]): FolderTableItem[] => {\n    return items.map(item => ({\n        $type: \"FOLDER\",\n        $selectable: false,\n        ...item\n    }));\n};\n"],"mappings":"AAKA,OAAO,MAAMA,iBAAiB,GAAOC,KAAU,IAAgB;EAC3D,OAAOA,KAAK,CAACC,GAAG,CAACC,IAAI,IAAI;IACrB,OAAO;MACHC,KAAK,EAAE,QAAQ;MACfC,WAAW,EAAE,IAAI;MACjB,GAAGF;IACP,CAAC;EACL,CAAC,CAAC;AACN,CAAC;AAED,OAAO,MAAMG,iBAAiB,GAAIL,KAAmB,IAAwB;EACzE,OAAOA,KAAK,CAACC,GAAG,CAACC,IAAI,KAAK;IACtBC,KAAK,EAAE,QAAQ;IACfC,WAAW,EAAE,KAAK;IAClB,GAAGF;EACP,CAAC,CAAC,CAAC;AACP,CAAC","ignoreList":[]}

package/components/Table/index.js

@@ -1,40 +1,5 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-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 _createTableData = require("./createTableData");
-Object.keys(_createTableData).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _createTableData[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _createTableData[key];
-    }
-  });
-});
-var _useTableRow = require("./useTableRow");
-Object.keys(_useTableRow).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _useTableRow[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _useTableRow[key];
-    }
-  });
-});
+export * from "./components";
+export * from "./createTableData";
+export * from "./useTableRow";
 
 //# sourceMappingURL=index.js.map