From 877017cf8c41ac15eb8135fa4c8daa4374024d9e Mon Sep 17 00:00:00 2001
From: webrooster <roland.vonaesch@fhnw.ch>
Date: Tue, 7 Mar 2023 09:22:45 +0100
Subject: [PATCH 1/2] fix(input, textarea): add missing attribute name

---
 .../components/form/InputForm.tsx                      |  4 ++++
 .../stories/form/InputForm.stories.tsx                 | 10 +++++++++-
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/packages/design-system-component-library-yeahyeahyeah/components/form/InputForm.tsx b/packages/design-system-component-library-yeahyeahyeah/components/form/InputForm.tsx
index 21ee7409..64ee5694 100644
--- a/packages/design-system-component-library-yeahyeahyeah/components/form/InputForm.tsx
+++ b/packages/design-system-component-library-yeahyeahyeah/components/form/InputForm.tsx
@@ -3,6 +3,7 @@ import tw, { styled } from 'twin.macro';
 import { Eye, Cancel } from '../icon/index';
 
 export interface IFormInputProps {
+  name: string;
   label?: string;
   labelSize?: 'default' | 'small';
   editType: 'input' | 'textarea';
@@ -21,6 +22,7 @@ export const InputForm: React.FC<IFormInputProps> = ({
   labelSize = 'default',
   editType = 'textarea',
   required = true,
+  name = 'formfieldname',
   type = 'text',
   placeholder = 'Placeholder',
   errorMessage,
@@ -60,6 +62,7 @@ export const InputForm: React.FC<IFormInputProps> = ({
           <FormInlineWrapperStyles>
             <InputStyles
               id={id}
+              name={name}
               placeholder={placeholder}
               type={buttonType}
               required={required}
@@ -83,6 +86,7 @@ export const InputForm: React.FC<IFormInputProps> = ({
           {label}
           <TextArea
             id={id}
+            name={name}
             placeholder={placeholder}
             required={required}
             maxLength={500}
diff --git a/packages/design-system-component-library-yeahyeahyeah/stories/form/InputForm.stories.tsx b/packages/design-system-component-library-yeahyeahyeah/stories/form/InputForm.stories.tsx
index a98178b5..6c79f5fa 100644
--- a/packages/design-system-component-library-yeahyeahyeah/stories/form/InputForm.stories.tsx
+++ b/packages/design-system-component-library-yeahyeahyeah/stories/form/InputForm.stories.tsx
@@ -53,7 +53,7 @@ const Template: ComponentStory<typeof InputForm> = (args: IFormInputProps) => {
         inputValue={inputValue}
         errorMessage={errorMessage}
         onPressEnter={handlePressEnter}
-        data-testid={'label'}
+        data-testid="label"
       />
     </>
   );
@@ -62,6 +62,9 @@ const Template: ComponentStory<typeof InputForm> = (args: IFormInputProps) => {
 export const FormInputStory = Template.bind({});
 
 FormInputStory.argTypes = {
+  name: {
+    control: 'text',
+  },
   editType: {
     control: false,
     table: {
@@ -107,6 +110,7 @@ FormInputStory.argTypes = {
 };
 
 FormInputStory.args = {
+  name: 'fieldname',
   editType: 'input',
   label: 'Label',
   required: false,
@@ -138,6 +142,9 @@ FormInputStory.storyName = 'InputForm';
 export const TextAreaStory = Template.bind({});
 
 TextAreaStory.argTypes = {
+  name: {
+    control: 'text',
+  },
   editType: {
     control: false,
     table: {
@@ -183,6 +190,7 @@ TextAreaStory.argTypes = {
 };
 
 TextAreaStory.args = {
+  name: 'fieldname',
   editType: 'textarea',
   label: 'Label',
   required: false,

From 8fe8da6285d8913224238310c11d9103f2319f42 Mon Sep 17 00:00:00 2001
From: webrooster <roland.vonaesch@fhnw.ch>
Date: Tue, 7 Mar 2023 10:02:13 +0100
Subject: [PATCH 2/2] fix(input): remove default value

---
 .../components/form/InputForm.tsx                             | 2 +-
 .../stories/form/InputForm.stories.tsx                        | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/design-system-component-library-yeahyeahyeah/components/form/InputForm.tsx b/packages/design-system-component-library-yeahyeahyeah/components/form/InputForm.tsx
index 64ee5694..93a20285 100644
--- a/packages/design-system-component-library-yeahyeahyeah/components/form/InputForm.tsx
+++ b/packages/design-system-component-library-yeahyeahyeah/components/form/InputForm.tsx
@@ -22,7 +22,7 @@ export const InputForm: React.FC<IFormInputProps> = ({
   labelSize = 'default',
   editType = 'textarea',
   required = true,
-  name = 'formfieldname',
+  name,
   type = 'text',
   placeholder = 'Placeholder',
   errorMessage,
diff --git a/packages/design-system-component-library-yeahyeahyeah/stories/form/InputForm.stories.tsx b/packages/design-system-component-library-yeahyeahyeah/stories/form/InputForm.stories.tsx
index 6c79f5fa..269566f1 100644
--- a/packages/design-system-component-library-yeahyeahyeah/stories/form/InputForm.stories.tsx
+++ b/packages/design-system-component-library-yeahyeahyeah/stories/form/InputForm.stories.tsx
@@ -110,7 +110,7 @@ FormInputStory.argTypes = {
 };
 
 FormInputStory.args = {
-  name: 'fieldname',
+  name: '',
   editType: 'input',
   label: 'Label',
   required: false,
@@ -190,7 +190,7 @@ TextAreaStory.argTypes = {
 };
 
 TextAreaStory.args = {
-  name: 'fieldname',
+  name: '',
   editType: 'textarea',
   label: 'Label',
   required: false,