sti-antd-package 0.0.55 → 0.1.0

package/dist/esm/_virtual/_commonjsHelpers.js

@@ -1,7 +1,5 @@
-var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
 function getDefaultExportFromCjs (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
 }
 
-export { commonjsGlobal, getDefaultExportFromCjs };
+export { getDefaultExportFromCjs };

package/dist/esm/_virtual/index.js

@@ -1,3 +1,5 @@
-var classnames = {exports: {}};
+import { __require as requireReactIs } from '../node_modules/react-is/index.js';
 
-export { classnames as __module };
+var reactIsExports = requireReactIs();
+
+export { reactIsExports as r };

package/dist/esm/_virtual/index2.js

@@ -1,7 +1,3 @@
-import { getDefaultExportFromCjs } from './_commonjsHelpers.js';
-import { __require as requireClassnames } from '../node_modules/classnames/index.js';
+var reactIs = {exports: {}};
 
-var classnamesExports = requireClassnames();
-var classNames = /*@__PURE__*/getDefaultExportFromCjs(classnamesExports);
-
-export { classNames as default };
+export { reactIs as __module };

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 = ({ tooltip, icon, href, htmlType, shape, size, type, variant, color, classNames, disabled, loading, onClick, style, children, ref, }) => {
+const ButtonComponent$1 = ({ 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 = ({ tooltip, icon, href, htmlType, shape, size, type, var
             },
         }, children: buttonTooltip })) : buttonTooltip;
 };
-var ButtonComponent$1 = React__default.memo(ButtonComponent);
+var ButtonComponent = React__default.memo(ButtonComponent$1);
 
-export { ButtonComponent$1 as default };
+export { ButtonComponent as default };

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

@@ -10,7 +10,7 @@ import RefIcon$1 from '../../../../node_modules/@ant-design/icons/es/icons/Close
 import RefIcon$2 from '../../../../node_modules/@ant-design/icons/es/icons/SaveOutlined.js';
 import RefIcon$3 from '../../../../node_modules/@ant-design/icons/es/icons/EditOutlined.js';
 
