@webiny/app-admin 6.4.11 → 6.6.0-alpha.1

package/components/Permissions/index.js

@@ -1,4 +1,5 @@
 export * from "./StyledComponents.js";
 export * from "./PermissionsGroup.js";
 export { Permissions } from "./Permissions.js";
+export { mergeByName } from "./mergeByName.js";
 export { CannotUseAaclAlert } from "./CannotUseAaclAlert.js";

package/components/Permissions/mergeByName.d.ts

@@ -0,0 +1,11 @@
+import type { PermissionRendererConfig } from "../../permissions/types.js";
+/**
+ * Collapses renderers that share the same group `name` into a single renderer,
+ * concatenating their schema entities (deduped by entity id). This lets multiple
+ * apps contribute their own entities to one shared permission group (e.g. several
+ * dev tools each registering into "dev-tools") while the UI still shows one group.
+ *
+ * Group metadata (title, description, icon, system) is taken from the first
+ * registration of a given name; subsequent registrations only add entities.
+ */
+export declare const mergeByName: (renderers: PermissionRendererConfig[]) => PermissionRendererConfig[];

package/components/Permissions/mergeByName.js

@@ -0,0 +1,33 @@
+const mergeByName = (renderers)=>{
+    const byName = new Map();
+    for (const renderer of renderers){
+        const existing = byName.get(renderer.name);
+        if (!existing) {
+            byName.set(renderer.name, renderer.schema ? {
+                ...renderer,
+                schema: {
+                    ...renderer.schema,
+                    entities: [
+                        ...renderer.schema.entities ?? []
+                    ]
+                }
+            } : {
+                ...renderer
+            });
+            continue;
+        }
+        if (existing.schema && renderer.schema) {
+            const entities = existing.schema.entities ?? [];
+            const seen = new Set(entities.map((entity)=>entity.id));
+            for (const entity of renderer.schema.entities ?? [])if (!seen.has(entity.id)) {
+                entities.push(entity);
+                seen.add(entity.id);
+            }
+            existing.schema.entities = entities;
+        }
+    }
+    return Array.from(byName.values());
+};
+export { mergeByName };
+
+//# sourceMappingURL=mergeByName.js.map

package/components/Permissions/mergeByName.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/Permissions/mergeByName.js","sources":["../../../src/components/Permissions/mergeByName.ts"],"sourcesContent":["import type { PermissionRendererConfig } from \"~/permissions/types.js\";\n\n/**\n * Collapses renderers that share the same group `name` into a single renderer,\n * concatenating their schema entities (deduped by entity id). This lets multiple\n * apps contribute their own entities to one shared permission group (e.g. several\n * dev tools each registering into \"dev-tools\") while the UI still shows one group.\n *\n * Group metadata (title, description, icon, system) is taken from the first\n * registration of a given name; subsequent registrations only add entities.\n */\nexport const mergeByName = (renderers: PermissionRendererConfig[]): PermissionRendererConfig[] => {\n    const byName = new Map<string, PermissionRendererConfig>();\n\n    for (const renderer of renderers) {\n        const existing = byName.get(renderer.name);\n\n        if (!existing) {\n            // Clone the schema (and its entities) so we never mutate the registered config.\n            byName.set(\n                renderer.name,\n                renderer.schema\n                    ? {\n                          ...renderer,\n                          schema: {\n                              ...renderer.schema,\n                              entities: [...(renderer.schema.entities ?? [])]\n                          }\n                      }\n                    : { ...renderer }\n            );\n            continue;\n        }\n\n        // Merge additional entities into the already-seen group.\n        if (existing.schema && renderer.schema) {\n            const entities = existing.schema.entities ?? [];\n            const seen = new Set(entities.map(entity => entity.id));\n            for (const entity of renderer.schema.entities ?? []) {\n                if (!seen.has(entity.id)) {\n                    entities.push(entity);\n                    seen.add(entity.id);\n                }\n            }\n            existing.schema.entities = entities;\n        }\n    }\n\n    return Array.from(byName.values());\n};\n"],"names":["mergeByName","renderers","byName","Map","renderer","existing","entities","seen","Set","entity","Array"],"mappings":"AAWO,MAAMA,cAAc,CAACC;IACxB,MAAMC,SAAS,IAAIC;IAEnB,KAAK,MAAMC,YAAYH,UAAW;QAC9B,MAAMI,WAAWH,OAAO,GAAG,CAACE,SAAS,IAAI;QAEzC,IAAI,CAACC,UAAU;YAEXH,OAAO,GAAG,CACNE,SAAS,IAAI,EACbA,SAAS,MAAM,GACT;gBACI,GAAGA,QAAQ;gBACX,QAAQ;oBACJ,GAAGA,SAAS,MAAM;oBAClB,UAAU;2BAAKA,SAAS,MAAM,CAAC,QAAQ,IAAI,EAAE;qBAAE;gBACnD;YACJ,IACA;gBAAE,GAAGA,QAAQ;YAAC;YAExB;QACJ;QAGA,IAAIC,SAAS,MAAM,IAAID,SAAS,MAAM,EAAE;YACpC,MAAME,WAAWD,SAAS,MAAM,CAAC,QAAQ,IAAI,EAAE;YAC/C,MAAME,OAAO,IAAIC,IAAIF,SAAS,GAAG,CAACG,CAAAA,SAAUA,OAAO,EAAE;YACrD,KAAK,MAAMA,UAAUL,SAAS,MAAM,CAAC,QAAQ,IAAI,EAAE,CAC/C,IAAI,CAACG,KAAK,GAAG,CAACE,OAAO,EAAE,GAAG;gBACtBH,SAAS,IAAI,CAACG;gBACdF,KAAK,GAAG,CAACE,OAAO,EAAE;YACtB;YAEJJ,SAAS,MAAM,CAAC,QAAQ,GAAGC;QAC/B;IACJ;IAEA,OAAOI,MAAM,IAAI,CAACR,OAAO,MAAM;AACnC"}

package/components/RolesMultiAutocomplete/index.d.ts

@@ -3,5 +3,9 @@ import { MultiAutoComplete } from "@webiny/admin-ui";
 type RolesMultiAutocompleteProps = Omit<React.ComponentProps<typeof MultiAutoComplete>, "options" | "onValuesChange"> & {
     onChange?: (values: string[]) => void;
 };
-export declare const RolesMultiAutocomplete: ({ onChange, values, ...props }: RolesMultiAutocompleteProps) => React.JSX.Element;
+export declare const RolesMultiAutocomplete: (({ onChange, ...props }: RolesMultiAutocompleteProps) => React.JSX.Element) & React.NamedExoticComponent<Omit<import("@webiny/admin-ui/MultiAutoComplete/primitives").MultiAutoCompletePrimitiveProps & import("@webiny/admin-ui").FormComponentProps<any>, "onValuesChange" | "options"> & {
+    onChange?: (values: string[]) => void;
+}> & {
+    readonly type: ({ onChange, ...props }: RolesMultiAutocompleteProps) => React.JSX.Element;
+};
 export {};

package/components/RolesMultiAutocomplete/index.js

