@webiny/app-admin 0.0.0-unstable.496cf268ac → 0.0.0-unstable.5387e5f7c8

package/components/Table/components/Table/ColumnVisibility/ColumnsVisibilityPresenter.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,128 @@
+import { beforeEach, describe, expect, it, vi } from "vitest";
+import { ColumnsVisibilityPresenter } from "./ColumnsVisibilityPresenter.js";
+import { Column, ColumnsPresenter, ColumnsRepository } from "../Columns/index.js";
+import { ColumnsVisibilityRepository } from "./ColumnsVisibilityRepository.js";
+import { ColumnsVisibilityDecorator } from "./ColumnsVisibilityDecorator.js";
+import { ColumnsVisibilityUpdater } from "./ColumnsVisibilityUpdater.js";
+const defaultGateway = {
+    get: vi.fn(),
+    set: vi.fn()
+};
+const createMockGateway = ({ get, set })=>({
+        ...defaultGateway,
+        ...get && {
+            get
+        },
+        ...set && {
+            set
+        }
+    });
+describe("ColumnsVisibilityPresenter", ()=>{
+    const columnConfigs = [
+        {
+            cell: "Id Cell Content",
+            className: "id-class",
+            header: "Id",
+            hideable: true,
+            name: "id",
+            truncate: true,
+            resizable: true,
+            size: 200,
+            sortable: true,
+            visible: true
+        },
+        {
+            cell: "Title Cell Content",
+            className: "title-class",
+            header: "Title",
+            hideable: true,
+            name: "title",
+            truncate: true,
+            resizable: true,
+            size: 200,
+            sortable: true,
+            visible: true
+        },
+        {
+            cell: "Date Cell Content",
+            className: "date-class",
+            header: "Date",
+            hideable: true,
+            name: "date",
+            truncate: true,
+            resizable: true,
+            size: 200,
+            sortable: true,
+            visible: false
+        }
+    ];
+    beforeEach(()=>{
+        vi.clearAllMocks();
+    });
+    it("should return the columns visibility from the column config", async ()=>{
+        const columnsRepo = new ColumnsRepository(columnConfigs.map((config)=>Column.createFromConfig(config)));
+        const visibilityRepo = new ColumnsVisibilityRepository(defaultGateway);
+        const repo = new ColumnsVisibilityDecorator(visibilityRepo, columnsRepo);
+        const columnsPresenter = new ColumnsPresenter(repo);
+        const columnsVisibilityPresenter = new ColumnsVisibilityPresenter(columnsPresenter);
+        await columnsPresenter.init();
+        expect(defaultGateway.get).toBeCalledTimes(1);
+        expect(columnsVisibilityPresenter.vm).toEqual({
+            columnsVisibility: {
+                id: true,
+                title: true,
+                date: false
+            }
+        });
+    });
+    it("should return the columns visibility from both the column configs and the gateway", async ()=>{
+        const gateway = createMockGateway({
+            get: vi.fn().mockImplementation(async ()=>({
+                    title: false
+                }))
+        });
+        const columnsRepo = new ColumnsRepository(columnConfigs.map((config)=>Column.createFromConfig(config)));
+        const visibilityRepo = new ColumnsVisibilityRepository(gateway);
+        const repo = new ColumnsVisibilityDecorator(visibilityRepo, columnsRepo);
+        const columnsPresenter = new ColumnsPresenter(repo);
+        const columnsVisibilityPresenter = new ColumnsVisibilityPresenter(columnsPresenter);
+        await columnsPresenter.init();
+        expect(gateway.get).toBeCalledTimes(1);
+        expect(columnsVisibilityPresenter.vm).toEqual({
+            columnsVisibility: {
+                id: true,
+                title: false,
+                date: false
+            }
+        });
+    });
+    it("should be able to update the visibility via `ColumnsVisibilityUpdater`", async ()=>{
+        const columnsRepo = new ColumnsRepository(columnConfigs.map((config)=>Column.createFromConfig(config)));
+        const visibilityRepo = new ColumnsVisibilityRepository(defaultGateway);
+        const repo = new ColumnsVisibilityDecorator(visibilityRepo, columnsRepo);
+        const columnsPresenter = new ColumnsPresenter(repo);
+        const columnsVisibilityPresenter = new ColumnsVisibilityPresenter(columnsPresenter);
+        const columnsVisibilityUpdater = new ColumnsVisibilityUpdater(visibilityRepo);
+        await columnsPresenter.init();
+        const initial = columnsVisibilityPresenter.vm.columnsVisibility;
+        expect(initial).toEqual({
+            id: true,
+            title: true,
+            date: false
+        });
+        const updater = vi.fn().mockImplementation((current)=>({
+                ...current,
+                title: false
+            }));
+        await columnsVisibilityUpdater.update(updater);
+        expect(columnsVisibilityPresenter.vm).toEqual({
+            columnsVisibility: {
+                id: true,
+                title: false,
+                date: false
+            }
+        });
+    });
+});
+
+//# sourceMappingURL=ColumnsVisibilityPresenter.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components/Table/components/Table/ColumnVisibility/ColumnsVisibilityPresenter.test.js","sources":["../../../../../../src/components/Table/components/Table/ColumnVisibility/ColumnsVisibilityPresenter.test.ts"],"sourcesContent":["import { describe, it, expect, beforeEach, vi } from \"vitest\";\nimport { ColumnsVisibilityPresenter } from \"./ColumnsVisibilityPresenter.js\";\nimport { type IColumnsVisibilityGateway } from \"../gateways/index.js\";\nimport { type ColumnConfig } from \"~/config/table/Column.js\";\nimport { Column, ColumnsPresenter, ColumnsRepository } from \"../Columns/index.js\";\nimport { ColumnsVisibilityRepository } from \"./ColumnsVisibilityRepository.js\";\nimport { ColumnsVisibilityDecorator } from \"./ColumnsVisibilityDecorator.js\";\nimport { ColumnsVisibilityUpdater } from \"./ColumnsVisibilityUpdater.js\";\n\nconst defaultGateway: IColumnsVisibilityGateway = {\n    get: vi.fn<IColumnsVisibilityGateway[\"get\"]>(),\n    set: vi.fn<IColumnsVisibilityGateway[\"set\"]>()\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            truncate: true,\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            truncate: true,\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            truncate: true,\n            resizable: true,\n            size: 200,\n            sortable: true,\n            visible: false\n        }\n    ];\n\n    beforeEach(() => {\n        vi.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: vi\n                .fn<IColumnsVisibilityGateway[\"get\"]>()\n                .mockImplementation(async () => ({ 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 = vi\n            .fn<any>()\n            .mockImplementation((current: any) => ({ ...current, title: false }));\n\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"],"names":["defaultGateway","vi","createMockGateway","get","set","describe","columnConfigs","beforeEach","it","columnsRepo","ColumnsRepository","config","Column","visibilityRepo","ColumnsVisibilityRepository","repo","ColumnsVisibilityDecorator","columnsPresenter","ColumnsPresenter","columnsVisibilityPresenter","ColumnsVisibilityPresenter","expect","gateway","columnsVisibilityUpdater","ColumnsVisibilityUpdater","initial","updater","current"],"mappings":"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"}

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

