sti-antd-package 0.1.3 → 0.1.4

package/dist/esm/components/Button/Component.js

@@ -2,7 +2,7 @@ import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
 import { Button, Tooltip, ConfigProvider } from 'antd';
 import React__default, { useState, useImperativeHandle } from 'react';
 
-const ButtonComponent$1 = ({ tooltip, icon, href, htmlType, shape, size, type, variant, color, classNames, disabled, loading, onClick, style, children, ref, }) => {
+const ButtonComponent = ({ tooltip, icon, href, htmlType, shape, size, type, variant, color, classNames, disabled, loading, onClick, style, children, ref, }) => {
     const [loadingButton, setLoadingButton] = useState(false);
     const classButton = [];
     classNames && classButton.push(...classNames);
@@ -29,6 +29,6 @@ const ButtonComponent$1 = ({ tooltip, icon, href, htmlType, shape, size, type, v
             },
         }, children: buttonTooltip })) : buttonTooltip;
 };
-var ButtonComponent = React__default.memo(ButtonComponent$1);
+var ButtonComponent$1 = React__default.memo(ButtonComponent);
 
-export { ButtonComponent as default };
+export { ButtonComponent$1 as default };

package/dist/esm/components/Button/Group/Add/Component.js

@@ -1,7 +1,7 @@
 import { j as jsxRuntimeExports } from '../../../../_virtual/jsx-runtime.js';
 import ButtonComponent from '../../Component.js';
 import colLayout from '../../../../helpers/colLayout/function.js';
-import '../../../../_virtual/_tslib.js';
+import '../../../../node_modules/tslib/tslib.es6.js';
 import styleButton from '../../style.module.css.js';
 import { Row, Col } from 'antd';
 import React__default, { useMemo } from 'react';

package/dist/esm/components/Button/Group/Edit/Component.js

@@ -1,7 +1,7 @@
 import { j as jsxRuntimeExports } from '../../../../_virtual/jsx-runtime.js';
 import ButtonComponent from '../../Component.js';
 import colLayout from '../../../../helpers/colLayout/function.js';
-import '../../../../_virtual/_tslib.js';
+import '../../../../node_modules/tslib/tslib.es6.js';
 import styleButton from '../../style.module.css.js';
 import { Row, Col } from 'antd';
 import React__default, { useMemo } from 'react';

package/dist/esm/components/Checkbox/Component.js

@@ -4,7 +4,7 @@ import style from './style.module.css.js';
 import { Checkbox, Skeleton } from 'antd';
 import React__default, { useState, useImperativeHandle } from 'react';
 
