From 0e35578b8090ed499838015c75337ef3a9567e68 Mon Sep 17 00:00:00 2001
From: Alberto Defendi <1369-ahl-berto@users.noreply.gitlab.inf.unibz.it>
Date: Tue, 4 May 2021 09:45:47 +0200
Subject: [PATCH] Move InputField to root
---
.../SignInForm/InputField/InputField.md | 24 --------
.../SignInForm/InputField/InputField.tsx | 60 -------------------
2 files changed, 84 deletions(-)
delete mode 100644 src/components/AuthUser/SignInForm/InputField/InputField.md
delete mode 100644 src/components/AuthUser/SignInForm/InputField/InputField.tsx
diff --git a/src/components/AuthUser/SignInForm/InputField/InputField.md b/src/components/AuthUser/SignInForm/InputField/InputField.md
deleted file mode 100644
index 895642c..0000000
--- a/src/components/AuthUser/SignInForm/InputField/InputField.md
+++ /dev/null
@@ -1,24 +0,0 @@
-Wrapper for any input field
-
-```js
-import { SubmitHandler, useForm } from 'react-hook-form';
-const { control } = useForm();
-
-<InputField
- name="password"
- control={control}
- rules={{
- minLength: 8,
- maxLength: 60,
- required: {
- value: true,
- message: 'Insert valid password',
- },
- }}
- label="Password"
- error={false}
- errorMessage="Insert valid password"
-/>
-
-
-```
diff --git a/src/components/AuthUser/SignInForm/InputField/InputField.tsx b/src/components/AuthUser/SignInForm/InputField/InputField.tsx
deleted file mode 100644
index ee002a4..0000000
--- a/src/components/AuthUser/SignInForm/InputField/InputField.tsx
+++ /dev/null
@@ -1,60 +0,0 @@
-import React, { FC } from 'react';
-import { TextField } from '@material-ui/core';
-import { Control, Controller, FieldValues } from 'react-hook-form';
-
-type Props = {
- /**
- * Name of the elemement. (ex. email, password).
- */
- name: string;
- /**
- * Aria label.
- */
- label: string;
- /**
- * Takes error from react-hook-form and is thrown if
- * the component is not valid.
- */
- error: boolean;
- /**
- * Message to display if the component is not valid.
- */
- errorMessage: string;
- /**
- * React-hook-form control.
- */
- control: Control<FieldValues> | undefined;
- /**
- * Validation rules.
- */
- rules: Partial<unknown>;
-};
-
-export const InputField: FC<Props> = (props: Props) => {
- const { name, label, error, errorMessage, control, rules } = props;
- return (
- <Controller
- name={name}
- control={control}
- rules={rules}
- render={({ onChange, value }) => (
- <TextField
- variant="outlined"
- margin="normal"
- type={name}
- required
- fullWidth
- id={name}
- label={label}
- name={name}
- onChange={onChange}
- value={value}
- autoComplete={name}
- autoFocus
- error={error}
- helperText={error && errorMessage}
- />
- )}
- />
- );
-};
--
GitLab