@toolbox-web/grid-react 0.18.1 → 0.18.3

package/README.md

@@ -719,17 +719,18 @@ import type {
 
 ### DataGrid Props
 
-| Prop           | Type                                       | Description               |
-| -------------- | ------------------------------------------ | ------------------------- |
-| `rows`         | `TRow[]`                                   | Row data to display       |
-| `columns`      | `ColumnConfig[]`                           | Column definitions        |
-| `gridConfig`   | `GridConfig`                               | Full configuration object |
-| `fitMode`      | `'stretch' \| 'fit-columns' \| 'auto-fit'` | Column sizing mode        |
-| `customStyles` | `string`                                   | CSS to inject into grid   |
-| `ssr`          | `boolean`                                  | Disable features for SSR  |
-| `onRowsChange` | `(rows: TRow[]) => void`                   | Rows changed callback     |
-| `onCellEdit`   | `(event: CustomEvent) => void`             | Cell edited callback      |
-| `onRowClick`   | `(event: CustomEvent) => void`             | Row clicked callback      |
+| Prop                 | Type                                       | Description                                    |
+| -------------------- | ------------------------------------------ | ---------------------------------------------- |
+| `rows`               | `TRow[]`                                   | Row data to display                            |
+| `columns`            | `ColumnConfig[]`                           | Column definitions                             |
+| `gridConfig`         | `GridConfig`                               | Full configuration object                      |
+| `fitMode`            | `'stretch' \| 'fit-columns' \| 'auto-fit'` | Column sizing mode                             |
+| `customStyles`       | `string`                                   | CSS injected via `document.adoptedStyleSheets` |
+| `ssr`                | `boolean`                                  | Disable features for SSR                       |
+| `onRowsChange`       | `(rows: TRow[]) => void`                   | Rows changed callback                          |
+| `onCellEdit`         | `(event: CustomEvent) => void`             | Cell edited callback                           |
+| `onRowClick`         | `(event: CustomEvent) => void`             | Row clicked callback                           |
+| `onChangedRowsReset` | `(event: CustomEvent) => void`             | Changed rows state was reset                   |
 
 **Feature Props** (require corresponding feature import):
 

package/features/export.d.ts

@@ -54,6 +54,9 @@ export interface ExportMethods {
  *   );
  * }
  * ```
+ * @param selector - Optional CSS selector to target a specific grid element via
+ *   DOM query instead of using React context. Use when the component contains
+ *   multiple grids, e.g. `'tbw-grid.primary'` or `'#my-grid'`.
  */
-export declare function useGridExport(): ExportMethods;
+export declare function useGridExport(selector?: string): ExportMethods;
 //# sourceMappingURL=export.d.ts.map

package/features/export.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"export.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/features/export.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAGH,OAAO,EAAqB,KAAK,YAAY,EAAE,KAAK,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAK3G,OAAO,mCAAmC,CAAC;AAE3C;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B;;;;OAIG;IACH,WAAW,EAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IAEzE;;;;OAIG;IACH,aAAa,EAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IAE3E;;;;OAIG;IACH,YAAY,EAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IAE1E;;OAEG;IACH,WAAW,EAAE,MAAM,OAAO,CAAC;IAE3B;;OAEG;IACH,aAAa,EAAE,MAAM;QAAE,MAAM,EAAE,YAAY,CAAC;QAAC,SAAS,EAAE,IAAI,CAAA;KAAE,GAAG,IAAI,CAAC;CACvE;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,aAAa,IAAI,aAAa,CAuE7C"}
+{"version":3,"file":"export.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/features/export.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAGH,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,YAAY,EAAqB,MAAM,kCAAkC,CAAC;AAK3G,OAAO,mCAAmC,CAAC;AAE3C;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B;;;;OAIG;IACH,WAAW,EAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IAEzE;;;;OAIG;IACH,aAAa,EAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IAE3E;;;;OAIG;IACH,YAAY,EAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IAE1E;;OAEG;IACH,WAAW,EAAE,MAAM,OAAO,CAAC;IAE3B;;OAEG;IACH,aAAa,EAAE,MAAM;QAAE,MAAM,EAAE,YAAY,CAAC;QAAC,SAAS,EAAE,IAAI,CAAA;KAAE,GAAG,IAAI,CAAC;CACvE;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,aAAa,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,aAAa,CAuE9D"}

package/features/export.js

@@ -1,8 +1,8 @@
-import { useContext as g, useCallback as n } from "react";
-import { G as c } from "../chunks/grid-element-context-BU3WvNtM.js";
+import { useContext as c, useCallback as n } from "react";
+import { G as a } from "../chunks/grid-element-context-BU3WvNtM.js";
 import "@toolbox-web/grid/features/export";
-function E() {
-  const i = g(c), t = n(() => i?.current?.getPluginByName("export"), [i]), x = n(
+function m(i) {
+  const x = c(a), t = n(() => (i ? document.querySelector(i) : x?.current)?.getPluginByName("export"), [x, i]), p = n(
     (r, o) => {
       const e = t();
       if (!e) {
@@ -17,7 +17,7 @@ function E() {
       e.exportCsv({ ...o, fileName: r ?? o?.fileName ?? "export.csv" });
     },
     [t]
-  ), p = n(
+  ), l = n(
     (r, o) => {
       const e = t();
       if (!e) {
@@ -32,7 +32,7 @@ function E() {
       e.exportExcel({ ...o, fileName: r ?? o?.fileName ?? "export.xlsx" });
     },
     [t]
-  ), l = n(
+  ), u = n(
     (r, o) => {
       const e = t();
       if (!e) {
@@ -47,15 +47,15 @@ function E() {
       e.exportJson({ ...o, fileName: r ?? o?.fileName ?? "export.json" });
     },
     [t]
-  ), s = n(() => t()?.isExporting() ?? !1, [t]), u = n(() => t()?.getLastExport() ?? null, [t]);
+  ), s = n(() => t()?.isExporting() ?? !1, [t]), g = n(() => t()?.getLastExport() ?? null, [t]);
   return {
-    exportToCsv: x,
-    exportToExcel: p,
-    exportToJson: l,
+    exportToCsv: p,
+    exportToExcel: l,
+    exportToJson: u,
     isExporting: s,
-    getLastExport: u
+    getLastExport: g
   };
 }
 export {
-  E as useGridExport
+  m as useGridExport
 };

package/features/filtering.d.ts

@@ -90,6 +90,9 @@ export interface FilteringMethods {
  *   );
  * }
  * ```
