Forms: Replace <TextArea/> component with type=textarea

Author: Huulivoide

cypress/e2e/lines.cy.ts

@@ -78,7 +78,7 @@ describe('Lines', { tags: [Tag.Lines] }, () => {
 
       // Check line text from edit page
       LineDetailsPage.getEditLineButton().click();
-      LineForm.getLineTextInput().should('have.text', 'Linjateksti');
+      LineForm.getLineTextInput().should('have.value', 'Linjateksti');
       LineForm.cancel();
     });
   });
@@ -117,7 +117,7 @@ describe('Lines', { tags: [Tag.Lines] }, () => {
 
       // Check line text from edit page
       LineDetailsPage.getEditLineButton().click();
-      LineForm.getLineTextInput().should('have.text', 'Muokattu linjateksti');
+      LineForm.getLineTextInput().should('have.value', 'Muokattu linjateksti');
       LineForm.cancel();
     });
 

ui/src/components/forms/common/TextAreaElement.tsx

@@ -16,6 +16,5 @@ export * from './NullableBooleanDropdown';
 export * from './ObservationDateInput';
 export * from './PriorityForm';
 export * from './ReasonForChangeForm';
-export * from './TextAreaElement';
 export * from './ValidationErrorList';
 export * from './ValidityPeriodForm';

ui/src/components/forms/common/index.ts

@@ -13,7 +13,6 @@ import {
   FormColumn,
   FormRow,
   InputField,
-  TextAreaElement,
   localizedStringRequired,
   requiredString,
 } from '../common';
@@ -185,15 +184,7 @@ export const LinePropertiesForm: FC<LinePropertiesFormProps> = ({
             translationPrefix="lines"
             fieldPath="description"
             testId={testIds.lineDescription}
-            // eslint-disable-next-line react/no-unstable-nested-components
-            inputElementRenderer={(props) => (
-              <TextAreaElement
-                // eslint-disable-next-line react/jsx-props-no-spreading
-                {...props}
-                fieldPath="description"
-                className="h-full"
-              />
-            )}
+            type="textarea"
           />
         </FormRow>
       </FormColumn>

ui/src/components/forms/line/LinePropertiesForm.tsx

@@ -10,7 +10,6 @@ import {
   FormActionButtons,
   InputElement,
   InputField,
-  TextAreaElement,
 } from '../../../../forms/common';
 import { useDirtyFormBlockNavigation } from '../../../../forms/common/NavigationBlocker';
 import { SignageDetailsFormState, signageDetailsFormSchema } from './schema';
@@ -98,15 +97,7 @@ const SignageDetailsFormComponent: ForwardRefRenderFunction<
               fieldPath="signageInstructionExceptions"
               testId={testIds.signageInstructionExceptions}
               className="h-full"
-              // eslint-disable-next-line react/no-unstable-nested-components, @typescript-eslint/no-unused-vars
-              inputElementRenderer={({ fieldState, ...props }) => (
-                <TextAreaElement
-                  // eslint-disable-next-line react/jsx-props-no-spreading
-                  {...props}
-                  fieldPath="signageInstructionExceptions"
-                  className="h-full"
-                />
-              )}
+              type="textarea"
             />
           </Column>
         </Row>