x-ui-design 1.0.24 → 1.0.26

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

@@ -1,8 +1,31 @@
-import React from 'react';
-import { InputProps } from '../../types/input';
+import React, { KeyboardEvent } from 'react';
+import { SyntheticBaseEvent } from '../../types';
 import Textarea from './Textarea/Textarea';
 import './style.css';
-declare const InputComponent: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<unknown>>;
+declare const InputComponent: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "prefix"> & import("../../types").DefaultProps & {
+    addonBefore?: React.ReactNode;
+    addonAfter?: React.ReactNode;
+    size?: import("../../types").SizeType;
+    prefix?: React.ReactNode;
+    suffix?: React.ReactNode;
+    disabled?: boolean;
+    allowClear?: boolean;
+    error?: boolean;
+    bordered?: boolean;
+    iconRender?: (visible: boolean) => React.ReactElement;
+    onChange?: (event: SyntheticBaseEvent) => void;
+    onClick?: React.MouseEventHandler<HTMLElement>;
+    onMouseEnter?: React.MouseEventHandler<HTMLElement>;
+    onMouseLeave?: React.MouseEventHandler<HTMLElement>;
+    onKeyPress?: React.KeyboardEventHandler<HTMLElement>;
+    onKeyDown?: React.KeyboardEventHandler<HTMLElement>;
+    onPressEnter?: (event: KeyboardEvent<HTMLInputElement>) => void;
+    feedbackIcons?: boolean;
+    child?: React.ReactNode;
+    mask?: string;
+    maskChar?: string;
+    maskRegex?: RegExp;
+} & React.RefAttributes<any>>;
 declare const Input: typeof InputComponent & {
     TextArea: typeof Textarea;
 };

package/dist/esm/types/index.d.ts

@@ -9,7 +9,30 @@ declare const RangePicker: import("react").ComponentType<import("@/types/datepic
 declare const TimePicker: import("react").ComponentType<import("@/types/datepicker").TimePickerProps>;
 declare const Form: import("react").ComponentType<import("@/types/form").FormProps>;
 declare const FormItem: import("react").ComponentType<import("@/types/form").FormItemProps>;
-declare const Input: import("react").ComponentType<Omit<import("@/types/input").InputProps, "ref"> & import("react").RefAttributes<unknown>>;
+declare const Input: import("react").ComponentType<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size" | "prefix"> & import("@/types").DefaultProps & {
+    addonBefore?: import("react").ReactNode;
+    addonAfter?: import("react").ReactNode;
+    size?: import("@/types").SizeType;
+    prefix?: import("react").ReactNode;
+    suffix?: import("react").ReactNode;
+    disabled?: boolean;
+    allowClear?: boolean;
+    error?: boolean;
+    bordered?: boolean;
+    iconRender?: (visible: boolean) => import("react").ReactElement;
+    onChange?: (event: import("@/types").SyntheticBaseEvent) => void;
+    onClick?: import("react").MouseEventHandler<HTMLElement>;
+    onMouseEnter?: import("react").MouseEventHandler<HTMLElement>;
+    onMouseLeave?: import("react").MouseEventHandler<HTMLElement>;
+    onKeyPress?: import("react").KeyboardEventHandler<HTMLElement>;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLElement>;
+    onPressEnter?: (event: import("react").KeyboardEvent<HTMLInputElement>) => void;
+    feedbackIcons?: boolean;
+    child?: import("react").ReactNode;
+    mask?: string;
+    maskChar?: string;
+    maskRegex?: RegExp;
+} & import("react").RefAttributes<any>>;
 declare const Textarea: import("react").ComponentType<import("@/types/input").TextareaProps>;
 declare const Radio: import("react").ComponentType<import("@/types/radio").RadioProps>;
 declare const RadioButton: import("react").ComponentType<import("@/types/radio").RadioButtonProps>;

package/dist/esm/types/types/input.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties, ForwardedRef, InputHTMLAttributes, KeyboardEvent, KeyboardEventHandler, MouseEventHandler, ReactElement, ReactNode, TextareaHTMLAttributes } from 'react';
-import { DefaultProps, RuleType, SizeType, SyntheticBaseEvent } from '.';
+import { DefaultProps, SizeType, SyntheticBaseEvent } from '.';
 export type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix'> & DefaultProps & {
     addonBefore?: ReactNode;
     addonAfter?: ReactNode;
@@ -23,7 +23,6 @@ export type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'p
     mask?: string;
     maskChar?: string;
     maskRegex?: RegExp;