+ * @param selector - Optional CSS selector to target a specific grid element via
+ *   DOM query instead of using React context. Use when the component contains
+ *   multiple grids, e.g. `'tbw-grid.primary'` or `'#my-grid'`.
  */
-export declare function useGridFiltering(): FilteringMethods;
+export declare function useGridFiltering(selector?: string): FilteringMethods;
 //# sourceMappingURL=filtering.d.ts.map

package/features/filtering.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filtering.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/features/filtering.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAGH,OAAO,EAEL,KAAK,SAAS,EAEd,KAAK,WAAW,EAEjB,MAAM,qCAAqC,CAAC;AAgC7C;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;;;;OAKG;IACH,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,GAAG,IAAI,EAAE,OAAO,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IAE9G;;OAEG;IACH,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,WAAW,GAAG,SAAS,CAAC;IAEtD;;OAEG;IACH,UAAU,EAAE,MAAM,WAAW,EAAE,CAAC;IAEhC;;;OAGG;IACH,cAAc,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,EAAE,OAAO,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IAEjF;;;OAGG;IACH,eAAe,EAAE,CAAC,OAAO,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IAE1D;;;OAGG;IACH,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IAE1E;;OAEG;IACH,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IAE5C;;OAEG;IACH,mBAAmB,EAAE,MAAM,MAAM,CAAC;IAElC;;OAEG;IACH,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,EAAE,CAAC;IAE9C;;OAEG;IACH,eAAe,EAAE,MAAM,WAAW,EAAE,CAAC;IAErC;;OAEG;IACH,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAE3C;;OAEG;IACH,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;CAC7D;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,gBAAgB,IAAI,gBAAgB,CAuHnD"}
+{"version":3,"file":"filtering.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/features/filtering.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAGH,OAAO,EAEL,KAAK,SAAS,EAEd,KAAK,WAAW,EAEjB,MAAM,qCAAqC,CAAC;AAgC7C;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;;;;OAKG;IACH,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,GAAG,IAAI,EAAE,OAAO,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IAE9G;;OAEG;IACH,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,WAAW,GAAG,SAAS,CAAC;IAEtD;;OAEG;IACH,UAAU,EAAE,MAAM,WAAW,EAAE,CAAC;IAEhC;;;OAGG;IACH,cAAc,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,EAAE,OAAO,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IAEjF;;;OAGG;IACH,eAAe,EAAE,CAAC,OAAO,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IAE1D;;;OAGG;IACH,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IAE1E;;OAEG;IACH,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IAE5C;;OAEG;IACH,mBAAmB,EAAE,MAAM,MAAM,CAAC;IAElC;;OAEG;IACH,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,EAAE,CAAC;IAE9C;;OAEG;IACH,eAAe,EAAE,MAAM,WAAW,EAAE,CAAC;IAErC;;OAEG;IACH,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAE3C;;OAEG;IACH,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;CAC7D;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,gBAAgB,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,gBAAgB,CAuHpE"}