@@ -0,0 +1,10 @@
+import type { IColumnsVisibilityGateway } from "../gateways/IColumnsVisibilityGateway.js";
+import type { IColumnsVisibilityRepository } from "./IColumnsVisibilityRepository.js";
+export declare class ColumnsVisibilityRepository implements IColumnsVisibilityRepository {
+    private gateway;
+    private state;
+    constructor(gateway: IColumnsVisibilityGateway);
+    init(): Promise<void>;
+    getVisibility(): Record<string, boolean>;
+    update(value: Record<string, boolean>): Promise<void>;
+}

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

@@ -0,0 +1,30 @@
+import { makeAutoObservable, runInAction } from "mobx";
+class ColumnsVisibilityRepository {
+    constructor(gateway){
+        this.gateway = gateway;
+        this.state = {};
+        makeAutoObservable(this);
+    }
+    async init() {
+        const visibility = await this.gateway.get();
+        runInAction(()=>{
+            this.state = visibility ?? {};
+        });
+    }
+    getVisibility() {
+        return this.state;
+    }
+    async update(value) {
+        const newState = {
+            ...this.state,
+            ...value
+        };
+        await this.gateway.set(newState);
+        runInAction(()=>{
+            this.state = newState;
+        });
+    }
+}
+export { ColumnsVisibilityRepository };
+
+//# sourceMappingURL=ColumnsVisibilityRepository.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components/Table/components/Table/ColumnVisibility/ColumnsVisibilityRepository.js","sources":["../../../../../../src/components/Table/components/Table/ColumnVisibility/ColumnsVisibilityRepository.ts"],"sourcesContent":["import { makeAutoObservable, runInAction } from \"mobx\";\nimport type { IColumnsVisibilityGateway } from \"../gateways/IColumnsVisibilityGateway.js\";\nimport type { IColumnsVisibilityRepository } from \"./IColumnsVisibilityRepository.js\";\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"],"names":["ColumnsVisibilityRepository","gateway","makeAutoObservable","visibility","runInAction","value","newState"],"mappings":";AAIO,MAAMA;IAIT,YAAYC,OAAkC,CAAE;QAC5C,IAAI,CAAC,OAAO,GAAGA;QACf,IAAI,CAAC,KAAK,GAAG,CAAC;QACdC,mBAAmB,IAAI;IAC3B;IAEA,MAAM,OAAO;QACT,MAAMC,aAAa,MAAM,IAAI,CAAC,OAAO,CAAC,GAAG;QACzCC,YAAY;YACR,IAAI,CAAC,KAAK,GAAGD,cAAc,CAAC;QAChC;IACJ;IAEA,gBAAgB;QACZ,OAAO,IAAI,CAAC,KAAK;IACrB;IAEA,MAAM,OAAOE,KAA8B,EAAE;QACzC,MAAMC,WAAW;YACb,GAAG,IAAI,CAAC,KAAK;YACb,GAAGD,KAAK;QACZ;QAEA,MAAM,IAAI,CAAC,OAAO,CAAC,GAAG,CAACC;QAEvBF,YAAY;YACR,IAAI,CAAC,KAAK,GAAGE;QACjB;IACJ;AACJ"}

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

