@toolbox-web/grid-react 0.13.2 → 0.15.0

package/features/undo-redo.d.ts

@@ -1,18 +1,18 @@
-import { EditAction } from '@toolbox-web/grid/plugins/undo-redo';
+import { UndoRedoAction } from '@toolbox-web/grid/plugins/undo-redo';
 /**
  * Undo/Redo methods returned from useGridUndoRedo.
  */
 export interface UndoRedoMethods {
     /**
      * Undo the last edit action.
-     * @returns The undone action, or null if nothing to undo
+     * @returns The undone action (or compound action), or null if nothing to undo
      */
-    undo: () => EditAction | null;
+    undo: () => UndoRedoAction | null;
     /**
      * Redo the last undone action.
-     * @returns The redone action, or null if nothing to redo
+     * @returns The redone action (or compound action), or null if nothing to redo
      */
-    redo: () => EditAction | null;
+    redo: () => UndoRedoAction | null;
     /**
      * Check if there are any actions that can be undone.
      */
@@ -28,11 +28,29 @@ export interface UndoRedoMethods {
     /**
      * Get a copy of the current undo stack.
      */
-    getUndoStack: () => EditAction[];
+    getUndoStack: () => UndoRedoAction[];
     /**
      * Get a copy of the current redo stack.
      */
-    getRedoStack: () => EditAction[];
+    getRedoStack: () => UndoRedoAction[];
+    /**
+     * Manually record an edit action.
+     * If a transaction is active, the action is buffered; otherwise it's pushed to the undo stack.
+     */
+    recordEdit: (rowIndex: number, field: string, oldValue: unknown, newValue: unknown) => void;
+    /**
+     * Begin a transaction. All edits recorded until `endTransaction()` are grouped
+     * into a single compound action for undo/redo.
+     * @throws If a transaction is already active
+     */
+    beginTransaction: () => void;
+    /**
+     * End the active transaction and push the compound action to the undo stack.
+     * If only one edit was recorded, it's pushed as a plain EditAction.
+     * If no edits were recorded, the transaction is discarded.
+     * @throws If no transaction is active
+     */
+    endTransaction: () => void;
 }
 /**
  * Hook for programmatic undo/redo control.

package/features/undo-redo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"undo-redo.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/features/undo-redo.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AAGH,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,qCAAqC,CAAC;AAUtF;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;;OAGG;IACH,IAAI,EAAE,MAAM,UAAU,GAAG,IAAI,CAAC;IAE9B;;;OAGG;IACH,IAAI,EAAE,MAAM,UAAU,GAAG,IAAI,CAAC;IAE9B;;OAEG;IACH,OAAO,EAAE,MAAM,OAAO,CAAC;IAEvB;;OAEG;IACH,OAAO,EAAE,MAAM,OAAO,CAAC;IAEvB;;OAEG;IACH,YAAY,EAAE,MAAM,IAAI,CAAC;IAEzB;;OAEG;IACH,YAAY,EAAE,MAAM,UAAU,EAAE,CAAC;IAEjC;;OAEG;IACH,YAAY,EAAE,MAAM,UAAU,EAAE,CAAC;CAClC;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,eAAe,IAAI,eAAe,CAwDjD"}
+{"version":3,"file":"undo-redo.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/features/undo-redo.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AAGH,OAAO,EAAkB,KAAK,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAU1F;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;;OAGG;IACH,IAAI,EAAE,MAAM,cAAc,GAAG,IAAI,CAAC;IAElC;;;OAGG;IACH,IAAI,EAAE,MAAM,cAAc,GAAG,IAAI,CAAC;IAElC;;OAEG;IACH,OAAO,EAAE,MAAM,OAAO,CAAC;IAEvB;;OAEG;IACH,OAAO,EAAE,MAAM,OAAO,CAAC;IAEvB;;OAEG;IACH,YAAY,EAAE,MAAM,IAAI,CAAC;IAEzB;;OAEG;IACH,YAAY,EAAE,MAAM,cAAc,EAAE,CAAC;IAErC;;OAEG;IACH,YAAY,EAAE,MAAM,cAAc,EAAE,CAAC;IAErC;;;OAGG;IACH,UAAU,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAE5F;;;;OAIG;IACH,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAE7B;;;;;OAKG;IACH,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,eAAe,IAAI,eAAe,CA6GjD"}

package/features/undo-redo.js

@@ -1,31 +1,31 @@
-import { UndoRedoPlugin as t } from "@toolbox-web/grid/plugins/undo-redo";
-import { useContext as g, useCallback as e } from "react";
-import { G as R } from "../chunks/data-grid-O97pdLCY.js";
-import { r as f } from "../chunks/feature-registry-Y3KvnN54.js";
-f("undoRedo", (d) => {
-  const o = typeof d == "boolean" ? {} : d ?? {};
-  return new t(o);
+import { UndoRedoPlugin as r } from "@toolbox-web/grid/plugins/undo-redo";
+import { useContext as k, useCallback as d } from "react";
+import { G as m } from "../chunks/data-grid-O97pdLCY.js";
+import { r as E } from "../chunks/feature-registry-Y3KvnN54.js";
+E("undoRedo", (e) => {
+  const n = typeof e == "boolean" ? {} : e ?? {};
+  return new r(n);
 });
-function k() {
-  const d = g(R), o = e(() => d?.current?.getPlugin(t), [d]), r = e(() => {
-    const n = o();
-    return n ? n.undo() : (console.warn(
+function S() {
+  const e = k(m), n = d(() => e?.current?.getPlugin(r), [e]), i = d(() => {
+    const o = n();
+    return o ? o.undo() : (console.warn(
       `[tbw-grid:undoRedo] UndoRedoPlugin not found.
 
   → Enable undo/redo on the grid:
     <DataGrid editing="dblclick" undoRedo />`
     ), null);
-  }, [o]), i = e(() => {
-    const n = o();
-    return n ? n.redo() : (console.warn(
+  }, [n]), u = d(() => {
+    const o = n();
+    return o ? o.redo() : (console.warn(
       `[tbw-grid:undoRedo] UndoRedoPlugin not found.
 
   → Enable undo/redo on the grid:
     <DataGrid editing="dblclick" undoRedo />`
     ), null);
-  }, [o]), u = e(() => o()?.canUndo() ?? !1, [o]), c = e(() => o()?.canRedo() ?? !1, [o]), l = e(() => {
-    const n = o();
-    if (!n) {
+  }, [n]), c = d(() => n()?.canUndo() ?? !1, [n]), l = d(() => n()?.canRedo() ?? !1, [n]), a = d(() => {
+    const o = n();
+    if (!o) {
       console.warn(
         `[tbw-grid:undoRedo] UndoRedoPlugin not found.
 
@@ -34,10 +34,60 @@ function k() {
       );
       return;
     }
-    n.clearHistory();
-  }, [o]), a = e(() => o()?.getUndoStack() ?? [], [o]), s = e(() => o()?.getRedoStack() ?? [], [o]);
-  return { undo: r, redo: i, canUndo: u, canRedo: c, clearHistory: l, getUndoStack: a, getRedoStack: s };
+    o.clearHistory();
+  }, [n]), g = d(() => n()?.getUndoStack() ?? [], [n]), s = d(() => n()?.getRedoStack() ?? [], [n]), R = d(
+    (o, p, w, U) => {
+      const t = n();
+      if (!t) {
+        console.warn(
+          `[tbw-grid:undoRedo] UndoRedoPlugin not found.
+
+  → Enable undo/redo on the grid:
+    <DataGrid editing="dblclick" undoRedo />`
+        );
+        return;
+      }
+      t.recordEdit(o, p, w, U);
+    },
+    [n]
+  ), b = d(() => {
+    const o = n();
+    if (!o) {
+      console.warn(
+        `[tbw-grid:undoRedo] UndoRedoPlugin not found.
+
+  → Enable undo/redo on the grid:
+    <DataGrid editing="dblclick" undoRedo />`
+      );
+      return;
+    }
+    o.beginTransaction();
+  }, [n]), f = d(() => {
+    const o = n();
+    if (!o) {
+      console.warn(
+        `[tbw-grid:undoRedo] UndoRedoPlugin not found.
+
+  → Enable undo/redo on the grid:
+    <DataGrid editing="dblclick" undoRedo />`
+      );
+      return;
+    }
+    o.endTransaction();
+  }, [n]);
+  return {
+    undo: i,
+    redo: u,
+    canUndo: c,
+    canRedo: l,
+    clearHistory: a,
+    getUndoStack: g,
+    getRedoStack: s,
+    recordEdit: R,
+    beginTransaction: b,
+    endTransaction: f
+  };
 }
 export {
-  k as useGridUndoRedo
+  S as useGridUndoRedo
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@toolbox-web/grid-react",
-  "version": "0.13.2",
+  "version": "0.15.0",
   "description": "React adapter for @toolbox-web/grid data grid component",
   "type": "module",
   "main": "./index.js",