@webiny/app-aco 0.0.0-unstable.e6f0dc8ca7 → 0.0.0-unstable.eb81deee7e

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

@@ -1 +1 @@
-{"version":3,"names":["ColumnMapper","toDTO","column","cell","className","header","hideable","name","path","resizable","size","sortable","truncate","visible","toDataTable","cellRenderer","accessorKey","undefined","enableHiding","enableResizing","enableSorting","row"],"sources":["ColumnMapper.ts"],"sourcesContent":["import type React from \"react\";\nimport type { DataTableColumn } from \"@webiny/admin-ui\";\nimport type { Column, ColumnDTO } from \"./Column.js\";\n\nexport class ColumnMapper {\n    static toDTO(column: Column | ColumnDTO): ColumnDTO {\n        return {\n            cell: column.cell,\n            className: column.className,\n            header: column.header,\n            hideable: column.hideable,\n            name: column.name,\n            path: column.path,\n            resizable: column.resizable,\n            size: column.size,\n            sortable: column.sortable,\n            truncate: column.truncate,\n            visible: column.visible\n        };\n    }\n\n    static toDataTable<T>(\n        column: ColumnDTO,\n        cellRenderer: (\n            row: T,\n            cell: string | React.ReactElement\n        ) => string | number | React.JSX.Element | null\n    ): DataTableColumn<T> {\n        // Prefix path with \"data.\" if provided.\n        const accessorKey = column.path ? `data.${column.path}` : undefined;\n\n        return {\n            accessorKey,\n            header: column.header,\n            className: column.className,\n            size: column.size,\n            enableHiding: column.hideable,\n            enableResizing: column.resizable,\n            enableSorting: column.sortable,\n            truncate: column.truncate,\n            cell: column.cell ? (row: T) => cellRenderer(row, column.cell) : undefined\n        };\n    }\n}\n"],"mappings":"AAIA,OAAO,MAAMA,YAAY,CAAC;EACtB,OAAOC,KAAKA,CAACC,MAA0B,EAAa;IAChD,OAAO;MACHC,IAAI,EAAED,MAAM,CAACC,IAAI;MACjBC,SAAS,EAAEF,MAAM,CAACE,SAAS;MAC3BC,MAAM,EAAEH,MAAM,CAACG,MAAM;MACrBC,QAAQ,EAAEJ,MAAM,CAACI,QAAQ;MACzBC,IAAI,EAAEL,MAAM,CAACK,IAAI;MACjBC,IAAI,EAAEN,MAAM,CAACM,IAAI;MACjBC,SAAS,EAAEP,MAAM,CAACO,SAAS;MAC3BC,IAAI,EAAER,MAAM,CAACQ,IAAI;MACjBC,QAAQ,EAAET,MAAM,CAACS,QAAQ;MACzBC,QAAQ,EAAEV,MAAM,CAACU,QAAQ;MACzBC,OAAO,EAAEX,MAAM,CAACW;IACpB,CAAC;EACL;EAEA,OAAOC,WAAWA,CACdZ,MAAiB,EACjBa,YAG+C,EAC7B;IAClB;IACA,MAAMC,WAAW,GAAGd,MAAM,CAACM,IAAI,GAAG,QAAQN,MAAM,CAACM,IAAI,EAAE,GAAGS,SAAS;IAEnE,OAAO;MACHD,WAAW;MACXX,MAAM,EAAEH,MAAM,CAACG,MAAM;MACrBD,SAAS,EAAEF,MAAM,CAACE,SAAS;MAC3BM,IAAI,EAAER,MAAM,CAACQ,IAAI;MACjBQ,YAAY,EAAEhB,MAAM,CAACI,QAAQ;MAC7Ba,cAAc,EAAEjB,MAAM,CAACO,SAAS;MAChCW,aAAa,EAAElB,MAAM,CAACS,QAAQ;MAC9BC,QAAQ,EAAEV,MAAM,CAACU,QAAQ;MACzBT,IAAI,EAAED,MAAM,CAACC,IAAI,GAAIkB,GAAM,IAAKN,YAAY,CAACM,GAAG,EAAEnB,MAAM,CAACC,IAAI,CAAC,GAAGc;IACrE,CAAC;EACL;AACJ","ignoreList":[]}
+{"version":3,"file":"components/Table/components/Table/Columns/ColumnMapper.js","sources":["../../../../../../src/components/Table/components/Table/Columns/ColumnMapper.ts"],"sourcesContent":["import type React from \"react\";\nimport type { DataTableColumn } from \"@webiny/admin-ui\";\nimport type { Column, ColumnDTO } from \"./Column.js\";\n\nexport class ColumnMapper {\n    static toDTO(column: Column | ColumnDTO): ColumnDTO {\n        return {\n            cell: column.cell,\n            className: column.className,\n            header: column.header,\n            hideable: column.hideable,\n            name: column.name,\n            path: column.path,\n            resizable: column.resizable,\n            size: column.size,\n            sortable: column.sortable,\n            truncate: column.truncate,\n            visible: column.visible\n        };\n    }\n\n    static toDataTable<T>(\n        column: ColumnDTO,\n        cellRenderer: (\n            row: T,\n            cell: string | React.ReactElement\n        ) => string | number | React.JSX.Element | null\n    ): DataTableColumn<T> {\n        // Prefix path with \"data.\" if provided.\n        const accessorKey = column.path ? `data.${column.path}` : undefined;\n\n        return {\n            accessorKey,\n            header: column.header,\n            className: column.className,\n            size: column.size,\n            enableHiding: column.hideable,\n            enableResizing: column.resizable,\n            enableSorting: column.sortable,\n            truncate: column.truncate,\n            cell: column.cell ? (row: T) => cellRenderer(row, column.cell) : undefined\n        };\n    }\n}\n"],"names":["ColumnMapper","column","cellRenderer","accessorKey","undefined","row"],"mappings":"AAIO,MAAMA;IACT,OAAO,MAAMC,MAA0B,EAAa;QAChD,OAAO;YACH,MAAMA,OAAO,IAAI;YACjB,WAAWA,OAAO,SAAS;YAC3B,QAAQA,OAAO,MAAM;YACrB,UAAUA,OAAO,QAAQ;YACzB,MAAMA,OAAO,IAAI;YACjB,MAAMA,OAAO,IAAI;YACjB,WAAWA,OAAO,SAAS;YAC3B,MAAMA,OAAO,IAAI;YACjB,UAAUA,OAAO,QAAQ;YACzB,UAAUA,OAAO,QAAQ;YACzB,SAASA,OAAO,OAAO;QAC3B;IACJ;IAEA,OAAO,YACHA,MAAiB,EACjBC,YAG+C,EAC7B;QAElB,MAAMC,cAAcF,OAAO,IAAI,GAAG,CAAC,KAAK,EAAEA,OAAO,IAAI,EAAE,GAAGG;QAE1D,OAAO;YACHD;YACA,QAAQF,OAAO,MAAM;YACrB,WAAWA,OAAO,SAAS;YAC3B,MAAMA,OAAO,IAAI;YACjB,cAAcA,OAAO,QAAQ;YAC7B,gBAAgBA,OAAO,SAAS;YAChC,eAAeA,OAAO,QAAQ;YAC9B,UAAUA,OAAO,QAAQ;YACzB,MAAMA,OAAO,IAAI,GAAG,CAACI,MAAWH,aAAaG,KAAKJ,OAAO,IAAI,IAAIG;QACrE;IACJ;AACJ"}