@@ -1,26 +1,36 @@
-import react, { useCallback, useMemo } from "react";
+import react, { useCallback, useEffect, useMemo } from "react";
 import { MultiAutoComplete } from "@webiny/admin-ui";
-import { LIST_ROLES } from "./graphql.js";
-import { useQuery } from "@apollo/react-hooks";
-const RolesMultiAutocomplete = ({ onChange, values, ...props })=>{
-    const { data, loading } = useQuery(LIST_ROLES);
-    const rawOptions = loading || !data ? [] : data.security.roles.data;
-    const options = useMemo(()=>rawOptions.map((role)=>({
-                label: role.name,
-                value: role.id
-            })), [
-        rawOptions
+import { useFeature } from "@webiny/app";
+import { observer } from "mobx-react-lite";
+import { RolesAutocompletePresenterFeature } from "../../presentation/accessManagement/roles/rolesAutocomplete/feature.js";
+const RolesMultiAutocomplete = observer(({ onChange, ...props })=>{
+    const { presenter } = useFeature(RolesAutocompletePresenterFeature);
+    useEffect(()=>{
+        presenter.init();
+    }, [
+        presenter
     ]);
     const onValuesChange = useCallback((ids)=>onChange?.(ids), [
         onChange
     ]);
+    const values = useMemo(()=>{
+        const selected = Array.isArray(props.values) ? props.values : Array.isArray(props.value) ? props.value : [];
+        return selected.reduce((acc, s)=>{
+            if ("string" == typeof s) acc.push(s);
+            else if ("object" == typeof s && s?.id) acc.push(s.id);
+            return acc;
+        }, []);
+    }, [
+        props.values,
+        props.value
+    ]);
     return /*#__PURE__*/ react.createElement(MultiAutoComplete, {
         ...props,
-        options: options,
-        values: loading ? void 0 : values,
+        options: presenter.vm.options,
+        values: presenter.vm.loading ? void 0 : values,
         onValuesChange: onValuesChange
     });
-};
+});
 export { RolesMultiAutocomplete };
 
 //# sourceMappingURL=index.js.map

package/components/RolesMultiAutocomplete/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/RolesMultiAutocomplete/index.js","sources":["../../../src/components/RolesMultiAutocomplete/index.tsx"],"sourcesContent":["import React, { useMemo, useCallback } from \"react\";\nimport { MultiAutoComplete } from \"@webiny/admin-ui\";\nimport { LIST_ROLES } from \"./graphql.js\";\nimport { useQuery } from \"@apollo/react-hooks\";\n\ntype RolesMultiAutocompleteProps = Omit<\n    React.ComponentProps<typeof MultiAutoComplete>,\n    \"options\" | \"onValuesChange\"\n> & {\n    onChange?: (values: string[]) => void;\n};\n\nexport const RolesMultiAutocomplete = ({\n    onChange,\n    values,\n    ...props\n}: RolesMultiAutocompleteProps) => {\n    const { data, loading } = useQuery(LIST_ROLES);\n    const rawOptions = loading || !data ? [] : data.security.roles.data;\n\n    const options = useMemo(\n        () => rawOptions.map((role: any) => ({ label: role.name, value: role.id })),\n        [rawOptions]\n    );\n\n    const onValuesChange = useCallback((ids: string[]) => onChange?.(ids), [onChange]);\n\n    return (\n        <MultiAutoComplete\n            {...props}\n            options={options}\n            values={loading ? undefined : (values as string[] | undefined)}\n            onValuesChange={onValuesChange}\n        />\n    );\n};\n"],"names":["RolesMultiAutocomplete","onChange","values","props","data","loading","useQuery","LIST_ROLES","rawOptions","options","useMemo","role","onValuesChange","useCallback","ids","MultiAutoComplete","undefined"],"mappings":";;;;AAYO,MAAMA,yBAAyB,CAAC,EACnCC,QAAQ,EACRC,MAAM,EACN,GAAGC,OACuB;IAC1B,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAAE,GAAGC,SAASC;IACnC,MAAMC,aAAaH,WAAW,CAACD,OAAO,EAAE,GAAGA,KAAK,QAAQ,CAAC,KAAK,CAAC,IAAI;IAEnE,MAAMK,UAAUC,QACZ,IAAMF,WAAW,GAAG,CAAC,CAACG,OAAe;gBAAE,OAAOA,KAAK,IAAI;gBAAE,OAAOA,KAAK,EAAE;YAAC,KACxE;QAACH;KAAW;IAGhB,MAAMI,iBAAiBC,YAAY,CAACC,MAAkBb,WAAWa,MAAM;QAACb;KAAS;IAEjF,OAAO,WAAP,GACI,oBAACc,mBAAiBA;QACb,GAAGZ,KAAK;QACT,SAASM;QACT,QAAQJ,UAAUW,SAAad;QAC/B,gBAAgBU;;AAG5B"}
+{"version":3,"file":"components/RolesMultiAutocomplete/index.js","sources":["../../../src/components/RolesMultiAutocomplete/index.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo } from \"react\";\nimport { MultiAutoComplete } from \"@webiny/admin-ui\";\nimport { useFeature } from \"@webiny/app\";\nimport { observer } from \"mobx-react-lite\";\nimport { RolesAutocompletePresenterFeature } from \"~/presentation/accessManagement/roles/rolesAutocomplete/feature.js\";\n\ntype RolesMultiAutocompleteProps = Omit<\n    React.ComponentProps<typeof MultiAutoComplete>,\n    \"options\" | \"onValuesChange\"\n> & {\n    onChange?: (values: string[]) => void;\n};\n\nexport const RolesMultiAutocomplete = observer(\n    ({ onChange, ...props }: RolesMultiAutocompleteProps) => {\n        const { presenter } = useFeature(RolesAutocompletePresenterFeature);\n\n        useEffect(() => {\n            presenter.init();\n        }, [presenter]);\n\n        const onValuesChange = useCallback((ids: string[]) => onChange?.(ids), [onChange]);\n\n        const values = useMemo(() => {\n            const selected = Array.isArray(props.values)\n                ? props.values\n                : Array.isArray(props.value)\n                  ? props.value\n                  : [];\n\n            return selected.reduce<string[]>((acc, s) => {\n                if (typeof s === \"string\") {\n                    acc.push(s);\n                } else if (typeof s === \"object\" && s?.id) {\n                    acc.push(s.id);\n                }\n                return acc;\n            }, []);\n        }, [props.values, props.value]);\n\n        return (\n            <MultiAutoComplete\n                {...props}\n                options={presenter.vm.options}\n                values={presenter.vm.loading ? undefined : values}\n                onValuesChange={onValuesChange}\n            />\n        );\n    }\n);\n"],"names":["RolesMultiAutocomplete","observer","onChange","props","presenter","useFeature","RolesAutocompletePresenterFeature","useEffect","onValuesChange","useCallback","ids","values","useMemo","selected","Array","acc","s","MultiAutoComplete","undefined"],"mappings":";;;;;AAaO,MAAMA,yBAAyBC,SAClC,CAAC,EAAEC,QAAQ,EAAE,GAAGC,OAAoC;IAChD,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAAWC;IAEjCC,UAAU;QACNH,UAAU,IAAI;IAClB,GAAG;QAACA;KAAU;IAEd,MAAMI,iBAAiBC,YAAY,CAACC,MAAkBR,WAAWQ,MAAM;QAACR;KAAS;IAEjF,MAAMS,SAASC,QAAQ;QACnB,MAAMC,WAAWC,MAAM,OAAO,CAACX,MAAM,MAAM,IACrCA,MAAM,MAAM,GACZW,MAAM,OAAO,CAACX,MAAM,KAAK,IACvBA,MAAM,KAAK,GACX,EAAE;QAEV,OAAOU,SAAS,MAAM,CAAW,CAACE,KAAKC;YACnC,IAAI,AAAa,YAAb,OAAOA,GACPD,IAAI,IAAI,CAACC;iBACN,IAAI,AAAa,YAAb,OAAOA,KAAkBA,GAAG,IACnCD,IAAI,IAAI,CAACC,EAAE,EAAE;YAEjB,OAAOD;QACX,GAAG,EAAE;IACT,GAAG;QAACZ,MAAM,MAAM;QAAEA,MAAM,KAAK;KAAC;IAE9B,OAAO,WAAP,GACI,oBAACc,mBAAiBA;QACb,GAAGd,KAAK;QACT,SAASC,UAAU,EAAE,CAAC,OAAO;QAC7B,QAAQA,UAAU,EAAE,CAAC,OAAO,GAAGc,SAAYP;QAC3C,gBAAgBH;;AAG5B"}