-    ref?: RuleType;
 };
 export type TextareaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'onResize'> & DefaultProps & {
     value?: string;

package/dist/index.d.ts

@@ -14,6 +14,8 @@ import * as __types_radio from '@/types/radio';
 export { RadioButtonProps, RadioGroupProps, RadioProps } from '@/types/radio';
 import * as __types_input from '@/types/input';
 export { InputProps, TextareaProps } from '@/types/input';
+import * as __types from '@/types';
+export { DefaultProps, MouseEventHandlerSelect, Placement, RuleType, RuleTypes, SyntheticBaseEvent, TargetProps } from '@/types';
 import * as __types_form from '@/types/form';
 export { FieldData, FieldError, FieldInstancesInputRef, FormInstance, FormItemChildComponentProps, FormProps, RuleObject, RuleRender } from '@/types/form';
 import * as __types_datepicker from '@/types/datepicker';
@@ -27,7 +29,6 @@ export { BaseButtonProps, ButtonProps, ButtonType } from '@/types/button';
 export { ArrowIcon, CalendarIcon, CheckIcon, ClearIcon, DateDistanceIcon, ErrorIcon, LoadingIcon, SearchIcon, SpinerIcon, StampleIcon, SuccessIcon, TimeIcon, TrashIcon } from '@/components/Icons';
 export { useForm } from '@/hooks/useForm';
 export { useWatch } from '@/hooks/useWatch';
-export { DefaultProps, MouseEventHandlerSelect, Placement, RuleType, RuleTypes, SyntheticBaseEvent, TargetProps } from '@/types';
 export { FormContext } from '@/components/Form/Form';
 export { clsx, createArray, parseValue } from '@/helpers';
 export { flattenChildren } from '@/helpers/flatten';
@@ -122,7 +123,30 @@ declare const RangePicker: react.ComponentType<__types_datepicker.TRangePickerPr
 declare const TimePicker: react.ComponentType<__types_datepicker.TimePickerProps>;
 declare const Form: react.ComponentType<__types_form.FormProps>;
 declare const FormItem: react.ComponentType<__types_form.FormItemProps>;
-declare const Input: react.ComponentType<Omit<__types_input.InputProps, "ref"> & react.RefAttributes<unknown>>;
+declare const Input: react.ComponentType<Omit<react.InputHTMLAttributes<HTMLInputElement>, "size" | "prefix"> & __types.DefaultProps & {
+    addonBefore?: react.ReactNode;
+    addonAfter?: react.ReactNode;
+    size?: __types.SizeType;
+    prefix?: react.ReactNode;
+    suffix?: react.ReactNode;
+    disabled?: boolean;
+    allowClear?: boolean;
+    error?: boolean;
+    bordered?: boolean;
+    iconRender?: (visible: boolean) => react.ReactElement;
+    onChange?: (event: __types.SyntheticBaseEvent) => void;
+    onClick?: react.MouseEventHandler<HTMLElement>;
+    onMouseEnter?: react.MouseEventHandler<HTMLElement>;
+    onMouseLeave?: react.MouseEventHandler<HTMLElement>;
+    onKeyPress?: react.KeyboardEventHandler<HTMLElement>;
+    onKeyDown?: react.KeyboardEventHandler<HTMLElement>;
+    onPressEnter?: (event: react.KeyboardEvent<HTMLInputElement>) => void;
+    feedbackIcons?: boolean;
+    child?: react.ReactNode;
+    mask?: string;
+    maskChar?: string;
+    maskRegex?: RegExp;
+} & react.RefAttributes<any>>;
 declare const Textarea: react.ComponentType<__types_input.TextareaProps>;
 declare const Radio: react.ComponentType<__types_radio.RadioProps>;
 declare const RadioButton: react.ComponentType<__types_radio.RadioButtonProps>;

package/dist/index.esm.js

@@ -3868,13 +3868,10 @@ const InputComponent = /*#__PURE__*/forwardRef(({
   mask,
   maskChar = MASK_CHAR,
   maskRegex = MASK_REGEX,
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   // @ts-expect-error
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   __injected,
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   defaultValue,
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   child,
   ...props
 }, ref) => {
@@ -3885,21 +3882,14 @@ const InputComponent = /*#__PURE__*/forwardRef(({
   const [iconRenderVisible, setIconRenderVisible] = useState(false);
   const animationRef = useRef(null);
   useImperativeHandle(ref, () => ({
-    focus: () => {
-      console.info('focusing');
-      inputRef.current?.focus();
-    },
-    blur: () => {
-      inputRef.current?.blur();
-    },
+    focus: () => inputRef.current?.focus(),
+    blur: () => inputRef.current?.blur(),
     input: inputRef.current,
     nativeElement: inputRef.current,
     setSelectionRange: (start, end) => {
-      if (inputRef.current) {
-        inputRef.current.setSelectionRange(start, end);
-      }
+      inputRef.current?.setSelectionRange(start, end);
     }
-  }), [ref]);
+  }));
   useEffect(() => {
     setMaskValue(mask ? applyMask(stripMask(`${value ?? ''}`, mask, maskChar), mask, maskChar).masked : value ?? '');
   }, [value, mask, maskChar]);