fix: form control class missing for text area

src/Input/TextArea.tsx

@@ -1,8 +1,8 @@
-import React, { Ref, ReactNode, TextareaHTMLAttributes } from 'react';
+import React, { ReactNode, Ref, TextareaHTMLAttributes } from 'react';
 
-import { InputContainer } from './InputContainer';
-import { getClasses, getValidationTextControlClass, useFocus } from './utils';
 import type { CSSModule } from 'reactstrap/types/lib/utils';
+import { InputContainer } from './InputContainer';
+import { getClasses, getFormControlClass, getValidationTextControlClass, useFocus } from './utils';
 
 export interface TextAreaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
   /** Etichetta del campo TextArea. */
@@ -56,6 +56,11 @@ export const TextArea = ({
 
   const extraAttributes: { ['aria-describedby']?: string } = {};
 
+  //Chiamo questa funzione per impostare classNames a 'form-control'
+  const formControlClass = getFormControlClass(
+    {},
+    cssModule
+  );
   // associate the input field with the help text
   const infoId = id ? `${id}Description` : undefined;
   if (id) {
@@ -73,6 +78,7 @@ export const TextArea = ({
       label,
       validationText,
       normalized: Boolean(normalized),
+      formControlClass,
       validationTextControlClass,
       isFocused,
       originalWrapperClass

test/Input.test.tsx

@@ -1,6 +1,6 @@
-import React from 'react';
-import { act, fireEvent, render, screen } from '@testing-library/react';
 import '@testing-library/jest-dom';
+import { act, fireEvent, render, screen } from '@testing-library/react';
+import React from 'react';
 
 import { Button, Icon, Input, preloadIcons } from '../src';
 
@@ -142,3 +142,11 @@ test('should have an left icon and right button', () => {
     if (svg) expect(svg.nodeName).toBe('svg');
   }
 });
+
+it('should have form-control as class', () => {
+  const { container } = render(
+    <Input />
+  );
+
+  expect(container.firstChild).toHaveClass('form-control');
+});

test/TextArea.test.tsx

@@ -1,6 +1,6 @@
-import React from 'react';
-import { render, screen } from '@testing-library/react';
 import '@testing-library/jest-dom';
+import { render, screen } from '@testing-library/react';
+import React from 'react';
 
 import { TextArea } from '../src';
 
@@ -34,3 +34,11 @@ test('should have a testId for resilient UI changes', () => {
 
   expect(screen.getByTestId('test-id-text-area')).toBeTruthy();
 });
+
+it('should have form-control as class', () => {
+  const { container } = render(
+    <TextArea />
+  );
+
+  expect(container.firstChild).toHaveClass('form-control');
+});

test/__snapshots__/Storybook.test.tsx.snap

@@ -20588,7 +20588,7 @@ exports[`Stories Snapshots Documentazione/Form/Input AreaDiTesto 1`] = `
       Esempio di area di testo
     </label>
     <textarea
-      class=""
+      class="form-control"
       rows="3"
     />
     <div
@@ -20611,7 +20611,7 @@ exports[`Stories Snapshots Documentazione/Form/Input AreaDiTestoConSegnaposto 1`
     </label>
     <textarea
       aria-describedby="example-textarea-placeholderDescription"
-      class=""
+      class="form-control"
       id="example-textarea-placeholder"
       placeholder="Testo di esempio"
       rows="3"