-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 CheckboxComponent = ({ 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;
@@ -20,6 +20,6 @@ const CheckboxComponent$1 = ({ noItem, loading, disabled, readOnly, checked, def
     return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !noItem ? (jsxRuntimeExports.jsx(FormItemComponent, 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 }));
 };
-var CheckboxComponent = React__default.memo(CheckboxComponent$1);
+var CheckboxComponent$1 = React__default.memo(CheckboxComponent);
 
-export { CheckboxComponent as default };
+export { CheckboxComponent$1 as default };

package/dist/esm/components/DataGrid/Component.js

@@ -1,4 +1,4 @@
-import { __rest } from '../../_virtual/_tslib.js';
+import { __rest } from '../../node_modules/tslib/tslib.es6.js';
 import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
 import '../../context/Config/Context.js';
 import { Row, Col, Space, Spin } from 'antd';

package/dist/esm/components/DatePicker/Component.js

@@ -6,7 +6,7 @@ import FormItemComponent from '../Form/Item/Component.js';
 import { DatePicker, Skeleton } from 'antd';
 import React__default, { useState, useImperativeHandle, useMemo } from 'react';
 
-const DatePickerComponent$1 = ({ noItem, size, variant, placeholder, prefix, prefixCls, suffixIcon, picker, format, disabledDate, disabledTime, loading, readOnly, disabled, value, defaultValue, removeError, onChange, style, formColLayout, name, label, formClassNames, classNames = [], className, required, rules, ruleMessage, validateStatus, help, shouldUpdate, ref, }) => {
+const DatePickerComponent = ({ noItem, size, variant, placeholder, prefix, prefixCls, suffixIcon, picker, format, disabledDate, disabledTime, loading, readOnly, disabled, value, defaultValue, removeError, onChange, style, formColLayout, name, label, formClassNames, classNames = [], className, required, rules, ruleMessage, validateStatus, help, shouldUpdate, ref, }) => {
     const [valueDate, setValueDate] = useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : null);
     const handleChange = (date, dateString) => {
         setValueDate(date);
@@ -27,6 +27,6 @@ const DatePickerComponent$1 = ({ noItem, size, variant, placeholder, prefix, pre
     return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !noItem ? (jsxRuntimeExports.jsx(FormItemComponent, Object.assign({}, formColLayout, { name: name, label: label, classNames: formClassNames, required: required, ruleType: "date", ruleMessage: ruleMessage, rules: rules, validateStatus: validateStatus, help: help, shouldUpdate: shouldUpdate, children: datePicker })))
             : datePicker }));
 };
-var DatePickerComponent = React__default.memo(DatePickerComponent$1);
+var DatePickerComponent$1 = React__default.memo(DatePickerComponent);
 
-export { DatePickerComponent as default };
+export { DatePickerComponent$1 as default };

package/dist/esm/components/DateRangePicker/Component.js

@@ -7,7 +7,7 @@ import { DatePicker, Skeleton } from 'antd';
 import React__default, { useState, useImperativeHandle, useMemo } from 'react';
 
 const { RangePicker } = DatePicker;
-const DateRangePickerComponent$1 = ({ noItem, size, variant, placeholder, prefix, prefixCls, suffixIcon, picker, format, disabledDate, disabledTime, loading, readOnly, disabled, value, defaultValue, removeError, onChange, style, formColLayout, name, label, formClassNames, classNames = [], className, required, rules, ruleMessage, validateStatus, help, shouldUpdate, ref, }) => {
+const DateRangePickerComponent = ({ noItem, size, variant, placeholder, prefix, prefixCls, suffixIcon, picker, format, disabledDate, disabledTime, loading, readOnly, disabled, value, defaultValue, removeError, onChange, style, formColLayout, name, label, formClassNames, classNames = [], className, required, rules, ruleMessage, validateStatus, help, shouldUpdate, ref, }) => {
     var _a;
     const [valueDateRange, setValueDateRange] = useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : null);
     const handleChange = (date, dateStrings) => {
@@ -29,6 +29,6 @@ const DateRangePickerComponent$1 = ({ noItem, size, variant, placeholder, prefix
     return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !noItem ? (jsxRuntimeExports.jsx(FormItemComponent, Object.assign({}, formColLayout, { name: name, label: label, classNames: formClassNames, required: required, ruleType: "array", ruleMessage: ruleMessage, rules: rules, validateStatus: validateStatus, help: help, shouldUpdate: shouldUpdate, children: datePicker })))
             : datePicker }));
 };
-var DateRangePickerComponent = React__default.memo(DateRangePickerComponent$1);
+var DateRangePickerComponent$1 = React__default.memo(DateRangePickerComponent);
 
-export { DateRangePickerComponent as default };
+export { DateRangePickerComponent$1 as default };

package/dist/esm/components/Form/Item/Component.js

@@ -3,7 +3,7 @@ import { Form } from 'antd';
 import React__default from 'react';
 
 const { Item } = Form;
-const FormItemComponent$1 = ({ noItem, formColLayout, name, label, classNames, trigger, normalize, required, rules, ruleType, ruleMessage, ruleTransform, ruleMin, ruleMax, valuePropName, getValueFromEvent, validateStatus, help, shouldUpdate, children, }) => {
+const FormItemComponent = ({ noItem, formColLayout, name, label, classNames, trigger, normalize, required, rules, ruleType, ruleMessage, ruleTransform, ruleMin, ruleMax, valuePropName, getValueFromEvent, validateStatus, help, shouldUpdate, children, }) => {
     const rule = {
         required: required,
         type: ruleType,
@@ -15,6 +15,6 @@ const FormItemComponent$1 = ({ noItem, formColLayout, name, label, classNames, t
     };
     return !noItem ? (jsxRuntimeExports.jsx(Item, Object.assign({}, formColLayout, { name: name, label: label, className: classNames === null || classNames === void 0 ? void 0 : classNames.join(' '), trigger: trigger, normalize: normalize, required: required, rules: rules !== null && rules !== void 0 ? rules : [rule], valuePropName: valuePropName, getValueFromEvent: getValueFromEvent, validateStatus: validateStatus, help: help, shouldUpdate: shouldUpdate, children: children }))) : children;
 };
-var FormItemComponent = React__default.memo(FormItemComponent$1);
+var FormItemComponent$1 = React__default.memo(FormItemComponent);
 
-export { FormItemComponent as default };
+export { FormItemComponent$1 as default };

package/dist/esm/components/Input/Component.js

@@ -5,7 +5,7 @@ import styleInput from './style.module.css.js';
 import { Input, Space, Skeleton } from 'antd';
 import React__default, { useState, useImperativeHandle } from 'react';
 
-const InputComponent$1 = 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 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 : '');
     const handleChange = (event) => {
         setValueInput(event.target.value);
@@ -31,6 +31,6 @@ const InputComponent$1 = React__default.memo(({ noItem, password, autoFocus, all
     return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !noItem ? (jsxRuntimeExports.jsx(FormItemComponent, Object.assign({}, formColLayout, { name: name, label: label, classNames: formClassNames, normalize: normalize, required: required, ruleType: ruleType, ruleMessage: ruleMessage, ruleMax: ruleMax, ruleMin: ruleMin, rules: rules, validateStatus: validateStatus, help: help, shouldUpdate: shouldUpdate, children: inputComponent })))
             : inputComponent }));
 });
-var InputComponent = Object.assign(InputComponent$1, { OTP });
+var InputComponent$1 = Object.assign(InputComponent, { OTP });
 
-export { InputComponent as default };
+export { InputComponent$1 as default };

package/dist/esm/components/Input/OTP/Component.js

@@ -11,17 +11,6 @@ import '../../Checkbox/Group/Component.js';
 import '../../DataGrid/Component.js';
 import '../../DatePicker/Component.js';
 import '../../DateRangePicker/Component.js';
-import '../../../context/Config/Context.js';
-import '../../../_virtual/dayjs.min.js';
-import '../../../context/DataGrid/Context.js';
-import '../../../asset/css/style.css.js';
-import '../../../context/Feedback/Context.js';
-import '../../../context/Feedback/style.module.css.js';
-import '../../../_virtual/_tslib.js';
-import '../../../context/TableAsyncSearch/Context.js';
-import '../../../node_modules/@dnd-kit/sortable/dist/sortable.esm.js';
-import '../../../context/TableRow/Context.js';
-import '@inertiajs/react';
 import '../../Icon/style.module.css.js';
 import '../Component.js';
 import '../../NumberFormat/Component.js';

package/dist/esm/components/NumberFormat/Component.js

@@ -29,13 +29,13 @@ const NumberFormat = ({ noItem, text, size, align, formClassNames, classNames, v
                 onChange === null || onChange === void 0 ? void 0 : onChange(event);
             }, onValueChange: onValueChange, onBlur: onBlur, onKeyDown: onKeyDown, style: style }) })));
 };