-const ButtonGroupEditComponent = ({ formColLayout, disabled, loading, allowEdit = true, editing, setEditing, showTextbutton, textBack, textCancel, textSave, textEdit, onBack, onSave, classNames, className, }) => {
+const ButtonGroupEditComponent = ({ formColLayout, disabled, loading, allowEdit = true, editing, setEditing, showTextbutton, textBack, textCancel, textSave, textEdit, onBack, onCancel, onSave, onEdit, classNames, className, }) => {
     const saveMethod = onSave
         ? { onClick: onSave }
         : { htmlType: 'submit' };
@@ -49,7 +49,13 @@ const ButtonGroupEditComponent = ({ formColLayout, disabled, loading, allowEdit
         (className === null || className === void 0 ? void 0 : className.buttonEdit) && classButtonEditNames.push(...className.buttonEdit);
         return classButtonEditNames;
     }, [styleButton, className, allowEdit, editing]);
-    const buttonGroup = (jsxRuntimeExports.jsxs("div", { className: classButton.join(' '), children: [jsxRuntimeExports.jsx(ButtonComponent, { tooltip: !showTextbutton ? { title: textBack !== null && textBack !== void 0 ? textBack : 'Back' } : undefined, icon: jsxRuntimeExports.jsx(RefIcon, {}), classNames: classButtonBack, disabled: disabled, onClick: onBack, children: showTextbutton ? (textBack !== null && textBack !== void 0 ? textBack : 'Back') : undefined }), jsxRuntimeExports.jsx(ButtonComponent, { tooltip: !showTextbutton ? { title: textCancel !== null && textCancel !== void 0 ? textCancel : 'Cancel' } : undefined, icon: jsxRuntimeExports.jsx(RefIcon$1, {}), classNames: classButtonCancel, disabled: disabled, onClick: () => setEditing === null || setEditing === void 0 ? void 0 : setEditing(false), children: showTextbutton ? (textCancel !== null && textCancel !== void 0 ? textCancel : 'Cancel') : undefined }), jsxRuntimeExports.jsx(ButtonComponent, Object.assign({ tooltip: !showTextbutton ? { title: textSave !== null && textSave !== void 0 ? textSave : 'Save' } : undefined, icon: jsxRuntimeExports.jsx(RefIcon$2, {}), type: "primary", classNames: classButtonSave, disabled: disabled, loading: loading, children: showTextbutton ? (textSave !== null && textSave !== void 0 ? textSave : 'Save') : undefined }, saveMethod)), jsxRuntimeExports.jsx(ButtonComponent, { tooltip: !showTextbutton ? { title: textEdit !== null && textEdit !== void 0 ? textEdit : 'Edit' } : undefined, icon: jsxRuntimeExports.jsx(RefIcon$3, {}), classNames: classButtonEdit, disabled: disabled, onClick: () => setEditing === null || setEditing === void 0 ? void 0 : setEditing(true), children: showTextbutton ? (textEdit !== null && textEdit !== void 0 ? textEdit : 'Edit') : undefined })] }));
+    const buttonGroup = (jsxRuntimeExports.jsxs("div", { className: classButton.join(' '), children: [jsxRuntimeExports.jsx(ButtonComponent, { tooltip: !showTextbutton ? { title: textBack !== null && textBack !== void 0 ? textBack : 'Back' } : undefined, icon: jsxRuntimeExports.jsx(RefIcon, {}), classNames: classButtonBack, disabled: disabled, onClick: onBack, children: showTextbutton ? (textBack !== null && textBack !== void 0 ? textBack : 'Back') : undefined }), jsxRuntimeExports.jsx(ButtonComponent, { tooltip: !showTextbutton ? { title: textCancel !== null && textCancel !== void 0 ? textCancel : 'Cancel' } : undefined, icon: jsxRuntimeExports.jsx(RefIcon$1, {}), classNames: classButtonCancel, disabled: disabled, onClick: event => {
+                    setEditing === null || setEditing === void 0 ? void 0 : setEditing(false);
+                    onCancel === null || onCancel === void 0 ? void 0 : onCancel(event);
+                }, children: showTextbutton ? (textCancel !== null && textCancel !== void 0 ? textCancel : 'Cancel') : undefined }), jsxRuntimeExports.jsx(ButtonComponent, Object.assign({ tooltip: !showTextbutton ? { title: textSave !== null && textSave !== void 0 ? textSave : 'Save' } : undefined, icon: jsxRuntimeExports.jsx(RefIcon$2, {}), type: "primary", classNames: classButtonSave, disabled: disabled, loading: loading, children: showTextbutton ? (textSave !== null && textSave !== void 0 ? textSave : 'Save') : undefined }, saveMethod)), jsxRuntimeExports.jsx(ButtonComponent, { tooltip: !showTextbutton ? { title: textEdit !== null && textEdit !== void 0 ? textEdit : 'Edit' } : undefined, icon: jsxRuntimeExports.jsx(RefIcon$3, {}), classNames: classButtonEdit, disabled: disabled, onClick: event => {
+                    setEditing === null || setEditing === void 0 ? void 0 : setEditing(true);
+                    onEdit === null || onEdit === void 0 ? void 0 : onEdit(event);
+                }, children: showTextbutton ? (textEdit !== null && textEdit !== void 0 ? textEdit : 'Edit') : undefined })] }));
     return col ? (jsxRuntimeExports.jsx(Row, { children: jsxRuntimeExports.jsx(Col, Object.assign({}, col, { children: buttonGroup })) })) : buttonGroup;
 };
 var Component = React__default.memo(ButtonGroupEditComponent);

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

@@ -9,9 +9,10 @@ const CascaderComponent = ({ noItem, size, classNames, variant, expandTrigger, o
         value: () => valueCascader,
         setValue: setValueCascader,
     }));
