@toolbox-web/grid-react 2.0.0-rc.1 → 2.1.0

package/index.js

@@ -1,677 +1,644 @@
-import { jsx as S, Fragment as U, jsxs as ce } from "react/jsx-runtime";
-import { parseColumnShorthand as Ce, DataGridElement as ue } from "@toolbox-web/grid";
-import { Children as ve, isValidElement as we, createContext as ae, useContext as k, forwardRef as le, useRef as b, useReducer as Re, useImperativeHandle as fe, useLayoutEffect as de, Component as be, useMemo as T, useEffect as R, createElement as Pe, useCallback as E, useId as ge, useState as A } from "react";
-import { g as te, G as Ge, c as Se, d as Ee, e as xe, f as Fe } from "./chunks/react-grid-adapter-BhC9x425.js";
-import { h as wr, i as Rr } from "./chunks/react-grid-adapter-BhC9x425.js";
-import { s as ne, r as pe, a as me } from "./chunks/portal-bridge-CvxNt40O.js";
-import { flushSync as oe, createPortal as De } from "react-dom";
-import { n as Te } from "./chunks/post-mount-refresh-hooks-Dt7mPoZC.js";
-import { r as Pr } from "./chunks/post-mount-refresh-hooks-Dt7mPoZC.js";
-import { p as ke } from "./chunks/react-column-config-BOe_PgL1.js";
-import { r as Sr } from "./chunks/react-column-config-BOe_PgL1.js";
-import { createPluginsFromFeatures as Me } from "@toolbox-web/grid/features/registry";
-import { G as $ } 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 _ = /* @__PURE__ */ new Map();
-function ye(t, r) {
-  _.set(t, r);
+import { c as e, d as t, f as n, l as r, n as i, p as a, r as o, s, t as c, u as l } from "./chunks/react-grid-adapter-CZfpPJvo.js";
+import { a as u, i as d, o as f } from "./chunks/portal-bridge-zxgm_jwK.js";
+import { n as p, t as m } from "./chunks/post-mount-refresh-hooks-D7BDK4Kl.js";
+import { a as h, r as g } from "./chunks/react-column-config-Cto2WHGC.js";
+import "./chunks/feature-registry-8K2rOVnC.js";
+import { t as _ } from "./chunks/grid-element-context-DpuQsoie.js";
+import { t as v } from "./chunks/grid-detail-panel-CLdX0T_A.js";
+import { t as y } from "./chunks/grid-responsive-card-Dx5U6Prm.js";
+import { DataGridElement as b, parseColumnShorthand as x } from "@toolbox-web/grid";
+import { Component as S, createContext as C, createElement as ee, forwardRef as w, useCallback as T, useContext as E, useEffect as D, useId as O, useImperativeHandle as te, useLayoutEffect as ne, useMemo as k, useReducer as A, useRef as j, useState as M } from "react";
+import { Fragment as N, jsx as P, jsxs as re } from "react/jsx-runtime";
+import { createPortal as F, flushSync as I } from "react-dom";
+import { createPluginsFromFeatures as L } from "@toolbox-web/grid/features/registry";
+//#region libs/grid-react/src/lib/column-shorthand.ts
+function R(e) {
+	let { field: t, header: n, type: r } = x(e);
+	return r === void 0 ? {
+		field: t,
+		header: n
+	} : {
+		field: t,
+		header: n,
+		type: r
+	};
 }
-function Ie(t) {
-  const r = {};
-  return _.size === 0 || ve.forEach(t, (l) => {
-    if (!we(l)) return;
-    const n = l.type, c = typeof n == "string" ? void 0 : n?.displayName;
-    if (typeof c != "string") return;
-    const d = _.get(c);
-    if (!d) return;
-    const f = d(l);
-    f && Object.assign(r, f);
-  }), r;
+function z(e) {
+	return e.map((e) => typeof e == "string" ? R(e) : e);
 }
-function Le(t) {
-  const { field: r, header: l, type: n } = Ce(t);
-  return n === void 0 ? { field: r, header: l } : { field: r, header: l, type: n };
+function B(e, t) {
+	return t ? e.map((e) => ({
+		...t,
+		...e
+	})) : e;
 }
-function Ne(t) {
-  return t.map((r) => typeof r == "string" ? Le(r) : r);
+function V(e) {
+	return e.some((e) => typeof e == "string");
 }
-function Ae(t, r) {
-  return r ? t.map((l) => ({ ...r, ...l })) : t;
-}
-function ir(t) {
-  return t.some((r) => typeof r == "string");
-}
-const H = {
-  onCellClick: "cell-click",
-  onRowClick: "row-click",
-  onCellActivate: "cell-activate",
-  onCellChange: "cell-change",
-  onCellCommit: "cell-commit",
-  onCellCancel: "cell-cancel",
-  onRowCommit: "row-commit",
-  onChangedRowsReset: "changed-rows-reset",
-  onEditOpen: "edit-open",
-  onBeforeEditClose: "before-edit-close",
-  onEditClose: "edit-close",
-  onDirtyChange: "dirty-change",
-  onDataChange: "data-change",
-  onSortChange: "sort-change",
-  onFilterChange: "filter-change",
-  onColumnResize: "column-resize",
-  onColumnResizeReset: "column-resize-reset",
-  onColumnMove: "column-move",
-  onColumnVisibility: "column-visibility",
-  onColumnStateChange: "column-state-change",
-  onSelectionChange: "selection-change",
-  onRowMove: "row-move",
-  onRowDragStart: "row-drag-start",
-  onRowDragEnd: "row-drag-end",
-  onRowDrop: "row-drop",
-  onRowTransfer: "row-transfer",
-  onGroupToggle: "group-toggle",
-  onGroupExpand: "group-expand",
-  onGroupCollapse: "group-collapse",
-  onTreeExpand: "tree-expand",
-  onDetailExpand: "detail-expand",
-  onResponsiveChange: "responsive-change",
-  onContextMenuOpen: "context-menu-open",
-  onCopy: "copy",
-  onPaste: "paste",
-  onPasteRejected: "paste-rejected",
-  onUndo: "undo",
-  onRedo: "redo",
-  onExportComplete: "export-complete",
-  onPrintStart: "print-start",
-  onPrintComplete: "print-complete",
-  onTbwScroll: "tbw-scroll",
-  onRender: "render"
-}, W = ae(null), $e = ({ icons: t, children: r }) => /* @__PURE__ */ S(W.Provider, { value: t, children: r });
-function sr() {
-  return k(W);
+//#endregion
+//#region libs/grid-react/src/lib/event-props.ts
+var H = {
+	onCellClick: "cell-click",
+	onRowClick: "row-click",
+	onCellActivate: "cell-activate",
+	onCellChange: "cell-change",
+	onCellCommit: "cell-commit",
+	onCellCancel: "cell-cancel",
+	onRowCommit: "row-commit",
+	onChangedRowsReset: "changed-rows-reset",
+	onEditOpen: "edit-open",
+	onBeforeEditClose: "before-edit-close",
+	onEditClose: "edit-close",
+	onDirtyChange: "dirty-change",
+	onDataChange: "data-change",
+	onSortChange: "sort-change",
+	onFilterChange: "filter-change",
+	onColumnResize: "column-resize",
+	onColumnResizeReset: "column-resize-reset",
+	onColumnMove: "column-move",
+	onColumnVisibility: "column-visibility",
+	onColumnStateChange: "column-state-change",
+	onSelectionChange: "selection-change",
+	onRowMove: "row-move",
+	onRowDragStart: "row-drag-start",
+	onRowDragEnd: "row-drag-end",
+	onRowDrop: "row-drop",
+	onRowTransfer: "row-transfer",
+	onGroupToggle: "group-toggle",
+	onGroupExpand: "group-expand",
+	onGroupCollapse: "group-collapse",
+	onTreeExpand: "tree-expand",
+	onDetailExpand: "detail-expand",
+	onResponsiveChange: "responsive-change",
+	onContextMenuOpen: "context-menu-open",
+	onCopy: "copy",
+	onPaste: "paste",
+	onPasteRejected: "paste-rejected",
+	onUndo: "undo",
+	onRedo: "redo",
+	onExportComplete: "export-complete",
+	onPrintStart: "print-start",
+	onPrintComplete: "print-complete",
+	onTbwScroll: "tbw-scroll",
+	onRender: "render"
+}, U = C(null), W = ({ icons: e, children: t }) => /* @__PURE__ */ P(U.Provider, {
+	value: e,
+	children: t
+});
+function G() {
+	return E(U);
 }
-const je = W, j = ae(null), Oe = ({ defaults: t, children: r }) => /* @__PURE__ */ S(j.Provider, { value: t, children: r });
-function cr() {
-  return k(j);
+var ie = U, K = C(null), q = ({ defaults: e, children: t }) => /* @__PURE__ */ P(K.Provider, {
+	value: e,
+	children: t
+});
+function J() {
+	return E(K);
 }
-function ur(t) {
-  return k(j)?.[t];
+function Y(e) {
+	return E(K)?.[e];
 }
-const Be = j;
-class ze extends be {
-  state = { failed: !1 };
-  static getDerivedStateFromError() {
-    return { failed: !0 };
-  }
-  componentDidCatch(r) {
-    this.props.onError(this.props.portalKey, r);
-  }
-  render() {
-    return this.state.failed ? null : this.props.children;
-  }
+var ae = K, X = class extends S {
+	state = { failed: !1 };
+	static getDerivedStateFromError() {
+		return { failed: !0 };
+	}
+	componentDidCatch(e) {
+		this.props.onError(this.props.portalKey, e);
+	}
+	render() {
+		return this.state.failed ? null : this.props.children;
+	}
+}, oe = w(function(e, t) {
+	let n = j(/* @__PURE__ */ new Map()), [, r] = A((e) => e + 1, 0), i = j(!1), a = j(0), o = j(0), s = j(!1), c = j(!1), l = () => {
+		i.current || (i.current = !0, queueMicrotask(() => {
+			i.current = !1, !c.current && (I(r), u());
+		}));
+	}, u = () => {
+		a.current ||= requestAnimationFrame(() => {
+			a.current = 0, !c.current && r();
+		});
+	}, d = (e, t) => {
+		console.error(`[grid-react] Portal "${e}" crashed; dropping.`, t), n.current.delete(e), u();
+	};
+	te(t, () => ({
+		renderPortal(e, t, r) {
+			c.current || (n.current.set(e, {
+				container: t,
+				element: r
+			}), l());
+		},
+		removePortal(e, t) {
+			if (c.current) {
+				n.current.delete(e);
+				return;
+			}
+			n.current.delete(e) && (o.current > 0 ? s.current = !0 : t ? I(r) : l());
+		},
+		beginBatch() {
+			o.current++;
+		},
+		endBatch() {
+			o.current !== 0 && (o.current--, o.current === 0 && s.current && (s.current = !1, r()));
+		},
+		clear() {
+			if (c.current) {
+				n.current.clear();
+				return;
+			}
+			n.current.size > 0 && (n.current.clear(), a.current &&= (cancelAnimationFrame(a.current), 0), l());
+		}
+	}), []), ne(() => {
+		c.current = !1;
+		let e = n.current;
+		return () => {
+			c.current = !0, a.current &&= (cancelAnimationFrame(a.current), 0), e.clear();
+		};
+	}, []);
+	let f = [], p = null;
+	for (let [e, { container: t, element: r }] of n.current) {
+		if (!t.isConnected) {
+			(p ??= []).push(e);
+			continue;
+		}
+		f.push(F(/* @__PURE__ */ P(X, {
+			portalKey: e,
+			onError: d,
+			children: r
+		}), t, e));
+	}
+	if (p) {
+		let e = p;
+		queueMicrotask(() => {
+			for (let t of e) n.current.delete(t);
+		});
+	}
+	return /* @__PURE__ */ P(N, { children: f });
+});
+//#endregion
+//#region libs/grid-react/src/lib/row-diff.ts
+function se(e, t, n) {
+	if (t.length === 0 || e.length !== t.length) return null;
+	let r = [];
+	for (let i = 0; i < e.length; i++) {
+		let a = e[i], o = t[i], s = n(a);
+		if (s !== n(o)) return null;
+		o !== a && r.push({
+			id: s,
+			changes: a
+		});
+	}
+	return r;
 }
-const Ke = le(function(r, l) {
-  const n = b(/* @__PURE__ */ new Map()), [, c] = Re((y) => y + 1, 0), d = b(!1), f = b(0), u = b(0), m = b(!1), g = b(!1), C = () => {
-    d.current || (d.current = !0, queueMicrotask(() => {
-      d.current = !1, !g.current && (oe(c), v());
-    }));
-  }, v = () => {
-    f.current || (f.current = requestAnimationFrame(() => {
-      f.current = 0, !g.current && c();
-    }));
-  }, G = (y, s) => {
-    console.error(`[grid-react] Portal "${y}" crashed; dropping.`, s), n.current.delete(y), v();
-  };
-  fe(
-    l,
-    () => ({
-      renderPortal(y, s, p) {
-        g.current || (n.current.set(y, { container: s, element: p }), C());
-      },
-      removePortal(y, s) {
-        if (g.current) {
-          n.current.delete(y);
-          return;
-        }
-        n.current.delete(y) && (u.current > 0 ? m.current = !0 : s ? oe(c) : C());
-      },
-      beginBatch() {
-        u.current++;
-      },
-      endBatch() {
-        u.current !== 0 && (u.current--, u.current === 0 && m.current && (m.current = !1, c()));
-      },
-      clear() {
-        if (g.current) {
-          n.current.clear();
-          return;
-        }
-        n.current.size > 0 && (n.current.clear(), f.current && (cancelAnimationFrame(f.current), f.current = 0), C());
-      }
-    }),
-    // forceRender is stable (useReducer dispatch), refs are stable
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    []
-  ), de(() => {
-    g.current = !1;
-    const y = n.current;
-    return () => {
-      g.current = !0, f.current && (cancelAnimationFrame(f.current), f.current = 0), y.clear();
-    };
-  }, []);
-  const w = [];
-  let F = null;
-  for (const [y, { container: s, element: p }] of n.current) {
-    if (!s.isConnected) {
-      (F ??= []).push(y);
-      continue;
-    }
-    w.push(
-      De(
-        /* @__PURE__ */ S(ze, { portalKey: y, onError: G, children: p }),
-        s,
-        y
-      )
-    );
-  }
-  if (F) {
-    const y = F;
-    queueMicrotask(() => {
-      for (const s of y) n.current.delete(s);
-    });
-  }
-  return /* @__PURE__ */ S(U, { children: w });
-}), He = {
-  undoRedo: ["editing"],
-  clipboard: ["selection"]
+//#endregion
+//#region libs/grid-react/src/lib/use-sync-plugins.ts
+var Z = {
+	undoRedo: ["editing"],
+	clipboard: ["selection"]
 };
-function qe(t) {
-  const r = new Set(t);
-  for (const l of t) {
-    const n = He[l];
-    if (n)
-      for (const c of n)
-        r.has(c) || console.warn(
-          `[DataGrid] Feature "${l}" requires "${c}" to be enabled. Add the "${c}" prop to your DataGrid.`
-        );
-  }
+function ce(e) {
+	let t = new Set(e);
+	for (let n of e) {
+		let e = Z[n];
+		if (e) for (let r of e) t.has(r) || console.warn(`[DataGrid] Feature "${n}" requires "${r}" to be enabled. Add the "${r}" prop to your DataGrid.`);
+	}
 }
-function _e(t) {
-  const r = [];
-  for (const [l, n] of Object.entries(t))
-    n === void 0 || n === !1 || r.push(l);
-  return qe(r), Me(t);
+function le(e) {
+	let t = [];
+	for (let [n, r] of Object.entries(e)) r === void 0 || r === !1 || t.push(n);
+	return ce(t), L(e);
 }
-let ie = !1, q = null;
-function V() {
-  return ie || (q = new Ge(), ue.registerAdapter(q), ie = !0), q;
+//#endregion
+//#region libs/grid-react/src/lib/data-grid.tsx
+var ue = !1, Q = null;
+function $() {
+	return ue ||= (Q = new c(), b.registerAdapter(Q), !0), Q;
 }
-V();
-const se = /* @__PURE__ */ new WeakMap();
-let Ve = 0;
-function Ue(t) {
-  let r = se.get(t);
-  return r === void 0 && (r = ++Ve, se.set(t, r)), r;
+$();
+var de = /* @__PURE__ */ new WeakMap(), fe = 0;
+function pe(e) {
+	let t = de.get(e);
+	return t === void 0 && (t = ++fe, de.set(e, t)), t;
 }
-ye("GridDetailPanel", (t) => {
-  const r = t.props;
-  return {
-    masterDetail: {
-      showExpandColumn: r.showExpandColumn ?? !0,
-      animation: r.animation ?? "slide"
-      // detailRenderer is wired up by the masterDetail post-mount refresh hook.
-    }
-  };
-});
-ye("GridResponsiveCard", () => ({
-  // GridResponsiveCard only carries cardRowHeight; breakpoint is set via the
-  // responsive prop. Enable the plugin with defaults — user can override.
-  responsive: !0
-}));
-const ar = le(function(r, l) {
-  const {
-    // Core props
-    rows: n,
-    gridConfig: c,
-    columns: d,
-    columnDefaults: f,
-    fitMode: u,
-    columnInference: m,
-    sortable: g,
-    filterable: C,
-    selectable: v,
-    loading: G,
-    customStyles: w,
-    className: F,
-    style: y,
-    children: s,
-    // Plugin props
-    plugins: p,
-    // Legacy event handlers
-    onRowsChange: h,
-    // Feature props and event props are in ...rest
-    ...P
-  } = r, o = b(null), D = b(null), J = b(!1), Z = k(Be), O = k(je), he = T(() => te().map((e) => {
-    const i = P[e];
-    if (i === void 0) return "";
-    let a;
-    try {
-      a = JSON.stringify(i) ?? "undefined";
-    } catch {
-      a = typeof i == "object" && i !== null ? `ref#${Ue(i)}` : `prim:${String(i)}`;
-    }
-    return `${e}:${a}`;
-  }).filter(Boolean).join("|"), [P]), Q = T(() => {
-    const e = {}, i = P;
-    for (const a of te()) {
-      const x = i[a];
-      x !== void 0 && (e[a] = x);
-    }
-    return e;
-  }, [he]), X = T(() => Ie(s), [s]), Y = T(() => {
-    const e = c?.features, i = {};
-    for (const [a, x] of Object.entries(X))
-      e && a in e && e[a] !== void 0 && e[a] !== !1 || (i[a] = x);
-    return { ...i, ...Q };
-  }, [Q, X, c]), B = T(() => p ? [] : _e(Y), [Y, p]), M = T(() => {
-    if (p) {
-      const e = new Set(p.map((a) => a.name)), i = B.filter((a) => !e.has(a.name));
-      return [...p, ...i];
-    }
-    return B;
-  }, [p, B]), I = T(() => d && Ae(Ne(d), f), [d, f]), L = T(() => {
-    const e = ke(c), i = {};
-    if (g !== void 0 && (i.sortable = g), C !== void 0 && (i.filterable = C), v !== void 0 && (i.selectable = v), O) {
-      const a = e?.icons || c?.icons || {};
-      i.icons = { ...O, ...a };
-    }
-    if (M.length > 0 && e) {
-      const a = e.plugins || [], x = new Set(a.map((N) => N.name)), K = M.filter((N) => !x.has(N.name));
-      return {
-        ...e,
-        ...i,
-        plugins: [...a, ...K]
-      };
-    }
-    return M.length > 0 && !e ? { ...i, plugins: M } : Object.keys(i).length > 0 ? { ...e, ...i } : e;
-  }, [c, M, g, C, v, O]);
-  R(() => {
-    V().setTypeDefaults(Z);
-  }, [Z]), R(() => {
-    o.current && (o.current.rows = n);
-  }, [n]), R(() => {
-    o.current && L && (o.current.gridConfig = L);
-  }, [L]), R(() => {
-    o.current && I && (o.current.columns = I);
-  }, [I]), R(() => {
-    o.current && u !== void 0 && (o.current.fitMode = u);
-  }, [u]), R(() => {
-    o.current && (o.current.columnInference = m);
-  }, [m]), R(() => {
-    o.current && G !== void 0 && (o.current.loading = G);
-  }, [G]), R(() => {
-    const e = o.current;
-    if (!e) return;
-    const i = V();
-    e.__frameworkAdapter = i, Te(e);
-    let a = !1;
-    const x = requestAnimationFrame(() => {
-      a || (typeof e.refreshColumns == "function" && e.refreshColumns(), typeof e.refreshShellHeader == "function" && e.refreshShellHeader());
-    });
-    return () => {
-      a = !0, cancelAnimationFrame(x);
-    };
-  }, []), R(() => {
-    if (!o.current || !w) return;
-    const e = o.current, i = "react-custom-styles";
-    let a = !0;
-    return e.ready?.().then(() => {
-      a && w && (e.registerStyles?.(i, w), D.current = i);
-    }), () => {
-      a = !1, D.current && (e.unregisterStyles?.(D.current), D.current = null);
-    };
-  }, [w]), R(() => {
-    const e = o.current;
-    if (!e) return;
-    const i = [];
-    return h && i.push(e.on("rows-change", (a) => h(a.rows))), () => {
-      i.forEach((a) => a());
-    };
-  }, [h]);
-  const ee = T(() => Object.keys(H).filter((e) => typeof P[e] == "function").sort().join("|"), [P]), re = b({});
-  for (const e of Object.keys(H))
-    re.current[e] = P[e];
-  R(() => {
-    const e = o.current;
-    if (!e) return;
-    const i = [];
-    for (const [a, x] of Object.entries(H))
-      ee.includes(a) && i.push(
-        e.on(x, (K, N) => {
-          re.current[a]?.(K, N);
-        })
-      );
-    return () => {
-      i.forEach((a) => a());
-    };
-  }, [ee]), fe(
-    l,
-    () => ({
-      get element() {
-        return o.current;
-      },
-      async getConfig() {
-        return o.current?.getConfig?.() ?? {};
-      },
-      async ready() {
-        return o.current?.ready?.();
-      },
-      async forceLayout() {
-        return o.current?.forceLayout?.();
-      },
-      async toggleGroup(e) {
-        return o.current?.toggleGroup?.(e);
-      },
-      registerStyles(e, i) {
-        o.current?.registerStyles?.(e, i);
-      },
-      unregisterStyles(e) {
-        o.current?.unregisterStyles?.(e);
-      },
-      setRowLoading(e, i) {
-        o.current?.setRowLoading?.(e, i);
-      },
-      setCellLoading(e, i, a) {
-        o.current?.setCellLoading?.(e, i, a);
-      },
-      isRowLoading(e) {
-        return o.current?.isRowLoading?.(e) ?? !1;
-      },
-      isCellLoading(e, i) {
-        return o.current?.isCellLoading?.(e, i) ?? !1;
-      },
-      clearAllLoading() {
-        o.current?.clearAllLoading?.();
-      }
-    }),
-    []
-  );
-  const z = b(null);
-  return de(() => {
-    const e = o.current;
-    return e && z.current && ne(e, z.current), () => {
-      e && ne(e, null);
-    };
-  }, []), /* @__PURE__ */ ce(U, { children: [
-    /* @__PURE__ */ S(Ke, { ref: z }),
-    Pe(
-      ue.activeTag,
-      {
-        ref: (e) => {
-          if (o.current = e, e && !J.current) {
-            J.current = !0;
-            const i = e;
-            L && (i.gridConfig = L), n && (i.rows = n), I && (i.columns = I);
-          }
-        },
-        class: F,
-        style: y
-      },
-      /* @__PURE__ */ S($.Provider, { value: o, children: s })
-    )
-  ] });
+a("GridDetailPanel", (e) => {
+	let t = e.props;
+	return { masterDetail: {
+		showExpandColumn: t.showExpandColumn ?? !0,
+		animation: t.animation ?? "slide"
+	} };
+}), a("GridResponsiveCard", () => ({ responsive: !0 }));
+var me = w(function(e, t) {
+	let { rows: r, gridConfig: i, columns: a, columnDefaults: o, fitMode: s, columnInference: c, sortable: u, filterable: d, selectable: p, loading: h, customStyles: v, className: y, style: x, children: S, plugins: C, onRowsChange: w, ...T } = e, O = j(null), A = j(null), M = j(!1), F = j([]), I = j(void 0), L = E(ae), R = E(ie), V = k(() => {
+		let e = {}, t = T;
+		for (let n of l()) {
+			let r = t[n];
+			r !== void 0 && (e[n] = r);
+		}
+		return e;
+	}, [k(() => l().map((e) => {
+		let t = T[e];
+		if (t === void 0) return "";
+		let n;
+		try {
+			n = JSON.stringify(t) ?? "undefined";
+		} catch {
+			n = typeof t == "object" && t ? `ref#${pe(t)}` : `prim:${String(t)}`;
+		}
+		return `${e}:${n}`;
+	}).filter(Boolean).join("|"), [T])]), U = k(() => n(S), [S]), W = k(() => {
+		let e = i?.features, t = {};
+		for (let [n, r] of Object.entries(U)) e && n in e && e[n] !== void 0 && e[n] !== !1 || (t[n] = r);
+		return {
+			...t,
+			...V
+		};
+	}, [
+		V,
+		U,
+		i
+	]), G = k(() => C ? [] : le(W), [W, C]), K = k(() => {
+		if (C) {
+			let e = new Set(C.map((e) => e.name)), t = G.filter((t) => !e.has(t.name));
+			return [...C, ...t];
+		}
+		return G;
+	}, [C, G]), q = k(() => a && B(z(a), o), [a, o]), J = k(() => {
+		let e = g(i), t = {};
+		if (u !== void 0 && (t.sortable = u), d !== void 0 && (t.filterable = d), p !== void 0 && (t.selectable = p), R) {
+			let n = e?.icons || i?.icons || {};
+			t.icons = {
+				...R,
+				...n
+			};
+		}
+		if (K.length > 0 && e) {
+			let n = e.plugins || [], r = new Set(n.map((e) => e.name)), i = K.filter((e) => !r.has(e.name));
+			return {
+				...e,
+				...t,
+				plugins: [...n, ...i]
+			};
+		}
+		return K.length > 0 && !e ? {
+			...t,
+			plugins: K
+		} : Object.keys(t).length > 0 ? {
+			...e,
+			...t
+		} : e;
+	}, [
+		i,
+		K,
+		u,
+		d,
+		p,
+		R
+	]);
+	D(() => {
+		I.current = J?.getRowId;
+	}, [J]), D(() => {
+		$().setTypeDefaults(L);
+	}, [L]), D(() => {
+		let e = O.current;
+		if (!e) return;
+		let t = I.current, n = t ? se(r, F.current, t) : null;
+		if (F.current = r, n !== null) {
+			if (n.length > 0) try {
+				e.updateRows(n, "sync");
+			} catch {
+				e.rows = r;
+			}
+			return;
+		}
+		e.rows = r;
+	}, [r]), D(() => {
+		O.current && J && (O.current.gridConfig = J);
+	}, [J]), D(() => {
+		O.current && q && (O.current.columns = q);
+	}, [q]), D(() => {
+		O.current && s !== void 0 && (O.current.fitMode = s);
+	}, [s]), D(() => {
+		O.current && (O.current.columnInference = c);
+	}, [c]), D(() => {
+		O.current && h !== void 0 && (O.current.loading = h);
+	}, [h]), D(() => {
+		let e = O.current;
+		if (!e) return;
+		e.__frameworkAdapter = $(), m(e);
+		let t = !1, n = requestAnimationFrame(() => {
+			t || (typeof e.refreshColumns == "function" && e.refreshColumns(), typeof e.refreshShellHeader == "function" && e.refreshShellHeader());
+		});
+		return () => {
+			t = !0, cancelAnimationFrame(n);
+		};
+	}, []), D(() => {
+		if (!O.current || !v) return;
+		let e = O.current, t = "react-custom-styles", n = !0;
+		return e.ready?.().then(() => {
+			n && v && (e.registerStyles?.(t, v), A.current = t);
+		}), () => {
+			n = !1, A.current &&= (e.unregisterStyles?.(A.current), null);
+		};
+	}, [v]), D(() => {
+		let e = O.current;
+		if (!e) return;
+		let t = [];
+		return w && t.push(e.on("rows-change", (e) => w(e.rows))), () => {
+			t.forEach((e) => e());
+		};
+	}, [w]);
+	let Y = k(() => Object.keys(H).filter((e) => typeof T[e] == "function").sort().join("|"), [T]), X = j({});
+	for (let e of Object.keys(H)) X.current[e] = T[e];
+	D(() => {
+		let e = O.current;
+		if (!e) return;
+		let t = [];
+		for (let [n, r] of Object.entries(H)) Y.includes(n) && t.push(e.on(r, (e, t) => {
+			X.current[n]?.(e, t);
+		}));
+		return () => {
+			t.forEach((e) => e());
+		};
+	}, [Y]), te(t, () => ({
+		get element() {
+			return O.current;
+		},
+		async getConfig() {
+			return O.current?.getConfig?.() ?? {};
+		},
+		async ready() {
+			return O.current?.ready?.();
+		},
+		async forceLayout() {
+			return O.current?.forceLayout?.();
+		},
+		async toggleGroup(e) {
+			return O.current?.toggleGroup?.(e);
+		},
+		registerStyles(e, t) {
+			O.current?.registerStyles?.(e, t);
+		},
+		unregisterStyles(e) {
+			O.current?.unregisterStyles?.(e);
+		},
+		setRowLoading(e, t) {
+			O.current?.setRowLoading?.(e, t);
+		},
+		setCellLoading(e, t, n) {
+			O.current?.setCellLoading?.(e, t, n);
+		},
+		isRowLoading(e) {
+			return O.current?.isRowLoading?.(e) ?? !1;
+		},
+		isCellLoading(e, t) {
+			return O.current?.isCellLoading?.(e, t) ?? !1;
+		},
+		clearAllLoading() {
+			O.current?.clearAllLoading?.();
+		}
+	}), []);
+	let Z = j(null);
+	return ne(() => {
+		let e = O.current;
+		return e && Z.current && f(e, Z.current), () => {
+			e && f(e, null);
+		};
+	}, []), /* @__PURE__ */ re(N, { children: [/* @__PURE__ */ P(oe, { ref: Z }), ee(b.activeTag, {
+		ref: (e) => {
+			if (O.current = e, e && !M.current) {
+				M.current = !0;
+				let t = e;
+				J && (t.gridConfig = J), r && (t.rows = r), q && (t.columns = q);
+			}
+		},
+		class: y,
+		style: x
+	}, /* @__PURE__ */ P(_.Provider, {
+		value: O,
+		children: S
+	}))] });
 });
-function lr(t) {
-  const {
-    field: r,
-    header: l,
-    type: n,
-    editable: c,
-    sortable: d,
-    resizable: f,
-    width: u,
-    minWidth: m,
-    order: g,
-    hidden: C,
-    lockVisible: v,
-    children: G,
-    editor: w,
-    options: F,
-    multi: y,
-    format: s
-  } = t, p = b(null), h = E(
-    (D) => {
-      p.current = D, D && (G && Se(D, G), w && Ee(D, w));
-    },
-    [G, w]
-  ), P = typeof u == "number" ? `${u}px` : u, o = {
-    field: r,
-    ref: h
-  };
-  return l !== void 0 && (o.header = l), n !== void 0 && (o.type = n), c !== void 0 && (o.editable = c), d !== void 0 && (o.sortable = d), f !== void 0 && (o.resizable = f), P !== void 0 && (o.width = P), m !== void 0 && (o["min-width"] = m), g !== void 0 && (o.order = g), C !== void 0 && (o.hidden = C), v !== void 0 && (o["lock-visible"] = v), y !== void 0 && (o.multi = y), s && (o["data-has-format"] = "true"), F && (o["data-has-options"] = "true"), /* @__PURE__ */ S("tbw-grid-column", { ...o });
+//#endregion
+//#region libs/grid-react/src/lib/grid-column.tsx
+function he(e) {
+	let { field: t, header: n, type: r, editable: a, sortable: s, resizable: c, width: l, minWidth: u, order: d, hidden: f, lockVisible: p, children: m, editor: h, options: g, multi: _, format: v } = e, y = j(null), b = T((e) => {
+		y.current = e, e && (m && o(e, m), h && i(e, h));
+	}, [m, h]), x = typeof l == "number" ? `${l}px` : l, S = {
+		field: t,
+		ref: b
+	};
+	return n !== void 0 && (S.header = n), r !== void 0 && (S.type = r), a !== void 0 && (S.editable = a), s !== void 0 && (S.sortable = s), c !== void 0 && (S.resizable = c), x !== void 0 && (S.width = x), u !== void 0 && (S["min-width"] = u), d !== void 0 && (S.order = d), f !== void 0 && (S.hidden = f), p !== void 0 && (S["lock-visible"] = p), _ !== void 0 && (S.multi = _), v && (S["data-has-format"] = "true"), g && (S["data-has-options"] = "true"), /* @__PURE__ */ P("tbw-grid-column", { ...S });
 }
-function fr({ id: t, order: r = 100, children: l }) {
-  const n = ge(), c = t ?? `tbw-header-content-${n}`, d = k($), [f, u] = A(null), m = b(null);
-  return R(() => {
-    const g = d?.current;
-    if (!g) return;
-    const C = m;
-    let v = !1;
-    return (async () => {
-      try {
-        await g.ready?.();
-      } catch {
-        return;
-      }
-      if (v) return;
-      const G = {
-        id: c,
-        order: r,
-        render: (w) => (u(w), () => {
-        })
-      };
-      g.getPluginByName?.("shell")?.registerHeaderContent(G);
-    })(), () => {
-      v = !0, g.getPluginByName?.("shell")?.unregisterHeaderContent(c), C.current && (pe(C.current, { sync: !0 }), C.current = null), u(null);
-    };
-  }, [d, c, r]), R(() => {
-    if (!f) return;
-    const g = d?.current ?? void 0;
-    m.current = me(f, l, m.current ?? void 0, g);
-  }, [l, f, d]), null;
+//#endregion
+//#region libs/grid-react/src/lib/grid-header-content.tsx
+function ge({ id: e, order: t = 100, children: n }) {
+	let r = O(), i = e ?? `tbw-header-content-${r}`, a = E(_), [o, s] = M(null), c = j(null);
+	return D(() => {
+		let e = a?.current;
+		if (!e) return;
+		let n = c, r = !1;
+		return (async () => {
+			try {
+				await e.ready?.();
+			} catch {
+				return;
+			}
+			if (r) return;
+			let n = {
+				id: i,
+				order: t,
+				render: (e) => (s(e), () => {})
+			};
+			e.getPluginByName?.("shell")?.registerHeaderContent(n);
+		})(), () => {
+			r = !0, e.getPluginByName?.("shell")?.unregisterHeaderContent(i), n.current &&= (d(n.current, { sync: !0 }), null), s(null);
+		};
+	}, [
+		a,
+		i,
+		t
+	]), D(() => {
+		if (!o) return;
+		let e = a?.current ?? void 0;
+		c.current = u(o, n, c.current ?? void 0, e);
+	}, [
+		n,
+		o,
+		a
+	]), null;
 }
-function dr({ children: t }) {
-  return /* @__PURE__ */ S("tbw-grid-tool-buttons", { children: t });
+//#endregion
+//#region libs/grid-react/src/lib/grid-tool-button.tsx
+function _e({ children: e }) {
+	return /* @__PURE__ */ P("tbw-grid-tool-buttons", { children: e });
 }
-function gr({ id: t, order: r = 100, children: l }) {
-  const n = ge(), c = t ?? `tbw-toolbar-content-${n}`, d = k($), [f, u] = A(null), m = b(null);
-  return R(() => {
-    const g = d?.current;
-    if (!g) return;
-    const C = m;
-    let v = !1;
-    return (async () => {
-      try {
-        await g.ready?.();
-      } catch {
-        return;
-      }
-      if (v) return;
-      const G = {
-        id: c,
-        order: r,
-        render: (w) => (u(w), () => {
-        })
-      };
-      g.getPluginByName?.("shell")?.registerToolbarContent(G);
-    })(), () => {
-      v = !0, g.getPluginByName?.("shell")?.unregisterToolbarContent(c), C.current && (pe(C.current, { sync: !0 }), C.current = null), u(null);
-    };
-  }, [d, c, r]), R(() => {
-    if (!f) return;
-    const g = d?.current ?? void 0;
-    m.current = me(f, l, m.current ?? void 0, g);
-  }, [l, f, d]), null;
+//#endregion
+//#region libs/grid-react/src/lib/grid-toolbar-content.tsx
+function ve({ id: e, order: t = 100, children: n }) {
+	let r = O(), i = e ?? `tbw-toolbar-content-${r}`, a = E(_), [o, s] = M(null), c = j(null);
+	return D(() => {
+		let e = a?.current;
+		if (!e) return;
+		let n = c, r = !1;
+		return (async () => {
+			try {
+				await e.ready?.();
+			} catch {
+				return;
+			}
+			if (r) return;
+			let n = {
+				id: i,
+				order: t,
+				render: (e) => (s(e), () => {})
+			};
+			e.getPluginByName?.("shell")?.registerToolbarContent(n);
+		})(), () => {
+			r = !0, e.getPluginByName?.("shell")?.unregisterToolbarContent(i), n.current &&= (d(n.current, { sync: !0 }), null), s(null);
+		};
+	}, [
+		a,
+		i,
+		t
+	]), D(() => {
+		if (!o) return;
+		let e = a?.current ?? void 0;
+		c.current = u(o, n, c.current ?? void 0, e);
+	}, [
+		n,
+		o,
+		a
+	]), null;
 }
-function We(t) {
-  return t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/_/g, "-").toLowerCase();
+//#endregion
+//#region libs/grid-react/src/lib/grid-type.tsx
+function ye(e) {
+	return e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/_/g, "-").toLowerCase();
 }
-function pr(t) {
-  const { name: r, params: l, children: n, editor: c } = t, d = b(null), f = E(
-    (m) => {
-      d.current = m, m && (n && xe(m, n), c && Fe(m, c));
-    },
-    [n, c]
-  ), u = {
-    name: r,
-    ref: f
-  };
-  if (l)
-    for (const [m, g] of Object.entries(l))
-      u[`data-${We(m)}`] = String(g);
-  return /* @__PURE__ */ ce("tbw-grid-type", { ...u, children: [
-    n ? /* @__PURE__ */ S("tbw-grid-column-view", {}) : null,
-    c ? /* @__PURE__ */ S("tbw-grid-column-editor", {}) : null
-  ] });
+function be(t) {
+	let { name: n, params: r, children: i, editor: a } = t, o = j(null), c = {
+		name: n,
+		ref: T((t) => {
+			o.current = t, t && (i && e(t, i), a && s(t, a));
+		}, [i, a])
+	};
+	if (r) for (let [e, t] of Object.entries(r)) c[`data-${ye(e)}`] = String(t);
+	return /* @__PURE__ */ re("tbw-grid-type", {
+		...c,
+		children: [i ? /* @__PURE__ */ P("tbw-grid-column-view", {}) : null, a ? /* @__PURE__ */ P("tbw-grid-column-editor", {}) : null]
+	});
 }
-const mr = ({ icons: t, defaults: r, children: l }) => {
-  let n = l;
-  return r && (n = /* @__PURE__ */ S(Oe, { defaults: r, children: n })), t && (n = /* @__PURE__ */ S($e, { icons: t, children: n })), /* @__PURE__ */ S(U, { children: n });
+//#endregion
+//#region libs/grid-react/src/lib/grid-provider.tsx
+var xe = ({ icons: e, defaults: t, children: n }) => {
+	let r = n;
+	return t && (r = /* @__PURE__ */ P(q, {
+		defaults: t,
+		children: r
+	})), e && (r = /* @__PURE__ */ P(W, {
+		icons: e,
+		children: r
+	})), /* @__PURE__ */ P(N, { children: r });
 };
-function yr(t) {
-  const r = b(null), [l, n] = A(!1), [c, d] = A(null), f = b(null), u = E(() => t ? (f.current ??= document.querySelector(t), f.current) : r.current?.element ?? null, [t]);
-  R(() => {
-    let s = !0;
-    return (async () => {
-      try {
-        if (t) {
-          const h = document.querySelector(t);
-          if (!h) return;
-          if (f.current = h, await h.ready?.(), s) {
-            n(!0);
-            const P = await h.getConfig?.();
-            s && P && d(P);
-          }
-        } else {
-          const h = r.current;
-          if (!h) return;
-          if (await h.ready?.(), s) {
-            n(!0);
-            const P = await h.getConfig?.();
-            s && P && d(P);
-          }
-        }
-      } catch {
-      }
-    })(), () => {
-      s = !1;
-    };
-  }, [t]);
-  const m = E(async () => {
-    const s = u();
-    if (s)
-      return await s.getConfig?.() ?? null;
-    const p = r.current;
-    return p ? await p.getConfig?.() ?? null : null;
-  }, [u]), g = E(async () => {
-    const s = u();
-    if (s) {
-      await s.forceLayout?.();
-      return;
-    }
-    const p = r.current;
-    p && await p.forceLayout?.();
-  }, [u]), C = E(
-    async (s) => {
-      const p = u();
-      if (p) {
-        await p.toggleGroup?.(s);
-        return;
-      }
-      const h = r.current;
-      h && await h.toggleGroup?.(s);
-    },
-    [u]
-  ), v = E(
-    (s) => u()?.getPlugin?.(s),
-    [u]
-  ), G = E(
-    ((s) => u()?.getPluginByName?.(s)),
-    [u]
-  ), w = E(
-    (s, p) => {
-      const h = u();
-      if (h) {
-        h.registerStyles?.(s, p);
-        return;
-      }
-      r.current?.registerStyles?.(s, p);
-    },
-    [u]
-  ), F = E(
-    (s) => {
-      const p = u();
-      if (p) {
-        p.unregisterStyles?.(s);
-        return;
-      }
-      r.current?.unregisterStyles?.(s);
-    },
-    [u]
-  ), y = E(() => c?.columns ? c.columns.filter((s) => !s.hidden) : [], [c]);
-  return {
-    ref: r,
-    element: u(),
-    isReady: l,
-    config: c,
-    getConfig: m,
-    forceLayout: g,
-    toggleGroup: C,
-    getPlugin: v,
-    getPluginByName: G,
-    registerStyles: w,
-    unregisterStyles: F,
-    getVisibleColumns: y
-  };
+//#endregion
+//#region libs/grid-react/src/lib/use-grid.ts
+function Se(e) {
+	let t = j(null), [n, r] = M(!1), [i, a] = M(null), o = j(null), s = T(() => e ? (o.current ??= document.querySelector(e), o.current) : t.current?.element ?? null, [e]);
+	D(() => {
+		let n = !0;
+		return (async () => {
+			try {
+				if (e) {
+					let t = document.querySelector(e);
+					if (!t) return;
+					if (o.current = t, await t.ready?.(), n) {
+						r(!0);
+						let e = await t.getConfig?.();
+						n && e && a(e);
+					}
+				} else {
+					let e = t.current;
+					if (!e) return;
+					if (await e.ready?.(), n) {
+						r(!0);
+						let t = await e.getConfig?.();
+						n && t && a(t);
+					}
+				}
+			} catch {}
+		})(), () => {
+			n = !1;
+		};
+	}, [e]);
+	let c = T(async () => {
+		let e = s();
+		if (e) return await e.getConfig?.() ?? null;
+		let n = t.current;
+		return n ? await n.getConfig?.() ?? null : null;
+	}, [s]), l = T(async () => {
+		let e = s();
+		if (e) {
+			await e.forceLayout?.();
+			return;
+		}
+		let n = t.current;
+		n && await n.forceLayout?.();
+	}, [s]), u = T(async (e) => {
+		let n = s();
+		if (n) {
+			await n.toggleGroup?.(e);
+			return;
+		}
+		let r = t.current;
+		r && await r.toggleGroup?.(e);
+	}, [s]), d = T((e) => s()?.getPlugin?.(e), [s]), f = T(((e) => s()?.getPluginByName?.(e)), [s]), p = T((e, n) => {
+		let r = s();
+		if (r) {
+			r.registerStyles?.(e, n);
+			return;
+		}
+		t.current?.registerStyles?.(e, n);
+	}, [s]), m = T((e) => {
+		let n = s();
+		if (n) {
+			n.unregisterStyles?.(e);
+			return;
+		}
+		t.current?.unregisterStyles?.(e);
+	}, [s]), h = T(() => i?.columns ? i.columns.filter((e) => !e.hidden) : [], [i]);
+	return {
+		ref: t,
+		element: s(),
+		isReady: n,
+		config: i,
+		getConfig: c,
+		forceLayout: l,
+		toggleGroup: u,
+		getPlugin: d,
+		getPluginByName: f,
+		registerStyles: p,
+		unregisterStyles: m,
+		getVisibleColumns: h
+	};
 }
-function hr(t, r = {}) {
-  const { open: l = !0, gridElement: n } = r, c = k($);
-  R(() => {
-    if (!l) return;
-    const d = t.current;
-    if (!d) return;
-    const f = n ?? d.closest("tbw-grid, [data-tbw-grid]") ?? c?.current ?? null;
-    if (f)
-      return f.registerExternalFocusContainer?.(d), () => {
-        f.unregisterExternalFocusContainer?.(d);
-      };
-  }, [l, n, c, t]);
+//#endregion
+//#region libs/grid-react/src/lib/use-grid-overlay.ts
+function Ce(e, t = {}) {
+	let { open: n = !0, gridElement: r } = t, i = E(_);
+	D(() => {
+		if (!n) return;
+		let t = e.current;
+		if (!t) return;
+		let a = r ?? t.closest("tbw-grid, [data-tbw-grid]") ?? i?.current ?? null;
+		if (a) return a.registerExternalFocusContainer?.(t), () => {
+			a.unregisterExternalFocusContainer?.(t);
+		};
+	}, [
+		n,
+		r,
+		i,
+		e
+	]);
 }
-export {
-  ar as DataGrid,
-  Ge as GridAdapter,
-  lr as GridColumn,
-  xr as GridDetailPanel,
-  fr as GridHeaderContent,
-  $e as GridIconProvider,
-  mr as GridProvider,
-  Dr as GridResponsiveCard,
-  dr as GridToolButtons,
-  wr as GridToolPanel,
-  gr as GridToolbarContent,
-  pr as GridType,
-  Oe as GridTypeProvider,
-  Ae as applyColumnDefaults,
-  ir as hasColumnShorthands,
-  Ne as normalizeColumns,
-  Le as parseColumnShorthand,
-  ye as registerChildFeatureDetector,
-  Sr as registerEditorMountHook,
-  Rr as registerFeaturePropKey,
-  Pr as registerPostMountRefresh,
-  yr as useGrid,
-  sr as useGridIcons,
-  hr as useGridOverlay,
-  cr as useGridTypeDefaults,
-  ur as useTypeDefault
-};
+//#endregion
+export { me as DataGrid, c as GridAdapter, he as GridColumn, v as GridDetailPanel, ge as GridHeaderContent, W as GridIconProvider, xe as GridProvider, y as GridResponsiveCard, _e as GridToolButtons, r as GridToolPanel, ve as GridToolbarContent, be as GridType, q as GridTypeProvider, B as applyColumnDefaults, V as hasColumnShorthands, z as normalizeColumns, R as parseColumnShorthand, a as registerChildFeatureDetector, h as registerEditorMountHook, t as registerFeaturePropKey, p as registerPostMountRefresh, Se as useGrid, G as useGridIcons, Ce as useGridOverlay, J as useGridTypeDefaults, Y as useTypeDefault };