@@ -0,0 +1,9 @@
+import { ColumnsVisibilityRepository } from "./ColumnsVisibilityRepository.js";
+import type { IColumnsVisibilityGateway } from "../gateways/IColumnsVisibilityGateway.js";
+declare class ColumnsVisibilityRepositoryFactory {
+    private cache;
+    getRepository(namespace: string, gateway: IColumnsVisibilityGateway): ColumnsVisibilityRepository;
+    private getCacheKey;
+}
+export declare const columnsVisibilityRepositoryFactory: ColumnsVisibilityRepositoryFactory;
+export {};

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

@@ -0,0 +1,18 @@
+import { ColumnsVisibilityRepository } from "./ColumnsVisibilityRepository.js";
+class ColumnsVisibilityRepositoryFactory {
+    getRepository(namespace, gateway) {
+        const cacheKey = this.getCacheKey(namespace);
+        if (!this.cache.has(cacheKey)) this.cache.set(cacheKey, new ColumnsVisibilityRepository(gateway));
+        return this.cache.get(cacheKey);
+    }
+    getCacheKey(namespace) {
+        return namespace;
+    }
+    constructor(){
+        this.cache = new Map();
+    }
+}
+const columnsVisibilityRepositoryFactory = new ColumnsVisibilityRepositoryFactory();
+export { columnsVisibilityRepositoryFactory };
+
+//# sourceMappingURL=ColumnsVisibilityRepositoryFactory.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components/Table/components/Table/ColumnVisibility/ColumnsVisibilityRepositoryFactory.js","sources":["../../../../../../src/components/Table/components/Table/ColumnVisibility/ColumnsVisibilityRepositoryFactory.ts"],"sourcesContent":["import { ColumnsVisibilityRepository } from \"./ColumnsVisibilityRepository.js\";\nimport type { IColumnsVisibilityGateway } from \"../gateways/IColumnsVisibilityGateway.js\";\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"],"names":["ColumnsVisibilityRepositoryFactory","namespace","gateway","cacheKey","ColumnsVisibilityRepository","Map","columnsVisibilityRepositoryFactory"],"mappings":";AAGA,MAAMA;IAGF,cAAcC,SAAiB,EAAEC,OAAkC,EAAE;QACjE,MAAMC,WAAW,IAAI,CAAC,WAAW,CAACF;QAElC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAACE,WAChB,IAAI,CAAC,KAAK,CAAC,GAAG,CAACA,UAAU,IAAIC,4BAA4BF;QAG7D,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAACC;IAC1B;IAEQ,YAAYF,SAAiB,EAAE;QACnC,OAAOA;IACX;;aAdQ,KAAK,GAA6C,IAAII;;AAelE;AAEO,MAAMC,qCAAqC,IAAIN"}

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

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

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

