sti-antd-package 0.1.4 → 0.1.6

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

@@ -1,8 +1,8 @@
 import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
 import { Card } from 'antd';
 
-const CardComponent = ({ size, title, onClick, classNames, className, actions, style, styles, children, }) => {
-    return (jsxRuntimeExports.jsx(Card, { size: size, title: title, onClick: onClick, className: classNames === null || classNames === void 0 ? void 0 : classNames.join(' '), classNames: className, actions: actions, style: style, styles: styles, children: children }));
+const CardComponent = ({ size, title, onClick, classNames, className, actions, style, styles, children, ref, }) => {
+    return (jsxRuntimeExports.jsx(Card, { size: size, title: title, onClick: onClick, className: classNames === null || classNames === void 0 ? void 0 : classNames.join(' '), classNames: className, actions: actions, style: style, styles: styles, ref: ref, children: children }));
 };
 CardComponent.Meta = Card.Meta;
 

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 = ({ noItem, size, variant, status, 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);
@@ -23,7 +23,7 @@ const DatePickerComponent = ({ noItem, size, variant, placeholder, prefix, prefi
         classNames && className.push(...classNames);
         return className;
     }, [readOnly]);
-    const datePicker = !loading ? (jsxRuntimeExports.jsx(DatePicker, { className: classDate === null || classDate === void 0 ? void 0 : classDate.join(' '), classNames: className, size: size !== null && size !== void 0 ? size : 'middle', variant: variant, placeholder: placeholder, prefix: prefix, prefixCls: prefixCls === null || prefixCls === void 0 ? void 0 : prefixCls.join(' '), suffixIcon: suffixIcon, picker: picker, format: datePickerFormat[format !== null && format !== void 0 ? format : 'default'], allowClear: !required, inputReadOnly: readOnly, readOnly: readOnly, disabled: disabled !== null && disabled !== void 0 ? disabled : readOnly, disabledDate: disabledDate, disabledTime: disabledTime, value: value !== null && value !== void 0 ? value : valueDate, onChange: handleChange, style: style })) : jsxRuntimeExports.jsx(Skeleton.Input, { block: true, active: true });
+    const datePicker = !loading ? (jsxRuntimeExports.jsx(DatePicker, { className: classDate === null || classDate === void 0 ? void 0 : classDate.join(' '), classNames: className, size: size !== null && size !== void 0 ? size : 'middle', variant: variant, status: status, placeholder: placeholder, prefix: prefix, prefixCls: prefixCls === null || prefixCls === void 0 ? void 0 : prefixCls.join(' '), suffixIcon: suffixIcon, picker: picker, format: datePickerFormat[format !== null && format !== void 0 ? format : 'default'], allowClear: !required, inputReadOnly: readOnly, readOnly: readOnly, disabled: disabled !== null && disabled !== void 0 ? disabled : readOnly, disabledDate: disabledDate, disabledTime: disabledTime, value: value !== null && value !== void 0 ? value : valueDate, onChange: handleChange, 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: "date", ruleMessage: ruleMessage, rules: rules, validateStatus: validateStatus, help: help, shouldUpdate: shouldUpdate, children: datePicker })))
             : datePicker }));
 };

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 = ({ noItem, size, variant, status, 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) => {
@@ -25,7 +25,7 @@ const DateRangePickerComponent = ({ noItem, size, variant, placeholder, prefix,
         classNames && className.push(...classNames);
         return className;
     }, [readOnly]);
-    const datePicker = !loading ? (jsxRuntimeExports.jsx(RangePicker, { className: classDateRange.join(' '), classNames: className, size: size !== null && size !== void 0 ? size : 'middle', variant: variant, placeholder: placeholder, prefix: prefix, prefixCls: prefixCls === null || prefixCls === void 0 ? void 0 : prefixCls.join(' '), suffixIcon: suffixIcon, picker: picker, format: datePickerFormat[format !== null && format !== void 0 ? format : 'default'], allowEmpty: !required, allowClear: !required, inputReadOnly: readOnly, readOnly: readOnly, disabled: disabled !== null && disabled !== void 0 ? disabled : readOnly, disabledDate: disabledDate, disabledTime: disabledTime, value: (_a = value !== null && value !== void 0 ? value : valueDateRange) !== null && _a !== void 0 ? _a : null, onChange: handleChange, style: style })) : jsxRuntimeExports.jsx(Skeleton.Input, { block: true, active: true });
+    const datePicker = !loading ? (jsxRuntimeExports.jsx(RangePicker, { className: classDateRange.join(' '), classNames: className, size: size !== null && size !== void 0 ? size : 'middle', variant: variant, status: status, placeholder: placeholder, prefix: prefix, prefixCls: prefixCls === null || prefixCls === void 0 ? void 0 : prefixCls.join(' '), suffixIcon: suffixIcon, picker: picker, format: datePickerFormat[format !== null && format !== void 0 ? format : 'default'], allowEmpty: !required, allowClear: !required, inputReadOnly: readOnly, readOnly: readOnly, disabled: disabled !== null && disabled !== void 0 ? disabled : readOnly, disabledDate: disabledDate, disabledTime: disabledTime, value: (_a = value !== null && value !== void 0 ? value : valueDateRange) !== null && _a !== void 0 ? _a : null, onChange: handleChange, 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: "array", ruleMessage: ruleMessage, rules: rules, validateStatus: validateStatus, help: help, shouldUpdate: shouldUpdate, children: datePicker })))
             : datePicker }));
 };

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 = 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, status, 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,7 +20,7 @@ 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 = (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 input = (jsxRuntimeExports.jsx(InputType, { autoFocus: autoFocus, allowClear: allowClear, size: size, className: classInput === null || classInput === void 0 ? void 0 : classInput.join(' '), variant: variant, status: status, 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()

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, 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, status, 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,7 +25,7 @@ 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, placeholder: placeholder, value: value, defaultValue: defaultValue, onChange: (value, event) => {
+    const select = !loading ? (jsxRuntimeExports.jsx(Select, { mode: mode, showSearch: showSearch, variant: variant, status: status, 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, 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 });

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

@@ -5,7 +5,7 @@ import { Skeleton } from 'antd';
 import TextArea from '../../node_modules/antd/es/input/TextArea.js';
 import React__default, { useState, useImperativeHandle } from 'react';
 
-const TextAreaComponent = ({ noItem, noResize, size, formClassNames, className, rows, variant, loading, disabled, readOnly, placeholder, value, defaultValue, removeError, onChange, formColLayout, name, label, required, rules, ruleType, ruleMessage, validateStatus, help, shouldUpdate, ref, }) => {
+const TextAreaComponent = ({ noItem, noResize, size, formClassNames, className, rows, variant, status, loading, disabled, readOnly, placeholder, value, defaultValue, removeError, onChange, formColLayout, name, label, required, rules, ruleType, ruleMessage, validateStatus, help, shouldUpdate, ref, }) => {
     const classTextArea = [];
     className && classTextArea.push(...className);
     noResize && classTextArea.push(styleTextArea['resize-none']);
@@ -19,7 +19,7 @@ const TextAreaComponent = ({ noItem, noResize, size, formClassNames, className,
         value: () => valueTextArea,
         setValue: () => setValueTextArea,
     }));
-    const textArea = !loading ? (jsxRuntimeExports.jsx(TextArea, { size: size, className: className === null || className === void 0 ? void 0 : className.join(' '), rows: rows, variant: variant, disabled: disabled, readOnly: readOnly, onChange: handleChange, placeholder: placeholder, value: value !== null && value !== void 0 ? value : valueTextArea })) : jsxRuntimeExports.jsx(Skeleton.Input, { block: true, active: true });
+    const textArea = !loading ? (jsxRuntimeExports.jsx(TextArea, { size: size, className: className === null || className === void 0 ? void 0 : className.join(' '), rows: rows, variant: variant, status: status, disabled: disabled, readOnly: readOnly, onChange: handleChange, placeholder: placeholder, value: value !== null && value !== void 0 ? value : valueTextArea })) : 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, shouldUpdate: shouldUpdate, children: textArea })))
             : textArea }));
 };

