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

package/components/Table/components/Table/ColumnVisibility/ColumnsVisibilityPresenter.test.js.map

@@ -1 +1 @@
-{"version":3,"names":["ColumnsVisibilityPresenter","Column","ColumnsPresenter","ColumnsRepository","ColumnsVisibilityRepository","ColumnsVisibilityDecorator","ColumnsVisibilityUpdater","defaultGateway","get","jest","fn","set","createMockGateway","describe","columnConfigs","cell","className","header","hideable","name","resizable","size","sortable","visible","beforeEach","clearAllMocks","it","columnsRepo","map","config","createFromConfig","visibilityRepo","repo","columnsPresenter","columnsVisibilityPresenter","init","expect","toBeCalledTimes","vm","toEqual","columnsVisibility","id","title","date","gateway","mockImplementation","columnsVisibilityUpdater","initial","updater","current","update"],"sources":["ColumnsVisibilityPresenter.test.ts"],"sourcesContent":["import { ColumnsVisibilityPresenter } from \"./ColumnsVisibilityPresenter\";\nimport { IColumnsVisibilityGateway } from \"../gateways\";\nimport { ColumnConfig } from \"~/config/table/Column\";\nimport { Column, ColumnsPresenter, ColumnsRepository } from \"../Columns\";\nimport { ColumnsVisibilityRepository } from \"./ColumnsVisibilityRepository\";\nimport { ColumnsVisibilityDecorator } from \"./ColumnsVisibilityDecorator\";\nimport { ColumnsVisibilityUpdater } from \"~/components/Table/components/Table/ColumnVisibility/ColumnsVisibilityUpdater\";\n\nconst defaultGateway: IColumnsVisibilityGateway = {\n    get: jest.fn(),\n    set: jest.fn()\n};\n\nconst createMockGateway = ({\n    get,\n    set\n}: Partial<IColumnsVisibilityGateway>): IColumnsVisibilityGateway => ({\n    ...defaultGateway,\n    ...(get && { get }),\n    ...(set && { set })\n});\n\ndescribe(\"ColumnsVisibilityPresenter\", () => {\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            size: 200,\n            sortable: true,\n            visible: true\n        },\n        {\n            cell: \"Title Cell Content\",\n            className: \"title-class\",\n            header: \"Title\",\n            hideable: true,\n            name: \"title\",\n            resizable: true,\n            size: 200,\n            sortable: true,\n            visible: true\n        },\n        {\n            cell: \"Date Cell Content\",\n            className: \"date-class\",\n            header: \"Date\",\n            hideable: true,\n            name: \"date\",\n            resizable: true,\n            size: 200,\n            sortable: true,\n            visible: false\n        }\n    ];\n\n    beforeEach(() => {\n        jest.clearAllMocks();\n    });\n\n    it(\"should return the columns visibility from the column config\", async () => {\n        // Let's create repositories and presenters\n        const columnsRepo = new ColumnsRepository(\n            columnConfigs.map(config => Column.createFromConfig(config))\n        );\n        const visibilityRepo = new ColumnsVisibilityRepository(defaultGateway);\n        const repo = new ColumnsVisibilityDecorator(visibilityRepo, columnsRepo);\n\n        const columnsPresenter = new ColumnsPresenter(repo);\n        const columnsVisibilityPresenter = new ColumnsVisibilityPresenter(columnsPresenter);\n\n        // Let's init the ColumnsPresenter\n        await columnsPresenter.init();\n\n        expect(defaultGateway.get).toBeCalledTimes(1);\n\n        expect(columnsVisibilityPresenter.vm).toEqual({\n            columnsVisibility: {\n                id: true,\n                title: true,\n                date: false\n            }\n        });\n    });\n\n    it(\"should return the columns visibility from both the column configs and the gateway\", async () => {\n        // Let's create a mocked gateway\n        const gateway = createMockGateway({\n            get: jest.fn().mockImplementation(() => ({ title: false }))\n        });\n\n        // Let's create repositories and presenters\n        const columnsRepo = new ColumnsRepository(\n            columnConfigs.map(config => Column.createFromConfig(config))\n        );\n        const visibilityRepo = new ColumnsVisibilityRepository(gateway);\n        const repo = new ColumnsVisibilityDecorator(visibilityRepo, columnsRepo);\n\n        const columnsPresenter = new ColumnsPresenter(repo);\n        const columnsVisibilityPresenter = new ColumnsVisibilityPresenter(columnsPresenter);\n\n        // Let's init the ColumnsPresenter\n        await columnsPresenter.init();\n\n        expect(gateway.get).toBeCalledTimes(1);\n\n        expect(columnsVisibilityPresenter.vm).toEqual({\n            columnsVisibility: {\n                id: true,\n                title: false, // title is defined true in the config, but defined false in the gateway\n                date: false\n            }\n        });\n    });\n\n    it(\"should be able to update the visibility via `ColumnsVisibilityUpdater`\", async () => {\n        // Let's create repositories and presenters\n        const columnsRepo = new ColumnsRepository(\n            columnConfigs.map(config => Column.createFromConfig(config))\n        );\n        const visibilityRepo = new ColumnsVisibilityRepository(defaultGateway);\n        const repo = new ColumnsVisibilityDecorator(visibilityRepo, columnsRepo);\n\n        const columnsPresenter = new ColumnsPresenter(repo);\n        const columnsVisibilityPresenter = new ColumnsVisibilityPresenter(columnsPresenter);\n\n        // Let's create ColumnsVisibilityUpdater\n        const columnsVisibilityUpdater = new ColumnsVisibilityUpdater(visibilityRepo);\n\n        // Let's init the ColumnsPresenter\n        await columnsPresenter.init();\n\n        // Let's check the initial state\n        const initial = columnsVisibilityPresenter.vm.columnsVisibility;\n        expect(initial).toEqual({\n            id: true,\n            title: true,\n            date: false\n        });\n\n        // Let's update the visibility\n        const updater = jest.fn().mockImplementation(current => ({ ...current, title: false }));\n        await columnsVisibilityUpdater.update(updater);\n\n        expect(columnsVisibilityPresenter.vm).toEqual({\n            columnsVisibility: {\n                id: true,\n                title: false,\n                date: false\n            }\n        });\n    });\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["ColumnsVisibilityPresenter","Column","ColumnsPresenter","ColumnsRepository","ColumnsVisibilityRepository","ColumnsVisibilityDecorator","ColumnsVisibilityUpdater","defaultGateway","get","jest","fn","set","createMockGateway","describe","columnConfigs","cell","className","header","hideable","name","resizable","size","sortable","visible","beforeEach","clearAllMocks","it","columnsRepo","map","config","createFromConfig","visibilityRepo","repo","columnsPresenter","columnsVisibilityPresenter","init","expect","toBeCalledTimes","vm","toEqual","columnsVisibility","id","title","date","gateway","mockImplementation","columnsVisibilityUpdater","initial","updater","current","update"],"sources":["ColumnsVisibilityPresenter.test.ts"],"sourcesContent":["import { ColumnsVisibilityPresenter } from \"./ColumnsVisibilityPresenter\";\nimport type { IColumnsVisibilityGateway } from \"../gateways\";\nimport type { ColumnConfig } from \"~/config/table/Column\";\nimport { Column, ColumnsPresenter, ColumnsRepository } from \"../Columns\";\nimport { ColumnsVisibilityRepository } from \"./ColumnsVisibilityRepository\";\nimport { ColumnsVisibilityDecorator } from \"./ColumnsVisibilityDecorator\";\nimport { ColumnsVisibilityUpdater } from \"~/components/Table/components/Table/ColumnVisibility/ColumnsVisibilityUpdater\";\n\nconst defaultGateway: IColumnsVisibilityGateway = {\n    get: jest.fn(),\n    set: jest.fn()\n};\n\nconst createMockGateway = ({\n    get,\n    set\n}: Partial<IColumnsVisibilityGateway>): IColumnsVisibilityGateway => ({\n    ...defaultGateway,\n    ...(get && { get }),\n    ...(set && { set })\n});\n\ndescribe(\"ColumnsVisibilityPresenter\", () => {\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            size: 200,\n            sortable: true,\n            visible: true\n        },\n        {\n            cell: \"Title Cell Content\",\n            className: \"title-class\",\n            header: \"Title\",\n            hideable: true,\n            name: \"title\",\n            resizable: true,\n            size: 200,\n            sortable: true,\n            visible: true\n        },\n        {\n            cell: \"Date Cell Content\",\n            className: \"date-class\",\n            header: \"Date\",\n            hideable: true,\n            name: \"date\",\n            resizable: true,\n            size: 200,\n            sortable: true,\n            visible: false\n        }\n    ];\n\n    beforeEach(() => {\n        jest.clearAllMocks();\n    });\n\n    it(\"should return the columns visibility from the column config\", async () => {\n        // Let's create repositories and presenters\n        const columnsRepo = new ColumnsRepository(\n            columnConfigs.map(config => Column.createFromConfig(config))\n        );\n        const visibilityRepo = new ColumnsVisibilityRepository(defaultGateway);\n        const repo = new ColumnsVisibilityDecorator(visibilityRepo, columnsRepo);\n\n        const columnsPresenter = new ColumnsPresenter(repo);\n        const columnsVisibilityPresenter = new ColumnsVisibilityPresenter(columnsPresenter);\n\n        // Let's init the ColumnsPresenter\n        await columnsPresenter.init();\n\n        expect(defaultGateway.get).toBeCalledTimes(1);\n\n        expect(columnsVisibilityPresenter.vm).toEqual({\n            columnsVisibility: {\n                id: true,\n                title: true,\n                date: false\n            }\n        });\n    });\n\n    it(\"should return the columns visibility from both the column configs and the gateway\", async () => {\n        // Let's create a mocked gateway\n        const gateway = createMockGateway({\n            get: jest.fn().mockImplementation(() => ({ title: false }))\n        });\n\n        // Let's create repositories and presenters\n        const columnsRepo = new ColumnsRepository(\n            columnConfigs.map(config => Column.createFromConfig(config))\n        );\n        const visibilityRepo = new ColumnsVisibilityRepository(gateway);\n        const repo = new ColumnsVisibilityDecorator(visibilityRepo, columnsRepo);\n\n        const columnsPresenter = new ColumnsPresenter(repo);\n        const columnsVisibilityPresenter = new ColumnsVisibilityPresenter(columnsPresenter);\n\n        // Let's init the ColumnsPresenter\n        await columnsPresenter.init();\n\n        expect(gateway.get).toBeCalledTimes(1);\n\n        expect(columnsVisibilityPresenter.vm).toEqual({\n            columnsVisibility: {\n                id: true,\n                title: false, // title is defined true in the config, but defined false in the gateway\n                date: false\n            }\n        });\n    });\n\n    it(\"should be able to update the visibility via `ColumnsVisibilityUpdater`\", async () => {\n        // Let's create repositories and presenters\n        const columnsRepo = new ColumnsRepository(\n            columnConfigs.map(config => Column.createFromConfig(config))\n        );\n        const visibilityRepo = new ColumnsVisibilityRepository(defaultGateway);\n        const repo = new ColumnsVisibilityDecorator(visibilityRepo, columnsRepo);\n\n        const columnsPresenter = new ColumnsPresenter(repo);\n        const columnsVisibilityPresenter = new ColumnsVisibilityPresenter(columnsPresenter);\n\n        // Let's create ColumnsVisibilityUpdater\n        const columnsVisibilityUpdater = new ColumnsVisibilityUpdater(visibilityRepo);\n\n        // Let's init the ColumnsPresenter\n        await columnsPresenter.init();\n\n        // Let's check the initial state\n        const initial = columnsVisibilityPresenter.vm.columnsVisibility;\n        expect(initial).toEqual({\n            id: true,\n            title: true,\n            date: false\n        });\n\n        // Let's update the visibility\n        const updater = jest.fn().mockImplementation(current => ({ ...current, title: false }));\n        await columnsVisibilityUpdater.update(updater);\n\n        expect(columnsVisibilityPresenter.vm).toEqual({\n            columnsVisibility: {\n                id: true,\n                title: false,\n                date: false\n            }\n        });\n    });\n});\n"],"mappings":"AAAA,SAASA,0BAA0B;AAGnC,SAASC,MAAM,EAAEC,gBAAgB,EAAEC,iBAAiB;AACpD,SAASC,2BAA2B;AACpC,SAASC,0BAA0B;AACnC,SAASC,wBAAwB;AAEjC,MAAMC,cAAyC,GAAG;EAC9CC,GAAG,EAAEC,IAAI,CAACC,EAAE,CAAC,CAAC;EACdC,GAAG,EAAEF,IAAI,CAACC,EAAE,CAAC;AACjB,CAAC;AAED,MAAME,iBAAiB,GAAGA,CAAC;EACvBJ,GAAG;EACHG;AACgC,CAAC,MAAiC;EAClE,GAAGJ,cAAc;EACjB,IAAIC,GAAG,IAAI;IAAEA;EAAI,CAAC,CAAC;EACnB,IAAIG,GAAG,IAAI;IAAEA;EAAI,CAAC;AACtB,CAAC,CAAC;AAEFE,QAAQ,CAAC,4BAA4B,EAAE,MAAM;EACzC,MAAMC,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,IAAI,EAAE,GAAG;IACTC,QAAQ,EAAE,IAAI;IACdC,OAAO,EAAE;EACb,CAAC,EACD;IACIR,IAAI,EAAE,oBAAoB;IAC1BC,SAAS,EAAE,aAAa;IACxBC,MAAM,EAAE,OAAO;IACfC,QAAQ,EAAE,IAAI;IACdC,IAAI,EAAE,OAAO;IACbC,SAAS,EAAE,IAAI;IACfC,IAAI,EAAE,GAAG;IACTC,QAAQ,EAAE,IAAI;IACdC,OAAO,EAAE;EACb,CAAC,EACD;IACIR,IAAI,EAAE,mBAAmB;IACzBC,SAAS,EAAE,YAAY;IACvBC,MAAM,EAAE,MAAM;IACdC,QAAQ,EAAE,IAAI;IACdC,IAAI,EAAE,MAAM;IACZC,SAAS,EAAE,IAAI;IACfC,IAAI,EAAE,GAAG;IACTC,QAAQ,EAAE,IAAI;IACdC,OAAO,EAAE;EACb,CAAC,CACJ;EAEDC,UAAU,CAAC,MAAM;IACbf,IAAI,CAACgB,aAAa,CAAC,CAAC;EACxB,CAAC,CAAC;EAEFC,EAAE,CAAC,6DAA6D,EAAE,YAAY;IAC1E;IACA,MAAMC,WAAW,GAAG,IAAIxB,iBAAiB,CACrCW,aAAa,CAACc,GAAG,CAACC,MAAM,IAAI5B,MAAM,CAAC6B,gBAAgB,CAACD,MAAM,CAAC,CAC/D,CAAC;IACD,MAAME,cAAc,GAAG,IAAI3B,2BAA2B,CAACG,cAAc,CAAC;IACtE,MAAMyB,IAAI,GAAG,IAAI3B,0BAA0B,CAAC0B,cAAc,EAAEJ,WAAW,CAAC;IAExE,MAAMM,gBAAgB,GAAG,IAAI/B,gBAAgB,CAAC8B,IAAI,CAAC;IACnD,MAAME,0BAA0B,GAAG,IAAIlC,0BAA0B,CAACiC,gBAAgB,CAAC;;IAEnF;IACA,MAAMA,gBAAgB,CAACE,IAAI,CAAC,CAAC;IAE7BC,MAAM,CAAC7B,cAAc,CAACC,GAAG,CAAC,CAAC6B,eAAe,CAAC,CAAC,CAAC;IAE7CD,MAAM,CAACF,0BAA0B,CAACI,EAAE,CAAC,CAACC,OAAO,CAAC;MAC1CC,iBAAiB,EAAE;QACfC,EAAE,EAAE,IAAI;QACRC,KAAK,EAAE,IAAI;QACXC,IAAI,EAAE;MACV;IACJ,CAAC,CAAC;EACN,CAAC,CAAC;EAEFjB,EAAE,CAAC,mFAAmF,EAAE,YAAY;IAChG;IACA,MAAMkB,OAAO,GAAGhC,iBAAiB,CAAC;MAC9BJ,GAAG,EAAEC,IAAI,CAACC,EAAE,CAAC,CAAC,CAACmC,kBAAkB,CAAC,OAAO;QAAEH,KAAK,EAAE;MAAM,CAAC,CAAC;IAC9D,CAAC,CAAC;;IAEF;IACA,MAAMf,WAAW,GAAG,IAAIxB,iBAAiB,CACrCW,aAAa,CAACc,GAAG,CAACC,MAAM,IAAI5B,MAAM,CAAC6B,gBAAgB,CAACD,MAAM,CAAC,CAC/D,CAAC;IACD,MAAME,cAAc,GAAG,IAAI3B,2BAA2B,CAACwC,OAAO,CAAC;IAC/D,MAAMZ,IAAI,GAAG,IAAI3B,0BAA0B,CAAC0B,cAAc,EAAEJ,WAAW,CAAC;IAExE,MAAMM,gBAAgB,GAAG,IAAI/B,gBAAgB,CAAC8B,IAAI,CAAC;IACnD,MAAME,0BAA0B,GAAG,IAAIlC,0BAA0B,CAACiC,gBAAgB,CAAC;;IAEnF;IACA,MAAMA,gBAAgB,CAACE,IAAI,CAAC,CAAC;IAE7BC,MAAM,CAACQ,OAAO,CAACpC,GAAG,CAAC,CAAC6B,eAAe,CAAC,CAAC,CAAC;IAEtCD,MAAM,CAACF,0BAA0B,CAACI,EAAE,CAAC,CAACC,OAAO,CAAC;MAC1CC,iBAAiB,EAAE;QACfC,EAAE,EAAE,IAAI;QACRC,KAAK,EAAE,KAAK;QAAE;QACdC,IAAI,EAAE;MACV;IACJ,CAAC,CAAC;EACN,CAAC,CAAC;EAEFjB,EAAE,CAAC,wEAAwE,EAAE,YAAY;IACrF;IACA,MAAMC,WAAW,GAAG,IAAIxB,iBAAiB,CACrCW,aAAa,CAACc,GAAG,CAACC,MAAM,IAAI5B,MAAM,CAAC6B,gBAAgB,CAACD,MAAM,CAAC,CAC/D,CAAC;IACD,MAAME,cAAc,GAAG,IAAI3B,2BAA2B,CAACG,cAAc,CAAC;IACtE,MAAMyB,IAAI,GAAG,IAAI3B,0BAA0B,CAAC0B,cAAc,EAAEJ,WAAW,CAAC;IAExE,MAAMM,gBAAgB,GAAG,IAAI/B,gBAAgB,CAAC8B,IAAI,CAAC;IACnD,MAAME,0BAA0B,GAAG,IAAIlC,0BAA0B,CAACiC,gBAAgB,CAAC;;IAEnF;IACA,MAAMa,wBAAwB,GAAG,IAAIxC,wBAAwB,CAACyB,cAAc,CAAC;;IAE7E;IACA,MAAME,gBAAgB,CAACE,IAAI,CAAC,CAAC;;IAE7B;IACA,MAAMY,OAAO,GAAGb,0BAA0B,CAACI,EAAE,CAACE,iBAAiB;IAC/DJ,MAAM,CAACW,OAAO,CAAC,CAACR,OAAO,CAAC;MACpBE,EAAE,EAAE,IAAI;MACRC,KAAK,EAAE,IAAI;MACXC,IAAI,EAAE;IACV,CAAC,CAAC;;IAEF;IACA,MAAMK,OAAO,GAAGvC,IAAI,CAACC,EAAE,CAAC,CAAC,CAACmC,kBAAkB,CAACI,OAAO,KAAK;MAAE,GAAGA,OAAO;MAAEP,KAAK,EAAE;IAAM,CAAC,CAAC,CAAC;IACvF,MAAMI,wBAAwB,CAACI,MAAM,CAACF,OAAO,CAAC;IAE9CZ,MAAM,CAACF,0BAA0B,CAACI,EAAE,CAAC,CAACC,OAAO,CAAC;MAC1CC,iBAAiB,EAAE;QACfC,EAAE,EAAE,IAAI;QACRC,KAAK,EAAE,KAAK;QACZC,IAAI,EAAE;MACV;IACJ,CAAC,CAAC;EACN,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}

package/components/Table/components/Table/ColumnVisibility/ColumnsVisibilityRepository.d.ts

@@ -1,5 +1,5 @@
-import { IColumnsVisibilityGateway } from "../gateways/IColumnsVisibilityGateway";
-import { IColumnsVisibilityRepository } from "./IColumnsVisibilityRepository";
+import type { IColumnsVisibilityGateway } from "../gateways/IColumnsVisibilityGateway";
+import type { IColumnsVisibilityRepository } from "./IColumnsVisibilityRepository";
 export declare class ColumnsVisibilityRepository implements IColumnsVisibilityRepository {
     private gateway;
     private state;

package/components/Table/components/Table/ColumnVisibility/ColumnsVisibilityRepository.js.map

@@ -1 +1 @@
-{"version":3,"names":["makeAutoObservable","runInAction","ColumnsVisibilityRepository","constructor","gateway","state","init","visibility","get","getVisibility","update","value","newState","set"],"sources":["ColumnsVisibilityRepository.ts"],"sourcesContent":["import { makeAutoObservable, runInAction } from \"mobx\";\nimport { IColumnsVisibilityGateway } from \"../gateways/IColumnsVisibilityGateway\";\nimport { IColumnsVisibilityRepository } from \"./IColumnsVisibilityRepository\";\n\nexport class ColumnsVisibilityRepository implements IColumnsVisibilityRepository {\n    private gateway: IColumnsVisibilityGateway;\n    private state: Record<string, boolean>;\n\n    constructor(gateway: IColumnsVisibilityGateway) {\n        this.gateway = gateway;\n        this.state = {};\n        makeAutoObservable(this);\n    }\n\n    async init() {\n        const visibility = await this.gateway.get();\n        runInAction(() => {\n            this.state = visibility ?? {};\n        });\n    }\n\n    getVisibility() {\n        return this.state;\n    }\n\n    async update(value: Record<string, boolean>) {\n        const newState = {\n            ...this.state,\n            ...value\n        };\n\n        await this.gateway.set(newState);\n\n        runInAction(() => {\n            this.state = newState;\n        });\n    }\n}\n"],"mappings":"AAAA,SAASA,kBAAkB,EAAEC,WAAW,QAAQ,MAAM;AAItD,OAAO,MAAMC,2BAA2B,CAAyC;EAI7EC,WAAWA,CAACC,OAAkC,EAAE;IAC5C,IAAI,CAACA,OAAO,GAAGA,OAAO;IACtB,IAAI,CAACC,KAAK,GAAG,CAAC,CAAC;IACfL,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEA,MAAMM,IAAIA,CAAA,EAAG;IACT,MAAMC,UAAU,GAAG,MAAM,IAAI,CAACH,OAAO,CAACI,GAAG,CAAC,CAAC;IAC3CP,WAAW,CAAC,MAAM;MACd,IAAI,CAACI,KAAK,GAAGE,UAAU,IAAI,CAAC,CAAC;IACjC,CAAC,CAAC;EACN;EAEAE,aAAaA,CAAA,EAAG;IACZ,OAAO,IAAI,CAACJ,KAAK;EACrB;EAEA,MAAMK,MAAMA,CAACC,KAA8B,EAAE;IACzC,MAAMC,QAAQ,GAAG;MACb,GAAG,IAAI,CAACP,KAAK;MACb,GAAGM;IACP,CAAC;IAED,MAAM,IAAI,CAACP,OAAO,CAACS,GAAG,CAACD,QAAQ,CAAC;IAEhCX,WAAW,CAAC,MAAM;MACd,IAAI,CAACI,KAAK,GAAGO,QAAQ;IACzB,CAAC,CAAC;EACN;AACJ","ignoreList":[]}
+{"version":3,"names":["makeAutoObservable","runInAction","ColumnsVisibilityRepository","constructor","gateway","state","init","visibility","get","getVisibility","update","value","newState","set"],"sources":["ColumnsVisibilityRepository.ts"],"sourcesContent":["import { makeAutoObservable, runInAction } from \"mobx\";\nimport type { IColumnsVisibilityGateway } from \"../gateways/IColumnsVisibilityGateway\";\nimport type { IColumnsVisibilityRepository } from \"./IColumnsVisibilityRepository\";\n\nexport class ColumnsVisibilityRepository implements IColumnsVisibilityRepository {\n    private gateway: IColumnsVisibilityGateway;\n    private state: Record<string, boolean>;\n\n    constructor(gateway: IColumnsVisibilityGateway) {\n        this.gateway = gateway;\n        this.state = {};\n        makeAutoObservable(this);\n    }\n\n    async init() {\n        const visibility = await this.gateway.get();\n        runInAction(() => {\n            this.state = visibility ?? {};\n        });\n    }\n\n    getVisibility() {\n        return this.state;\n    }\n\n    async update(value: Record<string, boolean>) {\n        const newState = {\n            ...this.state,\n            ...value\n        };\n\n        await this.gateway.set(newState);\n\n        runInAction(() => {\n            this.state = newState;\n        });\n    }\n}\n"],"mappings":"AAAA,SAASA,kBAAkB,EAAEC,WAAW,QAAQ,MAAM;AAItD,OAAO,MAAMC,2BAA2B,CAAyC;EAI7EC,WAAWA,CAACC,OAAkC,EAAE;IAC5C,IAAI,CAACA,OAAO,GAAGA,OAAO;IACtB,IAAI,CAACC,KAAK,GAAG,CAAC,CAAC;IACfL,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEA,MAAMM,IAAIA,CAAA,EAAG;IACT,MAAMC,UAAU,GAAG,MAAM,IAAI,CAACH,OAAO,CAACI,GAAG,CAAC,CAAC;IAC3CP,WAAW,CAAC,MAAM;MACd,IAAI,CAACI,KAAK,GAAGE,UAAU,IAAI,CAAC,CAAC;IACjC,CAAC,CAAC;EACN;EAEAE,aAAaA,CAAA,EAAG;IACZ,OAAO,IAAI,CAACJ,KAAK;EACrB;EAEA,MAAMK,MAAMA,CAACC,KAA8B,EAAE;IACzC,MAAMC,QAAQ,GAAG;MACb,GAAG,IAAI,CAACP,KAAK;MACb,GAAGM;IACP,CAAC;IAED,MAAM,IAAI,CAACP,OAAO,CAACS,GAAG,CAACD,QAAQ,CAAC;IAEhCX,WAAW,CAAC,MAAM;MACd,IAAI,CAACI,KAAK,GAAGO,QAAQ;IACzB,CAAC,CAAC;EACN;AACJ","ignoreList":[]}

package/components/Table/components/Table/ColumnVisibility/ColumnsVisibilityRepositoryFactory.d.ts

@@ -1,5 +1,5 @@
 import { ColumnsVisibilityRepository } from "./ColumnsVisibilityRepository";
-import { IColumnsVisibilityGateway } from "../gateways/IColumnsVisibilityGateway";
+import type { IColumnsVisibilityGateway } from "../gateways/IColumnsVisibilityGateway";
 declare class ColumnsVisibilityRepositoryFactory {
     private cache;
     getRepository(namespace: string, gateway: IColumnsVisibilityGateway): ColumnsVisibilityRepository;

package/components/Table/components/Table/ColumnVisibility/ColumnsVisibilityRepositoryFactory.js.map

@@ -1 +1 @@
-{"version":3,"names":["ColumnsVisibilityRepository","ColumnsVisibilityRepositoryFactory","cache","Map","getRepository","namespace","gateway","cacheKey","getCacheKey","has","set","get","columnsVisibilityRepositoryFactory"],"sources":["ColumnsVisibilityRepositoryFactory.ts"],"sourcesContent":["import { ColumnsVisibilityRepository } from \"./ColumnsVisibilityRepository\";\nimport { IColumnsVisibilityGateway } from \"../gateways/IColumnsVisibilityGateway\";\n\nclass ColumnsVisibilityRepositoryFactory {\n    private cache: Map<string, ColumnsVisibilityRepository> = new Map();\n\n    getRepository(namespace: string, gateway: IColumnsVisibilityGateway) {\n        const cacheKey = this.getCacheKey(namespace);\n\n        if (!this.cache.has(cacheKey)) {\n            this.cache.set(cacheKey, new ColumnsVisibilityRepository(gateway));\n        }\n\n        return this.cache.get(cacheKey) as ColumnsVisibilityRepository;\n    }\n\n    private getCacheKey(namespace: string) {\n        return namespace;\n    }\n}\n\nexport const columnsVisibilityRepositoryFactory = new ColumnsVisibilityRepositoryFactory();\n"],"mappings":"AAAA,SAASA,2BAA2B;AAGpC,MAAMC,kCAAkC,CAAC;EAC7BC,KAAK,GAA6C,IAAIC,GAAG,CAAC,CAAC;EAEnEC,aAAaA,CAACC,SAAiB,EAAEC,OAAkC,EAAE;IACjE,MAAMC,QAAQ,GAAG,IAAI,CAACC,WAAW,CAACH,SAAS,CAAC;IAE5C,IAAI,CAAC,IAAI,CAACH,KAAK,CAACO,GAAG,CAACF,QAAQ,CAAC,EAAE;MAC3B,IAAI,CAACL,KAAK,CAACQ,GAAG,CAACH,QAAQ,EAAE,IAAIP,2BAA2B,CAACM,OAAO,CAAC,CAAC;IACtE;IAEA,OAAO,IAAI,CAACJ,KAAK,CAACS,GAAG,CAACJ,QAAQ,CAAC;EACnC;EAEQC,WAAWA,CAACH,SAAiB,EAAE;IACnC,OAAOA,SAAS;EACpB;AACJ;AAEA,OAAO,MAAMO,kCAAkC,GAAG,IAAIX,kCAAkC,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["ColumnsVisibilityRepository","ColumnsVisibilityRepositoryFactory","cache","Map","getRepository","namespace","gateway","cacheKey","getCacheKey","has","set","get","columnsVisibilityRepositoryFactory"],"sources":["ColumnsVisibilityRepositoryFactory.ts"],"sourcesContent":["import { ColumnsVisibilityRepository } from \"./ColumnsVisibilityRepository\";\nimport type { IColumnsVisibilityGateway } from \"../gateways/IColumnsVisibilityGateway\";\n\nclass ColumnsVisibilityRepositoryFactory {\n    private cache: Map<string, ColumnsVisibilityRepository> = new Map();\n\n    getRepository(namespace: string, gateway: IColumnsVisibilityGateway) {\n        const cacheKey = this.getCacheKey(namespace);\n\n        if (!this.cache.has(cacheKey)) {\n            this.cache.set(cacheKey, new ColumnsVisibilityRepository(gateway));\n        }\n\n        return this.cache.get(cacheKey) as ColumnsVisibilityRepository;\n    }\n\n    private getCacheKey(namespace: string) {\n        return namespace;\n    }\n}\n\nexport const columnsVisibilityRepositoryFactory = new ColumnsVisibilityRepositoryFactory();\n"],"mappings":"AAAA,SAASA,2BAA2B;AAGpC,MAAMC,kCAAkC,CAAC;EAC7BC,KAAK,GAA6C,IAAIC,GAAG,CAAC,CAAC;EAEnEC,aAAaA,CAACC,SAAiB,EAAEC,OAAkC,EAAE;IACjE,MAAMC,QAAQ,GAAG,IAAI,CAACC,WAAW,CAACH,SAAS,CAAC;IAE5C,IAAI,CAAC,IAAI,CAACH,KAAK,CAACO,GAAG,CAACF,QAAQ,CAAC,EAAE;MAC3B,IAAI,CAACL,KAAK,CAACQ,GAAG,CAACH,QAAQ,EAAE,IAAIP,2BAA2B,CAACM,OAAO,CAAC,CAAC;IACtE;IAEA,OAAO,IAAI,CAACJ,KAAK,CAACS,GAAG,CAACJ,QAAQ,CAAC;EACnC;EAEQC,WAAWA,CAACH,SAAiB,EAAE;IACnC,OAAOA,SAAS;EACpB;AACJ;AAEA,OAAO,MAAMO,kCAAkC,GAAG,IAAIX,kCAAkC,CAAC,CAAC","ignoreList":[]}

package/components/Table/components/Table/ColumnVisibility/ColumnsVisibilityUpdater.d.ts

@@ -1,6 +1,6 @@
 import type { OnDataTableColumnVisibilityChange } from "@webiny/admin-ui";
-import { IColumnsVisibilityRepository } from "./IColumnsVisibilityRepository";
-import { IColumnsVisibilityUpdater } from "./IColumnsVisibilityUpdater";
+import type { IColumnsVisibilityRepository } from "./IColumnsVisibilityRepository";
+import type { IColumnsVisibilityUpdater } from "./IColumnsVisibilityUpdater";
 export declare class ColumnsVisibilityUpdater implements IColumnsVisibilityUpdater {
     private repository;
     constructor(repository: IColumnsVisibilityRepository);

package/components/Table/components/Table/ColumnVisibility/ColumnsVisibilityUpdater.js.map

@@ -1 +1 @@
-{"version":3,"names":["makeAutoObservable","ColumnsVisibilityUpdater","constructor","repository","update","updaterOrValue","currentVisibility","getVisibility","newVisibility"],"sources":["ColumnsVisibilityUpdater.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport type { OnDataTableColumnVisibilityChange } from \"@webiny/admin-ui\";\nimport { IColumnsVisibilityRepository } from \"./IColumnsVisibilityRepository\";\nimport { IColumnsVisibilityUpdater } from \"./IColumnsVisibilityUpdater\";\n\nexport class ColumnsVisibilityUpdater implements IColumnsVisibilityUpdater {\n    private repository: IColumnsVisibilityRepository;\n\n    constructor(repository: IColumnsVisibilityRepository) {\n        this.repository = repository;\n        makeAutoObservable(this);\n    }\n\n    public update: OnDataTableColumnVisibilityChange = async updaterOrValue => {\n        const currentVisibility = this.repository.getVisibility();\n        let newVisibility = currentVisibility;\n\n        if (typeof updaterOrValue === \"function\") {\n            newVisibility = updaterOrValue(currentVisibility || {});\n        }\n\n        this.repository.update(newVisibility || {});\n    };\n}\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAKzC,OAAO,MAAMC,wBAAwB,CAAsC;EAGvEC,WAAWA,CAACC,UAAwC,EAAE;IAClD,IAAI,CAACA,UAAU,GAAGA,UAAU;IAC5BH,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEOI,MAAM,GAAsC,MAAMC,cAAc,IAAI;IACvE,MAAMC,iBAAiB,GAAG,IAAI,CAACH,UAAU,CAACI,aAAa,CAAC,CAAC;IACzD,IAAIC,aAAa,GAAGF,iBAAiB;IAErC,IAAI,OAAOD,cAAc,KAAK,UAAU,EAAE;MACtCG,aAAa,GAAGH,cAAc,CAACC,iBAAiB,IAAI,CAAC,CAAC,CAAC;IAC3D;IAEA,IAAI,CAACH,UAAU,CAACC,MAAM,CAACI,aAAa,IAAI,CAAC,CAAC,CAAC;EAC/C,CAAC;AACL","ignoreList":[]}
+{"version":3,"names":["makeAutoObservable","ColumnsVisibilityUpdater","constructor","repository","update","updaterOrValue","currentVisibility","getVisibility","newVisibility"],"sources":["ColumnsVisibilityUpdater.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport type { OnDataTableColumnVisibilityChange } from \"@webiny/admin-ui\";\nimport type { IColumnsVisibilityRepository } from \"./IColumnsVisibilityRepository\";\nimport type { IColumnsVisibilityUpdater } from \"./IColumnsVisibilityUpdater\";\n\nexport class ColumnsVisibilityUpdater implements IColumnsVisibilityUpdater {\n    private repository: IColumnsVisibilityRepository;\n\n    constructor(repository: IColumnsVisibilityRepository) {\n        this.repository = repository;\n        makeAutoObservable(this);\n    }\n\n    public update: OnDataTableColumnVisibilityChange = async updaterOrValue => {\n        const currentVisibility = this.repository.getVisibility();\n        let newVisibility = currentVisibility;\n\n        if (typeof updaterOrValue === \"function\") {\n            newVisibility = updaterOrValue(currentVisibility || {});\n        }\n\n        this.repository.update(newVisibility || {});\n    };\n}\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAKzC,OAAO,MAAMC,wBAAwB,CAAsC;EAGvEC,WAAWA,CAACC,UAAwC,EAAE;IAClD,IAAI,CAACA,UAAU,GAAGA,UAAU;IAC5BH,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEOI,MAAM,GAAsC,MAAMC,cAAc,IAAI;IACvE,MAAMC,iBAAiB,GAAG,IAAI,CAACH,UAAU,CAACI,aAAa,CAAC,CAAC;IACzD,IAAIC,aAAa,GAAGF,iBAAiB;IAErC,IAAI,OAAOD,cAAc,KAAK,UAAU,EAAE;MACtCG,aAAa,GAAGH,cAAc,CAACC,iBAAiB,IAAI,CAAC,CAAC,CAAC;IAC3D;IAEA,IAAI,CAACH,UAAU,CAACC,MAAM,CAACI,aAAa,IAAI,CAAC,CAAC,CAAC;EAC/C,CAAC;AACL","ignoreList":[]}

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

@@ -1,5 +1,5 @@
-import { ReactElement } from "react";
-import { ColumnConfig } from "../../../../../config/table/Column";
+import type { ReactElement } from "react";
+import type { ColumnConfig } from "../../../../../config/table/Column";
 export interface ColumnDTO {
     cell: string | ReactElement;
     className: string;

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

@@ -1 +1 @@
-{"version":3,"names":["Column","createFromConfig","config","constructor","data","name","header","cell","size","className","hideable","sortable","resizable","visible"],"sources":["Column.ts"],"sourcesContent":["import { ReactElement } from \"react\";\nimport { ColumnConfig } from \"~/config/table/Column\";\n\nexport interface ColumnDTO {\n    cell: string | ReactElement;\n    className: string;\n    header: string | number | JSX.Element;\n    hideable: boolean;\n    name: string;\n    resizable: boolean;\n    size: number;\n    sortable: boolean;\n    visible: boolean;\n}\n\nexport class Column {\n    public cell: string | ReactElement;\n    public className: string;\n    public header: string | number | JSX.Element;\n    public hideable: boolean;\n    public name: string;\n    public resizable: boolean;\n    public size: number;\n    public sortable: boolean;\n    public visible: boolean;\n\n    static createFromConfig(config: ColumnConfig) {\n        return new Column(config);\n    }\n\n    protected constructor(data: {\n        name: string;\n        header: string | number | JSX.Element;\n        cell: string | ReactElement;\n        size?: number;\n        className?: string;\n        hideable?: boolean;\n        sortable?: boolean;\n        resizable?: boolean;\n        visible?: boolean;\n    }) {\n        this.name = data.name;\n        this.header = data.header;\n        this.cell = data.cell;\n        this.size = data.size || 100;\n        this.className = data.className || \"\";\n        this.hideable = data.hideable ?? true;\n        this.sortable = data.sortable ?? false;\n        this.resizable = data.resizable ?? true;\n        this.visible = data.visible ?? true;\n    }\n}\n"],"mappings":"AAeA,OAAO,MAAMA,MAAM,CAAC;EAWhB,OAAOC,gBAAgBA,CAACC,MAAoB,EAAE;IAC1C,OAAO,IAAIF,MAAM,CAACE,MAAM,CAAC;EAC7B;EAEUC,WAAWA,CAACC,IAUrB,EAAE;IACC,IAAI,CAACC,IAAI,GAAGD,IAAI,CAACC,IAAI;IACrB,IAAI,CAACC,MAAM,GAAGF,IAAI,CAACE,MAAM;IACzB,IAAI,CAACC,IAAI,GAAGH,IAAI,CAACG,IAAI;IACrB,IAAI,CAACC,IAAI,GAAGJ,IAAI,CAACI,IAAI,IAAI,GAAG;IAC5B,IAAI,CAACC,SAAS,GAAGL,IAAI,CAACK,SAAS,IAAI,EAAE;IACrC,IAAI,CAACC,QAAQ,GAAGN,IAAI,CAACM,QAAQ,IAAI,IAAI;IACrC,IAAI,CAACC,QAAQ,GAAGP,IAAI,CAACO,QAAQ,IAAI,KAAK;IACtC,IAAI,CAACC,SAAS,GAAGR,IAAI,CAACQ,SAAS,IAAI,IAAI;IACvC,IAAI,CAACC,OAAO,GAAGT,IAAI,CAACS,OAAO,IAAI,IAAI;EACvC;AACJ","ignoreList":[]}
+{"version":3,"names":["Column","createFromConfig","config","constructor","data","name","header","cell","size","className","hideable","sortable","resizable","visible"],"sources":["Column.ts"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport type { ColumnConfig } from \"~/config/table/Column\";\n\nexport interface ColumnDTO {\n    cell: string | ReactElement;\n    className: string;\n    header: string | number | JSX.Element;\n    hideable: boolean;\n    name: string;\n    resizable: boolean;\n    size: number;\n    sortable: boolean;\n    visible: boolean;\n}\n\nexport class Column {\n    public cell: string | ReactElement;\n    public className: string;\n    public header: string | number | JSX.Element;\n    public hideable: boolean;\n    public name: string;\n    public resizable: boolean;\n    public size: number;\n    public sortable: boolean;\n    public visible: boolean;\n\n    static createFromConfig(config: ColumnConfig) {\n        return new Column(config);\n    }\n\n    protected constructor(data: {\n        name: string;\n        header: string | number | JSX.Element;\n        cell: string | ReactElement;\n        size?: number;\n        className?: string;\n        hideable?: boolean;\n        sortable?: boolean;\n        resizable?: boolean;\n        visible?: boolean;\n    }) {\n        this.name = data.name;\n        this.header = data.header;\n        this.cell = data.cell;\n        this.size = data.size || 100;\n        this.className = data.className || \"\";\n        this.hideable = data.hideable ?? true;\n        this.sortable = data.sortable ?? false;\n        this.resizable = data.resizable ?? true;\n        this.visible = data.visible ?? true;\n    }\n}\n"],"mappings":"AAeA,OAAO,MAAMA,MAAM,CAAC;EAWhB,OAAOC,gBAAgBA,CAACC,MAAoB,EAAE;IAC1C,OAAO,IAAIF,MAAM,CAACE,MAAM,CAAC;EAC7B;EAEUC,WAAWA,CAACC,IAUrB,EAAE;IACC,IAAI,CAACC,IAAI,GAAGD,IAAI,CAACC,IAAI;IACrB,IAAI,CAACC,MAAM,GAAGF,IAAI,CAACE,MAAM;IACzB,IAAI,CAACC,IAAI,GAAGH,IAAI,CAACG,IAAI;IACrB,IAAI,CAACC,IAAI,GAAGJ,IAAI,CAACI,IAAI,IAAI,GAAG;IAC5B,IAAI,CAACC,SAAS,GAAGL,IAAI,CAACK,SAAS,IAAI,EAAE;IACrC,IAAI,CAACC,QAAQ,GAAGN,IAAI,CAACM,QAAQ,IAAI,IAAI;IACrC,IAAI,CAACC,QAAQ,GAAGP,IAAI,CAACO,QAAQ,IAAI,KAAK;IACtC,IAAI,CAACC,SAAS,GAAGR,IAAI,CAACQ,SAAS,IAAI,IAAI;IACvC,IAAI,CAACC,OAAO,GAAGT,IAAI,CAACS,OAAO,IAAI,IAAI;EACvC;AACJ","ignoreList":[]}

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

@@ -1,6 +1,6 @@
-import React from "react";
+import type React from "react";
 import type { DataTableColumn } from "@webiny/admin-ui";
-import { Column, ColumnDTO } from "./Column";
+import type { Column, ColumnDTO } from "./Column";
 export declare class ColumnMapper {
     static toDTO(column: Column | ColumnDTO): ColumnDTO;
     static toDataTable<T>(column: ColumnDTO, cellRenderer: (row: T, cell: string | React.ReactElement) => string | number | JSX.Element | null): DataTableColumn<T>;

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

@@ -1 +1 @@
-{"version":3,"names":["ColumnMapper","toDTO","column","cell","className","header","hideable","name","resizable","size","sortable","visible","toDataTable","cellRenderer","enableHiding","enableResizing","enableSorting","row","undefined"],"sources":["ColumnMapper.ts"],"sourcesContent":["import React from \"react\";\nimport type { DataTableColumn } from \"@webiny/admin-ui\";\nimport { Column, ColumnDTO } from \"./Column\";\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            resizable: column.resizable,\n            size: column.size,\n            sortable: column.sortable,\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 | JSX.Element | null\n    ): DataTableColumn<T> {\n        return {\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            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,SAAS,EAAEN,MAAM,CAACM,SAAS;MAC3BC,IAAI,EAAEP,MAAM,CAACO,IAAI;MACjBC,QAAQ,EAAER,MAAM,CAACQ,QAAQ;MACzBC,OAAO,EAAET,MAAM,CAACS;IACpB,CAAC;EACL;EAEA,OAAOC,WAAWA,CACdV,MAAiB,EACjBW,YAGyC,EACvB;IAClB,OAAO;MACHR,MAAM,EAAEH,MAAM,CAACG,MAAM;MACrBD,SAAS,EAAEF,MAAM,CAACE,SAAS;MAC3BK,IAAI,EAAEP,MAAM,CAACO,IAAI;MACjBK,YAAY,EAAEZ,MAAM,CAACI,QAAQ;MAC7BS,cAAc,EAAEb,MAAM,CAACM,SAAS;MAChCQ,aAAa,EAAEd,MAAM,CAACQ,QAAQ;MAC9BP,IAAI,EAAED,MAAM,CAACC,IAAI,GAAIc,GAAM,IAAKJ,YAAY,CAACI,GAAG,EAAEf,MAAM,CAACC,IAAI,CAAC,GAAGe;IACrE,CAAC;EACL;AACJ","ignoreList":[]}
+{"version":3,"names":["ColumnMapper","toDTO","column","cell","className","header","hideable","name","resizable","size","sortable","visible","toDataTable","cellRenderer","enableHiding","enableResizing","enableSorting","row","undefined"],"sources":["ColumnMapper.ts"],"sourcesContent":["import type React from \"react\";\nimport type { DataTableColumn } from \"@webiny/admin-ui\";\nimport type { Column, ColumnDTO } from \"./Column\";\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            resizable: column.resizable,\n            size: column.size,\n            sortable: column.sortable,\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 | JSX.Element | null\n    ): DataTableColumn<T> {\n        return {\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            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,SAAS,EAAEN,MAAM,CAACM,SAAS;MAC3BC,IAAI,EAAEP,MAAM,CAACO,IAAI;MACjBC,QAAQ,EAAER,MAAM,CAACQ,QAAQ;MACzBC,OAAO,EAAET,MAAM,CAACS;IACpB,CAAC;EACL;EAEA,OAAOC,WAAWA,CACdV,MAAiB,EACjBW,YAGyC,EACvB;IAClB,OAAO;MACHR,MAAM,EAAEH,MAAM,CAACG,MAAM;MACrBD,SAAS,EAAEF,MAAM,CAACE,SAAS;MAC3BK,IAAI,EAAEP,MAAM,CAACO,IAAI;MACjBK,YAAY,EAAEZ,MAAM,CAACI,QAAQ;MAC7BS,cAAc,EAAEb,MAAM,CAACM,SAAS;MAChCQ,aAAa,EAAEd,MAAM,CAACQ,QAAQ;MAC9BP,IAAI,EAAED,MAAM,CAACC,IAAI,GAAIc,GAAM,IAAKJ,YAAY,CAACI,GAAG,EAAEf,MAAM,CAACC,IAAI,CAAC,GAAGe;IACrE,CAAC;EACL;AACJ","ignoreList":[]}

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

@@ -1,4 +1,4 @@
-import { IColumnsRepository } from "./IColumnsRepository";
+import type { IColumnsRepository } from "./IColumnsRepository";
 export declare class ColumnsPresenter {
     private repository;
     constructor(repository: IColumnsRepository);

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 { IColumnsRepository } from \"./IColumnsRepository\";\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,"names":["makeAutoObservable","ColumnsPresenter","constructor","repository","init","vm","columns","getColumns"],"sources":["ColumnsPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport type { IColumnsRepository } from \"./IColumnsRepository\";\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":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["ColumnsPresenter","Column","ColumnsRepository","describe","columnConfigs","cell","className","header","hideable","name","resizable","size","sortable","visible","presenter","beforeEach","jest","clearAllMocks","repository","map","config","createFromConfig","it","init","expect","vm","toEqual","columns"],"sources":["ColumnsPresenter.test.ts"],"sourcesContent":["import { ColumnsPresenter } from \"./ColumnsPresenter\";\nimport { Column } from \"./Column\";\nimport { ColumnConfig } from \"~/config/table/Column\";\nimport { ColumnsRepository } from \"./ColumnsRepository\";\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            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            size: 100,\n            sortable: false,\n            visible: false\n        }\n    ];\n\n    let presenter: ColumnsPresenter;\n\n    beforeEach(() => {\n        jest.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                    resizable: 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                    size: 100,\n                    sortable: false,\n                    visible: false\n                }\n            ]\n        });\n    });\n});\n"],"mappings":"AAAA,SAASA,gBAAgB;AACzB,SAASC,MAAM;AAEf,SAASC,iBAAiB;AAE1BC,QAAQ,CAAC,kBAAkB,EAAE,MAAM;EAC/B,MAAMC,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,IAAI,EAAE,GAAG;IACTC,QAAQ,EAAE,IAAI;IACdC,OAAO,EAAE;EACb,CAAC,EACD;IACIR,IAAI,EAAE,oBAAoB;IAC1BC,SAAS,EAAE,aAAa;IACxBC,MAAM,EAAE,OAAO;IACfC,QAAQ,EAAE,KAAK;IACfC,IAAI,EAAE,OAAO;IACbC,SAAS,EAAE,KAAK;IAChBC,IAAI,EAAE,GAAG;IACTC,QAAQ,EAAE,KAAK;IACfC,OAAO,EAAE;EACb,CAAC,CACJ;EAED,IAAIC,SAA2B;EAE/BC,UAAU,CAAC,MAAM;IACbC,IAAI,CAACC,aAAa,CAAC,CAAC;IACpB,MAAMC,UAAU,GAAG,IAAIhB,iBAAiB,CACpCE,aAAa,CAACe,GAAG,CAACC,MAAM,IAAInB,MAAM,CAACoB,gBAAgB,CAACD,MAAM,CAAC,CAC/D,CAAC;IACDN,SAAS,GAAG,IAAId,gBAAgB,CAACkB,UAAU,CAAC;EAChD,CAAC,CAAC;EAEFI,EAAE,CAAC,+CAA+C,EAAE,MAAM;IACtDR,SAAS,CAACS,IAAI,CAAC,CAAC;IAEhBC,MAAM,CAACV,SAAS,CAACW,EAAE,CAAC,CAACC,OAAO,CAAC;MACzBC,OAAO,EAAE,CACL;QACItB,IAAI,EAAE,iBAAiB;QACvBC,SAAS,EAAE,UAAU;QACrBC,MAAM,EAAE,IAAI;QACZC,QAAQ,EAAE,IAAI;QACdC,IAAI,EAAE,IAAI;QACVC,SAAS,EAAE,IAAI;QACfC,IAAI,EAAE,GAAG;QACTC,QAAQ,EAAE,IAAI;QACdC,OAAO,EAAE;MACb,CAAC,EACD;QACIR,IAAI,EAAE,oBAAoB;QAC1BC,SAAS,EAAE,aAAa;QACxBC,MAAM,EAAE,OAAO;QACfC,QAAQ,EAAE,KAAK;QACfC,IAAI,EAAE,OAAO;QACbC,SAAS,EAAE,KAAK;QAChBC,IAAI,EAAE,GAAG;QACTC,QAAQ,EAAE,KAAK;QACfC,OAAO,EAAE;MACb,CAAC;IAET,CAAC,CAAC;EACN,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["ColumnsPresenter","Column","ColumnsRepository","describe","columnConfigs","cell","className","header","hideable","name","resizable","size","sortable","visible","presenter","beforeEach","jest","clearAllMocks","repository","map","config","createFromConfig","it","init","expect","vm","toEqual","columns"],"sources":["ColumnsPresenter.test.ts"],"sourcesContent":["import { ColumnsPresenter } from \"./ColumnsPresenter\";\nimport { Column } from \"./Column\";\nimport type { ColumnConfig } from \"~/config/table/Column\";\nimport { ColumnsRepository } from \"./ColumnsRepository\";\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            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            size: 100,\n            sortable: false,\n            visible: false\n        }\n    ];\n\n    let presenter: ColumnsPresenter;\n\n    beforeEach(() => {\n        jest.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                    resizable: 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                    size: 100,\n                    sortable: false,\n                    visible: false\n                }\n            ]\n        });\n    });\n});\n"],"mappings":"AAAA,SAASA,gBAAgB;AACzB,SAASC,MAAM;AAEf,SAASC,iBAAiB;AAE1BC,QAAQ,CAAC,kBAAkB,EAAE,MAAM;EAC/B,MAAMC,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,IAAI,EAAE,GAAG;IACTC,QAAQ,EAAE,IAAI;IACdC,OAAO,EAAE;EACb,CAAC,EACD;IACIR,IAAI,EAAE,oBAAoB;IAC1BC,SAAS,EAAE,aAAa;IACxBC,MAAM,EAAE,OAAO;IACfC,QAAQ,EAAE,KAAK;IACfC,IAAI,EAAE,OAAO;IACbC,SAAS,EAAE,KAAK;IAChBC,IAAI,EAAE,GAAG;IACTC,QAAQ,EAAE,KAAK;IACfC,OAAO,EAAE;EACb,CAAC,CACJ;EAED,IAAIC,SAA2B;EAE/BC,UAAU,CAAC,MAAM;IACbC,IAAI,CAACC,aAAa,CAAC,CAAC;IACpB,MAAMC,UAAU,GAAG,IAAIhB,iBAAiB,CACpCE,aAAa,CAACe,GAAG,CAACC,MAAM,IAAInB,MAAM,CAACoB,gBAAgB,CAACD,MAAM,CAAC,CAC/D,CAAC;IACDN,SAAS,GAAG,IAAId,gBAAgB,CAACkB,UAAU,CAAC;EAChD,CAAC,CAAC;EAEFI,EAAE,CAAC,+CAA+C,EAAE,MAAM;IACtDR,SAAS,CAACS,IAAI,CAAC,CAAC;IAEhBC,MAAM,CAACV,SAAS,CAACW,EAAE,CAAC,CAACC,OAAO,CAAC;MACzBC,OAAO,EAAE,CACL;QACItB,IAAI,EAAE,iBAAiB;QACvBC,SAAS,EAAE,UAAU;QACrBC,MAAM,EAAE,IAAI;QACZC,QAAQ,EAAE,IAAI;QACdC,IAAI,EAAE,IAAI;QACVC,SAAS,EAAE,IAAI;QACfC,IAAI,EAAE,GAAG;QACTC,QAAQ,EAAE,IAAI;QACdC,OAAO,EAAE;MACb,CAAC,EACD;QACIR,IAAI,EAAE,oBAAoB;QAC1BC,SAAS,EAAE,aAAa;QACxBC,MAAM,EAAE,OAAO;QACfC,QAAQ,EAAE,KAAK;QACfC,IAAI,EAAE,OAAO;QACbC,SAAS,EAAE,KAAK;QAChBC,IAAI,EAAE,GAAG;QACTC,QAAQ,EAAE,KAAK;QACfC,OAAO,EAAE;MACb,CAAC;IAET,CAAC,CAAC;EACN,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}

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

@@ -1,5 +1,5 @@
-import { ColumnDTO } from "./Column";
-import { IColumnsRepository } from "./IColumnsRepository";
+import type { ColumnDTO } from "./Column";
+import type { IColumnsRepository } from "./IColumnsRepository";
 export declare class ColumnsRepository implements IColumnsRepository {
     private readonly columns;
     constructor(columns: ColumnDTO[]);

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 { ColumnDTO } from \"./Column\";\nimport { IColumnsRepository } from \"./IColumnsRepository\";\n\nexport class ColumnsRepository implements IColumnsRepository {\n    private readonly columns: ColumnDTO[];\n\n    constructor(columns: ColumnDTO[]) {\n        this.columns = columns;\n        makeAutoObservable(this);\n    }\n\n    getColumns(): ColumnDTO[] {\n        return this.sortColumns(this.columns);\n    }\n\n    init(): Promise<void> {\n        return Promise.resolve();\n    }\n\n    private sortColumns(columns: ColumnDTO[]) {\n        return columns\n            .slice()\n            .sort((a, b) => (a.name === \"actions\" ? 1 : b.name === \"actions\" ? -1 : 0));\n    }\n}\n"],"mappings":"AAAA,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,"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\";\nimport type { IColumnsRepository } from \"./IColumnsRepository\";\n\nexport class ColumnsRepository implements IColumnsRepository {\n    private readonly columns: ColumnDTO[];\n\n    constructor(columns: ColumnDTO[]) {\n        this.columns = columns;\n        makeAutoObservable(this);\n    }\n\n    getColumns(): ColumnDTO[] {\n        return this.sortColumns(this.columns);\n    }\n\n    init(): Promise<void> {\n        return Promise.resolve();\n    }\n\n    private sortColumns(columns: ColumnDTO[]) {\n        return columns\n            .slice()\n            .sort((a, b) => (a.name === \"actions\" ? 1 : b.name === \"actions\" ? -1 : 0));\n    }\n}\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAIzC,OAAO,MAAMC,iBAAiB,CAA+B;EAGzDC,WAAWA,CAACC,OAAoB,EAAE;IAC9B,IAAI,CAACA,OAAO,GAAGA,OAAO;IACtBH,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEAI,UAAUA,CAAA,EAAgB;IACtB,OAAO,IAAI,CAACC,WAAW,CAAC,IAAI,CAACF,OAAO,CAAC;EACzC;EAEAG,IAAIA,CAAA,EAAkB;IAClB,OAAOC,OAAO,CAACC,OAAO,CAAC,CAAC;EAC5B;EAEQH,WAAWA,CAACF,OAAoB,EAAE;IACtC,OAAOA,OAAO,CACTM,KAAK,CAAC,CAAC,CACPC,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAMD,CAAC,CAACE,IAAI,KAAK,SAAS,GAAG,CAAC,GAAGD,CAAC,CAACC,IAAI,KAAK,SAAS,GAAG,CAAC,CAAC,GAAG,CAAE,CAAC;EACnF;AACJ","ignoreList":[]}

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

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

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\";\nimport { ColumnDTO } from \"./Column\";\n\nclass ColumnsRepositoryFactory {\n    private cache: Map<string, ColumnsRepository> = new Map();\n\n    getRepository(namespace: string, columns: ColumnDTO[]) {\n        const cacheKey = this.getCacheKey(namespace, columns);\n\n        if (!this.cache.has(cacheKey)) {\n            this.cache.set(cacheKey, new ColumnsRepository(columns));\n        }\n\n        return this.cache.get(cacheKey) as ColumnsRepository;\n    }\n\n    private getCacheKey(namespace: string, columns: ColumnDTO[]) {\n        return [namespace, ...columns.map(column => column.name)].join(\"#\");\n    }\n}\n\nexport const columnsRepositoryFactory = new ColumnsRepositoryFactory();\n"],"mappings":"AAAA,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,"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\";\nimport type { ColumnDTO } from \"./Column\";\n\nclass ColumnsRepositoryFactory {\n    private cache: Map<string, ColumnsRepository> = new Map();\n\n    getRepository(namespace: string, columns: ColumnDTO[]) {\n        const cacheKey = this.getCacheKey(namespace, columns);\n\n        if (!this.cache.has(cacheKey)) {\n            this.cache.set(cacheKey, new ColumnsRepository(columns));\n        }\n\n        return this.cache.get(cacheKey) as ColumnsRepository;\n    }\n\n    private getCacheKey(namespace: string, columns: ColumnDTO[]) {\n        return [namespace, ...columns.map(column => column.name)].join(\"#\");\n    }\n}\n\nexport const columnsRepositoryFactory = new ColumnsRepositoryFactory();\n"],"mappings":"AAAA,SAASA,iBAAiB;AAG1B,MAAMC,wBAAwB,CAAC;EACnBC,KAAK,GAAmC,IAAIC,GAAG,CAAC,CAAC;EAEzDC,aAAaA,CAACC,SAAiB,EAAEC,OAAoB,EAAE;IACnD,MAAMC,QAAQ,GAAG,IAAI,CAACC,WAAW,CAACH,SAAS,EAAEC,OAAO,CAAC;IAErD,IAAI,CAAC,IAAI,CAACJ,KAAK,CAACO,GAAG,CAACF,QAAQ,CAAC,EAAE;MAC3B,IAAI,CAACL,KAAK,CAACQ,GAAG,CAACH,QAAQ,EAAE,IAAIP,iBAAiB,CAACM,OAAO,CAAC,CAAC;IAC5D;IAEA,OAAO,IAAI,CAACJ,KAAK,CAACS,GAAG,CAACJ,QAAQ,CAAC;EACnC;EAEQC,WAAWA,CAACH,SAAiB,EAAEC,OAAoB,EAAE;IACzD,OAAO,CAACD,SAAS,EAAE,GAAGC,OAAO,CAACM,GAAG,CAACC,MAAM,IAAIA,MAAM,CAACC,IAAI,CAAC,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC;EACvE;AACJ;AAEA,OAAO,MAAMC,wBAAwB,GAAG,IAAIf,wBAAwB,CAAC,CAAC","ignoreList":[]}

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

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

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

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

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

@@ -1,5 +1,6 @@
 import React from "react";
-import type { DataTableDefaultData, DataTableSorting, OnDataTableSortingChange } from "@webiny/admin-ui";
+import type { DataTableSorting, OnDataTableSortingChange } from "@webiny/admin-ui";
+import type { TableRow } from "../../../../types";
 export interface TableProps<T> {
     data: T[];
     loading?: boolean;
@@ -8,7 +9,7 @@ export interface TableProps<T> {
     onSelectRow?: (rows: T[] | []) => void;
     onSortingChange: OnDataTableSortingChange;
     onToggleRow?: (row: T) => void;
-    selected: DataTableDefaultData[];
+    selected: TableRow[];
     sorting: DataTableSorting;
 }
-export declare const Table: <T extends Record<string, any> & DataTableDefaultData>({ namespace, ...props }: TableProps<T>) => React.JSX.Element;
+export declare const Table: <T extends TableRow<unknown>>({ namespace, ...props }: TableProps<T>) => React.JSX.Element;

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","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":[]}
+{"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 { DataTableSorting, OnDataTableSortingChange } 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\";\nimport type { TableRow } from \"~/types\";\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: TableRow[];\n    sorting: DataTableSorting;\n}\n\nexport const Table = <T extends TableRow>({ namespace, ...props }: 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;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;AACnB,SAASC,YAAY;AAerB,OAAO,MAAMC,KAAK,GAAGA,CAAqB;EAAEC,SAAS;EAAE,GAAGC;AAAqB,CAAC,KAAK;EACjF,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,9 +1,11 @@
 import React from "react";
-import { type DataTableDefaultData, type DataTableSorting, OnDataTableSortingChange } from "@webiny/admin-ui";
-import { ColumnsPresenter } from "./Columns";
-import { ColumnsVisibilityPresenter, ColumnsVisibilityUpdater } from "./ColumnVisibility";
-import { TablePresenter } from "./TablePresenter";
-export interface TableInnerProps<T> {
+import type { OnDataTableSortingChange } from "@webiny/admin-ui";
+import { type DataTableDefaultData, type DataTableSorting } from "@webiny/admin-ui";
+import type { ColumnsPresenter } from "./Columns";
+import type { ColumnsVisibilityPresenter, ColumnsVisibilityUpdater } from "./ColumnVisibility";
+import type { TablePresenter } from "./TablePresenter";
+import type { TableRow } from "../../../../types";
+export interface TableInnerProps<T extends TableRow> {
     columnsPresenter: ColumnsPresenter;
     columnsVisibilityPresenter: ColumnsVisibilityPresenter;
     columnsVisibilityUpdater: ColumnsVisibilityUpdater;
@@ -17,6 +19,6 @@ export interface TableInnerProps<T> {
     sorting: DataTableSorting;
     tablePresenter: TablePresenter;
 }
-export declare const TableInner: (<T extends Record<string, any> & DataTableDefaultData>(props: TableInnerProps<T>) => React.JSX.Element) & {
+export declare const TableInner: (<T extends TableRow<unknown>>(props: TableInnerProps<T>) => React.JSX.Element) & {
     displayName: string;
 };

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 {\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":[]}
+{"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\";\nimport { ColumnMapper } from \"./Columns\";\nimport type { ColumnsVisibilityPresenter, ColumnsVisibilityUpdater } from \"./ColumnVisibility\";\nimport type { TablePresenter } from \"./TablePresenter\";\nimport { TableRowProvider } from \"~/components\";\nimport type { TableRow } from \"~/types\";\n\nexport interface TableInnerProps<T extends TableRow> {\n    columnsPresenter: ColumnsPresenter;\n    columnsVisibilityPresenter: ColumnsVisibilityPresenter;\n    columnsVisibilityUpdater: ColumnsVisibilityUpdater;\n    data: T[];\n    loading?: boolean;\n    nameColumnId?: string;\n    onSelectRow?: (rows: T[] | []) => void;\n    onSortingChange: OnDataTableSortingChange;\n    onToggleRow?: (row: T) => void;\n    selected: DataTableDefaultData[];\n    sorting: DataTableSorting;\n    tablePresenter: TablePresenter;\n}\n\nexport const TableInner = observer(<T extends TableRow>(props: TableInnerProps<T>) => {\n    const cellRenderer = useCallback(\n        (row: T, cell: string | React.ReactElement): string | number | JSX.Element | null => {\n            if (typeof cell === \"string\") {\n                return cell;\n            }\n\n            return <TableRowProvider row={row}>{cell}</TableRowProvider>;\n        },\n        []\n    );\n\n    const columns = useMemo(() => {\n        return props.columnsPresenter.vm.columns.reduce((result, column) => {\n            const { nameColumnId = \"name\" } = props;\n            const { name: defaultName } = column;\n\n            // Determine the column name, using the provided `nameColumnId` if the default is 'name'\n            const name = defaultName === \"name\" ? nameColumnId : defaultName;\n\n            result[name as keyof DataTableColumns<T>] = ColumnMapper.toDataTable(\n                column,\n                cellRenderer\n            );\n\n            return result;\n        }, {} as DataTableColumns<T>);\n    }, [props.columnsPresenter.vm.columns]);\n\n    return (\n        <DataTable\n            columns={columns}\n            columnVisibility={props.columnsVisibilityPresenter.vm.columnsVisibility}\n            onColumnVisibilityChange={props.columnsVisibilityUpdater.update}\n            data={props.data}\n            initialSorting={props.tablePresenter.vm.initialSorting}\n            isRowSelectable={row => row.original.$selectable ?? false}\n            loading={props.loading}\n            onSelectRow={props.onSelectRow}\n            onSortingChange={props.onSortingChange}\n            onToggleRow={props.onToggleRow}\n            selectedRows={props.data.filter(row => props.selected.find(item => row.id === item.id))}\n            sorting={props.sorting}\n            stickyHeader={true}\n        />\n    );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACnD,SAASC,QAAQ,QAAQ,iBAAiB;AAE1C,SACIC,SAAS,QAIN,kBAAkB;AAEzB,SAASC,YAAY;AAGrB,SAASC,gBAAgB;AAkBzB,OAAO,MAAMC,UAAU,GAAGJ,QAAQ,CAAsBK,KAAyB,IAAK;EAClF,MAAMC,YAAY,GAAGR,WAAW,CAC5B,CAACS,GAAM,EAAEC,IAAiC,KAA2C;IACjF,IAAI,OAAOA,IAAI,KAAK,QAAQ,EAAE;MAC1B,OAAOA,IAAI;IACf;IAEA,oBAAOX,KAAA,CAAAY,aAAA,CAACN,gBAAgB;MAACI,GAAG,EAAEA;IAAI,GAAEC,IAAuB,CAAC;EAChE,CAAC,EACD,EACJ,CAAC;EAED,MAAME,OAAO,GAAGX,OAAO,CAAC,MAAM;IAC1B,OAAOM,KAAK,CAACM,gBAAgB,CAACC,EAAE,CAACF,OAAO,CAACG,MAAM,CAAC,CAACC,MAAM,EAAEC,MAAM,KAAK;MAChE,MAAM;QAAEC,YAAY,GAAG;MAAO,CAAC,GAAGX,KAAK;MACvC,MAAM;QAAEY,IAAI,EAAEC;MAAY,CAAC,GAAGH,MAAM;;MAEpC;MACA,MAAME,IAAI,GAAGC,WAAW,KAAK,MAAM,GAAGF,YAAY,GAAGE,WAAW;MAEhEJ,MAAM,CAACG,IAAI,CAA8B,GAAGf,YAAY,CAACiB,WAAW,CAChEJ,MAAM,EACNT,YACJ,CAAC;MAED,OAAOQ,MAAM;IACjB,CAAC,EAAE,CAAC,CAAwB,CAAC;EACjC,CAAC,EAAE,CAACT,KAAK,CAACM,gBAAgB,CAACC,EAAE,CAACF,OAAO,CAAC,CAAC;EAEvC,oBACIb,KAAA,CAAAY,aAAA,CAACR,SAAS;IACNS,OAAO,EAAEA,OAAQ;IACjBU,gBAAgB,EAAEf,KAAK,CAACgB,0BAA0B,CAACT,EAAE,CAACU,iBAAkB;IACxEC,wBAAwB,EAAElB,KAAK,CAACmB,wBAAwB,CAACC,MAAO;IAChEC,IAAI,EAAErB,KAAK,CAACqB,IAAK;IACjBC,cAAc,EAAEtB,KAAK,CAACuB,cAAc,CAAChB,EAAE,CAACe,cAAe;IACvDE,eAAe,EAAEtB,GAAG,IAAIA,GAAG,CAACuB,QAAQ,CAACC,WAAW,IAAI,KAAM;IAC1DC,OAAO,EAAE3B,KAAK,CAAC2B,OAAQ;IACvBC,WAAW,EAAE5B,KAAK,CAAC4B,WAAY;IAC/BC,eAAe,EAAE7B,KAAK,CAAC6B,eAAgB;IACvCC,WAAW,EAAE9B,KAAK,CAAC8B,WAAY;IAC/BC,YAAY,EAAE/B,KAAK,CAACqB,IAAI,CAACW,MAAM,CAAC9B,GAAG,IAAIF,KAAK,CAACiC,QAAQ,CAACC,IAAI,CAACC,IAAI,IAAIjC,GAAG,CAACkC,EAAE,KAAKD,IAAI,CAACC,EAAE,CAAC,CAAE;IACxFC,OAAO,EAAErC,KAAK,CAACqC,OAAQ;IACvBC,YAAY,EAAE;EAAK,CACtB,CAAC;AAEV,CAAC,CAAC","ignoreList":[]}

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

@@ -1,4 +1,4 @@
-import { DataTableSorting } from "@webiny/admin-ui";
+import type { DataTableSorting } from "@webiny/admin-ui";
 export interface TablePresenterViewModel {
     initialSorting: DataTableSorting;
 }

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"names":["TablePresenter","vm","initialSorting","id","desc"],"sources":["TablePresenter.ts"],"sourcesContent":["import type { 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.d.ts

@@ -1,4 +1,4 @@
-import { IColumnsVisibilityGateway } from "./IColumnsVisibilityGateway";
+import type { IColumnsVisibilityGateway } from "./IColumnsVisibilityGateway";
 export declare class ColumnsVisibilityLocalStorageGateway implements IColumnsVisibilityGateway {
     private localStorage;
     constructor(namespace: string);

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"names":["LocalStorage","ColumnsVisibilityLocalStorageGateway","constructor","namespace","localStorage","get","Promise","resolve","getFromStorage","set","value","setToStorage"],"sources":["ColumnsVisibilityLocalStorageGateway.ts"],"sourcesContent":["import { LocalStorage } from \"./LocalStorage\";\nimport type { 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/createTableData.d.ts

@@ -1,6 +1,6 @@
-import { FolderTableItem, RecordTableItem } from "../../table.types";
-import { FolderItem } from "../../types";
-type Result<T> = Array<RecordTableItem & T>;
-export declare const createRecordsData: <T>(items: T[]) => Result<T>;
-export declare const createFoldersData: (items: FolderItem[]) => FolderTableItem[];
-export {};
+import type { FolderTableRow, RecordTableRow } from "../../table.types";
+import type { FolderItem } from "../../types";
+export declare const createRecordsData: <T extends {
+    id: string;
+}>(items: T[]) => RecordTableRow<T>[];
+export declare const createFoldersData: (items: FolderItem[]) => FolderTableRow[];

package/components/Table/createTableData.js

@@ -1,17 +1,17 @@
 export const createRecordsData = items => {
-  return items.map(item => {
-    return {
-      $type: "RECORD",
-      $selectable: true,
-      ...item
-    };
-  });
+  return items.map(item => ({
+    id: item.id,
+    $type: "RECORD",
+    $selectable: true,
+    data: item
+  }));
 };
 export const createFoldersData = items => {
   return items.map(item => ({
+    id: item.id,
     $type: "FOLDER",
     $selectable: false,
-    ...item
+    data: item
   }));
 };
 

package/components/Table/createTableData.js.map

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"names":["createRecordsData","items","map","item","id","$type","$selectable","data","createFoldersData"],"sources":["createTableData.ts"],"sourcesContent":["import type { FolderTableRow, RecordTableRow } from \"~/table.types\";\nimport type { FolderItem } from \"~/types\";\n\nexport const createRecordsData = <T extends { id: string }>(items: T[]): RecordTableRow<T>[] => {\n    return items.map(item => ({\n        id: item.id,\n        $type: \"RECORD\",\n        $selectable: true,\n        data: item\n    }));\n};\n\nexport const createFoldersData = (items: FolderItem[]): FolderTableRow[] => {\n    return items.map(item => ({\n        id: item.id,\n        $type: \"FOLDER\",\n        $selectable: false,\n        data: item\n    }));\n};\n"],"mappings":"AAGA,OAAO,MAAMA,iBAAiB,GAA8BC,KAAU,IAA0B;EAC5F,OAAOA,KAAK,CAACC,GAAG,CAACC,IAAI,KAAK;IACtBC,EAAE,EAAED,IAAI,CAACC,EAAE;IACXC,KAAK,EAAE,QAAQ;IACfC,WAAW,EAAE,IAAI;IACjBC,IAAI,EAAEJ;EACV,CAAC,CAAC,CAAC;AACP,CAAC;AAED,OAAO,MAAMK,iBAAiB,GAAIP,KAAmB,IAAuB;EACxE,OAAOA,KAAK,CAACC,GAAG,CAACC,IAAI,KAAK;IACtBC,EAAE,EAAED,IAAI,CAACC,EAAE;IACXC,KAAK,EAAE,QAAQ;IACfC,WAAW,EAAE,KAAK;IAClBC,IAAI,EAAEJ;EACV,CAAC,CAAC,CAAC;AACP,CAAC","ignoreList":[]}

package/components/Table/useTableRow.d.ts

@@ -1,13 +1,18 @@
-import React, { ReactNode } from "react";
-import { DataTableDefaultData } from "@webiny/admin-ui";
+import type { Context, ReactNode } from "react";
+import React from "react";
 export interface TableRowContextData<T> {
     row: T;
 }
-export declare const TableRowContext: React.Context<TableRowContextData<any> | undefined>;
+export declare const TableRowContext: Context<TableRowContextData<any> | undefined>;
 interface TableRowProviderProps<T> {
     row: T | undefined;
     children: ReactNode;
 }
 export declare const TableRowProvider: <T>({ row, children }: TableRowProviderProps<T>) => React.JSX.Element | null;
-export declare const createUseTableRow: <TBaseRow = Record<string, any>>() => <TUserRow = Record<string, any>>() => TableRowContextData<TBaseRow & DataTableDefaultData & TUserRow>;
+export declare const createUseTableRow: <TBaseRow = Record<string, any>>() => {
+    (): TableRowContextData<TBaseRow>;
+    <TUserRow>(): TableRowContextData<TBaseRow & {
+        data: TUserRow;
+    }>;
+};
 export {};

package/components/Table/useTableRow.js

@@ -15,13 +15,20 @@ export const TableRowProvider = ({
   }, children);
 };
 export const createUseTableRow = () => {
-  return () => {
+  // 	function useTableRow(): TableRowContextData<TBaseRow>;
+  //  ➜ Handles calls with no generic.
+
+  // 	function useTableRow<TUserRow>(): TableRowContextData<TBaseRow & { data: TUserRow }>;
+  //  ➜ Handles calls with a generic.
+
+  function useTableRow() {
     const context = useContext(TableRowContext);
     if (!context) {
-      throw Error(`TableRowContext is missing in the component tree. Are you using "useTableRow()" hook in the right place?`);
+      throw new Error(`TableRowContext is missing in the component tree. Are you using "useTableRow()" hook in the right place?`);
     }
     return context;
-  };
+  }
+  return useTableRow;
 };
 
 //# sourceMappingURL=useTableRow.js.map

package/components/Table/useTableRow.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","createContext","useContext","TableRowContext","undefined","TableRowProvider","row","children","value","createElement","Provider","createUseTableRow","context","Error"],"sources":["useTableRow.tsx"],"sourcesContent":["import React, { Context, createContext, ReactNode, useContext } from \"react\";\nimport { DataTableDefaultData } from \"@webiny/admin-ui\";\n\nexport interface TableRowContextData<T> {\n    row: T;\n}\n\nexport const TableRowContext = createContext<TableRowContextData<any> | undefined>(undefined);\n\ninterface TableRowProviderProps<T> {\n    row: T | undefined;\n    children: ReactNode;\n}\n\nexport const TableRowProvider = <T,>({ row, children }: TableRowProviderProps<T>) => {\n    if (!row) {\n        return null;\n    }\n\n    const value: TableRowContextData<T> = { row };\n\n    return <TableRowContext.Provider value={value}>{children}</TableRowContext.Provider>;\n};\n\nexport const createUseTableRow = <TBaseRow = Record<string, any>,>() => {\n    return <TUserRow = Record<string, any>,>() => {\n        const context = useContext<TableRowContextData<TBaseRow & DataTableDefaultData & TUserRow>>(\n            TableRowContext as unknown as Context<\n                TableRowContextData<TBaseRow & DataTableDefaultData & TUserRow>\n            >\n        );\n\n        if (!context) {\n            throw Error(\n                `TableRowContext is missing in the component tree. Are you using \"useTableRow()\" hook in the right place?`\n            );\n        }\n\n        return context;\n    };\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAaC,aAAa,EAAaC,UAAU,QAAQ,OAAO;AAO5E,OAAO,MAAMC,eAAe,gBAAGF,aAAa,CAAuCG,SAAS,CAAC;AAO7F,OAAO,MAAMC,gBAAgB,GAAGA,CAAK;EAAEC,GAAG;EAAEC;AAAmC,CAAC,KAAK;EACjF,IAAI,CAACD,GAAG,EAAE;IACN,OAAO,IAAI;EACf;EAEA,MAAME,KAA6B,GAAG;IAAEF;EAAI,CAAC;EAE7C,oBAAON,KAAA,CAAAS,aAAA,CAACN,eAAe,CAACO,QAAQ;IAACF,KAAK,EAAEA;EAAM,GAAED,QAAmC,CAAC;AACxF,CAAC;AAED,OAAO,MAAMI,iBAAiB,GAAGA,CAAA,KAAuC;EACpE,OAAO,MAAuC;IAC1C,MAAMC,OAAO,GAAGV,UAAU,CACtBC,eAGJ,CAAC;IAED,IAAI,CAACS,OAAO,EAAE;MACV,MAAMC,KAAK,CACP,0GACJ,CAAC;IACL;IAEA,OAAOD,OAAO;EAClB,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["React","createContext","useContext","TableRowContext","undefined","TableRowProvider","row","children","value","createElement","Provider","createUseTableRow","useTableRow","context","Error"],"sources":["useTableRow.tsx"],"sourcesContent":["import type { Context, ReactNode } from \"react\";\nimport React, { createContext, useContext } from \"react\";\n\nexport interface TableRowContextData<T> {\n    row: T;\n}\n\nexport const TableRowContext = createContext<TableRowContextData<any> | undefined>(undefined);\n\ninterface TableRowProviderProps<T> {\n    row: T | undefined;\n    children: ReactNode;\n}\n\nexport const TableRowProvider = <T,>({ row, children }: TableRowProviderProps<T>) => {\n    if (!row) {\n        return null;\n    }\n\n    const value: TableRowContextData<T> = { row };\n\n    return <TableRowContext.Provider value={value}>{children}</TableRowContext.Provider>;\n};\n\nexport const createUseTableRow = <TBaseRow = Record<string, any>,>() => {\n    function useTableRow(): TableRowContextData<TBaseRow>;\n\n    // \tfunction useTableRow(): TableRowContextData<TBaseRow>;\n    //  ➜ Handles calls with no generic.\n\n    // \tfunction useTableRow<TUserRow>(): TableRowContextData<TBaseRow & { data: TUserRow }>;\n    //  ➜ Handles calls with a generic.\n\n    function useTableRow<TUserRow>(): TableRowContextData<TBaseRow & { data: TUserRow }>;\n\n    function useTableRow<TUserRow = never>(): TableRowContextData<\n        TUserRow extends never ? TBaseRow : TBaseRow & { data: TUserRow }\n    > {\n        type Combined = TUserRow extends never ? TBaseRow : TBaseRow & { data: TUserRow };\n\n        const context = useContext<TableRowContextData<Combined>>(\n            TableRowContext as unknown as Context<TableRowContextData<Combined>>\n        );\n\n        if (!context) {\n            throw new Error(\n                `TableRowContext is missing in the component tree. Are you using \"useTableRow()\" hook in the right place?`\n            );\n        }\n\n        return context;\n    }\n\n    return useTableRow;\n};\n"],"mappings":"AACA,OAAOA,KAAK,IAAIC,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAMxD,OAAO,MAAMC,eAAe,gBAAGF,aAAa,CAAuCG,SAAS,CAAC;AAO7F,OAAO,MAAMC,gBAAgB,GAAGA,CAAK;EAAEC,GAAG;EAAEC;AAAmC,CAAC,KAAK;EACjF,IAAI,CAACD,GAAG,EAAE;IACN,OAAO,IAAI;EACf;EAEA,MAAME,KAA6B,GAAG;IAAEF;EAAI,CAAC;EAE7C,oBAAON,KAAA,CAAAS,aAAA,CAACN,eAAe,CAACO,QAAQ;IAACF,KAAK,EAAEA;EAAM,GAAED,QAAmC,CAAC;AACxF,CAAC;AAED,OAAO,MAAMI,iBAAiB,GAAGA,CAAA,KAAuC;EAGpE;EACA;;EAEA;EACA;;EAIA,SAASC,WAAWA,CAAA,EAElB;IAGE,MAAMC,OAAO,GAAGX,UAAU,CACtBC,eACJ,CAAC;IAED,IAAI,CAACU,OAAO,EAAE;MACV,MAAM,IAAIC,KAAK,CACX,0GACJ,CAAC;IACL;IAEA,OAAOD,OAAO;EAClB;EAEA,OAAOD,WAAW;AACtB,CAAC","ignoreList":[]}

package/config/AcoConfig.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-export { FieldRendererConfig as AdvancedSearchFieldRendererConfig } from "./advanced-search/FieldRenderer";
-export { ActionConfig as RecordActionConfig } from "./record/Action";
-export { ActionConfig as FolderActionConfig } from "./folder/Action";
-export { ColumnConfig as TableColumnConfig } from "./table/Column";
-export { SortingConfig as TableSortingConfig } from "./table/Sorting";
+export type { FieldRendererConfig as AdvancedSearchFieldRendererConfig } from "./advanced-search/FieldRenderer";
+export type { ActionConfig as RecordActionConfig } from "./record/Action";
+export type { ActionConfig as FolderActionConfig } from "./folder/Action";
+export type { ColumnConfig as TableColumnConfig } from "./table/Column";
+export type { SortingConfig as TableSortingConfig } from "./table/Sorting";
 export declare const AcoConfig: (({ priority, children }: import("@webiny/react-properties").ConfigProps) => import("react").JSX.Element) & {
     AdvancedSearch: {
         FieldRenderer: (({ name, type, element }: import("./advanced-search/FieldRenderer").FieldRendererProps) => import("react").JSX.Element) & {
@@ -24,8 +24,13 @@ export declare const AcoConfig: (({ priority, children }: import("@webiny/react-
     };
     Table: {
         Column: import("react").FC<import("./table/Column").ColumnProps> & {
-            isFolderRow: (row: import("../table.types").BaseTableItem) => row is import("../table.types").FolderTableItem;
-            createUseTableRow: <TBaseRow = Record<string, any>>() => <TUserRow = Record<string, any>>() => import("..").TableRowContextData<TBaseRow & import("@webiny/admin-ui/DataTable/DataTable").DataTableDefaultData & TUserRow>;
+            isFolderRow: (row: import("..").TableRow<unknown>) => row is import("..").FolderTableRow;
+            createUseTableRow: <TBaseRow = Record<string, any>>() => {
+                (): import("..").TableRowContextData<TBaseRow>;
+                <TUserRow>(): import("..").TableRowContextData<TBaseRow & {
+                    data: TUserRow;
+                }>;
+            };
         };
         Sorting: ({ name, field, order }: import("./table/Sorting").SortingProps) => import("react").JSX.Element;
     };

package/config/AcoConfig.js

@@ -4,11 +4,6 @@ import { AdvancedSearch } from "./advanced-search";
 import { Record } from "./record";
 import { Folder } from "./folder";
 import { Table } from "./table";
-export { FieldRendererConfig as AdvancedSearchFieldRendererConfig } from "./advanced-search/FieldRenderer";
-export { ActionConfig as RecordActionConfig } from "./record/Action";
-export { ActionConfig as FolderActionConfig } from "./folder/Action";
-export { ColumnConfig as TableColumnConfig } from "./table/Column";
-export { SortingConfig as TableSortingConfig } from "./table/Sorting";
 const base = createConfigurableComponent("AcoConfig");
 export const AcoConfig = Object.assign(base.Config, {
   AdvancedSearch,