@webiny/app-aco 6.0.0-alpha.5 → 6.0.0-rc.0

package/components/FolderTree/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","Tooltip","useGetFolderHierarchy","useGetFolderLevelPermission","ButtonCreate","Loader","List","ROOT_FOLDER","AcoWithConfig","FolderTree","focusedFolderId","hiddenFolderIds","enableActions","enableCreate","onFolderClick","rootFolderLabel","folders","getIsFolderLoading","getFolderLevelPermission","canManageStructure","localFolders","map","item","id","title","createButton","canCreate","button","createElement","disabled","content","trigger","className"],"sources":["index.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Tooltip } from \"@webiny/admin-ui\";\nimport { useGetFolderHierarchy, useGetFolderLevelPermission } from \"~/features\";\nimport { ButtonCreate } from \"./ButtonCreate\";\nimport { Loader } from \"./Loader\";\nimport { List } from \"./List\";\nimport type { FolderItem } from \"~/types\";\nimport { ROOT_FOLDER } from \"~/constants\";\nimport { AcoWithConfig } from \"~/config\";\n\nexport { Loader };\n\nexport interface FolderTreeProps {\n    onFolderClick: (data: FolderItem) => void;\n    enableCreate?: boolean;\n    rootFolderLabel?: string;\n    enableActions?: boolean;\n    focusedFolderId?: string;\n    hiddenFolderIds?: string[];\n}\n\nexport const FolderTree = ({\n    focusedFolderId,\n    hiddenFolderIds,\n    enableActions,\n    enableCreate,\n    onFolderClick,\n    rootFolderLabel\n}: FolderTreeProps) => {\n    const { folders, getIsFolderLoading } = useGetFolderHierarchy();\n    const { getFolderLevelPermission: canManageStructure } =\n        useGetFolderLevelPermission(\"canManageStructure\");\n\n    const localFolders = useMemo(() => {\n        if (!folders) {\n            return [];\n        }\n\n        return folders.map(item =>\n            item.id === ROOT_FOLDER && rootFolderLabel ? { ...item, title: rootFolderLabel } : item\n        );\n    }, [folders, rootFolderLabel]);\n\n    const createButton = useMemo(() => {\n        if (!enableCreate) {\n            return null;\n        }\n\n        const canCreate = canManageStructure(focusedFolderId!);\n        const button = <ButtonCreate disabled={!canCreate} />;\n\n        return canCreate ? (\n            button\n        ) : (\n            <Tooltip\n                content={`Cannot create folder because you're not an owner.`}\n                trigger={button}\n            />\n        );\n    }, [enableCreate, canManageStructure, focusedFolderId, localFolders]);\n\n    if (getIsFolderLoading()) {\n        return <Loader />;\n    }\n\n    return (\n        <div className=\"wby-my-xs\">\n            <AcoWithConfig>\n                <List\n                    folders={localFolders}\n                    onFolderClick={onFolderClick}\n                    focusedFolderId={focusedFolderId}\n                    hiddenFolderIds={hiddenFolderIds}\n                    enableActions={enableActions}\n                />\n                {enableCreate && (\n                    <div className={\"wby-m-xs-plus wby-mt-sm-plus wby-mb-lg wby-pl-sm-extra\"}>\n                        {createButton}\n                    </div>\n                )}\n            </AcoWithConfig>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,OAAO,QAAQ,kBAAkB;AAC1C,SAASC,qBAAqB,EAAEC,2BAA2B;AAC3D,SAASC,YAAY;AACrB,SAASC,MAAM;AACf,SAASC,IAAI;AAEb,SAASC,WAAW;AACpB,SAASC,aAAa;AAEtB,SAASH,MAAM;AAWf,OAAO,MAAMI,UAAU,GAAGA,CAAC;EACvBC,eAAe;EACfC,eAAe;EACfC,aAAa;EACbC,YAAY;EACZC,aAAa;EACbC;AACa,CAAC,KAAK;EACnB,MAAM;IAAEC,OAAO;IAAEC;EAAmB,CAAC,GAAGf,qBAAqB,CAAC,CAAC;EAC/D,MAAM;IAAEgB,wBAAwB,EAAEC;EAAmB,CAAC,GAClDhB,2BAA2B,CAAC,oBAAoB,CAAC;EAErD,MAAMiB,YAAY,GAAGpB,OAAO,CAAC,MAAM;IAC/B,IAAI,CAACgB,OAAO,EAAE;MACV,OAAO,EAAE;IACb;IAEA,OAAOA,OAAO,CAACK,GAAG,CAACC,IAAI,IACnBA,IAAI,CAACC,EAAE,KAAKhB,WAAW,IAAIQ,eAAe,GAAG;MAAE,GAAGO,IAAI;MAAEE,KAAK,EAAET;IAAgB,CAAC,GAAGO,IACvF,CAAC;EACL,CAAC,EAAE,CAACN,OAAO,EAAED,eAAe,CAAC,CAAC;EAE9B,MAAMU,YAAY,GAAGzB,OAAO,CAAC,MAAM;IAC/B,IAAI,CAACa,YAAY,EAAE;MACf,OAAO,IAAI;IACf;IAEA,MAAMa,SAAS,GAAGP,kBAAkB,CAACT,eAAgB,CAAC;IACtD,MAAMiB,MAAM,gBAAG5B,KAAA,CAAA6B,aAAA,CAACxB,YAAY;MAACyB,QAAQ,EAAE,CAACH;IAAU,CAAE,CAAC;IAErD,OAAOA,SAAS,GACZC,MAAM,gBAEN5B,KAAA,CAAA6B,aAAA,CAAC3B,OAAO;MACJ6B,OAAO,EAAE,mDAAoD;MAC7DC,OAAO,EAAEJ;IAAO,CACnB,CACJ;EACL,CAAC,EAAE,CAACd,YAAY,EAAEM,kBAAkB,EAAET,eAAe,EAAEU,YAAY,CAAC,CAAC;EAErE,IAAIH,kBAAkB,CAAC,CAAC,EAAE;IACtB,oBAAOlB,KAAA,CAAA6B,aAAA,CAACvB,MAAM,MAAE,CAAC;EACrB;EAEA,oBACIN,KAAA,CAAA6B,aAAA;IAAKI,SAAS,EAAC;EAAW,gBACtBjC,KAAA,CAAA6B,aAAA,CAACpB,aAAa,qBACVT,KAAA,CAAA6B,aAAA,CAACtB,IAAI;IACDU,OAAO,EAAEI,YAAa;IACtBN,aAAa,EAAEA,aAAc;IAC7BJ,eAAe,EAAEA,eAAgB;IACjCC,eAAe,EAAEA,eAAgB;IACjCC,aAAa,EAAEA;EAAc,CAChC,CAAC,EACDC,YAAY,iBACTd,KAAA,CAAA6B,aAAA;IAAKI,SAAS,EAAE;EAAyD,GACpEP,YACA,CAEE,CACd,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useMemo","Tooltip","useGetFolderLevelPermission","useLoadFolderHierarchy","ButtonCreate","Loader","List","ROOT_FOLDER","FolderTree","folderActions","focusedFolderId","hiddenFolderIds","enableActions","enableCreate","onFolderClick","dropConfirmation","rootFolderLabel","folders","getIsFolderLoading","getFolderLevelPermission","canManageStructure","localFolders","map","item","id","title","createButton","canCreate","button","createElement","disabled","content","trigger","className"],"sources":["index.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Tooltip } from \"@webiny/admin-ui\";\nimport type { FolderDto } from \"~/domain/folder/FolderDto.js\";\nimport { useGetFolderLevelPermission } from \"~/features/folders/getFolderLevelPermission/index.js\";\nimport { useLoadFolderHierarchy } from \"~/features/folders/loadFolderHierarchy/index.js\";\nimport { ButtonCreate } from \"./ButtonCreate/index.js\";\nimport { Loader } from \"./Loader/index.js\";\nimport { List } from \"./List/index.js\";\nimport { ROOT_FOLDER } from \"~/constants.js\";\nimport type { FolderActionConfig } from \"~/config/AcoConfig.js\";\n\nexport { Loader };\n\nexport interface FolderTreeProps {\n    folderActions?: FolderActionConfig[];\n    onFolderClick: (data: FolderDto) => void;\n    enableCreate?: boolean;\n    rootFolderLabel?: string;\n    enableActions?: boolean;\n    dropConfirmation?: boolean;\n    focusedFolderId?: string;\n    hiddenFolderIds?: string[];\n}\n\nexport const FolderTree = ({\n    folderActions = [],\n    focusedFolderId,\n    hiddenFolderIds,\n    enableActions,\n    enableCreate,\n    onFolderClick,\n    dropConfirmation,\n    rootFolderLabel\n}: FolderTreeProps) => {\n    const { folders, getIsFolderLoading } = useLoadFolderHierarchy();\n    const { getFolderLevelPermission: canManageStructure } =\n        useGetFolderLevelPermission(\"canManageStructure\");\n\n    const localFolders = useMemo(() => {\n        if (!folders) {\n            return [];\n        }\n\n        return folders.map(item =>\n            item.id === ROOT_FOLDER && rootFolderLabel ? { ...item, title: rootFolderLabel } : item\n        );\n    }, [folders, rootFolderLabel]);\n\n    const createButton = useMemo(() => {\n        if (!enableCreate) {\n            return null;\n        }\n\n        const canCreate = canManageStructure(focusedFolderId!);\n        const button = <ButtonCreate disabled={!canCreate} />;\n\n        return canCreate ? (\n            button\n        ) : (\n            <Tooltip\n                content={`Cannot create folder because you're not an owner.`}\n                trigger={button}\n            />\n        );\n    }, [enableCreate, canManageStructure, focusedFolderId, localFolders]);\n\n    if (getIsFolderLoading()) {\n        return <Loader />;\n    }\n\n    return (\n        <div className=\"my-xs\">\n            <List\n                dropConfirmation={dropConfirmation}\n                folders={localFolders}\n                folderActions={folderActions}\n                onFolderClick={onFolderClick}\n                focusedFolderId={focusedFolderId}\n                hiddenFolderIds={hiddenFolderIds}\n                enableActions={enableActions}\n            />\n            {enableCreate && (\n                <div className={\"m-xs-plus mt-sm-plus mb-lg pl-sm-extra\"}>{createButton}</div>\n            )}\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,OAAO,QAAQ,kBAAkB;AAE1C,SAASC,2BAA2B;AACpC,SAASC,sBAAsB;AAC/B,SAASC,YAAY;AACrB,SAASC,MAAM;AACf,SAASC,IAAI;AACb,SAASC,WAAW;AAGpB,SAASF,MAAM;AAaf,OAAO,MAAMG,UAAU,GAAGA,CAAC;EACvBC,aAAa,GAAG,EAAE;EAClBC,eAAe;EACfC,eAAe;EACfC,aAAa;EACbC,YAAY;EACZC,aAAa;EACbC,gBAAgB;EAChBC;AACa,CAAC,KAAK;EACnB,MAAM;IAAEC,OAAO;IAAEC;EAAmB,CAAC,GAAGf,sBAAsB,CAAC,CAAC;EAChE,MAAM;IAAEgB,wBAAwB,EAAEC;EAAmB,CAAC,GAClDlB,2BAA2B,CAAC,oBAAoB,CAAC;EAErD,MAAMmB,YAAY,GAAGrB,OAAO,CAAC,MAAM;IAC/B,IAAI,CAACiB,OAAO,EAAE;MACV,OAAO,EAAE;IACb;IAEA,OAAOA,OAAO,CAACK,GAAG,CAACC,IAAI,IACnBA,IAAI,CAACC,EAAE,KAAKjB,WAAW,IAAIS,eAAe,GAAG;MAAE,GAAGO,IAAI;MAAEE,KAAK,EAAET;IAAgB,CAAC,GAAGO,IACvF,CAAC;EACL,CAAC,EAAE,CAACN,OAAO,EAAED,eAAe,CAAC,CAAC;EAE9B,MAAMU,YAAY,GAAG1B,OAAO,CAAC,MAAM;IAC/B,IAAI,CAACa,YAAY,EAAE;MACf,OAAO,IAAI;IACf;IAEA,MAAMc,SAAS,GAAGP,kBAAkB,CAACV,eAAgB,CAAC;IACtD,MAAMkB,MAAM,gBAAG7B,KAAA,CAAA8B,aAAA,CAACzB,YAAY;MAAC0B,QAAQ,EAAE,CAACH;IAAU,CAAE,CAAC;IAErD,OAAOA,SAAS,GACZC,MAAM,gBAEN7B,KAAA,CAAA8B,aAAA,CAAC5B,OAAO;MACJ8B,OAAO,EAAE,mDAAoD;MAC7DC,OAAO,EAAEJ;IAAO,CACnB,CACJ;EACL,CAAC,EAAE,CAACf,YAAY,EAAEO,kBAAkB,EAAEV,eAAe,EAAEW,YAAY,CAAC,CAAC;EAErE,IAAIH,kBAAkB,CAAC,CAAC,EAAE;IACtB,oBAAOnB,KAAA,CAAA8B,aAAA,CAACxB,MAAM,MAAE,CAAC;EACrB;EAEA,oBACIN,KAAA,CAAA8B,aAAA;IAAKI,SAAS,EAAC;EAAO,gBAClBlC,KAAA,CAAA8B,aAAA,CAACvB,IAAI;IACDS,gBAAgB,EAAEA,gBAAiB;IACnCE,OAAO,EAAEI,YAAa;IACtBZ,aAAa,EAAEA,aAAc;IAC7BK,aAAa,EAAEA,aAAc;IAC7BJ,eAAe,EAAEA,eAAgB;IACjCC,eAAe,EAAEA,eAAgB;IACjCC,aAAa,EAAEA;EAAc,CAChC,CAAC,EACDC,YAAY,iBACTd,KAAA,CAAA8B,aAAA;IAAKI,SAAS,EAAE;EAAyC,GAAEP,YAAkB,CAEhF,CAAC;AAEd,CAAC","ignoreList":[]}

