@teselagen/ui 0.10.22 → 0.10.24

package/DataTable/DisabledLoadingComponent.d.ts

@@ -3,4 +3,4 @@ declare function DisabledLoadingComponent({ disabled, loading, loadingText }: {
     disabled: any;
     loading: any;
     loadingText: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react/jsx-runtime").JSX.Element | null;

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"
@@ -35098,6 +35113,7 @@ const DisplayOptions = /* @__PURE__ */ __name(({
 }, "DisplayOptions");
 const { LoadingComponent: LoadingComponent2 } = ReactTableDefaults;
 function DisabledLoadingComponent({ disabled, loading, loadingText }) {
+  if (!loading) return null;
   return /* @__PURE__ */ React.createElement(
     LoadingComponent2,
     {
@@ -67669,6 +67685,7 @@ function AdvancedOptions({
 __name(AdvancedOptions, "AdvancedOptions");
 const TgHTMLSelect = /* @__PURE__ */ __name((_O) => {
   var _P = _O, { disabled } = _P, rest = __objRest(_P, ["disabled"]);
+  rest["data-test-value"] = rest.value;
   if (disabled) {
     const opt = rest.options.find((o2) => o2.value === rest.value);
     return /* @__PURE__ */ React.createElement("div", __spreadProps(__spreadValues({}, rest), { className: classNames("bp3-html-select", rest.className) }), opt.label);

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"
@@ -35080,6 +35095,7 @@ const DisplayOptions = /* @__PURE__ */ __name(({
 }, "DisplayOptions");
 const { LoadingComponent: LoadingComponent2 } = ReactTableDefaults;
 function DisabledLoadingComponent({ disabled, loading, loadingText }) {
+  if (!loading) return null;
   return /* @__PURE__ */ React__default.createElement(
     LoadingComponent2,
     {
@@ -67651,6 +67667,7 @@ function AdvancedOptions({
 __name(AdvancedOptions, "AdvancedOptions");
 const TgHTMLSelect = /* @__PURE__ */ __name((_O) => {
   var _P = _O, { disabled } = _P, rest = __objRest(_P, ["disabled"]);
+  rest["data-test-value"] = rest.value;
   if (disabled) {
     const opt = rest.options.find((o2) => o2.value === rest.value);
     return /* @__PURE__ */ React__default.createElement("div", __spreadProps(__spreadValues({}, rest), { className: classNames("bp3-html-select", rest.className) }), opt.label);

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"
@@ -62701,6 +62716,7 @@ ${latestSubscriptionCallbackError.current.stack}
   }, "DisplayOptions");
   const { LoadingComponent } = ReactTableDefaults;
   function DisabledLoadingComponent({ disabled, loading, loadingText }) {
+    if (!loading) return null;
     return /* @__PURE__ */ React.createElement(
       LoadingComponent,
       {
@@ -95104,6 +95120,7 @@ ${latestSubscriptionCallbackError.current.stack}
   __name(AdvancedOptions, "AdvancedOptions");
   const TgHTMLSelect = /* @__PURE__ */ __name((_O) => {
     var _P = _O, { disabled } = _P, rest = __objRest(_P, ["disabled"]);
+    rest["data-test-value"] = rest.value;
     if (disabled) {
       const opt = rest.options.find((o2) => o2.value === rest.value);
       return /* @__PURE__ */ React.createElement("div", __spreadProps(__spreadValues({}, rest), { className: classNames$1("bp3-html-select", rest.className) }), opt.label);

package/package.json

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

package/src/DataTable/DisabledLoadingComponent.js

@@ -3,6 +3,7 @@ import { ReactTableDefaults } from "@teselagen/react-table";
 const { LoadingComponent } = ReactTableDefaults;
 
 function DisabledLoadingComponent({ disabled, loading, loadingText }) {
+  if (!loading) return null;
   return (
     <LoadingComponent
       className={disabled ? "disabled" : ""}

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>");
+  });
+});

package/src/TgHtmlSelect/index.js

@@ -6,6 +6,7 @@ import classNames from "classnames";
 // look like a regular html select with the selected option displayed
 // (instead of greyed out and without the ability to have tooltips working)
 const TgHTMLSelect = ({ disabled, ...rest }) => {
+  rest["data-test-value"] = rest.value;
   if (disabled) {
     const opt = rest.options.find(o => o.value === rest.value);
     return (