design-react-kit 5.4.0 → 5.4.1

package/dist/types/Input/TextArea.d.ts

@@ -1,4 +1,4 @@
-import React, { Ref, ReactNode, TextareaHTMLAttributes } from 'react';
+import React, { ReactNode, Ref, TextareaHTMLAttributes } from 'react';
 import type { CSSModule } from 'reactstrap/types/lib/utils';
 export interface TextAreaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
     /** Etichetta del campo TextArea. */

package/package.json

@@ -24,7 +24,7 @@
   "bugs": {
     "url": "https://github.com/italia/design-react-kit/issues"
   },
-  "version": "5.4.0",
+  "version": "5.4.1",
   "license": "BSD-3",
   "type": "module",
   "module": "./dist/index.js",

package/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

package/src/Input/utils.tsx

@@ -1,5 +1,5 @@
 import classNames from 'classnames';
-import { useState, useCallback } from 'react';
+import { useCallback, useState } from 'react';
 import type { CSSModule } from 'reactstrap/types/lib/utils';
 import { mapToCssModules } from '../utils';
 import type { InputProps } from './Input';
@@ -98,7 +98,7 @@ export function getClasses(
     ),
     cssModule
   );
-  const wrapperClass = mapToCssModules(classNames(className, originalWrapperClass, 'form-group'), cssModule);
+  const wrapperClass = mapToCssModules(classNames(originalWrapperClass, 'form-group'), cssModule);
   const validationTextClass = mapToCssModules(
     classNames(
       {