package/components/SimpleForm/SimpleForm.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { type VariantProps } from "@webiny/admin-ui";
 declare const simpleFormInnerVariants: (props?: ({
-    size?: "full" | "md" | "lg" | "xl" | null | undefined;
+    size?: "full" | "lg" | "md" | "xl" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface SimpleFormProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof simpleFormInnerVariants> {
     children: React.ReactNode;

package/components/SimpleUI/InputField.d.ts

@@ -8,5 +8,6 @@ interface InputBoxProps {
     type?: "string" | "number";
     [key: string]: any;
 }
-declare const _default: React.MemoExoticComponent<({ className, value, onChange, onKeyDown, label, description, validation, defaultValue, ...props }: InputBoxProps) => React.JSX.Element>;
+declare const InputField: ({ className, value, onChange, onKeyDown, label, description, validation, defaultValue, ...props }: InputBoxProps) => React.JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof InputField>;
 export default _default;

package/components/SingleImageUpload.d.ts

@@ -64,5 +64,4 @@ export interface SingleImageUploadProps extends FormComponentProps {
      */
     variant?: FilePickerProps["variant"];
 }
-declare const SingleImageUpload: (props: SingleImageUploadProps) => React.JSX.Element;
-export default SingleImageUpload;
+export declare const SingleImageUpload: (props: SingleImageUploadProps) => React.JSX.Element;

package/components/SingleImageUpload.js

@@ -35,7 +35,6 @@ const SingleImageUpload = (props)=>{
             }))
     });
 };
-const components_SingleImageUpload = SingleImageUpload;
-export default components_SingleImageUpload;
+export { SingleImageUpload };
 
 //# sourceMappingURL=SingleImageUpload.js.map

