@comitor/ui 3.6.0 → 3.6.2

package/dist/data-grid/use-data-grid.js

@@ -1477,8 +1477,8 @@ function useDataGrid({
     },
     [store, propsRef]
   );
-  const onRowSelectionChange = React.useCallback(
-    (updater) => {
+  const applyRowSelection = React.useCallback(
+    (updater, keepFocus) => {
       const currentState = store.getState();
       const newRowSelection = typeof updater === "function" ? updater(currentState.rowSelection) : updater;
       const selectedCells = getRowSelectionCells(
@@ -1493,13 +1493,17 @@ function useDataGrid({
           selectionRange: null,
           isSelecting: false
         });
-        store.setState("focusedCell", null);
+        if (!keepFocus) store.setState("focusedCell", null);
         store.setState("editingCell", null);
       });
       propsRef.current.onRowSelectionChange?.(updater);
     },
     [store, columnIds, propsRef]
   );
+  const onRowSelectionChange = React.useCallback(
+    (updater) => applyRowSelection(updater, false),
+    [applyRowSelection]
+  );
   const onRowSelect = React.useCallback(
     (rowId, selected, shiftKey) => {
       const currentState = store.getState();
@@ -1521,22 +1525,28 @@ function useDataGrid({
               newRowSelection[row.id] = selected;
             }
           }
-          onRowSelectionChange(newRowSelection);
+          applyRowSelection(newRowSelection, true);
         } else {
-          onRowSelectionChange({
-            ...currentState.rowSelection,
-            [currentRow.id]: selected
-          });
+          applyRowSelection(
+            {
+              ...currentState.rowSelection,
+              [currentRow.id]: selected
+            },
+            true
+          );
         }
       } else {
-        onRowSelectionChange({
-          ...currentState.rowSelection,
-          [currentRow.id]: selected
-        });
+        applyRowSelection(
+          {
+            ...currentState.rowSelection,
+            [currentRow.id]: selected
+          },
+          true
+        );
       }
       store.setState("lastClickedRowId", rowId);
     },
-    [store, onRowSelectionChange]
+    [store, applyRowSelection]
   );
   const onRowHeightChange = React.useCallback(
     (updater) => {
@@ -1628,6 +1638,12 @@ function useDataGrid({
       getIsSearchMatch,
       getIsActiveSearchMatch,
       getVisualRowIndex,
+      /*
+       * Dời focus tới một ô mà KHÔNG đụng lựa chọn (thêm ở `3.6.1`) — cho phím di chuyển của app (`J`/`K`).
+       * `onCellClick` không dùng được cho việc đó: nó là đường của CÚ BẤM, nên xoá lựa chọn dòng và mở trình
+       * sửa khi bấm lại ô đang focus. Không cuộn — gọi kèm `scrollToCell` nếu ô có thể nằm ngoài khung.
+       */
+      focusCell,
       scrollToCell: (rowIndex, columnId, align = "auto") => {
         const container = dataGridRef.current;
         if (!container) return;
@@ -1690,6 +1706,7 @@ function useDataGrid({
     getIsSearchMatch,
     getIsActiveSearchMatch,
     getVisualRowIndex,
+    focusCell,
     onRowHeightChange,
     onRowSelect,
     onDataUpdate,