@toolbox-web/grid 1.9.0 → 1.9.2

package/lib/plugins/export/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>', x = {
+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>', w = {
   expand: "▶",
   collapse: "▼",
   sortAsc: "▲",
@@ -11,7 +11,7 @@ const m = '<svg viewBox="0 0 16 16" width="12" height="12"><path fill="currentCo
   filterActive: m,
   print: "🖨️"
 };
-class C {
+class x {
   /**
    * Plugin dependencies - declare other plugins this one requires.
    *
@@ -208,10 +208,19 @@ class C {
   }
   /**
    * 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
@@ -292,7 +301,7 @@ class C {
    */
   get gridIcons() {
     const e = this.grid?.gridConfig?.icons ?? {};
-    return { ...x, ...e };
+    return { ...w, ...e };
   }
   // #region Animation Helpers
   /**
@@ -378,22 +387,22 @@ function b(o, e = !0) {
 }
 function E(o, e, t, n = {}) {
   const c = n.delimiter ?? ",", l = n.newline ?? `
-`, i = [], r = n.bom ? "\uFEFF" : "";
+`, r = [], i = n.bom ? "\uFEFF" : "";
   if (t.includeHeaders !== !1) {
     const s = e.map((a) => {
       const d = a.header || a.field, u = t.processHeader ? t.processHeader(d, a.field) : d;
       return b(u);
     });
-    i.push(s.join(c));
+    r.push(s.join(c));
   }
   for (const s of o) {
     const a = e.map((d) => {
       let u = s[d.field];
       return t.processCell && (u = t.processCell(u, d.field, s)), b(u);
     });
-    i.push(a.join(c));
+    r.push(a.join(c));
   }
-  return r + i.join(l);
+  return i + r.join(l);
 }
 function h(o, e) {
   const t = URL.createObjectURL(o), n = document.createElement("a");
@@ -403,7 +412,7 @@ function S(o, e) {
   const t = new Blob([o], { type: "text/csv;charset=utf-8;" });
   h(t, e);
 }
-function w(o) {
+function C(o) {
   return o.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&apos;");
 }
 function v(o, e, t) {
@@ -417,8 +426,8 @@ function v(o, e, t) {
     n += `
 <Row>`;
     for (const c of e) {
-      const l = c.header || c.field, i = t.processHeader ? t.processHeader(l, c.field) : l;
-      n += `<Cell><Data ss:Type="String">${w(i)}</Data></Cell>`;
+      const l = c.header || c.field, r = t.processHeader ? t.processHeader(l, c.field) : l;
+      n += `<Cell><Data ss:Type="String">${C(r)}</Data></Cell>`;
     }
     n += "</Row>";
   }
@@ -426,10 +435,10 @@ function v(o, e, t) {
     n += `
 <Row>`;
     for (const l of e) {
-      let i = c[l.field];
-      t.processCell && (i = t.processCell(i, l.field, c));
-      let r = "String", s = "";
-      i == null ? s = "" : typeof i == "number" && !isNaN(i) ? (r = "Number", s = String(i)) : i instanceof Date ? (r = "DateTime", s = i.toISOString()) : s = w(String(i)), n += `<Cell><Data ss:Type="${r}">${s}</Data></Cell>`;
+      let r = c[l.field];
+      t.processCell && (r = t.processCell(r, l.field, c));
+      let i = "String", s = "";
+      r == null ? s = "" : typeof r == "number" && !isNaN(r) ? (i = "Number", s = String(r)) : r instanceof Date ? (i = "DateTime", s = r.toISOString()) : s = C(String(r)), n += `<Cell><Data ss:Type="${i}">${s}</Data></Cell>`;
     }
     n += "</Row>";
   }
@@ -444,7 +453,7 @@ function y(o, e) {
   });
   h(n, t);
 }
-class I extends C {
+class R extends x {
   /** @internal */
   name = "export";
   /** @internal */
@@ -476,27 +485,27 @@ class I extends C {
       const s = new Set(t.columns);
       l = l.filter((a) => s.has(a.field));
     }
-    let i = [...this.rows];
+    let r = [...this.rows];
     if (n.onlySelected) {
       const s = this.getSelectionState();
-      s?.selected?.size && (i = [...s.selected].sort((d, u) => d - u).map((d) => this.rows[d]).filter(Boolean));
+      s?.selected?.size && (r = [...s.selected].sort((d, u) => d - u).map((d) => this.rows[d]).filter(Boolean));
     }
-    t?.rowIndices && (i = t.rowIndices.map((s) => this.rows[s]).filter(Boolean)), this.isExportingFlag = !0;
-    let r = c.fileName;
+    t?.rowIndices && (r = t.rowIndices.map((s) => this.rows[s]).filter(Boolean)), this.isExportingFlag = !0;
+    let i = c.fileName;
     try {
       switch (e) {
         case "csv": {
-          const s = E(i, l, c, { bom: !0 });
-          r = r.endsWith(".csv") ? r : `${r}.csv`, S(s, r);
+          const s = E(r, l, c, { bom: !0 });
+          i = i.endsWith(".csv") ? i : `${i}.csv`, S(s, i);
           break;
         }
         case "excel": {
-          const s = v(i, l, c);
-          r = r.endsWith(".xls") ? r : `${r}.xls`, y(s, r);
+          const s = v(r, l, c);
+          i = i.endsWith(".xls") ? i : `${i}.xls`, y(s, i);
           break;
         }
         case "json": {
-          const s = i.map((u) => {
+          const s = r.map((u) => {
             const p = {};
             for (const f of l) {
               let g = u[f.field];
@@ -504,16 +513,16 @@ class I extends C {
             }
             return p;
           }), a = JSON.stringify(s, null, 2);
-          r = r.endsWith(".json") ? r : `${r}.json`;
+          i = i.endsWith(".json") ? i : `${i}.json`;
           const d = new Blob([a], { type: "application/json" });
-          h(d, r);
+          h(d, i);
           break;
         }
       }
       this.lastExportInfo = { format: e, timestamp: /* @__PURE__ */ new Date() }, this.emit("export-complete", {
         format: e,
-        fileName: r,
-        rowCount: i.length,
+        fileName: i,
+        rowCount: r.length,
         columnCount: l.length
       });
     } finally {
@@ -567,6 +576,6 @@ class I extends C {
   // #endregion
 }
 export {
-  I as ExportPlugin
+  R as ExportPlugin
 };
 //# sourceMappingURL=index.js.map