@lunora/studio 1.0.0-alpha.4 → 1.0.0-alpha.41

package/dist/packem_shared/data-view-params-Cd6yRVbv.js

@@ -0,0 +1,96 @@
+const VALID_OPERATORS = /* @__PURE__ */ new Set(["contains", "eq", "gt", "gte", "lt", "lte", "ne"]);
+const stringParameter = (raw) => {
+  if (typeof raw !== "string") {
+    return void 0;
+  }
+  const value = raw.trim();
+  return value === "" ? void 0 : value;
+};
+const isFilterClause = (entry) => {
+  if (entry === null || typeof entry !== "object") {
+    return false;
+  }
+  const candidate = entry;
+  return typeof candidate.column === "string" && typeof candidate.operator === "string" && VALID_OPERATORS.has(candidate.operator);
+};
+const parseFilters = (raw) => {
+  if (typeof raw !== "string" || raw === "") {
+    return [];
+  }
+  try {
+    const parsed = JSON.parse(raw);
+    return Array.isArray(parsed) ? parsed.filter(isFilterClause) : [];
+  } catch {
+    return [];
+  }
+};
+const parseOrder = (raw) => {
+  if (typeof raw !== "string" || raw === "") {
+    return void 0;
+  }
+  const separator = raw.lastIndexOf(":");
+  if (separator <= 0) {
+    return void 0;
+  }
+  const column = raw.slice(0, separator);
+  const direction = raw.slice(separator + 1);
+  if (direction !== "asc" && direction !== "desc") {
+    return void 0;
+  }
+  return {
+    column,
+    direction
+  };
+};
+const validateDataViewSearch = (search) => {
+  const validated = {};
+  if (search["schema"] === "global") {
+    validated.schema = "global";
+  }
+  const table = stringParameter(search["table"]);
+  if (table !== void 0) {
+    validated.table = table;
+  }
+  const shard = stringParameter(search["shard"]);
+  if (shard !== void 0) {
+    validated.shard = shard;
+  }
+  const searchText = stringParameter(search["search"]);
+  if (searchText !== void 0) {
+    validated.search = searchText;
+  }
+  const order = stringParameter(search["order"]);
+  if (order !== void 0 && parseOrder(order) !== void 0) {
+    validated.order = order;
+  }
+  const filters = stringParameter(search["filters"]);
+  if (filters !== void 0 && parseFilters(filters).length > 0) {
+    validated.filters = filters;
+  }
+  return validated;
+};
+const searchToDataView = (search) => {
+  const filters = parseFilters(search["filters"]);
+  const orderBy = parseOrder(search["order"]);
+  return {
+    filters: filters.length > 0 ? filters : void 0,
+    orderBy,
+    search: typeof search["search"] === "string" && search["search"] !== "" ? search["search"] : void 0,
+    shard: typeof search["shard"] === "string" && search["shard"] !== "" ? search["shard"] : void 0,
+    table: typeof search["table"] === "string" && search["table"] !== "" ? search["table"] : void 0,
+    tier: search["schema"] === "global" ? "global" : "shard"
+  };
+};
+const dataViewToSearch = (view) => {
+  const filters = view.filters ?? [];
+  return {
+    filters: filters.length > 0 ? JSON.stringify(filters) : void 0,
+    order: view.orderBy === void 0 ? void 0 : `${view.orderBy.column}:${view.orderBy.direction}`,
+    schema: view.tier === "global" ? "global" : void 0,
+    search: view.search !== void 0 && view.search !== "" ? view.search : void 0,
+    shard: view.shard !== void 0 && view.shard !== "" ? view.shard : void 0,
+    table: view.table !== void 0 && view.table !== "" ? view.table : void 0
+  };
+};
+
+export { dataViewToSearch as d, searchToDataView as s, validateDataViewSearch as v };

package/dist/packem_shared/error-alert-CXjqyGw9.js