package/components/Table/components/Table/Columns/ColumnsPresenter.js

@@ -1,17 +1,18 @@
 import { makeAutoObservable } from "mobx";
-export class ColumnsPresenter {
-  constructor(repository) {
-    this.repository = repository;
-    makeAutoObservable(this);
-  }
-  async init() {
-    await this.repository.init();
-  }
-  get vm() {
-    return {
-      columns: this.repository.getColumns()
-    };
-  }
+class ColumnsPresenter {
+    constructor(repository){
+        this.repository = repository;
+        makeAutoObservable(this);
+    }
+    async init() {
+        await this.repository.init();
+    }
+    get vm() {
+        return {
+            columns: this.repository.getColumns()
+        };
+    }
 }
+export { ColumnsPresenter };
 
 //# sourceMappingURL=ColumnsPresenter.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["makeAutoObservable","ColumnsPresenter","constructor","repository","init","vm","columns","getColumns"],"sources":["ColumnsPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport type { IColumnsRepository } from \"./IColumnsRepository.js\";\n\nexport class ColumnsPresenter {\n    private repository: IColumnsRepository;\n\n    constructor(repository: IColumnsRepository) {\n        this.repository = repository;\n        makeAutoObservable(this);\n    }\n\n    async init() {\n        await this.repository.init();\n    }\n\n    get vm() {\n        return {\n            columns: this.repository.getColumns()\n        };\n    }\n}\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAGzC,OAAO,MAAMC,gBAAgB,CAAC;EAG1BC,WAAWA,CAACC,UAA8B,EAAE;IACxC,IAAI,CAACA,UAAU,GAAGA,UAAU;IAC5BH,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEA,MAAMI,IAAIA,CAAA,EAAG;IACT,MAAM,IAAI,CAACD,UAAU,CAACC,IAAI,CAAC,CAAC;EAChC;EAEA,IAAIC,EAAEA,CAAA,EAAG;IACL,OAAO;MACHC,OAAO,EAAE,IAAI,CAACH,UAAU,CAACI,UAAU,CAAC;IACxC,CAAC;EACL;AACJ","ignoreList":[]}
+{"version":3,"file":"components/Table/components/Table/Columns/ColumnsPresenter.js","sources":["../../../../../../src/components/Table/components/Table/Columns/ColumnsPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport type { IColumnsRepository } from \"./IColumnsRepository.js\";\n\nexport class ColumnsPresenter {\n    private repository: IColumnsRepository;\n\n    constructor(repository: IColumnsRepository) {\n        this.repository = repository;\n        makeAutoObservable(this);\n    }\n\n    async init() {\n        await this.repository.init();\n    }\n\n    get vm() {\n        return {\n            columns: this.repository.getColumns()\n        };\n    }\n}\n"],"names":["ColumnsPresenter","repository","makeAutoObservable"],"mappings":";AAGO,MAAMA;IAGT,YAAYC,UAA8B,CAAE;QACxC,IAAI,CAAC,UAAU,GAAGA;QAClBC,mBAAmB,IAAI;IAC3B;IAEA,MAAM,OAAO;QACT,MAAM,IAAI,CAAC,UAAU,CAAC,IAAI;IAC9B;IAEA,IAAI,KAAK;QACL,OAAO;YACH,SAAS,IAAI,CAAC,UAAU,CAAC,UAAU;QACvC;IACJ;AACJ"}

package/components/Table/components/Table/Columns/ColumnsPresenter.test.js

@@ -1,67 +1,73 @@
-import { describe, it, expect, beforeEach, vi } from "vitest";
+import { beforeEach, describe, expect, it, vi } from "vitest";
 import { ColumnsPresenter } from "./ColumnsPresenter.js";
 import { Column } from "./Column.js";
 import { ColumnsRepository } from "./ColumnsRepository.js";
-describe("ColumnsPresenter", () => {
-  const columnConfigs = [{
-    cell: "Id Cell Content",
-    className: "id-class",
-    header: "Id",
-    hideable: true,
-    name: "id",
-    resizable: true,
-    truncate: true,
-    size: 200,
-    sortable: true,
-    visible: true
-  }, {
-    cell: "Title Cell Content",
-    className: "title-class",
-    header: "Title",
-    hideable: false,
-    name: "title",
-    resizable: false,
-    truncate: true,
-    size: 100,
-    sortable: false,
-    visible: false
-  }];
-  let presenter;
-  beforeEach(() => {
-    vi.clearAllMocks();
-    const repository = new ColumnsRepository(columnConfigs.map(config => Column.createFromConfig(config)));
-    presenter = new ColumnsPresenter(repository);
-  });
-  it("should `init` and return the columns via `vm`", () => {
-    presenter.init();
-    expect(presenter.vm).toEqual({
-      columns: [{
-        cell: "Id Cell Content",
-        className: "id-class",
-        header: "Id",
-        hideable: true,
-        name: "id",
-        path: "",
-        resizable: true,
-        size: 200,
-        sortable: true,
-        truncate: true,
-        visible: true
-      }, {
-        cell: "Title Cell Content",
-        className: "title-class",
-        header: "Title",
-        hideable: false,
-        name: "title",
-        path: "",
-        resizable: false,
-        size: 100,
-        sortable: false,
-        truncate: true,
-        visible: false
-      }]
+describe("ColumnsPresenter", ()=>{
+    const columnConfigs = [
+        {
+            cell: "Id Cell Content",
+            className: "id-class",
+            header: "Id",
+            hideable: true,
+            name: "id",
+            resizable: true,
+            truncate: true,
+            size: 200,
+            sortable: true,
+            visible: true
+        },
+        {
+            cell: "Title Cell Content",
+            className: "title-class",
+            header: "Title",
+            hideable: false,
+            name: "title",
+            resizable: false,
+            truncate: true,
+            size: 100,
+            sortable: false,
+            visible: false
+        }
+    ];
+    let presenter;
+    beforeEach(()=>{
+        vi.clearAllMocks();
+        const repository = new ColumnsRepository(columnConfigs.map((config)=>Column.createFromConfig(config)));
+        presenter = new ColumnsPresenter(repository);
+    });
+    it("should `init` and return the columns via `vm`", ()=>{
+        presenter.init();
+        expect(presenter.vm).toEqual({
+            columns: [
+                {
+                    cell: "Id Cell Content",
+                    className: "id-class",
+                    header: "Id",
+                    hideable: true,
+                    name: "id",
+                    path: "",
+                    resizable: true,
+                    size: 200,
+                    sortable: true,
+                    truncate: true,
+                    visible: true
+                },
+                {
+                    cell: "Title Cell Content",
+                    className: "title-class",
+                    header: "Title",
+                    hideable: false,
+                    name: "title",
+                    path: "",
+                    resizable: false,
+                    size: 100,
+                    sortable: false,
+                    truncate: true,
+                    visible: false
+                }
+            ]
+        });
     });
-  });
 });
 
 //# sourceMappingURL=ColumnsPresenter.test.js.map

package/components/Table/components/Table/Columns/ColumnsPresenter.test.js.map

@@ -1 +1 @@
-{"version":3,"names":["describe","it","expect","beforeEach","vi","ColumnsPresenter","Column","ColumnsRepository","columnConfigs","cell","className","header","hideable","name","resizable","truncate","size","sortable","visible","presenter","clearAllMocks","repository","map","config","createFromConfig","init","vm","toEqual","columns","path"],"sources":["ColumnsPresenter.test.ts"],"sourcesContent":["import { describe, it, expect, beforeEach, vi } from \"vitest\";\nimport { ColumnsPresenter } from \"./ColumnsPresenter.js\";\nimport { Column } from \"./Column.js\";\nimport type { ColumnConfig } from \"~/config/table/Column.js\";\nimport { ColumnsRepository } from \"./ColumnsRepository.js\";\n\ndescribe(\"ColumnsPresenter\", () => {\n    const columnConfigs: ColumnConfig[] = [\n        {\n            cell: \"Id Cell Content\",\n            className: \"id-class\",\n            header: \"Id\",\n            hideable: true,\n            name: \"id\",\n            resizable: true,\n            truncate: true,\n            size: 200,\n            sortable: true,\n            visible: true\n        },\n        {\n            cell: \"Title Cell Content\",\n            className: \"title-class\",\n            header: \"Title\",\n            hideable: false,\n            name: \"title\",\n            resizable: false,\n            truncate: true,\n            size: 100,\n            sortable: false,\n            visible: false\n        }\n    ];\n\n    let presenter: ColumnsPresenter;\n\n    beforeEach(() => {\n        vi.clearAllMocks();\n        const repository = new ColumnsRepository(\n            columnConfigs.map(config => Column.createFromConfig(config))\n        );\n        presenter = new ColumnsPresenter(repository);\n    });\n\n    it(\"should `init` and return the columns via `vm`\", () => {\n        presenter.init();\n\n        expect(presenter.vm).toEqual({\n            columns: [\n                {\n                    cell: \"Id Cell Content\",\n                    className: \"id-class\",\n                    header: \"Id\",\n                    hideable: true,\n                    name: \"id\",\n                    path: \"\",\n                    resizable: true,\n                    size: 200,\n                    sortable: true,\n                    truncate: true,\n                    visible: true\n                },\n                {\n                    cell: \"Title Cell Content\",\n                    className: \"title-class\",\n                    header: \"Title\",\n                    hideable: false,\n                    name: \"title\",\n                    path: \"\",\n                    resizable: false,\n                    size: 100,\n                    sortable: false,\n                    truncate: true,\n                    visible: false\n                }\n            ]\n        });\n    });\n});\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,EAAE,EAAEC,MAAM,EAAEC,UAAU,EAAEC,EAAE,QAAQ,QAAQ;AAC7D,SAASC,gBAAgB;AACzB,SAASC,MAAM;AAEf,SAASC,iBAAiB;AAE1BP,QAAQ,CAAC,kBAAkB,EAAE,MAAM;EAC/B,MAAMQ,aAA6B,GAAG,CAClC;IACIC,IAAI,EAAE,iBAAiB;IACvBC,SAAS,EAAE,UAAU;IACrBC,MAAM,EAAE,IAAI;IACZC,QAAQ,EAAE,IAAI;IACdC,IAAI,EAAE,IAAI;IACVC,SAAS,EAAE,IAAI;IACfC,QAAQ,EAAE,IAAI;IACdC,IAAI,EAAE,GAAG;IACTC,QAAQ,EAAE,IAAI;IACdC,OAAO,EAAE;EACb,CAAC,EACD;IACIT,IAAI,EAAE,oBAAoB;IAC1BC,SAAS,EAAE,aAAa;IACxBC,MAAM,EAAE,OAAO;IACfC,QAAQ,EAAE,KAAK;IACfC,IAAI,EAAE,OAAO;IACbC,SAAS,EAAE,KAAK;IAChBC,QAAQ,EAAE,IAAI;IACdC,IAAI,EAAE,GAAG;IACTC,QAAQ,EAAE,KAAK;IACfC,OAAO,EAAE;EACb,CAAC,CACJ;EAED,IAAIC,SAA2B;EAE/BhB,UAAU,CAAC,MAAM;IACbC,EAAE,CAACgB,aAAa,CAAC,CAAC;IAClB,MAAMC,UAAU,GAAG,IAAId,iBAAiB,CACpCC,aAAa,CAACc,GAAG,CAACC,MAAM,IAAIjB,MAAM,CAACkB,gBAAgB,CAACD,MAAM,CAAC,CAC/D,CAAC;IACDJ,SAAS,GAAG,IAAId,gBAAgB,CAACgB,UAAU,CAAC;EAChD,CAAC,CAAC;EAEFpB,EAAE,CAAC,+CAA+C,EAAE,MAAM;IACtDkB,SAAS,CAACM,IAAI,CAAC,CAAC;IAEhBvB,MAAM,CAACiB,SAAS,CAACO,EAAE,CAAC,CAACC,OAAO,CAAC;MACzBC,OAAO,EAAE,CACL;QACInB,IAAI,EAAE,iBAAiB;QACvBC,SAAS,EAAE,UAAU;QACrBC,MAAM,EAAE,IAAI;QACZC,QAAQ,EAAE,IAAI;QACdC,IAAI,EAAE,IAAI;QACVgB,IAAI,EAAE,EAAE;QACRf,SAAS,EAAE,IAAI;QACfE,IAAI,EAAE,GAAG;QACTC,QAAQ,EAAE,IAAI;QACdF,QAAQ,EAAE,IAAI;QACdG,OAAO,EAAE;MACb,CAAC,EACD;QACIT,IAAI,EAAE,oBAAoB;QAC1BC,SAAS,EAAE,aAAa;QACxBC,MAAM,EAAE,OAAO;QACfC,QAAQ,EAAE,KAAK;QACfC,IAAI,EAAE,OAAO;QACbgB,IAAI,EAAE,EAAE;QACRf,SAAS,EAAE,KAAK;QAChBE,IAAI,EAAE,GAAG;QACTC,QAAQ,EAAE,KAAK;QACfF,QAAQ,EAAE,IAAI;QACdG,OAAO,EAAE;MACb,CAAC;IAET,CAAC,CAAC;EACN,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"components/Table/components/Table/Columns/ColumnsPresenter.test.js","sources":["../../../../../../src/components/Table/components/Table/Columns/ColumnsPresenter.test.ts"],"sourcesContent":["import { describe, it, expect, beforeEach, vi } from \"vitest\";\nimport { ColumnsPresenter } from \"./ColumnsPresenter.js\";\nimport { Column } from \"./Column.js\";\nimport type { ColumnConfig } from \"~/config/table/Column.js\";\nimport { ColumnsRepository } from \"./ColumnsRepository.js\";\n\ndescribe(\"ColumnsPresenter\", () => {\n    const columnConfigs: ColumnConfig[] = [\n        {\n            cell: \"Id Cell Content\",\n            className: \"id-class\",\n            header: \"Id\",\n            hideable: true,\n            name: \"id\",\n            resizable: true,\n            truncate: true,\n            size: 200,\n            sortable: true,\n            visible: true\n        },\n        {\n            cell: \"Title Cell Content\",\n            className: \"title-class\",\n            header: \"Title\",\n            hideable: false,\n            name: \"title\",\n            resizable: false,\n            truncate: true,\n            size: 100,\n            sortable: false,\n            visible: false\n        }\n    ];\n\n    let presenter: ColumnsPresenter;\n\n    beforeEach(() => {\n        vi.clearAllMocks();\n        const repository = new ColumnsRepository(\n            columnConfigs.map(config => Column.createFromConfig(config))\n        );\n        presenter = new ColumnsPresenter(repository);\n    });\n\n    it(\"should `init` and return the columns via `vm`\", () => {\n        presenter.init();\n\n        expect(presenter.vm).toEqual({\n            columns: [\n                {\n                    cell: \"Id Cell Content\",\n                    className: \"id-class\",\n                    header: \"Id\",\n                    hideable: true,\n                    name: \"id\",\n                    path: \"\",\n                    resizable: true,\n                    size: 200,\n                    sortable: true,\n                    truncate: true,\n                    visible: true\n                },\n                {\n                    cell: \"Title Cell Content\",\n                    className: \"title-class\",\n                    header: \"Title\",\n                    hideable: false,\n                    name: \"title\",\n                    path: \"\",\n                    resizable: false,\n                    size: 100,\n                    sortable: false,\n                    truncate: true,\n                    visible: false\n                }\n            ]\n        });\n    });\n});\n"],"names":["describe","columnConfigs","presenter","beforeEach","vi","repository","ColumnsRepository","config","Column","ColumnsPresenter","it","expect"],"mappings":";;;;AAMAA,SAAS,oBAAoB;IACzB,MAAMC,gBAAgC;QAClC;YACI,MAAM;YACN,WAAW;YACX,QAAQ;YACR,UAAU;YACV,MAAM;YACN,WAAW;YACX,UAAU;YACV,MAAM;YACN,UAAU;YACV,SAAS;QACb;QACA;YACI,MAAM;YACN,WAAW;YACX,QAAQ;YACR,UAAU;YACV,MAAM;YACN,WAAW;YACX,UAAU;YACV,MAAM;YACN,UAAU;YACV,SAAS;QACb;KACH;IAED,IAAIC;IAEJC,WAAW;QACPC,GAAG,aAAa;QAChB,MAAMC,aAAa,IAAIC,kBACnBL,cAAc,GAAG,CAACM,CAAAA,SAAUC,OAAO,gBAAgB,CAACD;QAExDL,YAAY,IAAIO,iBAAiBJ;IACrC;IAEAK,GAAG,iDAAiD;QAChDR,UAAU,IAAI;QAEdS,OAAOT,UAAU,EAAE,EAAE,OAAO,CAAC;YACzB,SAAS;gBACL;oBACI,MAAM;oBACN,WAAW;oBACX,QAAQ;oBACR,UAAU;oBACV,MAAM;oBACN,MAAM;oBACN,WAAW;oBACX,MAAM;oBACN,UAAU;oBACV,UAAU;oBACV,SAAS;gBACb;gBACA;oBACI,MAAM;oBACN,WAAW;oBACX,QAAQ;oBACR,UAAU;oBACV,MAAM;oBACN,MAAM;oBACN,WAAW;oBACX,MAAM;oBACN,UAAU;oBACV,UAAU;oBACV,SAAS;gBACb;aACH;QACL;IACJ;AACJ"}

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

@@ -1,18 +1,19 @@
 import { makeAutoObservable } from "mobx";
-export class ColumnsRepository {
-  constructor(columns) {
-    this.columns = columns;
-    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);
-  }
+class ColumnsRepository {
+    constructor(columns){
+        this.columns = columns;
+        makeAutoObservable(this);
+    }
+    getColumns() {
+        return this.sortColumns(this.columns);
+    }
+    init() {
+        return Promise.resolve();
+    }
+    sortColumns(columns) {
+        return columns.slice().sort((a, b)=>"actions" === a.name ? 1 : "actions" === b.name ? -1 : 0);
+    }
 }
+export { ColumnsRepository };
 
 //# sourceMappingURL=ColumnsRepository.js.map

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"components/Table/components/Table/Columns/ColumnsRepository.js","sources":["../../../../../../src/components/Table/components/Table/Columns/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"],"names":["ColumnsRepository","columns","makeAutoObservable","Promise","a","b"],"mappings":";AAIO,MAAMA;IAGT,YAAYC,OAAoB,CAAE;QAC9B,IAAI,CAAC,OAAO,GAAGA;QACfC,mBAAmB,IAAI;IAC3B;IAEA,aAA0B;QACtB,OAAO,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO;IACxC;IAEA,OAAsB;QAClB,OAAOC,QAAQ,OAAO;IAC1B;IAEQ,YAAYF,OAAoB,EAAE;QACtC,OAAOA,QACF,KAAK,GACL,IAAI,CAAC,CAACG,GAAGC,IAAOD,AAAW,cAAXA,EAAE,IAAI,GAAiB,IAAIC,AAAW,cAAXA,EAAE,IAAI,GAAiB,KAAK;IAChF;AACJ"}

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

@@ -1,17 +1,21 @@
 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));
+    getRepository(namespace, columns) {
+        const cacheKey = this.getCacheKey(namespace, columns);
+        if (!this.cache.has(cacheKey)) this.cache.set(cacheKey, new ColumnsRepository(columns));
+        return this.cache.get(cacheKey);
+    }
+    getCacheKey(namespace, columns) {
+        return [
+            namespace,
+            ...columns.map((column)=>column.name)
+        ].join("#");
+    }
+    constructor(){
+        this.cache = new Map();
     }
-    return this.cache.get(cacheKey);
-  }
-  getCacheKey(namespace, columns) {
-    return [namespace, ...columns.map(column => column.name)].join("#");
-  }
 }
