sti-antd-package 0.0.46 → 0.0.48

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

@@ -1,4 +1,4 @@
 import { CheckboxGroupComponentProps } from "./types";
 import React from "react";
-declare const _default: React.MemoExoticComponent<(<T>({ noItem, loading, disabled, options, value, defaultValue, onChange, removeError, formColLayout, name, label, formClassNames, required, rules, ruleType, ruleMessage, validateStatus, help, shouldUpdate, ref, }: CheckboxGroupComponentProps<T>) => import("react/jsx-runtime").JSX.Element)>;
+declare const _default: React.MemoExoticComponent<(<T>({ noItem, loading, disabled, options, value, defaultValue, removeError, onChange, formColLayout, name, label, formClassNames, required, rules, ruleType, ruleMessage, validateStatus, help, shouldUpdate, ref, }: CheckboxGroupComponentProps<T>) => import("react/jsx-runtime").JSX.Element)>;
 export default _default;

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

@@ -1,6 +1,6 @@
 import { CheckboxOptionType } from "antd";
 import React, { Ref } from "react";
-import { FormItemCheckboxProps } from "../../Form/Item";
+import { FormItemCheckbox } from "../../Form/Item";
 export interface CheckboxGroupComponentRef<T> {
     value: () => T[];
     setValue: React.Dispatch<React.SetStateAction<T[]>>;
@@ -12,5 +12,5 @@ interface CheckboxGroup<T> {
     onChange?: (checkedValue: T[]) => void;
     ref?: Ref<CheckboxGroupComponentRef<T>>;
 }
-export type CheckboxGroupComponentProps<T> = FormItemCheckboxProps & CheckboxGroup<T>;
+export type CheckboxGroupComponentProps<T> = FormItemCheckbox & CheckboxGroup<T>;
 export {};

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

@@ -1,4 +1,4 @@
-import { FormItemCheckboxProps } from "../Form/Item";
+import { FormItemCheckbox } from "../Form/Item";
 import { CheckboxChangeEvent } from "antd";
 import { Ref } from "react";
 export interface CheckboxComponentRef {
@@ -12,5 +12,5 @@ interface Checkbox {
     children?: React.ReactNode;
     ref?: Ref<CheckboxComponentRef>;
 }
-export type CheckboxComponentProps = FormItemCheckboxProps & Checkbox;
+export type CheckboxComponentProps = FormItemCheckbox & Checkbox;
 export {};

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

@@ -1,20 +1,16 @@
-import { DatePickerFormatType, formColLayout } from "../../constants";
+import { DatePickerFormatType } from "../../constants";
+import { FormItemDatePicker } from "../Form/Item";
 import { Variant } from "antd/es/config-provider";
 import { SizeType } from "antd/es/config-provider/SizeContext";
 import { DatePickerProps } from "antd/es/date-picker";
 import { PickerClassNames } from "antd/es/date-picker/generatePicker/interface";
-import { Rule } from "antd/es/form";
-import { ValidateStatus } from "antd/es/form/FormItem";
 import { Dayjs } from "dayjs";
-import { ShouldUpdate } from "rc-field-form/lib/Field";
-import { NamePath } from "rc-field-form/lib/interface";
 import { Ref } from "react";
 export interface DatePickerComponentRef {
     value: () => Dayjs | null;
     setValue: React.Dispatch<React.SetStateAction<Dayjs | null>>;
 }
-export interface DatePickerComponentProps {
-    noItem?: boolean;
+interface DatePicker {
     size?: SizeType;
     variant?: Variant;
     placeholder?: string;
@@ -23,26 +19,16 @@ export interface DatePickerComponentProps {
     suffixIcon?: React.ReactNode;
     picker?: DatePickerProps['picker'];
     format?: DatePickerFormatType;
-    loading?: boolean;
     readOnly?: boolean;
-    disabled?: boolean;
     disabledDate?: DatePickerProps['disabledDate'];
     disabledTime?: DatePickerProps['disabledTime'];
     value?: DatePickerProps['value'];
     defaultValue?: DatePickerProps['value'];
-    removeError?: (name?: NamePath) => void;
     onChange?: (date: Dayjs, dateStrings: string | string[]) => void;
     style?: React.CSSProperties;
-    formColLayout?: typeof formColLayout;
-    name?: NamePath;
-    label?: React.ReactNode;
     classNames?: string[];
     className?: PickerClassNames;
-    required?: boolean;
-    rules?: Rule[];
-    ruleMessage?: string;
-    validateStatus?: ValidateStatus;
-    help?: React.ReactNode;
-    shouldUpdate?: ShouldUpdate<string | string[]>;
     ref?: Ref<DatePickerComponentRef>;
 }
+export type DatePickerComponentProps = FormItemDatePicker & DatePicker;
+export {};

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

@@ -1,21 +1,18 @@
-import { DatePickerFormatType, formColLayout } from "../../constants";
+import { DatePickerFormatType } from "../../constants";
+import { FormItemDatePicker } from "../Form/Item";
 import { DatePicker, DatePickerProps } from "antd";
 import { Variant } from "antd/es/config-provider";
 import { SizeType } from "antd/es/config-provider/SizeContext";
 import { RangePickerProps } from "antd/es/date-picker";
 import { PickerClassNames } from "antd/es/date-picker/generatePicker/interface";
-import { ValidateStatus } from "antd/es/form/FormItem";
 import dayjs from "dayjs";
-import { ShouldUpdate } from "rc-field-form/lib/Field";
-import { NamePath, Rule } from "rc-field-form/lib/interface";
 import { RangeValueType } from "rc-picker/lib/PickerInput/RangePicker";
 import { Ref } from "react";
 export interface DateRangePickerComponentRef {
     value: () => RangeValueType<dayjs.Dayjs> | null;
     setValue: React.Dispatch<React.SetStateAction<RangeValueType<dayjs.Dayjs> | null>>;
 }
-export interface DateRangePickerComponentProps {
-    noItem?: boolean;
+interface DateRangePicker {
     size?: SizeType;
     variant?: Variant;
     placeholder?: [string, string];
@@ -24,26 +21,16 @@ export interface DateRangePickerComponentProps {
     suffixIcon?: React.ReactNode;
     picker?: DatePickerProps['picker'];
     format?: DatePickerFormatType;
-    loading?: boolean;
     readOnly?: boolean;
-    disabled?: boolean;
     disabledDate?: RangePickerProps['disabledDate'];
     disabledTime?: RangePickerProps['disabledTime'];
     value?: RangePickerProps['value'];
     defaultValue?: RangePickerProps['value'];
-    removeError?: (name?: NamePath) => void;
     onChange?: (date: Parameters<NonNullable<React.ComponentProps<typeof DatePicker.RangePicker>['onChange']>>[0], dateStrings: Parameters<NonNullable<React.ComponentProps<typeof DatePicker.RangePicker>['onChange']>>[1]) => void;
     style?: React.CSSProperties;
-    formColLayout?: typeof formColLayout;
-    name?: NamePath;
-    label?: React.ReactNode;
     classNames?: string[];
     className?: PickerClassNames;
-    required?: boolean;
-    rules?: Rule[];
-    ruleMessage?: string;
-    validateStatus?: ValidateStatus;
-    help?: React.ReactNode;
-    shouldUpdate?: ShouldUpdate<string | string[]>;
     ref?: Ref<DateRangePickerComponentRef>;
 }
+export type DateRangePickerComponentProps = FormItemDatePicker & DateRangePicker;
+export {};

package/dist/components/Form/Item/types.d.ts

@@ -3,7 +3,7 @@ import { ValidateStatus } from "antd/es/form/FormItem";
 import { ShouldUpdate } from "rc-field-form/lib/Field";
 import { EventArgs, NamePath, Rule, RuleObject, Store, StoreValue } from "rc-field-form/lib/interface";
 import React from "react";
-interface FormItemDefaultProps {
+interface FormItemDefault {
     noItem?: boolean;
     loading?: boolean;
     disabled?: boolean;
@@ -14,19 +14,29 @@ interface FormItemDefaultProps {
     formClassNames?: string[];
     required?: boolean;
 }
-interface FormItemRulesDefaultProps {
+interface FormItemRulesAndMessage {
     rules?: Rule[];
-    ruleType?: RuleObject['type'];
     ruleMessage?: string;
 }
-interface FormItemValidateHelpProps {
+type FormItemRulesDefault = FormItemRulesAndMessage & {
+    ruleType?: RuleObject['type'];
+};
+interface FormItemValidateHelp {
     validateStatus?: ValidateStatus;
     help?: React.ReactNode;
 }
-export type FormItemCheckboxProps = FormItemDefaultProps & FormItemRulesDefaultProps & FormItemValidateHelpProps & {
+interface FormItemShouldUpdate {
     shouldUpdate?: ShouldUpdate<string | string[]>;
-};
-export type FormItemDraggerProps = FormItemDefaultProps & FormItemRulesDefaultProps & FormItemValidateHelpProps;
+}
+export type FormItemInput = FormItemDefault & FormItemRulesDefault & FormItemValidateHelp;
+export type FormItemTextArea = FormItemDefault & FormItemRulesDefault & FormItemValidateHelp & FormItemShouldUpdate;
+export type FormItemNumberFormat = FormItemDefault & FormItemRulesAndMessage & FormItemValidateHelp & FormItemShouldUpdate;
+export type FormItemSelect = FormItemDefault & FormItemRulesDefault & FormItemValidateHelp;
+export type FormItemRadio = FormItemDefault & FormItemRulesDefault & FormItemValidateHelp;
+export type FormItemCheckbox = FormItemDefault & FormItemRulesDefault & FormItemValidateHelp & FormItemShouldUpdate;
+export type FormItemSwitch = FormItemDefault & FormItemRulesAndMessage & FormItemValidateHelp & FormItemShouldUpdate;
+export type FormItemDatePicker = FormItemDefault & FormItemRulesAndMessage & FormItemValidateHelp & FormItemShouldUpdate;
+export type FormItemUploadDragger = FormItemDefault & FormItemRulesDefault & FormItemValidateHelp;
 export interface FormItemComponentProps {
     noItem?: boolean;
     formColLayout?: typeof formColLayout;

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

@@ -1,11 +1,6 @@
+import { FormItemInput } from "../../Form/Item";
 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;
+interface OTP {
     size?: SizeType;
     classNames?: string[];
     variant?: "outlined" | "borderless" | "filled" | "underlined";
@@ -14,7 +9,6 @@ export interface OTPProps {
     length?: number;
     value?: string;
     defaultValue?: string;
-    removeError?: (name?: NamePath) => void;
     onChange?: (value: string) => void;
     onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
     onMouseEnter?: React.MouseEventHandler<HTMLInputElement>;
@@ -22,13 +16,6 @@ export interface OTPProps {
     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;
 }
+export type OTPProps = FormItemInput & OTP;
+export {};

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

@@ -1,17 +1,14 @@
-import { formColLayout } from "../../constants";
+import { FormItemInput } from "../Form/Item";
 import { Variant } from "antd/es/config-provider";
 import { SizeType } from "antd/es/config-provider/SizeContext";
-import { ValidateStatus } from "antd/es/form/FormItem";
 import { valueType } from "antd/es/statistic/utils";
 import { ShouldUpdate } from "rc-field-form/lib/Field";
-import { NamePath, Rule, RuleObject } from "rc-field-form/lib/interface";
 import { Ref } from "react";
 export interface InputComponentRef {
     value: () => valueType;
     setValue: React.Dispatch<React.SetStateAction<valueType>>;
 }
-export interface InputComponentProps {
-    noItem?: boolean;
+interface Input {
     password?: boolean;
     autoFocus?: boolean;
     allowClear?: boolean | {
@@ -21,8 +18,6 @@ export interface InputComponentProps {
     classNames?: string[];
     variant?: Variant;
     autoCompleteOff?: boolean;
-    loading?: boolean;
-    disabled?: boolean;
     readOnly?: boolean;
     maxLength?: number;
     addonBefore?: React.ReactNode;
@@ -32,7 +27,6 @@ export interface InputComponentProps {
     placeholder?: string;
     value?: valueType;
     defaultValue?: valueType;
-    removeError?: (name?: NamePath) => void;
     onChange?: React.ChangeEventHandler<HTMLInputElement>;
     onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
     onPressEnter?: React.KeyboardEventHandler<HTMLInputElement>;
@@ -41,19 +35,12 @@ export interface InputComponentProps {
     onClick?: React.MouseEventHandler<HTMLInputElement>;
     onFocus?: React.FocusEventHandler<HTMLInputElement>;
     onBlur?: React.FocusEventHandler<HTMLInputElement>;
-    formColLayout?: typeof formColLayout;
-    name?: NamePath;
-    label?: React.ReactNode;
     uppercase?: boolean;
     number?: boolean;
-    required?: boolean;
-    rules?: Rule[];
-    ruleType?: RuleObject['type'];
-    ruleMessage?: string;
     ruleMin?: number;
     ruleMax?: number;
-    validateStatus?: ValidateStatus;
-    help?: React.ReactNode;
     shouldUpdate?: ShouldUpdate<string | string[]>;
     ref?: Ref<InputComponentRef>;
 }
+export type InputComponentProps = FormItemInput & Input;
+export {};

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

@@ -1,17 +1,13 @@
-import { formColLayout } from "../../constants";
+import { FormItemNumberFormat } from "../Form/Item";
 import { SizeType } from "antd/es/config-provider/SizeContext";
-import { ValidateStatus } from "antd/es/form/FormItem";
 import { valueType } from "antd/es/statistic/utils";
-import { ShouldUpdate } from "rc-field-form/lib/Field";
-import { NamePath, Rule } from "rc-field-form/lib/interface";
 import { Ref } from "react";
 import { OnValueChange } from "react-number-format";
 export interface NumberFormatComponentRef {
     value: () => valueType;
     setValue: React.Dispatch<React.SetStateAction<valueType>>;
 }
-export interface NumberFormatComponentProps {
-    noItem?: boolean;
+interface NumberFormat {
     text?: boolean;
     size?: SizeType;
     align?: 'right';
@@ -21,12 +17,10 @@ export interface NumberFormatComponentProps {
     prefix?: string;
     suffix?: string;
     placeholder?: string;
-    disabled?: boolean;
     readOnly?: boolean;
     allowNegative?: boolean;
     value?: valueType;
     defaultValue?: valueType;
-    removeError?: (name?: NamePath) => void;
     onValueChange?: OnValueChange;
     onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
     style?: React.CSSProperties;
@@ -36,16 +30,9 @@ export interface NumberFormatComponentProps {
     onMouseLeave?: React.MouseEventHandler<HTMLDivElement>;
     onFocus?: React.FocusEventHandler<HTMLDivElement>;
     onClick?: React.MouseEventHandler<HTMLDivElement>;
-    formColLayout?: typeof formColLayout;
-    name?: NamePath;
-    label?: React.ReactNode;
-    required?: boolean;
-    rules?: Rule[];
-    ruleMessage?: string;
     ruleMin?: number;
     ruleMax?: number;
-    validateStatus?: ValidateStatus;
-    help?: React.ReactNode;
-    shouldUpdate?: ShouldUpdate<string | string[]>;
     ref?: Ref<NumberFormatComponentRef>;
 }
+export type NumberFormatComponentProps = FormItemNumberFormat & NumberFormat;
+export {};

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

@@ -1,4 +1,4 @@
 import { RadioComponentProps } from "./types";
 import React from "react";
-declare const _default: React.MemoExoticComponent<(<T>({ buttonStyle, options, optionType, onChange, noItem, loading, disabled, removeError, formColLayout, name, label, required, rules, ruleType, ruleMessage, validateStatus, help, }: RadioComponentProps<T>) => import("react/jsx-runtime").JSX.Element)>;
+declare const _default: React.MemoExoticComponent<(<T>({ noItem, loading, disabled, buttonStyle, formClassNames, options, optionType, removeError, onChange, formColLayout, name, label, required, rules, ruleType, ruleMessage, validateStatus, help, }: RadioComponentProps<T>) => import("react/jsx-runtime").JSX.Element)>;
 export default _default;

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

@@ -1,24 +1,11 @@
-import { formColLayout } from "../../constants";
+import { FormItemRadio } from "../Form/Item";
 import { CheckboxOptionType, RadioChangeEvent } from "antd";
-import { ValidateStatus } from "antd/es/form/FormItem";
 import { RadioGroupButtonStyle, RadioGroupOptionType } from "antd/lib/radio";
-import { NamePath, Rule, RuleObject } from "rc-field-form/lib/interface";
-export interface RadioComponentProps<T> {
+interface Radio<T> {
     buttonStyle?: RadioGroupButtonStyle;
     options?: (CheckboxOptionType<T> | string | number)[];
     optionType?: RadioGroupOptionType;
     onChange?: (event: RadioChangeEvent) => void;
-    noItem?: boolean;
-    loading?: boolean;
-    disabled?: boolean;
-    removeError?: (name?: NamePath) => void;
-    formColLayout?: typeof formColLayout;
-    name?: NamePath;
-    label?: React.ReactNode;
-    required?: boolean;
-    rules?: Rule[];
-    ruleType?: RuleObject['type'];
-    ruleMessage?: string;
-    validateStatus?: ValidateStatus;
-    help?: React.ReactNode;
 }
+export type RadioComponentProps<T> = FormItemRadio & Radio<T>;
+export {};

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

@@ -1,32 +1,25 @@
-import { formColLayout } from "../../constants";
+import { FormItemSelect } from "../Form/Item";
 import { SelectProps } from "antd";
 import { Variant } from "antd/es/config-provider";
 import { SizeType } from "antd/es/config-provider/SizeContext";
-import { Rule, RuleObject } from "antd/es/form";
-import { ValidateStatus } from "antd/es/form/FormItem";
 import { DefaultOptionType } from "antd/es/select";
-import { NamePath } from "rc-field-form/lib/interface";
-export type SelectOption = (DefaultOptionType & {
+export type SelectOption = DefaultOptionType & {
     text?: React.ReactNode;
     encryption_id?: string;
-});
-export interface SelectComponentProps {
-    noItem?: boolean;
+};
+interface Select {
     showSearch?: boolean;
     mode?: SelectProps['mode'];
     variant?: Variant;
     size?: SizeType;
     suffixIcon?: React.ReactNode;
     classNames?: string[];
-    loading?: boolean;
     readOnly?: boolean;
-    disabled?: boolean;
     open?: boolean;
     filterOption?: SelectProps['filterOption'];
     placeholder?: React.ReactNode;
     value?: any;
     defaultValue?: any;
-    removeError?: (name?: NamePath) => void;
     onChange?: (value: any, option?: SelectOption | SelectOption[]) => void;
     onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;
     onSearch?: (value: string) => void;
@@ -38,13 +31,6 @@ export interface SelectComponentProps {
     addItem?: {
         onClick?: (value: string) => void;
     };
-    formColLayout?: typeof formColLayout;
-    name?: string | string[];
-    label?: React.ReactNode;
-    required?: boolean;
-    rules?: Rule[];
-    ruleType?: RuleObject['type'];
-    ruleMessage?: string;
-    validateStatus?: ValidateStatus;
-    help?: React.ReactNode;
 }
+export type SelectComponentProps = FormItemSelect & Select;
+export {};

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

@@ -1,27 +1,13 @@
-import { formColLayout } from "../../constants";
-import { ValidateStatus } from "antd/es/form/FormItem";
-import { ShouldUpdate } from "rc-field-form/lib/Field";
-import { NamePath, Rule } from "rc-field-form/lib/interface";
+import { FormItemSwitch } from "../Form/Item";
 import React from "react";
-export interface SwitchComponentProps {
-    noItem?: boolean;
+interface Switch {
     icon?: boolean;
     checkedChildren?: React.ReactNode;
     unCheckedChildren?: React.ReactNode;
-    loading?: boolean;
-    disabled?: boolean;
     value?: boolean;
     checked?: boolean;
     defaultChecked?: boolean;
-    removeError?: (name?: NamePath) => void;
     onChange?: (checked: boolean, event: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>) => void;
-    formColLayout?: typeof formColLayout;
-    name?: NamePath;
-    label?: React.ReactNode;
-    required?: boolean;
-    rules?: Rule[];
-    ruleMessage?: string;
-    validateStatus?: ValidateStatus;
-    shouldUpdate?: ShouldUpdate<string | string[]>;
-    help?: React.ReactNode;
 }
+export type SwitchComponentProps = FormItemSwitch & Switch;
+export {};

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

@@ -1,39 +1,24 @@
-import { formColLayout } from "../../constants";
+import { FormItemTextArea } from "../Form/Item";
 import { Variant } from "antd/es/config-provider";
 import { SizeType } from "antd/es/config-provider/SizeContext";
-import { ValidateStatus } from "antd/es/form/FormItem";
 import { valueType } from "antd/es/statistic/utils";
-import { ShouldUpdate } from "rc-field-form/lib/Field";
-import { NamePath, Rule, RuleObject } from "rc-field-form/lib/interface";
 import { Ref } from "react";
 export interface TextAreaComponentRef {
     value: () => valueType;
     setValue: React.Dispatch<React.SetStateAction<valueType>>;
 }
-export interface TextAreaComponentProps {
-    noItem?: boolean;
+interface TextArea {
     noResize?: boolean;
     size?: SizeType;
     className?: string[];
     rows?: number;
     variant?: Variant;
-    loading?: boolean;
-    disabled?: boolean;
     readOnly?: boolean;
     placeholder?: string;
     value?: valueType;
     defaultValue?: valueType;
-    removeError?: (name?: NamePath) => void;
     onChange?: React.ChangeEventHandler<HTMLTextAreaElement>;
-    formColLayout?: typeof formColLayout;
-    name?: NamePath;
-    label?: React.ReactNode;
-    required?: boolean;
-    rules?: Rule[];
-    ruleType?: RuleObject['type'];
-    ruleMessage?: string;
-    validateStatus?: ValidateStatus;
-    help?: React.ReactNode;
-    shouldUpdate?: ShouldUpdate<string | string[]>;
     ref?: Ref<TextAreaComponentRef>;
 }
+export type TextAreaComponentProps = FormItemTextArea & TextArea;
+export {};

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

@@ -1,4 +1,4 @@
-import { FormItemDraggerProps } from "../../Form/Item";
+import { FormItemUploadDragger } from "../../Form/Item";
 import { RcFile } from "antd/es/upload";
 import { UploadChangeParam, UploadFile, UploadListType } from "antd/es/upload/interface";
 import { UploadRequestOption } from "rc-upload/lib/interface";
@@ -17,5 +17,5 @@ interface UploadDragger {
     onDrop?: (event: React.DragEvent<HTMLDivElement>) => void;
     defaultFileList?: UploadFile<any>[];
 }
-export type UploadDraggerComponentProps = FormItemDraggerProps & UploadDragger;
+export type UploadDraggerComponentProps = FormItemUploadDragger & UploadDragger;
 export {};