@@ -0,0 +1,16 @@
+import { makeAutoObservable } from "mobx";
+class ColumnsVisibilityUpdater {
+    constructor(repository){
+        this.update = async (updaterOrValue)=>{
+            const currentVisibility = this.repository.getVisibility();
+            let newVisibility = currentVisibility;
+            if ("function" == typeof updaterOrValue) newVisibility = updaterOrValue(currentVisibility || {});
+            this.repository.update(newVisibility || {});
+        };
+        this.repository = repository;
+        makeAutoObservable(this);
+    }
+}
+export { ColumnsVisibilityUpdater };
+
+//# sourceMappingURL=ColumnsVisibilityUpdater.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components/Table/components/Table/ColumnVisibility/ColumnsVisibilityUpdater.js","sources":["../../../../../../src/components/Table/components/Table/ColumnVisibility/ColumnsVisibilityUpdater.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport type { OnDataTableColumnVisibilityChange } from \"@webiny/admin-ui\";\nimport type { IColumnsVisibilityRepository } from \"./IColumnsVisibilityRepository.js\";\nimport type { IColumnsVisibilityUpdater } from \"./IColumnsVisibilityUpdater.js\";\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"],"names":["ColumnsVisibilityUpdater","repository","updaterOrValue","currentVisibility","newVisibility","makeAutoObservable"],"mappings":";AAKO,MAAMA;IAGT,YAAYC,UAAwC,CAAE;aAK/C,MAAM,GAAsC,OAAMC;YACrD,MAAMC,oBAAoB,IAAI,CAAC,UAAU,CAAC,aAAa;YACvD,IAAIC,gBAAgBD;YAEpB,IAAI,AAA0B,cAA1B,OAAOD,gBACPE,gBAAgBF,eAAeC,qBAAqB,CAAC;YAGzD,IAAI,CAAC,UAAU,CAAC,MAAM,CAACC,iBAAiB,CAAC;QAC7C;QAbI,IAAI,CAAC,UAAU,GAAGH;QAClBI,mBAAmB,IAAI;IAC3B;AAYJ"}

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

@@ -0,0 +1,5 @@
+export interface IColumnsVisibilityRepository {
+    init(): Promise<void>;
+    getVisibility(): Record<string, boolean> | undefined;
+    update(value: Record<string, boolean>): Promise<void>;
+}

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

@@ -0,0 +1,4 @@
+import type { OnDataTableColumnVisibilityChange } from "@webiny/admin-ui";
+export interface IColumnsVisibilityUpdater {
+    update: OnDataTableColumnVisibilityChange;
+}

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

@@ -0,0 +1,7 @@
+export type * from "./IColumnsVisibilityRepository.js";
+export type * from "./IColumnsVisibilityUpdater.js";
+export * from "./ColumnsVisibilityDecorator.js";
+export * from "./ColumnsVisibilityPresenter.js";
+export * from "./ColumnsVisibilityRepository.js";
+export * from "./ColumnsVisibilityRepositoryFactory.js";
+export * from "./ColumnsVisibilityUpdater.js";

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

@@ -0,0 +1,5 @@
+export * from "./ColumnsVisibilityDecorator.js";
+export * from "./ColumnsVisibilityPresenter.js";
+export * from "./ColumnsVisibilityRepository.js";
+export * from "./ColumnsVisibilityRepositoryFactory.js";
+export * from "./ColumnsVisibilityUpdater.js";

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

@@ -0,0 +1,42 @@
+import type { ReactElement } from "react";
+import type { ColumnConfig } from "../../../../../config/table/Column.js";
+export interface ColumnDTO {
+    cell: string | ReactElement;
+    className: string;
+    header: string | number | React.JSX.Element;
+    hideable: boolean;
+    name: string;
+    path?: string;
+    resizable: boolean;
+    size: number;
+    sortable: boolean;
+    truncate: boolean;
+    visible: boolean;
+}
+export declare class Column {
+    cell: string | ReactElement;
+    className: string;
+    header: string | number | React.JSX.Element;
+    hideable: boolean;
+    name: string;
+    path?: string;
+    resizable: boolean;
+    size: number;
+    sortable: boolean;
+    truncate: boolean;
+    visible: boolean;
+    static createFromConfig(config: ColumnConfig): Column;
+    protected constructor(data: {
+        name: string;
+        header: string | number | React.JSX.Element;
+        cell: string | ReactElement;
+        size?: number;
+        className?: string;
+        hideable?: boolean;
+        path?: string;
+        sortable?: boolean;
+        truncate?: boolean;
+        resizable?: boolean;
+        visible?: boolean;
+    });
+}

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