-export const columnsRepositoryFactory = new ColumnsRepositoryFactory();
+const columnsRepositoryFactory = new ColumnsRepositoryFactory();
+export { columnsRepositoryFactory };
 
 //# sourceMappingURL=ColumnsRepositoryFactory.js.map

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"components/Table/components/Table/Columns/ColumnsRepositoryFactory.js","sources":["../../../../../../src/components/Table/components/Table/Columns/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"],"names":["ColumnsRepositoryFactory","namespace","columns","cacheKey","ColumnsRepository","column","Map","columnsRepositoryFactory"],"mappings":";AAGA,MAAMA;IAGF,cAAcC,SAAiB,EAAEC,OAAoB,EAAE;QACnD,MAAMC,WAAW,IAAI,CAAC,WAAW,CAACF,WAAWC;QAE7C,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAACC,WAChB,IAAI,CAAC,KAAK,CAAC,GAAG,CAACA,UAAU,IAAIC,kBAAkBF;QAGnD,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAACC;IAC1B;IAEQ,YAAYF,SAAiB,EAAEC,OAAoB,EAAE;QACzD,OAAO;YAACD;eAAcC,QAAQ,GAAG,CAACG,CAAAA,SAAUA,OAAO,IAAI;SAAE,CAAC,IAAI,CAAC;IACnE;;aAdQ,KAAK,GAAmC,IAAIC;;AAexD;AAEO,MAAMC,2BAA2B,IAAIP"}

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

