x-ui-design 1.0.25 → 1.0.26

package/lib/components/Input/Input.tsx

@@ -1,6 +1,7 @@
 'use client';
 
 import React, {
+  forwardRef,
   KeyboardEvent,
   MouseEvent,
   useEffect,
@@ -17,7 +18,7 @@ import { ErrorIcon } from '../Icons/Icons';
 import { applyMask, MASK_CHAR, MASK_REGEX, stripMask } from '../../helpers/mask';
 import './style.css';
 
-const InputComponent = ({
+const InputComponent = forwardRef<RuleType, InputProps>(({
   size = 'large',
   error,
   suffix,
@@ -37,17 +38,13 @@ const InputComponent = ({
   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,
-  ref,
   ...props
-}: InputProps) => {
+}, ref) => {
   const inputRef = useRef<HTMLInputElement>(null);
   const lastKeyPressed = useRef<string | null>(null);
   const internalValue = mask ? applyMask(stripMask(`${value ?? ''}`, mask, maskChar), mask, maskChar).masked : value ?? '';
@@ -61,9 +58,7 @@ const InputComponent = ({
     input: inputRef.current,
     nativeElement: inputRef.current,
     setSelectionRange: (start: number, end: number) => {
-      if (inputRef.current) {
-        inputRef.current.setSelectionRange(start, end);
-      }
+      inputRef.current?.setSelectionRange(start, end);
     }
   }));
 
@@ -203,7 +198,7 @@ const InputComponent = ({
       ) : null}
     </div>
   );
-};
+});
 
 InputComponent.displayName = 'Input';
 

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.25",
+  "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();
         }
     }, [])