@toolbox-web/grid-react 2.0.0-rc.0 → 2.0.0

package/chunks/react-grid-adapter-BhC9x425.js

@@ -1,518 +0,0 @@
-import { useRef as k, useCallback as B, useEffect as D } from "react";
-import { p as M, n as A, c as S } from "./react-column-config-BOe_PgL1.js";
-import { jsx as F } from "react/jsx-runtime";
-import { a as f, r as p, b as N, e as U } from "./portal-bridge-CvxNt40O.js";
-const v = /* @__PURE__ */ new Set();
-let b = null;
-function x(n) {
-  v.has(n) || (v.add(n), b = null);
-}
-function J() {
-  return b === null && (b = Object.freeze(Array.from(v))), b;
-}
-const G = [
-  "selection",
-  "editing",
-  "filtering",
-  "multiSort",
-  "clipboard",
-  "contextMenu",
-  "reorderColumns",
-  "rowDragDrop",
-  "visibility",
-  "undoRedo",
-  "tree",
-  "groupingRows",
-  "groupingColumns",
-  "pinnedColumns",
-  "pinnedRows",
-  "masterDetail",
-  "responsive",
-  "columnVirtualization",
-  "export",
-  "print",
-  "pivot",
-  "serverSide",
-  "tooltip"
-];
-for (const n of G)
-  x(n);
-const R = /* @__PURE__ */ new WeakMap(), P = /* @__PURE__ */ new Map();
-function I(n) {
-  const e = R.get(n);
-  if (e) return e;
-  const t = n.id;
-  if (t)
-    return P.get(t);
-}
-function Q(n) {
-  const { id: e, title: t, icon: r, tooltip: i, order: s = 100, children: o } = n, d = k(null), c = B(
-    (a) => {
-      d.current = a, a && (R.set(a, o), e && P.set(e, o));
-    },
-    [o, e]
-  );
-  return D(() => () => {
-    const a = d.current;
-    a && (R.delete(a), e && P.delete(e));
-  }, [e]), /* @__PURE__ */ F(
-    "tbw-grid-tool-panel",
-    {
-      ref: c,
-      id: e,
-      title: t,
-      icon: r,
-      tooltip: i,
-      order: s?.toString()
-    }
-  );
-}
-let m = null, K = null, w = null;
-function X(n) {
-  m = n;
-}
-function Z(n) {
-  K = n;
-}
-function $(n) {
-  w = n;
-}
-const l = /* @__PURE__ */ new WeakMap(), u = /* @__PURE__ */ new Map(), T = /* @__PURE__ */ new WeakMap(), W = /* @__PURE__ */ new Map(), E = /* @__PURE__ */ new Set();
-function O(n) {
-  return n.closest("tbw-grid, [data-tbw-grid]") ?? void 0;
-}
-function y(n, e) {
-  const t = O(n);
-  if (!t)
-    return W;
-  const r = T.get(t);
-  if (r || !e)
-    return r;
-  const i = /* @__PURE__ */ new Map();
-  return T.set(t, i), i;
-}
-function h(n) {
-  return n.tagName.toLowerCase() === "tbw-grid-type" ? n.getAttribute("name") : n.closest("tbw-grid-type")?.getAttribute("name") ?? null;
-}
-function ee(n, e) {
-  const t = n.getAttribute("field"), r = l.get(n) ?? {};
-  if (r.renderer = e, l.set(n, r), t) {
-    const i = u.get(t) ?? {};
-    i.renderer = e, u.set(t, i);
-  }
-}
-function te(n, e) {
-  const t = n.getAttribute("field"), r = l.get(n) ?? {};
-  if (r.editor = e, l.set(n, r), t) {
-    const i = u.get(t) ?? {};
-    i.editor = e, u.set(t, i);
-  }
-}
-function _(n) {
-  let e = l.get(n)?.renderer;
-  if (!e) {
-    const t = n.getAttribute("field");
-    t && (e = u.get(t)?.renderer);
-  }
-  return e;
-}
-function j(n) {
-  let e = l.get(n)?.editor;
-  if (!e) {
-    const t = n.getAttribute("field");
-    t && (e = u.get(t)?.editor);
-  }
-  return e;
-}
-function re(n, e) {
-  const t = h(n);
-  if (!t) return;
-  const r = y(n, !0);
-  if (!r) return;
-  const i = r.get(t) ?? {};
-  i.renderer = e, r.set(t, i), E.add(t);
-}
-function z(n) {
-  const e = h(n);
-  return e ? y(n, !1)?.get(e)?.renderer : void 0;
-}
-function ne(n, e) {
-  const t = h(n);
-  if (!t) return;
-  const r = y(n, !0);
-  if (!r) return;
-  const i = r.get(t) ?? {};
-  i.editor = e, r.set(t, i), E.add(t);
-}
-function L(n) {
-  const e = h(n);
-  return e ? y(n, !1)?.get(e)?.editor : void 0;
-}
-class ie {
-  /** Portal keys for all managed portals (for cleanup on destroy). */
-  allPortalKeys = /* @__PURE__ */ new Set();
-  /** Portal keys for editor-specific portals (for per-cell cleanup via releaseCell). */
-  editorPortalKeys = /* @__PURE__ */ new Set();
-  /** Maps portal keys to their containers (for container-based lookups in releaseCell/unmount). */
-  keyToContainer = /* @__PURE__ */ new Map();
-  /**
-   * Reverse index: container element → portal key. Maintained alongside
-   * `keyToContainer` so `releaseCell` can resolve only the containers
-   * actually inside the released cell (via `cellEl.querySelectorAll`)
-   * instead of scanning every tracked portal — important for grids with
-   * many cells, where `releaseCell` runs on every cell teardown.
-   */
-  containerToKey = /* @__PURE__ */ new WeakMap();
-  /**
-   * Per-editor `before-edit-close` listener teardown functions, keyed by portal key.
-   *
-   * The grid's editing plugin emits `before-edit-close` on the host `<tbw-grid>`
-   * before tearing down a row's managed editors. React editors commonly write
-   * `onBlur={commit}` to flush local state on click-away, but Tab / programmatic
-   * row exit rebuilds the cell DOM synchronously without giving the focused
-   * input a chance to fire `blur` first.
-   *
-   * To bridge that gap we call `.blur()` on the focused input inside the editor
-   * container as soon as `before-edit-close` fires. The native `.blur()` method
-   * is what React's event system actually observes — React 17+ delegates focus
-   * events at the root by listening to `focusout` (bubbling) and mapping it to
-   * `onBlur`. A bare `dispatchEvent(new FocusEvent('blur'))` would be ignored
-   * by React because `blur` does not bubble. Calling the native `.blur()`
-   * dispatches the full focus-loss chain (`blur` + `focusout`) and also moves
-   * focus off the input — both desirable here since the editor DOM is about to
-   * be torn down anyway.
-   *
-   * Mirrors the Angular adapter's `BaseGridEditor.onBeforeEditClose()` hook.
-   * Requires zero per-editor code: any editor with `onBlur={commit}` is
-   * automatically covered for Tab commits and programmatic row exit.
-   */
-  editorBeforeCloseUnsubs = /* @__PURE__ */ new Map();
-  typeDefaults = null;
-  /**
-   * Sets the type defaults map for this adapter.
-   * Called by DataGrid when it receives type defaults from context.
-   *
-   * @internal
-   */
-  setTypeDefaults(e) {
-    this.typeDefaults = e;
-  }
-  /**
-   * FrameworkAdapter.processConfig implementation.
-   * Called automatically by the grid's `set gridConfig` setter.
-   * Converts React renderer/editor functions to DOM-returning functions.
-   */
-  processConfig(e) {
-    return M(e) ?? e;
-  }
-  /**
-   * Determines if this adapter can handle the given element.
-   * Checks if a renderer or editor is registered for this element.
-   */
-  canHandle(e) {
-    const t = e.getAttribute("field");
-    let r = l.get(e);
-    if (!r && t) {
-      const c = u.get(t);
-      c && (c.renderer || c.editor) && (r = c, l.set(e, r));
-    }
-    const i = r?.renderer !== void 0, s = r?.editor !== void 0;
-    if (r !== void 0 && (i || s))
-      return !0;
-    const o = h(e), d = o ? y(e, !1)?.get(o) : void 0;
-    return !!d && (d.renderer !== void 0 || d.editor !== void 0);
-  }
-  /**
-   * Creates a view renderer function that renders a React component
-   * and returns its container DOM element.
-   *
-   * Uses a cell cache to reuse portals for performance - instead of
-   * creating new portals on each render, we reuse existing ones and
-   * update their content.
-   *
-   * Returns undefined if no renderer is registered for this element,
-   * allowing the grid to use its default rendering.
-   */
-  createRenderer(e) {
-    const t = _(e) ?? z(e);
-    if (!t)
-      return;
-    const r = e.closest("tbw-grid, [data-tbw-grid]"), i = /* @__PURE__ */ new WeakMap();
-    return (s) => {
-      const o = s.cellEl;
-      if (o) {
-        const a = i.get(o);
-        if (a) {
-          if (o.contains(a.container))
-            return f(a.container, t(s), a.portalKey), a.container;
-          p(a.portalKey, { sync: !0 }), this.untrackPortal(a.portalKey), i.delete(o);
-        }
-        const g = document.createElement("div");
-        g.className = "react-cell-renderer", g.style.display = "contents";
-        const C = f(
-          g,
-          t(s),
-          void 0,
-          r ?? void 0
-        );
-        return i.set(o, { portalKey: C, container: g }), this.trackPortal(C, g, !1), g;
-      }
-      const d = document.createElement("div");
-      d.className = "react-cell-renderer", d.style.display = "contents";
-      const c = f(
-        d,
-        t(s),
-        void 0,
-        r ?? void 0
-      );
-      return this.trackPortal(c, d, !1), d;
-    };
-  }
-  /**
-   * Creates an editor spec that renders a React component
-   * with commit/cancel callbacks passed as props.
-   */
-  createEditor(e) {
-    const t = j(e) ?? L(e);
-    if (!t)
-      return () => document.createElement("div");
-    const r = e.closest("tbw-grid, [data-tbw-grid]") ?? void 0;
-    return (i) => {
-      const s = document.createElement("div");
-      s.className = "react-cell-editor", s.style.display = "contents";
-      const o = f(
-        s,
-        t(i),
-        void 0,
-        r
-      );
-      return this.trackPortal(o, s, !0), r && this.editorBeforeCloseUnsubs.set(o, A(s, r)), s;
-    };
-  }
-  /**
-   * Creates a detail renderer function for MasterDetailPlugin.
-   * Implementation is installed by `@toolbox-web/grid-react/features/master-detail`
-   * via `registerDetailRendererBridge`. Returns undefined if the
-   * master-detail feature has not been imported, or if no GridDetailPanel
-   * was registered for this grid.
-   */
-  createDetailRenderer(e) {
-    return m?.(e, this.bridgeContext);
-  }
-  /**
-   * Framework adapter hook called by MasterDetailPlugin during attach().
-   * Parses the <tbw-grid-detail> element and returns a React-based renderer.
-   */
-  parseDetailElement(e) {
-    const t = e.closest("tbw-grid, [data-tbw-grid]");
-    if (t)
-      return this.createDetailRenderer(t);
-  }
-  /**
-   * Creates a responsive card renderer function for ResponsivePlugin.
-   * Implementation is installed by `@toolbox-web/grid-react/features/responsive`
-   * via `registerResponsiveCardRendererBridge`. Returns undefined if
-   * the responsive feature has not been imported, or if no GridResponsiveCard
-   * was registered for this grid.
-   */
-  createResponsiveCardRenderer(e) {
-    return K?.(e, this.bridgeContext);
-  }
-  /**
-   * FrameworkAdapter hook called by ResponsivePlugin during attach().
-   * Parses the `<tbw-grid-responsive-card>` element and delegates to
-   * {@link createResponsiveCardRenderer}. Needed for parity with the Vue
-   * and Angular adapters so ResponsivePlugin's standard lookup path works
-   * for React users as well, not just via the imperative
-   * `refreshResponsiveCardRenderer` hook in DataGrid.
-   */
-  parseResponsiveCardElement(e) {
-    const t = e.closest("tbw-grid, [data-tbw-grid]");
-    if (t)
-      return this.createResponsiveCardRenderer(t);
-  }
-  /**
-   * Creates a tool panel renderer from a light DOM element.
-   * Renders React components into tool panel containers.
-   */
-  createToolPanelRenderer(e) {
-    const t = I(e);
-    if (!t)
-      return;
-    const r = e.closest("tbw-grid, [data-tbw-grid]");
-    return (i) => {
-      const o = f(i, t({
-        grid: r ?? i
-      }), void 0, r ?? void 0);
-      return this.trackPortal(o, i, !1), () => {
-        p(o, { sync: !0 }), this.untrackPortal(o);
-      };
-    };
-  }
-  /**
-   * Gets type-level defaults from the type defaults map.
-   *
-   * This enables application-wide type defaults configured via GridTypeProvider.
-   * The returned TypeDefault contains renderer/editor functions that render
-   * React components into the grid's cells.
-   *
-   * @example
-   * ```tsx
-   * // App.tsx
-   * const typeDefaults = {
-   *   country: {
-   *     renderer: (ctx) => <CountryBadge code={ctx.value} />,
-   *     editor: (ctx) => <CountrySelect value={ctx.value} onCommit={ctx.commit} />
-   *   }
-   * };
-   *
-   * <GridTypeProvider defaults={typeDefaults}>
-   *   <App />
-   * </GridTypeProvider>
-   *
-   * // Any grid with type: 'country' columns will use these components
-   * ```
-   */
-  getTypeDefault(e, t) {
-    if (!this.typeDefaults)
-      return;
-    const r = this.typeDefaults[e];
-    if (!r)
-      return;
-    const i = {
-      editorParams: r.editorParams
-    };
-    return r.renderer && (i.renderer = this.createTypeRenderer(r.renderer, t)), r.editor && (i.editor = this.createTypeEditor(r.editor, t)), r.filterPanelRenderer && w && (i.filterPanelRenderer = w(
-      r.filterPanelRenderer,
-      t,
-      this.bridgeContext
-    )), i;
-  }
-  /**
-   * Creates a renderer function from a React render function for type defaults.
-   * @internal
-   */
-  createTypeRenderer(e, t) {
-    return (r) => {
-      const i = document.createElement("span");
-      i.style.display = "contents";
-      const s = r.cellEl?.closest("tbw-grid, [data-tbw-grid]") ?? t, o = f(i, e(r), void 0, s);
-      return this.trackPortal(o, i, !1), i;
-    };
-  }
-  /**
-   * Creates an editor function from a React render function for type defaults.
-   * @internal
-   */
-  createTypeEditor(e, t) {
-    return (r) => {
-      const i = document.createElement("span");
-      i.style.display = "contents";
-      const s = f(i, e(r), void 0, t);
-      return this.trackPortal(s, i, !0), i;
-    };
-  }
-  // #region Portal tracking helpers
-  /**
-   * Stable bridge context handed to feature installers. Bound once per adapter
-   * so feature bridges can call `trackPortal` without each invocation creating
-   * a fresh closure.
-   */
-  bridgeContext = {
-    trackPortal: (e, t, r) => this.trackPortal(e, t, r)
-  };
-  /** Register a portal key for lifecycle tracking. */
-  trackPortal(e, t, r) {
-    this.allPortalKeys.add(e), this.keyToContainer.set(e, t), this.containerToKey.set(t, e), r && this.editorPortalKeys.add(e);
-  }
-  /** Unregister a portal key from all tracking sets. */
-  untrackPortal(e) {
-    this.allPortalKeys.delete(e), this.editorPortalKeys.delete(e);
-    const t = this.keyToContainer.get(e);
-    this.keyToContainer.delete(e), t && this.containerToKey.delete(t);
-    const r = this.editorBeforeCloseUnsubs.get(e);
-    r && (r(), this.editorBeforeCloseUnsubs.delete(e));
-  }
-  // #endregion
-  /**
-   * Clean up all mounted portals.
-   * Call this when the grid is unmounted.
-   */
-  destroy() {
-    for (const e of this.allPortalKeys)
-      p(e);
-    this.allPortalKeys.clear(), this.editorPortalKeys.clear(), this.keyToContainer.clear();
-    for (const e of this.editorBeforeCloseUnsubs.values()) e();
-    this.editorBeforeCloseUnsubs.clear(), u.clear();
-  }
-  /**
-   * Called when a cell's content is about to be wiped.
-   *
-   * Destroys editor portals AND renderer portals whose container is inside
-   * the cell. Releasing renderers here is critical: the editing pipeline
-   * runs `cell.innerHTML = ''` immediately after this returns, which
-   * silently detaches React-managed renderer containers from the DOM.
-   * If we leave the React root mounted, its fiber tree still believes
-   * the now-orphaned children are present — a subsequent React commit
-   * (e.g. the user's `onCellCommit` → `setRows`) tries to `removeChild`
-   * those gone nodes and throws `NotFoundError` (issue #250).
-   *
-   * Calling this BEFORE the wipe lets React unmount cleanly while DOM
-   * still matches its fiber tree. The `wrapReactRenderer` cache will
-   * detect the missing entry on the next render and create a fresh
-   * container — see the cache-validation defense in `createRenderer`
-   * and `wrapReactRenderer` (`react-column-config.ts`).
-   *
-   * Also cleans up config-based editor and renderer roots
-   * (from processGridConfig/wrapReactEditor/wrapReactRenderer) that
-   * bypass the adapter's own portal tracking.
-   */
-  releaseCell(e) {
-    const t = e.querySelectorAll(".react-cell-renderer, .react-cell-editor");
-    for (const r of t) {
-      const i = this.containerToKey.get(r);
-      i && (p(i, { sync: !0 }), this.untrackPortal(i));
-    }
-    S(e);
-  }
-  /**
-   * Unmount a specific container (called when cell is recycled).
-   */
-  unmount(e) {
-    const t = this.containerToKey.get(e);
-    t && (p(t), this.untrackPortal(t));
-  }
-  /**
-   * Open a teardown batch on the PortalManager. Grid core wraps multi-cell
-   * release loops (`_clearRowPool`, row-pool shrink, full row rebuild) with
-   * `beginBatch` / `endBatch` so the N per-cell sync removals collapse to a
-   * single deferred render instead of N `flushSync` calls. Eliminates the
-   * "flushSync was called from inside a lifecycle method" warning storm on
-   * grouping changes (#330).
-   */
-  beginBatch(e) {
-    N(e);
-  }
-  /**
-   * Close a teardown batch opened by {@link beginBatch}. Caller is
-   * responsible for ensuring affected containers are detached from the
-   * DOM before this returns; the manager's render-time `isConnected`
-   * filter then prunes them silently.
-   */
-  endBatch(e) {
-    U(e);
-  }
-}
-export {
-  ie as G,
-  X as a,
-  Z as b,
-  ee as c,
-  te as d,
-  re as e,
-  ne as f,
-  J as g,
-  Q as h,
-  x as i,
-  $ as r
-};