sti-antd-package 0.0.41 → 0.0.43

package/dist/components/Input/Component.d.ts

@@ -1,4 +1,6 @@
 import { InputComponentProps } from "./types";
 import React from "react";
-declare const _default: React.NamedExoticComponent<InputComponentProps>;
+declare const _default: React.NamedExoticComponent<InputComponentProps> & {
+    OTP: React.FC<import("./OTP").OTPProps>;
+};
 export default _default;

package/dist/components/Input/OTP/Component.d.ts

@@ -0,0 +1,3 @@
+import { OTPProps } from "./types";
+declare const OTP: React.FC<OTPProps>;
+export default OTP;

package/dist/components/Input/OTP/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Component";
+export type * from "./types";

package/dist/components/Input/OTP/types.d.ts

@@ -0,0 +1,34 @@
+import { SizeType } from "antd/es/config-provider/SizeContext";
+import { formColLayout } from "../../../constants";
+import { ValidateStatus } from "antd/es/form/FormItem";
+import { NamePath, Rule, RuleObject } from "rc-field-form/lib/interface";
+export interface OTPProps {
+    noItem?: boolean;
+    loading?: boolean;
+    disabled?: boolean;
+    size?: SizeType;
+    classNames?: string[];
+    variant?: "outlined" | "borderless" | "filled" | "underlined";
+    mask?: string | boolean;
+    separator?: React.ReactNode | ((index: number) => React.ReactNode);
+    length?: number;
+    value?: string;
+    defaultValue?: string;
+    removeError?: (name?: NamePath) => void;
+    onChange?: (value: string) => void;
+    onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
+    onMouseEnter?: React.MouseEventHandler<HTMLInputElement>;
+    onMouseLeave?: React.MouseEventHandler<HTMLInputElement>;
+    onClick?: React.MouseEventHandler<HTMLInputElement>;
+    onFocus?: React.FocusEventHandler<HTMLInputElement>;
+    onBlur?: React.FocusEventHandler<HTMLInputElement>;
+    formColLayout?: typeof formColLayout;
+    name?: NamePath;
+    label?: React.ReactNode;
+    required?: boolean;
+    rules?: Rule[];
+    ruleType?: RuleObject['type'];
+    ruleMessage?: string;
+    validateStatus?: ValidateStatus;
+    help?: React.ReactNode;
+}

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

@@ -1,7 +1,7 @@
 import { formColLayout } from "../../constants";
 import { ValidateStatus } from "antd/es/form/FormItem";
 import { ShouldUpdate } from "rc-field-form/lib/Field";
