@toolbox-web/grid-react 2.5.0 → 2.6.1

package/features/selection.d.ts

@@ -8,7 +8,9 @@ export type { _Augmentation as _SelectionAugmentation } from '@toolbox-web/grid/
  */
 export interface SelectionMethods<TRow = unknown> {
     /**
-     * Select all rows (row mode) or all cells (range mode).
+     * Select all selectable rows (row mode) or one range over every row and all
+     * non-hidden columns (range mode).
+     * Array modes use their row/range axis.
      */
     selectAll: () => void;
     /**

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,EACL,KAAK,SAAS,EAGd,KAAK,eAAe,EACrB,MAAM,qCAAqC,CAAC;AAK7C,OAAO,sCAAsC,CAAC;AAI9C,YAAY,EAAE,aAAa,IAAI,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAEpG;;;;;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;;;;;;;;;;OAUG;IACH,eAAe,EAAE,MAAM,IAAI,EAAE,CAAC;IAE9B;;;;;OAKG;IACH,SAAS,EAAE,eAAe,GAAG,IAAI,CAAC;IAElC;;;;;;;;OAQG;IACH,kBAAkB,EAAE,MAAM,EAAE,CAAC;IAE7B;;;;OAIG;IACH,YAAY,EAAE,IAAI,EAAE,CAAC;IAErB;;;;;OAKG;IACH,OAAO,EAAE,OAAO,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,GAAG,OAAO,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAuH1F"}
+{"version":3,"file":"selection.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/features/selection.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAGH,OAAO,EACL,KAAK,SAAS,EAGd,KAAK,eAAe,EACrB,MAAM,qCAAqC,CAAC;AAK7C,OAAO,sCAAsC,CAAC;AAI9C,YAAY,EAAE,aAAa,IAAI,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAEpG;;;;;GAKG;AACH,MAAM,WAAW,gBAAgB,CAAC,IAAI,GAAG,OAAO;IAC9C;;;;OAIG;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;;;;;;;;;;OAUG;IACH,eAAe,EAAE,MAAM,IAAI,EAAE,CAAC;IAE9B;;;;;OAKG;IACH,SAAS,EAAE,eAAe,GAAG,IAAI,CAAC;IAElC;;;;;;;;OAQG;IACH,kBAAkB,EAAE,MAAM,EAAE,CAAC;IAE7B;;;;OAIG;IACH,YAAY,EAAE,IAAI,EAAE,CAAC;IAErB;;;;;OAKG;IACH,OAAO,EAAE,OAAO,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,GAAG,OAAO,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAuG1F"}

package/features/selection.js

@@ -27,25 +27,8 @@ function a(a) {
 				console.warn("[tbw-grid:selection] SelectionPlugin not found.\n\n  → Enable selection on the grid:\n    <DataGrid selection=\"range\" />");
 				return;
 			}
-			let t = s(), n = e.config?.mode;
-			if (n === "row") {
-				let n = t?.rows?.length ?? 0, r = /* @__PURE__ */ new Set();
-				for (let e = 0; e < n; e++) r.add(e);
-				e.selected = r, e.requestAfterRender?.();
-			} else if (n === "range") {
-				let n = t?.rows?.length ?? 0, r = t?._columns?.length ?? 0;
-				n > 0 && r > 0 && e.setRanges([{
-					from: {
-						row: 0,
-						col: 0
-					},
-					to: {
-						row: n - 1,
-						col: r - 1
-					}
-				}]);
-			}
-		}, [c, s]),
+			e.selectAll();
+		}, [c]),
 		clearSelection: t(() => {
 			c()?.clearSelection();
 		}, [c]),

package/index.js

@@ -210,7 +210,7 @@ function ve(e) {
 }
 function ye(e) {
 	let t = [];
-	for (let [n, r] of Object.entries(e)) r === void 0 || r === !1 || t.push(n);
+	for (let [n, r] of Object.entries(e)) r !== void 0 && r !== !1 && t.push(n);
 	return ve(t), G(e);
 }
 //#endregion