package/components/Search/Search.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 interface SearchProps {
     value: string;
     onChange: (value: string) => void;
-    placeholder?: string;
+    placeholder: string;
 }
 export declare const Search: ({ value, onChange, placeholder }: SearchProps) => React.JSX.Element;
 export {};

package/components/Search/Search.js

@@ -16,7 +16,7 @@ export const Search = ({
       label: "Search",
       icon: /*#__PURE__*/React.createElement(SearchIcon, null)
     }),
-    className: "wby-w-full"
+    className: "w-full"
   });
 };
 

package/components/Search/Search.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Icon","Input","ReactComponent","SearchIcon","Search","value","onChange","placeholder","createElement","size","variant","startIcon","label","icon","className"],"sources":["Search.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, Input } from \"@webiny/admin-ui\";\nimport { ReactComponent as SearchIcon } from \"@webiny/icons/search.svg\";\n\ninterface SearchProps {\n    value: string;\n    onChange: (value: string) => void;\n    placeholder?: string;\n}\n\nexport const Search = ({ value, onChange, placeholder }: SearchProps) => {\n    return (\n        <Input\n            value={value}\n            onChange={onChange}\n            placeholder={placeholder}\n            size={\"md\"}\n            variant={\"ghost\"}\n            startIcon={<Icon label={\"Search\"} icon={<SearchIcon />} />}\n            className={\"wby-w-full\"}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,KAAK,QAAQ,kBAAkB;AAC9C,SAASC,cAAc,IAAIC,UAAU,QAAQ,0BAA0B;AAQvE,OAAO,MAAMC,MAAM,GAAGA,CAAC;EAAEC,KAAK;EAAEC,QAAQ;EAAEC;AAAyB,CAAC,KAAK;EACrE,oBACIR,KAAA,CAAAS,aAAA,CAACP,KAAK;IACFI,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA,QAAS;IACnBC,WAAW,EAAEA,WAAY;IACzBE,IAAI,EAAE,IAAK;IACXC,OAAO,EAAE,OAAQ;IACjBC,SAAS,eAAEZ,KAAA,CAAAS,aAAA,CAACR,IAAI;MAACY,KAAK,EAAE,QAAS;MAACC,IAAI,eAAEd,KAAA,CAAAS,aAAA,CAACL,UAAU,MAAE;IAAE,CAAE,CAAE;IAC3DW,SAAS,EAAE;EAAa,CAC3B,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Icon","Input","ReactComponent","SearchIcon","Search","value","onChange","placeholder","createElement","size","variant","startIcon","label","icon","className"],"sources":["Search.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, Input } from \"@webiny/admin-ui\";\nimport { ReactComponent as SearchIcon } from \"@webiny/icons/search.svg\";\n\ninterface SearchProps {\n    value: string;\n    onChange: (value: string) => void;\n    placeholder: string;\n}\n\nexport const Search = ({ value, onChange, placeholder }: SearchProps) => {\n    return (\n        <Input\n            value={value}\n            onChange={onChange}\n            placeholder={placeholder}\n            size={\"md\"}\n            variant={\"ghost\"}\n            startIcon={<Icon label={\"Search\"} icon={<SearchIcon />} />}\n            className={\"w-full\"}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,KAAK,QAAQ,kBAAkB;AAC9C,SAASC,cAAc,IAAIC,UAAU,QAAQ,0BAA0B;AAQvE,OAAO,MAAMC,MAAM,GAAGA,CAAC;EAAEC,KAAK;EAAEC,QAAQ;EAAEC;AAAyB,CAAC,KAAK;EACrE,oBACIR,KAAA,CAAAS,aAAA,CAACP,KAAK;IACFI,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA,QAAS;IACnBC,WAAW,EAAEA,WAAY;IACzBE,IAAI,EAAE,IAAK;IACXC,OAAO,EAAE,OAAQ;IACjBC,SAAS,eAAEZ,KAAA,CAAAS,aAAA,CAACR,IAAI;MAACY,KAAK,EAAE,QAAS;MAACC,IAAI,eAAEd,KAAA,CAAAS,aAAA,CAACL,UAAU,MAAE;IAAE,CAAE,CAAE;IAC3DW,SAAS,EAAE;EAAS,CACvB,CAAC;AAEV,CAAC","ignoreList":[]}

