@toolbox-web/grid-react 1.9.0 → 1.10.0

package/index.js

@@ -1,69 +1,69 @@
-import { jsx as x, Fragment as U, jsxs as he } from "react/jsx-runtime";
-import { DataGridElement as ue } from "@toolbox-web/grid";
-import { Children as ve, isValidElement as we, createContext as ae, useContext as T, forwardRef as le, useRef as P, useReducer as Re, useImperativeHandle as fe, useLayoutEffect as de, Component as be, useMemo as F, useEffect as b, createElement as Pe, useCallback as D, useId as ge, useState as N } from "react";
-import { g as te, G as Ge, c as Se, d as xe } from "./chunks/react-grid-adapter-LBf2Mqhn.js";
-import { e as hr, f as vr } from "./chunks/react-grid-adapter-LBf2Mqhn.js";
-import { s as ne, r as pe, a as me } from "./chunks/portal-bridge-CvxNt40O.js";
-import { flushSync as oe, createPortal as Ee } from "react-dom";
-import { n as De } from "./chunks/post-mount-refresh-hooks-Dt7mPoZC.js";
-import { r as Rr } from "./chunks/post-mount-refresh-hooks-Dt7mPoZC.js";
-import { p as Fe } from "./chunks/react-column-config-BOe_PgL1.js";
-import { r as Pr } from "./chunks/react-column-config-BOe_PgL1.js";
-import { createPluginsFromFeatures as Te } from "@toolbox-web/grid/features/registry";
-import { G as O } from "./chunks/grid-element-context-BU3WvNtM.js";
-import { G as Sr } from "./chunks/grid-detail-panel-BZFcujsZ.js";
-import { G as Er } from "./chunks/grid-responsive-card-CSZhDCoN.js";
-const q = /* @__PURE__ */ new Map();
-function Ce(t, r) {
-  q.set(t, r);
+import { jsx as E, Fragment as W, jsxs as ve } from "react/jsx-runtime";
+import { DataGridElement as ae } from "@toolbox-web/grid";
+import { Children as we, isValidElement as Re, createContext as le, useContext as k, forwardRef as fe, useRef as G, useReducer as be, useImperativeHandle as de, useLayoutEffect as ge, Component as Pe, useMemo as T, useEffect as P, createElement as Ge, useCallback as F, useId as pe, useState as O } from "react";
+import { g as ne, G as Se, c as xe, d as Ee } from "./chunks/react-grid-adapter-LBf2Mqhn.js";
+import { e as vr, f as wr } from "./chunks/react-grid-adapter-LBf2Mqhn.js";
+import { s as oe, r as me, a as Ce } from "./chunks/portal-bridge-CvxNt40O.js";
+import { flushSync as ie, createPortal as De } from "react-dom";
+import { n as Fe } from "./chunks/post-mount-refresh-hooks-Dt7mPoZC.js";
+import { r as br } from "./chunks/post-mount-refresh-hooks-Dt7mPoZC.js";
+import { p as Te } from "./chunks/react-column-config-BOe_PgL1.js";
+import { r as Gr } from "./chunks/react-column-config-BOe_PgL1.js";
+import { createPluginsFromFeatures as ke } from "@toolbox-web/grid/features/registry";
+import { G as H } from "./chunks/grid-element-context-BU3WvNtM.js";
+import { G as xr } from "./chunks/grid-detail-panel-BZFcujsZ.js";
+import { G as Dr } from "./chunks/grid-responsive-card-CSZhDCoN.js";
+const V = /* @__PURE__ */ new Map();
+function ye(t, r) {
+  V.set(t, r);
 }
-function ke(t) {
+function Ie(t) {
   const r = {};
-  return q.size === 0 || ve.forEach(t, (d) => {
-    if (!we(d)) return;
+  return V.size === 0 || we.forEach(t, (d) => {
+    if (!Re(d)) return;
     const n = d.type, s = typeof n == "string" ? void 0 : n?.displayName;
     if (typeof s != "string") return;
-    const g = q.get(s);
+    const g = V.get(s);
     if (!g) return;
     const l = g(d);
     l && Object.assign(r, l);
   }), r;
 }
-function Ie(t) {
+function Le(t) {
   return t.charAt(0).toUpperCase() + t.slice(1);
 }
-function ie(t) {
-  return t.toLowerCase() === "id" ? "ID" : t.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/[_-]/g, " ").split(" ").filter(Boolean).map(Ie).join(" ");
+function se(t) {
+  return t.toLowerCase() === "id" ? "ID" : t.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/[_-]/g, " ").split(" ").filter(Boolean).map(Le).join(" ");
 }
-const Le = /* @__PURE__ */ new Set(["string", "number", "boolean", "date", "datetime", "currency"]);
-function Ae(t) {
+const Ae = /* @__PURE__ */ new Set(["string", "number", "boolean", "date", "datetime", "currency"]);
+function Me(t) {
   const r = t.lastIndexOf(":");
   if (r > 0) {
     const d = t.slice(r + 1).toLowerCase();
-    if (Le.has(d)) {
+    if (Ae.has(d)) {
       const n = t.slice(0, r);
       return {
         field: n,
-        header: ie(n),
+        header: se(n),
         type: d
       };
     }
   }
   return {
     field: t,
-    header: ie(t)
+    header: se(t)
   };
 }
-function Me(t) {
-  return t.map((r) => typeof r == "string" ? Ae(r) : r);
+function Ne(t) {
+  return t.map((r) => typeof r == "string" ? Me(r) : r);
 }
-function Ne(t, r) {
+function Oe(t, r) {
   return r ? t.map((d) => ({ ...r, ...d })) : t;
 }
-function or(t) {
+function ir(t) {
   return t.some((r) => typeof r == "string");
 }
-const K = {
+const _ = {
   onCellClick: "cell-click",
   onRowClick: "row-click",
   onCellActivate: "cell-activate",
@@ -106,19 +106,19 @@ const K = {
   onPrintComplete: "print-complete",
   onTbwScroll: "tbw-scroll",
   onRender: "render"
-}, W = ae(null), Oe = ({ icons: t, children: r }) => /* @__PURE__ */ x(W.Provider, { value: t, children: r });
-function ir() {
-  return T(W);
-}
-const He = W, H = ae(null), $e = ({ defaults: t, children: r }) => /* @__PURE__ */ x(H.Provider, { value: t, children: r });
+}, J = le(null), He = ({ icons: t, children: r }) => /* @__PURE__ */ E(J.Provider, { value: t, children: r });
 function sr() {
-  return T(H);
+  return k(J);
 }
-function cr(t) {
-  return T(H)?.[t];
+const $e = J, $ = le(null), je = ({ defaults: t, children: r }) => /* @__PURE__ */ E($.Provider, { value: t, children: r });
+function cr() {
+  return k($);
 }
-const je = H;
-class Be extends be {
+function ur(t) {
+  return k($)?.[t];
+}
+const Be = $;
+class ze extends Pe {
   state = { failed: !1 };
   static getDerivedStateFromError() {
     return { failed: !0 };
@@ -130,85 +130,85 @@ class Be extends be {
     return this.state.failed ? null : this.props.children;
   }
 }
-const ze = le(function(r, d) {
-  const n = P(/* @__PURE__ */ new Map()), [, s] = Re((C) => C + 1, 0), g = P(!1), l = P(0), u = P(0), v = P(!1), f = P(!1), w = () => {
+const Ke = fe(function(r, d) {
+  const n = G(/* @__PURE__ */ new Map()), [, s] = be((m) => m + 1, 0), g = G(!1), l = G(0), a = G(0), w = G(!1), f = G(!1), h = () => {
     g.current || (g.current = !0, queueMicrotask(() => {
-      g.current = !1, !f.current && (oe(s), R());
+      g.current = !1, !f.current && (ie(s), b());
     }));
-  }, R = () => {
+  }, b = () => {
     l.current || (l.current = requestAnimationFrame(() => {
       l.current = 0, !f.current && s();
     }));
-  }, y = (C, o) => {
-    console.error(`[grid-react] Portal "${C}" crashed; dropping.`, o), n.current.delete(C), R();
+  }, C = (m, i) => {
+    console.error(`[grid-react] Portal "${m}" crashed; dropping.`, i), n.current.delete(m), b();
   };
-  fe(
+  de(
     d,
     () => ({
-      renderPortal(C, o, m) {
-        f.current || (n.current.set(C, { container: o, element: m }), w());
+      renderPortal(m, i, p) {
+        f.current || (n.current.set(m, { container: i, element: p }), h());
       },
-      removePortal(C, o) {
+      removePortal(m, i) {
         if (f.current) {
-          n.current.delete(C);
+          n.current.delete(m);
           return;
         }
-        n.current.delete(C) && (u.current > 0 ? v.current = !0 : o ? oe(s) : w());
+        n.current.delete(m) && (a.current > 0 ? w.current = !0 : i ? ie(s) : h());
       },
       beginBatch() {
-        u.current++;
+        a.current++;
       },
       endBatch() {
-        u.current !== 0 && (u.current--, u.current === 0 && v.current && (v.current = !1, s()));
+        a.current !== 0 && (a.current--, a.current === 0 && w.current && (w.current = !1, s()));
       },
       clear() {
         if (f.current) {
           n.current.clear();
           return;
         }
-        n.current.size > 0 && (n.current.clear(), l.current && (cancelAnimationFrame(l.current), l.current = 0), w());
+        n.current.size > 0 && (n.current.clear(), l.current && (cancelAnimationFrame(l.current), l.current = 0), h());
       }
     }),
     // forceRender is stable (useReducer dispatch), refs are stable
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
-  ), de(() => {
+  ), ge(() => {
     f.current = !1;
-    const C = n.current;
+    const m = n.current;
     return () => {
-      f.current = !0, l.current && (cancelAnimationFrame(l.current), l.current = 0), C.clear();
+      f.current = !0, l.current && (cancelAnimationFrame(l.current), l.current = 0), m.clear();
     };
   }, []);
-  const G = [];
+  const R = [];
   let S = null;
-  for (const [C, { container: o, element: m }] of n.current) {
-    if (!o.isConnected) {
-      (S ??= []).push(C);
+  for (const [m, { container: i, element: p }] of n.current) {
+    if (!i.isConnected) {
+      (S ??= []).push(m);
       continue;
     }
-    G.push(
-      Ee(
-        /* @__PURE__ */ x(Be, { portalKey: C, onError: y, children: m }),
-        o,
-        C
+    R.push(
+      De(
+        /* @__PURE__ */ E(ze, { portalKey: m, onError: C, children: p }),
+        i,
+        m
       )
     );
   }
   if (S) {
-    const C = S;
+    const m = S;
     queueMicrotask(() => {
-      for (const o of C) n.current.delete(o);
+      for (const i of m) n.current.delete(i);
     });
   }
-  return /* @__PURE__ */ x(U, { children: G });
-}), Ke = {
+  return /* @__PURE__ */ E(W, { children: R });
+}), _e = {
   undoRedo: ["editing"],
   clipboard: ["selection"]
 };
-function _e(t) {
+function qe(t) {
   const r = new Set(t);
   for (const d of t) {
-    const n = Ke[d];
+    const n = _e[d];
     if (n)
       for (const s of n)
         r.has(s) || console.warn(
@@ -216,24 +216,24 @@ function _e(t) {
         );
   }
 }
-function qe(t) {
+function Ve(t) {
   const r = [];
   for (const [d, n] of Object.entries(t))
     n === void 0 || n === !1 || r.push(d);
-  return _e(r), Te(t);
+  return qe(r), ke(t);
 }
-let se = !1, _ = null;
-function V() {
-  return se || (_ = new Ge(), ue.registerAdapter(_), se = !0), _;
+let ce = !1, q = null;
+function U() {
+  return ce || (q = new Se(), ae.registerAdapter(q), ce = !0), q;
 }
-V();
-const ce = /* @__PURE__ */ new WeakMap();
-let Ve = 0;
-function Ue(t) {
-  let r = ce.get(t);
-  return r === void 0 && (r = ++Ve, ce.set(t, r)), r;
+U();
+const ue = /* @__PURE__ */ new WeakMap();
+let Ue = 0;
+function We(t) {
+  let r = ue.get(t);
+  return r === void 0 && (r = ++Ue, ue.set(t, r)), r;
 }
-Ce("GridDetailPanel", (t) => {
+ye("GridDetailPanel", (t) => {
   const r = t.props;
   return {
     masterDetail: {
@@ -243,204 +243,207 @@ Ce("GridDetailPanel", (t) => {
     }
   };
 });
-Ce("GridResponsiveCard", () => ({
+ye("GridResponsiveCard", () => ({
   // GridResponsiveCard only carries cardRowHeight; breakpoint is set via the
   // responsive prop. Enable the plugin with defaults — user can override.
   responsive: !0
 }));
-const ur = le(function(r, d) {
+const ar = fe(function(r, d) {
   const {
     // Core props
     rows: n,
     gridConfig: s,
     columns: g,
     columnDefaults: l,
-    fitMode: u,
-    sortable: v,
-    filterable: f,
-    selectable: w,
-    loading: R,
-    customStyles: y,
-    className: G,
-    style: S,
-    children: C,
+    fitMode: a,
+    columnInference: w,
+    sortable: f,
+    filterable: h,
+    selectable: b,
+    loading: C,
+    customStyles: R,
+    className: S,
+    style: m,
+    children: i,
     // Plugin props
-    plugins: o,
+    plugins: p,
     // SSR mode (deprecated - see SSRProps)
-    ssr: m,
+    ssr: v,
     // Legacy event handlers
-    onRowsChange: h,
+    onRowsChange: x,
     // Feature props and event props are in ...rest
-    ...p
-  } = r, a = P(null), M = P(null), J = P(!1), Y = T(je), $ = T(He), ye = F(() => te().map((e) => {
-    const i = p[e];
-    if (i === void 0) return "";
-    let c;
+    ...y
+  } = r, c = G(null), N = G(null), Y = G(!1), Z = k(Be), j = k($e), he = T(() => ne().map((e) => {
+    const o = y[e];
+    if (o === void 0) return "";
+    let u;
     try {
-      c = JSON.stringify(i) ?? "undefined";
+      u = JSON.stringify(o) ?? "undefined";
     } catch {
-      c = typeof i == "object" && i !== null ? `ref#${Ue(i)}` : `prim:${String(i)}`;
+      u = typeof o == "object" && o !== null ? `ref#${We(o)}` : `prim:${String(o)}`;
     }
-    return `${e}:${c}`;
-  }).filter(Boolean).join("|"), [p]), Z = F(() => {
-    const e = {}, i = p;
-    for (const c of te()) {
-      const E = i[c];
-      E !== void 0 && (e[c] = E);
+    return `${e}:${u}`;
+  }).filter(Boolean).join("|"), [y]), Q = T(() => {
+    const e = {}, o = y;
+    for (const u of ne()) {
+      const D = o[u];
+      D !== void 0 && (e[u] = D);
     }
     return e;
-  }, [ye]), Q = F(() => ke(C), [C]), X = F(() => {
-    const e = s?.features, i = {};
-    for (const [c, E] of Object.entries(Q))
-      e && c in e && e[c] !== void 0 && e[c] !== !1 || (i[c] = E);
-    return { ...i, ...Z };
-  }, [Z, Q, s]), j = F(() => o || m ? [] : qe(X), [X, o, m]), k = F(() => {
-    if (o) {
-      const e = new Set(o.map((c) => c.name)), i = j.filter((c) => !e.has(c.name));
-      return [...o, ...i];
+  }, [he]), X = T(() => Ie(i), [i]), ee = T(() => {
+    const e = s?.features, o = {};
+    for (const [u, D] of Object.entries(X))
+      e && u in e && e[u] !== void 0 && e[u] !== !1 || (o[u] = D);
+    return { ...o, ...Q };
+  }, [Q, X, s]), B = T(() => p || v ? [] : Ve(ee), [ee, p, v]), I = T(() => {
+    if (p) {
+      const e = new Set(p.map((u) => u.name)), o = B.filter((u) => !e.has(u.name));
+      return [...p, ...o];
     }
-    return j;
-  }, [o, j]), I = F(() => g && Ne(Me(g), l), [g, l]), L = F(() => {
-    const e = Fe(s), i = {};
-    if (v !== void 0 && (i.sortable = v), f !== void 0 && (i.filterable = f), w !== void 0 && (i.selectable = w), $) {
-      const c = e?.icons || s?.icons || {};
-      i.icons = { ...$, ...c };
+    return B;
+  }, [p, B]), L = T(() => g && Oe(Ne(g), l), [g, l]), A = T(() => {
+    const e = Te(s), o = {};
+    if (f !== void 0 && (o.sortable = f), h !== void 0 && (o.filterable = h), b !== void 0 && (o.selectable = b), j) {
+      const u = e?.icons || s?.icons || {};
+      o.icons = { ...j, ...u };
     }
-    if (k.length > 0 && e) {
-      const c = e.plugins || [], E = new Set(c.map((A) => A.name)), z = k.filter((A) => !E.has(A.name));
+    if (I.length > 0 && e) {
+      const u = e.plugins || [], D = new Set(u.map((M) => M.name)), K = I.filter((M) => !D.has(M.name));
       return {
         ...e,
-        ...i,
-        plugins: [...c, ...z]
+        ...o,
+        plugins: [...u, ...K]
       };
     }
-    return k.length > 0 && !e ? { ...i, plugins: k } : Object.keys(i).length > 0 ? { ...e, ...i } : e;
-  }, [s, k, v, f, w, $]);
-  b(() => {
-    V().setTypeDefaults(Y);
-  }, [Y]), b(() => {
-    a.current && (a.current.rows = n);
-  }, [n]), b(() => {
-    a.current && L && (a.current.gridConfig = L);
-  }, [L]), b(() => {
-    a.current && I && (a.current.columns = I);
-  }, [I]), b(() => {
-    a.current && u !== void 0 && (a.current.fitMode = u);
-  }, [u]), b(() => {
-    a.current && R !== void 0 && (a.current.loading = R);
-  }, [R]), b(() => {
-    const e = a.current;
+    return I.length > 0 && !e ? { ...o, plugins: I } : Object.keys(o).length > 0 ? { ...e, ...o } : e;
+  }, [s, I, f, h, b, j]);
+  P(() => {
+    U().setTypeDefaults(Z);
+  }, [Z]), P(() => {
+    c.current && (c.current.rows = n);
+  }, [n]), P(() => {
+    c.current && A && (c.current.gridConfig = A);
+  }, [A]), P(() => {
+    c.current && L && (c.current.columns = L);
+  }, [L]), P(() => {
+    c.current && a !== void 0 && (c.current.fitMode = a);
+  }, [a]), P(() => {
+    c.current && (c.current.columnInference = w);
+  }, [w]), P(() => {
+    c.current && C !== void 0 && (c.current.loading = C);
+  }, [C]), P(() => {
+    const e = c.current;
     if (!e) return;
-    const i = V();
-    e.__frameworkAdapter = i, De(e);
-    let c = !1;
-    const E = requestAnimationFrame(() => {
-      c || (typeof e.refreshColumns == "function" && e.refreshColumns(), typeof e.refreshShellHeader == "function" && e.refreshShellHeader());
+    const o = U();
+    e.__frameworkAdapter = o, Fe(e);
+    let u = !1;
+    const D = requestAnimationFrame(() => {
+      u || (typeof e.refreshColumns == "function" && e.refreshColumns(), typeof e.refreshShellHeader == "function" && e.refreshShellHeader());
     });
     return () => {
-      c = !0, cancelAnimationFrame(E);
+      u = !0, cancelAnimationFrame(D);
     };
-  }, []), b(() => {
-    if (!a.current || !y) return;
-    const e = a.current, i = "react-custom-styles";
-    let c = !0;
+  }, []), P(() => {
+    if (!c.current || !R) return;
+    const e = c.current, o = "react-custom-styles";
+    let u = !0;
     return e.ready?.().then(() => {
-      c && y && (e.registerStyles?.(i, y), M.current = i);
+      u && R && (e.registerStyles?.(o, R), N.current = o);
     }), () => {
-      c = !1, M.current && (e.unregisterStyles?.(M.current), M.current = null);
+      u = !1, N.current && (e.unregisterStyles?.(N.current), N.current = null);
     };
-  }, [y]), b(() => {
-    const e = a.current;
+  }, [R]), P(() => {
+    const e = c.current;
     if (!e) return;
-    const i = [];
-    return h && i.push(e.on("rows-change", (c) => h(c.rows))), () => {
-      i.forEach((c) => c());
+    const o = [];
+    return x && o.push(e.on("rows-change", (u) => x(u.rows))), () => {
+      o.forEach((u) => u());
     };
-  }, [h]);
-  const ee = F(() => Object.keys(K).filter((e) => typeof p[e] == "function").sort().join("|"), [p]), re = P({});
-  for (const e of Object.keys(K))
-    re.current[e] = p[e];
-  b(() => {
-    const e = a.current;
+  }, [x]);
+  const re = T(() => Object.keys(_).filter((e) => typeof y[e] == "function").sort().join("|"), [y]), te = G({});
+  for (const e of Object.keys(_))
+    te.current[e] = y[e];
+  P(() => {
+    const e = c.current;
     if (!e) return;
-    const i = [];
-    for (const [c, E] of Object.entries(K))
-      ee.includes(c) && i.push(
-        e.on(E, (z, A) => {
-          re.current[c]?.(z, A);
+    const o = [];
+    for (const [u, D] of Object.entries(_))
+      re.includes(u) && o.push(
+        e.on(D, (K, M) => {
+          te.current[u]?.(K, M);
         })
       );
     return () => {
-      i.forEach((c) => c());
+      o.forEach((u) => u());
     };
-  }, [ee]), fe(
+  }, [re]), de(
     d,
     () => ({
       get element() {
-        return a.current;
+        return c.current;
       },
       async getConfig() {
-        return a.current?.getConfig?.() ?? {};
+        return c.current?.getConfig?.() ?? {};
       },
       async ready() {
-        return a.current?.ready?.();
+        return c.current?.ready?.();
       },
       async forceLayout() {
-        return a.current?.forceLayout?.();
+        return c.current?.forceLayout?.();
       },
       async toggleGroup(e) {
-        return a.current?.toggleGroup?.(e);
+        return c.current?.toggleGroup?.(e);
       },
-      registerStyles(e, i) {
-        a.current?.registerStyles?.(e, i);
+      registerStyles(e, o) {
+        c.current?.registerStyles?.(e, o);
       },
       unregisterStyles(e) {
-        a.current?.unregisterStyles?.(e);
+        c.current?.unregisterStyles?.(e);
       },
-      setRowLoading(e, i) {
-        a.current?.setRowLoading?.(e, i);
+      setRowLoading(e, o) {
+        c.current?.setRowLoading?.(e, o);
       },
-      setCellLoading(e, i, c) {
-        a.current?.setCellLoading?.(e, i, c);
+      setCellLoading(e, o, u) {
+        c.current?.setCellLoading?.(e, o, u);
       },
       isRowLoading(e) {
-        return a.current?.isRowLoading?.(e) ?? !1;
+        return c.current?.isRowLoading?.(e) ?? !1;
       },
-      isCellLoading(e, i) {
-        return a.current?.isCellLoading?.(e, i) ?? !1;
+      isCellLoading(e, o) {
+        return c.current?.isCellLoading?.(e, o) ?? !1;
       },
       clearAllLoading() {
-        a.current?.clearAllLoading?.();
+        c.current?.clearAllLoading?.();
       }
     }),
     []
   );
-  const B = P(null);
-  return de(() => {
-    const e = a.current;
-    return e && B.current && ne(e, B.current), () => {
-      e && ne(e, null);
+  const z = G(null);
+  return ge(() => {
+    const e = c.current;
+    return e && z.current && oe(e, z.current), () => {
+      e && oe(e, null);
     };
-  }, []), /* @__PURE__ */ he(U, { children: [
-    /* @__PURE__ */ x(ze, { ref: B }),
-    Pe(
-      ue.activeTag,
+  }, []), /* @__PURE__ */ ve(W, { children: [
+    /* @__PURE__ */ E(Ke, { ref: z }),
+    Ge(
+      ae.activeTag,
       {
         ref: (e) => {
-          if (a.current = e, e && !J.current) {
-            J.current = !0;
-            const i = e;
-            L && (i.gridConfig = L), n && (i.rows = n), I && (i.columns = I);
+          if (c.current = e, e && !Y.current) {
+            Y.current = !0;
+            const o = e;
+            A && (o.gridConfig = A), n && (o.rows = n), L && (o.columns = L);
           }
         },
-        class: G,
-        style: S
+        class: S,
+        style: m
       },
-      /* @__PURE__ */ x(O.Provider, { value: a, children: C })
+      /* @__PURE__ */ E(H.Provider, { value: c, children: i })
     )
   ] });
 });
-function ar(t) {
+function lr(t) {
   const {
     field: r,
     header: d,
@@ -448,196 +451,197 @@ function ar(t) {
     editable: s,
     sortable: g,
     resizable: l,
-    width: u,
-    minWidth: v,
-    hidden: f,
-    lockVisible: w,
-    children: R,
-    editor: y,
-    options: G,
-    multi: S,
-    format: C
-  } = t, o = P(null), m = D(
-    (a) => {
-      o.current = a, a && (R && Se(a, R), y && xe(a, y));
+    width: a,
+    minWidth: w,
+    order: f,
+    hidden: h,
+    lockVisible: b,
+    children: C,
+    editor: R,
+    options: S,
+    multi: m,
+    format: i
+  } = t, p = G(null), v = F(
+    (c) => {
+      p.current = c, c && (C && xe(c, C), R && Ee(c, R));
     },
-    [R, y]
-  ), h = typeof u == "number" ? `${u}px` : u, p = {
+    [C, R]
+  ), x = typeof a == "number" ? `${a}px` : a, y = {
     field: r,
-    ref: m
+    ref: v
   };
-  return d !== void 0 && (p.header = d), n !== void 0 && (p.type = n), s !== void 0 && (p.editable = s), g !== void 0 && (p.sortable = g), l !== void 0 && (p.resizable = l), h !== void 0 && (p.width = h), v !== void 0 && (p["min-width"] = v), f !== void 0 && (p.hidden = f), w !== void 0 && (p["lock-visible"] = w), S !== void 0 && (p.multi = S), C && (p["data-has-format"] = "true"), G && (p["data-has-options"] = "true"), /* @__PURE__ */ x("tbw-grid-column", { ...p });
+  return d !== void 0 && (y.header = d), n !== void 0 && (y.type = n), s !== void 0 && (y.editable = s), g !== void 0 && (y.sortable = g), l !== void 0 && (y.resizable = l), x !== void 0 && (y.width = x), w !== void 0 && (y["min-width"] = w), f !== void 0 && (y.order = f), h !== void 0 && (y.hidden = h), b !== void 0 && (y["lock-visible"] = b), m !== void 0 && (y.multi = m), i && (y["data-has-format"] = "true"), S && (y["data-has-options"] = "true"), /* @__PURE__ */ E("tbw-grid-column", { ...y });
 }
-function lr({ id: t, order: r = 100, children: d }) {
-  const n = ge(), s = t ?? `tbw-header-content-${n}`, g = T(O), [l, u] = N(null), v = P(null);
-  return b(() => {
+function fr({ id: t, order: r = 100, children: d }) {
+  const n = pe(), s = t ?? `tbw-header-content-${n}`, g = k(H), [l, a] = O(null), w = G(null);
+  return P(() => {
     const f = g?.current;
     if (!f) return;
-    const w = v;
-    let R = !1;
+    const h = w;
+    let b = !1;
     return (async () => {
       try {
         await f.ready?.();
       } catch {
         return;
       }
-      if (R) return;
-      const y = {
+      if (b) return;
+      const C = {
         id: s,
         order: r,
-        render: (S) => (u(S), () => {
+        render: (S) => (a(S), () => {
         })
-      }, G = f.getPluginByName?.("shell");
-      G?.registerHeaderContent ? G.registerHeaderContent(y) : f.registerHeaderContent?.(y);
+      }, R = f.getPluginByName?.("shell");
+      R?.registerHeaderContent ? R.registerHeaderContent(C) : f.registerHeaderContent?.(C);
     })(), () => {
-      R = !0;
-      const y = f.getPluginByName?.("shell");
-      y?.unregisterHeaderContent ? y.unregisterHeaderContent(s) : f.unregisterHeaderContent?.(s), w.current && (pe(w.current, { sync: !0 }), w.current = null), u(null);
+      b = !0;
+      const C = f.getPluginByName?.("shell");
+      C?.unregisterHeaderContent ? C.unregisterHeaderContent(s) : f.unregisterHeaderContent?.(s), h.current && (me(h.current, { sync: !0 }), h.current = null), a(null);
     };
-  }, [g, s, r]), b(() => {
+  }, [g, s, r]), P(() => {
     if (!l) return;
     const f = g?.current ?? void 0;
-    v.current = me(l, d, v.current ?? void 0, f);
+    w.current = Ce(l, d, w.current ?? void 0, f);
   }, [d, l, g]), null;
 }
-function fr({ children: t }) {
-  return /* @__PURE__ */ x("tbw-grid-tool-buttons", { children: t });
+function dr({ children: t }) {
+  return /* @__PURE__ */ E("tbw-grid-tool-buttons", { children: t });
 }
-function dr({ id: t, order: r = 100, children: d }) {
-  const n = ge(), s = t ?? `tbw-toolbar-content-${n}`, g = T(O), [l, u] = N(null), v = P(null);
-  return b(() => {
+function gr({ id: t, order: r = 100, children: d }) {
+  const n = pe(), s = t ?? `tbw-toolbar-content-${n}`, g = k(H), [l, a] = O(null), w = G(null);
+  return P(() => {
     const f = g?.current;
     if (!f) return;
-    const w = v;
-    let R = !1;
+    const h = w;
+    let b = !1;
     return (async () => {
       try {
         await f.ready?.();
       } catch {
         return;
       }
-      if (R) return;
-      const y = {
+      if (b) return;
+      const C = {
         id: s,
         order: r,
-        render: (S) => (u(S), () => {
+        render: (S) => (a(S), () => {
         })
-      }, G = f.getPluginByName?.("shell");
-      G?.registerToolbarContent ? G.registerToolbarContent(y) : f.registerToolbarContent?.(y);
+      }, R = f.getPluginByName?.("shell");
+      R?.registerToolbarContent ? R.registerToolbarContent(C) : f.registerToolbarContent?.(C);
     })(), () => {
-      R = !0;
-      const y = f.getPluginByName?.("shell");
-      y?.unregisterToolbarContent ? y.unregisterToolbarContent(s) : f.unregisterToolbarContent?.(s), w.current && (pe(w.current, { sync: !0 }), w.current = null), u(null);
+      b = !0;
+      const C = f.getPluginByName?.("shell");
+      C?.unregisterToolbarContent ? C.unregisterToolbarContent(s) : f.unregisterToolbarContent?.(s), h.current && (me(h.current, { sync: !0 }), h.current = null), a(null);
     };
-  }, [g, s, r]), b(() => {
+  }, [g, s, r]), P(() => {
     if (!l) return;
     const f = g?.current ?? void 0;
-    v.current = me(l, d, v.current ?? void 0, f);
+    w.current = Ce(l, d, w.current ?? void 0, f);
   }, [d, l, g]), null;
 }
-const gr = ({ icons: t, defaults: r, children: d }) => {
+const pr = ({ icons: t, defaults: r, children: d }) => {
   let n = d;
-  return r && (n = /* @__PURE__ */ x($e, { defaults: r, children: n })), t && (n = /* @__PURE__ */ x(Oe, { icons: t, children: n })), /* @__PURE__ */ x(U, { children: n });
+  return r && (n = /* @__PURE__ */ E(je, { defaults: r, children: n })), t && (n = /* @__PURE__ */ E(He, { icons: t, children: n })), /* @__PURE__ */ E(W, { children: n });
 };
-function pr(t) {
-  const r = P(null), [d, n] = N(!1), [s, g] = N(null), l = P(null), u = D(() => t ? (l.current ??= document.querySelector(t), l.current) : r.current?.element ?? null, [t]);
-  b(() => {
-    let o = !0;
+function mr(t) {
+  const r = G(null), [d, n] = O(!1), [s, g] = O(null), l = G(null), a = F(() => t ? (l.current ??= document.querySelector(t), l.current) : r.current?.element ?? null, [t]);
+  P(() => {
+    let i = !0;
     return (async () => {
       try {
         if (t) {
-          const h = document.querySelector(t);
-          if (!h) return;
-          if (l.current = h, await h.ready?.(), o) {
+          const v = document.querySelector(t);
+          if (!v) return;
+          if (l.current = v, await v.ready?.(), i) {
             n(!0);
-            const p = await h.getConfig?.();
-            o && p && g(p);
+            const x = await v.getConfig?.();
+            i && x && g(x);
           }
         } else {
-          const h = r.current;
-          if (!h) return;
-          if (await h.ready?.(), o) {
+          const v = r.current;
+          if (!v) return;
+          if (await v.ready?.(), i) {
             n(!0);
-            const p = await h.getConfig?.();
-            o && p && g(p);
+            const x = await v.getConfig?.();
+            i && x && g(x);
           }
         }
       } catch {
       }
     })(), () => {
-      o = !1;
+      i = !1;
     };
   }, [t]);
-  const v = D(async () => {
-    const o = u();
-    if (o)
-      return await o.getConfig?.() ?? null;
-    const m = r.current;
-    return m ? await m.getConfig?.() ?? null : null;
-  }, [u]), f = D(async () => {
-    const o = u();
-    if (o) {
-      await o.forceLayout?.();
+  const w = F(async () => {
+    const i = a();
+    if (i)
+      return await i.getConfig?.() ?? null;
+    const p = r.current;
+    return p ? await p.getConfig?.() ?? null : null;
+  }, [a]), f = F(async () => {
+    const i = a();
+    if (i) {
+      await i.forceLayout?.();
       return;
     }
-    const m = r.current;
-    m && await m.forceLayout?.();
-  }, [u]), w = D(
-    async (o) => {
-      const m = u();
-      if (m) {
-        await m.toggleGroup?.(o);
+    const p = r.current;
+    p && await p.forceLayout?.();
+  }, [a]), h = F(
+    async (i) => {
+      const p = a();
+      if (p) {
+        await p.toggleGroup?.(i);
         return;
       }
-      const h = r.current;
-      h && await h.toggleGroup?.(o);
+      const v = r.current;
+      v && await v.toggleGroup?.(i);
     },
-    [u]
-  ), R = D(
-    (o) => u()?.getPlugin?.(o),
-    [u]
-  ), y = D(
-    ((o) => u()?.getPluginByName?.(o)),
-    [u]
-  ), G = D(
-    (o, m) => {
-      const h = u();
-      if (h) {
-        h.registerStyles?.(o, m);
+    [a]
+  ), b = F(
+    (i) => a()?.getPlugin?.(i),
+    [a]
+  ), C = F(
+    ((i) => a()?.getPluginByName?.(i)),
+    [a]
+  ), R = F(
+    (i, p) => {
+      const v = a();
+      if (v) {
+        v.registerStyles?.(i, p);
         return;
       }
-      r.current?.registerStyles?.(o, m);
+      r.current?.registerStyles?.(i, p);
     },
-    [u]
-  ), S = D(
-    (o) => {
-      const m = u();
-      if (m) {
-        m.unregisterStyles?.(o);
+    [a]
+  ), S = F(
+    (i) => {
+      const p = a();
+      if (p) {
+        p.unregisterStyles?.(i);
         return;
       }
-      r.current?.unregisterStyles?.(o);
+      r.current?.unregisterStyles?.(i);
     },
-    [u]
-  ), C = D(() => s?.columns ? s.columns.filter((o) => !o.hidden) : [], [s]);
+    [a]
+  ), m = F(() => s?.columns ? s.columns.filter((i) => !i.hidden) : [], [s]);
   return {
     ref: r,
-    element: u(),
+    element: a(),
     isReady: d,
     config: s,
-    getConfig: v,
+    getConfig: w,
     forceLayout: f,
-    toggleGroup: w,
-    getPlugin: R,
-    getPluginByName: y,
-    registerStyles: G,
+    toggleGroup: h,
+    getPlugin: b,
+    getPluginByName: C,
+    registerStyles: R,
     unregisterStyles: S,
-    getVisibleColumns: C
+    getVisibleColumns: m
   };
 }
-function mr(t, r = {}) {
-  const { open: d = !0, gridElement: n } = r, s = T(O);
-  b(() => {
+function Cr(t, r = {}) {
+  const { open: d = !0, gridElement: n } = r, s = k(H);
+  P(() => {
     if (!d) return;
     const g = t.current;
     if (!g) return;
@@ -649,29 +653,29 @@ function mr(t, r = {}) {
   }, [d, n, s, t]);
 }
 export {
-  ur as DataGrid,
-  Ge as GridAdapter,
-  ar as GridColumn,
-  Sr as GridDetailPanel,
-  lr as GridHeaderContent,
-  Oe as GridIconProvider,
-  gr as GridProvider,
-  Er as GridResponsiveCard,
-  fr as GridToolButtons,
-  hr as GridToolPanel,
-  dr as GridToolbarContent,
-  $e as GridTypeProvider,
-  Ne as applyColumnDefaults,
-  or as hasColumnShorthands,
-  Me as normalizeColumns,
-  Ae as parseColumnShorthand,
-  Ce as registerChildFeatureDetector,
-  Pr as registerEditorMountHook,
-  vr as registerFeaturePropKey,
-  Rr as registerPostMountRefresh,
-  pr as useGrid,
-  ir as useGridIcons,
-  mr as useGridOverlay,
-  sr as useGridTypeDefaults,
-  cr as useTypeDefault
+  ar as DataGrid,
+  Se as GridAdapter,
+  lr as GridColumn,
+  xr as GridDetailPanel,
+  fr as GridHeaderContent,
+  He as GridIconProvider,
+  pr as GridProvider,
+  Dr as GridResponsiveCard,
+  dr as GridToolButtons,
+  vr as GridToolPanel,
+  gr as GridToolbarContent,
+  je as GridTypeProvider,
+  Oe as applyColumnDefaults,
+  ir as hasColumnShorthands,
+  Ne as normalizeColumns,
+  Me as parseColumnShorthand,
+  ye as registerChildFeatureDetector,
+  Gr as registerEditorMountHook,
+  wr as registerFeaturePropKey,
+  br as registerPostMountRefresh,
+  mr as useGrid,
+  sr as useGridIcons,
+  Cr as useGridOverlay,
+  cr as useGridTypeDefaults,
+  ur as useTypeDefault
 };

package/lib/data-grid.d.ts

@@ -1,4 +1,4 @@
-import { BaseGridPlugin, DataGridElement } from '@toolbox-web/grid';
+import { BaseGridPlugin, ColumnInferenceMode, DataGridElement } from '@toolbox-web/grid';
 import { ReactNode } from 'react';
 import { ColumnShorthand } from './column-shorthand';
 import { EventProps } from './event-props';
@@ -70,6 +70,13 @@ export interface DataGridProps<TRow = unknown> extends AllFeatureProps<TRow>, Ev
     columnDefaults?: Partial<ColumnConfig<TRow>>;
     /** Fit mode for column sizing */
     fitMode?: 'stretch' | 'fit-columns' | 'auto-fit';
+    /**
+     * How automatic column inference combines with explicitly provided columns.
+     *
+     * - `'auto'` (default): infer only when no columns are provided.
+     * - `'merge'`: always infer from data, then overlay provided columns by `field`.
+     */
+    columnInference?: ColumnInferenceMode;
     /**
      * Grid-wide sorting toggle.
      * When false, disables sorting for all columns regardless of their individual `sortable` setting.

package/lib/data-grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data-grid.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/lib/data-grid.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"data-grid.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/lib/data-grid.tsx"],"names":[],"mappings":"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"}

package/lib/grid-column.d.ts

@@ -20,6 +20,8 @@ export interface GridColumnProps<TRow = unknown, TValue = unknown> {
     width?: string | number;
     /** Minimum width for stretch mode */
     minWidth?: number;
+    /** Initial column display index */
+    order?: number;
     /** Whether the column is hidden */
     hidden?: boolean;
     /** Prevent column from being hidden */

package/lib/grid-column.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"grid-column.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/lib/grid-column.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAChF,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,aAAa,CAAC;AAGrB;;GAEG;AACH,MAAM,WAAW,eAAe,CAAC,IAAI,GAAG,OAAO,EAAE,MAAM,GAAG,OAAO;IAC/D,kCAAkC;IAClC,KAAK,EAAE,MAAM,IAAI,GAAG,MAAM,CAAC;IAC3B,yDAAyD;IACzD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,uBAAuB;IACvB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,WAAW,CAAC;IACzE,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sCAAsC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mCAAmC;IACnC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,uCAAuC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;;;;;;OAUG;IACH,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,iBAAiB,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,SAAS,CAAC;IAC/D;;;;;;;;;;;;;;;;;;OAkBG;IACH,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,mBAAmB,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,SAAS,CAAC;IAC/D,+BAA+B;IAC/B,OAAO,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IACnD,sDAAsD;IACtD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,gCAAgC;IAChC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,KAAK,MAAM,CAAC;CAC/C;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDG;AACH,wBAAgB,UAAU,CAAC,IAAI,GAAG,OAAO,EAAE,MAAM,GAAG,OAAO,EAAE,KAAK,EAAE,eAAe,CAAC,IAAI,EAAE,MAAM,CAAC,GAAG,KAAK,CAAC,YAAY,CAyErH"}
+{"version":3,"file":"grid-column.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/lib/grid-column.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAChF,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,aAAa,CAAC;AAGrB;;GAEG;AACH,MAAM,WAAW,eAAe,CAAC,IAAI,GAAG,OAAO,EAAE,MAAM,GAAG,OAAO;IAC/D,kCAAkC;IAClC,KAAK,EAAE,MAAM,IAAI,GAAG,MAAM,CAAC;IAC3B,yDAAyD;IACzD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,uBAAuB;IACvB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,WAAW,CAAC;IACzE,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sCAAsC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mCAAmC;IACnC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,uCAAuC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;;;;;;OAUG;IACH,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,iBAAiB,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,SAAS,CAAC;IAC/D;;;;;;;;;;;;;;;;;;OAkBG;IACH,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,mBAAmB,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,SAAS,CAAC;IAC/D,+BAA+B;IAC/B,OAAO,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IACnD,sDAAsD;IACtD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,gCAAgC;IAChC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,KAAK,MAAM,CAAC;CAC/C;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDG;AACH,wBAAgB,UAAU,CAAC,IAAI,GAAG,OAAO,EAAE,MAAM,GAAG,OAAO,EAAE,KAAK,EAAE,eAAe,CAAC,IAAI,EAAE,MAAM,CAAC,GAAG,KAAK,CAAC,YAAY,CA2ErH"}

package/package.json

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