@lunora/studio 1.0.0-alpha.5 → 1.0.0-alpha.50

package/dist/packem_shared/{grid-features-CzUfqgsM.js → grid-features-B_fZH4iQ.js}

@@ -2,115 +2,21 @@ import { c } from 'react/compiler-runtime';
 import { useState } from 'react';
 import { ConfirmButton } from './ConfirmButton-C2eVi2Qv.js';
 import { D as DropdownMenuTrigger, a as DropdownMenuLabel, b as DropdownMenuItem, c as DropdownMenuContent, d as DropdownMenu, e as DropdownMenuCheckboxItem, f as DropdownMenuSeparator, g as DropdownMenuGroup } from './dropdown-menu-WY4B_eJO.js';
-import { c as cn } from './utils-B05Dmz_H.js';
-import { jsxDEV } from 'react/jsx-dev-runtime';
+import { M as ModalShell } from './modal-shell-hyaJvIJ6.js';
 import { useT } from './DEFAULT_LOCALE-CiX4W7Kr.js';
-import { h as formatCell, f as fireAndForget } from './internal-rXJEAhXS.js';
-
-const OVERLAY_BY_VARIANT = {
-  dialog: "fixed inset-0 z-[1000] flex justify-center bg-black/20 pt-[10vh]",
-  drawer: "fixed inset-0 z-[1000] flex justify-end bg-black/20"
-};
-const PANEL_BY_VARIANT = {
-  dialog: "flex h-fit w-[min(28rem,92vw)] flex-col gap-3 rounded-lg border border-border bg-background p-4 shadow-xl",
-  drawer: "flex h-full w-[min(34rem,100vw)] flex-col gap-4 overflow-auto border-l border-border bg-background p-4 shadow-xl"
-};
-const ModalShell = (t0) => {
-  const $ = c(18);
-  const {
-    className,
-    children,
-    label,
-    onClose,
-    panelTestId,
-    testId,
-    variant
-  } = t0;
-  let t1;
-  if ($[0] !== onClose) {
-    t1 = (event) => {
-      if (event.target === event.currentTarget) {
-        onClose();
-      }
-    };
-    $[0] = onClose;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const onOverlayClick = t1;
-  let t2;
-  if ($[2] !== onClose) {
-    t2 = (event_0) => {
-      if (event_0.key === "Escape") {
-        onClose();
-      }
-    };
-    $[2] = onClose;
-    $[3] = t2;
-  } else {
-    t2 = $[3];
-  }
-  const onOverlayKeyDown = t2;
-  const t3 = OVERLAY_BY_VARIANT[variant];
-  const t4 = PANEL_BY_VARIANT[variant];
-  let t5;
-  if ($[4] !== className || $[5] !== t4) {
-    t5 = cn(t4, className);
-    $[4] = className;
-    $[5] = t4;
-    $[6] = t5;
-  } else {
-    t5 = $[6];
-  }
-  let t6;
-  if ($[7] !== children || $[8] !== label || $[9] !== panelTestId || $[10] !== t5) {
-    t6 = /* @__PURE__ */ jsxDEV("div", {
-      "aria-label": label,
-      className: t5,
-      "data-testid": panelTestId,
-      role: "dialog",
-      children
-    }, void 0, false);
-    $[7] = children;
-    $[8] = label;
-    $[9] = panelTestId;
-    $[10] = t5;
-    $[11] = t6;
-  } else {
-    t6 = $[11];
-  }
-  let t7;
-  if ($[12] !== onOverlayClick || $[13] !== onOverlayKeyDown || $[14] !== t3 || $[15] !== t6 || $[16] !== testId) {
-    t7 = /* @__PURE__ */ jsxDEV("div", {
-      className: t3,
-      "data-testid": testId,
-      onClick: onOverlayClick,
-      onKeyDown: onOverlayKeyDown,
-      role: "presentation",
-      children: t6
-    }, void 0, false);
-    $[12] = onOverlayClick;
-    $[13] = onOverlayKeyDown;
-    $[14] = t3;
-    $[15] = t6;
-    $[16] = testId;
-    $[17] = t7;
-  } else {
-    t7 = $[17];
-  }
-  return t7;
-};
+import { h as formatCell, g as copyToClipboard } from './internal-zwBoOv24.js';
+import { jsxDEV } from 'react/jsx-dev-runtime';
 
 const CONTROL_BTN = "inline-flex items-center gap-1 rounded-md border border-border px-2.5 py-1 text-xs font-medium text-foreground outline-none transition-colors hover:bg-accent focus-visible:bg-accent disabled:pointer-events-none disabled:opacity-50";
 const CSV_QUOTE_RE = /["\n,]/u;
+const CSV_FORMULA_RE = /^[=+\-@\t\r]/u;
 const csvCell = (value) => {
   if (value === null || value === void 0) {
     return "";
   }
   let text;
   if (typeof value === "string") {
-    text = value;
+    text = CSV_FORMULA_RE.test(value) ? `	${value}` : value;
   } else if (typeof value === "number" || typeof value === "boolean" || typeof value === "bigint") {
     text = String(value);
   } else {
@@ -124,6 +30,37 @@ const toCsv = (columns, rows) => {
   return [header, ...body].join("\n");
 };
 const toJson = (rows) => JSON.stringify(rows, null, 2);
+const SQL_INSERT_BATCH = 500;
+const sqlIdentifier = (name) => `"${name.replaceAll('"', '""')}"`;
+const sqlLiteral = (value) => {
+  if (value === null || value === void 0) {
+    return "NULL";
+  }
+  if (typeof value === "number") {
+    return Number.isFinite(value) ? String(value) : "NULL";
+  }
+  if (typeof value === "bigint") {
+    return String(value);
+  }
+  if (typeof value === "boolean") {
+    return value ? "1" : "0";
+  }
+  const text = typeof value === "string" ? value : JSON.stringify(value);
+  return `'${text.replaceAll("'", "''")}'`;
+};
+const toSql = (name, columns, rows) => {
+  if (columns.length === 0 || rows.length === 0) {
+    return "";
+  }
+  const columnList = columns.map((column) => sqlIdentifier(column)).join(", ");
+  const statements = [];
+  for (let start = 0; start < rows.length; start += SQL_INSERT_BATCH) {
+    const values = rows.slice(start, start + SQL_INSERT_BATCH).map((row) => `  (${columns.map((column) => sqlLiteral(row[column])).join(", ")})`).join(",\n");
+    statements.push(`INSERT INTO ${sqlIdentifier(name)} (${columnList}) VALUES
+${values};`);
+  }
+  return statements.join("\n\n");
+};
 const downloadFile = (filename, content, mime) => {
   if (!("document" in globalThis)) {
     return;
@@ -140,7 +77,7 @@ const downloadFile = (filename, content, mime) => {
   globalThis.URL.revokeObjectURL(url);
 };
 const ExportMenu = (t0) => {
-  const $ = c(26);
+  const $ = c(36);
   const {
     columns,
     name,
@@ -172,96 +109,131 @@ const ExportMenu = (t0) => {
     t2 = $[6];
   }
   const onJson = t2;
-  const t3 = rows.length === 0;
-  let t4;
-  if ($[7] !== t3) {
-    t4 = /* @__PURE__ */ jsxDEV(DropdownMenuTrigger, {
+  let t3;
+  if ($[7] !== columns || $[8] !== name || $[9] !== rows) {
+    t3 = () => {
+      downloadFile(`${name}.sql`, toSql(name, columns, rows), "application/sql;charset=utf-8");
+    };
+    $[7] = columns;
+    $[8] = name;
+    $[9] = rows;
+    $[10] = t3;
+  } else {
+    t3 = $[10];
+  }
+  const onSql = t3;
+  const t4 = rows.length === 0;
+  let t5;
+  if ($[11] !== t4) {
+    t5 = /* @__PURE__ */ jsxDEV(DropdownMenuTrigger, {
       className: CONTROL_BTN,
       "data-testid": "grid-export",
-      disabled: t3,
+      disabled: t4,
       title: "Exports only the rows loaded on the current page, not the whole table",
       children: "Export page"
     }, void 0, false);
-    $[7] = t3;
-    $[8] = t4;
+    $[11] = t4;
+    $[12] = t5;
   } else {
-    t4 = $[8];
+    t5 = $[12];
   }
-  let t5;
-  if ($[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t5 = /* @__PURE__ */ jsxDEV(DropdownMenuLabel, {
+  let t6;
+  if ($[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t6 = /* @__PURE__ */ jsxDEV(DropdownMenuLabel, {
       children: "Export loaded rows"
     }, void 0, false);
-    $[9] = t5;
+    $[13] = t6;
   } else {
-    t5 = $[9];
+    t6 = $[13];
   }
-  let t6;
-  if ($[10] !== t) {
-    t6 = t("CSV");
-    $[10] = t;
-    $[11] = t6;
+  let t7;
+  if ($[14] !== t) {
+    t7 = t("CSV");
+    $[14] = t;
+    $[15] = t7;
   } else {
-    t6 = $[11];
+    t7 = $[15];
   }
-  let t7;
-  if ($[12] !== onCsv || $[13] !== t6) {
-    t7 = /* @__PURE__ */ jsxDEV(DropdownMenuItem, {
+  let t8;
+  if ($[16] !== onCsv || $[17] !== t7) {
+    t8 = /* @__PURE__ */ jsxDEV(DropdownMenuItem, {
       "data-testid": "grid-export-csv",
       onClick: onCsv,
-      children: t6
+      children: t7
     }, void 0, false);
-    $[12] = onCsv;
-    $[13] = t6;
-    $[14] = t7;
+    $[16] = onCsv;
+    $[17] = t7;
+    $[18] = t8;
   } else {
-    t7 = $[14];
+    t8 = $[18];
   }
-  let t8;
-  if ($[15] !== t) {
-    t8 = t("JSON");
-    $[15] = t;
-    $[16] = t8;
+  let t9;
+  if ($[19] !== t) {
+    t9 = t("JSON");
+    $[19] = t;
+    $[20] = t9;
   } else {
-    t8 = $[16];
+    t9 = $[20];
   }
-  let t9;
-  if ($[17] !== onJson || $[18] !== t8) {
-    t9 = /* @__PURE__ */ jsxDEV(DropdownMenuItem, {
+  let t10;
+  if ($[21] !== onJson || $[22] !== t9) {
+    t10 = /* @__PURE__ */ jsxDEV(DropdownMenuItem, {
       "data-testid": "grid-export-json",
       onClick: onJson,
-      children: t8
+      children: t9
     }, void 0, false);
-    $[17] = onJson;
-    $[18] = t8;
-    $[19] = t9;
+    $[21] = onJson;
+    $[22] = t9;
+    $[23] = t10;
   } else {
-    t9 = $[19];
+    t10 = $[23];
   }
-  let t10;
-  if ($[20] !== t7 || $[21] !== t9) {
-    t10 = /* @__PURE__ */ jsxDEV(DropdownMenuContent, {
+  let t11;
+  if ($[24] !== t) {
+    t11 = t("SQL");
+    $[24] = t;
+    $[25] = t11;
+  } else {
+    t11 = $[25];
+  }
+  let t12;
+  if ($[26] !== onSql || $[27] !== t11) {
+    t12 = /* @__PURE__ */ jsxDEV(DropdownMenuItem, {
+      "data-testid": "grid-export-sql",
+      onClick: onSql,
+      children: t11
+    }, void 0, false);
+    $[26] = onSql;
+    $[27] = t11;
+    $[28] = t12;
+  } else {
+    t12 = $[28];
+  }
+  let t13;
+  if ($[29] !== t10 || $[30] !== t12 || $[31] !== t8) {
+    t13 = /* @__PURE__ */ jsxDEV(DropdownMenuContent, {
       align: "end",
-      children: [t5, t7, t9]
+      children: [t6, t8, t10, t12]
     }, void 0, true);
-    $[20] = t7;
-    $[21] = t9;
-    $[22] = t10;
+    $[29] = t10;
+    $[30] = t12;
+    $[31] = t8;
+    $[32] = t13;
   } else {
-    t10 = $[22];
+    t13 = $[32];
   }
-  let t11;
-  if ($[23] !== t10 || $[24] !== t4) {
-    t11 = /* @__PURE__ */ jsxDEV(DropdownMenu, {
-      children: [t4, t10]
+  let t14;
+  if ($[33] !== t13 || $[34] !== t5) {
+    t14 = /* @__PURE__ */ jsxDEV(DropdownMenu, {
+      children: [t5, t13]
     }, void 0, true);
-    $[23] = t10;
-    $[24] = t4;
-    $[25] = t11;
+    $[33] = t13;
+    $[34] = t5;
+    $[35] = t14;
   } else {
-    t11 = $[25];
+    t14 = $[35];
   }
-  return t11;
+  return t14;
 };
 const ColumnToggle = (t0) => {
   const $ = c(9);
@@ -553,12 +525,9 @@ const CellDetailDialog = (t0) => {
   let t2;
   if ($[2] !== text) {
     t2 = () => {
-      const clipboard = "navigator" in globalThis ? globalThis.navigator.clipboard : void 0;
-      if (clipboard === void 0) {
-        return;
+      if (copyToClipboard(text)) {
+        setCopied(true);
       }
-      fireAndForget(clipboard.writeText(text));
-      setCopied(true);
     };
     $[2] = text;
     $[3] = t2;
@@ -837,4 +806,4 @@ function _temp2(row) {
   return row.id;
 }
 
-export { CellDetailDialog as C, ExportMenu as E, GridActionsBar as G, ModalShell as M, SelectionBar as S };
+export { CellDetailDialog as C, ExportMenu as E, GridActionsBar as G, SelectionBar as S };