-    const cascader = (jsxRuntimeExports.jsx(Cascader, { allowClear: !required, size: size, className: classNames === null || classNames === void 0 ? void 0 : classNames.join(' '), variant: variant, expandTrigger: expandTrigger, open: open, disabled: disabled, suffixIcon: suffixIcon, placeholder: placeholder, value: value !== null && value !== void 0 ? value : valueCascader, defaultValue: defaultValue, options: options === null || options === void 0 ? void 0 : options.filter(item => item.value !== undefined), displayRender: displayRender, showSearch: {
+    const cascader = (jsxRuntimeExports.jsx(Cascader, { allowClear: !required, size: size, className: classNames === null || classNames === void 0 ? void 0 : classNames.join(' '), variant: variant, expandTrigger: expandTrigger, open: open, disabled: disabled, suffixIcon: suffixIcon, placeholder: placeholder, value: value !== null && value !== void 0 ? value : valueCascader, defaultValue: defaultValue, options: options === null || options === void 0 ? void 0 : options.filter(item => item.value !== undefined), displayRender: displayRender, onChange: onChange, showSearch: {
             filter: (search, path) => path.some(option => option.search.toLowerCase().indexOf(search.toLowerCase()) > -1),
-        }, onChange: onChange, onSearch: onSearch }));
+            onSearch,
+        } }));
     return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !noItem ? (jsxRuntimeExports.jsx(FormItemComponent, Object.assign({}, formColLayout, { name: name, label: label, required: required, ruleType: ruleType, ruleMessage: ruleMessage, rules: rules, validateStatus: validateStatus, help: help, children: cascader })))
             : cascader }));
 };

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 = ({ noItem, loading, disabled, readOnly, checked, defaultChecked, removeError, onChange, formColLayout, name, label, formClassNames, required, rules, ruleType, ruleMessage, validateStatus, help, shouldUpdate, children, ref, }) => {
+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;
@@ -20,6 +20,6 @@ const CheckboxComponent = ({ noItem, loading, disabled, readOnly, checked, defau
     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$1 = React__default.memo(CheckboxComponent);
+var CheckboxComponent = React__default.memo(CheckboxComponent$1);
 
-export { CheckboxComponent$1 as default };
+export { CheckboxComponent as default };

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 = ({ 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$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 [valueDate, setValueDate] = useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : null);
     const handleChange = (date, dateString) => {
         setValueDate(date);
@@ -27,6 +27,6 @@ const DatePickerComponent = ({ noItem, size, variant, placeholder, prefix, prefi
     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$1 = React__default.memo(DatePickerComponent);
+var DatePickerComponent = React__default.memo(DatePickerComponent$1);
 
-export { DatePickerComponent$1 as default };
+export { DatePickerComponent 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 = ({ 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$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, }) => {
     var _a;
     const [valueDateRange, setValueDateRange] = useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : null);
     const handleChange = (date, dateStrings) => {
@@ -29,6 +29,6 @@ const DateRangePickerComponent = ({ 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$1 = React__default.memo(DateRangePickerComponent);
+var DateRangePickerComponent = React__default.memo(DateRangePickerComponent$1);
 
-export { DateRangePickerComponent$1 as default };
+export { DateRangePickerComponent as default };

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

@@ -13,7 +13,7 @@ import '../../node_modules/@dnd-kit/sortable/dist/sortable.esm.js';
 import '../../context/TableRow/Context.js';
 import { Link } from '@inertiajs/react';
 import RefIcon from '../../node_modules/@ant-design/icons/es/icons/EllipsisOutlined.js';
-import { Link as Link$1 } from '../../node_modules/react-router/dist/development/chunk-UIGDSWPH.js';
+import { Link as Link$1 } from '../../node_modules/react-router/dist/development/chunk-JZWAC4HX.js';
 
 const DropdownButtonComponent = ({ trigger, placement, menuItems, disabled, data, }) => {
     const config = useConfig();

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 = ({ noItem, formColLayout, name, label, classNames, trigger, normalize, required, rules, ruleType, ruleMessage, ruleTransform, ruleMin, ruleMax, valuePropName, getValueFromEvent, validateStatus, help, shouldUpdate, children, }) => {
+const FormItemComponent$1 = ({ 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 = ({ noItem, formColLayout, name, label, classNames, tri
     };
     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$1 = React__default.memo(FormItemComponent);
+var FormItemComponent = React__default.memo(FormItemComponent$1);
 
-export { FormItemComponent$1 as default };
+export { FormItemComponent as default };

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

@@ -2,10 +2,10 @@ import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
 import FormItemComponent from '../Form/Item/Component.js';
 import OTP from './OTP/Component.js';
 import styleInput from './style.module.css.js';
-import { Input, Skeleton } from 'antd';
+import { Input, Space, Skeleton } from 'antd';
 import React__default, { useState, useImperativeHandle } from 'react';
 
-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 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 [valueInput, setValueInput] = useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : '');
     const handleChange = (event) => {
         setValueInput(event.target.value);
@@ -20,16 +20,17 @@ const InputComponent = React__default.memo(({ noItem, password, autoFocus, allow
     classNames && classInput.push(...classNames);
     uppercase && classInput.push(styleInput['uppercase']);
     const InputType = !password ? Input : Input.Password;
-    const input = !loading ? (jsxRuntimeExports.jsx(InputType, { autoFocus: autoFocus, allowClear: allowClear, size: size, className: classInput === null || classInput === void 0 ? void 0 : classInput.join(' '), variant: variant, autoComplete: autoCompleteOff ? 'off' : undefined, disabled: disabled, readOnly: readOnly, maxLength: maxLength, addonBefore: addonBefore, addonAfter: addonAfter, prefix: prefix, suffix: suffix, placeholder: placeholder, value: value !== null && value !== void 0 ? value : valueInput, onChange: handleChange, onKeyDown: onKeyDown, onPressEnter: onPressEnter, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onClick: onClick, onFocus: onFocus, onBlur: onBlur })) : jsxRuntimeExports.jsx(Skeleton.Input, { block: true, active: true });
+    const input = (jsxRuntimeExports.jsx(InputType, { autoFocus: autoFocus, allowClear: allowClear, size: size, className: classInput === null || classInput === void 0 ? void 0 : classInput.join(' '), variant: variant, autoComplete: autoCompleteOff ? 'off' : undefined, disabled: disabled, readOnly: readOnly, maxLength: maxLength, prefix: prefix, suffix: suffix, placeholder: placeholder, value: value !== null && value !== void 0 ? value : valueInput, onChange: handleChange, onKeyDown: onKeyDown, onPressEnter: onPressEnter, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onClick: onClick, onFocus: onFocus, onBlur: onBlur }));
+    const inputComponent = !loading ? ((addonBefore || addonAfter) ? (jsxRuntimeExports.jsxs(Space.Compact, { children: [addonBefore, input, addonAfter] })) : input) : jsxRuntimeExports.jsx(Skeleton.Input, { block: true, active: true });
     const normalize = (value, prevValue, allValues) => {
         // if (uppercase) return value.toUpperCase()
         if (number)
             return value.replace(/\D/g, '');
         return value;
     };
-    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: input })))
-            : input }));
+    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$1 = Object.assign(InputComponent, { OTP });
+var InputComponent = Object.assign(InputComponent$1, { OTP });
 
-export { InputComponent$1 as default };
+export { InputComponent as default };

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

@@ -3,7 +3,7 @@ import { useConfig } from '../../context/Config/Context.js';
 import 'antd';
 import 'react';
 import { Link } from '@inertiajs/react';
-import { Link as Link$1 } from '../../node_modules/react-router/dist/development/chunk-UIGDSWPH.js';
+import { Link as Link$1 } from '../../node_modules/react-router/dist/development/chunk-JZWAC4HX.js';
 
 const LinkComponent = ({ href, children, }) => {
     const config = useConfig();

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 = props => {
+const NumberFormatComponent$1 = 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$1 = React__default.memo(NumberFormatComponent);
+var NumberFormatComponent = React__default.memo(NumberFormatComponent$1);
 
-export { NumberFormatComponent$1 as default };
+export { NumberFormatComponent as default };

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

@@ -3,8 +3,7 @@ import { j as jsxRuntimeExports } from '../../../_virtual/jsx-runtime.js';
 import TagComponent from '../../Tag/Component.js';
 import SelectComponent from '../Component.js';
 import { Spin } from 'antd';
-import debounce from '../../../_virtual/debounce.js';
-import React__default, { useState, useRef, useMemo, useImperativeHandle } from 'react';
+import React__default, { useState, useImperativeHandle } from 'react';
 
 const formatName = {
     value: data => parseInt(data.id),
@@ -24,35 +23,31 @@ const formatCodeDescription = {
     label: 'code',
     text: data => (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(TagComponent, { color: "blue", strong: true, children: data.code }), data.description] })),
 };
-const SelectAsyncComponent = (_a) => {
+let timeout;
+const SelectAsyncComponent$1 = (_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);
     const [options, setOptions] = useState(initOptions !== null && initOptions !== void 0 ? initOptions : []);
     const [value, setValue] = useState(initValue);
-    // const selfRef = useRef({})
-    const fetchRef = useRef(0);
-    const debounceFetcher = useMemo(() => {
-        const loadOptions = (value) => {
-            const searchVal = typeof value === 'string'
-                ? value
-                : '';
-            fetchRef.current += 1;
-            const fetchId = fetchRef.current;
+    const onSearch = (value) => {
+        if (timeout) {
+            clearTimeout(timeout);
+            timeout = null;
+        }
+        const searchVal = typeof value === 'string'
+            ? value
+            : '';
+        timeout = setTimeout(() => {
             setIsInit(false);
             setOptions([]);
             setFetching(true);
             fetchOptions === null || fetchOptions === void 0 ? void 0 : fetchOptions(searchVal).then(newOptions => {
-                if (fetchId !== fetchRef.current) {
-                    // for fetch callback order
-                    return;
-                }
                 setOptions(newOptions);
                 setFetching(false);
             });
-        };
-        return debounce(loadOptions, debounceTimeout);
-    }, [fetchOptions, debounceTimeout]);
+        }, debounceTimeout);
+    };
     const getOptions = () => {
         if (options.length)
             return options;
@@ -67,12 +62,15 @@ const SelectAsyncComponent = (_a) => {
         value: () => value,
         setValue,
     }));
-    return (jsxRuntimeExports.jsx(SelectComponent, Object.assign({}, props, { showSearch: true, mode: props.mode, filterOption: false, value: value, onChange: (event, option) => {
+    return (jsxRuntimeExports.jsx(SelectComponent, Object.assign({}, props, { showSearch: {
+            filterOption: false,
+            onSearch,
+        }, mode: props.mode, value: value, onChange: (event, option) => {
             var _a;
             setIsInit(true);
             (_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) ? debounceFetcher : undefined, onSearch: debounceFetcher, notFoundContent: fetching ? jsxRuntimeExports.jsx(Spin, { size: "small" }) : null, options: getOptions() })));
+        }, onFocus: (!options.length || isInit) ? onSearch : undefined, notFoundContent: fetching ? jsxRuntimeExports.jsx(Spin, { size: "small" }) : 'Not Found', options: getOptions() })));
 };
-var SelectAsyncComponent$1 = React__default.memo(SelectAsyncComponent);
+var SelectAsyncComponent = React__default.memo(SelectAsyncComponent$1);
 
-export { SelectAsyncComponent$1 as default, formatCodeDescription, formatCodeName, formatDescription, formatName };
+export { SelectAsyncComponent 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 = ({ noItem, showSearch, mode, variant, size, suffixIcon, formClassNames, classNames, loading, readOnly, disabled, open, filterOption, placeholder, value, defaultValue, removeError, onChange, onKeyDown, onSearch, onFocus, notFoundContent, tokenSeparators, options, style, addItem, formColLayout, name, label, required, rules, ruleType, ruleMessage, validateStatus, help, }) => {
+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 [addItemValue, setAddItemValue] = useState('');
     const classNameSelect = useMemo(() => {
         const className = [styleSelect['select']];
@@ -25,13 +25,13 @@ const SelectComponent = ({ noItem, showSearch, mode, variant, size, suffixIcon,
     };
     const popupRender = menu => (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [menu, addItem &&
                 jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(Divider, { className: styleSelect['add-item-divider'] }), jsxRuntimeExports.jsxs(Space, { align: "center", className: styleSelect['add-item-space'], children: [jsxRuntimeExports.jsx(Input, { placeholder: "Please enter item", value: addItemValue, onChange: event => setAddItemValue(event.target.value) }), jsxRuntimeExports.jsxs(Link, { className: styleSelect['add-item-link'], onClick: handleAddItem, children: [jsxRuntimeExports.jsx(RefIcon, {}), " Add item"] })] })] })] }));
-    const select = !loading ? (jsxRuntimeExports.jsx(Select, { mode: mode, showSearch: showSearch, variant: variant, allowClear: !required, size: size, suffixIcon: suffixIcon, className: classNameSelect.join(' '), disabled: disabled !== null && disabled !== void 0 ? disabled : readOnly, open: open, filterOption: filterOption, placeholder: placeholder, value: value, defaultValue: defaultValue, onChange: (value, event) => {
+    const select = !loading ? (jsxRuntimeExports.jsx(Select, { mode: mode, showSearch: showSearch, variant: variant, allowClear: !required, size: size, suffixIcon: suffixIcon, className: classNameSelect.join(' '), disabled: disabled !== null && disabled !== void 0 ? disabled : readOnly, open: open, placeholder: placeholder, value: value, defaultValue: defaultValue, onChange: (value, event) => {
             removeError === null || removeError === void 0 ? void 0 : removeError(name);
             onChange === null || onChange === void 0 ? void 0 : onChange(value, event);
-        }, onKeyDown: onKeyDown, onSearch: onSearch, onFocus: onFocus, notFoundContent: notFoundContent, tokenSeparators: tokenSeparators, options: options === null || options === void 0 ? void 0 : options.filter(option => option.value !== undefined), optionLabelProp: "label", optionRender: optionRender, popupRender: popupRender, style: style })) : jsxRuntimeExports.jsx(Skeleton.Input, { block: true, active: true });
+        }, onKeyDown: onKeyDown, onFocus: onFocus, notFoundContent: notFoundContent, tokenSeparators: tokenSeparators, options: options === null || options === void 0 ? void 0 : options.filter(option => option.value !== undefined), optionLabelProp: "label", optionRender: optionRender, popupRender: popupRender, style: style })) : jsxRuntimeExports.jsx(Skeleton.Input, { block: true, active: true });
     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$1 = React__default.memo(SelectComponent);
+var SelectComponent = React__default.memo(SelectComponent$1);
 
-export { SelectComponent$1 as default };
+export { SelectComponent 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 = ({ noItem, icon, checkedChildren, unCheckedChildren, loading, disabled, formClassNames, value, checked, defaultChecked, removeError, onChange, formColLayout, name, label, required, rules, ruleMessage, validateStatus, help, shouldUpdate, }) => {
+const SwitchComponent$1 = ({ 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 = ({ noItem, icon, checkedChildren, unCheckedChildren, loa
     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$1 = React__default.memo(SwitchComponent);
+var SwitchComponent = React__default.memo(SwitchComponent$1);
 
-export { SwitchComponent$1 as default };
+export { SwitchComponent as default };

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

@@ -41,7 +41,7 @@ const styleProps = {
         md: 12,
     },
 };
-const TableAsyncSearchComponent = ({ noInitSubmit, noButton, buttonText, name, items, header, style, }) => {
+const TableAsyncSearchComponent$1 = ({ 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 = ({ noInitSubmit, noButton, buttonText, name, i
                             }
                         }) })) })) }), "filter")] }));
 };
-var TableAsyncSearchComponent$1 = React__default.memo(TableAsyncSearchComponent);
+var TableAsyncSearchComponent = React__default.memo(TableAsyncSearchComponent$1);
 
-export { TableAsyncSearchComponent$1 as default };
+export { TableAsyncSearchComponent as default };

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

@@ -17,7 +17,7 @@ const styleProps = {
         sm: 12,
     },
 };
-const TableComponent = ({ noPagination, buttonReload, buttonAdd, buttonMiddle, buttonDelete, search, buttonFilter, bordered, rowHoverable, virtual, rootClassNames = [], classNames = [], rowClassName, size, indentSize, title, caption, columns, rowKey, data, expandable, pagination, loading, scroll, sticky, components, summary, onChange, rowSelection, style, }) => {
+const TableComponent$1 = ({ noPagination, buttonReload, buttonAdd, buttonMiddle, buttonDelete, search, buttonFilter, bordered, rowHoverable, virtual, rootClassNames = [], classNames = [], rowClassName, size, indentSize, title, caption, columns, rowKey, data, 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 = ({ noPagination, buttonReload, buttonAdd, buttonMiddle, b
                                     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(' '), 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, 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$1 = React__default.memo(TableComponent);
+var TableComponent = React__default.memo(TableComponent$1);
 
-export { TableComponent$1 as default };
+export { TableComponent as default };

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

@@ -1,9 +1,9 @@
 import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
 import { Tabs } from 'antd';
 
-const TabsComponent = ({ centered, type, tabPosition, tabBarExtraContent, tabBarGutter, tabs, onChange, defaultActiveKey, }) => {
+const TabsComponent = ({ centered, type, tabPlacement, tabBarExtraContent, tabBarGutter, tabs, onChange, defaultActiveKey, }) => {
     var _a;
-    return (jsxRuntimeExports.jsx(Tabs, { centered: centered, type: type, tabPosition: tabPosition, tabBarExtraContent: tabBarExtraContent, tabBarGutter: tabBarGutter, items: (_a = tabs === null || tabs === void 0 ? void 0 : tabs.map) === null || _a === void 0 ? void 0 : _a.call(tabs, tab => ({
+    return (jsxRuntimeExports.jsx(Tabs, { centered: centered, type: type, tabPlacement: tabPlacement, tabBarExtraContent: tabBarExtraContent, tabBarGutter: tabBarGutter, items: (_a = tabs === null || tabs === void 0 ? void 0 : tabs.map) === null || _a === void 0 ? void 0 : _a.call(tabs, tab => ({
             key: tab.key,
             label: tab.name,
             children: tab.content,

package/dist/esm/components/Upload/Dragger/Component.js

@@ -15,7 +15,7 @@ const acceptFormat = (accept) => {
             return 'application/pdf';
     }
 };
-const normFile = (event) => {
+const normFile = event => {
     if (Array.isArray(event))
         return event;
     return event && event['fileList'];

package/dist/esm/enums/DateFormat.js

@@ -5,6 +5,6 @@ var DateFormat;
     DateFormat["calendarTime"] = "DD MMM YYYY HH:mm:ss";
     DateFormat["timeLong"] = "HH:mm:ss";
 })(DateFormat || (DateFormat = {}));
-var DateFormat$1 = DateFormat;
+var DateFormat_default = DateFormat;
 
-export { DateFormat$1 as default };
+export { DateFormat_default as default };

package/dist/esm/node_modules/@ant-design/colors/es/presets.js

@@ -1,6 +1,60 @@
 // Generated by script. Do NOT modify!
 
+const presetPrimaryColors = {
+  "red": "#F5222D",
+  "volcano": "#FA541C",
+  "orange": "#FA8C16",
+  "gold": "#FAAD14",
+  "yellow": "#FADB14",
+  "lime": "#A0D911",
+  "green": "#52C41A",
+  "cyan": "#13C2C2",
+  "blue": "#1677FF",
+  "geekblue": "#2F54EB",
+  "purple": "#722ED1",
+  "magenta": "#EB2F96",
+  "grey": "#666666"
+};
+const red = ["#fff1f0", "#ffccc7", "#ffa39e", "#ff7875", "#ff4d4f", "#f5222d", "#cf1322", "#a8071a", "#820014", "#5c0011"];
+red.primary = red[5];
+const volcano = ["#fff2e8", "#ffd8bf", "#ffbb96", "#ff9c6e", "#ff7a45", "#fa541c", "#d4380d", "#ad2102", "#871400", "#610b00"];
+volcano.primary = volcano[5];
+const orange = ["#fff7e6", "#ffe7ba", "#ffd591", "#ffc069", "#ffa940", "#fa8c16", "#d46b08", "#ad4e00", "#873800", "#612500"];
+orange.primary = orange[5];
+const gold = ["#fffbe6", "#fff1b8", "#ffe58f", "#ffd666", "#ffc53d", "#faad14", "#d48806", "#ad6800", "#874d00", "#613400"];
+gold.primary = gold[5];
+const yellow = ["#feffe6", "#ffffb8", "#fffb8f", "#fff566", "#ffec3d", "#fadb14", "#d4b106", "#ad8b00", "#876800", "#614700"];
+yellow.primary = yellow[5];
+const lime = ["#fcffe6", "#f4ffb8", "#eaff8f", "#d3f261", "#bae637", "#a0d911", "#7cb305", "#5b8c00", "#3f6600", "#254000"];
+lime.primary = lime[5];
+const green = ["#f6ffed", "#d9f7be", "#b7eb8f", "#95de64", "#73d13d", "#52c41a", "#389e0d", "#237804", "#135200", "#092b00"];
+green.primary = green[5];
+const cyan = ["#e6fffb", "#b5f5ec", "#87e8de", "#5cdbd3", "#36cfc9", "#13c2c2", "#08979c", "#006d75", "#00474f", "#002329"];
+cyan.primary = cyan[5];
 const blue = ["#e6f4ff", "#bae0ff", "#91caff", "#69b1ff", "#4096ff", "#1677ff", "#0958d9", "#003eb3", "#002c8c", "#001d66"];
 blue.primary = blue[5];
+const geekblue = ["#f0f5ff", "#d6e4ff", "#adc6ff", "#85a5ff", "#597ef7", "#2f54eb", "#1d39c4", "#10239e", "#061178", "#030852"];
+geekblue.primary = geekblue[5];
+const purple = ["#f9f0ff", "#efdbff", "#d3adf7", "#b37feb", "#9254de", "#722ed1", "#531dab", "#391085", "#22075e", "#120338"];
+purple.primary = purple[5];
+const magenta = ["#fff0f6", "#ffd6e7", "#ffadd2", "#ff85c0", "#f759ab", "#eb2f96", "#c41d7f", "#9e1068", "#780650", "#520339"];
+magenta.primary = magenta[5];
+const grey = ["#a6a6a6", "#999999", "#8c8c8c", "#808080", "#737373", "#666666", "#404040", "#1a1a1a", "#000000", "#000000"];
+grey.primary = grey[5];
+const presetPalettes = {
+  red,
+  volcano,
+  orange,
+  gold,
+  yellow,
+  lime,
+  green,
+  cyan,
+  blue,
+  geekblue,
+  purple,
+  magenta,
+  grey
+};
 
-export { blue };
+export { blue, cyan, geekblue, gold, green, grey, lime, magenta, orange, presetPalettes, presetPrimaryColors, purple, red, volcano, yellow };