sti-antd-package 0.0.48 → 0.0.50

package/dist/components/Checkbox/Group/types.d.ts

@@ -1,16 +1,19 @@
+import { FormItemCheckbox } from "../../Form/Item";
 import { CheckboxOptionType } from "antd";
 import React, { Ref } from "react";
-import { FormItemCheckbox } from "../../Form/Item";
 export interface CheckboxGroupComponentRef<T> {
     value: () => T[];
     setValue: React.Dispatch<React.SetStateAction<T[]>>;
 }
+export interface CheckboxOptionAdditional {
+    readonly?: boolean;
+}
 interface CheckboxGroup<T> {
-    options?: (CheckboxOptionType<T> | string | number)[];
+    options?: (CheckboxOptionType<T> & CheckboxOptionAdditional | string | number)[];
     value?: T[];
     defaultValue?: T[];
     onChange?: (checkedValue: T[]) => void;
     ref?: Ref<CheckboxGroupComponentRef<T>>;
 }
-export type CheckboxGroupComponentProps<T> = FormItemCheckbox & CheckboxGroup<T>;
+export type CheckboxGroupComponentProps<T = any> = FormItemCheckbox & CheckboxGroup<T>;
 export {};

package/dist/components/Checkbox/types.d.ts

@@ -6,6 +6,7 @@ export interface CheckboxComponentRef {
     setChecked: React.Dispatch<React.SetStateAction<boolean>>;
 }
 interface Checkbox {
+    readonly?: boolean;
     checked?: boolean;
     defaultChecked?: boolean;
     onChange?: (event: CheckboxChangeEvent) => void;

package/dist/components/Radio/types.d.ts

@@ -1,9 +1,10 @@
+import { CheckboxOptionAdditional } from "../Checkbox/Group";
 import { FormItemRadio } from "../Form/Item";
 import { CheckboxOptionType, RadioChangeEvent } from "antd";
 import { RadioGroupButtonStyle, RadioGroupOptionType } from "antd/lib/radio";
 interface Radio<T> {
     buttonStyle?: RadioGroupButtonStyle;
-    options?: (CheckboxOptionType<T> | string | number)[];
+    options?: (CheckboxOptionType<T> & CheckboxOptionAdditional | string | number)[];
     optionType?: RadioGroupOptionType;
     onChange?: (event: RadioChangeEvent) => void;
 }

package/dist/components/Select/Async/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from "./Component";
+export { default, formatCodeDescription, formatCodeName, formatDescription, formatName } from "./Component";
 export type * from "./types";

package/dist/components/Upload/Dragger/types.d.ts

@@ -1,14 +1,15 @@
 import { FormItemUploadDragger } from "../../Form/Item";
+import { BeforeUploadValueType, UploadType } from "../types";
 import { RcFile } from "antd/es/upload";
 import { UploadChangeParam, UploadFile, UploadListType } from "antd/es/upload/interface";
 import { UploadRequestOption } from "rc-upload/lib/interface";
-type BeforeUploadValueType = void | boolean | string | Blob | File;
 interface UploadDragger {
     multiple?: boolean;
     readonly?: boolean;
     listType?: UploadListType;
     rootClassNames?: string[];
     classNames?: string[];
+    accept?: UploadType[];
     action?: string | ((file: RcFile) => string) | ((file: RcFile) => PromiseLike<string>);
     withCredentials?: boolean;
     beforeUpload?: ((file: RcFile, fileList: RcFile[]) => BeforeUploadValueType | Promise<BeforeUploadValueType>);

package/dist/components/Upload/index.d.ts

@@ -0,0 +1 @@
+export type * from "./types";

package/dist/components/Upload/types.d.ts

@@ -0,0 +1,2 @@
+export type UploadType = "image" | "excel" | "pdf";
+export type BeforeUploadValueType = void | boolean | string | Blob | File;

package/dist/components/index.d.ts

@@ -36,7 +36,7 @@ export { default as RadioComponent } from "./Radio";
 export type { RadioComponentProps } from "./Radio";
 export { default as SelectComponent } from "./Select";
 export type { SelectComponentProps, SelectOption } from "./Select";
-export { default as SelectAsyncComponent } from "./Select/Async";
+export { default as SelectAsyncComponent, formatCodeDescription, formatCodeName, formatDescription, formatName } from "./Select/Async";
 export type { SelectAsyncComponentProps, SelectAsyncComponentRef } from "./Select/Async";
 export { default as SwitchComponent } from "./Switch";
 export type { SwitchComponentProps } from "./Switch";

package/dist/helpers/selectAsync/types.d.ts

@@ -1,10 +1,14 @@
 import { AnyObject } from "antd/es/_util/type";
 import { AxiosResponse } from "axios";
+import { DefaultOptionType } from "rc-select/lib/Select";
 export interface SelectAsyncFormat {
-    [key: string]: any;
-    value: string | number | ((data: AnyObject) => string | number);
-    label?: string | ((data: AnyObject) => string | React.ReactNode);
+    value: string | ((data: AnyObject) => DefaultOptionType['value']);
+    label?: string | ((data: AnyObject) => DefaultOptionType['label']);
     text?: string | ((data: AnyObject) => string | React.ReactNode);
+    className?: string | ((data: AnyObject) => DefaultOptionType['className']);
+    disabled?: string | ((data: AnyObject) => DefaultOptionType['disabled']);
+    title?: string | ((data: AnyObject) => DefaultOptionType['title']);
+    [key: string]: any;
 }
 export interface SelectAsyncProps {
     format: SelectAsyncFormat;

package/dist/index.d.ts

@@ -15,6 +15,7 @@ import { ShouldUpdate } from 'rc-field-form/lib/Field';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { AnyObject } from 'antd/es/_util/type';
 import { AxiosResponse } from 'axios';
+import { DefaultOptionType as DefaultOptionType$1 } from 'rc-select/lib/Select';
 import { ColumnOrColumnGroup } from 'react-data-grid';
 import { DatePickerProps, RangePickerProps } from 'antd/es/date-picker';
 import { PickerClassNames } from 'antd/es/date-picker/generatePicker/interface';
@@ -23,7 +24,7 @@ import { RangeValueType } from 'rc-picker/lib/PickerInput/RangePicker';
 import { valueType } from 'antd/es/statistic/utils';
 import { OnValueChange } from 'react-number-format';
 import { RadioGroupButtonStyle, RadioGroupOptionType } from 'antd/lib/radio';
-import { DefaultOptionType as DefaultOptionType$1 } from 'antd/es/select';
+import { DefaultOptionType as DefaultOptionType$2 } from 'antd/es/select';
 import { ClassTransformOptions } from 'class-transformer';
 import { ColumnsType, TablePaginationConfig, FilterValue, SorterResult, TableCurrentDataSource, TableRowSelection, ColumnType, ColumnGroupType } from 'antd/es/table/interface';
 import { TableProps } from 'rc-table';
@@ -270,6 +271,7 @@ interface CheckboxComponentRef {
     setChecked: React.Dispatch<React.SetStateAction<boolean>>;
 }
 interface Checkbox {
+    readonly?: boolean;
     checked?: boolean;
     defaultChecked?: boolean;
     onChange?: (event: CheckboxChangeEvent) => void;
@@ -284,14 +286,17 @@ interface CheckboxGroupComponentRef<T> {
     value: () => T[];
     setValue: React$1.Dispatch<React$1.SetStateAction<T[]>>;
 }
+interface CheckboxOptionAdditional {
+    readonly?: boolean;
+}
 interface CheckboxGroup<T> {
-    options?: (CheckboxOptionType<T> | string | number)[];
+    options?: (CheckboxOptionType<T> & CheckboxOptionAdditional | string | number)[];
     value?: T[];
     defaultValue?: T[];
     onChange?: (checkedValue: T[]) => void;
     ref?: Ref<CheckboxGroupComponentRef<T>>;
 }
-type CheckboxGroupComponentProps<T> = FormItemCheckbox & CheckboxGroup<T>;
+type CheckboxGroupComponentProps<T = any> = FormItemCheckbox & CheckboxGroup<T>;
 
 declare const _default$d: React$1.MemoExoticComponent<(<T>({ noItem, loading, disabled, options, value, defaultValue, removeError, onChange, formColLayout, name, label, formClassNames, required, rules, ruleType, ruleMessage, validateStatus, help, shouldUpdate, ref, }: CheckboxGroupComponentProps<T>) => react_jsx_runtime.JSX.Element)>;
 
@@ -317,10 +322,13 @@ declare const getTableFilterStorage: (name?: string) => {
 };
 
 interface SelectAsyncFormat {
-    [key: string]: any;
-    value: string | number | ((data: AnyObject) => string | number);
-    label?: string | ((data: AnyObject) => string | React.ReactNode);
+    value: string | ((data: AnyObject) => DefaultOptionType$1['value']);
+    label?: string | ((data: AnyObject) => DefaultOptionType$1['label']);
     text?: string | ((data: AnyObject) => string | React.ReactNode);
+    className?: string | ((data: AnyObject) => DefaultOptionType$1['className']);
+    disabled?: string | ((data: AnyObject) => DefaultOptionType$1['disabled']);
+    title?: string | ((data: AnyObject) => DefaultOptionType$1['title']);
+    [key: string]: any;
 }
 interface SelectAsyncProps {
     format: SelectAsyncFormat;
@@ -610,7 +618,7 @@ declare const _default$8: React$1.NamedExoticComponent<NumberFormatComponentProp
 
 interface Radio<T> {
     buttonStyle?: RadioGroupButtonStyle;
-    options?: (CheckboxOptionType<T> | string | number)[];
+    options?: (CheckboxOptionType<T> & CheckboxOptionAdditional | string | number)[];
     optionType?: RadioGroupOptionType;
     onChange?: (event: RadioChangeEvent) => void;
 }
@@ -618,7 +626,7 @@ type RadioComponentProps<T> = FormItemRadio & Radio<T>;
 
 declare const _default$7: React$1.MemoExoticComponent<(<T>({ noItem, loading, disabled, buttonStyle, formClassNames, options, optionType, removeError, onChange, formColLayout, name, label, required, rules, ruleType, ruleMessage, validateStatus, help, }: RadioComponentProps<T>) => react_jsx_runtime.JSX.Element)>;
 
-type SelectOption = DefaultOptionType$1 & {
+type SelectOption = DefaultOptionType$2 & {
     text?: React.ReactNode;
     encryption_id?: string;
 };
@@ -666,6 +674,10 @@ type SelectAsyncComponentProps = SelectComponentProps & {
     ref?: Ref<SelectAsyncComponentRef>;
 };
 
+declare const formatName: SelectAsyncFormat;
+declare const formatDescription: SelectAsyncFormat;
+declare const formatCodeName: SelectAsyncFormat;
+declare const formatCodeDescription: SelectAsyncFormat;
 declare const _default$5: React$1.NamedExoticComponent<SelectAsyncComponentProps>;
 
 interface Switch {
@@ -1076,13 +1088,16 @@ type TextAreaComponentProps = FormItemTextArea & TextArea;
 
 declare const _default: React$1.NamedExoticComponent<TextAreaComponentProps>;
 
+type UploadType = "image" | "excel" | "pdf";
 type BeforeUploadValueType = void | boolean | string | Blob | File;
+
 interface UploadDragger {
     multiple?: boolean;
     readonly?: boolean;
     listType?: UploadListType;
     rootClassNames?: string[];
     classNames?: string[];
+    accept?: UploadType[];
     action?: string | ((file: RcFile) => string) | ((file: RcFile) => PromiseLike<string>);
     withCredentials?: boolean;
     beforeUpload?: ((file: RcFile, fileList: RcFile[]) => BeforeUploadValueType | Promise<BeforeUploadValueType>);
@@ -1106,5 +1121,5 @@ declare const useRemoveError: (setInputErrors: React.Dispatch<React.SetStateActi
     [key: string]: any;
 }>>) => (name?: string) => void;
 
-export { BaseModel, _default$j as ButtonComponent, _default$h as ButtonGroupAddComponent, _default$g as ButtonGroupEditComponent, CardComponent, CascaderComponent, _default$e as CheckboxComponent, _default$d as CheckboxGroupComponent, ConfigProvider, _default$c as DataGridComponent, DateFormat, _default$b as DatePickerComponent, _default$a as DateRangePickerComponent, DropdownButtonComponent, FeedbackProvider, _default$f as FormItemComponent, IconCheckOrClose, _default$9 as InputComponent, LinkComponent, _default$8 as NumberFormatComponent, _default$7 as RadioComponent, _default$5 as SelectAsyncComponent, _default$6 as SelectComponent, _default$4 as SwitchComponent, _default$2 as TableAsyncComponent, _default$1 as TableCellEditableComponent, _default$3 as TableComponent, TableRowProvider, TabsComponent, TagComponent, _default as TextAreaComponent, TransformBoolean, TransformDayjs, TransformNumber, UploadDraggerComponent, colInline, colLayout, datePickerFormat, _default$i as formColLayout, getTableAsyncName, getTableFilterStorage, selectAsync, styleCSS, toCamel, useConfig, useDataGrid, useFeedback, useRemoveError, useTableAsyncSearch, useTableRow };
+export { BaseModel, _default$j as ButtonComponent, _default$h as ButtonGroupAddComponent, _default$g as ButtonGroupEditComponent, CardComponent, CascaderComponent, _default$e as CheckboxComponent, _default$d as CheckboxGroupComponent, ConfigProvider, _default$c as DataGridComponent, DateFormat, _default$b as DatePickerComponent, _default$a as DateRangePickerComponent, DropdownButtonComponent, FeedbackProvider, _default$f as FormItemComponent, IconCheckOrClose, _default$9 as InputComponent, LinkComponent, _default$8 as NumberFormatComponent, _default$7 as RadioComponent, _default$5 as SelectAsyncComponent, _default$6 as SelectComponent, _default$4 as SwitchComponent, _default$2 as TableAsyncComponent, _default$1 as TableCellEditableComponent, _default$3 as TableComponent, TableRowProvider, TabsComponent, TagComponent, _default as TextAreaComponent, TransformBoolean, TransformDayjs, TransformNumber, UploadDraggerComponent, colInline, colLayout, datePickerFormat, _default$i as formColLayout, formatCodeDescription, formatCodeName, formatDescription, formatName, getTableAsyncName, getTableFilterStorage, selectAsync, styleCSS, toCamel, useConfig, useDataGrid, useFeedback, useRemoveError, useTableAsyncSearch, useTableRow };
 export type { ButtonComponentProps, ButtonComponentRef, ButtonGroupAddComponentProps, ButtonGroupEditComponentProps, CardComponentProps, CascaderComponentProps, CascaderComponentRef, CheckboxComponentProps, CheckboxComponentRef, CheckboxGroupComponentProps, CheckboxGroupComponentRef, ConfigContextType, ConfigProviderProps, DataGridColumn, DataGridColumnType, DataGridComponentProps, DataGridComponentRef, DataGridContextType, DataGridFilter, DataGridFilterColumn, DataGridRow, DatePickerComponentProps, DatePickerComponentRef, DatePickerFormat, DatePickerFormatType, DateRangePickerComponentProps, DateRangePickerComponentRef, DefaultColumn, DefaultParams, DropdownButtonComponentProps, DropdownButtonMenuItem, FeedbackContextType, FormColLayout, FormColSizeSpan, FormItemComponentProps, IconCheckOrCloseProps, InputComponentProps, InputComponentRef, LinkComponentProps, LinkType, NumberFormatComponentProps, NumberFormatComponentRef, OTPProps, RadioComponentProps, SelectAsyncComponentProps, SelectAsyncComponentRef, SelectAsyncFormat, SelectAsyncProps, SelectComponentProps, SelectOption, SwitchComponentProps, TableAsyncComponentProps, TableAsyncComponentRef, TableAsyncSearchCheckbox, TableAsyncSearchContextType, TableAsyncSearchDate, TableAsyncSearchDateRange, TableAsyncSearchFetchSelectMultiple, TableAsyncSearchItem, TableAsyncSearchItemType, TableAsyncSearchLocalSelectMultiple, TableAsyncSearchProviderProps, TableAsyncSearchSelectFetch, TableAsyncSearchSelectLocal, TableAsyncSearchSelectMultiple, TableAsyncSearchSwitch, TableAsyncSearchText, TableAsyncType, TableButtonMiddle, TableButtonMiddleAsync, TableCellEditableProps, TableComponentProps, TableParams, TableParamsFormatter, TableRowContextType, TableRowProviderProps, TabsComponentProps, TagComponentProps, TextAreaComponentProps, TextAreaComponentRef, UploadDraggerComponentProps, YajraColumn, YajraColumnParams, YajraOrderParams, YajraParams, YajraSearchParams };

package/dist/index.esm.js

@@ -34,11 +34,11 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z$f = ".style-module_w-100__s3GaI {\n  width: 100%;\n}\n";
-var style$1 = {"w-100":"style-module_w-100__s3GaI","w___100":"style-module_w-100__s3GaI"};
-styleInject(css_248z$f);
+var css_248z$h = ".style-module_w-100__s3GaI {\n  width: 100%;\n}\n";
+var style$4 = {"w-100":"style-module_w-100__s3GaI","w___100":"style-module_w-100__s3GaI"};
+styleInject(css_248z$h);
 
-const styleCSS = style$1;
+const styleCSS = style$4;
 
 var TransformationType;
 (function (TransformationType) {
@@ -1564,9 +1564,9 @@ const selectAsync = ({ format, request, initData, }) => {
     return [fetchList, initOptions, formatOptions];
 };
 
-var css_248z$e = ".style-module_button-save__CGfus {\n  background-color: var(--color-primary-a0);\n}\n\n@keyframes style-module_zoom-in__HJzbj {\n  from {\n    width: 0;\n    opacity: 0;\n  }\n\n  to {\n    display: inline-flex;\n    transform: scaleX(100%) scaleY(100%);\n    opacity: 1;\n  }\n}\n\n@keyframes style-module_zoom-out__PqWZu {\n  from {\n    display: inline-flex;\n  }\n\n  to {\n    transform: scaleX(0) scaleY(0);\n    width: 0;\n    opacity: 0;\n  }\n}\n\ndiv.style-module_button-group__m4a-F.style-module_button-group-add__J3FOg>button:nth-child(-n + 1) {\n  margin-right: .5rem;\n}\n\ndiv.style-module_button-group__m4a-F.style-module_button-group-edit__-ZIEQ>button:nth-child(-n + 2) {\n  margin-right: .5rem;\n}\n\ndiv.style-module_button-group__m4a-F>button {\n  animation: style-module_zoom-in__HJzbj .5s;\n}\n\n.style-module_button-group__m4a-F .style-module_display-none__y57XG {\n  animation: style-module_zoom-out__PqWZu .5s;\n  display: none;\n}";
+var css_248z$g = ".style-module_button-save__CGfus {\n  background-color: var(--color-primary-a0);\n}\n\n@keyframes style-module_zoom-in__HJzbj {\n  from {\n    width: 0;\n    opacity: 0;\n  }\n\n  to {\n    display: inline-flex;\n    transform: scaleX(100%) scaleY(100%);\n    opacity: 1;\n  }\n}\n\n@keyframes style-module_zoom-out__PqWZu {\n  from {\n    display: inline-flex;\n  }\n\n  to {\n    transform: scaleX(0) scaleY(0);\n    width: 0;\n    opacity: 0;\n  }\n}\n\ndiv.style-module_button-group__m4a-F.style-module_button-group-add__J3FOg>button:nth-child(-n + 1) {\n  margin-right: .5rem;\n}\n\ndiv.style-module_button-group__m4a-F.style-module_button-group-edit__-ZIEQ>button:nth-child(-n + 2) {\n  margin-right: .5rem;\n}\n\ndiv.style-module_button-group__m4a-F>button {\n  animation: style-module_zoom-in__HJzbj .5s;\n}\n\n.style-module_button-group__m4a-F .style-module_display-none__y57XG {\n  animation: style-module_zoom-out__PqWZu .5s;\n  display: none;\n}";
 var styleButton = {"button-save":"style-module_button-save__CGfus","button-group":"style-module_button-group__m4a-F","button-group-add":"style-module_button-group-add__J3FOg","button-group-edit":"style-module_button-group-edit__-ZIEQ","zoom-in":"style-module_zoom-in__HJzbj","display-none":"style-module_display-none__y57XG","zoom-out":"style-module_zoom-out__PqWZu","button___save":"style-module_button-save__CGfus","button___group":"style-module_button-group__m4a-F","button___group___add":"style-module_button-group-add__J3FOg","button___group___edit":"style-module_button-group-edit__-ZIEQ","zoom___in":"style-module_zoom-in__HJzbj","display___none":"style-module_display-none__y57XG","zoom___out":"style-module_zoom-out__PqWZu"};
-styleInject(css_248z$e);
+styleInject(css_248z$g);
 
 const IconContext$1 = /*#__PURE__*/createContext({});
 
@@ -3958,7 +3958,11 @@ const CascaderComponent = ({ noItem, size, classNames, variant, expandTrigger, o
             : cascader }));
 };
 
-const CheckboxComponent$1 = ({ noItem, loading, disabled, checked, defaultChecked, removeError, onChange, formColLayout, name, label, formClassNames, required, rules, ruleType, ruleMessage, validateStatus, help, shouldUpdate, children, ref, }) => {
+var css_248z$f = ".style-module_readonly__EYTp- {\n  cursor: default !important;\n}\n\n.style-module_readonly__EYTp->span {\n  color: inherit !important;\n}";
+var style$3 = {"readonly":"style-module_readonly__EYTp-"};
+styleInject(css_248z$f);
+
+const CheckboxComponent$1 = ({ noItem, loading, disabled, readonly, checked, defaultChecked, removeError, onChange, formColLayout, name, label, formClassNames, required, rules, ruleType, ruleMessage, validateStatus, help, shouldUpdate, children, ref, }) => {
     const [checkedValue, setCheckedValue] = useState(defaultChecked !== null && defaultChecked !== void 0 ? defaultChecked : false);
     const handleChange = (event) => {
         var _a;
@@ -3970,7 +3974,7 @@ const CheckboxComponent$1 = ({ noItem, loading, disabled, checked, defaultChecke
         checked: () => checkedValue,
         setChecked: setCheckedValue,
     }));
-    const checkbox = !loading ? (jsxRuntimeExports.jsx(Checkbox, { disabled: disabled, checked: checked !== null && checked !== void 0 ? checked : checkedValue, defaultChecked: checkedValue, onChange: handleChange, children: children })) : jsxRuntimeExports.jsx(Skeleton.Input, { active: true });
+    const checkbox = !loading ? (jsxRuntimeExports.jsx(Checkbox, { disabled: disabled || readonly, className: readonly ? style$3['readonly'] : undefined, checked: checked !== null && checked !== void 0 ? checked : checkedValue, defaultChecked: checkedValue, onChange: handleChange, children: children })) : jsxRuntimeExports.jsx(Skeleton.Input, { active: true });
     return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !noItem ? (jsxRuntimeExports.jsx(FormItemComponent$1, Object.assign({}, formColLayout, { name: name, label: label, classNames: formClassNames, required: required, ruleType: ruleType, ruleMessage: ruleMessage, rules: rules, valuePropName: "checked", validateStatus: validateStatus, help: help, shouldUpdate: shouldUpdate, children: checkbox })))
             : checkbox }));
 };
@@ -3994,6 +3998,12 @@ const CheckboxComponent = ({ noItem, loading, disabled, options, value, defaultV
                 const checkboxProps = isObject ? option : {
                     value: option,
                 };
+                const className = [];
+                if (isObject && option.readonly) {
+                    checkboxProps.disabled = option.readonly;
+                    className.push(style$3['readonly']);
+                }
+                checkboxProps.className = className.length ? className.join(' ') : undefined;
                 return (jsxRuntimeExports.jsx(Col, { span: 8, children: jsxRuntimeExports.jsx(Checkbox, Object.assign({}, checkboxProps, { children: isObject ? option.label : option })) }, `cb${index}`));
             }) })) })) : jsxRuntimeExports.jsx(Skeleton.Input, { active: true });
     return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !noItem ? (jsxRuntimeExports.jsx(FormItemComponent$1, Object.assign({}, formColLayout, { name: name, label: label, classNames: formClassNames, required: required, ruleType: ruleType, ruleMessage: ruleMessage, rules: rules, validateStatus: validateStatus, help: help, shouldUpdate: shouldUpdate, children: checkbox })))