-const NumberFormatComponent$1 = props => {
+const NumberFormatComponent = props => {
     const numberFormat = !props.loading ? jsxRuntimeExports.jsx(NumberFormat, Object.assign({}, props)) : jsxRuntimeExports.jsx(Skeleton.Input, { block: true, active: true });
     return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !props.noItem ? (jsxRuntimeExports.jsx(FormItemComponent, Object.assign({}, props.formColLayout, { name: props.name, label: props.label, classNames: props.formClassNames, required: props.required, ruleType: "number", 
             // ruleTransform={value => Number(value)}
             ruleMessage: props.ruleMessage, ruleMax: props.ruleMax, ruleMin: props.ruleMin, rules: props.rules, trigger: "onValueChange", normalize: (values) => values.floatValue, validateStatus: props.validateStatus, help: props.help, shouldUpdate: props.shouldUpdate, children: numberFormat })))
             : numberFormat }));
 };
-var NumberFormatComponent = React__default.memo(NumberFormatComponent$1);
+var NumberFormatComponent$1 = React__default.memo(NumberFormatComponent);
 
-export { NumberFormatComponent as default };
+export { NumberFormatComponent$1 as default };

package/dist/esm/components/Select/Async/Component.js

@@ -1,4 +1,4 @@
-import { __rest } from '../../../_virtual/_tslib.js';
+import { __rest } from '../../../node_modules/tslib/tslib.es6.js';
 import { j as jsxRuntimeExports } from '../../../_virtual/jsx-runtime.js';
 import TagComponent from '../../Tag/Component.js';
 import SelectComponent from '../Component.js';
@@ -24,7 +24,7 @@ const formatCodeDescription = {
     text: data => (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(TagComponent, { color: "blue", strong: true, children: data.code }), data.description] })),
 };
 let timeout;
-const SelectAsyncComponent$1 = (_a) => {
+const SelectAsyncComponent = (_a) => {
     var { initOptions, initValue, fetchOptions, debounceTimeout = 800, ref } = _a, props = __rest(_a, ["initOptions", "initValue", "fetchOptions", "debounceTimeout", "ref"]);
     const [isInit, setIsInit] = useState(true);
     const [fetching, setFetching] = useState(true);
@@ -71,6 +71,6 @@ const SelectAsyncComponent$1 = (_a) => {
             (_a = props === null || props === void 0 ? void 0 : props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, event, option);
         }, onFocus: (!options.length || isInit) ? onSearch : undefined, notFoundContent: fetching ? jsxRuntimeExports.jsx(Spin, { size: "small" }) : 'Not Found', options: getOptions() })));
 };