@@ -0,0 +1,21 @@
+class Column {
+    static createFromConfig(config) {
+        return new Column(config);
+    }
+    constructor(data){
+        this.name = data.name;
+        this.header = data.header;
+        this.cell = data.cell;
+        this.size = data.size || 100;
+        this.className = data.className || "";
+        this.hideable = data.hideable ?? true;
+        this.path = data.path || "";
+        this.sortable = data.sortable ?? false;
+        this.truncate = data.truncate ?? true;
+        this.resizable = data.resizable ?? true;
+        this.visible = data.visible ?? true;
+    }
+}
+export { Column };
+
+//# sourceMappingURL=Column.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components/Table/components/Table/Columns/Column.js","sources":["../../../../../../src/components/Table/components/Table/Columns/Column.ts"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport type { ColumnConfig } from \"~/config/table/Column.js\";\n\nexport interface ColumnDTO {\n    cell: string | ReactElement;\n    className: string;\n    header: string | number | React.JSX.Element;\n    hideable: boolean;\n    name: string;\n    path?: string;\n    resizable: boolean;\n    size: number;\n    sortable: boolean;\n    truncate: boolean;\n    visible: boolean;\n}\n\nexport class Column {\n    public cell: string | ReactElement;\n    public className: string;\n    public header: string | number | React.JSX.Element;\n    public hideable: boolean;\n    public name: string;\n    public path?: string;\n    public resizable: boolean;\n    public size: number;\n    public sortable: boolean;\n    public truncate: 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 | React.JSX.Element;\n        cell: string | ReactElement;\n        size?: number;\n        className?: string;\n        hideable?: boolean;\n        path?: string;\n        sortable?: boolean;\n        truncate?: 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.path = data.path || \"\";\n        this.sortable = data.sortable ?? false;\n        this.truncate = data.truncate ?? true;\n        this.resizable = data.resizable ?? true;\n        this.visible = data.visible ?? true;\n    }\n}\n"],"names":["Column","config","data"],"mappings":"AAiBO,MAAMA;IAaT,OAAO,iBAAiBC,MAAoB,EAAE;QAC1C,OAAO,IAAID,OAAOC;IACtB;IAEA,YAAsBC,IAYrB,CAAE;QACC,IAAI,CAAC,IAAI,GAAGA,KAAK,IAAI;QACrB,IAAI,CAAC,MAAM,GAAGA,KAAK,MAAM;QACzB,IAAI,CAAC,IAAI,GAAGA,KAAK,IAAI;QACrB,IAAI,CAAC,IAAI,GAAGA,KAAK,IAAI,IAAI;QACzB,IAAI,CAAC,SAAS,GAAGA,KAAK,SAAS,IAAI;QACnC,IAAI,CAAC,QAAQ,GAAGA,KAAK,QAAQ,IAAI;QACjC,IAAI,CAAC,IAAI,GAAGA,KAAK,IAAI,IAAI;QACzB,IAAI,CAAC,QAAQ,GAAGA,KAAK,QAAQ,IAAI;QACjC,IAAI,CAAC,QAAQ,GAAGA,KAAK,QAAQ,IAAI;QACjC,IAAI,CAAC,SAAS,GAAGA,KAAK,SAAS,IAAI;QACnC,IAAI,CAAC,OAAO,GAAGA,KAAK,OAAO,IAAI;IACnC;AACJ"}

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

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

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

