x-ui-design 1.0.23 → 1.0.24

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

@@ -2,13 +2,7 @@ import React from 'react';
 import { InputProps } from '../../types/input';
 import Textarea from './Textarea/Textarea';
 import './style.css';
-declare const InputComponent: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<HTMLInputElement | {
-    focus: () => void;
-    blur: () => void;
-    input: HTMLInputElement | null;
-    nativeElement: HTMLInputElement | null;
-    setSelectionRange: (start: number, end: number) => void;
-}>>;
+declare const InputComponent: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<unknown>>;
 declare const Input: typeof InputComponent & {
     TextArea: typeof Textarea;
 };

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

@@ -9,13 +9,7 @@ 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<HTMLInputElement | {
-    focus: () => void;
-    blur: () => void;
-    input: HTMLInputElement | null;
-    nativeElement: HTMLInputElement | null;
-    setSelectionRange: (start: number, end: number) => void;
-}>>;
+declare const Input: import("react").ComponentType<Omit<import("@/types/input").InputProps, "ref"> & import("react").RefAttributes<unknown>>;
 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/index.d.ts

@@ -122,13 +122,7 @@ 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<HTMLInputElement | {
-    focus: () => void;
-    blur: () => void;
-    input: HTMLInputElement | null;
-    nativeElement: HTMLInputElement | null;
-    setSelectionRange: (start: number, end: number) => void;
-}>>;
+declare const Input: react.ComponentType<Omit<__types_input.InputProps, "ref"> & react.RefAttributes<unknown>>;
 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

@@ -3872,7 +3872,9 @@ const InputComponent = /*#__PURE__*/forwardRef(({
   // @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) => {
@@ -3883,14 +3885,21 @@ const InputComponent = /*#__PURE__*/forwardRef(({
   const [iconRenderVisible, setIconRenderVisible] = useState(false);
   const animationRef = useRef(null);
   useImperativeHandle(ref, () => ({
-    focus: () => inputRef.current?.focus(),
-    blur: () => inputRef.current?.blur(),
+    focus: () => {
+      console.info('focusing');
+      inputRef.current?.focus();
+    },
+    blur: () => {
+      inputRef.current?.blur();
+    },
     input: inputRef.current,
     nativeElement: inputRef.current,
     setSelectionRange: (start, end) => {
-      inputRef.current?.setSelectionRange(start, end);
+      if (inputRef.current) {
+        inputRef.current.setSelectionRange(start, end);
+      }
     }
-  }), [inputRef]);
+  }), [ref]);
   useEffect(() => {
     setMaskValue(mask ? applyMask(stripMask(`${value ?? ''}`, mask, maskChar), mask, maskChar).masked : value ?? '');
   }, [value, mask, maskChar]);