package/components/SingleImageUpload.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/SingleImageUpload.js","sources":["../../src/components/SingleImageUpload.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport type { FileManagerFileItem } from \"~/base/ui/FileManager.js\";\nimport { FileManager } from \"~/base/ui/FileManager.js\";\nimport type { FormComponentProps } from \"@webiny/admin-ui\";\nimport { FileItem, FilePicker, type FilePickerProps } from \"@webiny/admin-ui\";\n\nexport interface SingleImageUploadProps extends FormComponentProps {\n    /**\n     * Accept types\n     */\n    accept?: string[];\n\n    /**\n     * Component label.\n     */\n    label?: string;\n\n    /**\n     * Is component disabled?\n     */\n    disabled?: boolean;\n\n    /**\n     * Description beneath the image.\n     */\n    description?: React.ReactNode;\n\n    /**\n     * A className for the root element.\n     */\n    className?: string;\n\n    /**\n     * Define file's max allowed size (default is \"10mb\").\n     * Uses \"bytes\" (https://www.npmjs.com/package/bytes) library to convert string notation to actual number.\n     */\n    maxSize?: number | string;\n\n    /**\n     * onChange callback when a file is set or unset.\n     * It is marked as `optional` because this component is often used in conjunction with <Bind>, which injects the\n     * `onChange` into its child element. In that case, that prop is not passed by the developer.\n     */\n    onChange?: (value: Pick<FileManagerFileItem, \"id\" | \"src\"> | null) => void;\n\n    /**\n     * Optional custom props, passed to the preview image.\n     */\n    imagePreviewProps?: any;\n\n    /**\n     * By default, file meta is not included in the data passed to `onChange`. If you need it, set this flag to true.\n     */\n    includeFileMeta?: boolean;\n\n    /**\n     * Is the wrapper round?\n     * @deprecated Provide a custom `renderImagePreview` instead.\n     */\n    round?: boolean;\n\n    /**\n     * Render the image preview.\n     */\n    renderFilePreview?: FilePickerProps[\"renderFilePreview\"];\n\n    /**\n     * Render the trigger button.\n     */\n    renderTrigger?: FilePickerProps[\"renderTrigger\"];\n\n    /**\n     * Component type.\n     */\n    type?: FilePickerProps[\"type\"];\n\n    /**\n     * Component variant.\n     */\n    variant?: FilePickerProps[\"variant\"];\n}\n\nconst SingleImageUpload = (props: SingleImageUploadProps) => {\n    const {\n        accept,\n        className,\n        description,\n        disabled,\n        includeFileMeta = false,\n        label,\n        maxSize,\n        renderFilePreview,\n        renderTrigger,\n        validation,\n        value,\n        variant,\n        type\n    } = props;\n\n    const onChange = useCallback(\n        (value: FileManagerFileItem | null) => {\n            if (!props.onChange) {\n                return;\n            }\n\n            if (value && !includeFileMeta) {\n                props.onChange({ id: value.id, src: value.src });\n                return;\n            }\n\n            if (value && includeFileMeta) {\n                props.onChange(value);\n                return;\n            }\n\n            props.onChange(null);\n        },\n        [props.onChange]\n    );\n\n    return (\n        <FileManager\n            onChange={onChange}\n            accept={accept}\n            images={!accept}\n            maxSize={maxSize}\n            render={({ showFileManager }) => (\n                <>\n                    <FilePicker\n                        label={label}\n                        description={description}\n                        validation={validation}\n                        className={className}\n                        disabled={disabled}\n                        value={value ? FileItem.createFromUrl(value.src) : null}\n                        onSelectItem={showFileManager}\n                        onRemoveItem={() => onChange(null)}\n                        renderFilePreview={renderFilePreview}\n                        renderTrigger={renderTrigger}\n                        variant={variant}\n                        type={type}\n                    />\n                </>\n            )}\n        />\n    );\n};\n\nexport default SingleImageUpload;\n"],"names":["SingleImageUpload","props","accept","className","description","disabled","includeFileMeta","label","maxSize","renderFilePreview","renderTrigger","validation","value","variant","type","onChange","useCallback","FileManager","showFileManager","FilePicker","FileItem"],"mappings":";;;AAkFA,MAAMA,oBAAoB,CAACC;IACvB,MAAM,EACFC,MAAM,EACNC,SAAS,EACTC,WAAW,EACXC,QAAQ,EACRC,kBAAkB,KAAK,EACvBC,KAAK,EACLC,OAAO,EACPC,iBAAiB,EACjBC,aAAa,EACbC,UAAU,EACVC,KAAK,EACLC,OAAO,EACPC,IAAI,EACP,GAAGb;IAEJ,MAAMc,WAAWC,YACb,CAACJ;QACG,IAAI,CAACX,MAAM,QAAQ,EACf;QAGJ,IAAIW,SAAS,CAACN,iBAAiB,YAC3BL,MAAM,QAAQ,CAAC;YAAE,IAAIW,MAAM,EAAE;YAAE,KAAKA,MAAM,GAAG;QAAC;QAIlD,IAAIA,SAASN,iBAAiB,YAC1BL,MAAM,QAAQ,CAACW;QAInBX,MAAM,QAAQ,CAAC;IACnB,GACA;QAACA,MAAM,QAAQ;KAAC;IAGpB,OAAO,WAAP,GACI,oBAACgB,aAAWA;QACR,UAAUF;QACV,QAAQb;QACR,QAAQ,CAACA;QACT,SAASM;QACT,QAAQ,CAAC,EAAEU,eAAe,EAAE,iBACxB,wDACI,oBAACC,YAAUA;gBACP,OAAOZ;gBACP,aAAaH;gBACb,YAAYO;gBACZ,WAAWR;gBACX,UAAUE;gBACV,OAAOO,QAAQQ,SAAS,aAAa,CAACR,MAAM,GAAG,IAAI;gBACnD,cAAcM;gBACd,cAAc,IAAMH,SAAS;gBAC7B,mBAAmBN;gBACnB,eAAeC;gBACf,SAASG;gBACT,MAAMC;;;AAM9B;AAEA,qCAAed"}
+{"version":3,"file":"components/SingleImageUpload.js","sources":["../../src/components/SingleImageUpload.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport type { FileManagerFileItem } from \"~/base/ui/FileManager.js\";\nimport { FileManager } from \"~/base/ui/FileManager.js\";\nimport type { FormComponentProps } from \"@webiny/admin-ui\";\nimport { FileItem, FilePicker, type FilePickerProps } from \"@webiny/admin-ui\";\n\nexport interface SingleImageUploadProps extends FormComponentProps {\n    /**\n     * Accept types\n     */\n    accept?: string[];\n\n    /**\n     * Component label.\n     */\n    label?: string;\n\n    /**\n     * Is component disabled?\n     */\n    disabled?: boolean;\n\n    /**\n     * Description beneath the image.\n     */\n    description?: React.ReactNode;\n\n    /**\n     * A className for the root element.\n     */\n    className?: string;\n\n    /**\n     * Define file's max allowed size (default is \"10mb\").\n     * Uses \"bytes\" (https://www.npmjs.com/package/bytes) library to convert string notation to actual number.\n     */\n    maxSize?: number | string;\n\n    /**\n     * onChange callback when a file is set or unset.\n     * It is marked as `optional` because this component is often used in conjunction with <Bind>, which injects the\n     * `onChange` into its child element. In that case, that prop is not passed by the developer.\n     */\n    onChange?: (value: Pick<FileManagerFileItem, \"id\" | \"src\"> | null) => void;\n\n    /**\n     * Optional custom props, passed to the preview image.\n     */\n    imagePreviewProps?: any;\n\n    /**\n     * By default, file meta is not included in the data passed to `onChange`. If you need it, set this flag to true.\n     */\n    includeFileMeta?: boolean;\n\n    /**\n     * Is the wrapper round?\n     * @deprecated Provide a custom `renderImagePreview` instead.\n     */\n    round?: boolean;\n\n    /**\n     * Render the image preview.\n     */\n    renderFilePreview?: FilePickerProps[\"renderFilePreview\"];\n\n    /**\n     * Render the trigger button.\n     */\n    renderTrigger?: FilePickerProps[\"renderTrigger\"];\n\n    /**\n     * Component type.\n     */\n    type?: FilePickerProps[\"type\"];\n\n    /**\n     * Component variant.\n     */\n    variant?: FilePickerProps[\"variant\"];\n}\n\nexport const SingleImageUpload = (props: SingleImageUploadProps) => {\n    const {\n        accept,\n        className,\n        description,\n        disabled,\n        includeFileMeta = false,\n        label,\n        maxSize,\n        renderFilePreview,\n        renderTrigger,\n        validation,\n        value,\n        variant,\n        type\n    } = props;\n\n    const onChange = useCallback(\n        (value: FileManagerFileItem | null) => {\n            if (!props.onChange) {\n                return;\n            }\n\n            if (value && !includeFileMeta) {\n                props.onChange({ id: value.id, src: value.src });\n                return;\n            }\n\n            if (value && includeFileMeta) {\n                props.onChange(value);\n                return;\n            }\n\n            props.onChange(null);\n        },\n        [props.onChange]\n    );\n\n    return (\n        <FileManager\n            onChange={onChange}\n            accept={accept}\n            images={!accept}\n            maxSize={maxSize}\n            render={({ showFileManager }) => (\n                <>\n                    <FilePicker\n                        label={label}\n                        description={description}\n                        validation={validation}\n                        className={className}\n                        disabled={disabled}\n                        value={value ? FileItem.createFromUrl(value.src) : null}\n                        onSelectItem={showFileManager}\n                        onRemoveItem={() => onChange(null)}\n                        renderFilePreview={renderFilePreview}\n                        renderTrigger={renderTrigger}\n                        variant={variant}\n                        type={type}\n                    />\n                </>\n            )}\n        />\n    );\n};\n"],"names":["SingleImageUpload","props","accept","className","description","disabled","includeFileMeta","label","maxSize","renderFilePreview","renderTrigger","validation","value","variant","type","onChange","useCallback","FileManager","showFileManager","FilePicker","FileItem"],"mappings":";;;AAkFO,MAAMA,oBAAoB,CAACC;IAC9B,MAAM,EACFC,MAAM,EACNC,SAAS,EACTC,WAAW,EACXC,QAAQ,EACRC,kBAAkB,KAAK,EACvBC,KAAK,EACLC,OAAO,EACPC,iBAAiB,EACjBC,aAAa,EACbC,UAAU,EACVC,KAAK,EACLC,OAAO,EACPC,IAAI,EACP,GAAGb;IAEJ,MAAMc,WAAWC,YACb,CAACJ;QACG,IAAI,CAACX,MAAM,QAAQ,EACf;QAGJ,IAAIW,SAAS,CAACN,iBAAiB,YAC3BL,MAAM,QAAQ,CAAC;YAAE,IAAIW,MAAM,EAAE;YAAE,KAAKA,MAAM,GAAG;QAAC;QAIlD,IAAIA,SAASN,iBAAiB,YAC1BL,MAAM,QAAQ,CAACW;QAInBX,MAAM,QAAQ,CAAC;IACnB,GACA;QAACA,MAAM,QAAQ;KAAC;IAGpB,OAAO,WAAP,GACI,oBAACgB,aAAWA;QACR,UAAUF;QACV,QAAQb;QACR,QAAQ,CAACA;QACT,SAASM;QACT,QAAQ,CAAC,EAAEU,eAAe,EAAE,iBACxB,wDACI,oBAACC,YAAUA;gBACP,OAAOZ;gBACP,aAAaH;gBACb,YAAYO;gBACZ,WAAWR;gBACX,UAAUE;gBACV,OAAOO,QAAQQ,SAAS,aAAa,CAACR,MAAM,GAAG,IAAI;gBACnD,cAAcM;gBACd,cAAc,IAAMH,SAAS;gBAC7B,mBAAmBN;gBACnB,eAAeC;gBACf,SAASG;gBACT,MAAMC;;;AAM9B"}

