refactor(web): remove typescript

packages/web/src/components/TextField/index.jsx

@@ -0,0 +1,76 @@
+import * as React from 'react';
+import { Controller, useFormContext } from 'react-hook-form';
+import MuiTextField from '@mui/material/TextField';
+import IconButton from '@mui/material/IconButton';
+import InputAdornment from '@mui/material/InputAdornment';
+import ContentCopyIcon from '@mui/icons-material/ContentCopy';
+import copyInputValue from 'helpers/copyInputValue';
+const createCopyAdornment = (ref) => {
+  return (
+    <InputAdornment position="end">
+      <IconButton onClick={() => copyInputValue(ref.current)} edge="end">
+        <ContentCopyIcon color="primary" />
+      </IconButton>
+    </InputAdornment>
+  );
+};
+export default function TextField(props) {
+  const { control } = useFormContext();
+  const inputRef = React.useRef(null);
+  const {
+    required,
+    name,
+    defaultValue,
+    shouldUnregister = false,
+    clickToCopy = false,
+    readOnly = false,
+    disabled = false,
+    onBlur,
+    onChange,
+    'data-test': dataTest,
+    ...textFieldProps
+  } = props;
+  return (
+    <Controller
+      rules={{ required }}
+      name={name}
+      defaultValue={defaultValue || ''}
+      control={control}
+      shouldUnregister={shouldUnregister}
+      render={({
+        field: {
+          ref,
+          onChange: controllerOnChange,
+          onBlur: controllerOnBlur,
+          ...field
+        },
+      }) => (
+        <MuiTextField
+          {...textFieldProps}
+          {...field}
+          required={required}
+          disabled={disabled}
+          onChange={(...args) => {
+            controllerOnChange(...args);
+            onChange?.(...args);
+          }}
+          onBlur={(...args) => {
+            controllerOnBlur();
+            onBlur?.(...args);
+          }}
+          inputRef={(element) => {
+            inputRef.current = element;
+            ref(element);
+          }}
+          InputProps={{
+            readOnly,
+            endAdornment: clickToCopy ? createCopyAdornment(inputRef) : null,
+          }}
+          inputProps={{
+            'data-test': dataTest,
+          }}
+        />
+      )}
+    />
+  );
+}