@@ -0,0 +1,34 @@
+class ColumnMapper {
+    static toDTO(column) {
+        return {
+            cell: column.cell,
+            className: column.className,
+            header: column.header,
+            hideable: column.hideable,
+            name: column.name,
+            path: column.path,
+            resizable: column.resizable,
+            size: column.size,
+            sortable: column.sortable,
+            truncate: column.truncate,
+            visible: column.visible
+        };
+    }
+    static toDataTable(column, cellRenderer) {
+        const accessorKey = column.path ? `data.${column.path}` : void 0;
+        return {
+            accessorKey,
+            header: column.header,
+            className: column.className,
+            size: column.size,
+            enableHiding: column.hideable,
+            enableResizing: column.resizable,
+            enableSorting: column.sortable,
+            truncate: column.truncate,
+            cell: column.cell ? (row)=>cellRenderer(row, column.cell) : void 0
+        };
+    }
+}
+export { ColumnMapper };
+
+//# sourceMappingURL=ColumnMapper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components/Table/components/Table/Columns/ColumnMapper.js","sources":["../../../../../../src/components/Table/components/Table/Columns/ColumnMapper.ts"],"sourcesContent":["import type React from \"react\";\nimport type { DataTableColumn } from \"@webiny/admin-ui\";\nimport type { Column, ColumnDTO } from \"./Column.js\";\n\nexport class ColumnMapper {\n    static toDTO(column: Column | ColumnDTO): ColumnDTO {\n        return {\n            cell: column.cell,\n            className: column.className,\n            header: column.header,\n            hideable: column.hideable,\n            name: column.name,\n            path: column.path,\n            resizable: column.resizable,\n            size: column.size,\n            sortable: column.sortable,\n            truncate: column.truncate,\n            visible: column.visible\n        };\n    }\n\n    static toDataTable<T>(\n        column: ColumnDTO,\n        cellRenderer: (\n            row: T,\n            cell: string | React.ReactElement\n        ) => string | number | React.JSX.Element | null\n    ): DataTableColumn<T> {\n        // Prefix path with \"data.\" if provided.\n        const accessorKey = column.path ? `data.${column.path}` : undefined;\n\n        return {\n            accessorKey,\n            header: column.header,\n            className: column.className,\n            size: column.size,\n            enableHiding: column.hideable,\n            enableResizing: column.resizable,\n            enableSorting: column.sortable,\n            truncate: column.truncate,\n            cell: column.cell ? (row: T) => cellRenderer(row, column.cell) : undefined\n        };\n    }\n}\n"],"names":["ColumnMapper","column","cellRenderer","accessorKey","undefined","row"],"mappings":"AAIO,MAAMA;IACT,OAAO,MAAMC,MAA0B,EAAa;QAChD,OAAO;YACH,MAAMA,OAAO,IAAI;YACjB,WAAWA,OAAO,SAAS;YAC3B,QAAQA,OAAO,MAAM;YACrB,UAAUA,OAAO,QAAQ;YACzB,MAAMA,OAAO,IAAI;YACjB,MAAMA,OAAO,IAAI;YACjB,WAAWA,OAAO,SAAS;YAC3B,MAAMA,OAAO,IAAI;YACjB,UAAUA,OAAO,QAAQ;YACzB,UAAUA,OAAO,QAAQ;YACzB,SAASA,OAAO,OAAO;QAC3B;IACJ;IAEA,OAAO,YACHA,MAAiB,EACjBC,YAG+C,EAC7B;QAElB,MAAMC,cAAcF,OAAO,IAAI,GAAG,CAAC,KAAK,EAAEA,OAAO,IAAI,EAAE,GAAGG;QAE1D,OAAO;YACHD;YACA,QAAQF,OAAO,MAAM;YACrB,WAAWA,OAAO,SAAS;YAC3B,MAAMA,OAAO,IAAI;YACjB,cAAcA,OAAO,QAAQ;YAC7B,gBAAgBA,OAAO,SAAS;YAChC,eAAeA,OAAO,QAAQ;YAC9B,UAAUA,OAAO,QAAQ;YACzB,MAAMA,OAAO,IAAI,GAAG,CAACI,MAAWH,aAAaG,KAAKJ,OAAO,IAAI,IAAIG;QACrE;IACJ;AACJ"}

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

@@ -0,0 +1,9 @@
+import type { IColumnsRepository } from "./IColumnsRepository.js";
+export declare class ColumnsPresenter {
+    private repository;
+    constructor(repository: IColumnsRepository);
+    init(): Promise<void>;
+    get vm(): {
+        columns: import("./Column.js").ColumnDTO[];
+    };
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"components/Table/components/Table/Columns/ColumnsPresenter.js","sources":["../../../../../../src/components/Table/components/Table/Columns/ColumnsPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport type { IColumnsRepository } from \"./IColumnsRepository.js\";\n\nexport class ColumnsPresenter {\n    private repository: IColumnsRepository;\n\n    constructor(repository: IColumnsRepository) {\n        this.repository = repository;\n        makeAutoObservable(this);\n    }\n\n    async init() {\n        await this.repository.init();\n    }\n\n    get vm() {\n        return {\n            columns: this.repository.getColumns()\n        };\n    }\n}\n"],"names":["ColumnsPresenter","repository","makeAutoObservable"],"mappings":";AAGO,MAAMA;IAGT,YAAYC,UAA8B,CAAE;QACxC,IAAI,CAAC,UAAU,GAAGA;QAClBC,mBAAmB,IAAI;IAC3B;IAEA,MAAM,OAAO;QACT,MAAM,IAAI,CAAC,UAAU,CAAC,IAAI;IAC9B;IAEA,IAAI,KAAK;QACL,OAAO;YACH,SAAS,IAAI,CAAC,UAAU,CAAC,UAAU;QACvC;IACJ;AACJ"}

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

