@toolbox-web/grid 0.0.7 → 0.1.0

package/lib/plugins/clipboard/index.js

@@ -5,7 +5,8 @@ const b = {
   sortDesc: "▼",
   sortNone: "⇅",
   submenuArrow: "▶",
-  dragHandle: "⋮⋮"
+  dragHandle: "⋮⋮",
+  toolPanel: "☰"
 };
 class I {
   /** Plugin version - override in subclass if needed */
@@ -162,23 +163,23 @@ class I {
     console.warn(`[tbw-grid:${this.name}] ${e}`);
   }
 }
-function T(f, e, t, n) {
+function T(h, e, t, n) {
   if (n.processCell)
-    return n.processCell(f, e, t);
-  if (f == null) return "";
-  if (f instanceof Date) return f.toISOString();
-  if (typeof f == "object") return JSON.stringify(f);
-  const i = String(f), l = n.delimiter ?? "	", r = n.newline ?? `
+    return n.processCell(h, e, t);
+  if (h == null) return "";
+  if (h instanceof Date) return h.toISOString();
+  if (typeof h == "object") return JSON.stringify(h);
+  const i = String(h), l = n.delimiter ?? "	", o = n.newline ?? `
 `;
-  return n.quoteStrings || i.includes(l) || i.includes(r) || i.includes('"') ? `"${i.replace(/"/g, '""')}"` : i;
+  return n.quoteStrings || i.includes(l) || i.includes(o) || i.includes('"') ? `"${i.replace(/"/g, '""')}"` : i;
 }