-var SelectAsyncComponent = React__default.memo(SelectAsyncComponent$1);
+var SelectAsyncComponent$1 = React__default.memo(SelectAsyncComponent);
 
-export { SelectAsyncComponent as default, formatCodeDescription, formatCodeName, formatDescription, formatName };
+export { SelectAsyncComponent$1 as default, formatCodeDescription, formatCodeName, formatDescription, formatName };

package/dist/esm/components/Select/Component.js

@@ -6,7 +6,7 @@ import React__default, { useState, useMemo } from 'react';
 import RefIcon from '../../node_modules/@ant-design/icons/es/icons/PlusOutlined.js';
 
 const { Link } = Typography;
-const SelectComponent$1 = ({ noItem, showSearch, mode, variant, size, suffixIcon, formClassNames, classNames, loading, readOnly, disabled, open, placeholder, value, defaultValue, removeError, onChange, onKeyDown, onFocus, notFoundContent, tokenSeparators, options, style, addItem, formColLayout, name, label, required, rules, ruleType, ruleMessage, validateStatus, help, }) => {
+const SelectComponent = ({ noItem, showSearch, mode, variant, size, suffixIcon, formClassNames, classNames, loading, readOnly, disabled, open, placeholder, value, defaultValue, removeError, onChange, onKeyDown, onFocus, notFoundContent, tokenSeparators, options, style, addItem, formColLayout, name, label, required, rules, ruleType, ruleMessage, validateStatus, help, }) => {
     const [addItemValue, setAddItemValue] = useState('');
     const classNameSelect = useMemo(() => {
         const className = [styleSelect['select']];
@@ -32,6 +32,6 @@ const SelectComponent$1 = ({ noItem, showSearch, mode, variant, size, suffixIcon
     return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !noItem ? (jsxRuntimeExports.jsx(FormItemComponent, Object.assign({}, formColLayout, { name: name, label: label, classNames: formClassNames, required: required, ruleType: ruleType, ruleMessage: ruleMessage, rules: rules, validateStatus: validateStatus, help: help, children: select })))
             : select }));
 };
-var SelectComponent = React__default.memo(SelectComponent$1);
+var SelectComponent$1 = React__default.memo(SelectComponent);
 
-export { SelectComponent as default };
+export { SelectComponent$1 as default };

package/dist/esm/components/Switch/Component.js

@@ -5,7 +5,7 @@ import React__default, { useState } from 'react';
 import RefIcon from '../../node_modules/@ant-design/icons/es/icons/CloseOutlined.js';
 import RefIcon$1 from '../../node_modules/@ant-design/icons/es/icons/CheckOutlined.js';
 
-const SwitchComponent$1 = ({ noItem, icon, checkedChildren, unCheckedChildren, loading, disabled, formClassNames, value, checked, defaultChecked, removeError, onChange, formColLayout, name, label, required, rules, ruleMessage, validateStatus, help, shouldUpdate, }) => {
+const SwitchComponent = ({ noItem, icon, checkedChildren, unCheckedChildren, loading, disabled, formClassNames, value, checked, defaultChecked, removeError, onChange, formColLayout, name, label, required, rules, ruleMessage, validateStatus, help, shouldUpdate, }) => {
     var _a;
     const [checkedSwitch, setCheckedSwitch] = useState((_a = value !== null && value !== void 0 ? value : defaultChecked) !== null && _a !== void 0 ? _a : false);
     const handleChange = (value, event) => {
@@ -24,6 +24,6 @@ const SwitchComponent$1 = ({ noItem, icon, checkedChildren, unCheckedChildren, l
     return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !noItem ? (jsxRuntimeExports.jsx(FormItemComponent, Object.assign({}, formColLayout, { name: name, label: label, classNames: formClassNames, required: required, ruleType: "boolean", ruleMessage: ruleMessage, rules: rules, valuePropName: "checked", validateStatus: validateStatus, help: help, shouldUpdate: shouldUpdate, children: switchComponent })))
             : switchComponent }));
 };
-var SwitchComponent = React__default.memo(SwitchComponent$1);
+var SwitchComponent$1 = React__default.memo(SwitchComponent);
 
-export { SwitchComponent as default };
+export { SwitchComponent$1 as default };

package/dist/esm/components/Table/Async/Component.js

@@ -1,4 +1,4 @@
-import { __rest } from '../../../_virtual/_tslib.js';
+import { __rest } from '../../../node_modules/tslib/tslib.es6.js';
 import { j as jsxRuntimeExports } from '../../../_virtual/jsx-runtime.js';
 import '../../../context/Config/Context.js';
 import 'antd';

package/dist/esm/components/Table/Async/Search/Component.js

@@ -9,7 +9,7 @@ import '../../../../asset/css/style.css.js';
 import '../../../../context/Feedback/Context.js';
 import '../../../../context/Feedback/style.module.css.js';
 import getTableFilterStorage from '../../../../helpers/getTableFilterStorage/function.js';
-import '../../../../_virtual/_tslib.js';
+import '../../../../node_modules/tslib/tslib.es6.js';
 import { useTableAsyncSearch } from '../../../../context/TableAsyncSearch/Context.js';
 import '../../../../node_modules/@dnd-kit/sortable/dist/sortable.esm.js';
 import '../../../../context/TableRow/Context.js';
@@ -41,7 +41,7 @@ const styleProps = {
         md: 12,
     },
 };
-const TableAsyncSearchComponent$1 = ({ noInitSubmit, noButton, buttonText, name, items, header, style, }) => {
+const TableAsyncSearchComponent = ({ noInitSubmit, noButton, buttonText, name, items, header, style, }) => {
     var _a;
     const { loading, filters, setFilters, filterReady, setFilterReady, setTableParams, tableParamsFormatter, drawerOpen, setDrawerOpen, multiSelectedOptions, setMultiSelectedOptions, } = useTableAsyncSearch();
     const filterStorage = getTableFilterStorage();
@@ -172,6 +172,6 @@ const TableAsyncSearchComponent$1 = ({ noInitSubmit, noButton, buttonText, name,
                             }
                         }) })) })) }), "filter")] }));
 };
