@teselagen/ui 0.10.23 → 0.10.24

package/DataTable/utils/tsvToHtmlTable.d.ts

@@ -0,0 +1 @@
+export function tsvToHtmlTable(tsv: any): string;

package/index.cjs.js

@@ -17211,10 +17211,25 @@ function requireCopyToClipboard() {
 __name(requireCopyToClipboard, "requireCopyToClipboard");
 var copyToClipboardExports = requireCopyToClipboard();
 const copy = /* @__PURE__ */ getDefaultExportFromCjs(copyToClipboardExports);
+const HTML_ESCAPES = {
+  "&": "&",
+  "<": "&lt;",
+  ">": "&gt;",
+  '"': "&quot;"
+};
+const escapeHtml = /* @__PURE__ */ __name((value) => String(value != null ? value : "").replace(/[&<>"]/g, (c2) => HTML_ESCAPES[c2]), "escapeHtml");
+const tsvToHtmlTable = /* @__PURE__ */ __name((tsv) => {
+  const rows = String(tsv != null ? tsv : "").split("\n").map((line) => {
+    const cells = line.split("	").map((v2) => `<td>${escapeHtml(v2)}</td>`).join("");
+    return `<tr>${cells}</tr>`;
+  }).join("");
+  return `<table>${rows}</table>`;
+}, "tsvToHtmlTable");
 const handleCopyHelper = /* @__PURE__ */ __name((stringToCopy, jsonToCopy, message) => {
   !window.Cypress && copy(stringToCopy, {
     onCopy: /* @__PURE__ */ __name((clipboardData) => {
       clipboardData.setData("application/json", JSON.stringify(jsonToCopy));
+      clipboardData.setData("text/html", tsvToHtmlTable(stringToCopy));
     }, "onCopy"),
     // keep this so that pasting into spreadsheets works.
     format: "text/plain"

package/index.es.js

@@ -17193,10 +17193,25 @@ function requireCopyToClipboard() {
 __name(requireCopyToClipboard, "requireCopyToClipboard");
 var copyToClipboardExports = requireCopyToClipboard();
 const copy = /* @__PURE__ */ getDefaultExportFromCjs(copyToClipboardExports);
+const HTML_ESCAPES = {
+  "&": "&",
+  "<": "&lt;",
+  ">": "&gt;",
+  '"': "&quot;"
+};
+const escapeHtml = /* @__PURE__ */ __name((value) => String(value != null ? value : "").replace(/[&<>"]/g, (c2) => HTML_ESCAPES[c2]), "escapeHtml");
+const tsvToHtmlTable = /* @__PURE__ */ __name((tsv) => {
+  const rows = String(tsv != null ? tsv : "").split("\n").map((line) => {
+    const cells = line.split("	").map((v2) => `<td>${escapeHtml(v2)}</td>`).join("");
+    return `<tr>${cells}</tr>`;
+  }).join("");
+  return `<table>${rows}</table>`;
+}, "tsvToHtmlTable");
 const handleCopyHelper = /* @__PURE__ */ __name((stringToCopy, jsonToCopy, message) => {
   !window.Cypress && copy(stringToCopy, {
     onCopy: /* @__PURE__ */ __name((clipboardData) => {
       clipboardData.setData("application/json", JSON.stringify(jsonToCopy));
+      clipboardData.setData("text/html", tsvToHtmlTable(stringToCopy));
     }, "onCopy"),
     // keep this so that pasting into spreadsheets works.
     format: "text/plain"

package/index.umd.js

@@ -42656,10 +42656,25 @@ ${latestSubscriptionCallbackError.current.stack}
   __name(requireCopyToClipboard, "requireCopyToClipboard");
   var copyToClipboardExports = requireCopyToClipboard();
   const copy = /* @__PURE__ */ getDefaultExportFromCjs(copyToClipboardExports);
+  const HTML_ESCAPES = {
+    "&": "&",
+    "<": "&lt;",
+    ">": "&gt;",
+    '"': "&quot;"
+  };
+  const escapeHtml = /* @__PURE__ */ __name((value) => String(value != null ? value : "").replace(/[&<>"]/g, (c2) => HTML_ESCAPES[c2]), "escapeHtml");
+  const tsvToHtmlTable = /* @__PURE__ */ __name((tsv) => {
+    const rows = String(tsv != null ? tsv : "").split("\n").map((line) => {
+      const cells = line.split("	").map((v2) => `<td>${escapeHtml(v2)}</td>`).join("");
+      return `<tr>${cells}</tr>`;
+    }).join("");
+    return `<table>${rows}</table>`;
+  }, "tsvToHtmlTable");
   const handleCopyHelper = /* @__PURE__ */ __name((stringToCopy, jsonToCopy, message) => {
     !window.Cypress && copy(stringToCopy, {
       onCopy: /* @__PURE__ */ __name((clipboardData) => {
         clipboardData.setData("application/json", JSON.stringify(jsonToCopy));
+        clipboardData.setData("text/html", tsvToHtmlTable(stringToCopy));
       }, "onCopy"),
       // keep this so that pasting into spreadsheets works.
       format: "text/plain"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teselagen/ui",
-  "version": "0.10.23",
+  "version": "0.10.24",
   "main": "./src/index.js",
   "type": "module",
   "repository": "https://github.com/TeselaGen/tg-oss",

package/src/DataTable/utils/handleCopyHelper.js

@@ -1,10 +1,12 @@
 import copy from "copy-to-clipboard";
+import { tsvToHtmlTable } from "./tsvToHtmlTable";
 
 export const handleCopyHelper = (stringToCopy, jsonToCopy, message) => {
   !window.Cypress &&
     copy(stringToCopy, {
       onCopy: clipboardData => {
         clipboardData.setData("application/json", JSON.stringify(jsonToCopy));
+        clipboardData.setData("text/html", tsvToHtmlTable(stringToCopy));
       },
       // keep this so that pasting into spreadsheets works.
       format: "text/plain"

package/src/DataTable/utils/tsvToHtmlTable.js

@@ -0,0 +1,23 @@
+const HTML_ESCAPES = {
+  "&": "&",
+  "<": "&lt;",
+  ">": "&gt;",
+  '"': "&quot;"
+};
+
+const escapeHtml = value =>
+  String(value ?? "").replace(/[&<>"]/g, c => HTML_ESCAPES[c]);
+
+export const tsvToHtmlTable = tsv => {
+  const rows = String(tsv ?? "")
+    .split("\n")
+    .map(line => {
+      const cells = line
+        .split("\t")
+        .map(v => `<td>${escapeHtml(v)}</td>`)
+        .join("");
+      return `<tr>${cells}</tr>`;
+    })
+    .join("");
+  return `<table>${rows}</table>`;
+};

package/src/DataTable/utils/tsvToHtmlTable.test.js

@@ -0,0 +1,41 @@
+import { tsvToHtmlTable } from "./tsvToHtmlTable";
+
+describe("tsvToHtmlTable", () => {
+  it("wraps a single row in a <table>", () => {
+    expect(tsvToHtmlTable("a\tb\tc")).toBe(
+      "<table><tr><td>a</td><td>b</td><td>c</td></tr></table>"
+    );
+  });
+
+  it("splits rows on newline and cells on tab", () => {
+    expect(tsvToHtmlTable("h1\th2\n1\t2\nA\tB")).toBe(
+      "<table>" +
+        "<tr><td>h1</td><td>h2</td></tr>" +
+        "<tr><td>1</td><td>2</td></tr>" +
+        "<tr><td>A</td><td>B</td></tr>" +
+        "</table>"
+    );
+  });
+
+  it("escapes HTML-significant characters in cell content", () => {
+    expect(tsvToHtmlTable('<b>&"x"</b>\tnormal')).toBe(
+      "<table><tr><td>&lt;b&gt;&amp;&quot;x&quot;&lt;/b&gt;</td><td>normal</td></tr></table>"
+    );
+  });
+
+  it("preserves empty cells and empty rows", () => {
+    expect(tsvToHtmlTable("a\t\tb\n\nc")).toBe(
+      "<table>" +
+        "<tr><td>a</td><td></td><td>b</td></tr>" +
+        "<tr><td></td></tr>" +
+        "<tr><td>c</td></tr>" +
+        "</table>"
+    );
+  });
+
+  it("handles empty/null input", () => {
+    expect(tsvToHtmlTable("")).toBe("<table><tr><td></td></tr></table>");
+    expect(tsvToHtmlTable(null)).toBe("<table><tr><td></td></tr></table>");
+    expect(tsvToHtmlTable(undefined)).toBe("<table><tr><td></td></tr></table>");
+  });
+});