@@ -4130,15 +4140,15 @@ const DataGridProvider = ({ filterHeader, columns, children, }) => {
     return (jsxRuntimeExports.jsx(DataGridContext.Provider, { value: value, children: children }));
 };
 
-var css_248z$d = "html {\n  --success-default: #28a745;\n  --danger-default: #dc3545;\n\n  --color-light-a0-default: #ffffff;\n  --color-light-a10-default: #e9e9e9;\n  --color-light-a20-default: #d2d2d2;\n  --color-light-a30-default: #bababa;\n  --color-light-a40-default: #a0a0a0;\n  --color-light-a50-default: #868686;\n\n  --color-dark-a0-default: #121212;\n  --color-dark-a10-default: #282828;\n  --color-dark-a20-default: #3f3f3f;\n  --color-dark-a30-default: #575757;\n  --color-dark-a40-default: #717171;\n  --color-dark-a50-default: #8b8b8b;\n\n  --color-primary-a0-default: #3dc2ec;\n  --color-primary-a10-default: #5fc9ee;\n  --color-primary-a20-default: #79d0f0;\n  --color-primary-a30-default: #90d6f3;\n  --color-primary-a40-default: #a4ddf5;\n  --color-primary-a50-default: #b8e4f7;\n\n  --color-primary-dark-a0-default: #213137;\n  --color-primary-dark-a10-default: #36454a;\n  --color-primary-dark-a20-default: #4d5a5f;\n  --color-primary-dark-a30-default: #646f74;\n  --color-primary-dark-a40-default: #7c8689;\n  --color-primary-dark-a50-default: #959da0;\n\n  --color-secondary-a0-default: #ad49e1;\n  --color-secondary-a10-default: #b860e5;\n  --color-secondary-a20-default: #c274e9;\n  --color-secondary-a30-default: #cc89ec;\n  --color-secondary-a40-default: #d69df0;\n  --color-secondary-a50-default: #dfb0f3;\n\n  --color-secondary-dark-a0-default: #2e1f36;\n  --color-secondary-dark-a10-default: #42344a;\n  --color-secondary-dark-a20-default: #584a5e;\n  --color-secondary-dark-a30-default: #6e6273;\n  --color-secondary-dark-a40-default: #847a89;\n  --color-secondary-dark-a50-default: #9c93a0;\n}\n\n.style_success__OJLGK {\n  color: var(--success, var(--success-default)) !important;\n}\n\n.style_danger__Kkj7I {\n  color: var(--danger, var(--danger-default)) !important;\n}\n\n.style_light-a0__IqAbq {\n  color: var(--color-light-a0, var(--color-light-a0-default)) !important;\n}\n\n.style_light-a10__HmZkj {\n  color: var(--color-light-a10, var(--color-light-a10-default)) !important;\n}\n\n.style_light-a20__jwK9u {\n  color: var(--color-light-a20, var(--color-light-a20-default)) !important;\n}\n\n.style_light-a30__u7-f- {\n  color: var(--color-light-a30, var(--color-light-a30-default)) !important;\n}\n\n.style_light-a40__ozfI4 {\n  color: var(--color-light-a40, var(--color-light-a40-default)) !important;\n}\n\n.style_light-a50__kRA5g {\n  color: var(--color-light-a50, var(--color-light-a50-default)) !important;\n}\n\n.style_dark-a0__9m3yI {\n  color: var(--color-dark-a0, var(--color-dark-a0-default)) !important;\n}\n\n.style_dark-a10__jAtYh {\n  color: var(--color-dark-a10, var(--color-dark-a10-default)) !important;\n}\n\n.style_dark-a20__60nkd {\n  color: var(--color-dark-a20, var(--color-dark-a20-default)) !important;\n}\n\n.style_dark-a30__ED3PC {\n  color: var(--color-dark-a30, var(--color-dark-a30-default)) !important;\n}\n\n.style_dark-a40__rSYy6 {\n  color: var(--color-dark-a40, var(--color-dark-a40-default)) !important;\n}\n\n.style_dark-a50__uIvD- {\n  color: var(--color-dark-a50, var(--color-dark-a50-default)) !important;\n}\n\n.style_primary-a0__bsl-7 {\n  color: var(--color-primary-a0, var(--color-primary-a0-default)) !important;\n}\n\n.style_primary-a10__pr2vt {\n  color: var(--color-primary-a10, var(--color-primary-a10-default)) !important;\n}\n\n.style_primary-a20__HhTmN {\n  color: var(--color-primary-a20, var(--color-primary-a20-default)) !important;\n}\n\n.style_primary-a30__2JV2J {\n  color: var(--color-primary-a30, var(--color-primary-a30-default)) !important;\n}\n\n.style_primary-a40__xeKpG {\n  color: var(--color-primary-a40, var(--color-primary-a40-default)) !important;\n}\n\n.style_primary-a50__moUMf {\n  color: var(--color-primary-a50, var(--color-primary-a50-default)) !important;\n}\n\n.style_primary-dark-a0__-bRAb {\n  color: var(--color-primary-dark-a0, var(--color-primary-dark-a0-default)) !important;\n}\n\n.style_primary-dark-a10__u6chI {\n  color: var(--color-primary-dark-a10, var(--color-primary-dark-a10-default)) !important;\n}\n\n.style_primary-dark-a20__stCee {\n  color: var(--color-primary-dark-a20, var(--color-primary-dark-a20-default)) !important;\n}\n\n.style_primary-dark-a30__zIK00 {\n  color: var(--color-primary-dark-a30, var(--color-primary-dark-a30-default)) !important;\n}\n\n.style_primary-dark-a40__lx9UB {\n  color: var(--color-primary-dark-a40, var(--color-primary-dark-a40-default)) !important;\n}\n\n.style_primary-dark-a50__LoPRz {\n  color: var(--color-primary-dark-a50, var(--color-primary-dark-a50-default)) !important;\n}";
-styleInject(css_248z$d);
+var css_248z$e = "html {\n  --success-default: #28a745;\n  --danger-default: #dc3545;\n\n  --color-light-a0-default: #ffffff;\n  --color-light-a10-default: #e9e9e9;\n  --color-light-a20-default: #d2d2d2;\n  --color-light-a30-default: #bababa;\n  --color-light-a40-default: #a0a0a0;\n  --color-light-a50-default: #868686;\n\n  --color-dark-a0-default: #121212;\n  --color-dark-a10-default: #282828;\n  --color-dark-a20-default: #3f3f3f;\n  --color-dark-a30-default: #575757;\n  --color-dark-a40-default: #717171;\n  --color-dark-a50-default: #8b8b8b;\n\n  --color-primary-a0-default: #3dc2ec;\n  --color-primary-a10-default: #5fc9ee;\n  --color-primary-a20-default: #79d0f0;\n  --color-primary-a30-default: #90d6f3;\n  --color-primary-a40-default: #a4ddf5;\n  --color-primary-a50-default: #b8e4f7;\n\n  --color-primary-dark-a0-default: #213137;\n  --color-primary-dark-a10-default: #36454a;\n  --color-primary-dark-a20-default: #4d5a5f;\n  --color-primary-dark-a30-default: #646f74;\n  --color-primary-dark-a40-default: #7c8689;\n  --color-primary-dark-a50-default: #959da0;\n\n  --color-secondary-a0-default: #ad49e1;\n  --color-secondary-a10-default: #b860e5;\n  --color-secondary-a20-default: #c274e9;\n  --color-secondary-a30-default: #cc89ec;\n  --color-secondary-a40-default: #d69df0;\n  --color-secondary-a50-default: #dfb0f3;\n\n  --color-secondary-dark-a0-default: #2e1f36;\n  --color-secondary-dark-a10-default: #42344a;\n  --color-secondary-dark-a20-default: #584a5e;\n  --color-secondary-dark-a30-default: #6e6273;\n  --color-secondary-dark-a40-default: #847a89;\n  --color-secondary-dark-a50-default: #9c93a0;\n}\n\n.style_success__OJLGK {\n  color: var(--success, var(--success-default)) !important;\n}\n\n.style_danger__Kkj7I {\n  color: var(--danger, var(--danger-default)) !important;\n}\n\n.style_light-a0__IqAbq {\n  color: var(--color-light-a0, var(--color-light-a0-default)) !important;\n}\n\n.style_light-a10__HmZkj {\n  color: var(--color-light-a10, var(--color-light-a10-default)) !important;\n}\n\n.style_light-a20__jwK9u {\n  color: var(--color-light-a20, var(--color-light-a20-default)) !important;\n}\n\n.style_light-a30__u7-f- {\n  color: var(--color-light-a30, var(--color-light-a30-default)) !important;\n}\n\n.style_light-a40__ozfI4 {\n  color: var(--color-light-a40, var(--color-light-a40-default)) !important;\n}\n\n.style_light-a50__kRA5g {\n  color: var(--color-light-a50, var(--color-light-a50-default)) !important;\n}\n\n.style_dark-a0__9m3yI {\n  color: var(--color-dark-a0, var(--color-dark-a0-default)) !important;\n}\n\n.style_dark-a10__jAtYh {\n  color: var(--color-dark-a10, var(--color-dark-a10-default)) !important;\n}\n\n.style_dark-a20__60nkd {\n  color: var(--color-dark-a20, var(--color-dark-a20-default)) !important;\n}\n\n.style_dark-a30__ED3PC {\n  color: var(--color-dark-a30, var(--color-dark-a30-default)) !important;\n}\n\n.style_dark-a40__rSYy6 {\n  color: var(--color-dark-a40, var(--color-dark-a40-default)) !important;\n}\n\n.style_dark-a50__uIvD- {\n  color: var(--color-dark-a50, var(--color-dark-a50-default)) !important;\n}\n\n.style_primary-a0__bsl-7 {\n  color: var(--color-primary-a0, var(--color-primary-a0-default)) !important;\n}\n\n.style_primary-a10__pr2vt {\n  color: var(--color-primary-a10, var(--color-primary-a10-default)) !important;\n}\n\n.style_primary-a20__HhTmN {\n  color: var(--color-primary-a20, var(--color-primary-a20-default)) !important;\n}\n\n.style_primary-a30__2JV2J {\n  color: var(--color-primary-a30, var(--color-primary-a30-default)) !important;\n}\n\n.style_primary-a40__xeKpG {\n  color: var(--color-primary-a40, var(--color-primary-a40-default)) !important;\n}\n\n.style_primary-a50__moUMf {\n  color: var(--color-primary-a50, var(--color-primary-a50-default)) !important;\n}\n\n.style_primary-dark-a0__-bRAb {\n  color: var(--color-primary-dark-a0, var(--color-primary-dark-a0-default)) !important;\n}\n\n.style_primary-dark-a10__u6chI {\n  color: var(--color-primary-dark-a10, var(--color-primary-dark-a10-default)) !important;\n}\n\n.style_primary-dark-a20__stCee {\n  color: var(--color-primary-dark-a20, var(--color-primary-dark-a20-default)) !important;\n}\n\n.style_primary-dark-a30__zIK00 {\n  color: var(--color-primary-dark-a30, var(--color-primary-dark-a30-default)) !important;\n}\n\n.style_primary-dark-a40__lx9UB {\n  color: var(--color-primary-dark-a40, var(--color-primary-dark-a40-default)) !important;\n}\n\n.style_primary-dark-a50__LoPRz {\n  color: var(--color-primary-dark-a50, var(--color-primary-dark-a50-default)) !important;\n}";
+styleInject(css_248z$e);
 
 const FeedbackContext = createContext({});
 const useFeedback = () => useContext(FeedbackContext);
 
-var css_248z$c = ".style-module_z-10000__WIix6 {\n  z-index: 10000;\n}";
+var css_248z$d = ".style-module_z-10000__WIix6 {\n  z-index: 10000;\n}";
 var styleFeedback = {"z-10000":"style-module_z-10000__WIix6"};
