@archbase/components 4.0.27 → 4.0.29

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@archbase/components",
-  "version": "4.0.27",
+  "version": "4.0.29",
   "description": "UI Components for Archbase React v3 - Form editors, data visualization, and business components",
   "author": "Edson Martins <edsonmartins2005@gmail.com>",
   "license": "MIT",
@@ -23,16 +23,16 @@
     "src"
   ],
   "peerDependencies": {
-    "@mantine/carousel": "9.2.2",
-    "@mantine/charts": "9.2.2",
-    "@mantine/code-highlight": "9.2.2",
-    "@mantine/core": "9.2.2",
-    "@mantine/dates": "9.2.2",
-    "@mantine/dropzone": "9.2.2",
-    "@mantine/form": "9.2.2",
-    "@mantine/hooks": "9.2.2",
-    "@mantine/modals": "9.2.2",
-    "@mantine/notifications": "9.2.2",
+    "@mantine/carousel": "9.3.0",
+    "@mantine/charts": "9.3.0",
+    "@mantine/code-highlight": "9.3.0",
+    "@mantine/core": "9.3.0",
+    "@mantine/dates": "9.3.0",
+    "@mantine/dropzone": "9.3.0",
+    "@mantine/form": "9.3.0",
+    "@mantine/hooks": "9.3.0",
+    "@mantine/modals": "9.3.0",
+    "@mantine/notifications": "9.3.0",
     "@tabler/icons-react": "^3.26.0",
     "react": "^18.3.0 || ^19.2.0",
     "react-dom": "^18.3.0 || ^19.2.0"
@@ -118,9 +118,9 @@
     "vis-timeline": "^7.7.3",
     "xlsx": "^0.18.5",
     "yet-another-react-lightbox": "^3.21.0",
-    "@archbase/core": "4.0.27",
-    "@archbase/data": "4.0.27",
-    "@archbase/layout": "4.0.27"
+    "@archbase/core": "4.0.29",
+    "@archbase/data": "4.0.29",
+    "@archbase/layout": "4.0.29"
   },
   "devDependencies": {
     "@types/d3": "^7.4.3",

package/src/datagrid/ag-grid/archbase-data-grid-ag.tsx

@@ -87,7 +87,10 @@ import { AgGridReact } from 'ag-grid-react';
 // Memoize AgGridReact — recommended by AG-Grid's official performance demo. This
 // is by far the biggest scroll-perf win: it skips the full AG-Grid re-render when
 // the parent re-renders but every prop reference is the same.
-const AgGridReactMemo = React.memo(AgGridReact);
+// React.memo apaga o parâmetro genérico de AgGridReact<TData> (TData vira unknown),
+// fazendo columnDefs/getRowId tipados com <T> não baterem. O cast preserva a
+// assinatura genérica original para que TData seja inferido de rowData={rows} (T[]).
+const AgGridReactMemo = React.memo(AgGridReact) as unknown as typeof AgGridReact;
 import {
   AllCommunityModule,
   ModuleRegistry,
@@ -96,6 +99,7 @@ import {
   type GridReadyEvent,
   type SelectionChangedEvent,
   type CellDoubleClickedEvent,
+  type CellFocusedEvent,
   type SortChangedEvent,
   type FilterChangedEvent,
   type RowSelectionOptions,
@@ -660,6 +664,47 @@ function ArchbaseDataGridAG<T extends object = any, ID = any>(
     [onSelectedRowsChanged, dataSource]
   );
 
+  // Cell focus handler — mantém o registro atual (cursor) do DataSource em sincronia
+  // com a linha focada, tanto no clique quanto na navegação por teclado (setas).
+  // A seleção via checkbox (onSelectionChanged) é independente e continua dirigindo
+  // ações em lote; este handler cuida apenas do cursor usado por formulários de edição.
+  // Replica o comportamento da grid anterior (evento cellFocusIn do MUI X DataGrid).
+  const onCellFocused = useCallback(
+    (event: CellFocusedEvent) => {
+      if (syncInProgress.current) return;
+      if (event.rowIndex == null) return;
+
+      const node = event.api.getDisplayedRowAtIndex(event.rowIndex);
+      const data = node?.data as T | undefined;
+      if (!data || !dataSource.gotoRecordByData) return;
+
+      // Evita sincronizar (e emitir afterScroll) quando o registro focado já é o
+      // atual do DataSource — gotoRecordByData emite o evento mesmo sem mudar o
+      // cursor, o que geraria eventos redundantes e risco de loop.
+      const currentRecord = dataSource.getCurrentRecord?.();
+      if (currentRecord) {
+        try {
+          const currentId = safeGetRowId(currentRecord, getRowId);
+          const focusedId = safeGetRowId(data, getRowId);
+          if (String(currentId) === String(focusedId)) return;
+        } catch {
+          // se a comparação falhar, segue com a sincronização
+        }
+      }
+
+      syncInProgress.current = true;
+      try {
+        dataSource.gotoRecordByData(data);
+      } catch (error) {
+        console.error('[CELL FOCUS] Error syncing with DataSource:', error);
+      }
+      setTimeout(() => {
+        syncInProgress.current = false;
+      }, 100);
+    },
+    [dataSource, getRowId]
+  );
+
   // Cell double click handler
   const onCellDoubleClicked = useCallback(
     (event: CellDoubleClickedEvent) => {
@@ -1283,6 +1328,7 @@ function ArchbaseDataGridAG<T extends object = any, ID = any>(
           rowSelection={rowSelection}
           onGridReady={onGridReady}
           onSelectionChanged={onSelectionChanged}
+          onCellFocused={onCellFocused}
           onCellDoubleClicked={onCellDoubleClicked}
           onSortChanged={onSortChanged}
           onFilterChanged={onFilterChanged}