Add new prop to define max rows in DndTable (#818)

* new prop to define max rows

Signed-off-by: David BRAQUART <[email protected]>

* change comment

Signed-off-by: David BRAQUART <[email protected]>

---------

Signed-off-by: David BRAQUART <[email protected]>
Co-authored-by: Abdelsalem <[email protected]>

Author: dbraquart

src/components/dnd-table/dnd-table.tsx

@@ -200,6 +200,7 @@ interface DndTableProps {
     uploadButtonMessageId?: string;
     handleResetButton?: () => void;
     resetButtonMessageId?: string;
+    maxRows?: number;
 }
 
 export function DndTable(props: Readonly<DndTableProps>) {
@@ -224,6 +225,7 @@ export function DndTable(props: Readonly<DndTableProps>) {
         uploadButtonMessageId = undefined,
         handleResetButton = undefined,
         resetButtonMessageId = undefined,
+        maxRows = MAX_ROWS_NUMBER,
     } = props;
     const intl = useIntl();
 
@@ -259,16 +261,16 @@ export function DndTable(props: Readonly<DndTableProps>) {
     }
 
     const addNewRows = (numberOfRows: number) => {
-        // checking if not exceeding 100 steps
-        if (currentRows.length + numberOfRows > MAX_ROWS_NUMBER) {
+        // checking if not exceeding the max allowed
+        if (currentRows.length + numberOfRows > maxRows) {
             setError(arrayFormName, {
                 type: 'custom',
                 message: intl.formatMessage(
                     {
                         id: 'MaximumRowNumberError',
                     },
                     {
-                        value: MAX_ROWS_NUMBER,
+                        value: maxRows,
                     }
                 ),
             });