-var TableAsyncSearchComponent = React__default.memo(TableAsyncSearchComponent$1);
+var TableAsyncSearchComponent$1 = React__default.memo(TableAsyncSearchComponent);
 
-export { TableAsyncSearchComponent as default };
+export { TableAsyncSearchComponent$1 as default };

package/dist/esm/components/Table/CellEditable/Component.js

@@ -1,4 +1,4 @@
-import { __rest, __awaiter } from '../../../_virtual/_tslib.js';
+import { __rest, __awaiter } from '../../../node_modules/tslib/tslib.es6.js';
 import { j as jsxRuntimeExports } from '../../../_virtual/jsx-runtime.js';
 import '../../../context/Config/Context.js';
 import { Form, Input } from 'antd';

package/dist/esm/components/Table/Component.js

@@ -17,7 +17,7 @@ const styleProps = {
         sm: 12,
     },
 };
-const TableComponent$1 = ({ noPagination, buttonReload, buttonAdd, buttonMiddle, buttonDelete, search, buttonFilter, bordered, rowHoverable, virtual, rootClassNames = [], classNames = [], className, rowClassName, size, indentSize, title, caption, columns, rowKey, data, locale, expandable, pagination, loading, scroll, sticky, components, summary, onChange, rowSelection, style, }) => {
+const TableComponent = ({ noPagination, buttonReload, buttonAdd, buttonMiddle, buttonDelete, search, buttonFilter, bordered, rowHoverable, virtual, rootClassNames = [], classNames = [], className, rowClassName, size, indentSize, title, caption, columns, rowKey, data, locale, expandable, pagination, loading, scroll, sticky, components, summary, onChange, rowSelection, style, }) => {
     var _a, _b;
     const rowSelectionTable = rowSelection
         ? Object.assign({ type: (_a = rowSelection.type) !== null && _a !== void 0 ? _a : 'checkbox' }, rowSelection) : undefined;
@@ -33,6 +33,6 @@ const TableComponent$1 = ({ noPagination, buttonReload, buttonAdd, buttonMiddle,
                                     clearIcon: (jsxRuntimeExports.jsx(RefIcon$3, { onClick: search.onClear })),
                                 } })), buttonFilter] }))] })), jsxRuntimeExports.jsx(Table, { showSorterTooltip: true, bordered: bordered, rowHoverable: rowHoverable, virtual: virtual, tableLayout: "fixed", rootClassName: rootClassNames.join(' '), className: ['table-data', ...classNames].join(' '), classNames: className, rowClassName: rowClassName, size: size !== null && size !== void 0 ? size : 'middle', indentSize: indentSize, title: title, caption: caption, columns: columns, rowKey: rowKey !== null && rowKey !== void 0 ? rowKey : 'id', dataSource: data, locale: locale, expandable: expandable, pagination: !noPagination && Object.assign({ pageSizeOptions: ['10', '20', '50', '100', '200'], showSizeChanger: true, showQuickJumper: true, showTotal: (total, range) => `${range[0]}-${range[1]} of ${total} items` }, pagination), loading: loading, scroll: scroll !== null && scroll !== void 0 ? scroll : { y: 'calc(100vh - 300px)' }, sticky: sticky, components: components, summary: summary, onChange: onChange, rowSelection: rowSelectionTable, style: style })] }));
 };