@@ -0,0 +1 @@
+export {};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"components/Table/components/Table/Columns/ColumnsPresenter.test.js","sources":["../../../../../../src/components/Table/components/Table/Columns/ColumnsPresenter.test.ts"],"sourcesContent":["import { describe, it, expect, beforeEach, vi } from \"vitest\";\nimport { ColumnsPresenter } from \"./ColumnsPresenter.js\";\nimport { Column } from \"./Column.js\";\nimport type { ColumnConfig } from \"~/config/table/Column.js\";\nimport { ColumnsRepository } from \"./ColumnsRepository.js\";\n\ndescribe(\"ColumnsPresenter\", () => {\n    const columnConfigs: ColumnConfig[] = [\n        {\n            cell: \"Id Cell Content\",\n            className: \"id-class\",\n            header: \"Id\",\n            hideable: true,\n            name: \"id\",\n            resizable: true,\n            truncate: true,\n            size: 200,\n            sortable: true,\n            visible: true\n        },\n        {\n            cell: \"Title Cell Content\",\n            className: \"title-class\",\n            header: \"Title\",\n            hideable: false,\n            name: \"title\",\n            resizable: false,\n            truncate: true,\n            size: 100,\n            sortable: false,\n            visible: false\n        }\n    ];\n\n    let presenter: ColumnsPresenter;\n\n    beforeEach(() => {\n        vi.clearAllMocks();\n        const repository = new ColumnsRepository(\n            columnConfigs.map(config => Column.createFromConfig(config))\n        );\n        presenter = new ColumnsPresenter(repository);\n    });\n\n    it(\"should `init` and return the columns via `vm`\", () => {\n        presenter.init();\n\n        expect(presenter.vm).toEqual({\n            columns: [\n                {\n                    cell: \"Id Cell Content\",\n                    className: \"id-class\",\n                    header: \"Id\",\n                    hideable: true,\n                    name: \"id\",\n                    path: \"\",\n                    resizable: true,\n                    size: 200,\n                    sortable: true,\n                    truncate: true,\n                    visible: true\n                },\n                {\n                    cell: \"Title Cell Content\",\n                    className: \"title-class\",\n                    header: \"Title\",\n                    hideable: false,\n                    name: \"title\",\n                    path: \"\",\n                    resizable: false,\n                    size: 100,\n                    sortable: false,\n                    truncate: true,\n                    visible: false\n                }\n            ]\n        });\n    });\n});\n"],"names":["describe","columnConfigs","presenter","beforeEach","vi","repository","ColumnsRepository","config","Column","ColumnsPresenter","it","expect"],"mappings":";;;;AAMAA,SAAS,oBAAoB;IACzB,MAAMC,gBAAgC;QAClC;YACI,MAAM;YACN,WAAW;YACX,QAAQ;YACR,UAAU;YACV,MAAM;YACN,WAAW;YACX,UAAU;YACV,MAAM;YACN,UAAU;YACV,SAAS;QACb;QACA;YACI,MAAM;YACN,WAAW;YACX,QAAQ;YACR,UAAU;YACV,MAAM;YACN,WAAW;YACX,UAAU;YACV,MAAM;YACN,UAAU;YACV,SAAS;QACb;KACH;IAED,IAAIC;IAEJC,WAAW;QACPC,GAAG,aAAa;QAChB,MAAMC,aAAa,IAAIC,kBACnBL,cAAc,GAAG,CAACM,CAAAA,SAAUC,OAAO,gBAAgB,CAACD;QAExDL,YAAY,IAAIO,iBAAiBJ;IACrC;IAEAK,GAAG,iDAAiD;QAChDR,UAAU,IAAI;QAEdS,OAAOT,UAAU,EAAE,EAAE,OAAO,CAAC;YACzB,SAAS;gBACL;oBACI,MAAM;oBACN,WAAW;oBACX,QAAQ;oBACR,UAAU;oBACV,MAAM;oBACN,MAAM;oBACN,WAAW;oBACX,MAAM;oBACN,UAAU;oBACV,UAAU;oBACV,SAAS;gBACb;gBACA;oBACI,MAAM;oBACN,WAAW;oBACX,QAAQ;oBACR,UAAU;oBACV,MAAM;oBACN,MAAM;oBACN,WAAW;oBACX,MAAM;oBACN,UAAU;oBACV,UAAU;oBACV,SAAS;gBACb;aACH;QACL;IACJ;AACJ"}

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

