feat: validate on specific rows

packages/toast-ui.grid/cypress/integration/validation.spec.ts

@@ -64,6 +64,22 @@ describe('should check the validation of cell - regExp', () => {
         },
       ]);
   });
+  it('get validation result of specific rows by validate API', () => {
+    cy.gridInstance()
+      .invoke('validate', [1])
+      .should('eql', [
+        {
+          errors: [
+            {
+              columnName: 'name',
+              errorCode: ['REGEXP'],
+              errorInfo: [{ code: 'REGEXP', regExp: /[0-9]+:[0-9]/ }],
+            },
+          ],
+          rowKey: 1,
+        },
+      ]);
+  });
 });
 
 describe('should check the validation of cell - dataType: string', () => {

packages/toast-ui.grid/src/grid.tsx

@@ -1043,6 +1043,8 @@ export default class Grid implements TuiGrid {
   /**
    * Validate all data and returns the result.
    * Return value is an array which contains only rows which have invalid cell data.
+   * @param {Array<number|string>} [rowKeys] - Array of rowKeys to validate.
+   *        Validate only for the given rows, but validations that should be performed on all rows, such as unique, may not work correctly.
    * @returns {Array.<Object>} An array of error object
    * @example
    * // return value example
@@ -1074,8 +1076,8 @@ export default class Grid implements TuiGrid {
    *     }
    * ]
    */
-  public validate(): InvalidRow[] {
-    return getInvalidRows(this.store);
+  public validate(rowKeys?: RowKey[]): InvalidRow[] {
+    return getInvalidRows(this.store, rowKeys);
   }
 
   /**

packages/toast-ui.grid/src/query/validation.ts

@@ -1,39 +1,37 @@
 import { Store } from '@t/store';
-import { InvalidRow } from '@t/store/data';
+import { InvalidRow, RowKey } from '@t/store/data';
 import { makeObservable } from '../dispatch/data';
 import { isObservable } from '../helper/observable';
-import { createObservableData } from '../dispatch/lazyObservable';
-
-export function getInvalidRows(store: Store) {
-  // @TODO: find more practical way to make observable
-  createObservableData(store, true);
 
+export function getInvalidRows(store: Store, rowKeys?: RowKey[]) {
   const { data, column } = store;
   const invalidRows: InvalidRow[] = [];
 
   data.rawData.forEach((row, rowIndex) => {
-    if (!isObservable(row)) {
+    if (!isObservable(row) && (!rowKeys || rowKeys.includes(row.rowKey))) {
       makeObservable(store, rowIndex, true);
     }
   });
 
   data.viewData.forEach(({ rowKey, valueMap }) => {
-    const invalidColumns = column.validationColumns.filter(
-      ({ name }) => !!valueMap[name].invalidStates.length
-    );
-
-    if (invalidColumns.length) {
-      const errors = invalidColumns.map(({ name }) => {
-        const { invalidStates } = valueMap[name];
-
-        return {
-          columnName: name,
-          errorInfo: invalidStates,
-          errorCode: invalidStates.map(({ code }) => code),
-        };
-      });
-
-      invalidRows.push({ rowKey, errors });
+    if (!rowKeys || rowKeys?.includes(rowKey)) {
+      const invalidColumns = column.validationColumns.filter(
+        ({ name }) => !!valueMap[name].invalidStates.length
+      );
+
+      if (invalidColumns.length) {
+        const errors = invalidColumns.map(({ name }) => {
+          const { invalidStates } = valueMap[name];
+
+          return {
+            columnName: name,
+            errorInfo: invalidStates,
+            errorCode: invalidStates.map(({ code }) => code),
+          };
+        });
+
+        invalidRows.push({ rowKey, errors });
+      }
     }
   });