package/components/SplitView/SplitView.js

@@ -4,7 +4,7 @@ import { useLocalStorage, useLocalStorageValue } from "@webiny/app";
 import * as __rspack_external_react from "react";
 const SplitView = ({ children, className, namespace = "splitView", ...props })=>{
     const localStorage = useLocalStorage();
-    const layout = useLocalStorageValue(namespace);
+    const layout = useLocalStorageValue(`${namespace}/panels`);
     const saveLayout = (0, __rspack_external_react.useCallback)((layout)=>{
         localStorage.set(`${namespace}/panels`, layout);
     }, [

package/components/SplitView/SplitView.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/SplitView/SplitView.js","sources":["../../../src/components/SplitView/SplitView.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type { ColumnProps } from \"@webiny/admin-ui\";\nimport { cn, Separator } from \"@webiny/admin-ui\";\nimport type { PanelProps, PanelGroupProps } from \"~/components/ResizablePanels/index.js\";\nimport {\n    Panel,\n    PanelGroup,\n    PanelResizeHandle,\n    type Layout\n} from \"~/components/ResizablePanels/index.js\";\nimport { useLocalStorage, useLocalStorageValue } from \"@webiny/app\";\nimport { useCallback } from \"react\";\n\ninterface SplitViewProps extends Omit<PanelGroupProps, \"id\"> {\n    namespace?: string;\n}\n\nexport const SplitView = ({\n    children,\n    className,\n    namespace = \"splitView\",\n    ...props\n}: SplitViewProps) => {\n    const localStorage = useLocalStorage();\n\n    const layout = useLocalStorageValue<Layout>(namespace);\n\n    const saveLayout = useCallback(\n        (layout: Layout) => {\n            localStorage.set(`${namespace}/panels`, layout);\n        },\n        [localStorage, namespace]\n    );\n\n    return (\n        <PanelGroup\n            id={namespace}\n            defaultLayout={layout}\n            className={cn(\"webiny-split-view\", className)}\n            onLayoutChanged={saveLayout}\n            {...props}\n        >\n            {children}\n        </PanelGroup>\n    );\n};\n\n// Get the default size for the panel:\nconst getDefaultSize = (span: ColumnProps[\"span\"]) => {\n    const spanValue = typeof span === \"number\" && span > 0 && span <= 12 ? span : 6;\n    return (spanValue / 12) * 100;\n};\n\ninterface SplitViewPanelProps extends Omit<PanelProps, \"id\"> {\n    span?: ColumnProps[\"span\"];\n}\n\nexport const LeftPanel = ({ children, className, ...props }: SplitViewPanelProps) => {\n    const defaultSize = props.defaultSize ?? getDefaultSize(props.span || 5);\n\n    return (\n        <>\n            <Panel\n                defaultSize={defaultSize}\n                minSize={10}\n                id=\"leftPanel\"\n                className={cn(\"webiny-split-view__right-panel\", className)}\n                {...props}\n            >\n                {children}\n            </Panel>\n            <PanelResizeHandle className={\"outline-0\"}>\n                <Separator orientation={\"vertical\"} />\n            </PanelResizeHandle>\n        </>\n    );\n};\n\nexport const RightPanel = ({ children, className, ...props }: SplitViewPanelProps) => {\n    const defaultSize = props.defaultSize ?? getDefaultSize(props.span || 7);\n\n    return (\n        <Panel\n            defaultSize={defaultSize}\n            minSize={30}\n            id=\"rightPanel\"\n            className={cn(\"overflow-scroll! webiny-split-view__right-panel\", className)}\n            {...props}\n            style={{ overflowY: \"scroll\" }}\n        >\n            {children}\n        </Panel>\n    );\n};\n"],"names":["SplitView","children","className","namespace","props","localStorage","useLocalStorage","layout","useLocalStorageValue","saveLayout","useCallback","PanelGroup","cn","getDefaultSize","span","spanValue","LeftPanel","defaultSize","Panel","PanelResizeHandle","Separator","RightPanel"],"mappings":";;;;AAiBO,MAAMA,YAAY,CAAC,EACtBC,QAAQ,EACRC,SAAS,EACTC,YAAY,WAAW,EACvB,GAAGC,OACU;IACb,MAAMC,eAAeC;IAErB,MAAMC,SAASC,qBAA6BL;IAE5C,MAAMM,aAAaC,AAAAA,IAAAA,wBAAAA,WAAAA,AAAAA,EACf,CAACH;QACGF,aAAa,GAAG,CAAC,GAAGF,UAAU,OAAO,CAAC,EAAEI;IAC5C,GACA;QAACF;QAAcF;KAAU;IAG7B,OAAO,WAAP,GACI,sCAACQ,YAAUA;QACP,IAAIR;QACJ,eAAeI;QACf,WAAWK,GAAG,qBAAqBV;QACnC,iBAAiBO;QAChB,GAAGL,KAAK;OAERH;AAGb;AAGA,MAAMY,iBAAiB,CAACC;IACpB,MAAMC,YAAY,AAAgB,YAAhB,OAAOD,QAAqBA,OAAO,KAAKA,QAAQ,KAAKA,OAAO;IAC9E,OAAQC,YAAY,KAAM;AAC9B;AAMO,MAAMC,YAAY,CAAC,EAAEf,QAAQ,EAAEC,SAAS,EAAE,GAAGE,OAA4B;IAC5E,MAAMa,cAAcb,MAAM,WAAW,IAAIS,eAAeT,MAAM,IAAI,IAAI;IAEtE,OAAO,WAAP,GACI,4FACI,sCAACc,OAAKA;QACF,aAAaD;QACb,SAAS;QACT,IAAG;QACH,WAAWL,GAAG,kCAAkCV;QAC/C,GAAGE,KAAK;OAERH,WAAAA,WAAAA,GAEL,sCAACkB,mBAAiBA;QAAC,WAAW;qBAC1B,sCAACC,WAASA;QAAC,aAAa;;AAIxC;AAEO,MAAMC,aAAa,CAAC,EAAEpB,QAAQ,EAAEC,SAAS,EAAE,GAAGE,OAA4B;IAC7E,MAAMa,cAAcb,MAAM,WAAW,IAAIS,eAAeT,MAAM,IAAI,IAAI;IAEtE,OAAO,WAAP,GACI,sCAACc,OAAKA;QACF,aAAaD;QACb,SAAS;QACT,IAAG;QACH,WAAWL,GAAG,mDAAmDV;QAChE,GAAGE,KAAK;QACT,OAAO;YAAE,WAAW;QAAS;OAE5BH;AAGb"}
+{"version":3,"file":"components/SplitView/SplitView.js","sources":["../../../src/components/SplitView/SplitView.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type { ColumnProps } from \"@webiny/admin-ui\";\nimport { cn, Separator } from \"@webiny/admin-ui\";\nimport type { PanelProps, PanelGroupProps } from \"~/components/ResizablePanels/index.js\";\nimport {\n    Panel,\n    PanelGroup,\n    PanelResizeHandle,\n    type Layout\n} from \"~/components/ResizablePanels/index.js\";\nimport { useLocalStorage, useLocalStorageValue } from \"@webiny/app\";\nimport { useCallback } from \"react\";\n\ninterface SplitViewProps extends Omit<PanelGroupProps, \"id\"> {\n    namespace?: string;\n}\n\nexport const SplitView = ({\n    children,\n    className,\n    namespace = \"splitView\",\n    ...props\n}: SplitViewProps) => {\n    const localStorage = useLocalStorage();\n\n    const layout = useLocalStorageValue<Layout>(`${namespace}/panels`);\n\n    const saveLayout = useCallback(\n        (layout: Layout) => {\n            localStorage.set(`${namespace}/panels`, layout);\n        },\n        [localStorage, namespace]\n    );\n\n    return (\n        <PanelGroup\n            id={namespace}\n            defaultLayout={layout}\n            className={cn(\"webiny-split-view\", className)}\n            onLayoutChanged={saveLayout}\n            {...props}\n        >\n            {children}\n        </PanelGroup>\n    );\n};\n\n// Get the default size for the panel:\nconst getDefaultSize = (span: ColumnProps[\"span\"]) => {\n    const spanValue = typeof span === \"number\" && span > 0 && span <= 12 ? span : 6;\n    return (spanValue / 12) * 100;\n};\n\ninterface SplitViewPanelProps extends Omit<PanelProps, \"id\"> {\n    span?: ColumnProps[\"span\"];\n}\n\nexport const LeftPanel = ({ children, className, ...props }: SplitViewPanelProps) => {\n    const defaultSize = props.defaultSize ?? getDefaultSize(props.span || 5);\n\n    return (\n        <>\n            <Panel\n                defaultSize={defaultSize}\n                minSize={10}\n                id=\"leftPanel\"\n                className={cn(\"webiny-split-view__right-panel\", className)}\n                {...props}\n            >\n                {children}\n            </Panel>\n            <PanelResizeHandle className={\"outline-0\"}>\n                <Separator orientation={\"vertical\"} />\n            </PanelResizeHandle>\n        </>\n    );\n};\n\nexport const RightPanel = ({ children, className, ...props }: SplitViewPanelProps) => {\n    const defaultSize = props.defaultSize ?? getDefaultSize(props.span || 7);\n\n    return (\n        <Panel\n            defaultSize={defaultSize}\n            minSize={30}\n            id=\"rightPanel\"\n            className={cn(\"overflow-scroll! webiny-split-view__right-panel\", className)}\n            {...props}\n            style={{ overflowY: \"scroll\" }}\n        >\n            {children}\n        </Panel>\n    );\n};\n"],"names":["SplitView","children","className","namespace","props","localStorage","useLocalStorage","layout","useLocalStorageValue","saveLayout","useCallback","PanelGroup","cn","getDefaultSize","span","spanValue","LeftPanel","defaultSize","Panel","PanelResizeHandle","Separator","RightPanel"],"mappings":";;;;AAiBO,MAAMA,YAAY,CAAC,EACtBC,QAAQ,EACRC,SAAS,EACTC,YAAY,WAAW,EACvB,GAAGC,OACU;IACb,MAAMC,eAAeC;IAErB,MAAMC,SAASC,qBAA6B,GAAGL,UAAU,OAAO,CAAC;IAEjE,MAAMM,aAAaC,AAAAA,IAAAA,wBAAAA,WAAAA,AAAAA,EACf,CAACH;QACGF,aAAa,GAAG,CAAC,GAAGF,UAAU,OAAO,CAAC,EAAEI;IAC5C,GACA;QAACF;QAAcF;KAAU;IAG7B,OAAO,WAAP,GACI,sCAACQ,YAAUA;QACP,IAAIR;QACJ,eAAeI;QACf,WAAWK,GAAG,qBAAqBV;QACnC,iBAAiBO;QAChB,GAAGL,KAAK;OAERH;AAGb;AAGA,MAAMY,iBAAiB,CAACC;IACpB,MAAMC,YAAY,AAAgB,YAAhB,OAAOD,QAAqBA,OAAO,KAAKA,QAAQ,KAAKA,OAAO;IAC9E,OAAQC,YAAY,KAAM;AAC9B;AAMO,MAAMC,YAAY,CAAC,EAAEf,QAAQ,EAAEC,SAAS,EAAE,GAAGE,OAA4B;IAC5E,MAAMa,cAAcb,MAAM,WAAW,IAAIS,eAAeT,MAAM,IAAI,IAAI;IAEtE,OAAO,WAAP,GACI,4FACI,sCAACc,OAAKA;QACF,aAAaD;QACb,SAAS;QACT,IAAG;QACH,WAAWL,GAAG,kCAAkCV;QAC/C,GAAGE,KAAK;OAERH,WAAAA,WAAAA,GAEL,sCAACkB,mBAAiBA;QAAC,WAAW;qBAC1B,sCAACC,WAASA;QAAC,aAAa;;AAIxC;AAEO,MAAMC,aAAa,CAAC,EAAEpB,QAAQ,EAAEC,SAAS,EAAE,GAAGE,OAA4B;IAC7E,MAAMa,cAAcb,MAAM,WAAW,IAAIS,eAAeT,MAAM,IAAI,IAAI;IAEtE,OAAO,WAAP,GACI,sCAACc,OAAKA;QACF,aAAaD;QACb,SAAS;QACT,IAAG;QACH,WAAWL,GAAG,mDAAmDV;QAChE,GAAGE,KAAK;QACT,OAAO;YAAE,WAAW;QAAS;OAE5BH;AAGb"}

package/components/Table/cells/CellAuthor.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const CellAuthor: () => React.JSX.Element | null;

package/components/Table/cells/CellAuthor.js

@@ -0,0 +1,10 @@
+import react, { useContext } from "react";
+import { TableRowContext } from "../useTableRow.js";
+const CellAuthor = ()=>{
+    const context = useContext(TableRowContext);
+    if (!context) return null;
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, context.row.data.createdBy.displayName);
+};
+export { CellAuthor };
+
+//# sourceMappingURL=CellAuthor.js.map