@@ -0,0 +1,9 @@
+import type { ColumnDTO } from "./Column.js";
+import type { IColumnsRepository } from "./IColumnsRepository.js";
+export declare class ColumnsRepository implements IColumnsRepository {
+    private readonly columns;
+    constructor(columns: ColumnDTO[]);
+    getColumns(): ColumnDTO[];
+    init(): Promise<void>;
+    private sortColumns;
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"components/Table/components/Table/Columns/ColumnsRepository.js","sources":["../../../../../../src/components/Table/components/Table/Columns/ColumnsRepository.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport type { ColumnDTO } from \"./Column.js\";\nimport type { IColumnsRepository } from \"./IColumnsRepository.js\";\n\nexport class ColumnsRepository implements IColumnsRepository {\n    private readonly columns: ColumnDTO[];\n\n    constructor(columns: ColumnDTO[]) {\n        this.columns = columns;\n        makeAutoObservable(this);\n    }\n\n    getColumns(): ColumnDTO[] {\n        return this.sortColumns(this.columns);\n    }\n\n    init(): Promise<void> {\n        return Promise.resolve();\n    }\n\n    private sortColumns(columns: ColumnDTO[]) {\n        return columns\n            .slice()\n            .sort((a, b) => (a.name === \"actions\" ? 1 : b.name === \"actions\" ? -1 : 0));\n    }\n}\n"],"names":["ColumnsRepository","columns","makeAutoObservable","Promise","a","b"],"mappings":";AAIO,MAAMA;IAGT,YAAYC,OAAoB,CAAE;QAC9B,IAAI,CAAC,OAAO,GAAGA;QACfC,mBAAmB,IAAI;IAC3B;IAEA,aAA0B;QACtB,OAAO,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO;IACxC;IAEA,OAAsB;QAClB,OAAOC,QAAQ,OAAO;IAC1B;IAEQ,YAAYF,OAAoB,EAAE;QACtC,OAAOA,QACF,KAAK,GACL,IAAI,CAAC,CAACG,GAAGC,IAAOD,AAAW,cAAXA,EAAE,IAAI,GAAiB,IAAIC,AAAW,cAAXA,EAAE,IAAI,GAAiB,KAAK;IAChF;AACJ"}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"components/Table/components/Table/Columns/ColumnsRepositoryFactory.js","sources":["../../../../../../src/components/Table/components/Table/Columns/ColumnsRepositoryFactory.ts"],"sourcesContent":["import { ColumnsRepository } from \"./ColumnsRepository.js\";\nimport type { ColumnDTO } from \"./Column.js\";\n\nclass ColumnsRepositoryFactory {\n    private cache: Map<string, ColumnsRepository> = new Map();\n\n    getRepository(namespace: string, columns: ColumnDTO[]) {\n        const cacheKey = this.getCacheKey(namespace, columns);\n\n        if (!this.cache.has(cacheKey)) {\n            this.cache.set(cacheKey, new ColumnsRepository(columns));\n        }\n\n        return this.cache.get(cacheKey) as ColumnsRepository;\n    }\n\n    private getCacheKey(namespace: string, columns: ColumnDTO[]) {\n        return [namespace, ...columns.map(column => column.name)].join(\"#\");\n    }\n}\n\nexport const columnsRepositoryFactory = new ColumnsRepositoryFactory();\n"],"names":["ColumnsRepositoryFactory","namespace","columns","cacheKey","ColumnsRepository","column","Map","columnsRepositoryFactory"],"mappings":";AAGA,MAAMA;IAGF,cAAcC,SAAiB,EAAEC,OAAoB,EAAE;QACnD,MAAMC,WAAW,IAAI,CAAC,WAAW,CAACF,WAAWC;QAE7C,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAACC,WAChB,IAAI,CAAC,KAAK,CAAC,GAAG,CAACA,UAAU,IAAIC,kBAAkBF;QAGnD,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAACC;IAC1B;IAEQ,YAAYF,SAAiB,EAAEC,OAAoB,EAAE;QACzD,OAAO;YAACD;eAAcC,QAAQ,GAAG,CAACG,CAAAA,SAAUA,OAAO,IAAI;SAAE,CAAC,IAAI,CAAC;IACnE;;aAdQ,KAAK,GAAmC,IAAIC;;AAexD;AAEO,MAAMC,2BAA2B,IAAIP"}