@@ -1,3 +0,0 @@
-export {};
-
-//# sourceMappingURL=IColumnsRepository.js.map

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

@@ -3,5 +3,3 @@ 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/Table.js

@@ -1,41 +1,47 @@
-import React, { useEffect, useMemo } from "react";
+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]);
-  const repo = useMemo(() => {
-    return new ColumnsVisibilityDecorator(visibilityRepo, columnsRepo);
-  }, [visibilityRepo, columnsRepo]);
-  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();
-  }, []);
-  useEffect(() => {
-    columnsPresenter.init();
-  }, [columnsPresenter]);
-  return /*#__PURE__*/React.createElement(TableInner, Object.assign({}, props, {
-    columnsPresenter: columnsPresenter,
-    columnsVisibilityPresenter: columnsVisibilityPresenter,
-    tablePresenter: tablePresenter,
-    columnsVisibilityUpdater: columnsVisibilityUpdater
-  }));
+const Table = ({ columns, namespace, ...props })=>{
+    const localStorage = useLocalStorage();
+    const columnsRepo = useMemo(()=>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
+    ]);
+    const repo = useMemo(()=>new ColumnsVisibilityDecorator(visibilityRepo, columnsRepo), [
+        visibilityRepo,
+        columnsRepo
+    ]);
+    const columnsVisibilityUpdater = new ColumnsVisibilityUpdater(visibilityRepo);
+    const columnsPresenter = useMemo(()=>new ColumnsPresenter(repo), [
+        repo
+    ]);
+    const columnsVisibilityPresenter = useMemo(()=>new ColumnsVisibilityPresenter(columnsPresenter), [
+        columnsPresenter
+    ]);
+    const tablePresenter = useMemo(()=>new TablePresenter(), []);
+    useEffect(()=>{
+        columnsPresenter.init();
+    }, [
+        columnsPresenter
+    ]);
+    return /*#__PURE__*/ react.createElement(TableInner, {
+        ...props,
+        columnsPresenter: columnsPresenter,
+        columnsVisibilityPresenter: columnsVisibilityPresenter,
+        tablePresenter: tablePresenter,
+        columnsVisibilityUpdater: columnsVisibilityUpdater
+    });
 };