-styleInject(css_248z$c);
+styleInject(css_248z$d);
 
 const FeedbackProvider = ({ children }) => {
     const [messageApi, messageContext] = message.useMessage({ duration: 10 });
@@ -5407,9 +5417,9 @@ const TableRowProvider = (props) => {
     return (jsxRuntimeExports.jsx(Form$2, { form: form, component: false, children: jsxRuntimeExports.jsx(TableRowContext.Provider, { value: contextValue, children: jsxRuntimeExports.jsx("tr", Object.assign({}, props, { ref: setNodeRef, style: style }, attributes)) }) }));
 };
 
-var css_248z$b = ".style-module_number-format-align-right__qOFmQ {\n  text-align: right;\n}";
+var css_248z$c = ".style-module_number-format-align-right__qOFmQ {\n  text-align: right;\n}";
 var styleNumberFormat = {"number-format-align-right":"style-module_number-format-align-right__qOFmQ"};
-styleInject(css_248z$b);
+styleInject(css_248z$c);
 
 const NumberFormat = ({ noItem, text, size, align, formClassNames, classNames, variant, trailing: trailingProps, prefix, suffix, placeholder, loading, disabled, readOnly, allowNegative, value, defaultValue, onValueChange, removeError, onChange, style, onBlur, onKeyDown, onMouseEnter, onMouseLeave, onFocus, onClick, formColLayout, name, label, required, rules, ruleMessage, ruleMin, ruleMax, validateStatus, help, shouldUpdate, ref, }) => {
     const { trailing } = useConfig$1();
@@ -5443,12 +5453,12 @@ const NumberFormatComponent = props => {
 };
 var NumberFormatComponent$1 = React__default.memo(NumberFormatComponent);
 
-var css_248z$a = "div.style-module_filter-cell__1BFPm[role=\"columnheader\"] {\n  line-height: 35px;\n  padding: 0;\n}\n\ndiv.style-module_filter-cell__1BFPm[role=\"columnheader\"]>div {\n  padding-block: 0;\n  padding-inline: 8px;\n}\n\ndiv.style-module_filter-cell__1BFPm[role=\"columnheader\"]>div:first-child {\n  border-block-end: 1px solid var(--rdg-border-color);\n}";
+var css_248z$b = "div.style-module_filter-cell__1BFPm[role=\"columnheader\"] {\n  line-height: 35px;\n  padding: 0;\n}\n\ndiv.style-module_filter-cell__1BFPm[role=\"columnheader\"]>div {\n  padding-block: 0;\n  padding-inline: 8px;\n}\n\ndiv.style-module_filter-cell__1BFPm[role=\"columnheader\"]>div:first-child {\n  border-block-end: 1px solid var(--rdg-border-color);\n}";
 var styleDataGrid = {"filter-cell":"style-module_filter-cell__1BFPm"};
-styleInject(css_248z$a);
+styleInject(css_248z$b);
 
-var css_248z$9 = "@layer rdg {\n  @layer Defaults,\n    FocusSink,\n    CheckboxInput,\n    CheckboxIcon,\n    CheckboxLabel,\n    Cell,\n    HeaderCell,\n    SummaryCell,\n    EditCell,\n    Row,\n    HeaderRow,\n    SummaryRow,\n    GroupedRow,\n    Root;\n}\n\n.styles_mlln6zg7-0-0-beta-51__IgLfM {\n  @layer rdg.MeasuringCell {\n    contain: strict;\n    grid-row: 1;\n    visibility: hidden;\n  }\n}\n\n\n.styles_cj343x07-0-0-beta-51__Ox6zn {\n  @layer rdg.Cell {\n    /* max-content does not work with size containment\n     * dynamically switching between different containment styles incurs a heavy relayout penalty\n     * Chromium bug: at odd zoom levels or subpixel positioning,\n     * layout/paint/style containment can make cell borders disappear\n     *   https://issues.chromium.org/issues/40840864\n     */\n    position: relative; /* needed for absolute positioning to work */\n    padding-block: 0;\n    padding-inline: 8px;\n    border-inline-end: 1px solid var(--rdg-border-color);\n    border-block-end: 1px solid var(--rdg-border-color);\n    grid-row-start: var(--rdg-grid-row-start);\n    align-content: center;\n    background-color: inherit;\n\n    white-space: nowrap;\n    overflow: clip;\n    text-overflow: ellipsis;\n    outline: none;\n\n    &[aria-selected='true'] {\n      outline: 2px solid var(--rdg-selection-color);\n      outline-offset: -2px;\n    }\n  }\n}\n\n.styles_csofj7r7-0-0-beta-51__cSFNo {\n  @layer rdg.Cell {\n    position: sticky;\n    /* Should have a higher value than 0 to show up above unfrozen cells */\n    z-index: 1;\n\n    /* Add box-shadow on the last frozen cell */\n    &:nth-last-child(1 of &) {\n      box-shadow: var(--rdg-cell-frozen-box-shadow);\n    }\n  }\n}\n\n\n.styles_c1bn88vv7-0-0-beta-51__0ex9w {\n  @layer rdg.CheckboxInput {\n    display: block;\n    margin: auto;\n    inline-size: 20px;\n    block-size: 20px;\n\n    &:focus-visible {\n      outline: 2px solid var(--rdg-checkbox-focus-color);\n      outline-offset: -3px;\n    }\n\n    &:enabled {\n      cursor: pointer;\n    }\n  }\n}\n\n\n.styles_g1s9ylgp7-0-0-beta-51__9-E0K {\n  @layer rdg.GroupCellContent {\n    outline: none;\n  }\n}\n\n.styles_cz54e4y7-0-0-beta-51__miYvI {\n  @layer rdg.GroupCellCaret {\n    margin-inline-start: 4px;\n    stroke: currentColor;\n    stroke-width: 1.5px;\n    fill: transparent;\n    vertical-align: middle;\n\n    > path {\n      transition: d 0.1s;\n    }\n  }\n}\n\n\n.styles_h44jtk67-0-0-beta-51__xXWa8 {\n  @layer rdg.SortableHeaderCell {\n    display: flex;\n  }\n}\n\n.styles_hcgkhxz7-0-0-beta-51__OiHtP {\n  @layer rdg.SortableHeaderCellName {\n    flex-grow: 1;\n    overflow: clip;\n    text-overflow: ellipsis;\n  }\n}\n\n\n.styles_c6ra8a37-0-0-beta-51__MgNn0 {\n  @layer rdg.Cell {\n    background-color: #ccccff;\n  }\n}\n\n.styles_cq910m07-0-0-beta-51__QDFru {\n  @layer rdg.Cell {\n    background-color: #ccccff;\n\n    &.styles_c6ra8a37-0-0-beta-51__MgNn0 {\n      background-color: #9999ff;\n    }\n  }\n}\n\n\n.styles_c1w9bbhr7-0-0-beta-51__Wf6pu {\n  @layer rdg.DragHandle {\n    --rdg-drag-handle-size: 8px;\n    z-index: 0;\n    cursor: move;\n    inline-size: var(--rdg-drag-handle-size);\n    block-size: var(--rdg-drag-handle-size);\n    background-color: var(--rdg-selection-color);\n    place-self: end;\n\n    &:hover {\n      --rdg-drag-handle-size: 16px;\n      border: 2px solid var(--rdg-selection-color);\n      background-color: var(--rdg-background-color);\n    }\n  }\n}\n\n.styles_c1creorc7-0-0-beta-51__CNi-h {\n  @layer rdg.DragHandle {\n    z-index: 1;\n    position: sticky;\n  }\n}\n\n\n.styles_cis5rrm7-0-0-beta-51__CxaQM {\n  @layer rdg.EditCell {\n    padding: 0;\n  }\n}\n\n\n.styles_c6l2wv17-0-0-beta-51__UbCyi {\n  @layer rdg.HeaderCell {\n    cursor: pointer;\n  }\n}\n\n.styles_c1kqdw7y7-0-0-beta-51__ykwkm {\n  @layer rdg.HeaderCell {\n    touch-action: none;\n  }\n}\n\n.styles_r1y6ywlx7-0-0-beta-51__Hc5yg {\n  @layer rdg.HeaderCell {\n    cursor: col-resize;\n    position: absolute;\n    inset-block-start: 0;\n    inset-inline-end: 0;\n    inset-block-end: 0;\n    inline-size: 10px;\n  }\n}\n\n.styles_c1bezg5o7-0-0-beta-51__UeQzf {\n  opacity: 0.5;\n}\n\n.styles_c1vc96037-0-0-beta-51__5kJuD {\n  background-color: var(--rdg-header-draggable-background-color);\n}\n\n\n.styles_r1upfr807-0-0-beta-51__bKLx- {\n  @layer rdg.Row {\n    display: contents;\n    background-color: var(--rdg-background-color);\n\n    &:hover {\n      background-color: var(--rdg-row-hover-background-color);\n    }\n\n    &[aria-selected='true'] {\n      background-color: var(--rdg-row-selected-background-color);\n\n      &:hover {\n        background-color: var(--rdg-row-selected-hover-background-color);\n      }\n    }\n  }\n}\n\n.styles_r190mhd37-0-0-beta-51__w8UR- {\n  @layer rdg.FocusSink {\n    outline: 2px solid var(--rdg-selection-color);\n    outline-offset: -2px;\n  }\n}\n\n.styles_r139qu9m7-0-0-beta-51__la9Ur {\n  @layer rdg.FocusSink {\n    &::before {\n      content: '';\n      display: inline-block;\n      block-size: 100%;\n      position: sticky;\n      inset-inline-start: 0;\n      border-inline-start: 2px solid var(--rdg-selection-color);\n    }\n  }\n}\n\n\n.styles_h10tskcx7-0-0-beta-51__F4RNq {\n  @layer rdg.HeaderRow {\n    display: contents;\n    background-color: var(--rdg-header-background-color);\n    font-weight: bold;\n\n    & > .styles_cj343x07-0-0-beta-51__Ox6zn {\n      /* Should have a higher value than 1 to show up above regular cells and the focus sink */\n      z-index: 2;\n      position: sticky;\n    }\n\n    & > .styles_csofj7r7-0-0-beta-51__cSFNo {\n      z-index: 3;\n    }\n  }\n}\n\n\n.styles_a3ejtar7-0-0-beta-51__VtazY {\n  @layer rdg.SortIcon {\n    fill: currentColor;\n\n    > path {\n      transition: d 0.1s;\n    }\n  }\n}\n\n\n.styles_rnvodz57-0-0-beta-51__27Lyi {\n  @layer rdg.Defaults {\n    *,\n    *::before,\n    *::after {\n      box-sizing: inherit;\n    }\n  }\n\n  @layer rdg.Root {\n    --rdg-color: #000;   --rdg-border-color: #ddd;   --rdg-summary-border-color: #aaa;   --rdg-background-color: hsl(0deg 0% 100%);   --rdg-header-background-color: hsl(0deg 0% 97.5%);   --rdg-header-draggable-background-color: hsl(0deg 0% 90.5%);   --rdg-row-hover-background-color: hsl(0deg 0% 96%);   --rdg-row-selected-background-color: hsl(207deg 76% 92%);   --rdg-row-selected-hover-background-color: hsl(207deg 76% 88%);   --rdg-checkbox-focus-color: hsl(207deg 100% 69%);\n    --rdg-selection-color: #66afe9;\n    --rdg-font-size: 14px;\n    --rdg-cell-frozen-box-shadow: 2px 0 5px -2px rgba(136, 136, 136, 0.3);\n\n    &:dir(rtl) {\n      --rdg-cell-frozen-box-shadow: -2px 0 5px -2px rgba(136, 136, 136, 0.3);\n    }\n\n    display: grid;\n\n    color-scheme: var(--rdg-color-scheme, light dark);\n    accent-color: light-dark(hsl(207deg 100% 29%), hsl(207deg 100% 79%));\n\n    /* https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context */\n    /* We set a stacking context so internal elements don't render on top of external elements. */\n    /* size containment is not used as it could break \"width: min-content\" for example, and the grid would infinitely resize on Chromium browsers */\n    contain: content;\n    content-visibility: auto;\n    block-size: 350px;\n    border: 1px solid var(--rdg-border-color);\n    box-sizing: border-box;\n    overflow: auto;\n    background-color: var(--rdg-background-color);\n    color: var(--rdg-color);\n    font-size: var(--rdg-font-size);\n\n    /* needed on Firefox to fix scrollbars */\n    &::before {\n      content: '';\n      grid-column: 1/-1;\n      grid-row: 1/-1;\n    }\n\n    &.styles_rdg-dark__Db5Xw {\n      --rdg-color-scheme: dark;\n      --rdg-color: #ddd;   --rdg-border-color: #444;   --rdg-summary-border-color: #555;   --rdg-background-color: hsl(0deg 0% 13%);   --rdg-header-background-color: hsl(0deg 0% 10.5%);   --rdg-header-draggable-background-color: hsl(0deg 0% 17.5%);   --rdg-row-hover-background-color: hsl(0deg 0% 9%);   --rdg-row-selected-background-color: hsl(207deg 76% 42%);   --rdg-row-selected-hover-background-color: hsl(207deg 76% 38%);   --rdg-checkbox-focus-color: hsl(207deg 100% 89%);\n    }\n\n    &.styles_rdg-light__xQW0A {\n      --rdg-color-scheme: light;\n    }\n\n    @media (prefers-color-scheme: dark) {\n      &:not(.styles_rdg-light__xQW0A) {\n        --rdg-color: #ddd;   --rdg-border-color: #444;   --rdg-summary-border-color: #555;   --rdg-background-color: hsl(0deg 0% 13%);   --rdg-header-background-color: hsl(0deg 0% 10.5%);   --rdg-header-draggable-background-color: hsl(0deg 0% 17.5%);   --rdg-row-hover-background-color: hsl(0deg 0% 9%);   --rdg-row-selected-background-color: hsl(207deg 76% 42%);   --rdg-row-selected-hover-background-color: hsl(207deg 76% 38%);   --rdg-checkbox-focus-color: hsl(207deg 100% 89%);\n      }\n    }\n\n    > :nth-last-child(1 of .styles_rdg-top-summary-row__60vpR) {\n      > .styles_cj343x07-0-0-beta-51__Ox6zn {\n        border-block-end: 2px solid var(--rdg-summary-border-color);\n      }\n    }\n\n    > :nth-child(1 of .styles_rdg-bottom-summary-row__4TK4P) {\n      > .styles_cj343x07-0-0-beta-51__Ox6zn {\n        border-block-start: 2px solid var(--rdg-summary-border-color);\n      }\n    }\n  }\n}\n\n.styles_vlqv91k7-0-0-beta-51__vmK9i {\n  @layer rdg.Root {\n    user-select: none;\n\n    & .styles_r1upfr807-0-0-beta-51__bKLx- {\n      cursor: move;\n    }\n  }\n}\n\n.styles_f1lsfrzw7-0-0-beta-51__I3m-T {\n  @layer rdg.FocusSink {\n    grid-column: 1/-1;\n    pointer-events: none;\n    /* Should have a higher value than 1 to show up above regular frozen cells */\n    z-index: 1;\n  }\n}\n\n.styles_f1cte0lg7-0-0-beta-51__gxTML {\n  @layer rdg.FocusSink {\n    /* Should have a higher value than 3 to show up above header and summary rows */\n    z-index: 3;\n  }\n}\n\n\n.styles_s8wc6fl7-0-0-beta-51__KBdS6 {\n  @layer rdg.SummaryCell {\n    inset-block-start: var(--rdg-summary-row-top);\n    inset-block-end: var(--rdg-summary-row-bottom);\n  }\n}\n\n\n.styles_skuhp557-0-0-beta-51__kFPXf {\n  @layer rdg.SummaryRow {\n    > .styles_cj343x07-0-0-beta-51__Ox6zn {\n      position: sticky;\n    }\n  }\n}\n\n.styles_tf8l5ub7-0-0-beta-51__sXVD2 {\n  @layer rdg.SummaryRow {\n    > .styles_cj343x07-0-0-beta-51__Ox6zn {\n      z-index: 2;\n    }\n\n    > .styles_csofj7r7-0-0-beta-51__cSFNo {\n      z-index: 3;\n    }\n  }\n}\n\n\n.styles_g1yxluv37-0-0-beta-51__MVXN8 {\n  @layer rdg.GroupedRow {\n    &:not([aria-selected='true']) {\n      background-color: var(--rdg-header-background-color);\n    }\n\n    > .styles_cj343x07-0-0-beta-51__Ox6zn:not(:last-child, .styles_csofj7r7-0-0-beta-51__cSFNo),\n    > :nth-last-child(n + 2 of .styles_csofj7r7-0-0-beta-51__cSFNo) {\n      border-inline-end: none;\n    }\n  }\n}\n\n\n.styles_t7vyx3i7-0-0-beta-51__ha363 {\n  @layer rdg.TextEditor {\n    appearance: none;\n\n    box-sizing: border-box;\n    inline-size: 100%;\n    block-size: 100%;\n    padding-block: 0;\n    padding-inline: 6px;\n    border: 2px solid #ccc;\n    vertical-align: top;\n    color: var(--rdg-color);\n    background-color: var(--rdg-background-color);\n\n    font-family: inherit;\n    font-size: var(--rdg-font-size);\n\n    &:focus {\n      border-color: var(--rdg-selection-color);\n      outline: none;\n    }\n\n    &::placeholder {\n      color: #999;\n      opacity: 1;\n    }\n  }\n}";
-styleInject(css_248z$9);
+var css_248z$a = "@layer rdg {\n  @layer Defaults,\n    FocusSink,\n    CheckboxInput,\n    CheckboxIcon,\n    CheckboxLabel,\n    Cell,\n    HeaderCell,\n    SummaryCell,\n    EditCell,\n    Row,\n    HeaderRow,\n    SummaryRow,\n    GroupedRow,\n    Root;\n}\n\n.styles_mlln6zg7-0-0-beta-51__IgLfM {\n  @layer rdg.MeasuringCell {\n    contain: strict;\n    grid-row: 1;\n    visibility: hidden;\n  }\n}\n\n\n.styles_cj343x07-0-0-beta-51__Ox6zn {\n  @layer rdg.Cell {\n    /* max-content does not work with size containment\n     * dynamically switching between different containment styles incurs a heavy relayout penalty\n     * Chromium bug: at odd zoom levels or subpixel positioning,\n     * layout/paint/style containment can make cell borders disappear\n     *   https://issues.chromium.org/issues/40840864\n     */\n    position: relative; /* needed for absolute positioning to work */\n    padding-block: 0;\n    padding-inline: 8px;\n    border-inline-end: 1px solid var(--rdg-border-color);\n    border-block-end: 1px solid var(--rdg-border-color);\n    grid-row-start: var(--rdg-grid-row-start);\n    align-content: center;\n    background-color: inherit;\n\n    white-space: nowrap;\n    overflow: clip;\n    text-overflow: ellipsis;\n    outline: none;\n\n    &[aria-selected='true'] {\n      outline: 2px solid var(--rdg-selection-color);\n      outline-offset: -2px;\n    }\n  }\n}\n\n.styles_csofj7r7-0-0-beta-51__cSFNo {\n  @layer rdg.Cell {\n    position: sticky;\n    /* Should have a higher value than 0 to show up above unfrozen cells */\n    z-index: 1;\n\n    /* Add box-shadow on the last frozen cell */\n    &:nth-last-child(1 of &) {\n      box-shadow: var(--rdg-cell-frozen-box-shadow);\n    }\n  }\n}\n\n\n.styles_c1bn88vv7-0-0-beta-51__0ex9w {\n  @layer rdg.CheckboxInput {\n    display: block;\n    margin: auto;\n    inline-size: 20px;\n    block-size: 20px;\n\n    &:focus-visible {\n      outline: 2px solid var(--rdg-checkbox-focus-color);\n      outline-offset: -3px;\n    }\n\n    &:enabled {\n      cursor: pointer;\n    }\n  }\n}\n\n\n.styles_g1s9ylgp7-0-0-beta-51__9-E0K {\n  @layer rdg.GroupCellContent {\n    outline: none;\n  }\n}\n\n.styles_cz54e4y7-0-0-beta-51__miYvI {\n  @layer rdg.GroupCellCaret {\n    margin-inline-start: 4px;\n    stroke: currentColor;\n    stroke-width: 1.5px;\n    fill: transparent;\n    vertical-align: middle;\n\n    > path {\n      transition: d 0.1s;\n    }\n  }\n}\n\n\n.styles_h44jtk67-0-0-beta-51__xXWa8 {\n  @layer rdg.SortableHeaderCell {\n    display: flex;\n  }\n}\n\n.styles_hcgkhxz7-0-0-beta-51__OiHtP {\n  @layer rdg.SortableHeaderCellName {\n    flex-grow: 1;\n    overflow: clip;\n    text-overflow: ellipsis;\n  }\n}\n\n\n.styles_c6ra8a37-0-0-beta-51__MgNn0 {\n  @layer rdg.Cell {\n    background-color: #ccccff;\n  }\n}\n\n.styles_cq910m07-0-0-beta-51__QDFru {\n  @layer rdg.Cell {\n    background-color: #ccccff;\n\n    &.styles_c6ra8a37-0-0-beta-51__MgNn0 {\n      background-color: #9999ff;\n    }\n  }\n}\n\n\n.styles_c1w9bbhr7-0-0-beta-51__Wf6pu {\n  @layer rdg.DragHandle {\n    --rdg-drag-handle-size: 8px;\n    z-index: 0;\n    cursor: move;\n    inline-size: var(--rdg-drag-handle-size);\n    block-size: var(--rdg-drag-handle-size);\n    background-color: var(--rdg-selection-color);\n    place-self: end;\n\n    &:hover {\n      --rdg-drag-handle-size: 16px;\n      border: 2px solid var(--rdg-selection-color);\n      background-color: var(--rdg-background-color);\n    }\n  }\n}\n\n.styles_c1creorc7-0-0-beta-51__CNi-h {\n  @layer rdg.DragHandle {\n    z-index: 1;\n    position: sticky;\n  }\n}\n\n\n.styles_cis5rrm7-0-0-beta-51__CxaQM {\n  @layer rdg.EditCell {\n    padding: 0;\n  }\n}\n\n\n.styles_c6l2wv17-0-0-beta-51__UbCyi {\n  @layer rdg.HeaderCell {\n    cursor: pointer;\n  }\n}\n\n.styles_c1kqdw7y7-0-0-beta-51__ykwkm {\n  @layer rdg.HeaderCell {\n    touch-action: none;\n  }\n}\n\n.styles_r1y6ywlx7-0-0-beta-51__Hc5yg {\n  @layer rdg.HeaderCell {\n    cursor: col-resize;\n    position: absolute;\n    inset-block-start: 0;\n    inset-inline-end: 0;\n    inset-block-end: 0;\n    inline-size: 10px;\n  }\n}\n\n.styles_c1bezg5o7-0-0-beta-51__UeQzf {\n  opacity: 0.5;\n}\n\n.styles_c1vc96037-0-0-beta-51__5kJuD {\n  background-color: var(--rdg-header-draggable-background-color);\n}\n\n\n.styles_r1upfr807-0-0-beta-51__bKLx- {\n  @layer rdg.Row {\n    display: contents;\n    background-color: var(--rdg-background-color);\n\n    &:hover {\n      background-color: var(--rdg-row-hover-background-color);\n    }\n\n    &[aria-selected='true'] {\n      background-color: var(--rdg-row-selected-background-color);\n\n      &:hover {\n        background-color: var(--rdg-row-selected-hover-background-color);\n      }\n    }\n  }\n}\n\n.styles_r190mhd37-0-0-beta-51__w8UR- {\n  @layer rdg.FocusSink {\n    outline: 2px solid var(--rdg-selection-color);\n    outline-offset: -2px;\n  }\n}\n\n.styles_r139qu9m7-0-0-beta-51__la9Ur {\n  @layer rdg.FocusSink {\n    &::before {\n      content: '';\n      display: inline-block;\n      block-size: 100%;\n      position: sticky;\n      inset-inline-start: 0;\n      border-inline-start: 2px solid var(--rdg-selection-color);\n    }\n  }\n}\n\n\n.styles_h10tskcx7-0-0-beta-51__F4RNq {\n  @layer rdg.HeaderRow {\n    display: contents;\n    background-color: var(--rdg-header-background-color);\n    font-weight: bold;\n\n    & > .styles_cj343x07-0-0-beta-51__Ox6zn {\n      /* Should have a higher value than 1 to show up above regular cells and the focus sink */\n      z-index: 2;\n      position: sticky;\n    }\n\n    & > .styles_csofj7r7-0-0-beta-51__cSFNo {\n      z-index: 3;\n    }\n  }\n}\n\n\n.styles_a3ejtar7-0-0-beta-51__VtazY {\n  @layer rdg.SortIcon {\n    fill: currentColor;\n\n    > path {\n      transition: d 0.1s;\n    }\n  }\n}\n\n\n.styles_rnvodz57-0-0-beta-51__27Lyi {\n  @layer rdg.Defaults {\n    *,\n    *::before,\n    *::after {\n      box-sizing: inherit;\n    }\n  }\n\n  @layer rdg.Root {\n    --rdg-color: #000;   --rdg-border-color: #ddd;   --rdg-summary-border-color: #aaa;   --rdg-background-color: hsl(0deg 0% 100%);   --rdg-header-background-color: hsl(0deg 0% 97.5%);   --rdg-header-draggable-background-color: hsl(0deg 0% 90.5%);   --rdg-row-hover-background-color: hsl(0deg 0% 96%);   --rdg-row-selected-background-color: hsl(207deg 76% 92%);   --rdg-row-selected-hover-background-color: hsl(207deg 76% 88%);   --rdg-checkbox-focus-color: hsl(207deg 100% 69%);\n    --rdg-selection-color: #66afe9;\n    --rdg-font-size: 14px;\n    --rdg-cell-frozen-box-shadow: 2px 0 5px -2px rgba(136, 136, 136, 0.3);\n\n    &:dir(rtl) {\n      --rdg-cell-frozen-box-shadow: -2px 0 5px -2px rgba(136, 136, 136, 0.3);\n    }\n\n    display: grid;\n\n    color-scheme: var(--rdg-color-scheme, light dark);\n    accent-color: light-dark(hsl(207deg 100% 29%), hsl(207deg 100% 79%));\n\n    /* https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context */\n    /* We set a stacking context so internal elements don't render on top of external elements. */\n    /* size containment is not used as it could break \"width: min-content\" for example, and the grid would infinitely resize on Chromium browsers */\n    contain: content;\n    content-visibility: auto;\n    block-size: 350px;\n    border: 1px solid var(--rdg-border-color);\n    box-sizing: border-box;\n    overflow: auto;\n    background-color: var(--rdg-background-color);\n    color: var(--rdg-color);\n    font-size: var(--rdg-font-size);\n\n    /* needed on Firefox to fix scrollbars */\n    &::before {\n      content: '';\n      grid-column: 1/-1;\n      grid-row: 1/-1;\n    }\n\n    &.styles_rdg-dark__Db5Xw {\n      --rdg-color-scheme: dark;\n      --rdg-color: #ddd;   --rdg-border-color: #444;   --rdg-summary-border-color: #555;   --rdg-background-color: hsl(0deg 0% 13%);   --rdg-header-background-color: hsl(0deg 0% 10.5%);   --rdg-header-draggable-background-color: hsl(0deg 0% 17.5%);   --rdg-row-hover-background-color: hsl(0deg 0% 9%);   --rdg-row-selected-background-color: hsl(207deg 76% 42%);   --rdg-row-selected-hover-background-color: hsl(207deg 76% 38%);   --rdg-checkbox-focus-color: hsl(207deg 100% 89%);\n    }\n\n    &.styles_rdg-light__xQW0A {\n      --rdg-color-scheme: light;\n    }\n\n    @media (prefers-color-scheme: dark) {\n      &:not(.styles_rdg-light__xQW0A) {\n        --rdg-color: #ddd;   --rdg-border-color: #444;   --rdg-summary-border-color: #555;   --rdg-background-color: hsl(0deg 0% 13%);   --rdg-header-background-color: hsl(0deg 0% 10.5%);   --rdg-header-draggable-background-color: hsl(0deg 0% 17.5%);   --rdg-row-hover-background-color: hsl(0deg 0% 9%);   --rdg-row-selected-background-color: hsl(207deg 76% 42%);   --rdg-row-selected-hover-background-color: hsl(207deg 76% 38%);   --rdg-checkbox-focus-color: hsl(207deg 100% 89%);\n      }\n    }\n\n    > :nth-last-child(1 of .styles_rdg-top-summary-row__60vpR) {\n      > .styles_cj343x07-0-0-beta-51__Ox6zn {\n        border-block-end: 2px solid var(--rdg-summary-border-color);\n      }\n    }\n\n    > :nth-child(1 of .styles_rdg-bottom-summary-row__4TK4P) {\n      > .styles_cj343x07-0-0-beta-51__Ox6zn {\n        border-block-start: 2px solid var(--rdg-summary-border-color);\n      }\n    }\n  }\n}\n\n.styles_vlqv91k7-0-0-beta-51__vmK9i {\n  @layer rdg.Root {\n    user-select: none;\n\n    & .styles_r1upfr807-0-0-beta-51__bKLx- {\n      cursor: move;\n    }\n  }\n}\n\n.styles_f1lsfrzw7-0-0-beta-51__I3m-T {\n  @layer rdg.FocusSink {\n    grid-column: 1/-1;\n    pointer-events: none;\n    /* Should have a higher value than 1 to show up above regular frozen cells */\n    z-index: 1;\n  }\n}\n\n.styles_f1cte0lg7-0-0-beta-51__gxTML {\n  @layer rdg.FocusSink {\n    /* Should have a higher value than 3 to show up above header and summary rows */\n    z-index: 3;\n  }\n}\n\n\n.styles_s8wc6fl7-0-0-beta-51__KBdS6 {\n  @layer rdg.SummaryCell {\n    inset-block-start: var(--rdg-summary-row-top);\n    inset-block-end: var(--rdg-summary-row-bottom);\n  }\n}\n\n\n.styles_skuhp557-0-0-beta-51__kFPXf {\n  @layer rdg.SummaryRow {\n    > .styles_cj343x07-0-0-beta-51__Ox6zn {\n      position: sticky;\n    }\n  }\n}\n\n.styles_tf8l5ub7-0-0-beta-51__sXVD2 {\n  @layer rdg.SummaryRow {\n    > .styles_cj343x07-0-0-beta-51__Ox6zn {\n      z-index: 2;\n    }\n\n    > .styles_csofj7r7-0-0-beta-51__cSFNo {\n      z-index: 3;\n    }\n  }\n}\n\n\n.styles_g1yxluv37-0-0-beta-51__MVXN8 {\n  @layer rdg.GroupedRow {\n    &:not([aria-selected='true']) {\n      background-color: var(--rdg-header-background-color);\n    }\n\n    > .styles_cj343x07-0-0-beta-51__Ox6zn:not(:last-child, .styles_csofj7r7-0-0-beta-51__cSFNo),\n    > :nth-last-child(n + 2 of .styles_csofj7r7-0-0-beta-51__cSFNo) {\n      border-inline-end: none;\n    }\n  }\n}\n\n\n.styles_t7vyx3i7-0-0-beta-51__ha363 {\n  @layer rdg.TextEditor {\n    appearance: none;\n\n    box-sizing: border-box;\n    inline-size: 100%;\n    block-size: 100%;\n    padding-block: 0;\n    padding-inline: 6px;\n    border: 2px solid #ccc;\n    vertical-align: top;\n    color: var(--rdg-color);\n    background-color: var(--rdg-background-color);\n\n    font-family: inherit;\n    font-size: var(--rdg-font-size);\n\n    &:focus {\n      border-color: var(--rdg-selection-color);\n      outline: none;\n    }\n\n    &::placeholder {\n      color: #999;\n      opacity: 1;\n    }\n  }\n}";
+styleInject(css_248z$a);
 
 const filterColumnClassName = styleDataGrid['filter-cell'];
 const colAddRow = {
@@ -5532,9 +5542,9 @@ const DataGridComponent = (_a) => {
 };
 var Component$4 = React__default.memo(DataGridComponent);
 
-var css_248z$8 = ".DatePicker-module_readonly__uVeAH,\n.DatePicker-module_readonly__uVeAH input {\n  background-color: inherit !important;\n  cursor: auto !important;\n  color: inherit !important;\n}";
+var css_248z$9 = ".DatePicker-module_readonly__uVeAH,\n.DatePicker-module_readonly__uVeAH input {\n  background-color: inherit !important;\n  cursor: auto !important;\n  color: inherit !important;\n}";
 var styleDatePicker = {"readonly":"DatePicker-module_readonly__uVeAH"};
-styleInject(css_248z$8);
+styleInject(css_248z$9);
 
 const datePickerFormat = {
     default: 'DD-MM-YYYY',
@@ -7397,9 +7407,9 @@ const DropdownButtonComponent = ({ trigger, placement, menuItems, disabled, data
     return (jsxRuntimeExports.jsx(Dropdown, { menu: { items }, placement: placement !== null && placement !== void 0 ? placement : 'bottomRight', trigger: trigger !== null && trigger !== void 0 ? trigger : ['hover'], disabled: disabled, children: jsxRuntimeExports.jsx(Button, { size: "small", icon: jsxRuntimeExports.jsx(RefIcon$9, {}), onClick: e => e.preventDefault() }) }));
 };
 
-var css_248z$7 = ".style-module_icon__GHpNO {\n  size: 1.5rem;\n}";
+var css_248z$8 = ".style-module_icon__GHpNO {\n  size: 1.5rem;\n}";
 var styleIcon = {"icon":"style-module_icon__GHpNO"};
-styleInject(css_248z$7);
+styleInject(css_248z$8);
 
 const IconCheckOrClose = ({ check, classNames, style, }) => {
     const Icon = check ? RefIcon$g : RefIcon$d;
@@ -7420,9 +7430,9 @@ const OTP = ({ noItem, loading, disabled, size, formClassNames, classNames, vari
             : otp }));
 };
 
-var css_248z$6 = ".style-module_uppercase__IomMt {\n  text-transform: uppercase;\n}";
+var css_248z$7 = ".style-module_uppercase__IomMt {\n  text-transform: uppercase;\n}";
 var styleInput = {"uppercase":"style-module_uppercase__IomMt"};
-styleInject(css_248z$6);
+styleInject(css_248z$7);
 
 const InputComponent = React__default.memo(({ noItem, password, autoFocus, allowClear, size, formClassNames, classNames, variant, autoCompleteOff, loading, disabled, readOnly, maxLength, addonBefore, addonAfter, prefix, suffix, placeholder, value, removeError, onChange, onKeyDown, onPressEnter, onMouseEnter, onMouseLeave, onClick, onFocus, onBlur, defaultValue, formColLayout, name, label, uppercase, number, required, rules, ruleType, ruleMessage, ruleMin, ruleMax, validateStatus, help, shouldUpdate, ref, }) => {
     const [valueInput, setValueInput] = useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : '');
@@ -7459,6 +7469,10 @@ const LinkComponent = ({ href, children, }) => {
     return (jsxRuntimeExports.jsx(Link$1, { to: href, children: children }));
 };
 
+var css_248z$6 = ".style-module_readonly__nJ6o7,\n.style-module_readonly__nJ6o7>span,\n.style-module_readonly__nJ6o7>span>input,\n.style-module_readonly__nJ6o7>span>span {\n  cursor: default !important;\n  color: inherit !important;\n}";
+var style$2 = {"readonly":"style-module_readonly__nJ6o7"};
+styleInject(css_248z$6);
+
 const RadioComponent = ({ noItem, loading, disabled, buttonStyle, formClassNames, options, optionType, removeError, onChange, formColLayout, name, label, required, rules, ruleType, ruleMessage, validateStatus, help, }) => {
     const radio = !loading ? (jsxRuntimeExports.jsx(Radio.Group, { block: true, buttonStyle: buttonStyle, disabled: disabled, 
         // options={options}
@@ -7470,6 +7484,12 @@ const RadioComponent = ({ noItem, loading, disabled, buttonStyle, formClassNames
                 const checkboxProps = isObject ? option : {
                     value: option,
                 };
+                const className = [];
+                if (isObject && option.readonly) {
+                    checkboxProps.disabled = option.readonly;
+                    className.push(style$2['readonly']);
+                }
+                checkboxProps.className = className.length ? className.join(' ') : undefined;
                 return (jsxRuntimeExports.jsx(Col, { span: 8, children: jsxRuntimeExports.jsx(Radio, Object.assign({}, checkboxProps, { children: isObject ? option.label : option })) }, `radio${index}`));
             }) })) })) : jsxRuntimeExports.jsx(Skeleton, { active: true });
     return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !noItem ? (jsxRuntimeExports.jsx(FormItemComponent$1, Object.assign({}, formColLayout, { name: name, label: label, classNames: formClassNames, required: required, ruleType: ruleType, ruleMessage: ruleMessage, rules: rules, validateStatus: validateStatus, help: help, children: radio })))
@@ -8175,6 +8195,24 @@ function requireDebounce () {
 var debounceExports = requireDebounce();
 var debounce = /*@__PURE__*/getDefaultExportFromCjs(debounceExports);
 
+const formatName = {
+    value: data => parseInt(data.id),
+    label: 'name',
+};
+const formatDescription = {
+    value: data => parseInt(data.id),
+    label: 'description',
+};
+const formatCodeName = {
+    value: data => parseInt(data.id),
+    label: 'code',
+    text: data => (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(TagComponent, { color: "blue", strong: true, children: data.code }), data.name] })),
+};
+const formatCodeDescription = {
+    value: data => parseInt(data.id),
+    label: 'code',
+    text: data => (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(TagComponent, { color: "blue", strong: true, children: data.code }), data.description] })),
+};
 const SelectAsyncComponent = (_a) => {
     var { initOptions, initValue, fetchOptions, debounceTimeout = 800, ref } = _a, props = __rest$5(_a, ["initOptions", "initValue", "fetchOptions", "debounceTimeout", "ref"]);
     const [isInit, setIsInit] = useState(true);
@@ -20513,10 +20551,10 @@ function getVendorPrefixes(domSupport, win) {
   return prefixes;
 }
 var vendorPrefixes = getVendorPrefixes(canUseDom(), typeof window !== 'undefined' ? window : {});
-var style = {};
+var style$1 = {};
 if (canUseDom()) {
   var _document$createEleme = document.createElement('div');
-  style = _document$createEleme.style;
+  style$1 = _document$createEleme.style;
 }
 var prefixedEventNames = {};
 function getVendorPrefixedEventName(eventName) {
@@ -20529,7 +20567,7 @@ function getVendorPrefixedEventName(eventName) {
     var len = stylePropList.length;
     for (var i = 0; i < len; i += 1) {
       var styleProp = stylePropList[i];
-      if (Object.prototype.hasOwnProperty.call(prefixMap, styleProp) && styleProp in style) {
+      if (Object.prototype.hasOwnProperty.call(prefixMap, styleProp) && styleProp in style$1) {
         prefixedEventNames[eventName] = prefixMap[styleProp];
         return prefixedEventNames[eventName];
       }
@@ -23282,16 +23320,26 @@ const TextAreaComponent = ({ noItem, noResize, size, formClassNames, className,
 var Component = React__default.memo(TextAreaComponent);
 
 var css_248z = ".style-module_readonly__8wMCe>div>span {\n  background-color: inherit !important;\n  cursor: auto !important;\n  color: inherit !important;\n}";
-var styleDragger = {"readonly":"style-module_readonly__8wMCe"};
+var style = {"readonly":"style-module_readonly__8wMCe"};
 styleInject(css_248z);
 
 const { Dragger } = Upload;
+const acceptFormat = (accept) => {
+    switch (accept) {
+        case 'image':
+            return 'image/jpeg, image/png';
+        case 'excel':
+            return '.csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel';
+        case 'pdf':
+            return 'application/pdf';
+    }
+};
 const normFile = (event) => {
     if (Array.isArray(event))
         return event;
     return event && event['fileList'];
 };
-const UploadDraggerComponent = ({ noItem, readonly, multiple, loading, disabled, listType, formClassNames, rootClassNames, classNames, action, withCredentials, beforeUpload, customRequest, removeError, onChange, onDrop, defaultFileList, formColLayout, name, label, required, rules, ruleType, ruleMessage, validateStatus, help, }) => {
+const UploadDraggerComponent = ({ noItem, readonly, multiple, loading, disabled, listType, formClassNames, rootClassNames, classNames, accept, action, withCredentials, beforeUpload, customRequest, removeError, onChange, onDrop, defaultFileList, formColLayout, name, label, required, rules, ruleType, ruleMessage, validateStatus, help, }) => {
     const handleChange = (info) => {
         removeError === null || removeError === void 0 ? void 0 : removeError(name);
         onChange === null || onChange === void 0 ? void 0 : onChange(info);
@@ -23300,8 +23348,8 @@ const UploadDraggerComponent = ({ noItem, readonly, multiple, loading, disabled,
     rootClassNames && rootClassDragger.push(...rootClassNames);
     const classDragger = [];
     classNames && classDragger.push(...classNames);
-    readonly && classDragger.push(styleDragger['readonly']);
-    const dragger = !loading ? (jsxRuntimeExports.jsxs(Dragger, { multiple: multiple, disabled: disabled || readonly, listType: listType, rootClassName: rootClassDragger.join(' '), className: classDragger.join(' '), action: action, withCredentials: withCredentials, beforeUpload: beforeUpload, customRequest: customRequest, onChange: handleChange, onDrop: onDrop, defaultFileList: defaultFileList, children: [jsxRuntimeExports.jsx("p", { className: "ant-upload-drag-icon", children: jsxRuntimeExports.jsx(RefIcon$6, {}) }), jsxRuntimeExports.jsx("p", { className: "ant-upload-text", children: "Click or drag file to this area to upload" }), jsxRuntimeExports.jsx("p", { className: "ant-upload-hint", children: "Support for a single or bulk upload. Strictly prohibited from uploading company data or other banned files." })] })) : jsxRuntimeExports.jsx(Skeleton.Input, { block: true, active: true });
+    readonly && classDragger.push(style['readonly']);
+    const dragger = !loading ? (jsxRuntimeExports.jsxs(Dragger, { multiple: multiple, disabled: disabled || readonly, listType: listType, rootClassName: rootClassDragger.join(' '), className: classDragger.join(' '), accept: accept === null || accept === void 0 ? void 0 : accept.map(accept => acceptFormat(accept)).join(', '), action: action, withCredentials: withCredentials, beforeUpload: beforeUpload, customRequest: customRequest, onChange: handleChange, onDrop: onDrop, defaultFileList: defaultFileList, children: [jsxRuntimeExports.jsx("p", { className: "ant-upload-drag-icon", children: jsxRuntimeExports.jsx(RefIcon$6, {}) }), jsxRuntimeExports.jsx("p", { className: "ant-upload-text", children: "Click or drag file to this area to upload" }), jsxRuntimeExports.jsx("p", { className: "ant-upload-hint", children: "Support for a single or bulk upload. Strictly prohibited from uploading company data or other banned files." })] })) : jsxRuntimeExports.jsx(Skeleton.Input, { block: true, active: true });
     return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !noItem ? (jsxRuntimeExports.jsx(FormItemComponent$1, Object.assign({}, formColLayout, { name: name, label: label, classNames: formClassNames, required: required, ruleType: ruleType, ruleMessage: ruleMessage, rules: rules, valuePropName: "fileList", getValueFromEvent: normFile, validateStatus: validateStatus, help: help, children: dragger })))
             : dragger }));
 };
@@ -23337,4 +23385,4 @@ class BaseModel {
     }
 }
 
-export { BaseModel, ButtonComponent$1 as ButtonComponent, Component$7 as ButtonGroupAddComponent, Component$6 as ButtonGroupEditComponent, CardComponent, CascaderComponent, CheckboxComponent$2 as CheckboxComponent, Component$5 as CheckboxGroupComponent, ConfigProvider$1 as ConfigProvider, Component$4 as DataGridComponent, DateFormat$1 as DateFormat, DatePickerComponent$1 as DatePickerComponent, DateRangePickerComponent$1 as DateRangePickerComponent, DropdownButtonComponent, FeedbackProvider, FormItemComponent$1 as FormItemComponent, IconCheckOrClose, InputComponent$1 as InputComponent, LinkComponent, NumberFormatComponent$1 as NumberFormatComponent, Component$3 as RadioComponent, SelectAsyncComponent$1 as SelectAsyncComponent, SelectComponent$1 as SelectComponent, SwitchComponent$1 as SwitchComponent, Component$2 as TableAsyncComponent, Component$1 as TableCellEditableComponent, TableComponent$1 as TableComponent, TableRowProvider, TabsComponent, TagComponent, Component as TextAreaComponent, TransformBoolean, TransformDayjs, TransformNumber, UploadDraggerComponent, colInline, colLayout, datePickerFormat, formColLayout, getTableAsyncName, getTableFilterStorage, selectAsync, styleCSS, toCamel, useConfig$1 as useConfig, useDataGrid, useFeedback, useRemoveError, useTableAsyncSearch, useTableRow };
+export { BaseModel, ButtonComponent$1 as ButtonComponent, Component$7 as ButtonGroupAddComponent, Component$6 as ButtonGroupEditComponent, CardComponent, CascaderComponent, CheckboxComponent$2 as CheckboxComponent, Component$5 as CheckboxGroupComponent, ConfigProvider$1 as ConfigProvider, Component$4 as DataGridComponent, DateFormat$1 as DateFormat, DatePickerComponent$1 as DatePickerComponent, DateRangePickerComponent$1 as DateRangePickerComponent, DropdownButtonComponent, FeedbackProvider, FormItemComponent$1 as FormItemComponent, IconCheckOrClose, InputComponent$1 as InputComponent, LinkComponent, NumberFormatComponent$1 as NumberFormatComponent, Component$3 as RadioComponent, SelectAsyncComponent$1 as SelectAsyncComponent, SelectComponent$1 as SelectComponent, SwitchComponent$1 as SwitchComponent, Component$2 as TableAsyncComponent, Component$1 as TableCellEditableComponent, TableComponent$1 as TableComponent, TableRowProvider, TabsComponent, TagComponent, Component as TextAreaComponent, TransformBoolean, TransformDayjs, TransformNumber, UploadDraggerComponent, colInline, colLayout, datePickerFormat, formColLayout, formatCodeDescription, formatCodeName, formatDescription, formatName, getTableAsyncName, getTableFilterStorage, selectAsync, styleCSS, toCamel, useConfig$1 as useConfig, useDataGrid, useFeedback, useRemoveError, useTableAsyncSearch, useTableRow };

package/dist/index.js

@@ -53,11 +53,11 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z$f = ".style-module_w-100__s3GaI {\n  width: 100%;\n}\n";
-var style$1 = {"w-100":"style-module_w-100__s3GaI","w___100":"style-module_w-100__s3GaI"};
-styleInject(css_248z$f);
+var css_248z$h = ".style-module_w-100__s3GaI {\n  width: 100%;\n}\n";
+var style$4 = {"w-100":"style-module_w-100__s3GaI","w___100":"style-module_w-100__s3GaI"};
+styleInject(css_248z$h);
 
-const styleCSS = style$1;
+const styleCSS = style$4;
 
 var TransformationType;
 (function (TransformationType) {
@@ -1583,9 +1583,9 @@ const selectAsync = ({ format, request, initData, }) => {
     return [fetchList, initOptions, formatOptions];
 };
 
-var css_248z$e = ".style-module_button-save__CGfus {\n  background-color: var(--color-primary-a0);\n}\n\n@keyframes style-module_zoom-in__HJzbj {\n  from {\n    width: 0;\n    opacity: 0;\n  }\n\n  to {\n    display: inline-flex;\n    transform: scaleX(100%) scaleY(100%);\n    opacity: 1;\n  }\n}\n\n@keyframes style-module_zoom-out__PqWZu {\n  from {\n    display: inline-flex;\n  }\n\n  to {\n    transform: scaleX(0) scaleY(0);\n    width: 0;\n    opacity: 0;\n  }\n}\n\ndiv.style-module_button-group__m4a-F.style-module_button-group-add__J3FOg>button:nth-child(-n + 1) {\n  margin-right: .5rem;\n}\n\ndiv.style-module_button-group__m4a-F.style-module_button-group-edit__-ZIEQ>button:nth-child(-n + 2) {\n  margin-right: .5rem;\n}\n\ndiv.style-module_button-group__m4a-F>button {\n  animation: style-module_zoom-in__HJzbj .5s;\n}\n\n.style-module_button-group__m4a-F .style-module_display-none__y57XG {\n  animation: style-module_zoom-out__PqWZu .5s;\n  display: none;\n}";
+var css_248z$g = ".style-module_button-save__CGfus {\n  background-color: var(--color-primary-a0);\n}\n\n@keyframes style-module_zoom-in__HJzbj {\n  from {\n    width: 0;\n    opacity: 0;\n  }\n\n  to {\n    display: inline-flex;\n    transform: scaleX(100%) scaleY(100%);\n    opacity: 1;\n  }\n}\n\n@keyframes style-module_zoom-out__PqWZu {\n  from {\n    display: inline-flex;\n  }\n\n  to {\n    transform: scaleX(0) scaleY(0);\n    width: 0;\n    opacity: 0;\n  }\n}\n\ndiv.style-module_button-group__m4a-F.style-module_button-group-add__J3FOg>button:nth-child(-n + 1) {\n  margin-right: .5rem;\n}\n\ndiv.style-module_button-group__m4a-F.style-module_button-group-edit__-ZIEQ>button:nth-child(-n + 2) {\n  margin-right: .5rem;\n}\n\ndiv.style-module_button-group__m4a-F>button {\n  animation: style-module_zoom-in__HJzbj .5s;\n}\n\n.style-module_button-group__m4a-F .style-module_display-none__y57XG {\n  animation: style-module_zoom-out__PqWZu .5s;\n  display: none;\n}";
 var styleButton = {"button-save":"style-module_button-save__CGfus","button-group":"style-module_button-group__m4a-F","button-group-add":"style-module_button-group-add__J3FOg","button-group-edit":"style-module_button-group-edit__-ZIEQ","zoom-in":"style-module_zoom-in__HJzbj","display-none":"style-module_display-none__y57XG","zoom-out":"style-module_zoom-out__PqWZu","button___save":"style-module_button-save__CGfus","button___group":"style-module_button-group__m4a-F","button___group___add":"style-module_button-group-add__J3FOg","button___group___edit":"style-module_button-group-edit__-ZIEQ","zoom___in":"style-module_zoom-in__HJzbj","display___none":"style-module_display-none__y57XG","zoom___out":"style-module_zoom-out__PqWZu"};
-styleInject(css_248z$e);
+styleInject(css_248z$g);
 
 const IconContext$1 = /*#__PURE__*/React.createContext({});
 
@@ -3977,7 +3977,11 @@ const CascaderComponent = ({ noItem, size, classNames, variant, expandTrigger, o
             : cascader }));
 };
 
-const CheckboxComponent$1 = ({ noItem, loading, disabled, checked, defaultChecked, removeError, onChange, formColLayout, name, label, formClassNames, required, rules, ruleType, ruleMessage, validateStatus, help, shouldUpdate, children, ref, }) => {
+var css_248z$f = ".style-module_readonly__EYTp- {\n  cursor: default !important;\n}\n\n.style-module_readonly__EYTp->span {\n  color: inherit !important;\n}";
+var style$3 = {"readonly":"style-module_readonly__EYTp-"};
+styleInject(css_248z$f);
+
+const CheckboxComponent$1 = ({ noItem, loading, disabled, readonly, checked, defaultChecked, removeError, onChange, formColLayout, name, label, formClassNames, required, rules, ruleType, ruleMessage, validateStatus, help, shouldUpdate, children, ref, }) => {
     const [checkedValue, setCheckedValue] = React.useState(defaultChecked !== null && defaultChecked !== void 0 ? defaultChecked : false);
     const handleChange = (event) => {
         var _a;
@@ -3989,7 +3993,7 @@ const CheckboxComponent$1 = ({ noItem, loading, disabled, checked, defaultChecke
         checked: () => checkedValue,
         setChecked: setCheckedValue,
     }));
-    const checkbox = !loading ? (jsxRuntimeExports.jsx(antd.Checkbox, { disabled: disabled, checked: checked !== null && checked !== void 0 ? checked : checkedValue, defaultChecked: checkedValue, onChange: handleChange, children: children })) : jsxRuntimeExports.jsx(antd.Skeleton.Input, { active: true });
+    const checkbox = !loading ? (jsxRuntimeExports.jsx(antd.Checkbox, { disabled: disabled || readonly, className: readonly ? style$3['readonly'] : undefined, checked: checked !== null && checked !== void 0 ? checked : checkedValue, defaultChecked: checkedValue, onChange: handleChange, children: children })) : jsxRuntimeExports.jsx(antd.Skeleton.Input, { active: true });
     return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !noItem ? (jsxRuntimeExports.jsx(FormItemComponent$1, Object.assign({}, formColLayout, { name: name, label: label, classNames: formClassNames, required: required, ruleType: ruleType, ruleMessage: ruleMessage, rules: rules, valuePropName: "checked", validateStatus: validateStatus, help: help, shouldUpdate: shouldUpdate, children: checkbox })))
             : checkbox }));
 };
@@ -4013,6 +4017,12 @@ const CheckboxComponent = ({ noItem, loading, disabled, options, value, defaultV
                 const checkboxProps = isObject ? option : {
                     value: option,
                 };
+                const className = [];
+                if (isObject && option.readonly) {
+                    checkboxProps.disabled = option.readonly;
+                    className.push(style$3['readonly']);
+                }
+                checkboxProps.className = className.length ? className.join(' ') : undefined;
                 return (jsxRuntimeExports.jsx(antd.Col, { span: 8, children: jsxRuntimeExports.jsx(antd.Checkbox, Object.assign({}, checkboxProps, { children: isObject ? option.label : option })) }, `cb${index}`));
             }) })) })) : jsxRuntimeExports.jsx(antd.Skeleton.Input, { active: true });
     return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !noItem ? (jsxRuntimeExports.jsx(FormItemComponent$1, Object.assign({}, formColLayout, { name: name, label: label, classNames: formClassNames, required: required, ruleType: ruleType, ruleMessage: ruleMessage, rules: rules, validateStatus: validateStatus, help: help, shouldUpdate: shouldUpdate, children: checkbox })))