package/features/filtering.js

@@ -1,28 +1,28 @@
 import { FilteringPlugin as c } from "@toolbox-web/grid/plugins/filtering";
-import { useContext as h, useCallback as n } from "react";
-import { flushSync as G } from "react-dom";
-import { createRoot as R } from "react-dom/client";
+import { useContext as G, useCallback as n } from "react";
+import { flushSync as R } from "react-dom";
+import { createRoot as y } from "react-dom/client";
 import { registerFeature as E } from "@toolbox-web/grid/features/registry";
-import { G as y } from "../chunks/grid-element-context-BU3WvNtM.js";
+import { G as k } from "../chunks/grid-element-context-BU3WvNtM.js";
 E("filtering", (l) => {
   if (typeof l == "boolean") return new c();
   if (!l) return new c();
-  const e = l, g = { ...e };
-  if (typeof e.filterPanelRenderer == "function" && e.filterPanelRenderer.length <= 1) {
-    const s = e.filterPanelRenderer;
-    g.filterPanelRenderer = (a, d) => {
-      const o = document.createElement("div");
-      o.style.display = "contents";
-      const f = R(o);
-      G(() => {
+  const o = l, e = { ...o };
+  if (typeof o.filterPanelRenderer == "function" && o.filterPanelRenderer.length <= 1) {
+    const s = o.filterPanelRenderer;
+    e.filterPanelRenderer = (a, d) => {
+      const g = document.createElement("div");
+      g.style.display = "contents";
+      const f = y(g);
+      R(() => {
         f.render(s(d));
-      }), a.appendChild(o);
+      }), a.appendChild(g);
     };
   }
-  return new c(g);
+  return new c(e);
 });
-function S() {
-  const l = h(y), e = n(() => l?.current?.getPluginByName("filtering"), [l]), g = n(
+function x(l) {
+  const o = G(k), e = n(() => (l ? document.querySelector(l) : o?.current)?.getPluginByName("filtering"), [o, l]), s = n(
     (t, i, r) => {
       const u = e();
       if (!u) {
@@ -37,7 +37,7 @@ function S() {
       u.setFilter(t, i, r);
     },
     [e]
-  ), s = n((t) => e()?.getFilter(t), [e]), a = n(() => e()?.getFilters() ?? [], [e]), d = n(
+  ), a = n((t) => e()?.getFilter(t), [e]), d = n(() => e()?.getFilters() ?? [], [e]), g = n(
     (t, i) => {
       const r = e();
       if (!r) {
@@ -52,7 +52,7 @@ function S() {
       r.setFilterModel(t, i);
     },
     [e]
-  ), o = n(
+  ), f = n(
     (t) => {
       const i = e();
       if (!i) {
@@ -67,7 +67,7 @@ function S() {
       i.clearAllFilters(t);
     },
     [e]
-  ), f = n(
+  ), F = n(
     (t, i) => {
       const r = e();
       if (!r) {
@@ -82,10 +82,10 @@ function S() {
       r.clearFieldFilter(t, i);
     },
     [e]
-  ), F = n((t) => e()?.isFieldFiltered(t) ?? !1, [e]), p = n(() => e()?.getFilteredRowCount() ?? 0, [e]), m = n((t) => e()?.getUniqueValues(t) ?? [], [e]), w = n(() => e()?.getStaleFilters() ?? [], [e]), b = n(
+  ), p = n((t) => e()?.isFieldFiltered(t) ?? !1, [e]), m = n(() => e()?.getFilteredRowCount() ?? 0, [e]), w = n((t) => e()?.getUniqueValues(t) ?? [], [e]), b = n(() => e()?.getStaleFilters() ?? [], [e]), P = n(
     (t) => e()?.getBlankMode(t) ?? "all",
     [e]
-  ), P = n(
+  ), h = n(
     (t, i) => {
       const r = e();
       if (!r) {
@@ -102,20 +102,20 @@ function S() {
     [e]
   );
   return {
-    setFilter: g,
-    getFilter: s,
-    getFilters: a,
-    setFilterModel: d,
-    clearAllFilters: o,
-    clearFieldFilter: f,
-    isFieldFiltered: F,
-    getFilteredRowCount: p,
-    getUniqueValues: m,
-    getStaleFilters: w,
-    getBlankMode: b,
-    toggleBlankFilter: P
+    setFilter: s,
+    getFilter: a,
+    getFilters: d,
+    setFilterModel: g,
+    clearAllFilters: f,
+    clearFieldFilter: F,
+    isFieldFiltered: p,
+    getFilteredRowCount: m,
+    getUniqueValues: w,
+    getStaleFilters: b,
+    getBlankMode: P,
+    toggleBlankFilter: h
   };
 }
 export {
-  S as useGridFiltering
+  x as useGridFiltering
 };

package/features/print.d.ts

@@ -38,6 +38,9 @@ export interface PrintMethods {
  *   );
  * }
  * ```
+ * @param selector - Optional CSS selector to target a specific grid element via
+ *   DOM query instead of using React context. Use when the component contains
+ *   multiple grids, e.g. `'tbw-grid.primary'` or `'#my-grid'`.
  */
-export declare function useGridPrint(): PrintMethods;
+export declare function useGridPrint(selector?: string): PrintMethods;
 //# sourceMappingURL=print.d.ts.map

package/features/print.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"print.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/features/print.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAGH,OAAO,EAAoB,KAAK,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAKrF,OAAO,kCAAkC,CAAC;AAE1C;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B;;;;OAIG;IACH,KAAK,EAAE,CAAC,MAAM,CAAC,EAAE,WAAW,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAE/C;;OAEG;IACH,UAAU,EAAE,MAAM,OAAO,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,YAAY,IAAI,YAAY,CAyB3C"}
+{"version":3,"file":"print.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/features/print.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAGH,OAAO,EAAE,KAAK,WAAW,EAAoB,MAAM,iCAAiC,CAAC;AAKrF,OAAO,kCAAkC,CAAC;AAE1C;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B;;;;OAIG;IACH,KAAK,EAAE,CAAC,MAAM,CAAC,EAAE,WAAW,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAE/C;;OAEG;IACH,UAAU,EAAE,MAAM,OAAO,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,YAAY,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,YAAY,CAyB5D"}

package/features/print.js

@@ -1,11 +1,11 @@
-import { useContext as g, useCallback as t } from "react";
-import { G as u } from "../chunks/grid-element-context-BU3WvNtM.js";
+import { useContext as s, useCallback as r } from "react";
+import { G as a } from "../chunks/grid-element-context-BU3WvNtM.js";
 import "@toolbox-web/grid/features/print";
-function l() {
-  const r = g(u), n = t(() => r?.current?.getPluginByName("print"), [r]), o = t(
-    async (i) => {
-      const e = n();
-      if (!e) {
+function l(t) {
+  const i = s(a), n = r(() => (t ? document.querySelector(t) : i?.current)?.getPluginByName("print"), [i, t]), u = r(
+    async (e) => {
+      const o = n();
+      if (!o) {
         console.warn(
           `[tbw-grid:print] PrintPlugin not found.
 
@@ -14,11 +14,11 @@ function l() {
         );
         return;
       }
-      await e.print(i);
+      await o.print(e);
     },
     [n]
-  ), s = t(() => n()?.isPrinting() ?? !1, [n]);
-  return { print: o, isPrinting: s };
+  ), g = r(() => n()?.isPrinting() ?? !1, [n]);
+  return { print: u, isPrinting: g };
 }
 export {
   l as useGridPrint

package/features/selection.d.ts

@@ -61,6 +61,9 @@ export interface SelectionMethods<TRow = unknown> {
  *   return <button onClick={handleExport}>Export Selected</button>;
  * }
  * ```
+ * @param selector - Optional CSS selector to target a specific grid element via
+ *   DOM query instead of using React context. Use when the component contains
+ *   multiple grids, e.g. `'tbw-grid.primary'` or `'#my-grid'`.
  */
-export declare function useGridSelection<TRow = unknown>(): SelectionMethods<TRow>;
+export declare function useGridSelection<TRow = unknown>(selector?: string): SelectionMethods<TRow>;
 //# sourceMappingURL=selection.d.ts.map

package/features/selection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"selection.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/features/selection.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAGH,OAAO,EAAwB,KAAK,SAAS,EAAE,KAAK,eAAe,EAAE,MAAM,qCAAqC,CAAC;AAKjH,OAAO,sCAAsC,CAAC;AAE9C;;;;;GAKG;AACH,MAAM,WAAW,gBAAgB,CAAC,IAAI,GAAG,OAAO;IAC9C;;OAEG;IACH,SAAS,EAAE,MAAM,IAAI,CAAC;IAEtB;;OAEG;IACH,cAAc,EAAE,MAAM,IAAI,CAAC;IAE3B;;;OAGG;IACH,YAAY,EAAE,MAAM,eAAe,GAAG,IAAI,CAAC;IAE3C;;OAEG;IACH,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;IAEtD;;OAEG;IACH,SAAS,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,IAAI,CAAC;IAEzC;;;;;;;;OAQG;IACH,eAAe,EAAE,MAAM,IAAI,EAAE,CAAC;CAC/B;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,GAAG,OAAO,KAAK,gBAAgB,CAAC,IAAI,CAAC,CAuEzE"}
+{"version":3,"file":"selection.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/features/selection.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAGH,OAAO,EAAE,KAAK,SAAS,EAAwB,KAAK,eAAe,EAAE,MAAM,qCAAqC,CAAC;AAKjH,OAAO,sCAAsC,CAAC;AAE9C;;;;;GAKG;AACH,MAAM,WAAW,gBAAgB,CAAC,IAAI,GAAG,OAAO;IAC9C;;OAEG;IACH,SAAS,EAAE,MAAM,IAAI,CAAC;IAEtB;;OAEG;IACH,cAAc,EAAE,MAAM,IAAI,CAAC;IAE3B;;;OAGG;IACH,YAAY,EAAE,MAAM,eAAe,GAAG,IAAI,CAAC;IAE3C;;OAEG;IACH,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;IAEtD;;OAEG;IACH,SAAS,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,IAAI,CAAC;IAEzC;;;;;;;;OAQG;IACH,eAAe,EAAE,MAAM,IAAI,EAAE,CAAC;CAC/B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,GAAG,OAAO,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAuE1F"}

package/features/selection.js

@@ -1,8 +1,8 @@
-import { useContext as m, useCallback as n } from "react";
-import { G as S } from "../chunks/grid-element-context-BU3WvNtM.js";
+import { useContext as w, useCallback as n } from "react";
+import { G as C } from "../chunks/grid-element-context-BU3WvNtM.js";
 import "@toolbox-web/grid/features/selection";
-function h() {
-  const l = m(S), e = n(() => l?.current?.getPluginByName("selection"), [l]), g = n(() => {
+function G(o) {
+  const l = w(C), e = n(() => (o ? document.querySelector(o) : l?.current)?.getPluginByName("selection"), [l, o]), g = n(() => {
     const t = e();
     if (!t) {
       console.warn(
@@ -13,35 +13,35 @@ function h() {
       );
       return;
     }
-    const o = l?.current, i = t.config?.mode;
-    if (i === "row") {
-      const c = o?.rows?.length ?? 0, r = /* @__PURE__ */ new Set();
-      for (let s = 0; s < c; s++) r.add(s);
-      t.selected = r, t.requestAfterRender?.();
-    } else if (i === "range") {
-      const c = o?.rows?.length ?? 0, r = o?._columns?.length ?? 0;
-      c > 0 && r > 0 && t.setRanges([{ from: { row: 0, col: 0 }, to: { row: c - 1, col: r - 1 } }]);
+    const r = o ? document.querySelector(o) : l?.current, u = t.config?.mode;
+    if (u === "row") {
+      const s = r?.rows?.length ?? 0, c = /* @__PURE__ */ new Set();
+      for (let i = 0; i < s; i++) c.add(i);
+      t.selected = c, t.requestAfterRender?.();
+    } else if (u === "range") {
+      const s = r?.rows?.length ?? 0, c = r?._columns?.length ?? 0;
+      s > 0 && c > 0 && t.setRanges([{ from: { row: 0, col: 0 }, to: { row: s - 1, col: c - 1 } }]);
     }
-  }, [e, l]), u = n(() => {
+  }, [e, l, o]), d = n(() => {
     e()?.clearSelection();
-  }, [e]), d = n(() => e()?.getSelection() ?? null, [e]), a = n(
-    (t, o) => e()?.isCellSelected(t, o) ?? !1,
+  }, [e]), a = n(() => e()?.getSelection() ?? null, [e]), f = n(
+    (t, r) => e()?.isCellSelected(t, r) ?? !1,
     [e]
-  ), f = n(
+  ), m = n(
     (t) => {
       e()?.setRanges(t);
     },
     [e]
-  ), w = n(() => e()?.getSelectedRows() ?? [], [e]);
+  ), S = n(() => e()?.getSelectedRows() ?? [], [e]);
   return {
     selectAll: g,
-    clearSelection: u,
-    getSelection: d,
-    isCellSelected: a,
-    setRanges: f,
-    getSelectedRows: w
+    clearSelection: d,
+    getSelection: a,
+    isCellSelected: f,
+    setRanges: m,
+    getSelectedRows: S
   };
 }
 export {
-  h as useGridSelection
+  G as useGridSelection
 };

package/features/undo-redo.d.ts

@@ -73,6 +73,9 @@ export interface UndoRedoMethods {
  *   );
  * }
  * ```
+ * @param selector - Optional CSS selector to target a specific grid element via
+ *   DOM query instead of using React context. Use when the component contains
+ *   multiple grids, e.g. `'tbw-grid.primary'` or `'#my-grid'`.
  */
-export declare function useGridUndoRedo(): UndoRedoMethods;
+export declare function useGridUndoRedo(selector?: string): UndoRedoMethods;
 //# sourceMappingURL=undo-redo.d.ts.map

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,EAAuB,KAAK,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAK/F,OAAO,sCAAsC,CAAC;AAE9C;;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"}
+{"version":3,"file":"undo-redo.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/features/undo-redo.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AAGH,OAAO,EAAE,KAAK,cAAc,EAAuB,MAAM,qCAAqC,CAAC;AAK/F,OAAO,sCAAsC,CAAC;AAE9C;;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;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,eAAe,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,eAAe,CA6GlE"}

package/features/undo-redo.js

@@ -1,8 +1,8 @@
-import { useContext as U, useCallback as d } from "react";
-import { G as p } from "../chunks/grid-element-context-BU3WvNtM.js";
+import { useContext as p, useCallback as d } from "react";
+import { G as E } from "../chunks/grid-element-context-BU3WvNtM.js";
 import "@toolbox-web/grid/features/undo-redo";
-function m() {
-  const e = U(p), n = d(() => e?.current?.getPluginByName("undoRedo"), [e]), r = d(() => {
+function h(e) {
+  const t = p(E), n = d(() => (e ? document.querySelector(e) : t?.current)?.getPluginByName("undoRedo"), [t, e]), i = d(() => {
     const o = n();
     return o ? o.undo() : (console.warn(
       `[tbw-grid:undoRedo] UndoRedoPlugin not found.
@@ -10,7 +10,7 @@ function m() {
   → Enable undo/redo on the grid:
     <DataGrid editing="dblclick" undoRedo />`
     ), null);
-  }, [n]), i = d(() => {
+  }, [n]), u = d(() => {
     const o = n();
     return o ? o.redo() : (console.warn(
       `[tbw-grid:undoRedo] UndoRedoPlugin not found.
@@ -18,7 +18,7 @@ function m() {
   → Enable undo/redo on the grid:
     <DataGrid editing="dblclick" undoRedo />`
     ), null);
-  }, [n]), u = d(() => n()?.canUndo() ?? !1, [n]), c = d(() => n()?.canRedo() ?? !1, [n]), l = d(() => {
+  }, [n]), c = d(() => n()?.canUndo() ?? !1, [n]), a = d(() => n()?.canRedo() ?? !1, [n]), l = d(() => {
     const o = n();
     if (!o) {
       console.warn(
@@ -30,10 +30,10 @@ function m() {
       return;
     }
     o.clearHistory();
-  }, [n]), a = d(() => n()?.getUndoStack() ?? [], [n]), g = d(() => n()?.getRedoStack() ?? [], [n]), s = d(
-    (o, f, w, k) => {
-      const t = n();
-      if (!t) {
+  }, [n]), g = d(() => n()?.getUndoStack() ?? [], [n]), s = d(() => n()?.getRedoStack() ?? [], [n]), R = d(
+    (o, w, k, U) => {
+      const r = n();
+      if (!r) {
         console.warn(
           `[tbw-grid:undoRedo] UndoRedoPlugin not found.
 
@@ -42,10 +42,10 @@ function m() {
         );
         return;
       }
-      t.recordEdit(o, f, w, k);
+      r.recordEdit(o, w, k, U);
     },
     [n]
-  ), R = d(() => {
+  ), b = d(() => {
     const o = n();
     if (!o) {
       console.warn(
@@ -57,7 +57,7 @@ function m() {
       return;
     }
     o.beginTransaction();
-  }, [n]), b = d(() => {
+  }, [n]), f = d(() => {
     const o = n();
     if (!o) {
       console.warn(
@@ -71,18 +71,18 @@ function m() {
     o.endTransaction();
   }, [n]);
   return {
-    undo: r,
-    redo: i,
-    canUndo: u,
-    canRedo: c,
+    undo: i,
+    redo: u,
+    canUndo: c,
+    canRedo: a,
     clearHistory: l,
-    getUndoStack: a,
-    getRedoStack: g,
-    recordEdit: s,
-    beginTransaction: R,
-    endTransaction: b
+    getUndoStack: g,
+    getRedoStack: s,
+    recordEdit: R,
+    beginTransaction: b,
+    endTransaction: f
   };
 }
 export {
-  m as useGridUndoRedo
+  h as useGridUndoRedo
 };