[bulk-textarea] UIK-3152 rows count changes after clearAll by button

semrush · Jan 14, 2025 · ae033d3 · ae033d3
1 parent 41952cc
commit ae033d3
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 9 deletions.
diff --git a/semcore/bulk-textarea/src/BulkTextarea.tsx b/semcore/bulk-textarea/src/BulkTextarea.tsx
@@ -76,7 +76,7 @@ class BulkTextareaRoot extends Component<
       readonly,
       pasteProps,
     } = this.asProps;
-    const { errors, errorIndex, showErrors, lastError } = this.state;
+    const { errors, errorIndex, showErrors, lastError, rowsCount } = this.state;
 
     return {
       value,
@@ -90,6 +90,7 @@ class BulkTextareaRoot extends Component<
       placeholder,
       lastError,
       pasteProps,
+      rowsCount,
       onChangeRowsCount: this.handleChangeRowsCount,
       onEnterNextRow: () => {
         if (validateOn?.includes('enterNextRow')) {

diff --git a/semcore/bulk-textarea/src/components/InputField/InputField.tsx b/semcore/bulk-textarea/src/components/InputField/InputField.tsx
@@ -31,6 +31,7 @@ class InputField extends Component<InputFieldProps, {}, State, typeof InputField
     minRows: 2,
     maxRows: 10,
     defaultShowErrors: false,
+    defaultRowsCount: 0,
   };
 
   delimiter = '\n';
@@ -55,7 +56,6 @@ class InputField extends Component<InputFieldProps, {}, State, typeof InputField
   isFocusing = false;
 
   rowsCountTimeout = 0;
-  rowsCount = 0;
 
   state = {
     visibleErrorPopper: false,
@@ -83,6 +83,7 @@ class InputField extends Component<InputFieldProps, {}, State, typeof InputField
   uncontrolledProps() {
     return {
       value: null,
+      rowsCount: null,
     };
   }
 
@@ -685,8 +686,8 @@ class InputField extends Component<InputFieldProps, {}, State, typeof InputField
     }
 
     this.rowsCountTimeout = window.setTimeout(() => {
-      let rowsCount = 0;
-      const { ofRows } = this.asProps;
+      let rows = 0;
+      const { ofRows, rowsCount } = this.asProps;
 
       this.textarea.childNodes.forEach((node, index) => {
         if (node instanceof HTMLParagraphElement) {
@@ -696,18 +697,17 @@ class InputField extends Component<InputFieldProps, {}, State, typeof InputField
             node.textContent !== this.getEmptyParagraph().textContent &&
             node.textContent !== ''
           ) {
-            rowsCount++;
+            rows++;
 
-            if (rowsCount > ofRows) {
+            if (rows > ofRows) {
               node.dataset.overMaxRows = 'true';
             }
           }
         }
       });
 
-      if (this.rowsCount !== rowsCount) {
-        this.rowsCount = rowsCount;
-        this.asProps.onChangeRowsCount(rowsCount);
+      if (rowsCount !== rows) {
+        this.asProps.onChangeRowsCount(rows);
       }
     }, 100);
   }

diff --git a/semcore/bulk-textarea/src/components/InputField/InputField.types.ts b/semcore/bulk-textarea/src/components/InputField/InputField.types.ts
@@ -120,6 +120,10 @@ export type InputFieldProps = {
    */
   currentRowIndex: number;
 
+  /**
+   * Internal
+   */
+  rowsCount: number;
   /**
    * Internal
    */