package/components/Table/cells/CellAuthor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/Table/cells/CellAuthor.js","sources":["../../../../src/components/Table/cells/CellAuthor.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { TableRowContext } from \"../useTableRow.js\";\n\nexport const CellAuthor = () => {\n    const context = useContext(TableRowContext);\n    if (!context) {\n        return null;\n    }\n    return <>{context.row.data.createdBy.displayName}</>;\n};\n"],"names":["CellAuthor","context","useContext","TableRowContext"],"mappings":";;AAGO,MAAMA,aAAa;IACtB,MAAMC,UAAUC,WAAWC;IAC3B,IAAI,CAACF,SACD,OAAO;IAEX,OAAO,WAAP,GAAO,0CAAGA,QAAQ,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,WAAW;AACpD"}

package/components/Table/cells/CellCreated.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const CellCreated: () => React.JSX.Element | null;

package/components/Table/cells/CellCreated.js

@@ -0,0 +1,13 @@
+import react, { useContext } from "react";
+import { TimeAgo } from "@webiny/admin-ui";
+import { TableRowContext } from "../useTableRow.js";
+const CellCreated = ()=>{
+    const context = useContext(TableRowContext);
+    if (!context) return null;
+    return /*#__PURE__*/ react.createElement(TimeAgo, {
+        datetime: context.row.data.createdOn
+    });
+};
+export { CellCreated };
+
+//# sourceMappingURL=CellCreated.js.map

