convert React Input component to TypeScript

templates/frontOffice/modern/components/React/Input/index.js → templates/frontOffice/modern/components/React/Input/Input.tsx

@@ -1,7 +1,8 @@
-import React, { forwardRef, useState } from 'react';
+import React, { Ref, forwardRef, useState } from 'react';
 
 import Error from '../Error';
 import { ReactComponent as EyeIcon } from '@icons/eye.svg';
+import { InputProps } from './Input.types';
 
 const Input = forwardRef(
   (
@@ -16,8 +17,8 @@ const Input = forwardRef(
       placeholder,
       value,
       ...props
-    },
-    ref
+    }: InputProps,
+    ref: Ref<HTMLInputElement>
   ) => {
     const [passwordVisible, setPasswordVisible] = useState(false);
 

templates/frontOffice/modern/components/React/Input/Input.types.ts

@@ -0,0 +1,14 @@
+import { InputHTMLAttributes } from 'react';
+
+export type InputProps = {
+  label: string;
+  name: string;
+  type?: string;
+  error?: any;
+  labelClassname?: string;
+  className?: string;
+  transformValue: (
+    value: InputHTMLAttributes<HTMLInputElement>['value']
+  ) => string | InputHTMLAttributes<HTMLInputElement>['value'];
+  placeholder?: string;
+} & InputHTMLAttributes<HTMLInputElement>;

templates/frontOffice/modern/components/React/Input/index.ts

@@ -0,0 +1 @@
+export { default } from './Input';