package/components/Search/index.d.ts

@@ -1 +1 @@
-export * from "./Search";
+export * from "./Search.js";

package/components/Search/index.js

@@ -1,3 +1,3 @@
-export * from "./Search";
+export * from "./Search.js";
 
 //# sourceMappingURL=index.js.map

package/components/Search/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./Search\";\n"],"mappings":"AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./Search.js\";\n"],"mappings":"AAAA","ignoreList":[]}

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

@@ -1,9 +1,9 @@
-import type { IColumnsVisibilityRepository } from "./IColumnsVisibilityRepository";
-import type { IColumnsRepository } from "../Columns";
+import type { IColumnsVisibilityRepository } from "./IColumnsVisibilityRepository.js";
+import type { IColumnsRepository } from "../Columns/index.js";
 export declare class ColumnsVisibilityDecorator implements IColumnsRepository {
     private columnsVisibilityRepository;
     private columnsRepository;
     constructor(visibilityRepository: IColumnsVisibilityRepository, columnsRepository: IColumnsRepository);
     init(): Promise<void>;
-    getColumns(): import("../Columns").ColumnDTO[];
+    getColumns(): import("../Columns/Column.js").ColumnDTO[];
 }

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

@@ -1 +1 @@
-{"version":3,"names":["makeAutoObservable","ColumnsVisibilityDecorator","constructor","visibilityRepository","columnsRepository","columnsVisibilityRepository","init","getColumns","columns","visibility","getVisibility","map","column","visible","name"],"sources":["ColumnsVisibilityDecorator.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport type { IColumnsVisibilityRepository } from \"./IColumnsVisibilityRepository\";\nimport type { IColumnsRepository } from \"../Columns\";\n\nexport class ColumnsVisibilityDecorator implements IColumnsRepository {\n    private columnsVisibilityRepository: IColumnsVisibilityRepository;\n    private columnsRepository: IColumnsRepository;\n\n    constructor(\n        visibilityRepository: IColumnsVisibilityRepository,\n        columnsRepository: IColumnsRepository\n    ) {\n        this.columnsRepository = columnsRepository;\n        this.columnsVisibilityRepository = visibilityRepository;\n        makeAutoObservable(this);\n    }\n\n    async init() {\n        this.columnsRepository.init();\n        this.columnsVisibilityRepository.init();\n    }\n\n    getColumns() {\n        const columns = this.columnsRepository.getColumns();\n        const visibility = this.columnsVisibilityRepository.getVisibility();\n\n        return visibility\n            ? columns.map(column => {\n                  return { ...column, visible: visibility[column.name] ?? column.visible };\n              })\n            : columns;\n    }\n}\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAIzC,OAAO,MAAMC,0BAA0B,CAA+B;EAIlEC,WAAWA,CACPC,oBAAkD,EAClDC,iBAAqC,EACvC;IACE,IAAI,CAACA,iBAAiB,GAAGA,iBAAiB;IAC1C,IAAI,CAACC,2BAA2B,GAAGF,oBAAoB;IACvDH,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEA,MAAMM,IAAIA,CAAA,EAAG;IACT,IAAI,CAACF,iBAAiB,CAACE,IAAI,CAAC,CAAC;IAC7B,IAAI,CAACD,2BAA2B,CAACC,IAAI,CAAC,CAAC;EAC3C;EAEAC,UAAUA,CAAA,EAAG;IACT,MAAMC,OAAO,GAAG,IAAI,CAACJ,iBAAiB,CAACG,UAAU,CAAC,CAAC;IACnD,MAAME,UAAU,GAAG,IAAI,CAACJ,2BAA2B,CAACK,aAAa,CAAC,CAAC;IAEnE,OAAOD,UAAU,GACXD,OAAO,CAACG,GAAG,CAACC,MAAM,IAAI;MAClB,OAAO;QAAE,GAAGA,MAAM;QAAEC,OAAO,EAAEJ,UAAU,CAACG,MAAM,CAACE,IAAI,CAAC,IAAIF,MAAM,CAACC;MAAQ,CAAC;IAC5E,CAAC,CAAC,GACFL,OAAO;EACjB;AACJ","ignoreList":[]}
+{"version":3,"names":["makeAutoObservable","ColumnsVisibilityDecorator","constructor","visibilityRepository","columnsRepository","columnsVisibilityRepository","init","getColumns","columns","visibility","getVisibility","map","column","visible","name"],"sources":["ColumnsVisibilityDecorator.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport type { IColumnsVisibilityRepository } from \"./IColumnsVisibilityRepository.js\";\nimport type { IColumnsRepository } from \"../Columns/index.js\";\n\nexport class ColumnsVisibilityDecorator implements IColumnsRepository {\n    private columnsVisibilityRepository: IColumnsVisibilityRepository;\n    private columnsRepository: IColumnsRepository;\n\n    constructor(\n        visibilityRepository: IColumnsVisibilityRepository,\n        columnsRepository: IColumnsRepository\n    ) {\n        this.columnsRepository = columnsRepository;\n        this.columnsVisibilityRepository = visibilityRepository;\n        makeAutoObservable(this);\n    }\n\n    async init() {\n        this.columnsRepository.init();\n        this.columnsVisibilityRepository.init();\n    }\n\n    getColumns() {\n        const columns = this.columnsRepository.getColumns();\n        const visibility = this.columnsVisibilityRepository.getVisibility();\n\n        return visibility\n            ? columns.map(column => {\n                  return { ...column, visible: visibility[column.name] ?? column.visible };\n              })\n            : columns;\n    }\n}\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAIzC,OAAO,MAAMC,0BAA0B,CAA+B;EAIlEC,WAAWA,CACPC,oBAAkD,EAClDC,iBAAqC,EACvC;IACE,IAAI,CAACA,iBAAiB,GAAGA,iBAAiB;IAC1C,IAAI,CAACC,2BAA2B,GAAGF,oBAAoB;IACvDH,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEA,MAAMM,IAAIA,CAAA,EAAG;IACT,IAAI,CAACF,iBAAiB,CAACE,IAAI,CAAC,CAAC;IAC7B,IAAI,CAACD,2BAA2B,CAACC,IAAI,CAAC,CAAC;EAC3C;EAEAC,UAAUA,CAAA,EAAG;IACT,MAAMC,OAAO,GAAG,IAAI,CAACJ,iBAAiB,CAACG,UAAU,CAAC,CAAC;IACnD,MAAME,UAAU,GAAG,IAAI,CAACJ,2BAA2B,CAACK,aAAa,CAAC,CAAC;IAEnE,OAAOD,UAAU,GACXD,OAAO,CAACG,GAAG,CAACC,MAAM,IAAI;MAClB,OAAO;QAAE,GAAGA,MAAM;QAAEC,OAAO,EAAEJ,UAAU,CAACG,MAAM,CAACE,IAAI,CAAC,IAAIF,MAAM,CAACC;MAAQ,CAAC;IAC5E,CAAC,CAAC,GACFL,OAAO;EACjB;AACJ","ignoreList":[]}

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["makeAutoObservable","ColumnsVisibilityPresenter","constructor","columnsPresenter","vm","columnsVisibility","getColumnsVisibility","columns","reduce","acc","column","name","visible"],"sources":["ColumnsVisibilityPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport type { ColumnsPresenter } from \"../Columns/ColumnsPresenter\";\n\nexport class ColumnsVisibilityPresenter {\n    private columnsPresenter: ColumnsPresenter;\n\n    constructor(columnsPresenter: ColumnsPresenter) {\n        this.columnsPresenter = columnsPresenter;\n        makeAutoObservable(this);\n    }\n\n    get vm() {\n        return {\n            columnsVisibility: this.getColumnsVisibility()\n        };\n    }\n\n    private getColumnsVisibility() {\n        return this.columnsPresenter.vm.columns.reduce((acc, column) => {\n            return { ...acc, [column.name]: column.visible };\n        }, {});\n    }\n}\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAGzC,OAAO,MAAMC,0BAA0B,CAAC;EAGpCC,WAAWA,CAACC,gBAAkC,EAAE;IAC5C,IAAI,CAACA,gBAAgB,GAAGA,gBAAgB;IACxCH,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEA,IAAII,EAAEA,CAAA,EAAG;IACL,OAAO;MACHC,iBAAiB,EAAE,IAAI,CAACC,oBAAoB,CAAC;IACjD,CAAC;EACL;EAEQA,oBAAoBA,CAAA,EAAG;IAC3B,OAAO,IAAI,CAACH,gBAAgB,CAACC,EAAE,CAACG,OAAO,CAACC,MAAM,CAAC,CAACC,GAAG,EAAEC,MAAM,KAAK;MAC5D,OAAO;QAAE,GAAGD,GAAG;QAAE,CAACC,MAAM,CAACC,IAAI,GAAGD,MAAM,CAACE;MAAQ,CAAC;IACpD,CAAC,EAAE,CAAC,CAAC,CAAC;EACV;AACJ","ignoreList":[]}
+{"version":3,"names":["makeAutoObservable","ColumnsVisibilityPresenter","constructor","columnsPresenter","vm","columnsVisibility","getColumnsVisibility","columns","reduce","acc","column","name","visible"],"sources":["ColumnsVisibilityPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport type { ColumnsPresenter } from \"../Columns/ColumnsPresenter.js\";\n\nexport class ColumnsVisibilityPresenter {\n    private columnsPresenter: ColumnsPresenter;\n\n    constructor(columnsPresenter: ColumnsPresenter) {\n        this.columnsPresenter = columnsPresenter;\n        makeAutoObservable(this);\n    }\n\n    get vm() {\n        return {\n            columnsVisibility: this.getColumnsVisibility()\n        };\n    }\n\n    private getColumnsVisibility() {\n        return this.columnsPresenter.vm.columns.reduce((acc, column) => {\n            return { ...acc, [column.name]: column.visible };\n        }, {});\n    }\n}\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAGzC,OAAO,MAAMC,0BAA0B,CAAC;EAGpCC,WAAWA,CAACC,gBAAkC,EAAE;IAC5C,IAAI,CAACA,gBAAgB,GAAGA,gBAAgB;IACxCH,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEA,IAAII,EAAEA,CAAA,EAAG;IACL,OAAO;MACHC,iBAAiB,EAAE,IAAI,CAACC,oBAAoB,CAAC;IACjD,CAAC;EACL;EAEQA,oBAAoBA,CAAA,EAAG;IAC3B,OAAO,IAAI,CAACH,gBAAgB,CAACC,EAAE,CAACG,OAAO,CAACC,MAAM,CAAC,CAACC,GAAG,EAAEC,MAAM,KAAK;MAC5D,OAAO;QAAE,GAAGD,GAAG;QAAE,CAACC,MAAM,CAACC,IAAI,GAAGD,MAAM,CAACE;MAAQ,CAAC;IACpD,CAAC,EAAE,CAAC,CAAC,CAAC;EACV;AACJ","ignoreList":[]}

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

@@ -1,11 +1,12 @@
-import { ColumnsVisibilityPresenter } from "./ColumnsVisibilityPresenter";
-import { Column, ColumnsPresenter, ColumnsRepository } from "../Columns";
-import { ColumnsVisibilityRepository } from "./ColumnsVisibilityRepository";
-import { ColumnsVisibilityDecorator } from "./ColumnsVisibilityDecorator";
-import { ColumnsVisibilityUpdater } from "./ColumnsVisibilityUpdater";
+import { describe, it, expect, beforeEach, 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: jest.fn(),
-  set: jest.fn()
+  get: vi.fn(),
+  set: vi.fn()
 };
 const createMockGateway = ({
   get,
@@ -52,7 +53,7 @@ describe("ColumnsVisibilityPresenter", () => {
     visible: false
   }];
   beforeEach(() => {
-    jest.clearAllMocks();
+    vi.clearAllMocks();
   });
   it("should return the columns visibility from the column config", async () => {
     // Let's create repositories and presenters
@@ -76,7 +77,7 @@ describe("ColumnsVisibilityPresenter", () => {
   it("should return the columns visibility from both the column configs and the gateway", async () => {
     // Let's create a mocked gateway
     const gateway = createMockGateway({
-      get: jest.fn().mockImplementation(() => ({
+      get: vi.fn().mockImplementation(async () => ({
         title: false
       }))
     });
@@ -123,7 +124,7 @@ describe("ColumnsVisibilityPresenter", () => {
     });
 
     // Let's update the visibility
-    const updater = jest.fn().mockImplementation(current => ({
+    const updater = vi.fn().mockImplementation(current => ({
       ...current,
       title: false
     }));

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 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":"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","ignoreList":[]}
+{"version":3,"names":["describe","it","expect","beforeEach","vi","ColumnsVisibilityPresenter","Column","ColumnsPresenter","ColumnsRepository","ColumnsVisibilityRepository","ColumnsVisibilityDecorator","ColumnsVisibilityUpdater","defaultGateway","get","fn","set","createMockGateway","columnConfigs","cell","className","header","hideable","name","resizable","size","sortable","visible","clearAllMocks","columnsRepo","map","config","createFromConfig","visibilityRepo","repo","columnsPresenter","columnsVisibilityPresenter","init","toBeCalledTimes","vm","toEqual","columnsVisibility","id","title","date","gateway","mockImplementation","columnsVisibilityUpdater","initial","updater","current","update"],"sources":["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 \"~/components/Table/components/Table/ColumnVisibility/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            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        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"],"mappings":"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","ignoreList":[]}

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

@@ -1,5 +1,5 @@
-import type { IColumnsVisibilityGateway } from "../gateways/IColumnsVisibilityGateway";
-import type { IColumnsVisibilityRepository } from "./IColumnsVisibilityRepository";
+import type { IColumnsVisibilityGateway } from "../gateways/IColumnsVisibilityGateway.js";
+import type { IColumnsVisibilityRepository } from "./IColumnsVisibilityRepository.js";
 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 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":[]}
+{"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.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"],"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 type { IColumnsVisibilityGateway } from "../gateways/IColumnsVisibilityGateway";
+import { ColumnsVisibilityRepository } from "./ColumnsVisibilityRepository.js";
+import type { IColumnsVisibilityGateway } from "../gateways/IColumnsVisibilityGateway.js";
 declare class ColumnsVisibilityRepositoryFactory {
     private cache;
     getRepository(namespace: string, gateway: IColumnsVisibilityGateway): ColumnsVisibilityRepository;

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

@@ -1,4 +1,4 @@
-import { ColumnsVisibilityRepository } from "./ColumnsVisibilityRepository";
+import { ColumnsVisibilityRepository } from "./ColumnsVisibilityRepository.js";
 class ColumnsVisibilityRepositoryFactory {
   cache = new Map();
   getRepository(namespace, gateway) {

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 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":[]}
+{"version":3,"names":["ColumnsVisibilityRepository","ColumnsVisibilityRepositoryFactory","cache","Map","getRepository","namespace","gateway","cacheKey","getCacheKey","has","set","get","columnsVisibilityRepositoryFactory"],"sources":["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"],"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 type { IColumnsVisibilityRepository } from "./IColumnsVisibilityRepository";
-import type { IColumnsVisibilityUpdater } from "./IColumnsVisibilityUpdater";
+import type { IColumnsVisibilityRepository } from "./IColumnsVisibilityRepository.js";
+import type { IColumnsVisibilityUpdater } from "./IColumnsVisibilityUpdater.js";
 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 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":[]}
+{"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.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"],"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/ColumnVisibility/index.d.ts

@@ -1,7 +1,7 @@
-export * from "./IColumnsVisibilityRepository";
-export * from "./IColumnsVisibilityUpdater";
-export * from "./ColumnsVisibilityDecorator";
-export * from "./ColumnsVisibilityPresenter";
-export * from "./ColumnsVisibilityRepository";
-export * from "./ColumnsVisibilityRepositoryFactory";
-export * from "./ColumnsVisibilityUpdater";
+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

@@ -1,9 +1,7 @@
-export * from "./IColumnsVisibilityRepository";
-export * from "./IColumnsVisibilityUpdater";
-export * from "./ColumnsVisibilityDecorator";
-export * from "./ColumnsVisibilityPresenter";
-export * from "./ColumnsVisibilityRepository";
-export * from "./ColumnsVisibilityRepositoryFactory";
-export * from "./ColumnsVisibilityUpdater";
+export * from "./ColumnsVisibilityDecorator.js";
+export * from "./ColumnsVisibilityPresenter.js";
+export * from "./ColumnsVisibilityRepository.js";
+export * from "./ColumnsVisibilityRepositoryFactory.js";
+export * from "./ColumnsVisibilityUpdater.js";
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./IColumnsVisibilityRepository\";\nexport * from \"./IColumnsVisibilityUpdater\";\nexport * from \"./ColumnsVisibilityDecorator\";\nexport * from \"./ColumnsVisibilityPresenter\";\nexport * from \"./ColumnsVisibilityRepository\";\nexport * from \"./ColumnsVisibilityRepositoryFactory\";\nexport * from \"./ColumnsVisibilityUpdater\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export type * from \"./IColumnsVisibilityRepository.js\";\nexport type * from \"./IColumnsVisibilityUpdater.js\";\nexport * from \"./ColumnsVisibilityDecorator.js\";\nexport * from \"./ColumnsVisibilityPresenter.js\";\nexport * from \"./ColumnsVisibilityRepository.js\";\nexport * from \"./ColumnsVisibilityRepositoryFactory.js\";\nexport * from \"./ColumnsVisibilityUpdater.js\";\n"],"mappings":"AAEA;AACA;AACA;AACA;AACA","ignoreList":[]}

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

@@ -1,11 +1,12 @@
 import type { ReactElement } from "react";
-import type { ColumnConfig } from "../../../../../config/table/Column";
+import type { ColumnConfig } from "../../../../../config/table/Column.js";
 export interface ColumnDTO {
     cell: string | ReactElement;
     className: string;
     header: string | number | JSX.Element;
     hideable: boolean;
     name: string;
+    path?: string;
     resizable: boolean;
     size: number;
     sortable: boolean;
@@ -17,6 +18,7 @@ export declare class Column {
     header: string | number | JSX.Element;
     hideable: boolean;
     name: string;
+    path?: string;
     resizable: boolean;
     size: number;
     sortable: boolean;
@@ -29,6 +31,7 @@ export declare class Column {
         size?: number;
         className?: string;
         hideable?: boolean;
+        path?: string;
         sortable?: boolean;
         resizable?: boolean;
         visible?: boolean;

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

@@ -9,6 +9,7 @@ export class Column {
     this.size = data.size || 100;
     this.className = data.className || "";
     this.hideable = data.hideable ?? true;
+    this.path = data.path || "";
     this.sortable = data.sortable ?? false;
     this.resizable = data.resizable ?? true;
     this.visible = data.visible ?? true;

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 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":[]}
+{"version":3,"names":["Column","createFromConfig","config","constructor","data","name","header","cell","size","className","hideable","path","sortable","resizable","visible"],"sources":["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 | JSX.Element;\n    hideable: boolean;\n    name: string;\n    path?: 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 path?: 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        path?: string;\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.path = data.path || \"\";\n        this.sortable = data.sortable ?? false;\n        this.resizable = data.resizable ?? true;\n        this.visible = data.visible ?? true;\n    }\n}\n"],"mappings":"AAgBA,OAAO,MAAMA,MAAM,CAAC;EAYhB,OAAOC,gBAAgBA,CAACC,MAAoB,EAAE;IAC1C,OAAO,IAAIF,MAAM,CAACE,MAAM,CAAC;EAC7B;EAEUC,WAAWA,CAACC,IAWrB,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,IAAI,GAAGP,IAAI,CAACO,IAAI,IAAI,EAAE;IAC3B,IAAI,CAACC,QAAQ,GAAGR,IAAI,CAACQ,QAAQ,IAAI,KAAK;IACtC,IAAI,CAACC,SAAS,GAAGT,IAAI,CAACS,SAAS,IAAI,IAAI;IACvC,IAAI,CAACC,OAAO,GAAGV,IAAI,CAACU,OAAO,IAAI,IAAI;EACvC;AACJ","ignoreList":[]}

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

@@ -1,6 +1,6 @@
 import type React from "react";
 import type { DataTableColumn } from "@webiny/admin-ui";
-import type { Column, ColumnDTO } from "./Column";
+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 | JSX.Element | null): DataTableColumn<T>;

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

@@ -6,6 +6,7 @@ export class ColumnMapper {
       header: column.header,
       hideable: column.hideable,
       name: column.name,
+      path: column.path,
       resizable: column.resizable,
       size: column.size,
       sortable: column.sortable,
@@ -13,7 +14,10 @@ export class ColumnMapper {
     };
   }
   static toDataTable(column, cellRenderer) {
+    // Prefix path with "data." if provided.
+    const accessorKey = column.path ? `data.${column.path}` : undefined;
     return {
+      accessorKey,
       header: column.header,
       className: column.className,
       size: column.size,

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 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":[]}
+{"version":3,"names":["ColumnMapper","toDTO","column","cell","className","header","hideable","name","path","resizable","size","sortable","visible","toDataTable","cellRenderer","accessorKey","undefined","enableHiding","enableResizing","enableSorting","row"],"sources":["ColumnMapper.ts"],"sourcesContent":["import type React from \"react\";\nimport type { DataTableColumn } from \"@webiny/admin-ui\";\nimport type { Column, ColumnDTO } from \"./Column.js\";\n\nexport class ColumnMapper {\n    static toDTO(column: Column | ColumnDTO): ColumnDTO {\n        return {\n            cell: column.cell,\n            className: column.className,\n            header: column.header,\n            hideable: column.hideable,\n            name: column.name,\n            path: column.path,\n            resizable: column.resizable,\n            size: column.size,\n            sortable: column.sortable,\n            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        // 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            cell: column.cell ? (row: T) => cellRenderer(row, column.cell) : undefined\n        };\n    }\n}\n"],"mappings":"AAIA,OAAO,MAAMA,YAAY,CAAC;EACtB,OAAOC,KAAKA,CAACC,MAA0B,EAAa;IAChD,OAAO;MACHC,IAAI,EAAED,MAAM,CAACC,IAAI;MACjBC,SAAS,EAAEF,MAAM,CAACE,SAAS;MAC3BC,MAAM,EAAEH,MAAM,CAACG,MAAM;MACrBC,QAAQ,EAAEJ,MAAM,CAACI,QAAQ;MACzBC,IAAI,EAAEL,MAAM,CAACK,IAAI;MACjBC,IAAI,EAAEN,MAAM,CAACM,IAAI;MACjBC,SAAS,EAAEP,MAAM,CAACO,SAAS;MAC3BC,IAAI,EAAER,MAAM,CAACQ,IAAI;MACjBC,QAAQ,EAAET,MAAM,CAACS,QAAQ;MACzBC,OAAO,EAAEV,MAAM,CAACU;IACpB,CAAC;EACL;EAEA,OAAOC,WAAWA,CACdX,MAAiB,EACjBY,YAGyC,EACvB;IAClB;IACA,MAAMC,WAAW,GAAGb,MAAM,CAACM,IAAI,GAAG,QAAQN,MAAM,CAACM,IAAI,EAAE,GAAGQ,SAAS;IAEnE,OAAO;MACHD,WAAW;MACXV,MAAM,EAAEH,MAAM,CAACG,MAAM;MACrBD,SAAS,EAAEF,MAAM,CAACE,SAAS;MAC3BM,IAAI,EAAER,MAAM,CAACQ,IAAI;MACjBO,YAAY,EAAEf,MAAM,CAACI,QAAQ;MAC7BY,cAAc,EAAEhB,MAAM,CAACO,SAAS;MAChCU,aAAa,EAAEjB,MAAM,CAACS,QAAQ;MAC9BR,IAAI,EAAED,MAAM,CAACC,IAAI,GAAIiB,GAAM,IAAKN,YAAY,CAACM,GAAG,EAAElB,MAAM,CAACC,IAAI,CAAC,GAAGa;IACrE,CAAC;EACL;AACJ","ignoreList":[]}

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["makeAutoObservable","ColumnsPresenter","constructor","repository","init","vm","columns","getColumns"],"sources":["ColumnsPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport type { IColumnsRepository } from \"./IColumnsRepository\";\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.js\";\n\nexport class ColumnsPresenter {\n    private repository: IColumnsRepository;\n\n    constructor(repository: IColumnsRepository) {\n        this.repository = repository;\n        makeAutoObservable(this);\n    }\n\n    async init() {\n        await this.repository.init();\n    }\n\n    get vm() {\n        return {\n            columns: this.repository.getColumns()\n        };\n    }\n}\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAGzC,OAAO,MAAMC,gBAAgB,CAAC;EAG1BC,WAAWA,CAACC,UAA8B,EAAE;IACxC,IAAI,CAACA,UAAU,GAAGA,UAAU;IAC5BH,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEA,MAAMI,IAAIA,CAAA,EAAG;IACT,MAAM,IAAI,CAACD,UAAU,CAACC,IAAI,CAAC,CAAC;EAChC;EAEA,IAAIC,EAAEA,CAAA,EAAG;IACL,OAAO;MACHC,OAAO,EAAE,IAAI,CAACH,UAAU,CAACI,UAAU,CAAC;IACxC,CAAC;EACL;AACJ","ignoreList":[]}

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

@@ -1,6 +1,7 @@
-import { ColumnsPresenter } from "./ColumnsPresenter";
-import { Column } from "./Column";
-import { ColumnsRepository } from "./ColumnsRepository";
+import { describe, it, expect, beforeEach, 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",
@@ -25,7 +26,7 @@ describe("ColumnsPresenter", () => {
   }];
   let presenter;
   beforeEach(() => {
-    jest.clearAllMocks();
+    vi.clearAllMocks();
     const repository = new ColumnsRepository(columnConfigs.map(config => Column.createFromConfig(config)));
     presenter = new ColumnsPresenter(repository);
   });
@@ -38,6 +39,7 @@ describe("ColumnsPresenter", () => {
         header: "Id",
         hideable: true,
         name: "id",
+        path: "",
         resizable: true,
         size: 200,
         sortable: true,
@@ -48,6 +50,7 @@ describe("ColumnsPresenter", () => {
         header: "Title",
         hideable: false,
         name: "title",
+        path: "",
         resizable: false,
         size: 100,
         sortable: false,

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 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":[]}
+{"version":3,"names":["describe","it","expect","beforeEach","vi","ColumnsPresenter","Column","ColumnsRepository","columnConfigs","cell","className","header","hideable","name","resizable","size","sortable","visible","presenter","clearAllMocks","repository","map","config","createFromConfig","init","vm","toEqual","columns","path"],"sources":["ColumnsPresenter.test.ts"],"sourcesContent":["import { describe, it, expect, beforeEach, vi } from \"vitest\";\nimport { ColumnsPresenter } from \"./ColumnsPresenter.js\";\nimport { Column } from \"./Column.js\";\nimport type { ColumnConfig } from \"~/config/table/Column.js\";\nimport { ColumnsRepository } from \"./ColumnsRepository.js\";\n\ndescribe(\"ColumnsPresenter\", () => {\n    const columnConfigs: ColumnConfig[] = [\n        {\n            cell: \"Id Cell Content\",\n            className: \"id-class\",\n            header: \"Id\",\n            hideable: true,\n            name: \"id\",\n            resizable: true,\n            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        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                    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                    visible: false\n                }\n            ]\n        });\n    });\n});\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,EAAE,EAAEC,MAAM,EAAEC,UAAU,EAAEC,EAAE,QAAQ,QAAQ;AAC7D,SAASC,gBAAgB;AACzB,SAASC,MAAM;AAEf,SAASC,iBAAiB;AAE1BP,QAAQ,CAAC,kBAAkB,EAAE,MAAM;EAC/B,MAAMQ,aAA6B,GAAG,CAClC;IACIC,IAAI,EAAE,iBAAiB;IACvBC,SAAS,EAAE,UAAU;IACrBC,MAAM,EAAE,IAAI;IACZC,QAAQ,EAAE,IAAI;IACdC,IAAI,EAAE,IAAI;IACVC,SAAS,EAAE,IAAI;IACfC,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/Bf,UAAU,CAAC,MAAM;IACbC,EAAE,CAACe,aAAa,CAAC,CAAC;IAClB,MAAMC,UAAU,GAAG,IAAIb,iBAAiB,CACpCC,aAAa,CAACa,GAAG,CAACC,MAAM,IAAIhB,MAAM,CAACiB,gBAAgB,CAACD,MAAM,CAAC,CAC/D,CAAC;IACDJ,SAAS,GAAG,IAAIb,gBAAgB,CAACe,UAAU,CAAC;EAChD,CAAC,CAAC;EAEFnB,EAAE,CAAC,+CAA+C,EAAE,MAAM;IACtDiB,SAAS,CAACM,IAAI,CAAC,CAAC;IAEhBtB,MAAM,CAACgB,SAAS,CAACO,EAAE,CAAC,CAACC,OAAO,CAAC;MACzBC,OAAO,EAAE,CACL;QACIlB,IAAI,EAAE,iBAAiB;QACvBC,SAAS,EAAE,UAAU;QACrBC,MAAM,EAAE,IAAI;QACZC,QAAQ,EAAE,IAAI;QACdC,IAAI,EAAE,IAAI;QACVe,IAAI,EAAE,EAAE;QACRd,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;QACbe,IAAI,EAAE,EAAE;QACRd,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 type { ColumnDTO } from "./Column";
-import type { IColumnsRepository } from "./IColumnsRepository";
+import type { ColumnDTO } from "./Column.js";
+import type { IColumnsRepository } from "./IColumnsRepository.js";
 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 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":[]}
+{"version":3,"names":["makeAutoObservable","ColumnsRepository","constructor","columns","getColumns","sortColumns","init","Promise","resolve","slice","sort","a","b","name"],"sources":["ColumnsRepository.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport type { ColumnDTO } from \"./Column.js\";\nimport type { IColumnsRepository } from \"./IColumnsRepository.js\";\n\nexport class ColumnsRepository implements IColumnsRepository {\n    private readonly columns: ColumnDTO[];\n\n    constructor(columns: ColumnDTO[]) {\n        this.columns = columns;\n        makeAutoObservable(this);\n    }\n\n    getColumns(): ColumnDTO[] {\n        return this.sortColumns(this.columns);\n    }\n\n    init(): Promise<void> {\n        return Promise.resolve();\n    }\n\n    private sortColumns(columns: ColumnDTO[]) {\n        return columns\n            .slice()\n            .sort((a, b) => (a.name === \"actions\" ? 1 : b.name === \"actions\" ? -1 : 0));\n    }\n}\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAIzC,OAAO,MAAMC,iBAAiB,CAA+B;EAGzDC,WAAWA,CAACC,OAAoB,EAAE;IAC9B,IAAI,CAACA,OAAO,GAAGA,OAAO;IACtBH,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEAI,UAAUA,CAAA,EAAgB;IACtB,OAAO,IAAI,CAACC,WAAW,CAAC,IAAI,CAACF,OAAO,CAAC;EACzC;EAEAG,IAAIA,CAAA,EAAkB;IAClB,OAAOC,OAAO,CAACC,OAAO,CAAC,CAAC;EAC5B;EAEQH,WAAWA,CAACF,OAAoB,EAAE;IACtC,OAAOA,OAAO,CACTM,KAAK,CAAC,CAAC,CACPC,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAMD,CAAC,CAACE,IAAI,KAAK,SAAS,GAAG,CAAC,GAAGD,CAAC,CAACC,IAAI,KAAK,SAAS,GAAG,CAAC,CAAC,GAAG,CAAE,CAAC;EACnF;AACJ","ignoreList":[]}

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

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

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

@@ -1,4 +1,4 @@
-import { ColumnsRepository } from "./ColumnsRepository";
+import { ColumnsRepository } from "./ColumnsRepository.js";
 class ColumnsRepositoryFactory {
   cache = new Map();
   getRepository(namespace, columns) {

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

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

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

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

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