package/components/Table/cells/CellCreated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/Table/cells/CellCreated.js","sources":["../../../../src/components/Table/cells/CellCreated.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { TimeAgo } from \"@webiny/admin-ui\";\nimport { TableRowContext } from \"../useTableRow.js\";\n\nexport const CellCreated = () => {\n    const context = useContext(TableRowContext);\n    if (!context) {\n        return null;\n    }\n    return <TimeAgo datetime={context.row.data.createdOn} />;\n};\n"],"names":["CellCreated","context","useContext","TableRowContext","TimeAgo"],"mappings":";;;AAIO,MAAMA,cAAc;IACvB,MAAMC,UAAUC,WAAWC;IAC3B,IAAI,CAACF,SACD,OAAO;IAEX,OAAO,WAAP,GAAO,oBAACG,SAAOA;QAAC,UAAUH,QAAQ,GAAG,CAAC,IAAI,CAAC,SAAS;;AACxD"}

package/components/Table/cells/CellModified.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const CellModified: () => React.JSX.Element | null;

package/components/Table/cells/CellModified.js

@@ -0,0 +1,13 @@
+import react, { useContext } from "react";
+import { TimeAgo } from "@webiny/admin-ui";
+import { TableRowContext } from "../useTableRow.js";
+const CellModified = ()=>{
+    const context = useContext(TableRowContext);
+    if (!context) return null;
+    return /*#__PURE__*/ react.createElement(TimeAgo, {
+        datetime: context.row.data.savedOn
+    });
+};
+export { CellModified };
+
+//# sourceMappingURL=CellModified.js.map

package/components/Table/cells/CellModified.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/Table/cells/CellModified.js","sources":["../../../../src/components/Table/cells/CellModified.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { TimeAgo } from \"@webiny/admin-ui\";\nimport { TableRowContext } from \"../useTableRow.js\";\n\nexport const CellModified = () => {\n    const context = useContext(TableRowContext);\n    if (!context) {\n        return null;\n    }\n    return <TimeAgo datetime={context.row.data.savedOn} />;\n};\n"],"names":["CellModified","context","useContext","TableRowContext","TimeAgo"],"mappings":";;;AAIO,MAAMA,eAAe;IACxB,MAAMC,UAAUC,WAAWC;IAC3B,IAAI,CAACF,SACD,OAAO;IAEX,OAAO,WAAP,GAAO,oBAACG,SAAOA;QAAC,UAAUH,QAAQ,GAAG,CAAC,IAAI,CAAC,OAAO;;AACtD"}

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

@@ -0,0 +1,3 @@
+export { CellAuthor } from "./CellAuthor.js";
+export { CellCreated } from "./CellCreated.js";
+export { CellModified } from "./CellModified.js";

package/components/Table/cells/index.js

@@ -0,0 +1,3 @@
+export { CellAuthor } from "./CellAuthor.js";
+export { CellCreated } from "./CellCreated.js";
+export { CellModified } from "./CellModified.js";

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

@@ -0,0 +1,9 @@
+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/Column.js").ColumnDTO[];
+}

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

@@ -0,0 +1,23 @@
+import { makeAutoObservable } from "mobx";
+class ColumnsVisibilityDecorator {
+    constructor(visibilityRepository, columnsRepository){
+        this.columnsRepository = columnsRepository;
+        this.columnsVisibilityRepository = visibilityRepository;
+        makeAutoObservable(this);
+    }
+    async init() {
+        this.columnsRepository.init();
+        this.columnsVisibilityRepository.init();
+    }
+    getColumns() {
+        const columns = this.columnsRepository.getColumns();
+        const visibility = this.columnsVisibilityRepository.getVisibility();
+        return visibility ? columns.map((column)=>({
+                ...column,
+                visible: visibility[column.name] ?? column.visible
+            })) : columns;
+    }
+}
+export { ColumnsVisibilityDecorator };
+
+//# sourceMappingURL=ColumnsVisibilityDecorator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components/Table/components/Table/ColumnVisibility/ColumnsVisibilityDecorator.js","sources":["../../../../../../src/components/Table/components/Table/ColumnVisibility/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"],"names":["ColumnsVisibilityDecorator","visibilityRepository","columnsRepository","makeAutoObservable","columns","visibility","column"],"mappings":";AAIO,MAAMA;IAIT,YACIC,oBAAkD,EAClDC,iBAAqC,CACvC;QACE,IAAI,CAAC,iBAAiB,GAAGA;QACzB,IAAI,CAAC,2BAA2B,GAAGD;QACnCE,mBAAmB,IAAI;IAC3B;IAEA,MAAM,OAAO;QACT,IAAI,CAAC,iBAAiB,CAAC,IAAI;QAC3B,IAAI,CAAC,2BAA2B,CAAC,IAAI;IACzC;IAEA,aAAa;QACT,MAAMC,UAAU,IAAI,CAAC,iBAAiB,CAAC,UAAU;QACjD,MAAMC,aAAa,IAAI,CAAC,2BAA2B,CAAC,aAAa;QAEjE,OAAOA,aACDD,QAAQ,GAAG,CAACE,CAAAA,SACD;gBAAE,GAAGA,MAAM;gBAAE,SAASD,UAAU,CAACC,OAAO,IAAI,CAAC,IAAIA,OAAO,OAAO;YAAC,MAE3EF;IACV;AACJ"}

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

@@ -0,0 +1,9 @@
+import type { ColumnsPresenter } from "../Columns/ColumnsPresenter.js";
+export declare class ColumnsVisibilityPresenter {
+    private columnsPresenter;
+    constructor(columnsPresenter: ColumnsPresenter);
+    get vm(): {
+        columnsVisibility: {};
+    };
+    private getColumnsVisibility;
+}

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

