move required to main

Author: GrabowskiM

packages/components/src/formControls/InputText/InputText.stories.ts

@@ -58,9 +58,9 @@ export const Required: Story = {
     args: {
         helperText: 'This is a helper text',
         label: 'Input Label',
+        required: true,
         input: {
             size: 'medium',
-            required: true,
             type: 'text',
         },
     },

packages/components/src/formControls/InputText/InputText.test.stories.ts

@@ -52,9 +52,7 @@ export const NotRequired: Story = {
 export const Required: Story = {
     name: 'Required',
     args: {
-        input: {
-            required: true,
-        },
+        required: true,
     },
     play: async ({ canvasElement, step, args }) => {
         const canvas = within(canvasElement);

packages/components/src/formControls/InputText/InputText.tsx

@@ -17,9 +17,9 @@ const FormControlInputText = ({
     name,
     onChange = () => undefined,
     onValidate = () => undefined,
+    required = false,
     value = '',
 }: FormControlInputTextProps) => {
-    const required = input.required ?? false;
     const validators = useInitValidators({ required });
     const { isValid, messages } = useValidateInput({ validators, value });
     const helperTextProps = {

packages/components/src/formControls/InputText/InputText.types.ts

@@ -7,13 +7,14 @@ import { LabelProps } from '../../Label/Label.types';
 export interface FormControlInputTextProps extends BaseComponentAttributes {
     id: string;
     name: BasicInputTextProps['name'];
-    input?: Omit<BasicInputTextProps, 'error' | 'name' | 'onChange' | 'value'>;
+    input?: Omit<BasicInputTextProps, 'error' | 'name' | 'onChange' | 'required' | 'value'>;
     helperText?: HelperTextProps['children'];
     helperTextExtra?: Omit<HelperTextProps, 'children' | 'type'>;
     label?: LabelProps['children'];
     labelExtra?: Omit<LabelProps, 'children' | 'error' | 'htmlFor' | 'required'>;
     onChange?: BasicInputTextProps['onChange'];
     onValidate?: (isValid: boolean, messages: string[]) => void;
+    required?: boolean;
     value?: BasicInputTextProps['value'];
 }