feat(design-system): add rows prop

packages/design-system/CHANGELOG.md

@@ -54,6 +54,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 - **Offcanvas:** NEW Offcanvas component.
 - **FormCheckbox:** modify Props Interface to allow any react node as `label` prop.
 - **RichTextEditor:** NEW Rich Text Editor component.
+- **FormTextArea:** modify Props Interface to allow `rows` prop.
 
 # [1.1.0](https://github.com/IQSS/dataverse-frontend/compare/@iqss/[email protected]...@iqss/[email protected]) (2024-03-12)
 

packages/design-system/src/lib/components/form/form-group/form-element/FormTextArea.tsx

@@ -2,23 +2,24 @@ import { Form as FormBS } from 'react-bootstrap'
 import * as React from 'react'
 
 export type FormInputElement = HTMLInputElement | HTMLTextAreaElement
-export interface FormTextAreaProps extends Omit<React.HTMLAttributes<FormInputElement>, 'rows'> {
+export interface FormTextAreaProps extends React.HTMLAttributes<FormInputElement> {
   name?: string
   disabled?: boolean
   isValid?: boolean
   isInvalid?: boolean
   value?: string
   autoFocus?: boolean
+  rows?: number
 }
 
 export const FormTextArea = React.forwardRef(function FormTextArea(
-  { name, disabled, isValid, isInvalid, value, autoFocus, ...props }: FormTextAreaProps,
+  { name, disabled, isValid, isInvalid, value, autoFocus, rows = 5, ...props }: FormTextAreaProps,
   ref
 ) {
   return (
     <FormBS.Control
       as="textarea"
-      rows={5}
+      rows={rows}
       disabled={disabled}
       name={name}
       isValid={isValid}