@@ -0,0 +1,114 @@
+import { c } from 'react/compiler-runtime';
+import { flattenHint } from '@lunora/errors';
+import { b as errorHint, d as errorDocumentationUrl, e as errorMessage } from './internal-CYcbqMjX.js';
+import { A as Alert } from './alert-CdAET2K_.js';
+import { jsxDEV } from 'react/jsx-dev-runtime';
+
+const ErrorAlert = (t0) => {
+  const $ = c(26);
+  const {
+    className,
+    error,
+    testId
+  } = t0;
+  let T0;
+  let documentationUrl;
+  let t1;
+  let t2;
+  let t3;
+  let t4;
+  let t5;
+  if ($[0] !== className || $[1] !== error || $[2] !== testId) {
+    const hint = errorHint(error);
+    let t62;
+    if ($[10] !== error) {
+      t62 = errorDocumentationUrl(error);
+      $[10] = error;
+      $[11] = t62;
+    } else {
+      t62 = $[11];
+    }
+    documentationUrl = t62;
+    T0 = Alert;
+    t1 = className;
+    t2 = testId;
+    t3 = "destructive";
+    let t72;
+    if ($[12] !== error) {
+      t72 = errorMessage(error);
+      $[12] = error;
+      $[13] = t72;
+    } else {
+      t72 = $[13];
+    }
+    if ($[14] !== t72) {
+      t4 = /* @__PURE__ */ jsxDEV("p", {
+        className: "font-medium",
+        children: t72
+      }, void 0, false);
+      $[14] = t72;
+      $[15] = t4;
+    } else {
+      t4 = $[15];
+    }
+    t5 = hint === void 0 ? null : /* @__PURE__ */ jsxDEV("p", {
+      className: "mt-1 whitespace-pre-wrap text-xs opacity-90",
+      children: flattenHint(hint)
+    }, void 0, false);
+    $[0] = className;
+    $[1] = error;
+    $[2] = testId;
+    $[3] = T0;
+    $[4] = documentationUrl;
+    $[5] = t1;
+    $[6] = t2;
+    $[7] = t3;
+    $[8] = t4;
+    $[9] = t5;
+  } else {
+    T0 = $[3];
+    documentationUrl = $[4];
+    t1 = $[5];
+    t2 = $[6];
+    t3 = $[7];
+    t4 = $[8];
+    t5 = $[9];
+  }
+  let t6;
+  if ($[16] !== documentationUrl) {
+    t6 = documentationUrl === void 0 ? null : /* @__PURE__ */ jsxDEV("a", {
+      "aria-label": "View documentation for this error",
+      className: "mt-1 inline-block text-xs underline",
+      href: documentationUrl,
+      rel: "noreferrer",
+      target: "_blank",
+      children: "View error docs"
+    }, void 0, false);
+    $[16] = documentationUrl;
+    $[17] = t6;
+  } else {
+    t6 = $[17];
+  }
+  let t7;
+  if ($[18] !== T0 || $[19] !== t1 || $[20] !== t2 || $[21] !== t3 || $[22] !== t4 || $[23] !== t5 || $[24] !== t6) {
+    t7 = /* @__PURE__ */ jsxDEV(T0, {
+      className: t1,
+      testId: t2,
+      variant: t3,
+      children: [t4, t5, t6]
+    }, void 0, true);
+    $[18] = T0;
+    $[19] = t1;
+    $[20] = t2;
+    $[21] = t3;
+    $[22] = t4;
+    $[23] = t5;
+    $[24] = t6;
+    $[25] = t7;
+  } else {
+    t7 = $[25];
+  }
+  return t7;
+};
+
+export { ErrorAlert as E };

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

@@ -2,105 +2,10 @@ 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-CYcbqMjX.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;
@@ -124,6 +29,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 +76,7 @@ const downloadFile = (filename, content, mime) => {
   globalThis.URL.revokeObjectURL(url);
 };
 const ExportMenu = (t0) => {
-  const $ = c(26);
+  const $ = c(36);
   const {
     columns,
     name,
@@ -172,96 +108,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 +524,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 +805,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 };