+export { Table };
 
 //# sourceMappingURL=Table.js.map

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"components/Table/components/Table/Table.js","sources":["../../../../../src/components/Table/components/Table/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"],"names":["Table","columns","namespace","props","localStorage","useLocalStorage","columnsRepo","useMemo","columnsRepositoryFactory","column","Column","visibilityRepo","columnsVisibilityLocalStorage","ColumnsVisibilityLocalStorageGateway","columnsVisibilityRepositoryFactory","repo","ColumnsVisibilityDecorator","columnsVisibilityUpdater","ColumnsVisibilityUpdater","columnsPresenter","ColumnsPresenter","columnsVisibilityPresenter","ColumnsVisibilityPresenter","tablePresenter","TablePresenter","useEffect","TableInner"],"mappings":";;;;;;;AA6BO,MAAMA,QAAQ,CAAqB,EAAEC,OAAO,EAAEC,SAAS,EAAE,GAAGC,OAAsB;IACrF,MAAMC,eAAeC;IAErB,MAAMC,cAAcC,QAAQ,IACjBC,yBAAyB,aAAa,CACzCN,WACAD,QAAQ,GAAG,CAACQ,CAAAA,SAAUC,OAAO,gBAAgB,CAACD,WAEnD;QAACP;QAAWD;KAAQ;IAEvB,MAAMU,iBAAiBJ,QAAQ;QAC3B,MAAMK,gCAAgC,IAAIC,qCACtCT,cACAF;QAGJ,OAAOY,mCAAmC,aAAa,CACnDZ,WACAU;IAER,GAAG;QAACV;KAAU;IAEd,MAAMa,OAAOR,QAAQ,IACV,IAAIS,2BAA2BL,gBAAgBL,cACvD;QAACK;QAAgBL;KAAY;IAEhC,MAAMW,2BAA2B,IAAIC,yBAAyBP;IAE9D,MAAMQ,mBAAmBZ,QAAQ,IAAM,IAAIa,iBAAiBL,OAAO;QAACA;KAAK;IAEzE,MAAMM,6BAA6Bd,QAC/B,IAAM,IAAIe,2BAA2BH,mBACrC;QAACA;KAAiB;IAGtB,MAAMI,iBAAiBhB,QAAwB,IACpC,IAAIiB,kBACZ,EAAE;IAELC,UAAU;QACNN,iBAAiB,IAAI;IACzB,GAAG;QAACA;KAAiB;IAErB,OAAO,WAAP,GACI,oBAACO,YAAUA;QACN,GAAGvB,KAAK;QACT,kBAAkBgB;QAClB,4BAA4BE;QAC5B,gBAAgBE;QAChB,0BAA0BN;;AAGtC"}

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