-function p(f) {
-  const { rows: e, columns: t, selectedIndices: n, config: i } = f, l = i.delimiter ?? "	", r = i.newline ?? `
-`, o = t.filter((s) => !s.hidden && !s.field.startsWith("__")), c = [];
+function p(h) {
+  const { rows: e, columns: t, selectedIndices: n, config: i } = h, l = i.delimiter ?? "	", o = i.newline ?? `
+`, r = t.filter((s) => !s.hidden && !s.field.startsWith("__")), c = [];
   if (i.includeHeaders) {
-    const s = o.map((d) => {
-      const h = d.header || d.field;
-      return h.includes(l) || h.includes(r) || h.includes('"') ? `"${h.replace(/"/g, '""')}"` : h;
+    const s = r.map((d) => {
+      const f = d.header || d.field;
+      return f.includes(l) || f.includes(o) || f.includes('"') ? `"${f.replace(/"/g, '""')}"` : f;
     });
     c.push(s.join(l));
   }
@@ -186,34 +187,34 @@ function p(f) {
   for (const s of u) {
     const d = e[s];
     if (!d) continue;
-    const h = o.map(
+    const f = r.map(
       (g) => T(d[g.field], g.field, d, i)
     );
-    c.push(h.join(l));
+    c.push(f.join(l));
   }
-  return c.join(r);
+  return c.join(o);
 }
-async function C(f) {
+async function C(h) {
   try {
-    return await navigator.clipboard.writeText(f), !0;
+    return await navigator.clipboard.writeText(h), !0;
   } catch {
     const e = document.createElement("textarea");
-    e.value = f, e.style.position = "fixed", e.style.opacity = "0", e.style.pointerEvents = "none", document.body.appendChild(e), e.select();
+    e.value = h, e.style.position = "fixed", e.style.opacity = "0", e.style.pointerEvents = "none", document.body.appendChild(e), e.select();
     const t = document.execCommand("copy");
     return document.body.removeChild(e), t;
   }
 }
-function y(f, e) {
+function y(h, e) {
   const t = e.delimiter ?? "	", n = e.newline ?? `
-`, i = f.replace(/\r\n/g, `
+`, i = h.replace(/\r\n/g, `
 `).replace(/\r/g, `
 `), l = [];
-  let r = [], o = "", c = !1;
+  let o = [], r = "", c = !1;
   for (let a = 0; a < i.length; a++) {
     const u = i[a];
-    u === '"' && !c ? c = !0 : u === '"' && c ? i[a + 1] === '"' ? (o += '"', a++) : c = !1 : u === t && !c ? (r.push(o), o = "") : u === n && !c ? (r.push(o), o = "", (r.length > 1 || r.some((s) => s.trim() !== "")) && l.push(r), r = []) : o += u;
+    u === '"' && !c ? c = !0 : u === '"' && c ? i[a + 1] === '"' ? (r += '"', a++) : c = !1 : u === t && !c ? (o.push(r), r = "") : u === n && !c ? (o.push(r), r = "", (o.length > 1 || o.some((s) => s.trim() !== "")) && l.push(o), o = []) : r += u;
   }
-  return r.push(o), (r.length > 1 || r.some((a) => a.trim() !== "")) && l.push(r), l;
+  return o.push(r), (o.length > 1 || o.some((a) => a.trim() !== "")) && l.push(o), l;
 }
 async function x() {
   try {
@@ -227,7 +228,6 @@ class D extends I {
   version = "1.0.0";
   get defaultConfig() {
     return {
-      enabled: !0,
       includeHeaders: !1,
       delimiter: "	",
       newline: `
@@ -244,7 +244,6 @@ class D extends I {
   }
   // ===== Event Handlers =====
   onKeyDown(e) {
-    if (this.config.enabled === !1) return !1;
     const t = (e.ctrlKey || e.metaKey) && e.key === "c", n = (e.ctrlKey || e.metaKey) && e.key === "v";
     return t ? (this.#t(e.target), !0) : n ? (this.#n(), !0) : !1;
   }
@@ -253,7 +252,7 @@ class D extends I {
    * Handle copy operation
    */
   #t(e) {
-    const t = this.#e(), n = t?.getSelectedRows() ?? [], i = n.length > 0, l = t?.getRanges() ?? [], r = l.length > 0, o = t?.getSelectedCell() != null;
+    const t = this.#e(), n = t?.getSelectedRows() ?? [], i = n.length > 0, l = t?.getRanges() ?? [], o = l.length > 0, r = t?.getSelectedCell() != null;
     let c, a, u;
     if (i && t)
       c = p({
@@ -262,7 +261,7 @@ class D extends I {
         selectedIndices: n,
         config: this.config
       }), a = n.length, u = this.columns.filter((s) => !s.hidden && !s.field.startsWith("__")).length;
-    else if (r && t) {
+    else if (o && t) {
       const s = l[l.length - 1], d = this.#i({
         startRow: s.from.row,
         startCol: s.from.col,
@@ -270,12 +269,12 @@ class D extends I {
         endCol: s.to.col
       });
       c = d.text, a = d.rowCount, u = d.columnCount;
-    } else if (o && t) {
+    } else if (r && t) {
       const s = t.getSelectedCell(), d = this.#s(s.row, s.col);
       if (!d) return;
       c = d.text, a = 1, u = 1;
     } else {
-      const s = this.#r(e);
+      const s = this.#o(e);
       if (!s) return;
       c = s.text, a = 1, u = 1;
     }
@@ -315,29 +314,29 @@ class D extends I {
     if (!n) return null;
     const i = this.columns[t];
     if (!i) return null;
-    const l = n[i.field], r = i.header || i.field;
-    let o;
+    const l = n[i.field], o = i.header || i.field;
+    let r;
     if (this.config.includeHeaders) {
       const c = l == null ? "" : String(l);
-      o = `${r}: ${c}`;
+      r = `${o}: ${c}`;
     } else
-      o = l == null ? "" : String(l);
-    return { text: o };
+      r = l == null ? "" : String(l);
+    return { text: r };
   }
   /**
    * Build text for a rectangular range of cells.
    */
   #i(e) {
-    const { startRow: t, startCol: n, endRow: i, endCol: l } = e, r = Math.min(t, i), o = Math.max(t, i), c = Math.min(n, l), a = Math.max(n, l), u = this.config.delimiter ?? "	", s = this.config.newline ?? `
-`, d = [], h = this.columns.slice(c, a + 1);
+    const { startRow: t, startCol: n, endRow: i, endCol: l } = e, o = Math.min(t, i), r = Math.max(t, i), c = Math.min(n, l), a = Math.max(n, l), u = this.config.delimiter ?? "	", s = this.config.newline ?? `
+`, d = [], f = this.columns.slice(c, a + 1);
     if (this.config.includeHeaders) {
-      const g = h.map((m) => m.header || m.field);
+      const g = f.map((m) => m.header || m.field);
       d.push(g.join(u));
     }
-    for (let g = r; g <= o; g++) {
+    for (let g = o; g <= r; g++) {
       const m = this.rows[g];
       if (!m) continue;
-      const S = h.map((R) => {
+      const S = f.map((R) => {
         const w = m[R.field];
         return w == null ? "" : w instanceof Date ? w.toISOString() : String(w);
       });
@@ -345,7 +344,7 @@ class D extends I {
     }
     return {
       text: d.join(s),
-      rowCount: o - r + 1,
+      rowCount: r - o + 1,
       columnCount: a - c + 1
     };
   }
@@ -353,7 +352,7 @@ class D extends I {
    * Build text for a single focused cell from DOM.
    * Used when selection plugin is not available or no rows are selected.
    */
-  #r(e) {
+  #o(e) {
     const t = e.closest("[data-field-cache]");
     if (!t) return null;
     const n = t.dataset.fieldCache;
@@ -362,16 +361,16 @@ class D extends I {
     if (!i) return null;
     const l = parseInt(i, 10);
     if (isNaN(l)) return null;
-    const r = this.rows[l];
-    if (!r) return null;
-    const o = r[n], a = this.columns.find((s) => s.field === n)?.header || n;
+    const o = this.rows[l];
+    if (!o) return null;
+    const r = o[n], a = this.columns.find((s) => s.field === n)?.header || n;
     let u;
     if (this.config.includeHeaders) {
-      const s = o == null ? "" : String(o);
+      const s = r == null ? "" : String(r);
       u = `${a}: ${s}`;
     } else
-      u = o == null ? "" : String(o);
-    return { text: u, field: n, value: o };
+      u = r == null ? "" : String(r);
+    return { text: u, field: n, value: r };
   }
   // ===== Public API =====
   /**