@@ -4149,15 +4159,15 @@ const DataGridProvider = ({ filterHeader, columns, children, }) => {
     return (jsxRuntimeExports.jsx(DataGridContext.Provider, { value: value, children: children }));
 };
 
-var css_248z$d = "html {\n  --success-default: #28a745;\n  --danger-default: #dc3545;\n\n  --color-light-a0-default: #ffffff;\n  --color-light-a10-default: #e9e9e9;\n  --color-light-a20-default: #d2d2d2;\n  --color-light-a30-default: #bababa;\n  --color-light-a40-default: #a0a0a0;\n  --color-light-a50-default: #868686;\n\n  --color-dark-a0-default: #121212;\n  --color-dark-a10-default: #282828;\n  --color-dark-a20-default: #3f3f3f;\n  --color-dark-a30-default: #575757;\n  --color-dark-a40-default: #717171;\n  --color-dark-a50-default: #8b8b8b;\n\n  --color-primary-a0-default: #3dc2ec;\n  --color-primary-a10-default: #5fc9ee;\n  --color-primary-a20-default: #79d0f0;\n  --color-primary-a30-default: #90d6f3;\n  --color-primary-a40-default: #a4ddf5;\n  --color-primary-a50-default: #b8e4f7;\n\n  --color-primary-dark-a0-default: #213137;\n  --color-primary-dark-a10-default: #36454a;\n  --color-primary-dark-a20-default: #4d5a5f;\n  --color-primary-dark-a30-default: #646f74;\n  --color-primary-dark-a40-default: #7c8689;\n  --color-primary-dark-a50-default: #959da0;\n\n  --color-secondary-a0-default: #ad49e1;\n  --color-secondary-a10-default: #b860e5;\n  --color-secondary-a20-default: #c274e9;\n  --color-secondary-a30-default: #cc89ec;\n  --color-secondary-a40-default: #d69df0;\n  --color-secondary-a50-default: #dfb0f3;\n\n  --color-secondary-dark-a0-default: #2e1f36;\n  --color-secondary-dark-a10-default: #42344a;\n  --color-secondary-dark-a20-default: #584a5e;\n  --color-secondary-dark-a30-default: #6e6273;\n  --color-secondary-dark-a40-default: #847a89;\n  --color-secondary-dark-a50-default: #9c93a0;\n}\n\n.style_success__OJLGK {\n  color: var(--success, var(--success-default)) !important;\n}\n\n.style_danger__Kkj7I {\n  color: var(--danger, var(--danger-default)) !important;\n}\n\n.style_light-a0__IqAbq {\n  color: var(--color-light-a0, var(--color-light-a0-default)) !important;\n}\n\n.style_light-a10__HmZkj {\n  color: var(--color-light-a10, var(--color-light-a10-default)) !important;\n}\n\n.style_light-a20__jwK9u {\n  color: var(--color-light-a20, var(--color-light-a20-default)) !important;\n}\n\n.style_light-a30__u7-f- {\n  color: var(--color-light-a30, var(--color-light-a30-default)) !important;\n}\n\n.style_light-a40__ozfI4 {\n  color: var(--color-light-a40, var(--color-light-a40-default)) !important;\n}\n\n.style_light-a50__kRA5g {\n  color: var(--color-light-a50, var(--color-light-a50-default)) !important;\n}\n\n.style_dark-a0__9m3yI {\n  color: var(--color-dark-a0, var(--color-dark-a0-default)) !important;\n}\n\n.style_dark-a10__jAtYh {\n  color: var(--color-dark-a10, var(--color-dark-a10-default)) !important;\n}\n\n.style_dark-a20__60nkd {\n  color: var(--color-dark-a20, var(--color-dark-a20-default)) !important;\n}\n\n.style_dark-a30__ED3PC {\n  color: var(--color-dark-a30, var(--color-dark-a30-default)) !important;\n}\n\n.style_dark-a40__rSYy6 {\n  color: var(--color-dark-a40, var(--color-dark-a40-default)) !important;\n}\n\n.style_dark-a50__uIvD- {\n  color: var(--color-dark-a50, var(--color-dark-a50-default)) !important;\n}\n\n.style_primary-a0__bsl-7 {\n  color: var(--color-primary-a0, var(--color-primary-a0-default)) !important;\n}\n\n.style_primary-a10__pr2vt {\n  color: var(--color-primary-a10, var(--color-primary-a10-default)) !important;\n}\n\n.style_primary-a20__HhTmN {\n  color: var(--color-primary-a20, var(--color-primary-a20-default)) !important;\n}\n\n.style_primary-a30__2JV2J {\n  color: var(--color-primary-a30, var(--color-primary-a30-default)) !important;\n}\n\n.style_primary-a40__xeKpG {\n  color: var(--color-primary-a40, var(--color-primary-a40-default)) !important;\n}\n\n.style_primary-a50__moUMf {\n  color: var(--color-primary-a50, var(--color-primary-a50-default)) !important;\n}\n\n.style_primary-dark-a0__-bRAb {\n  color: var(--color-primary-dark-a0, var(--color-primary-dark-a0-default)) !important;\n}\n\n.style_primary-dark-a10__u6chI {\n  color: var(--color-primary-dark-a10, var(--color-primary-dark-a10-default)) !important;\n}\n\n.style_primary-dark-a20__stCee {\n  color: var(--color-primary-dark-a20, var(--color-primary-dark-a20-default)) !important;\n}\n\n.style_primary-dark-a30__zIK00 {\n  color: var(--color-primary-dark-a30, var(--color-primary-dark-a30-default)) !important;\n}\n\n.style_primary-dark-a40__lx9UB {\n  color: var(--color-primary-dark-a40, var(--color-primary-dark-a40-default)) !important;\n}\n\n.style_primary-dark-a50__LoPRz {\n  color: var(--color-primary-dark-a50, var(--color-primary-dark-a50-default)) !important;\n}";
-styleInject(css_248z$d);
+var css_248z$e = "html {\n  --success-default: #28a745;\n  --danger-default: #dc3545;\n\n  --color-light-a0-default: #ffffff;\n  --color-light-a10-default: #e9e9e9;\n  --color-light-a20-default: #d2d2d2;\n  --color-light-a30-default: #bababa;\n  --color-light-a40-default: #a0a0a0;\n  --color-light-a50-default: #868686;\n\n  --color-dark-a0-default: #121212;\n  --color-dark-a10-default: #282828;\n  --color-dark-a20-default: #3f3f3f;\n  --color-dark-a30-default: #575757;\n  --color-dark-a40-default: #717171;\n  --color-dark-a50-default: #8b8b8b;\n\n  --color-primary-a0-default: #3dc2ec;\n  --color-primary-a10-default: #5fc9ee;\n  --color-primary-a20-default: #79d0f0;\n  --color-primary-a30-default: #90d6f3;\n  --color-primary-a40-default: #a4ddf5;\n  --color-primary-a50-default: #b8e4f7;\n\n  --color-primary-dark-a0-default: #213137;\n  --color-primary-dark-a10-default: #36454a;\n  --color-primary-dark-a20-default: #4d5a5f;\n  --color-primary-dark-a30-default: #646f74;\n  --color-primary-dark-a40-default: #7c8689;\n  --color-primary-dark-a50-default: #959da0;\n\n  --color-secondary-a0-default: #ad49e1;\n  --color-secondary-a10-default: #b860e5;\n  --color-secondary-a20-default: #c274e9;\n  --color-secondary-a30-default: #cc89ec;\n  --color-secondary-a40-default: #d69df0;\n  --color-secondary-a50-default: #dfb0f3;\n\n  --color-secondary-dark-a0-default: #2e1f36;\n  --color-secondary-dark-a10-default: #42344a;\n  --color-secondary-dark-a20-default: #584a5e;\n  --color-secondary-dark-a30-default: #6e6273;\n  --color-secondary-dark-a40-default: #847a89;\n  --color-secondary-dark-a50-default: #9c93a0;\n}\n\n.style_success__OJLGK {\n  color: var(--success, var(--success-default)) !important;\n}\n\n.style_danger__Kkj7I {\n  color: var(--danger, var(--danger-default)) !important;\n}\n\n.style_light-a0__IqAbq {\n  color: var(--color-light-a0, var(--color-light-a0-default)) !important;\n}\n\n.style_light-a10__HmZkj {\n  color: var(--color-light-a10, var(--color-light-a10-default)) !important;\n}\n\n.style_light-a20__jwK9u {\n  color: var(--color-light-a20, var(--color-light-a20-default)) !important;\n}\n\n.style_light-a30__u7-f- {\n  color: var(--color-light-a30, var(--color-light-a30-default)) !important;\n}\n\n.style_light-a40__ozfI4 {\n  color: var(--color-light-a40, var(--color-light-a40-default)) !important;\n}\n\n.style_light-a50__kRA5g {\n  color: var(--color-light-a50, var(--color-light-a50-default)) !important;\n}\n\n.style_dark-a0__9m3yI {\n  color: var(--color-dark-a0, var(--color-dark-a0-default)) !important;\n}\n\n.style_dark-a10__jAtYh {\n  color: var(--color-dark-a10, var(--color-dark-a10-default)) !important;\n}\n\n.style_dark-a20__60nkd {\n  color: var(--color-dark-a20, var(--color-dark-a20-default)) !important;\n}\n\n.style_dark-a30__ED3PC {\n  color: var(--color-dark-a30, var(--color-dark-a30-default)) !important;\n}\n\n.style_dark-a40__rSYy6 {\n  color: var(--color-dark-a40, var(--color-dark-a40-default)) !important;\n}\n\n.style_dark-a50__uIvD- {\n  color: var(--color-dark-a50, var(--color-dark-a50-default)) !important;\n}\n\n.style_primary-a0__bsl-7 {\n  color: var(--color-primary-a0, var(--color-primary-a0-default)) !important;\n}\n\n.style_primary-a10__pr2vt {\n  color: var(--color-primary-a10, var(--color-primary-a10-default)) !important;\n}\n\n.style_primary-a20__HhTmN {\n  color: var(--color-primary-a20, var(--color-primary-a20-default)) !important;\n}\n\n.style_primary-a30__2JV2J {\n  color: var(--color-primary-a30, var(--color-primary-a30-default)) !important;\n}\n\n.style_primary-a40__xeKpG {\n  color: var(--color-primary-a40, var(--color-primary-a40-default)) !important;\n}\n\n.style_primary-a50__moUMf {\n  color: var(--color-primary-a50, var(--color-primary-a50-default)) !important;\n}\n\n.style_primary-dark-a0__-bRAb {\n  color: var(--color-primary-dark-a0, var(--color-primary-dark-a0-default)) !important;\n}\n\n.style_primary-dark-a10__u6chI {\n  color: var(--color-primary-dark-a10, var(--color-primary-dark-a10-default)) !important;\n}\n\n.style_primary-dark-a20__stCee {\n  color: var(--color-primary-dark-a20, var(--color-primary-dark-a20-default)) !important;\n}\n\n.style_primary-dark-a30__zIK00 {\n  color: var(--color-primary-dark-a30, var(--color-primary-dark-a30-default)) !important;\n}\n\n.style_primary-dark-a40__lx9UB {\n  color: var(--color-primary-dark-a40, var(--color-primary-dark-a40-default)) !important;\n}\n\n.style_primary-dark-a50__LoPRz {\n  color: var(--color-primary-dark-a50, var(--color-primary-dark-a50-default)) !important;\n}";
+styleInject(css_248z$e);
 
 const FeedbackContext = React.createContext({});
 const useFeedback = () => React.useContext(FeedbackContext);
 