@@ -233,14 +233,7 @@ r("GridDetailPanel", (e) => {
 	} };
 }), r("GridResponsiveCard", () => ({ responsive: !0 }));
 var we = M(function(e, t) {
-	let { rows: r, gridConfig: i, columns: a, columnDefaults: s, fitMode: c, columnInference: l, sortable: u, filterable: d, selectable: f, loading: p, customStyles: h, className: v, style: y, children: b, plugins: x, onRowsChange: S, ...C } = e, w = z(null), E = z(null), D = z(!1), O = z([]), k = z(void 0), A = P(pe), j = P(le), M = L(() => {
-		let e = {}, t = C;
-		for (let r of n()) {
-			let n = t[r];
-			n !== void 0 && (e[r] = n);
-		}
-		return e;
-	}, [L(() => n().map((e) => {
+	let { rows: r, gridConfig: i, columns: a, columnDefaults: s, fitMode: c, columnInference: l, sortable: u, filterable: d, selectable: f, loading: p, customStyles: h, className: v, style: y, children: b, plugins: x, onRowsChange: S, ...C } = e, w = z(null), E = z(null), D = z(!1), O = z([]), k = z(void 0), A = P(pe), j = P(le), M = L(() => n().map((e) => {
 		let t = C[e];
 		if (t === void 0) return "";
 		let n;
@@ -250,24 +243,31 @@ var we = M(function(e, t) {
 			n = typeof t == "object" && t ? `ref#${Ce(t)}` : `prim:${String(t)}`;
 		}
 		return `${e}:${n}`;
-	}).filter(Boolean).join("|"), [C])]), N = L(() => o(b), [b]), I = L(() => {
+	}).filter(Boolean).join("|"), [C]), N = L(() => {
+		let e = {}, t = C;
+		for (let r of n()) {
+			let n = t[r];
+			n !== void 0 && (e[r] = n);
+		}
+		return e;
+	}, [M]), I = L(() => o(b), [b]), R = L(() => {
 		let e = i?.features, t = {};
-		for (let [n, r] of Object.entries(N)) e && n in e && e[n] !== void 0 && e[n] !== !1 || (t[n] = r);
+		for (let [n, r] of Object.entries(I)) e && n in e && e[n] !== void 0 && e[n] !== !1 || (t[n] = r);
 		return {
 			...t,
-			...M
+			...N
 		};
 	}, [
-		M,
 		N,
+		I,
 		i
-	]), R = L(() => x ? [] : ye(I), [I, x]), B = L(() => {
+	]), B = L(() => x ? [] : ye(R), [R, x]), U = L(() => {
 		if (x) {
-			let e = new Set(x.map((e) => e.name)), t = R.filter((t) => !e.has(t.name));
+			let e = new Set(x.map((e) => e.name)), t = B.filter((t) => !e.has(t.name));
 			return [...x, ...t];
 		}
-		return R;
-	}, [x, R]), U = L(() => a && oe(ae(a), s), [a, s]), W = L(() => {
+		return B;
+	}, [x, B]), W = L(() => a && oe(ae(a), s), [a, s]), G = L(() => {
 		let e = _(i), t = {};
 		if (u !== void 0 && (t.sortable = u), d !== void 0 && (t.filterable = d), f !== void 0 && (t.selectable = f), j) {
 			let n = e?.icons || i?.icons || {};
@@ -276,32 +276,32 @@ var we = M(function(e, t) {
 				...n
 			};
 		}
-		if (B.length > 0 && e) {
-			let n = e.plugins || [], r = new Set(n.map((e) => e.name)), i = B.filter((e) => !r.has(e.name));
+		if (U.length > 0 && e) {
+			let n = e.plugins || [], r = new Set(n.map((e) => e.name)), i = U.filter((e) => !r.has(e.name));
 			return {
 				...e,
 				...t,
 				plugins: [...n, ...i]
 			};
 		}
-		return B.length > 0 && !e ? {
+		return U.length > 0 && !e ? {
 			...t,
-			plugins: B
+			plugins: U
 		} : Object.keys(t).length > 0 ? {
 			...e,
 			...t
 		} : e;
 	}, [
 		i,
-		B,
+		U,
 		u,
 		d,
 		f,
 		j
 	]);
 	F(() => {
-		k.current = W?.getRowId;
-	}, [W]), F(() => {
+		k.current = G?.getRowId;
+	}, [G]), F(() => {
 		Q().setTypeDefaults(A);
 	}, [A]), F(() => {
 		let e = w.current;
@@ -317,10 +317,10 @@ var we = M(function(e, t) {
 		}
 		e.rows = r;
 	}, [r]), F(() => {
-		w.current && W && (w.current.gridConfig = W);
+		w.current && G && (w.current.gridConfig = G);
+	}, [G]), F(() => {
+		w.current && W && (w.current.columns = W);
 	}, [W]), F(() => {
-		w.current && U && (w.current.columns = U);
-	}, [U]), F(() => {
 		w.current && c !== void 0 && (w.current.fitMode = c);
 	}, [c]), F(() => {
 		w.current && (w.current.columnInference = l);
@@ -352,19 +352,19 @@ var we = M(function(e, t) {
 			t.forEach((e) => e());
 		};
 	}, [S]);
-	let G = L(() => Object.keys(J).filter((e) => typeof C[e] == "function").sort().join("|"), [C]), K = z({});
-	for (let e of Object.keys(J)) K.current[e] = C[e];
+	let K = L(() => Object.keys(J).filter((e) => typeof C[e] == "function").sort().join("|"), [C]), q = z({});
+	for (let e of Object.keys(J)) q.current[e] = C[e];
 	F(() => {
 		let e = w.current;
 		if (!e) return;
 		let t = [];
-		for (let [n, r] of Object.entries(J)) G.includes(n) && t.push(e.on(r, (e, t) => {
-			K.current[n]?.(e, t);
+		for (let [n, r] of Object.entries(J)) K.includes(n) && t.push(e.on(r, (e, t) => {
+			q.current[n]?.(e, t);
 		}));
 		return () => {
 			t.forEach((e) => e());
 		};
-	}, [G]), ne(t, () => ({
+	}, [K]), ne(t, () => ({
 		get element() {
 			return w.current;
 		},
@@ -402,18 +402,18 @@ var we = M(function(e, t) {
 			w.current?.clearAllLoading?.();
 		}
 	}), []);
-	let q = z(null);
+	let Y = z(null);
 	return re(() => {
 		let e = w.current;
-		return e && q.current && m(e, q.current), () => {
+		return e && Y.current && m(e, Y.current), () => {
 			e && m(e, null);
 		};
-	}, []), /* @__PURE__ */ ie(V, { children: [/* @__PURE__ */ H(he, { ref: q }), te(ee.activeTag, {
+	}, []), /* @__PURE__ */ ie(V, { children: [/* @__PURE__ */ H(he, { ref: Y }), te(ee.activeTag, {
 		ref: (e) => {
 			if (w.current = e, e && !D.current) {
 				D.current = !0;
 				let t = e;
-				W && (t.gridConfig = W), r && (t.rows = r), U && (t.columns = U);
+				G && (t.gridConfig = G), r && (t.rows = r), W && (t.columns = W);
 			}
 		},
 		class: v,

package/lib/grid-type-registry.d.ts

@@ -4,14 +4,17 @@ import { FC, ReactNode } from 'react';
 /**
  * Type default configuration for React applications.
  *
- * Defines default renderer, editor, and editorParams for a data type
- * using React function components.
+ * Inherits every core {@link BaseTypeDefault} property (which is itself a
+ * partial `ColumnConfig` — `format`, `width`, `sortable`, `cellClass`,
+ * `filterable`, …) and widens the renderer/editor slots to accept React
+ * function components.
  *
  * @example
  * ```tsx
  * import type { TypeDefault } from '@toolbox-web/grid-react';
  *
  * const countryDefault: TypeDefault<Employee, string> = {
+ *   width: 140,
  *   renderer: (ctx) => <CountryFlag code={ctx.value} />,
  *   editor: (ctx) => (
  *     <CountrySelect value={ctx.value} onSelect={ctx.commit} />
@@ -19,7 +22,7 @@ import { FC, ReactNode } from 'react';
  * };
  * ```
  */
-export interface TypeDefault<TRow = unknown, TValue = unknown> {
+export interface TypeDefault<TRow = unknown, TValue = unknown> extends Omit<BaseTypeDefault<TRow>, 'renderer' | 'editor' | 'editorParams' | 'filterPanelRenderer'> {
     /** React component/function for rendering cells of this type */
     renderer?: (ctx: CellRenderContext<TRow, TValue>) => ReactNode;
     /** React component/function for editing cells of this type */

package/lib/grid-type-registry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"grid-type-registry.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/lib/grid-type-registry.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAChH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAC7E,OAAO,EAA6B,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3E;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,WAAW,WAAW,CAAC,IAAI,GAAG,OAAO,EAAE,MAAM,GAAG,OAAO;IAC3D,gEAAgE;IAChE,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,iBAAiB,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,SAAS,CAAC;IAC/D,8DAA8D;IAC9D,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,mBAAmB,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,SAAS,CAAC;IAC/D,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACvC;;;;;;;;;;;;;;;;;OAiBG;IACH,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,SAAS,CAAC;CAChE;AAID;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;AAO1D;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC;;;;;;;;;;;;;;;;;;;OAmBG;IACH,QAAQ,EAAE,eAAe,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAEtD,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,mBAAmB,IAAI,eAAe,GAAG,IAAI,CAE5D;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,cAAc,CAAC,IAAI,GAAG,OAAO,EAAE,MAAM,GAAG,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,WAAW,CAAC,IAAI,EAAE,MAAM,CAAC,GAAG,SAAS,CAGpH;AAED;;;;;;;GAOG;AACH,wBAAgB,4BAA4B,CAAC,IAAI,GAAG,OAAO,EACzD,WAAW,EAAE,WAAW,CAAC,IAAI,CAAC,EAC9B,eAAe,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,WAAW,GAChD,eAAe,CAAC,IAAI,CAAC,CA4BvB;AAED;;;;;;;GAOG;AACH,wBAAgB,4BAA4B,CAC1C,OAAO,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,SAAS,EACjD,eAAe,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,WAAW,GAChD,CAAC,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAK7D;AAED;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,iDAAkB,CAAC"}
+{"version":3,"file":"grid-type-registry.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/lib/grid-type-registry.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAChH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAC7E,OAAO,EAA6B,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3E;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,WAAW,WAAW,CAAC,IAAI,GAAG,OAAO,EAAE,MAAM,GAAG,OAAO,CAAE,SAAQ,IAAI,CACzE,eAAe,CAAC,IAAI,CAAC,EACrB,UAAU,GAAG,QAAQ,GAAG,cAAc,GAAG,qBAAqB,CAC/D;IACC,gEAAgE;IAChE,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,iBAAiB,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,SAAS,CAAC;IAC/D,8DAA8D;IAC9D,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,mBAAmB,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,SAAS,CAAC;IAC/D,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACvC;;;;;;;;;;;;;;;;;OAiBG;IACH,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,SAAS,CAAC;CAChE;AAID;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;AAO1D;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC;;;;;;;;;;;;;;;;;;;OAmBG;IACH,QAAQ,EAAE,eAAe,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAEtD,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,mBAAmB,IAAI,eAAe,GAAG,IAAI,CAE5D;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,cAAc,CAAC,IAAI,GAAG,OAAO,EAAE,MAAM,GAAG,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,WAAW,CAAC,IAAI,EAAE,MAAM,CAAC,GAAG,SAAS,CAGpH;AAED;;;;;;;GAOG;AACH,wBAAgB,4BAA4B,CAAC,IAAI,GAAG,OAAO,EACzD,WAAW,EAAE,WAAW,CAAC,IAAI,CAAC,EAC9B,eAAe,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,WAAW,GAChD,eAAe,CAAC,IAAI,CAAC,CA4BvB;AAED;;;;;;;GAOG;AACH,wBAAgB,4BAA4B,CAC1C,OAAO,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,SAAS,EACjD,eAAe,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,WAAW,GAChD,CAAC,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAK7D;AAED;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,iDAAkB,CAAC"}

package/package.json

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