@@ -19,6 +19,6 @@ export interface TableInnerProps<T extends TableRow> {
     sorting: DataTableSorting;
     tablePresenter: TablePresenter;
 }
-export declare const TableInner: (<T extends TableRow>(props: TableInnerProps<T>) => React.JSX.Element) & {
-    displayName: string;
+export declare const TableInner: (<T extends TableRow>(props: TableInnerProps<T>) => React.JSX.Element) & React.NamedExoticComponent<TableInnerProps<TableRow<unknown>>> & {
+    readonly type: <T extends TableRow>(props: TableInnerProps<T>) => React.JSX.Element;
 };

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

@@ -1,47 +1,40 @@
-import React, { useCallback, useMemo } from "react";
+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.createElement(TableRowProvider, {
-      row: row
-    }, cell);
-  }, []);
-  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'
-      const name = defaultName === "name" ? nameColumnId : defaultName;
-      result[name] = ColumnMapper.toDataTable(column, cellRenderer);
-      return result;
-    }, {});
-  }, [props.columnsPresenter.vm.columns]);
-  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: row => row.original.$selectable ?? false,
-    loading: props.loading,
-    onSelectRow: props.onSelectRow,
-    onSortingChange: props.onSortingChange,
-    onToggleRow: props.onToggleRow,
-    selectedRows: props.data.filter(row => props.selected.find(item => row.id === item.id)),
-    sorting: props.sorting,
-    stickyHeader: true
-  });
+const TableInner = observer((props)=>{
+    const cellRenderer = useCallback((row, cell)=>{
+        if ("string" == typeof cell) return cell;
+        return /*#__PURE__*/ react.createElement(TableRowProvider, {
+            row: row
+        }, cell);
+    }, []);
+    const columns = useMemo(()=>props.columnsPresenter.vm.columns.reduce((result, column)=>{
+            const { nameColumnId = "name" } = props;
+            const { name: defaultName } = column;
+            const name = "name" === defaultName ? nameColumnId : defaultName;
+            result[name] = ColumnMapper.toDataTable(column, cellRenderer);
+            return result;
+        }, {}), [
+        props.columnsPresenter.vm.columns
+    ]);
+    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: (row)=>row.original.$selectable ?? false,
+        loading: props.loading,
+        onSelectRow: props.onSelectRow,
+        onSortingChange: props.onSortingChange,
+        onToggleRow: props.onToggleRow,
+        selectedRows: props.data.filter((row)=>props.selected.find((item)=>row.id === item.id)),
+        sorting: props.sorting,
+        stickyHeader: true
+    });
 });