package/dist/esm/types/components/Card/types.d.ts

@@ -11,6 +11,7 @@ export interface CardComponentProps {
     style?: React.CSSProperties;
     styles?: CardProps['styles'];
     children?: React.ReactNode;
+    ref?: React.Ref<HTMLDivElement>;
 }
 export type CardComponentType = React.FC<CardComponentProps> & {
     Meta: React.FC<CardMetaProps>;

package/dist/esm/types/components/DatePicker/types.d.ts

@@ -13,6 +13,7 @@ export interface DatePickerComponentRef {
 interface DatePicker {
     size?: SizeType;
     variant?: Variant;
+    status?: DatePickerProps['status'];
     placeholder?: string;
     prefix?: React.ReactNode;
     prefixCls?: string[];

package/dist/esm/types/components/DateRangePicker/types.d.ts

@@ -13,6 +13,7 @@ export interface DateRangePickerComponentRef {
 interface DateRangePicker {
     size?: SizeType;
     variant?: Variant;
+    status?: DatePickerProps['status'];
     placeholder?: [string, string];
     prefix?: React.ReactNode;
     prefixCls?: string[];

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

@@ -1,5 +1,5 @@
 import { FormItemInput } from "../Form/Item";
-import { FormItemProps } from "antd";
+import { FormItemProps, InputProps } from "antd";
 import { Variant } from "antd/es/config-provider";
 import { SizeType } from "antd/es/config-provider/SizeContext";
 import { valueType } from "antd/es/statistic/utils";
@@ -17,6 +17,7 @@ interface Input {
     size?: SizeType;
     classNames?: string[];
     variant?: Variant;
+    status?: InputProps['status'];
     autoCompleteOff?: boolean;
     readOnly?: boolean;
     maxLength?: number;

package/dist/esm/types/components/Select/types.d.ts

@@ -11,6 +11,7 @@ interface Select {
     showSearch?: SelectProps['showSearch'];
     mode?: SelectProps['mode'];
     variant?: Variant;
+    status?: SelectProps['status'];
     size?: SizeType;
     suffixIcon?: React.ReactNode;
     classNames?: string[];

package/dist/esm/types/components/TextArea/types.d.ts

@@ -1,6 +1,7 @@
 import { FormItemTextArea } from "../Form/Item";
 import { Variant } from "antd/es/config-provider";
 import { SizeType } from "antd/es/config-provider/SizeContext";
+import { TextAreaProps } from "antd/es/input";
 import { valueType } from "antd/es/statistic/utils";
 import { Ref } from "react";
 export interface TextAreaComponentRef {
@@ -13,6 +14,7 @@ interface TextArea {
     className?: string[];
     rows?: number;
     variant?: Variant;
+    status?: TextAreaProps['status'];
     readOnly?: boolean;
     placeholder?: string;
     value?: valueType;

package/dist/lib/components/Card/Component.js

@@ -3,8 +3,8 @@
 var jsxRuntime = require('../../_virtual/jsx-runtime.js');
 var antd = require('antd');
 
-const CardComponent = ({ size, title, onClick, classNames, className, actions, style, styles, children, }) => {
-    return (jsxRuntime.jsxRuntimeExports.jsx(antd.Card, { size: size, title: title, onClick: onClick, className: classNames === null || classNames === void 0 ? void 0 : classNames.join(' '), classNames: className, actions: actions, style: style, styles: styles, children: children }));
+const CardComponent = ({ size, title, onClick, classNames, className, actions, style, styles, children, ref, }) => {
+    return (jsxRuntime.jsxRuntimeExports.jsx(antd.Card, { size: size, title: title, onClick: onClick, className: classNames === null || classNames === void 0 ? void 0 : classNames.join(' '), classNames: className, actions: actions, style: style, styles: styles, ref: ref, children: children }));
 };
 CardComponent.Meta = antd.Card.Meta;
 

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

@@ -8,7 +8,7 @@ var Component = require('../Form/Item/Component.js');
 var antd = require('antd');
 var React = require('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 = ({ noItem, size, variant, status, 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] = React.useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : null);
     const handleChange = (date, dateString) => {
         setValueDate(date);
@@ -25,7 +25,7 @@ const DatePickerComponent = ({ noItem, size, variant, placeholder, prefix, prefi
         classNames && className.push(...classNames);
         return className;
     }, [readOnly]);
-    const datePicker = !loading ? (jsxRuntime.jsxRuntimeExports.jsx(antd.DatePicker, { className: classDate === null || classDate === void 0 ? void 0 : classDate.join(' '), classNames: className, size: size !== null && size !== void 0 ? size : 'middle', variant: variant, placeholder: placeholder, prefix: prefix, prefixCls: prefixCls === null || prefixCls === void 0 ? void 0 : prefixCls.join(' '), suffixIcon: suffixIcon, picker: picker, format: datePickerFormat[format !== null && format !== void 0 ? format : 'default'], allowClear: !required, inputReadOnly: readOnly, readOnly: readOnly, disabled: disabled !== null && disabled !== void 0 ? disabled : readOnly, disabledDate: disabledDate, disabledTime: disabledTime, value: value !== null && value !== void 0 ? value : valueDate, onChange: handleChange, style: style })) : jsxRuntime.jsxRuntimeExports.jsx(antd.Skeleton.Input, { block: true, active: true });
+    const datePicker = !loading ? (jsxRuntime.jsxRuntimeExports.jsx(antd.DatePicker, { className: classDate === null || classDate === void 0 ? void 0 : classDate.join(' '), classNames: className, size: size !== null && size !== void 0 ? size : 'middle', variant: variant, status: status, placeholder: placeholder, prefix: prefix, prefixCls: prefixCls === null || prefixCls === void 0 ? void 0 : prefixCls.join(' '), suffixIcon: suffixIcon, picker: picker, format: datePickerFormat[format !== null && format !== void 0 ? format : 'default'], allowClear: !required, inputReadOnly: readOnly, readOnly: readOnly, disabled: disabled !== null && disabled !== void 0 ? disabled : readOnly, disabledDate: disabledDate, disabledTime: disabledTime, value: value !== null && value !== void 0 ? value : valueDate, onChange: handleChange, style: style })) : jsxRuntime.jsxRuntimeExports.jsx(antd.Skeleton.Input, { block: true, active: true });
     return (jsxRuntime.jsxRuntimeExports.jsx(jsxRuntime.jsxRuntimeExports.Fragment, { children: !noItem ? (jsxRuntime.jsxRuntimeExports.jsx(Component, 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 }));
 };

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

@@ -9,7 +9,7 @@ var antd = require('antd');
 var React = require('react');
 
 const { RangePicker } = antd.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 = ({ noItem, size, variant, status, 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] = React.useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : null);
     const handleChange = (date, dateStrings) => {
@@ -27,7 +27,7 @@ const DateRangePickerComponent = ({ noItem, size, variant, placeholder, prefix,
         classNames && className.push(...classNames);
         return className;
     }, [readOnly]);
-    const datePicker = !loading ? (jsxRuntime.jsxRuntimeExports.jsx(RangePicker, { className: classDateRange.join(' '), classNames: className, size: size !== null && size !== void 0 ? size : 'middle', variant: variant, placeholder: placeholder, prefix: prefix, prefixCls: prefixCls === null || prefixCls === void 0 ? void 0 : prefixCls.join(' '), suffixIcon: suffixIcon, picker: picker, format: datePickerFormat[format !== null && format !== void 0 ? format : 'default'], allowEmpty: !required, allowClear: !required, inputReadOnly: readOnly, readOnly: readOnly, disabled: disabled !== null && disabled !== void 0 ? disabled : readOnly, disabledDate: disabledDate, disabledTime: disabledTime, value: (_a = value !== null && value !== void 0 ? value : valueDateRange) !== null && _a !== void 0 ? _a : null, onChange: handleChange, style: style })) : jsxRuntime.jsxRuntimeExports.jsx(antd.Skeleton.Input, { block: true, active: true });
+    const datePicker = !loading ? (jsxRuntime.jsxRuntimeExports.jsx(RangePicker, { className: classDateRange.join(' '), classNames: className, size: size !== null && size !== void 0 ? size : 'middle', variant: variant, status: status, placeholder: placeholder, prefix: prefix, prefixCls: prefixCls === null || prefixCls === void 0 ? void 0 : prefixCls.join(' '), suffixIcon: suffixIcon, picker: picker, format: datePickerFormat[format !== null && format !== void 0 ? format : 'default'], allowEmpty: !required, allowClear: !required, inputReadOnly: readOnly, readOnly: readOnly, disabled: disabled !== null && disabled !== void 0 ? disabled : readOnly, disabledDate: disabledDate, disabledTime: disabledTime, value: (_a = value !== null && value !== void 0 ? value : valueDateRange) !== null && _a !== void 0 ? _a : null, onChange: handleChange, style: style })) : jsxRuntime.jsxRuntimeExports.jsx(antd.Skeleton.Input, { block: true, active: true });
     return (jsxRuntime.jsxRuntimeExports.jsx(jsxRuntime.jsxRuntimeExports.Fragment, { children: !noItem ? (jsxRuntime.jsxRuntimeExports.jsx(Component, 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 }));
 };

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

@@ -7,7 +7,7 @@ var style_module = require('./style.module.css.js');
 var antd = require('antd');
 var React = require('react');
 
-const InputComponent = React.memo(({ noItem, password, autoFocus, allowClear, size, formClassNames, classNames, variant, autoCompleteOff, loading, disabled, readOnly, maxLength, addonBefore, addonAfter, prefix, suffix, placeholder, value, removeError, onChange, onKeyDown, onPressEnter, onMouseEnter, onMouseLeave, onClick, onFocus, onBlur, defaultValue, formColLayout, name, label, uppercase, number, required, rules, ruleType, ruleMessage, ruleMin, ruleMax, validateStatus, help, shouldUpdate, ref, }) => {
+const InputComponent = React.memo(({ noItem, password, autoFocus, allowClear, size, formClassNames, classNames, variant, status, 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);
@@ -22,7 +22,7 @@ const InputComponent = React.memo(({ noItem, password, autoFocus, allowClear, si
     classNames && classInput.push(...classNames);
     uppercase && classInput.push(style_module['uppercase']);
     const InputType = !password ? antd.Input : antd.Input.Password;
-    const input = (jsxRuntime.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 input = (jsxRuntime.jsxRuntimeExports.jsx(InputType, { autoFocus: autoFocus, allowClear: allowClear, size: size, className: classInput === null || classInput === void 0 ? void 0 : classInput.join(' '), variant: variant, status: status, 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) ? (jsxRuntime.jsxRuntimeExports.jsxs(antd.Space.Compact, { children: [addonBefore, input, addonAfter] })) : input) : jsxRuntime.jsxRuntimeExports.jsx(antd.Skeleton.Input, { block: true, active: true });
     const normalize = (value, prevValue, allValues) => {
         // if (uppercase) return value.toUpperCase()

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

@@ -8,7 +8,7 @@ var React = require('react');
 var PlusOutlined = require('../../node_modules/@ant-design/icons/es/icons/PlusOutlined.js');
 
 const { Link } = antd.Typography;
-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 SelectComponent = ({ noItem, showSearch, mode, variant, status, 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] = React.useState('');
     const classNameSelect = React.useMemo(() => {
         const className = [style_module['select']];
@@ -27,7 +27,7 @@ const SelectComponent = ({ noItem, showSearch, mode, variant, size, suffixIcon,
     };
     const popupRender = menu => (jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, { children: [menu, addItem &&
                 jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, { children: [jsxRuntime.jsxRuntimeExports.jsx(antd.Divider, { className: style_module['add-item-divider'] }), jsxRuntime.jsxRuntimeExports.jsxs(antd.Space, { align: "center", className: style_module['add-item-space'], children: [jsxRuntime.jsxRuntimeExports.jsx(antd.Input, { placeholder: "Please enter item", value: addItemValue, onChange: event => setAddItemValue(event.target.value) }), jsxRuntime.jsxRuntimeExports.jsxs(Link, { className: style_module['add-item-link'], onClick: handleAddItem, children: [jsxRuntime.jsxRuntimeExports.jsx(PlusOutlined, {}), " Add item"] })] })] })] }));
-    const select = !loading ? (jsxRuntime.jsxRuntimeExports.jsx(antd.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) => {
+    const select = !loading ? (jsxRuntime.jsxRuntimeExports.jsx(antd.Select, { mode: mode, showSearch: showSearch, variant: variant, status: status, 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, 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 })) : jsxRuntime.jsxRuntimeExports.jsx(antd.Skeleton.Input, { block: true, active: true });

package/dist/lib/components/TextArea/Component.js

@@ -7,7 +7,7 @@ var antd = require('antd');
 var TextArea = require('../../node_modules/antd/es/input/TextArea.js');
 var React = require('react');
 
-const TextAreaComponent = ({ noItem, noResize, size, formClassNames, className, rows, variant, loading, disabled, readOnly, placeholder, value, defaultValue, removeError, onChange, formColLayout, name, label, required, rules, ruleType, ruleMessage, validateStatus, help, shouldUpdate, ref, }) => {
+const TextAreaComponent = ({ noItem, noResize, size, formClassNames, className, rows, variant, status, loading, disabled, readOnly, placeholder, value, defaultValue, removeError, onChange, formColLayout, name, label, required, rules, ruleType, ruleMessage, validateStatus, help, shouldUpdate, ref, }) => {
     const classTextArea = [];
     className && classTextArea.push(...className);
     noResize && classTextArea.push(style_module['resize-none']);
@@ -21,7 +21,7 @@ const TextAreaComponent = ({ noItem, noResize, size, formClassNames, className,
         value: () => valueTextArea,
         setValue: () => setValueTextArea,
     }));
-    const textArea = !loading ? (jsxRuntime.jsxRuntimeExports.jsx(TextArea, { size: size, className: className === null || className === void 0 ? void 0 : className.join(' '), rows: rows, variant: variant, disabled: disabled, readOnly: readOnly, onChange: handleChange, placeholder: placeholder, value: value !== null && value !== void 0 ? value : valueTextArea })) : jsxRuntime.jsxRuntimeExports.jsx(antd.Skeleton.Input, { block: true, active: true });
+    const textArea = !loading ? (jsxRuntime.jsxRuntimeExports.jsx(TextArea, { size: size, className: className === null || className === void 0 ? void 0 : className.join(' '), rows: rows, variant: variant, status: status, disabled: disabled, readOnly: readOnly, onChange: handleChange, placeholder: placeholder, value: value !== null && value !== void 0 ? value : valueTextArea })) : jsxRuntime.jsxRuntimeExports.jsx(antd.Skeleton.Input, { block: true, active: true });
     return (jsxRuntime.jsxRuntimeExports.jsx(jsxRuntime.jsxRuntimeExports.Fragment, { children: !noItem ? (jsxRuntime.jsxRuntimeExports.jsx(Component$1, Object.assign({}, formColLayout, { name: name, label: label, classNames: formClassNames, required: required, ruleType: ruleType, ruleMessage: ruleMessage, rules: rules, validateStatus: validateStatus, help: help, shouldUpdate: shouldUpdate, children: textArea })))
             : textArea }));
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sti-antd-package",
   "description": "STI ANT Design",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "type": "module",
   "main": "dist/lib/index.js",
   "module": "dist/esm/index.js",