-var css_248z$c = ".style-module_z-10000__WIix6 {\n  z-index: 10000;\n}";
+var css_248z$d = ".style-module_z-10000__WIix6 {\n  z-index: 10000;\n}";
 var styleFeedback = {"z-10000":"style-module_z-10000__WIix6"};
-styleInject(css_248z$c);
+styleInject(css_248z$d);
 
 const FeedbackProvider = ({ children }) => {
     const [messageApi, messageContext] = antd.message.useMessage({ duration: 10 });
@@ -5426,9 +5436,9 @@ const TableRowProvider = (props) => {
     return (jsxRuntimeExports.jsx(antd.Form, { form: form, component: false, children: jsxRuntimeExports.jsx(TableRowContext.Provider, { value: contextValue, children: jsxRuntimeExports.jsx("tr", Object.assign({}, props, { ref: setNodeRef, style: style }, attributes)) }) }));
 };
 
-var css_248z$b = ".style-module_number-format-align-right__qOFmQ {\n  text-align: right;\n}";
+var css_248z$c = ".style-module_number-format-align-right__qOFmQ {\n  text-align: right;\n}";
 var styleNumberFormat = {"number-format-align-right":"style-module_number-format-align-right__qOFmQ"};
-styleInject(css_248z$b);
+styleInject(css_248z$c);
 
 const NumberFormat = ({ noItem, text, size, align, formClassNames, classNames, variant, trailing: trailingProps, prefix, suffix, placeholder, loading, disabled, readOnly, allowNegative, value, defaultValue, onValueChange, removeError, onChange, style, onBlur, onKeyDown, onMouseEnter, onMouseLeave, onFocus, onClick, formColLayout, name, label, required, rules, ruleMessage, ruleMin, ruleMax, validateStatus, help, shouldUpdate, ref, }) => {
     const { trailing } = useConfig$1();
@@ -5462,12 +5472,12 @@ const NumberFormatComponent = props => {
 };
 var NumberFormatComponent$1 = React.memo(NumberFormatComponent);
 
-var css_248z$a = "div.style-module_filter-cell__1BFPm[role=\"columnheader\"] {\n  line-height: 35px;\n  padding: 0;\n}\n\ndiv.style-module_filter-cell__1BFPm[role=\"columnheader\"]>div {\n  padding-block: 0;\n  padding-inline: 8px;\n}\n\ndiv.style-module_filter-cell__1BFPm[role=\"columnheader\"]>div:first-child {\n  border-block-end: 1px solid var(--rdg-border-color);\n}";
+var css_248z$b = "div.style-module_filter-cell__1BFPm[role=\"columnheader\"] {\n  line-height: 35px;\n  padding: 0;\n}\n\ndiv.style-module_filter-cell__1BFPm[role=\"columnheader\"]>div {\n  padding-block: 0;\n  padding-inline: 8px;\n}\n\ndiv.style-module_filter-cell__1BFPm[role=\"columnheader\"]>div:first-child {\n  border-block-end: 1px solid var(--rdg-border-color);\n}";
 var styleDataGrid = {"filter-cell":"style-module_filter-cell__1BFPm"};
-styleInject(css_248z$a);
+styleInject(css_248z$b);
 
-var css_248z$9 = "@layer rdg {\n  @layer Defaults,\n    FocusSink,\n    CheckboxInput,\n    CheckboxIcon,\n    CheckboxLabel,\n    Cell,\n    HeaderCell,\n    SummaryCell,\n    EditCell,\n    Row,\n    HeaderRow,\n    SummaryRow,\n    GroupedRow,\n    Root;\n}\n\n.styles_mlln6zg7-0-0-beta-51__IgLfM {\n  @layer rdg.MeasuringCell {\n    contain: strict;\n    grid-row: 1;\n    visibility: hidden;\n  }\n}\n\n\n.styles_cj343x07-0-0-beta-51__Ox6zn {\n  @layer rdg.Cell {\n    /* max-content does not work with size containment\n     * dynamically switching between different containment styles incurs a heavy relayout penalty\n     * Chromium bug: at odd zoom levels or subpixel positioning,\n     * layout/paint/style containment can make cell borders disappear\n     *   https://issues.chromium.org/issues/40840864\n     */\n    position: relative; /* needed for absolute positioning to work */\n    padding-block: 0;\n    padding-inline: 8px;\n    border-inline-end: 1px solid var(--rdg-border-color);\n    border-block-end: 1px solid var(--rdg-border-color);\n    grid-row-start: var(--rdg-grid-row-start);\n    align-content: center;\n    background-color: inherit;\n\n    white-space: nowrap;\n    overflow: clip;\n    text-overflow: ellipsis;\n    outline: none;\n\n    &[aria-selected='true'] {\n      outline: 2px solid var(--rdg-selection-color);\n      outline-offset: -2px;\n    }\n  }\n}\n\n.styles_csofj7r7-0-0-beta-51__cSFNo {\n  @layer rdg.Cell {\n    position: sticky;\n    /* Should have a higher value than 0 to show up above unfrozen cells */\n    z-index: 1;\n\n    /* Add box-shadow on the last frozen cell */\n    &:nth-last-child(1 of &) {\n      box-shadow: var(--rdg-cell-frozen-box-shadow);\n    }\n  }\n}\n\n\n.styles_c1bn88vv7-0-0-beta-51__0ex9w {\n  @layer rdg.CheckboxInput {\n    display: block;\n    margin: auto;\n    inline-size: 20px;\n    block-size: 20px;\n\n    &:focus-visible {\n      outline: 2px solid var(--rdg-checkbox-focus-color);\n      outline-offset: -3px;\n    }\n\n    &:enabled {\n      cursor: pointer;\n    }\n  }\n}\n\n\n.styles_g1s9ylgp7-0-0-beta-51__9-E0K {\n  @layer rdg.GroupCellContent {\n    outline: none;\n  }\n}\n\n.styles_cz54e4y7-0-0-beta-51__miYvI {\n  @layer rdg.GroupCellCaret {\n    margin-inline-start: 4px;\n    stroke: currentColor;\n    stroke-width: 1.5px;\n    fill: transparent;\n    vertical-align: middle;\n\n    > path {\n      transition: d 0.1s;\n    }\n  }\n}\n\n\n.styles_h44jtk67-0-0-beta-51__xXWa8 {\n  @layer rdg.SortableHeaderCell {\n    display: flex;\n  }\n}\n\n.styles_hcgkhxz7-0-0-beta-51__OiHtP {\n  @layer rdg.SortableHeaderCellName {\n    flex-grow: 1;\n    overflow: clip;\n    text-overflow: ellipsis;\n  }\n}\n\n\n.styles_c6ra8a37-0-0-beta-51__MgNn0 {\n  @layer rdg.Cell {\n    background-color: #ccccff;\n  }\n}\n\n.styles_cq910m07-0-0-beta-51__QDFru {\n  @layer rdg.Cell {\n    background-color: #ccccff;\n\n    &.styles_c6ra8a37-0-0-beta-51__MgNn0 {\n      background-color: #9999ff;\n    }\n  }\n}\n\n\n.styles_c1w9bbhr7-0-0-beta-51__Wf6pu {\n  @layer rdg.DragHandle {\n    --rdg-drag-handle-size: 8px;\n    z-index: 0;\n    cursor: move;\n    inline-size: var(--rdg-drag-handle-size);\n    block-size: var(--rdg-drag-handle-size);\n    background-color: var(--rdg-selection-color);\n    place-self: end;\n\n    &:hover {\n      --rdg-drag-handle-size: 16px;\n      border: 2px solid var(--rdg-selection-color);\n      background-color: var(--rdg-background-color);\n    }\n  }\n}\n\n.styles_c1creorc7-0-0-beta-51__CNi-h {\n  @layer rdg.DragHandle {\n    z-index: 1;\n    position: sticky;\n  }\n}\n\n\n.styles_cis5rrm7-0-0-beta-51__CxaQM {\n  @layer rdg.EditCell {\n    padding: 0;\n  }\n}\n\n\n.styles_c6l2wv17-0-0-beta-51__UbCyi {\n  @layer rdg.HeaderCell {\n    cursor: pointer;\n  }\n}\n\n.styles_c1kqdw7y7-0-0-beta-51__ykwkm {\n  @layer rdg.HeaderCell {\n    touch-action: none;\n  }\n}\n\n.styles_r1y6ywlx7-0-0-beta-51__Hc5yg {\n  @layer rdg.HeaderCell {\n    cursor: col-resize;\n    position: absolute;\n    inset-block-start: 0;\n    inset-inline-end: 0;\n    inset-block-end: 0;\n    inline-size: 10px;\n  }\n}\n\n.styles_c1bezg5o7-0-0-beta-51__UeQzf {\n  opacity: 0.5;\n}\n\n.styles_c1vc96037-0-0-beta-51__5kJuD {\n  background-color: var(--rdg-header-draggable-background-color);\n}\n\n\n.styles_r1upfr807-0-0-beta-51__bKLx- {\n  @layer rdg.Row {\n    display: contents;\n    background-color: var(--rdg-background-color);\n\n    &:hover {\n      background-color: var(--rdg-row-hover-background-color);\n    }\n\n    &[aria-selected='true'] {\n      background-color: var(--rdg-row-selected-background-color);\n\n      &:hover {\n        background-color: var(--rdg-row-selected-hover-background-color);\n      }\n    }\n  }\n}\n\n.styles_r190mhd37-0-0-beta-51__w8UR- {\n  @layer rdg.FocusSink {\n    outline: 2px solid var(--rdg-selection-color);\n    outline-offset: -2px;\n  }\n}\n\n.styles_r139qu9m7-0-0-beta-51__la9Ur {\n  @layer rdg.FocusSink {\n    &::before {\n      content: '';\n      display: inline-block;\n      block-size: 100%;\n      position: sticky;\n      inset-inline-start: 0;\n      border-inline-start: 2px solid var(--rdg-selection-color);\n    }\n  }\n}\n\n\n.styles_h10tskcx7-0-0-beta-51__F4RNq {\n  @layer rdg.HeaderRow {\n    display: contents;\n    background-color: var(--rdg-header-background-color);\n    font-weight: bold;\n\n    & > .styles_cj343x07-0-0-beta-51__Ox6zn {\n      /* Should have a higher value than 1 to show up above regular cells and the focus sink */\n      z-index: 2;\n      position: sticky;\n    }\n\n    & > .styles_csofj7r7-0-0-beta-51__cSFNo {\n      z-index: 3;\n    }\n  }\n}\n\n\n.styles_a3ejtar7-0-0-beta-51__VtazY {\n  @layer rdg.SortIcon {\n    fill: currentColor;\n\n    > path {\n      transition: d 0.1s;\n    }\n  }\n}\n\n\n.styles_rnvodz57-0-0-beta-51__27Lyi {\n  @layer rdg.Defaults {\n    *,\n    *::before,\n    *::after {\n      box-sizing: inherit;\n    }\n  }\n\n  @layer rdg.Root {\n    --rdg-color: #000;   --rdg-border-color: #ddd;   --rdg-summary-border-color: #aaa;   --rdg-background-color: hsl(0deg 0% 100%);   --rdg-header-background-color: hsl(0deg 0% 97.5%);   --rdg-header-draggable-background-color: hsl(0deg 0% 90.5%);   --rdg-row-hover-background-color: hsl(0deg 0% 96%);   --rdg-row-selected-background-color: hsl(207deg 76% 92%);   --rdg-row-selected-hover-background-color: hsl(207deg 76% 88%);   --rdg-checkbox-focus-color: hsl(207deg 100% 69%);\n    --rdg-selection-color: #66afe9;\n    --rdg-font-size: 14px;\n    --rdg-cell-frozen-box-shadow: 2px 0 5px -2px rgba(136, 136, 136, 0.3);\n\n    &:dir(rtl) {\n      --rdg-cell-frozen-box-shadow: -2px 0 5px -2px rgba(136, 136, 136, 0.3);\n    }\n\n    display: grid;\n\n    color-scheme: var(--rdg-color-scheme, light dark);\n    accent-color: light-dark(hsl(207deg 100% 29%), hsl(207deg 100% 79%));\n\n    /* https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context */\n    /* We set a stacking context so internal elements don't render on top of external elements. */\n    /* size containment is not used as it could break \"width: min-content\" for example, and the grid would infinitely resize on Chromium browsers */\n    contain: content;\n    content-visibility: auto;\n    block-size: 350px;\n    border: 1px solid var(--rdg-border-color);\n    box-sizing: border-box;\n    overflow: auto;\n    background-color: var(--rdg-background-color);\n    color: var(--rdg-color);\n    font-size: var(--rdg-font-size);\n\n    /* needed on Firefox to fix scrollbars */\n    &::before {\n      content: '';\n      grid-column: 1/-1;\n      grid-row: 1/-1;\n    }\n\n    &.styles_rdg-dark__Db5Xw {\n      --rdg-color-scheme: dark;\n      --rdg-color: #ddd;   --rdg-border-color: #444;   --rdg-summary-border-color: #555;   --rdg-background-color: hsl(0deg 0% 13%);   --rdg-header-background-color: hsl(0deg 0% 10.5%);   --rdg-header-draggable-background-color: hsl(0deg 0% 17.5%);   --rdg-row-hover-background-color: hsl(0deg 0% 9%);   --rdg-row-selected-background-color: hsl(207deg 76% 42%);   --rdg-row-selected-hover-background-color: hsl(207deg 76% 38%);   --rdg-checkbox-focus-color: hsl(207deg 100% 89%);\n    }\n\n    &.styles_rdg-light__xQW0A {\n      --rdg-color-scheme: light;\n    }\n\n    @media (prefers-color-scheme: dark) {\n      &:not(.styles_rdg-light__xQW0A) {\n        --rdg-color: #ddd;   --rdg-border-color: #444;   --rdg-summary-border-color: #555;   --rdg-background-color: hsl(0deg 0% 13%);   --rdg-header-background-color: hsl(0deg 0% 10.5%);   --rdg-header-draggable-background-color: hsl(0deg 0% 17.5%);   --rdg-row-hover-background-color: hsl(0deg 0% 9%);   --rdg-row-selected-background-color: hsl(207deg 76% 42%);   --rdg-row-selected-hover-background-color: hsl(207deg 76% 38%);   --rdg-checkbox-focus-color: hsl(207deg 100% 89%);\n      }\n    }\n\n    > :nth-last-child(1 of .styles_rdg-top-summary-row__60vpR) {\n      > .styles_cj343x07-0-0-beta-51__Ox6zn {\n        border-block-end: 2px solid var(--rdg-summary-border-color);\n      }\n    }\n\n    > :nth-child(1 of .styles_rdg-bottom-summary-row__4TK4P) {\n      > .styles_cj343x07-0-0-beta-51__Ox6zn {\n        border-block-start: 2px solid var(--rdg-summary-border-color);\n      }\n    }\n  }\n}\n\n.styles_vlqv91k7-0-0-beta-51__vmK9i {\n  @layer rdg.Root {\n    user-select: none;\n\n    & .styles_r1upfr807-0-0-beta-51__bKLx- {\n      cursor: move;\n    }\n  }\n}\n\n.styles_f1lsfrzw7-0-0-beta-51__I3m-T {\n  @layer rdg.FocusSink {\n    grid-column: 1/-1;\n    pointer-events: none;\n    /* Should have a higher value than 1 to show up above regular frozen cells */\n    z-index: 1;\n  }\n}\n\n.styles_f1cte0lg7-0-0-beta-51__gxTML {\n  @layer rdg.FocusSink {\n    /* Should have a higher value than 3 to show up above header and summary rows */\n    z-index: 3;\n  }\n}\n\n\n.styles_s8wc6fl7-0-0-beta-51__KBdS6 {\n  @layer rdg.SummaryCell {\n    inset-block-start: var(--rdg-summary-row-top);\n    inset-block-end: var(--rdg-summary-row-bottom);\n  }\n}\n\n\n.styles_skuhp557-0-0-beta-51__kFPXf {\n  @layer rdg.SummaryRow {\n    > .styles_cj343x07-0-0-beta-51__Ox6zn {\n      position: sticky;\n    }\n  }\n}\n\n.styles_tf8l5ub7-0-0-beta-51__sXVD2 {\n  @layer rdg.SummaryRow {\n    > .styles_cj343x07-0-0-beta-51__Ox6zn {\n      z-index: 2;\n    }\n\n    > .styles_csofj7r7-0-0-beta-51__cSFNo {\n      z-index: 3;\n    }\n  }\n}\n\n\n.styles_g1yxluv37-0-0-beta-51__MVXN8 {\n  @layer rdg.GroupedRow {\n    &:not([aria-selected='true']) {\n      background-color: var(--rdg-header-background-color);\n    }\n\n    > .styles_cj343x07-0-0-beta-51__Ox6zn:not(:last-child, .styles_csofj7r7-0-0-beta-51__cSFNo),\n    > :nth-last-child(n + 2 of .styles_csofj7r7-0-0-beta-51__cSFNo) {\n      border-inline-end: none;\n    }\n  }\n}\n\n\n.styles_t7vyx3i7-0-0-beta-51__ha363 {\n  @layer rdg.TextEditor {\n    appearance: none;\n\n    box-sizing: border-box;\n    inline-size: 100%;\n    block-size: 100%;\n    padding-block: 0;\n    padding-inline: 6px;\n    border: 2px solid #ccc;\n    vertical-align: top;\n    color: var(--rdg-color);\n    background-color: var(--rdg-background-color);\n\n    font-family: inherit;\n    font-size: var(--rdg-font-size);\n\n    &:focus {\n      border-color: var(--rdg-selection-color);\n      outline: none;\n    }\n\n    &::placeholder {\n      color: #999;\n      opacity: 1;\n    }\n  }\n}";
-styleInject(css_248z$9);
+var css_248z$a = "@layer rdg {\n  @layer Defaults,\n    FocusSink,\n    CheckboxInput,\n    CheckboxIcon,\n    CheckboxLabel,\n    Cell,\n    HeaderCell,\n    SummaryCell,\n    EditCell,\n    Row,\n    HeaderRow,\n    SummaryRow,\n    GroupedRow,\n    Root;\n}\n\n.styles_mlln6zg7-0-0-beta-51__IgLfM {\n  @layer rdg.MeasuringCell {\n    contain: strict;\n    grid-row: 1;\n    visibility: hidden;\n  }\n}\n\n\n.styles_cj343x07-0-0-beta-51__Ox6zn {\n  @layer rdg.Cell {\n    /* max-content does not work with size containment\n     * dynamically switching between different containment styles incurs a heavy relayout penalty\n     * Chromium bug: at odd zoom levels or subpixel positioning,\n     * layout/paint/style containment can make cell borders disappear\n     *   https://issues.chromium.org/issues/40840864\n     */\n    position: relative; /* needed for absolute positioning to work */\n    padding-block: 0;\n    padding-inline: 8px;\n    border-inline-end: 1px solid var(--rdg-border-color);\n    border-block-end: 1px solid var(--rdg-border-color);\n    grid-row-start: var(--rdg-grid-row-start);\n    align-content: center;\n    background-color: inherit;\n\n    white-space: nowrap;\n    overflow: clip;\n    text-overflow: ellipsis;\n    outline: none;\n\n    &[aria-selected='true'] {\n      outline: 2px solid var(--rdg-selection-color);\n      outline-offset: -2px;\n    }\n  }\n}\n\n.styles_csofj7r7-0-0-beta-51__cSFNo {\n  @layer rdg.Cell {\n    position: sticky;\n    /* Should have a higher value than 0 to show up above unfrozen cells */\n    z-index: 1;\n\n    /* Add box-shadow on the last frozen cell */\n    &:nth-last-child(1 of &) {\n      box-shadow: var(--rdg-cell-frozen-box-shadow);\n    }\n  }\n}\n\n\n.styles_c1bn88vv7-0-0-beta-51__0ex9w {\n  @layer rdg.CheckboxInput {\n    display: block;\n    margin: auto;\n    inline-size: 20px;\n    block-size: 20px;\n\n    &:focus-visible {\n      outline: 2px solid var(--rdg-checkbox-focus-color);\n      outline-offset: -3px;\n    }\n\n    &:enabled {\n      cursor: pointer;\n    }\n  }\n}\n\n\n.styles_g1s9ylgp7-0-0-beta-51__9-E0K {\n  @layer rdg.GroupCellContent {\n    outline: none;\n  }\n}\n\n.styles_cz54e4y7-0-0-beta-51__miYvI {\n  @layer rdg.GroupCellCaret {\n    margin-inline-start: 4px;\n    stroke: currentColor;\n    stroke-width: 1.5px;\n    fill: transparent;\n    vertical-align: middle;\n\n    > path {\n      transition: d 0.1s;\n    }\n  }\n}\n\n\n.styles_h44jtk67-0-0-beta-51__xXWa8 {\n  @layer rdg.SortableHeaderCell {\n    display: flex;\n  }\n}\n\n.styles_hcgkhxz7-0-0-beta-51__OiHtP {\n  @layer rdg.SortableHeaderCellName {\n    flex-grow: 1;\n    overflow: clip;\n    text-overflow: ellipsis;\n  }\n}\n\n\n.styles_c6ra8a37-0-0-beta-51__MgNn0 {\n  @layer rdg.Cell {\n    background-color: #ccccff;\n  }\n}\n\n.styles_cq910m07-0-0-beta-51__QDFru {\n  @layer rdg.Cell {\n    background-color: #ccccff;\n\n    &.styles_c6ra8a37-0-0-beta-51__MgNn0 {\n      background-color: #9999ff;\n    }\n  }\n}\n\n\n.styles_c1w9bbhr7-0-0-beta-51__Wf6pu {\n  @layer rdg.DragHandle {\n    --rdg-drag-handle-size: 8px;\n    z-index: 0;\n    cursor: move;\n    inline-size: var(--rdg-drag-handle-size);\n    block-size: var(--rdg-drag-handle-size);\n    background-color: var(--rdg-selection-color);\n    place-self: end;\n\n    &:hover {\n      --rdg-drag-handle-size: 16px;\n      border: 2px solid var(--rdg-selection-color);\n      background-color: var(--rdg-background-color);\n    }\n  }\n}\n\n.styles_c1creorc7-0-0-beta-51__CNi-h {\n  @layer rdg.DragHandle {\n    z-index: 1;\n    position: sticky;\n  }\n}\n\n\n.styles_cis5rrm7-0-0-beta-51__CxaQM {\n  @layer rdg.EditCell {\n    padding: 0;\n  }\n}\n\n\n.styles_c6l2wv17-0-0-beta-51__UbCyi {\n  @layer rdg.HeaderCell {\n    cursor: pointer;\n  }\n}\n\n.styles_c1kqdw7y7-0-0-beta-51__ykwkm {\n  @layer rdg.HeaderCell {\n    touch-action: none;\n  }\n}\n\n.styles_r1y6ywlx7-0-0-beta-51__Hc5yg {\n  @layer rdg.HeaderCell {\n    cursor: col-resize;\n    position: absolute;\n    inset-block-start: 0;\n    inset-inline-end: 0;\n    inset-block-end: 0;\n    inline-size: 10px;\n  }\n}\n\n.styles_c1bezg5o7-0-0-beta-51__UeQzf {\n  opacity: 0.5;\n}\n\n.styles_c1vc96037-0-0-beta-51__5kJuD {\n  background-color: var(--rdg-header-draggable-background-color);\n}\n\n\n.styles_r1upfr807-0-0-beta-51__bKLx- {\n  @layer rdg.Row {\n    display: contents;\n    background-color: var(--rdg-background-color);\n\n    &:hover {\n      background-color: var(--rdg-row-hover-background-color);\n    }\n\n    &[aria-selected='true'] {\n      background-color: var(--rdg-row-selected-background-color);\n\n      &:hover {\n        background-color: var(--rdg-row-selected-hover-background-color);\n      }\n    }\n  }\n}\n\n.styles_r190mhd37-0-0-beta-51__w8UR- {\n  @layer rdg.FocusSink {\n    outline: 2px solid var(--rdg-selection-color);\n    outline-offset: -2px;\n  }\n}\n\n.styles_r139qu9m7-0-0-beta-51__la9Ur {\n  @layer rdg.FocusSink {\n    &::before {\n      content: '';\n      display: inline-block;\n      block-size: 100%;\n      position: sticky;\n      inset-inline-start: 0;\n      border-inline-start: 2px solid var(--rdg-selection-color);\n    }\n  }\n}\n\n\n.styles_h10tskcx7-0-0-beta-51__F4RNq {\n  @layer rdg.HeaderRow {\n    display: contents;\n    background-color: var(--rdg-header-background-color);\n    font-weight: bold;\n\n    & > .styles_cj343x07-0-0-beta-51__Ox6zn {\n      /* Should have a higher value than 1 to show up above regular cells and the focus sink */\n      z-index: 2;\n      position: sticky;\n    }\n\n    & > .styles_csofj7r7-0-0-beta-51__cSFNo {\n      z-index: 3;\n    }\n  }\n}\n\n\n.styles_a3ejtar7-0-0-beta-51__VtazY {\n  @layer rdg.SortIcon {\n    fill: currentColor;\n\n    > path {\n      transition: d 0.1s;\n    }\n  }\n}\n\n\n.styles_rnvodz57-0-0-beta-51__27Lyi {\n  @layer rdg.Defaults {\n    *,\n    *::before,\n    *::after {\n      box-sizing: inherit;\n    }\n  }\n\n  @layer rdg.Root {\n    --rdg-color: #000;   --rdg-border-color: #ddd;   --rdg-summary-border-color: #aaa;   --rdg-background-color: hsl(0deg 0% 100%);   --rdg-header-background-color: hsl(0deg 0% 97.5%);   --rdg-header-draggable-background-color: hsl(0deg 0% 90.5%);   --rdg-row-hover-background-color: hsl(0deg 0% 96%);   --rdg-row-selected-background-color: hsl(207deg 76% 92%);   --rdg-row-selected-hover-background-color: hsl(207deg 76% 88%);   --rdg-checkbox-focus-color: hsl(207deg 100% 69%);\n    --rdg-selection-color: #66afe9;\n    --rdg-font-size: 14px;\n    --rdg-cell-frozen-box-shadow: 2px 0 5px -2px rgba(136, 136, 136, 0.3);\n\n    &:dir(rtl) {\n      --rdg-cell-frozen-box-shadow: -2px 0 5px -2px rgba(136, 136, 136, 0.3);\n    }\n\n    display: grid;\n\n    color-scheme: var(--rdg-color-scheme, light dark);\n    accent-color: light-dark(hsl(207deg 100% 29%), hsl(207deg 100% 79%));\n\n    /* https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context */\n    /* We set a stacking context so internal elements don't render on top of external elements. */\n    /* size containment is not used as it could break \"width: min-content\" for example, and the grid would infinitely resize on Chromium browsers */\n    contain: content;\n    content-visibility: auto;\n    block-size: 350px;\n    border: 1px solid var(--rdg-border-color);\n    box-sizing: border-box;\n    overflow: auto;\n    background-color: var(--rdg-background-color);\n    color: var(--rdg-color);\n    font-size: var(--rdg-font-size);\n\n    /* needed on Firefox to fix scrollbars */\n    &::before {\n      content: '';\n      grid-column: 1/-1;\n      grid-row: 1/-1;\n    }\n\n    &.styles_rdg-dark__Db5Xw {\n      --rdg-color-scheme: dark;\n      --rdg-color: #ddd;   --rdg-border-color: #444;   --rdg-summary-border-color: #555;   --rdg-background-color: hsl(0deg 0% 13%);   --rdg-header-background-color: hsl(0deg 0% 10.5%);   --rdg-header-draggable-background-color: hsl(0deg 0% 17.5%);   --rdg-row-hover-background-color: hsl(0deg 0% 9%);   --rdg-row-selected-background-color: hsl(207deg 76% 42%);   --rdg-row-selected-hover-background-color: hsl(207deg 76% 38%);   --rdg-checkbox-focus-color: hsl(207deg 100% 89%);\n    }\n\n    &.styles_rdg-light__xQW0A {\n      --rdg-color-scheme: light;\n    }\n\n    @media (prefers-color-scheme: dark) {\n      &:not(.styles_rdg-light__xQW0A) {\n        --rdg-color: #ddd;   --rdg-border-color: #444;   --rdg-summary-border-color: #555;   --rdg-background-color: hsl(0deg 0% 13%);   --rdg-header-background-color: hsl(0deg 0% 10.5%);   --rdg-header-draggable-background-color: hsl(0deg 0% 17.5%);   --rdg-row-hover-background-color: hsl(0deg 0% 9%);   --rdg-row-selected-background-color: hsl(207deg 76% 42%);   --rdg-row-selected-hover-background-color: hsl(207deg 76% 38%);   --rdg-checkbox-focus-color: hsl(207deg 100% 89%);\n      }\n    }\n\n    > :nth-last-child(1 of .styles_rdg-top-summary-row__60vpR) {\n      > .styles_cj343x07-0-0-beta-51__Ox6zn {\n        border-block-end: 2px solid var(--rdg-summary-border-color);\n      }\n    }\n\n    > :nth-child(1 of .styles_rdg-bottom-summary-row__4TK4P) {\n      > .styles_cj343x07-0-0-beta-51__Ox6zn {\n        border-block-start: 2px solid var(--rdg-summary-border-color);\n      }\n    }\n  }\n}\n\n.styles_vlqv91k7-0-0-beta-51__vmK9i {\n  @layer rdg.Root {\n    user-select: none;\n\n    & .styles_r1upfr807-0-0-beta-51__bKLx- {\n      cursor: move;\n    }\n  }\n}\n\n.styles_f1lsfrzw7-0-0-beta-51__I3m-T {\n  @layer rdg.FocusSink {\n    grid-column: 1/-1;\n    pointer-events: none;\n    /* Should have a higher value than 1 to show up above regular frozen cells */\n    z-index: 1;\n  }\n}\n\n.styles_f1cte0lg7-0-0-beta-51__gxTML {\n  @layer rdg.FocusSink {\n    /* Should have a higher value than 3 to show up above header and summary rows */\n    z-index: 3;\n  }\n}\n\n\n.styles_s8wc6fl7-0-0-beta-51__KBdS6 {\n  @layer rdg.SummaryCell {\n    inset-block-start: var(--rdg-summary-row-top);\n    inset-block-end: var(--rdg-summary-row-bottom);\n  }\n}\n\n\n.styles_skuhp557-0-0-beta-51__kFPXf {\n  @layer rdg.SummaryRow {\n    > .styles_cj343x07-0-0-beta-51__Ox6zn {\n      position: sticky;\n    }\n  }\n}\n\n.styles_tf8l5ub7-0-0-beta-51__sXVD2 {\n  @layer rdg.SummaryRow {\n    > .styles_cj343x07-0-0-beta-51__Ox6zn {\n      z-index: 2;\n    }\n\n    > .styles_csofj7r7-0-0-beta-51__cSFNo {\n      z-index: 3;\n    }\n  }\n}\n\n\n.styles_g1yxluv37-0-0-beta-51__MVXN8 {\n  @layer rdg.GroupedRow {\n    &:not([aria-selected='true']) {\n      background-color: var(--rdg-header-background-color);\n    }\n\n    > .styles_cj343x07-0-0-beta-51__Ox6zn:not(:last-child, .styles_csofj7r7-0-0-beta-51__cSFNo),\n    > :nth-last-child(n + 2 of .styles_csofj7r7-0-0-beta-51__cSFNo) {\n      border-inline-end: none;\n    }\n  }\n}\n\n\n.styles_t7vyx3i7-0-0-beta-51__ha363 {\n  @layer rdg.TextEditor {\n    appearance: none;\n\n    box-sizing: border-box;\n    inline-size: 100%;\n    block-size: 100%;\n    padding-block: 0;\n    padding-inline: 6px;\n    border: 2px solid #ccc;\n    vertical-align: top;\n    color: var(--rdg-color);\n    background-color: var(--rdg-background-color);\n\n    font-family: inherit;\n    font-size: var(--rdg-font-size);\n\n    &:focus {\n      border-color: var(--rdg-selection-color);\n      outline: none;\n    }\n\n    &::placeholder {\n      color: #999;\n      opacity: 1;\n    }\n  }\n}";
+styleInject(css_248z$a);
 
 const filterColumnClassName = styleDataGrid['filter-cell'];
 const colAddRow = {
@@ -5551,9 +5561,9 @@ const DataGridComponent = (_a) => {
 };
 var Component$4 = React.memo(DataGridComponent);
 
-var css_248z$8 = ".DatePicker-module_readonly__uVeAH,\n.DatePicker-module_readonly__uVeAH input {\n  background-color: inherit !important;\n  cursor: auto !important;\n  color: inherit !important;\n}";
+var css_248z$9 = ".DatePicker-module_readonly__uVeAH,\n.DatePicker-module_readonly__uVeAH input {\n  background-color: inherit !important;\n  cursor: auto !important;\n  color: inherit !important;\n}";
 var styleDatePicker = {"readonly":"DatePicker-module_readonly__uVeAH"};
-styleInject(css_248z$8);
+styleInject(css_248z$9);
 
 const datePickerFormat = {
     default: 'DD-MM-YYYY',
@@ -7416,9 +7426,9 @@ const DropdownButtonComponent = ({ trigger, placement, menuItems, disabled, data
     return (jsxRuntimeExports.jsx(antd.Dropdown, { menu: { items }, placement: placement !== null && placement !== void 0 ? placement : 'bottomRight', trigger: trigger !== null && trigger !== void 0 ? trigger : ['hover'], disabled: disabled, children: jsxRuntimeExports.jsx(antd.Button, { size: "small", icon: jsxRuntimeExports.jsx(RefIcon$9, {}), onClick: e => e.preventDefault() }) }));
 };
 
-var css_248z$7 = ".style-module_icon__GHpNO {\n  size: 1.5rem;\n}";
+var css_248z$8 = ".style-module_icon__GHpNO {\n  size: 1.5rem;\n}";
 var styleIcon = {"icon":"style-module_icon__GHpNO"};
-styleInject(css_248z$7);
+styleInject(css_248z$8);
 
 const IconCheckOrClose = ({ check, classNames, style, }) => {
     const Icon = check ? RefIcon$g : RefIcon$d;
@@ -7439,9 +7449,9 @@ const OTP = ({ noItem, loading, disabled, size, formClassNames, classNames, vari
             : otp }));
 };
 
-var css_248z$6 = ".style-module_uppercase__IomMt {\n  text-transform: uppercase;\n}";
+var css_248z$7 = ".style-module_uppercase__IomMt {\n  text-transform: uppercase;\n}";
 var styleInput = {"uppercase":"style-module_uppercase__IomMt"};
-styleInject(css_248z$6);
+styleInject(css_248z$7);
 
 const InputComponent = React.memo(({ noItem, password, autoFocus, allowClear, size, formClassNames, classNames, variant, autoCompleteOff, loading, disabled, readOnly, maxLength, addonBefore, addonAfter, prefix, suffix, placeholder, value, removeError, onChange, onKeyDown, onPressEnter, onMouseEnter, onMouseLeave, onClick, onFocus, onBlur, defaultValue, formColLayout, name, label, uppercase, number, required, rules, ruleType, ruleMessage, ruleMin, ruleMax, validateStatus, help, shouldUpdate, ref, }) => {
     const [valueInput, setValueInput] = React.useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : '');
@@ -7478,6 +7488,10 @@ const LinkComponent = ({ href, children, }) => {
     return (jsxRuntimeExports.jsx(Link$1, { to: href, children: children }));
 };
 
+var css_248z$6 = ".style-module_readonly__nJ6o7,\n.style-module_readonly__nJ6o7>span,\n.style-module_readonly__nJ6o7>span>input,\n.style-module_readonly__nJ6o7>span>span {\n  cursor: default !important;\n  color: inherit !important;\n}";
+var style$2 = {"readonly":"style-module_readonly__nJ6o7"};
+styleInject(css_248z$6);
+
 const RadioComponent = ({ noItem, loading, disabled, buttonStyle, formClassNames, options, optionType, removeError, onChange, formColLayout, name, label, required, rules, ruleType, ruleMessage, validateStatus, help, }) => {
     const radio = !loading ? (jsxRuntimeExports.jsx(antd.Radio.Group, { block: true, buttonStyle: buttonStyle, disabled: disabled, 
         // options={options}
@@ -7489,6 +7503,12 @@ const RadioComponent = ({ noItem, loading, disabled, buttonStyle, formClassNames
                 const checkboxProps = isObject ? option : {
                     value: option,
                 };
+                const className = [];
+                if (isObject && option.readonly) {
+                    checkboxProps.disabled = option.readonly;
+                    className.push(style$2['readonly']);
+                }
+                checkboxProps.className = className.length ? className.join(' ') : undefined;
                 return (jsxRuntimeExports.jsx(antd.Col, { span: 8, children: jsxRuntimeExports.jsx(antd.Radio, Object.assign({}, checkboxProps, { children: isObject ? option.label : option })) }, `radio${index}`));
             }) })) })) : jsxRuntimeExports.jsx(antd.Skeleton, { active: true });
     return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !noItem ? (jsxRuntimeExports.jsx(FormItemComponent$1, Object.assign({}, formColLayout, { name: name, label: label, classNames: formClassNames, required: required, ruleType: ruleType, ruleMessage: ruleMessage, rules: rules, validateStatus: validateStatus, help: help, children: radio })))
@@ -8194,6 +8214,24 @@ function requireDebounce () {
 var debounceExports = requireDebounce();
 var debounce = /*@__PURE__*/getDefaultExportFromCjs(debounceExports);
 
+const formatName = {
+    value: data => parseInt(data.id),
+    label: 'name',
+};
+const formatDescription = {
+    value: data => parseInt(data.id),
+    label: 'description',
+};
+const formatCodeName = {
+    value: data => parseInt(data.id),
+    label: 'code',
+    text: data => (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(TagComponent, { color: "blue", strong: true, children: data.code }), data.name] })),
+};
+const formatCodeDescription = {
+    value: data => parseInt(data.id),
+    label: 'code',
+    text: data => (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(TagComponent, { color: "blue", strong: true, children: data.code }), data.description] })),
+};
 const SelectAsyncComponent = (_a) => {
     var { initOptions, initValue, fetchOptions, debounceTimeout = 800, ref } = _a, props = __rest$5(_a, ["initOptions", "initValue", "fetchOptions", "debounceTimeout", "ref"]);
     const [isInit, setIsInit] = React.useState(true);
@@ -20532,10 +20570,10 @@ function getVendorPrefixes(domSupport, win) {
   return prefixes;
 }
 var vendorPrefixes = getVendorPrefixes(canUseDom(), typeof window !== 'undefined' ? window : {});
-var style = {};
+var style$1 = {};
 if (canUseDom()) {
   var _document$createEleme = document.createElement('div');
-  style = _document$createEleme.style;
+  style$1 = _document$createEleme.style;
 }
 var prefixedEventNames = {};
 function getVendorPrefixedEventName(eventName) {
@@ -20548,7 +20586,7 @@ function getVendorPrefixedEventName(eventName) {
     var len = stylePropList.length;
     for (var i = 0; i < len; i += 1) {
       var styleProp = stylePropList[i];
-      if (Object.prototype.hasOwnProperty.call(prefixMap, styleProp) && styleProp in style) {
+      if (Object.prototype.hasOwnProperty.call(prefixMap, styleProp) && styleProp in style$1) {
         prefixedEventNames[eventName] = prefixMap[styleProp];
         return prefixedEventNames[eventName];
       }
@@ -23301,16 +23339,26 @@ const TextAreaComponent = ({ noItem, noResize, size, formClassNames, className,
 var Component = React.memo(TextAreaComponent);
 
 var css_248z = ".style-module_readonly__8wMCe>div>span {\n  background-color: inherit !important;\n  cursor: auto !important;\n  color: inherit !important;\n}";
-var styleDragger = {"readonly":"style-module_readonly__8wMCe"};
+var style = {"readonly":"style-module_readonly__8wMCe"};
 styleInject(css_248z);
 
 const { Dragger } = antd.Upload;
+const acceptFormat = (accept) => {
+    switch (accept) {
+        case 'image':
+            return 'image/jpeg, image/png';
+        case 'excel':
+            return '.csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel';
+        case 'pdf':
+            return 'application/pdf';
+    }
+};
 const normFile = (event) => {
     if (Array.isArray(event))
         return event;
     return event && event['fileList'];
 };
-const UploadDraggerComponent = ({ noItem, readonly, multiple, loading, disabled, listType, formClassNames, rootClassNames, classNames, action, withCredentials, beforeUpload, customRequest, removeError, onChange, onDrop, defaultFileList, formColLayout, name, label, required, rules, ruleType, ruleMessage, validateStatus, help, }) => {
+const UploadDraggerComponent = ({ noItem, readonly, multiple, loading, disabled, listType, formClassNames, rootClassNames, classNames, accept, action, withCredentials, beforeUpload, customRequest, removeError, onChange, onDrop, defaultFileList, formColLayout, name, label, required, rules, ruleType, ruleMessage, validateStatus, help, }) => {
     const handleChange = (info) => {
         removeError === null || removeError === void 0 ? void 0 : removeError(name);
         onChange === null || onChange === void 0 ? void 0 : onChange(info);
@@ -23319,8 +23367,8 @@ const UploadDraggerComponent = ({ noItem, readonly, multiple, loading, disabled,
     rootClassNames && rootClassDragger.push(...rootClassNames);
     const classDragger = [];
     classNames && classDragger.push(...classNames);
-    readonly && classDragger.push(styleDragger['readonly']);
-    const dragger = !loading ? (jsxRuntimeExports.jsxs(Dragger, { multiple: multiple, disabled: disabled || readonly, listType: listType, rootClassName: rootClassDragger.join(' '), className: classDragger.join(' '), action: action, withCredentials: withCredentials, beforeUpload: beforeUpload, customRequest: customRequest, onChange: handleChange, onDrop: onDrop, defaultFileList: defaultFileList, children: [jsxRuntimeExports.jsx("p", { className: "ant-upload-drag-icon", children: jsxRuntimeExports.jsx(RefIcon$6, {}) }), jsxRuntimeExports.jsx("p", { className: "ant-upload-text", children: "Click or drag file to this area to upload" }), jsxRuntimeExports.jsx("p", { className: "ant-upload-hint", children: "Support for a single or bulk upload. Strictly prohibited from uploading company data or other banned files." })] })) : jsxRuntimeExports.jsx(antd.Skeleton.Input, { block: true, active: true });
+    readonly && classDragger.push(style['readonly']);
+    const dragger = !loading ? (jsxRuntimeExports.jsxs(Dragger, { multiple: multiple, disabled: disabled || readonly, listType: listType, rootClassName: rootClassDragger.join(' '), className: classDragger.join(' '), accept: accept === null || accept === void 0 ? void 0 : accept.map(accept => acceptFormat(accept)).join(', '), action: action, withCredentials: withCredentials, beforeUpload: beforeUpload, customRequest: customRequest, onChange: handleChange, onDrop: onDrop, defaultFileList: defaultFileList, children: [jsxRuntimeExports.jsx("p", { className: "ant-upload-drag-icon", children: jsxRuntimeExports.jsx(RefIcon$6, {}) }), jsxRuntimeExports.jsx("p", { className: "ant-upload-text", children: "Click or drag file to this area to upload" }), jsxRuntimeExports.jsx("p", { className: "ant-upload-hint", children: "Support for a single or bulk upload. Strictly prohibited from uploading company data or other banned files." })] })) : jsxRuntimeExports.jsx(antd.Skeleton.Input, { block: true, active: true });
     return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !noItem ? (jsxRuntimeExports.jsx(FormItemComponent$1, Object.assign({}, formColLayout, { name: name, label: label, classNames: formClassNames, required: required, ruleType: ruleType, ruleMessage: ruleMessage, rules: rules, valuePropName: "fileList", getValueFromEvent: normFile, validateStatus: validateStatus, help: help, children: dragger })))
             : dragger }));
 };
@@ -23399,6 +23447,10 @@ exports.colInline = colInline;
 exports.colLayout = colLayout;
 exports.datePickerFormat = datePickerFormat;
 exports.formColLayout = formColLayout;
+exports.formatCodeDescription = formatCodeDescription;
+exports.formatCodeName = formatCodeName;
+exports.formatDescription = formatDescription;
+exports.formatName = formatName;
 exports.getTableAsyncName = getTableAsyncName;
 exports.getTableFilterStorage = getTableFilterStorage;
 exports.selectAsync = selectAsync;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sti-antd-package",
   "description": "STI ANT Design",
-  "version": "0.0.48",
+  "version": "0.0.50",
   "type": "module",
   "module": "dist/index.esm.js",
   "types": "dist/index.d.ts",