+export { TableInner };
 
 //# sourceMappingURL=TableInner.js.map

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

@@ -1 +1 @@
-{"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 | React.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,KAAiD;IACvF,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":[]}
+{"version":3,"file":"components/Table/components/Table/TableInner.js","sources":["../../../../../src/components/Table/components/Table/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 | React.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"],"names":["TableInner","observer","props","cellRenderer","useCallback","row","cell","TableRowProvider","columns","useMemo","result","column","nameColumnId","defaultName","name","ColumnMapper","DataTable","item"],"mappings":";;;;;AAkCO,MAAMA,aAAaC,SAAS,CAAqBC;IACpD,MAAMC,eAAeC,YACjB,CAACC,KAAQC;QACL,IAAI,AAAgB,YAAhB,OAAOA,MACP,OAAOA;QAGX,OAAO,WAAP,GAAO,oBAACC,kBAAgBA;YAAC,KAAKF;WAAMC;IACxC,GACA,EAAE;IAGN,MAAME,UAAUC,QAAQ,IACbP,MAAM,gBAAgB,CAAC,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAACQ,QAAQC;YACrD,MAAM,EAAEC,eAAe,MAAM,EAAE,GAAGV;YAClC,MAAM,EAAE,MAAMW,WAAW,EAAE,GAAGF;YAG9B,MAAMG,OAAOD,AAAgB,WAAhBA,cAAyBD,eAAeC;YAErDH,MAAM,CAACI,KAAkC,GAAGC,aAAa,WAAW,CAChEJ,QACAR;YAGJ,OAAOO;QACX,GAAG,CAAC,IACL;QAACR,MAAM,gBAAgB,CAAC,EAAE,CAAC,OAAO;KAAC;IAEtC,OAAO,WAAP,GACI,oBAACc,WAASA;QACN,SAASR;QACT,kBAAkBN,MAAM,0BAA0B,CAAC,EAAE,CAAC,iBAAiB;QACvE,0BAA0BA,MAAM,wBAAwB,CAAC,MAAM;QAC/D,MAAMA,MAAM,IAAI;QAChB,gBAAgBA,MAAM,cAAc,CAAC,EAAE,CAAC,cAAc;QACtD,iBAAiBG,CAAAA,MAAOA,IAAI,QAAQ,CAAC,WAAW,IAAI;QACpD,SAASH,MAAM,OAAO;QACtB,aAAaA,MAAM,WAAW;QAC9B,iBAAiBA,MAAM,eAAe;QACtC,aAAaA,MAAM,WAAW;QAC9B,cAAcA,MAAM,IAAI,CAAC,MAAM,CAACG,CAAAA,MAAOH,MAAM,QAAQ,CAAC,IAAI,CAACe,CAAAA,OAAQZ,IAAI,EAAE,KAAKY,KAAK,EAAE;QACrF,SAASf,MAAM,OAAO;QACtB,cAAc;;AAG1B"}

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

@@ -1,12 +1,15 @@
-export class TablePresenter {
-  get vm() {
-    return {
-      initialSorting: [{
-        id: "savedOn",
-        desc: true
-      }]
-    };
-  }
+class TablePresenter {
+    get vm() {
+        return {
+            initialSorting: [
+                {
+                    id: "savedOn",
+                    desc: true
+                }
+            ]
+        };
+    }
 }
+export { TablePresenter };
 
 //# sourceMappingURL=TablePresenter.js.map