@toolbox-web/grid 1.9.0 → 1.9.2

package/lib/plugins/tree/index.js

@@ -1,4 +1,4 @@
-const m = '<svg viewBox="0 0 16 16" width="12" height="12"><path fill="currentColor" d="M6 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/></svg>', S = {
+const b = '<svg viewBox="0 0 16 16" width="12" height="12"><path fill="currentColor" d="M6 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/></svg>', S = {
   expand: "▶",
   collapse: "▼",
   sortAsc: "▲",
@@ -7,8 +7,8 @@ const m = '<svg viewBox="0 0 16 16" width="12" height="12"><path fill="currentCo
   submenuArrow: "▶",
   dragHandle: "⋮⋮",
   toolPanel: "☰",
-  filter: m,
-  filterActive: m,
+  filter: b,
+  filterActive: b,
   print: "🖨️"
 };
 class E {
@@ -208,10 +208,19 @@ class E {
   }
   /**
    * Request a re-render of the grid.
+   * Uses ROWS phase - does NOT trigger processColumns hooks.
    */
   requestRender() {
     this.grid?.requestRender?.();
   }
+  /**
+   * Request a columns re-render of the grid.
+   * Uses COLUMNS phase - triggers processColumns hooks.
+   * Use this when your plugin needs to reprocess column configuration.
+   */
+  requestColumnsRender() {
+    this.grid?.requestColumnsRender?.();
+  }
   /**
    * Request a re-render and restore focus styling afterward.
    * Use this when a plugin action (like expand/collapse) triggers a render
@@ -368,7 +377,7 @@ class E {
   }
   // #endregion
 }
-function v(o, e, t) {
+function R(o, e, t) {
   return o.id !== void 0 ? String(o.id) : t ? `${t}-${e}` : String(e);
 }
 function y(o, e) {
@@ -378,7 +387,7 @@ function y(o, e) {
 function w(o, e, t = null, n = 0) {
   const r = e.childrenField ?? "children", s = /* @__PURE__ */ new Set();
   for (let i = 0; i < o.length; i++) {
-    const l = o[i], a = v(l, i, t), d = l[r];
+    const l = o[i], a = R(l, i, t), d = l[r];
     if (Array.isArray(d) && d.length > 0) {
       s.add(a);
       const h = w(d, e, a, n + 1);
@@ -390,15 +399,15 @@ function w(o, e, t = null, n = 0) {
 function A() {
   return /* @__PURE__ */ new Set();
 }
-function K(o, e, t, n = null, r = 0) {
+function v(o, e, t, n = null, r = 0) {
   const s = t.childrenField ?? "children";
   for (let i = 0; i < o.length; i++) {
-    const l = o[i], a = v(l, i, n);
+    const l = o[i], a = R(l, i, n);
     if (a === e)
       return [a];
     const d = l[s];
     if (Array.isArray(d) && d.length > 0) {
-      const h = K(d, e, t, a, r + 1);
+      const h = v(d, e, t, a, r + 1);
       if (h)
         return [a, ...h];
     }
@@ -406,7 +415,7 @@ function K(o, e, t, n = null, r = 0) {
   return null;
 }
 function C(o, e, t, n) {
-  const r = K(o, e, t);
+  const r = v(o, e, t);
   if (!r) return n;
   const s = new Set(n);
   for (let i = 0; i < r.length - 1; i++)
@@ -570,8 +579,8 @@ class T extends E {
     const t = [...e];
     if (t.length === 0) return t;
     const n = t[0], r = n.viewRenderer, s = () => this.config, i = this.setIcon.bind(this), l = this.resolveIcon.bind(this), a = (d) => {
-      const { row: h, value: u } = d, { showExpandIcons: R = !0, indentWidth: b } = s(), g = h, _ = g.__treeDepth ?? 0, f = document.createElement("span");
-      if (f.className = "tree-cell-wrapper", f.style.setProperty("--tbw-tree-depth", String(_)), b !== void 0 && f.style.setProperty("--tbw-tree-indent-width", `${b}px`), R)
+      const { row: h, value: u } = d, { showExpandIcons: K = !0, indentWidth: m } = s(), g = h, _ = g.__treeDepth ?? 0, f = document.createElement("span");
+      if (f.className = "tree-cell-wrapper", f.style.setProperty("--tbw-tree-depth", String(_)), m !== void 0 && f.style.setProperty("--tbw-tree-indent-width", `${m}px`), K)
         if (g.__treeHasChildren) {
           const c = document.createElement("span");
           c.className = `tree-toggle${g.__treeExpanded ? " expanded" : ""}`, i(c, l(g.__treeExpanded ? "collapse" : "expand")), c.setAttribute("data-tree-key", String(g.__treeKey ?? "")), f.appendChild(c);