-var TableComponent = React__default.memo(TableComponent$1);
+var TableComponent$1 = React__default.memo(TableComponent);
 
-export { TableComponent as default };
+export { TableComponent$1 as default };

package/dist/esm/context/TableAsyncSearch/Provider.js

@@ -1,7 +1,7 @@
 import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
 import getTableAsyncName from '../../helpers/getTableAsyncName/function.js';
 import getTableFilterStorage from '../../helpers/getTableFilterStorage/function.js';
-import '../../_virtual/_tslib.js';
+import '../../node_modules/tslib/tslib.es6.js';
 import { TableAsyncSearchContext } from './Context.js';
 import { useState, useMemo, useEffect } from 'react';
 

package/dist/esm/helpers/selectAsync/function.js

@@ -1,4 +1,4 @@
-import { __awaiter } from '../../_virtual/_tslib.js';
+import { __awaiter } from '../../node_modules/tslib/tslib.es6.js';
 
 const selectAsync = ({ format, request, initData, }) => {
     const getValue = (data, value) => {

package/dist/esm/index.js

@@ -12,12 +12,10 @@ export { default as CheckboxGroupComponent } from './components/Checkbox/Group/C
 export { default as DataGridComponent } from './components/DataGrid/Component.js';
 export { default as DatePickerComponent } from './components/DatePicker/Component.js';
 export { default as DateRangePickerComponent } from './components/DateRangePicker/Component.js';
-export { default as DropdownButtonComponent } from './components/DropdownButton/Component.js';
 export { Form } from 'antd';
 export { default as FormItemComponent } from './components/Form/Item/Component.js';
 export { default as IconCheckOrClose } from './components/Icon/CheckOrClose/Component.js';
 export { default as InputComponent } from './components/Input/Component.js';
-export { default as LinkComponent } from './components/Link/Component.js';
 export { default as NumberFormatComponent } from './components/NumberFormat/Component.js';
 export { default as RadioComponent } from './components/Radio/Component.js';
 export { default as SelectComponent } from './components/Select/Component.js';

package/dist/esm/node_modules/@ant-design/cssinjs/es/hooks/useCSSVarRegister.js

@@ -1,7 +1,7 @@
 import { updateCSS, removeCSS } from '../../../../@rc-component/util/es/Dom/dynamicCSS.js';
 import { useContext } from 'react';
 import StyleContext, { ATTR_MARK, CSS_IN_JS_INSTANCE, ATTR_TOKEN } from '../StyleContext.js';
-import { isClientSide } from '../util/index.js';
+import { injectCSPNonce, isClientSide } from '../util/index.js';
 import { transformToken } from '../util/css-variables.js';
 import useGlobalCache from './useGlobalCache.js';
 import { uniqueHash } from './useStyleRegister.js';
@@ -15,7 +15,8 @@ const useCSSVarRegister = (config, fn) => {
     ignore,
     token,
     hashId,
-    scope
+    scope,
+    nonce
   } = config;
   const {
     cache: {
@@ -52,12 +53,14 @@ const useCSSVarRegister = (config, fn) => {
     if (!cssVarsStr) {
       return;
     }
-    const style = updateCSS(cssVarsStr, styleId, {
+    let mergedCSSConfig = {
       mark: ATTR_MARK,
       prepend: 'queue',
       attachTo: container,
       priority: -999
-    });
+    };
+    mergedCSSConfig = injectCSPNonce(mergedCSSConfig, nonce);
+    const style = updateCSS(cssVarsStr, styleId, mergedCSSConfig);
     style[CSS_IN_JS_INSTANCE] = instanceId;
 
     // Used for `useCacheToken` to remove on batch when token removed

package/dist/esm/node_modules/@ant-design/cssinjs/es/hooks/useCacheToken.js

@@ -2,7 +2,7 @@ import murmur2 from '../../../../@emotion/hash/dist/hash.esm.js';
 import { updateCSS } from '../../../../@rc-component/util/es/Dom/dynamicCSS.js';
 import { useContext } from 'react';
 import StyleContext, { ATTR_MARK, CSS_IN_JS_INSTANCE, ATTR_TOKEN } from '../StyleContext.js';
-import { memoResult, flattenToken, token2key } from '../util/index.js';
+import { memoResult, flattenToken, injectCSPNonce, token2key } from '../util/index.js';
 import { transformToken } from '../util/css-variables.js';
 import useGlobalCache from './useGlobalCache.js';
 
@@ -79,7 +79,8 @@ function useCacheToken(theme, tokens, option) {
     override = EMPTY_OVERRIDE,
     formatToken,
     getComputedToken: compute,
-    cssVar
+    cssVar,
+    nonce
   } = option;
 
   // Basic - We do basic cache here
@@ -118,12 +119,14 @@ function useCacheToken(theme, tokens, option) {
     if (!cssVarsStr) {
       return;
     }
-    const style = updateCSS(cssVarsStr, murmur2(`css-var-${themeKey}`), {
+    let mergedCSSConfig = {
       mark: ATTR_MARK,
       prepend: 'queue',
       attachTo: container,
       priority: -999
-    });
+    };
+    mergedCSSConfig = injectCSPNonce(mergedCSSConfig, nonce);
+    const style = updateCSS(cssVarsStr, murmur2(`css-var-${themeKey}`), mergedCSSConfig);
     style[CSS_IN_JS_INSTANCE] = instanceId;
 
     // Used for `useCacheToken` to remove on batch when token removed

package/dist/esm/node_modules/@ant-design/cssinjs/es/hooks/useStyleRegister.js

@@ -6,7 +6,7 @@ import linter from '../linters/contentQuotesLinter.js';
 import linter$1 from '../linters/hashedAnimationLinter.js';
 import '../../../../@rc-component/util/es/warning.js';
 import StyleContext, { ATTR_MARK, CSS_IN_JS_INSTANCE, ATTR_CACHE_PATH } from '../StyleContext.js';
-import { isClientSide, isNonNullable, where } from '../util/index.js';
+import { injectCSPNonce, isClientSide, isNonNullable, where } from '../util/index.js';
 import { CSS_FILE_STYLE, existPath, getStyleAndHash } from '../util/cacheMapUtil.js';
 import useGlobalCache from './useGlobalCache.js';
 import { serialize, stringify } from '../../../../stylis/src/Serializer.js';
@@ -277,18 +277,13 @@ function useStyleRegister(info, styleFn) {
   cacheValue => {
     const [styleStr, styleId, effectStyle,, priority] = cacheValue;
     if (isMergedClientSide && styleStr !== CSS_FILE_STYLE) {
-      const mergedCSSConfig = {
+      let mergedCSSConfig = {
         mark: ATTR_MARK,
         prepend: enableLayer ? false : 'queue',
         attachTo: container,
         priority
       };
-      const nonceStr = typeof nonce === 'function' ? nonce() : nonce;
-      if (nonceStr) {
-        mergedCSSConfig.csp = {
-          nonce: nonceStr
-        };
-      }
+      mergedCSSConfig = injectCSPNonce(mergedCSSConfig, nonce);
 
       // ================= Split Effect Style =================
       // We will split effectStyle here since @layer should be at the top level

package/dist/esm/node_modules/@ant-design/cssinjs/es/util/index.js

@@ -80,5 +80,21 @@ function where(options) {
 const isNonNullable = val => {
   return val !== undefined && val !== null;
 };
+/**
+ * Get nonce value and inject it into CSS config if available.
+ */
+function injectCSPNonce(config, nonce) {
+  const nonceStr = typeof nonce === 'function' ? nonce() : nonce;
+  if (nonceStr) {
+    return {
+      ...config,
+      csp: {
+        ...config.csp,
+        nonce: nonceStr
+      }
+    };
+  }
+  return config;
+}
 
-export { flattenToken, isClientSide, isNonNullable, memoResult, token2key, unit, where };
+export { flattenToken, injectCSPNonce, isClientSide, isNonNullable, memoResult, token2key, unit, where };

package/dist/esm/node_modules/@ant-design/cssinjs-utils/es/util/genStyleUtils.js

@@ -74,6 +74,7 @@ function genStyleUtils(config) {
       var _useToken = useToken(),
         cssVar = _useToken.cssVar,
         realToken = _useToken.realToken;
+      var csp = useCSP();
       useCSSVarRegister({
         path: [component],
         prefix: cssVar.prefix,
@@ -81,7 +82,10 @@ function genStyleUtils(config) {
         unitless: compUnitless,
         ignore: ignore,
         token: realToken,
-        scope: rootCls
+        scope: rootCls,
+        nonce: function nonce() {
+          return csp.nonce;
+        }
       }, function () {
         var defaultToken = getDefaultComponentToken(component, realToken, getDefaultToken);
         var componentToken = getComponentToken(component, realToken, defaultToken, {

package/dist/esm/node_modules/@ant-design/icons/es/utils.js

@@ -89,9 +89,7 @@ const iconStyles = `
   cursor: pointer;
 }
 
-.anticon-spin::before,
 .anticon-spin {
-  display: inline-block;
   -webkit-animation: loadingCircle 1s infinite linear;
   animation: loadingCircle 1s infinite linear;
 }

package/dist/esm/node_modules/@rc-component/form/es/Field.js

@@ -7,6 +7,7 @@ import ListContext from './ListContext.js';
 import { toArray as toArray$1 } from './utils/typeUtil.js';
 import { validateRules } from './utils/validateUtil.js';
 import { getNamePath, containsNamePath, defaultGetValueFromEvent } from './utils/valueUtil.js';
+import delayFrame from './utils/delayUtil.js';
 import get from '../../util/es/utils/get.js';
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -296,7 +297,8 @@ class Field extends React.Component {
     const currentValue = this.getValue();
     const {
       triggerName,
-      validateOnly = false
+      validateOnly = false,
+      delayFrame: showDelayFrame
     } = options || {};
 
     // Force change to async to avoid rule OOD under renderProps field
@@ -310,6 +312,12 @@ class Field extends React.Component {
         validateDebounce
       } = this.props;
 
+      // Should wait for the frame render,
+      // since developer may `useWatch` value in the rules.
+      if (showDelayFrame) {
+        await delayFrame();
+      }
+
       // Start validate
       let filteredRules = this.getRules();
       if (triggerName) {

package/dist/esm/node_modules/@rc-component/form/es/hooks/useForm.js

@@ -1,15 +1,13 @@
-import set, { merge, mergeWith } from '../../../util/es/utils/set.js';
-import * as React from 'react';
-import '../../../util/es/hooks/useLayoutEffect.js';
-import '../../../util/es/ref.js';
-import get from '../../../util/es/utils/get.js';
+import set, { merge } from '../../../util/es/utils/set.js';
 import warningOnce from '../../../util/es/warning.js';
+import * as React from 'react';
 import { HOOK_MARK } from '../FieldContext.js';
 import { allPromiseFinish } from '../utils/asyncUtil.js';
 import { defaultValidateMessages } from '../utils/messages.js';
 import NameMap from '../utils/NameMap.js';
 import { getNamePath, cloneByNamePathList, containsNamePath, matchNamePath } from '../utils/valueUtil.js';
 import WatcherCenter from './useNotifyWatch.js';
+import get from '../../../util/es/utils/get.js';
 
 class FormStore {
   formHooked = false;
@@ -612,7 +610,10 @@ class FormStore {
   triggerDependenciesUpdate = (prevStore, namePath) => {
     const childrenFields = this.getDependencyChildrenFields(namePath);
     if (childrenFields.length) {
-      this.validateFields(childrenFields);
+      this.validateFields(childrenFields, {
+        // Delay to avoid `useWatch` dynamic adjust rules that deps not get latest one
+        delayFrame: true
+      });
     }
     this.notifyObservers(prevStore, childrenFields, {
       type: 'dependenciesUpdate',
@@ -638,14 +639,9 @@ class FormStore {
       onValuesChange
     } = this.callbacks;
     if (onValuesChange) {
-      const fieldEntity = this.getFieldsMap(true).get(namePath);
       const changedValues = cloneByNamePathList(this.store, [namePath]);
       const allValues = this.getFieldsValue();
-      // Merge changedValues into allValues to ensure allValues contains the latest changes
-      const mergedAllValues = mergeWith([allValues, changedValues], {
-        // When value is array, it means trigger by Form.List which should replace directly
-        prepareArray: current => fieldEntity?.isList() ? [] : [...(current || [])]
-      });
+      const mergedAllValues = set(allValues, namePath, get(changedValues, namePath));
       onValuesChange(changedValues, mergedAllValues);
     }
     this.triggerOnFieldsChange([namePath, ...childrenFields]);

package/dist/esm/node_modules/@rc-component/form/es/hooks/useNotifyWatch.js

@@ -48,4 +48,4 @@ class WatcherCenter {
   }
 }
 
-export { WatcherCenter as default };
+export { WatcherCenter as default, macroTask };

package/dist/esm/node_modules/@rc-component/form/es/utils/delayUtil.js

@@ -0,0 +1,14 @@
+import { macroTask } from '../hooks/useNotifyWatch.js';
+import wrapperRaf from '../../../util/es/raf.js';
+
+async function delayFrame() {
+  return new Promise(resolve => {
+    macroTask(() => {
+      wrapperRaf(() => {
+        resolve();
+      });
+    });
+  });
+}
+
+export { delayFrame as default };