x-ui-design 1.0.24 → 1.0.26

package/lib/components/Input/Input.tsx

@@ -18,7 +18,7 @@ import { ErrorIcon } from '../Icons/Icons';
 import { applyMask, MASK_CHAR, MASK_REGEX, stripMask } from '../../helpers/mask';
 import './style.css';
 
-const InputComponent = forwardRef(({
+const InputComponent = forwardRef<RuleType, InputProps>(({
   size = 'large',
   error,
   suffix,
@@ -38,16 +38,13 @@ const InputComponent = 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
-}: InputProps, ref) => {
+}, ref) => {
   const inputRef = useRef<HTMLInputElement>(null);
   const lastKeyPressed = useRef<string | null>(null);
   const internalValue = mask ? applyMask(stripMask(`${value ?? ''}`, mask, maskChar), mask, maskChar).masked : value ?? '';
@@ -56,21 +53,14 @@ const InputComponent = forwardRef(({
   const animationRef = useRef<number | null>(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: number, end: number) => {
-      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 ?? ''));

package/lib/types/input.ts

@@ -9,7 +9,7 @@ import {
     ReactNode,
     TextareaHTMLAttributes
 } from 'react';
-import { DefaultProps, RuleType, SizeType, SyntheticBaseEvent } from '.';
+import { DefaultProps, SizeType, SyntheticBaseEvent } from '.';
 
 export type InputProps = Omit<
     InputHTMLAttributes<HTMLInputElement>,
@@ -38,7 +38,6 @@ export type InputProps = Omit<
         mask?: string;
         maskChar?: string;
         maskRegex?: RegExp;
-        ref?: RuleType;
     };
 
 export type TextareaProps = Omit<

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "x-ui-design",
-  "version": "1.0.24",
+  "version": "1.0.26",
   "license": "ISC",
   "author": "Gabriel Boyajyan",
   "main": "dist/index.js",

package/src/app/page.tsx

@@ -1,10 +1,5 @@
 'use client'
 
-import { Result } from "../../lib/components/Result";
-import { Button } from '../../lib/components/Button';
-import { Popover } from '../../lib/components/Popover';
-import { Select } from "../../lib/components/Select";
-import Option from "../../lib/components/Select/Option/Option";
 import Input from "../../lib/components/Input/Input";
 import { useEffect, useRef } from "react";
 
@@ -14,7 +9,7 @@ export default function Home() {
     useEffect(() => {
         if (ref.current) {
             console.log(ref.current);
-                        
+
             ref.current.focus();
         }
     }, [])