@@ -0,0 +1,21 @@
+import { makeAutoObservable } from "mobx";
+class ColumnsVisibilityPresenter {
+    constructor(columnsPresenter){
+        this.columnsPresenter = columnsPresenter;
+        makeAutoObservable(this);
+    }
+    get vm() {
+        return {
+            columnsVisibility: this.getColumnsVisibility()
+        };
+    }
+    getColumnsVisibility() {
+        return this.columnsPresenter.vm.columns.reduce((acc, column)=>({
+                ...acc,
+                [column.name]: column.visible
+            }), {});
+    }
+}
+export { ColumnsVisibilityPresenter };
+
+//# sourceMappingURL=ColumnsVisibilityPresenter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components/Table/components/Table/ColumnVisibility/ColumnsVisibilityPresenter.js","sources":["../../../../../../src/components/Table/components/Table/ColumnVisibility/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"],"names":["ColumnsVisibilityPresenter","columnsPresenter","makeAutoObservable","acc","column"],"mappings":";AAGO,MAAMA;IAGT,YAAYC,gBAAkC,CAAE;QAC5C,IAAI,CAAC,gBAAgB,GAAGA;QACxBC,mBAAmB,IAAI;IAC3B;IAEA,IAAI,KAAK;QACL,OAAO;YACH,mBAAmB,IAAI,CAAC,oBAAoB;QAChD;IACJ;IAEQ,uBAAuB;QAC3B,OAAO,IAAI,CAAC,gBAAgB,CAAC,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAACC,KAAKC,SAC1C;gBAAE,GAAGD,GAAG;gBAAE,CAACC,OAAO,IAAI,CAAC,EAAEA,OAAO,OAAO;YAAC,IAChD,CAAC;IACR;AACJ"}

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":";;;;;;AASA,MAAMA,iBAA4C;IAC9C,KAAKC,GAAG,EAAE;IACV,KAAKA,GAAG,EAAE;AACd;AAEA,MAAMC,oBAAoB,CAAC,EACvBC,GAAG,EACHC,GAAG,EAC8B,GAAiC;QAClE,GAAGJ,cAAc;QACjB,GAAIG,OAAO;YAAEA;QAAI,CAAC;QAClB,GAAIC,OAAO;YAAEA;QAAI,CAAC;IACtB;AAEAC,SAAS,8BAA8B;IACnC,MAAMC,gBAAgC;QAClC;YACI,MAAM;YACN,WAAW;YACX,QAAQ;YACR,UAAU;YACV,MAAM;YACN,UAAU;YACV,WAAW;YACX,MAAM;YACN,UAAU;YACV,SAAS;QACb;QACA;YACI,MAAM;YACN,WAAW;YACX,QAAQ;YACR,UAAU;YACV,MAAM;YACN,UAAU;YACV,WAAW;YACX,MAAM;YACN,UAAU;YACV,SAAS;QACb;QACA;YACI,MAAM;YACN,WAAW;YACX,QAAQ;YACR,UAAU;YACV,MAAM;YACN,UAAU;YACV,WAAW;YACX,MAAM;YACN,UAAU;YACV,SAAS;QACb;KACH;IAEDC,WAAW;QACPN,GAAG,aAAa;IACpB;IAEAO,GAAG,+DAA+D;QAE9D,MAAMC,cAAc,IAAIC,kBACpBJ,cAAc,GAAG,CAACK,CAAAA,SAAUC,OAAO,gBAAgB,CAACD;QAExD,MAAME,iBAAiB,IAAIC,4BAA4Bd;QACvD,MAAMe,OAAO,IAAIC,2BAA2BH,gBAAgBJ;QAE5D,MAAMQ,mBAAmB,IAAIC,iBAAiBH;QAC9C,MAAMI,6BAA6B,IAAIC,2BAA2BH;QAGlE,MAAMA,iBAAiB,IAAI;QAE3BI,OAAOrB,eAAe,GAAG,EAAE,eAAe,CAAC;QAE3CqB,OAAOF,2BAA2B,EAAE,EAAE,OAAO,CAAC;YAC1C,mBAAmB;gBACf,IAAI;gBACJ,OAAO;gBACP,MAAM;YACV;QACJ;IACJ;IAEAX,GAAG,qFAAqF;QAEpF,MAAMc,UAAUpB,kBAAkB;YAC9B,KAAKD,GAAAA,EACE,GACF,kBAAkB,CAAC,UAAa;oBAAE,OAAO;gBAAM;QACxD;QAGA,MAAMQ,cAAc,IAAIC,kBACpBJ,cAAc,GAAG,CAACK,CAAAA,SAAUC,OAAO,gBAAgB,CAACD;QAExD,MAAME,iBAAiB,IAAIC,4BAA4BQ;QACvD,MAAMP,OAAO,IAAIC,2BAA2BH,gBAAgBJ;QAE5D,MAAMQ,mBAAmB,IAAIC,iBAAiBH;QAC9C,MAAMI,6BAA6B,IAAIC,2BAA2BH;QAGlE,MAAMA,iBAAiB,IAAI;QAE3BI,OAAOC,QAAQ,GAAG,EAAE,eAAe,CAAC;QAEpCD,OAAOF,2BAA2B,EAAE,EAAE,OAAO,CAAC;YAC1C,mBAAmB;gBACf,IAAI;gBACJ,OAAO;gBACP,MAAM;YACV;QACJ;IACJ;IAEAX,GAAG,0EAA0E;QAEzE,MAAMC,cAAc,IAAIC,kBACpBJ,cAAc,GAAG,CAACK,CAAAA,SAAUC,OAAO,gBAAgB,CAACD;QAExD,MAAME,iBAAiB,IAAIC,4BAA4Bd;QACvD,MAAMe,OAAO,IAAIC,2BAA2BH,gBAAgBJ;QAE5D,MAAMQ,mBAAmB,IAAIC,iBAAiBH;QAC9C,MAAMI,6BAA6B,IAAIC,2BAA2BH;QAGlE,MAAMM,2BAA2B,IAAIC,yBAAyBX;QAG9D,MAAMI,iBAAiB,IAAI;QAG3B,MAAMQ,UAAUN,2BAA2B,EAAE,CAAC,iBAAiB;QAC/DE,OAAOI,SAAS,OAAO,CAAC;YACpB,IAAI;YACJ,OAAO;YACP,MAAM;QACV;QAGA,MAAMC,UAAUzB,GAAAA,EACT,GACF,kBAAkB,CAAC,CAAC0B,UAAkB;gBAAE,GAAGA,OAAO;gBAAE,OAAO;YAAM;QAEtE,MAAMJ,yBAAyB,MAAM,CAACG;QAEtCL,OAAOF,2BAA2B,EAAE,EAAE,OAAO,CAAC;YAC1C,mBAAmB;gBACf,IAAI;gBACJ,OAAO;gBACP,MAAM;YACV;QACJ;IACJ;AACJ"}

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"}