-import { NamePath, Rule, RuleObject } from "rc-field-form/lib/interface";
+import { NamePath, Rule } from "rc-field-form/lib/interface";
 import React from "react";
 export interface SwitchComponentProps {
     noItem?: boolean;
@@ -10,6 +10,7 @@ export interface SwitchComponentProps {
     unCheckedChildren?: React.ReactNode;
     loading?: boolean;
     disabled?: boolean;
+    value?: boolean;
     checked?: boolean;
     defaultChecked?: boolean;
     removeError?: (name?: NamePath) => void;
@@ -19,7 +20,6 @@ export interface SwitchComponentProps {
     label?: React.ReactNode;
     required?: boolean;
     rules?: Rule[];
-    ruleType?: RuleObject['type'];
     ruleMessage?: string;
     validateStatus?: ValidateStatus;
     shouldUpdate?: ShouldUpdate<string | string[]>;

package/dist/components/index.d.ts

@@ -27,6 +27,7 @@ export { default as IconCheckOrClose } from "./Icon/CheckOrClose";
 export type { IconCheckOrCloseProps } from "./Icon/CheckOrClose";
 export { default as InputComponent } from "./Input";
 export type { InputComponentProps, InputComponentRef } from "./Input";
+export type { OTPProps } from "./Input/OTP";
 export { default as LinkComponent } from "./Link";
 export type { LinkComponentProps } from "./Link";
 export { default as NumberFormatComponent } from "./NumberFormat";

package/dist/index.d.ts

@@ -511,6 +511,37 @@ interface IconCheckOrCloseProps {
 
 declare const IconCheckOrClose: React$1.FC<IconCheckOrCloseProps>;
 
+interface OTPProps {
+    noItem?: boolean;
+    loading?: boolean;
+    disabled?: boolean;
+    size?: SizeType;
+    classNames?: string[];
+    variant?: "outlined" | "borderless" | "filled" | "underlined";
+    mask?: string | boolean;
+    separator?: React.ReactNode | ((index: number) => React.ReactNode);
+    length?: number;
+    value?: string;
+    defaultValue?: string;
+    removeError?: (name?: NamePath) => void;
+    onChange?: (value: string) => void;
+    onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
+    onMouseEnter?: React.MouseEventHandler<HTMLInputElement>;
+    onMouseLeave?: React.MouseEventHandler<HTMLInputElement>;
+    onClick?: React.MouseEventHandler<HTMLInputElement>;
+    onFocus?: React.FocusEventHandler<HTMLInputElement>;
+    onBlur?: React.FocusEventHandler<HTMLInputElement>;
+    formColLayout?: typeof _default$i;
+    name?: NamePath;
+    label?: React.ReactNode;
+    required?: boolean;
+    rules?: Rule$1[];
+    ruleType?: RuleObject$1['type'];
+    ruleMessage?: string;
+    validateStatus?: ValidateStatus;
+    help?: React.ReactNode;
+}
+
 interface InputComponentRef {
     value: () => valueType;
     setValue: React.Dispatch<React.SetStateAction<valueType>>;
@@ -563,7 +594,9 @@ interface InputComponentProps {
     ref?: Ref<InputComponentRef>;
 }
 
-declare const _default$9: React$1.NamedExoticComponent<InputComponentProps>;
+declare const _default$9: React$1.NamedExoticComponent<InputComponentProps> & {
+    OTP: React$1.FC<OTPProps>;
+};
 
 interface LinkComponentProps {
     href: string;
@@ -709,6 +742,7 @@ interface SwitchComponentProps {
     unCheckedChildren?: React$1.ReactNode;
     loading?: boolean;
     disabled?: boolean;
+    value?: boolean;
     checked?: boolean;
     defaultChecked?: boolean;
     removeError?: (name?: NamePath) => void;
@@ -718,7 +752,6 @@ interface SwitchComponentProps {
     label?: React$1.ReactNode;
     required?: boolean;
     rules?: Rule$1[];
-    ruleType?: RuleObject$1['type'];
     ruleMessage?: string;
     validateStatus?: ValidateStatus;
     shouldUpdate?: ShouldUpdate<string | string[]>;
@@ -1175,4 +1208,4 @@ declare const useRemoveError: (setInputErrors: React.Dispatch<React.SetStateActi
 }>>) => (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 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, 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 };
+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

@@ -7539,15 +7539,14 @@ function useViewTransitionState(to, opts = {}) {
 // lib/server-runtime/crypto.ts
 new TextEncoder();
 
-const LinkComponent = ({ href, children, }) => {
+const DropdownButtonComponent = ({ trigger, placement, menuItems, disabled, data, }) => {
     const config = useConfig$1();
     const isInertia = config.linkType === 'inertia';
-    if (isInertia)
-        return (jsxRuntimeExports.jsx(Link$2, { href: href, children: children }));
-    return (jsxRuntimeExports.jsx(Link$1, { to: href, children: children }));
-};
-
-const DropdownButtonComponent = ({ trigger, placement, menuItems, disabled, data, }) => {
+    const link = (href, children) => {
+        if (isInertia)
+            return (jsxRuntimeExports.jsx(Link$2, { href: href, children: children }));
+        return (jsxRuntimeExports.jsx(Link$1, { to: href, children: children }));
+    };
     const items = menuItems === null || menuItems === void 0 ? void 0 : menuItems.map(menu => {
         const classMenuItem = [];
         switch (menu.type) {
@@ -7564,7 +7563,7 @@ const DropdownButtonComponent = ({ trigger, placement, menuItems, disabled, data
         return {
             key: menu.key,
             icon: menu.icon,
-            label: menu.href ? (jsxRuntimeExports.jsx(LinkComponent, { href: menu.href, children: menu.label })) : menu.label,
+            label: menu.href ? link(menu.href, menu.label) : menu.label,
             className: classMenuItem.join(' '),
             onClick: () => { var _a; return (_a = menu.onClick) === null || _a === void 0 ? void 0 : _a.call(menu, data); },
         };
@@ -7583,11 +7582,23 @@ const IconCheckOrClose = ({ check, classNames, style, }) => {
     return (jsxRuntimeExports.jsx(Icon, { className: classIcon.join(' '), style: style }));
 };
 
+const OTP = ({ noItem, loading, disabled, size, classNames, variant, mask, separator, length, value, defaultValue, removeError, onChange, onKeyDown, onMouseEnter, onMouseLeave, onClick, onFocus, onBlur, formColLayout, name, label, required, rules, ruleType, ruleMessage, validateStatus, help, }) => {
+    const [valueInput, setValueInput] = useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : '');
+    const handleChange = (value) => {
+        setValueInput(value);
+        removeError === null || removeError === void 0 ? void 0 : removeError(name);
+        onChange === null || onChange === void 0 ? void 0 : onChange(value);
+    };
+    const otp = !loading ? (jsxRuntimeExports.jsx(Input$2.OTP, { disabled: disabled, size: size, className: classNames === null || classNames === void 0 ? void 0 : classNames.join(' '), variant: variant, mask: mask, separator: separator, length: length, value: value !== null && value !== void 0 ? value : valueInput, onChange: handleChange, onKeyDown: onKeyDown, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onClick: onClick, onFocus: onFocus, onBlur: onBlur })) : 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, required: required, ruleType: ruleType, ruleMessage: ruleMessage, rules: rules, validateStatus: validateStatus, help: help, children: otp })))
+            : otp }));
+};
+
 var css_248z$6 = ".style-module_uppercase__IomMt {\n  text-transform: uppercase;\n}";
 var styleInput = {"uppercase":"style-module_uppercase__IomMt"};
 styleInject(css_248z$6);
 
-const InputComponent = ({ noItem, password, autoFocus, allowClear, size, 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, 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);
@@ -7611,8 +7622,16 @@ const InputComponent = ({ noItem, password, autoFocus, allowClear, size, classNa
     };
     return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !noItem ? (jsxRuntimeExports.jsx(FormItemComponent$1, Object.assign({}, formColLayout, { name: name, label: label, normalize: normalize, required: required, ruleType: ruleType, ruleMessage: ruleMessage, ruleMax: ruleMax, ruleMin: ruleMin, rules: rules, validateStatus: validateStatus, help: help, shouldUpdate: shouldUpdate, children: input })))
             : input }));
+});
+var InputComponent$1 = Object.assign(InputComponent, { OTP });
+
+const LinkComponent = ({ href, children, }) => {
+    const config = useConfig$1();
+    const isInertia = config.linkType === 'inertia';
+    if (isInertia)
+        return (jsxRuntimeExports.jsx(Link$2, { href: href, children: children }));
+    return (jsxRuntimeExports.jsx(Link$1, { to: href, children: children }));
 };
-var InputComponent$1 = React__default.memo(InputComponent);
 
 const RadioComponent = ({ buttonStyle, options, optionType, onChange, noItem, loading, disabled, removeError, formColLayout, name, label, required, rules, ruleType, ruleMessage, validateStatus, help, }) => {
     const radio = !loading ? (jsxRuntimeExports.jsx(Radio.Group, { block: true, buttonStyle: buttonStyle, disabled: disabled, options: options, optionType: optionType, onChange: event => {
@@ -8373,8 +8392,9 @@ const SelectAsyncComponent = (_a) => {
 };
 var SelectAsyncComponent$1 = React__default.memo(SelectAsyncComponent);
 
-const SwitchComponent = ({ noItem, icon, checkedChildren, unCheckedChildren, loading, disabled, checked, defaultChecked, removeError, onChange, formColLayout, name, label, required, rules, ruleType, ruleMessage, validateStatus, help, shouldUpdate, }) => {
-    const [checkedSwitch, setCheckedSwitch] = useState(defaultChecked !== null && defaultChecked !== void 0 ? defaultChecked : false);
+const SwitchComponent = ({ noItem, icon, checkedChildren, unCheckedChildren, loading, disabled, 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) => {
         setCheckedSwitch(value);
         removeError === null || removeError === void 0 ? void 0 : removeError(name);
@@ -8388,7 +8408,7 @@ const SwitchComponent = ({ noItem, icon, checkedChildren, unCheckedChildren, loa
         unCheckedChildren,
     };
     const switchComponent = !loading ? (jsxRuntimeExports.jsx(Switch, Object.assign({}, checkChildren, { onChange: handleChange, disabled: disabled, checked: checked !== null && checked !== void 0 ? checked : checkedSwitch, defaultChecked: checked !== null && checked !== void 0 ? checked : checkedSwitch }))) : jsxRuntimeExports.jsx(Skeleton.Input, { active: true });
-    return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !noItem ? (jsxRuntimeExports.jsx(FormItemComponent$1, Object.assign({}, formColLayout, { name: name, label: label, required: required, ruleType: ruleType, ruleMessage: ruleMessage, rules: rules, validateStatus: validateStatus, help: help, shouldUpdate: shouldUpdate, children: switchComponent })))
+    return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !noItem ? (jsxRuntimeExports.jsx(FormItemComponent$1, Object.assign({}, formColLayout, { name: name, label: label, 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);

package/dist/index.js

@@ -7558,15 +7558,14 @@ function useViewTransitionState(to, opts = {}) {
 // lib/server-runtime/crypto.ts
 new TextEncoder();
 
-const LinkComponent = ({ href, children, }) => {
+const DropdownButtonComponent = ({ trigger, placement, menuItems, disabled, data, }) => {
     const config = useConfig$1();
     const isInertia = config.linkType === 'inertia';
-    if (isInertia)
-        return (jsxRuntimeExports.jsx(react.Link, { href: href, children: children }));
-    return (jsxRuntimeExports.jsx(Link$1, { to: href, children: children }));
-};
-
-const DropdownButtonComponent = ({ trigger, placement, menuItems, disabled, data, }) => {
+    const link = (href, children) => {
+        if (isInertia)
+            return (jsxRuntimeExports.jsx(react.Link, { href: href, children: children }));
+        return (jsxRuntimeExports.jsx(Link$1, { to: href, children: children }));
+    };
     const items = menuItems === null || menuItems === void 0 ? void 0 : menuItems.map(menu => {
         const classMenuItem = [];
         switch (menu.type) {
@@ -7583,7 +7582,7 @@ const DropdownButtonComponent = ({ trigger, placement, menuItems, disabled, data
         return {
             key: menu.key,
             icon: menu.icon,
-            label: menu.href ? (jsxRuntimeExports.jsx(LinkComponent, { href: menu.href, children: menu.label })) : menu.label,
+            label: menu.href ? link(menu.href, menu.label) : menu.label,
             className: classMenuItem.join(' '),
             onClick: () => { var _a; return (_a = menu.onClick) === null || _a === void 0 ? void 0 : _a.call(menu, data); },
         };
@@ -7602,11 +7601,23 @@ const IconCheckOrClose = ({ check, classNames, style, }) => {
     return (jsxRuntimeExports.jsx(Icon, { className: classIcon.join(' '), style: style }));
 };
 
+const OTP = ({ noItem, loading, disabled, size, classNames, variant, mask, separator, length, value, defaultValue, removeError, onChange, onKeyDown, onMouseEnter, onMouseLeave, onClick, onFocus, onBlur, formColLayout, name, label, required, rules, ruleType, ruleMessage, validateStatus, help, }) => {
+    const [valueInput, setValueInput] = React.useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : '');
+    const handleChange = (value) => {
+        setValueInput(value);
+        removeError === null || removeError === void 0 ? void 0 : removeError(name);
+        onChange === null || onChange === void 0 ? void 0 : onChange(value);
+    };
+    const otp = !loading ? (jsxRuntimeExports.jsx(antd.Input.OTP, { disabled: disabled, size: size, className: classNames === null || classNames === void 0 ? void 0 : classNames.join(' '), variant: variant, mask: mask, separator: separator, length: length, value: value !== null && value !== void 0 ? value : valueInput, onChange: handleChange, onKeyDown: onKeyDown, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onClick: onClick, onFocus: onFocus, onBlur: onBlur })) : 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, required: required, ruleType: ruleType, ruleMessage: ruleMessage, rules: rules, validateStatus: validateStatus, help: help, children: otp })))
+            : otp }));
+};
+
 var css_248z$6 = ".style-module_uppercase__IomMt {\n  text-transform: uppercase;\n}";
 var styleInput = {"uppercase":"style-module_uppercase__IomMt"};
 styleInject(css_248z$6);
 
-const InputComponent = ({ noItem, password, autoFocus, allowClear, size, 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.memo(({ noItem, password, autoFocus, allowClear, size, 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 : '');
     const handleChange = (event) => {
         setValueInput(event.target.value);
@@ -7630,8 +7641,16 @@ const InputComponent = ({ noItem, password, autoFocus, allowClear, size, classNa
     };
     return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !noItem ? (jsxRuntimeExports.jsx(FormItemComponent$1, Object.assign({}, formColLayout, { name: name, label: label, normalize: normalize, required: required, ruleType: ruleType, ruleMessage: ruleMessage, ruleMax: ruleMax, ruleMin: ruleMin, rules: rules, validateStatus: validateStatus, help: help, shouldUpdate: shouldUpdate, children: input })))
             : input }));
+});
+var InputComponent$1 = Object.assign(InputComponent, { OTP });
+
+const LinkComponent = ({ href, children, }) => {
+    const config = useConfig$1();
+    const isInertia = config.linkType === 'inertia';
+    if (isInertia)
+        return (jsxRuntimeExports.jsx(react.Link, { href: href, children: children }));
+    return (jsxRuntimeExports.jsx(Link$1, { to: href, children: children }));
 };
-var InputComponent$1 = React.memo(InputComponent);
 
 const RadioComponent = ({ buttonStyle, options, optionType, onChange, noItem, loading, disabled, removeError, 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, optionType: optionType, onChange: event => {
@@ -8392,8 +8411,9 @@ const SelectAsyncComponent = (_a) => {
 };
 var SelectAsyncComponent$1 = React.memo(SelectAsyncComponent);
 
-const SwitchComponent = ({ noItem, icon, checkedChildren, unCheckedChildren, loading, disabled, checked, defaultChecked, removeError, onChange, formColLayout, name, label, required, rules, ruleType, ruleMessage, validateStatus, help, shouldUpdate, }) => {
-    const [checkedSwitch, setCheckedSwitch] = React.useState(defaultChecked !== null && defaultChecked !== void 0 ? defaultChecked : false);
+const SwitchComponent = ({ noItem, icon, checkedChildren, unCheckedChildren, loading, disabled, value, checked, defaultChecked, removeError, onChange, formColLayout, name, label, required, rules, ruleMessage, validateStatus, help, shouldUpdate, }) => {
+    var _a;
+    const [checkedSwitch, setCheckedSwitch] = React.useState((_a = value !== null && value !== void 0 ? value : defaultChecked) !== null && _a !== void 0 ? _a : false);
     const handleChange = (value, event) => {
         setCheckedSwitch(value);
         removeError === null || removeError === void 0 ? void 0 : removeError(name);
@@ -8407,7 +8427,7 @@ const SwitchComponent = ({ noItem, icon, checkedChildren, unCheckedChildren, loa
         unCheckedChildren,
     };
     const switchComponent = !loading ? (jsxRuntimeExports.jsx(antd.Switch, Object.assign({}, checkChildren, { onChange: handleChange, disabled: disabled, checked: checked !== null && checked !== void 0 ? checked : checkedSwitch, defaultChecked: checked !== null && checked !== void 0 ? checked : checkedSwitch }))) : 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, required: required, ruleType: ruleType, ruleMessage: ruleMessage, rules: rules, validateStatus: validateStatus, help: help, shouldUpdate: shouldUpdate, children: switchComponent })))
+    return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !noItem ? (jsxRuntimeExports.jsx(FormItemComponent$1, Object.assign({}, formColLayout, { name: name, label: label, required: required, ruleType: "boolean", ruleMessage: ruleMessage, rules: rules, valuePropName: "checked", validateStatus: validateStatus, help: help, shouldUpdate: shouldUpdate, children: switchComponent })))
             : switchComponent }));
 };
 var SwitchComponent$1 = React.memo(SwitchComponent);

package/package.json

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