@lunora/studio 1.0.0-alpha.34 → 1.0.0-alpha.341

package/dist/packem_shared/grid-features-CUr8Z1_O.js

@@ -1,745 +0,0 @@
-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 { M as ModalShell } from './modal-shell-hyaJvIJ6.js';
-import { useT } from './DEFAULT_LOCALE-CiX4W7Kr.js';
-import { h as formatCell, f as fireAndForget } from './internal-DTsYVn-g.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 csvCell = (value) => {
-  if (value === null || value === void 0) {
-    return "";
-  }
-  let text;
-  if (typeof value === "string") {
-    text = value;
-  } else if (typeof value === "number" || typeof value === "boolean" || typeof value === "bigint") {
-    text = String(value);
-  } else {
-    text = JSON.stringify(value);
-  }
-  return CSV_QUOTE_RE.test(text) ? `"${text.replaceAll('"', '""')}"` : text;
-};
-const toCsv = (columns, rows) => {
-  const header = columns.map((column) => csvCell(column)).join(",");
-  const body = rows.map((row) => columns.map((column) => csvCell(row[column])).join(","));
-  return [header, ...body].join("\n");
-};
-const toJson = (rows) => JSON.stringify(rows, null, 2);
-const downloadFile = (filename, content, mime) => {
-  if (!("document" in globalThis)) {
-    return;
-  }
-  const url = globalThis.URL.createObjectURL(new globalThis.Blob([content], {
-    type: mime
-  }));
-  const anchor = globalThis.document.createElement("a");
-  anchor.href = url;
-  anchor.download = filename;
-  globalThis.document.body.append(anchor);
-  anchor.click();
-  anchor.remove();
-  globalThis.URL.revokeObjectURL(url);
-};
-const ExportMenu = (t0) => {
-  const $ = c(26);
-  const {
-    columns,
-    name,
-    rows
-  } = t0;
-  const t = useT();
-  let t1;
-  if ($[0] !== columns || $[1] !== name || $[2] !== rows) {
-    t1 = () => {
-      downloadFile(`${name}.csv`, toCsv(columns, rows), "text/csv;charset=utf-8");
-    };
-    $[0] = columns;
-    $[1] = name;
-    $[2] = rows;
-    $[3] = t1;
-  } else {
-    t1 = $[3];
-  }
-  const onCsv = t1;
-  let t2;
-  if ($[4] !== name || $[5] !== rows) {
-    t2 = () => {
-      downloadFile(`${name}.json`, toJson(rows), "application/json");
-    };
-    $[4] = name;
-    $[5] = rows;
-    $[6] = t2;
-  } else {
-    t2 = $[6];
-  }
-  const onJson = t2;
-  const t3 = rows.length === 0;
-  let t4;
-  if ($[7] !== t3) {
-    t4 = /* @__PURE__ */ jsxDEV(DropdownMenuTrigger, {
-      className: CONTROL_BTN,
-      "data-testid": "grid-export",
-      disabled: t3,
-      title: "Exports only the rows loaded on the current page, not the whole table",
-      children: "Export page"
-    }, void 0, false);
-    $[7] = t3;
-    $[8] = t4;
-  } else {
-    t4 = $[8];
-  }
-  let t5;
-  if ($[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t5 = /* @__PURE__ */ jsxDEV(DropdownMenuLabel, {
-      children: "Export loaded rows"
-    }, void 0, false);
-    $[9] = t5;
-  } else {
-    t5 = $[9];
-  }
-  let t6;
-  if ($[10] !== t) {
-    t6 = t("CSV");
-    $[10] = t;
-    $[11] = t6;
-  } else {
-    t6 = $[11];
-  }
-  let t7;
-  if ($[12] !== onCsv || $[13] !== t6) {
-    t7 = /* @__PURE__ */ jsxDEV(DropdownMenuItem, {
-      "data-testid": "grid-export-csv",
-      onClick: onCsv,
-      children: t6
-    }, void 0, false);
-    $[12] = onCsv;
-    $[13] = t6;
-    $[14] = t7;
-  } else {
-    t7 = $[14];
-  }
-  let t8;
-  if ($[15] !== t) {
-    t8 = t("JSON");
-    $[15] = t;
-    $[16] = t8;
-  } else {
-    t8 = $[16];
-  }
-  let t9;
-  if ($[17] !== onJson || $[18] !== t8) {
-    t9 = /* @__PURE__ */ jsxDEV(DropdownMenuItem, {
-      "data-testid": "grid-export-json",
-      onClick: onJson,
-      children: t8
-    }, void 0, false);
-    $[17] = onJson;
-    $[18] = t8;
-    $[19] = t9;
-  } else {
-    t9 = $[19];
-  }
-  let t10;
-  if ($[20] !== t7 || $[21] !== t9) {
-    t10 = /* @__PURE__ */ jsxDEV(DropdownMenuContent, {
-      align: "end",
-      children: [t5, t7, t9]
-    }, void 0, true);
-    $[20] = t7;
-    $[21] = t9;
-    $[22] = t10;
-  } else {
-    t10 = $[22];
-  }
-  let t11;
-  if ($[23] !== t10 || $[24] !== t4) {
-    t11 = /* @__PURE__ */ jsxDEV(DropdownMenu, {
-      children: [t4, t10]
-    }, void 0, true);
-    $[23] = t10;
-    $[24] = t4;
-    $[25] = t11;
-  } else {
-    t11 = $[25];
-  }
-  return t11;
-};
-const ColumnToggle = (t0) => {
-  const $ = c(9);
-  const {
-    column
-  } = t0;
-  let t1;
-  if ($[0] !== column) {
-    t1 = () => {
-      column.toggleVisibility();
-    };
-    $[0] = column;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const onCheckedChange = t1;
-  let t2;
-  if ($[2] !== column) {
-    t2 = column.getIsVisible();
-    $[2] = column;
-    $[3] = t2;
-  } else {
-    t2 = $[3];
-  }
-  const t3 = `grid-column-${column.id}`;
-  let t4;
-  if ($[4] !== column.id || $[5] !== onCheckedChange || $[6] !== t2 || $[7] !== t3) {
-    t4 = /* @__PURE__ */ jsxDEV(DropdownMenuCheckboxItem, {
-      checked: t2,
-      closeOnClick: false,
-      "data-testid": t3,
-      onCheckedChange,
-      children: column.id
-    }, void 0, false);
-    $[4] = column.id;
-    $[5] = onCheckedChange;
-    $[6] = t2;
-    $[7] = t3;
-    $[8] = t4;
-  } else {
-    t4 = $[8];
-  }
-  return t4;
-};
-const ColumnsMenu = (t0) => {
-  const $ = c(30);
-  const {
-    table
-  } = t0;
-  const t = useT();
-  let t1;
-  if ($[0] !== table) {
-    t1 = table.getIsAllColumnsVisible();
-    $[0] = table;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const allVisible = t1;
-  let t2;
-  if ($[2] !== allVisible || $[3] !== table) {
-    t2 = () => {
-      table.toggleAllColumnsVisible(!allVisible);
-    };
-    $[2] = allVisible;
-    $[3] = table;
-    $[4] = t2;
-  } else {
-    t2 = $[4];
-  }
-  const onToggleAll = t2;
-  let t3;
-  if ($[5] !== t) {
-    t3 = t("Columns");
-    $[5] = t;
-    $[6] = t3;
-  } else {
-    t3 = $[6];
-  }
-  let t4;
-  if ($[7] !== t3) {
-    t4 = /* @__PURE__ */ jsxDEV(DropdownMenuTrigger, {
-      className: CONTROL_BTN,
-      "data-testid": "grid-columns",
-      children: t3
-    }, void 0, false);
-    $[7] = t3;
-    $[8] = t4;
-  } else {
-    t4 = $[8];
-  }
-  let t5;
-  if ($[9] !== t) {
-    t5 = t("Columns");
-    $[9] = t;
-    $[10] = t5;
-  } else {
-    t5 = $[10];
-  }
-  let t6;
-  if ($[11] !== t5) {
-    t6 = /* @__PURE__ */ jsxDEV(DropdownMenuLabel, {
-      children: t5
-    }, void 0, false);
-    $[11] = t5;
-    $[12] = t6;
-  } else {
-    t6 = $[12];
-  }
-  let t7;
-  if ($[13] !== allVisible || $[14] !== t) {
-    t7 = allVisible ? t("Hide all") : t("Show all");
-    $[13] = allVisible;
-    $[14] = t;
-    $[15] = t7;
-  } else {
-    t7 = $[15];
-  }
-  let t8;
-  if ($[16] !== allVisible || $[17] !== onToggleAll || $[18] !== t7) {
-    t8 = /* @__PURE__ */ jsxDEV(DropdownMenuCheckboxItem, {
-      checked: allVisible,
-      closeOnClick: false,
-      "data-testid": "grid-columns-all",
-      onCheckedChange: onToggleAll,
-      children: t7
-    }, void 0, false);
-    $[16] = allVisible;
-    $[17] = onToggleAll;
-    $[18] = t7;
-    $[19] = t8;
-  } else {
-    t8 = $[19];
-  }
-  let t9;
-  if ($[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t9 = /* @__PURE__ */ jsxDEV(DropdownMenuSeparator, {}, void 0, false);
-    $[20] = t9;
-  } else {
-    t9 = $[20];
-  }
-  let t10;
-  if ($[21] !== table) {
-    t10 = table.getAllLeafColumns().map(_temp);
-    $[21] = table;
-    $[22] = t10;
-  } else {
-    t10 = $[22];
-  }
-  let t11;
-  if ($[23] !== t10 || $[24] !== t6 || $[25] !== t8) {
-    t11 = /* @__PURE__ */ jsxDEV(DropdownMenuContent, {
-      align: "end",
-      className: "max-h-80 overflow-y-auto",
-      children: /* @__PURE__ */ jsxDEV(DropdownMenuGroup, {
-        children: [t6, t8, t9, t10]
-      }, void 0, true)
-    }, void 0, false);
-    $[23] = t10;
-    $[24] = t6;
-    $[25] = t8;
-    $[26] = t11;
-  } else {
-    t11 = $[26];
-  }
-  let t12;
-  if ($[27] !== t11 || $[28] !== t4) {
-    t12 = /* @__PURE__ */ jsxDEV(DropdownMenu, {
-      children: [t4, t11]
-    }, void 0, true);
-    $[27] = t11;
-    $[28] = t4;
-    $[29] = t12;
-  } else {
-    t12 = $[29];
-  }
-  return t12;
-};
-const SelectionBar = (t0) => {
-  const $ = c(19);
-  const {
-    count,
-    editable,
-    onClear,
-    onDelete
-  } = t0;
-  const t = useT();
-  let t1;
-  if ($[0] !== count || $[1] !== t) {
-    t1 = t("{count} selected", {
-      count
-    });
-    $[0] = count;
-    $[1] = t;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  let t2;
-  if ($[3] !== t1) {
-    t2 = /* @__PURE__ */ jsxDEV("span", {
-      className: "font-medium tabular-nums",
-      "data-testid": "grid-selection-count",
-      children: t1
-    }, void 0, false);
-    $[3] = t1;
-    $[4] = t2;
-  } else {
-    t2 = $[4];
-  }
-  let t3;
-  if ($[5] !== t) {
-    t3 = t("Clear");
-    $[5] = t;
-    $[6] = t3;
-  } else {
-    t3 = $[6];
-  }
-  let t4;
-  if ($[7] !== onClear || $[8] !== t3) {
-    t4 = /* @__PURE__ */ jsxDEV("button", {
-      className: CONTROL_BTN,
-      "data-testid": "grid-selection-clear",
-      onClick: onClear,
-      type: "button",
-      children: t3
-    }, void 0, false);
-    $[7] = onClear;
-    $[8] = t3;
-    $[9] = t4;
-  } else {
-    t4 = $[9];
-  }
-  let t5;
-  if ($[10] !== count || $[11] !== editable || $[12] !== onDelete || $[13] !== t) {
-    t5 = editable && /* @__PURE__ */ jsxDEV(ConfirmButton, {
-      confirmLabel: t("Delete {count} rows?", {
-        count
-      }),
-      onConfirm: onDelete,
-      testId: "grid-selection-delete",
-      children: t("Delete {count}", {
-        count
-      })
-    }, void 0, false);
-    $[10] = count;
-    $[11] = editable;
-    $[12] = onDelete;
-    $[13] = t;
-    $[14] = t5;
-  } else {
-    t5 = $[14];
-  }
-  let t6;
-  if ($[15] !== t2 || $[16] !== t4 || $[17] !== t5) {
-    t6 = /* @__PURE__ */ jsxDEV("div", {
-      className: "flex items-center gap-2 rounded-md border border-border bg-accent/40 px-3 py-1.5 text-xs",
-      "data-testid": "grid-selection-bar",
-      children: [t2, t4, t5]
-    }, void 0, true);
-    $[15] = t2;
-    $[16] = t4;
-    $[17] = t5;
-    $[18] = t6;
-  } else {
-    t6 = $[18];
-  }
-  return t6;
-};
-const CellDetailDialog = (t0) => {
-  const $ = c(32);
-  const {
-    column,
-    onClose,
-    value
-  } = t0;
-  const t = useT();
-  const [copied, setCopied] = useState(false);
-  let t1;
-  if ($[0] !== value) {
-    t1 = formatCell(value);
-    $[0] = value;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const text = t1;
-  let t2;
-  if ($[2] !== text) {
-    t2 = () => {
-      const clipboard = "navigator" in globalThis ? globalThis.navigator.clipboard : void 0;
-      if (clipboard === void 0) {
-        return;
-      }
-      fireAndForget(clipboard.writeText(text));
-      setCopied(true);
-    };
-    $[2] = text;
-    $[3] = t2;
-  } else {
-    t2 = $[3];
-  }
-  const onCopy = t2;
-  let t3;
-  if ($[4] !== t) {
-    t3 = t("Cell value");
-    $[4] = t;
-    $[5] = t3;
-  } else {
-    t3 = $[5];
-  }
-  let t4;
-  if ($[6] !== column) {
-    t4 = /* @__PURE__ */ jsxDEV("h2", {
-      className: "truncate font-mono text-sm font-semibold text-foreground",
-      children: column
-    }, void 0, false);
-    $[6] = column;
-    $[7] = t4;
-  } else {
-    t4 = $[7];
-  }
-  let t5;
-  if ($[8] !== copied || $[9] !== t) {
-    t5 = copied ? t("Copied") : t("Copy");
-    $[8] = copied;
-    $[9] = t;
-    $[10] = t5;
-  } else {
-    t5 = $[10];
-  }
-  let t6;
-  if ($[11] !== onCopy || $[12] !== t5) {
-    t6 = /* @__PURE__ */ jsxDEV("button", {
-      className: CONTROL_BTN,
-      "data-testid": "grid-cell-copy",
-      onClick: onCopy,
-      type: "button",
-      children: t5
-    }, void 0, false);
-    $[11] = onCopy;
-    $[12] = t5;
-    $[13] = t6;
-  } else {
-    t6 = $[13];
-  }
-  let t7;
-  if ($[14] !== t) {
-    t7 = t("Close");
-    $[14] = t;
-    $[15] = t7;
-  } else {
-    t7 = $[15];
-  }
-  let t8;
-  if ($[16] !== onClose || $[17] !== t7) {
-    t8 = /* @__PURE__ */ jsxDEV("button", {
-      className: CONTROL_BTN,
-      "data-testid": "grid-cell-close",
-      onClick: onClose,
-      type: "button",
-      children: t7
-    }, void 0, false);
-    $[16] = onClose;
-    $[17] = t7;
-    $[18] = t8;
-  } else {
-    t8 = $[18];
-  }
-  let t9;
-  if ($[19] !== t6 || $[20] !== t8) {
-    t9 = /* @__PURE__ */ jsxDEV("div", {
-      className: "flex items-center gap-1.5",
-      children: [t6, t8]
-    }, void 0, true);
-    $[19] = t6;
-    $[20] = t8;
-    $[21] = t9;
-  } else {
-    t9 = $[21];
-  }
-  let t10;
-  if ($[22] !== t4 || $[23] !== t9) {
-    t10 = /* @__PURE__ */ jsxDEV("div", {
-      className: "flex items-center justify-between",
-      children: [t4, t9]
-    }, void 0, true);
-    $[22] = t4;
-    $[23] = t9;
-    $[24] = t10;
-  } else {
-    t10 = $[24];
-  }
-  let t11;
-  if ($[25] !== text) {
-    t11 = /* @__PURE__ */ jsxDEV("pre", {
-      className: "min-h-0 flex-1 overflow-auto rounded-md border border-border bg-muted/30 p-3 font-mono text-xs whitespace-pre-wrap",
-      "data-testid": "grid-cell-value",
-      children: text
-    }, void 0, false);
-    $[25] = text;
-    $[26] = t11;
-  } else {
-    t11 = $[26];
-  }
-  let t12;
-  if ($[27] !== onClose || $[28] !== t10 || $[29] !== t11 || $[30] !== t3) {
-    t12 = /* @__PURE__ */ jsxDEV(ModalShell, {
-      className: "max-h-[70vh] w-[min(40rem,90vw)]",
-      label: t3,
-      onClose,
-      panelTestId: "grid-cell-dialog",
-      testId: "grid-cell-dialog-overlay",
-      variant: "dialog",
-      children: [t10, t11]
-    }, void 0, true);
-    $[27] = onClose;
-    $[28] = t10;
-    $[29] = t11;
-    $[30] = t3;
-    $[31] = t12;
-  } else {
-    t12 = $[31];
-  }
-  return t12;
-};
-const GridActionsBar = (t0) => {
-  const $ = c(33);
-  const {
-    columns,
-    editable,
-    name,
-    onBulkDelete,
-    onToggleTranspose,
-    rows,
-    table,
-    transposed
-  } = t0;
-  const t = useT();
-  let t1;
-  if ($[0] !== table) {
-    t1 = table.getSelectedRowModel();
-    $[0] = table;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const selected = t1.rows;
-  let t2;
-  if ($[2] !== table) {
-    t2 = () => {
-      table.resetRowSelection();
-    };
-    $[2] = table;
-    $[3] = t2;
-  } else {
-    t2 = $[3];
-  }
-  const onClear = t2;
-  let t3;
-  if ($[4] !== onBulkDelete || $[5] !== selected || $[6] !== table) {
-    t3 = () => {
-      onBulkDelete(selected.map(_temp2));
-      table.resetRowSelection();
-    };
-    $[4] = onBulkDelete;
-    $[5] = selected;
-    $[6] = table;
-    $[7] = t3;
-  } else {
-    t3 = $[7];
-  }
-  const onDelete = t3;
-  let t4;
-  if ($[8] !== columns || $[9] !== name || $[10] !== rows) {
-    t4 = /* @__PURE__ */ jsxDEV(ExportMenu, {
-      columns,
-      name,
-      rows
-    }, void 0, false);
-    $[8] = columns;
-    $[9] = name;
-    $[10] = rows;
-    $[11] = t4;
-  } else {
-    t4 = $[11];
-  }
-  let t5;
-  if ($[12] !== table) {
-    t5 = /* @__PURE__ */ jsxDEV(ColumnsMenu, {
-      table
-    }, void 0, false);
-    $[12] = table;
-    $[13] = t5;
-  } else {
-    t5 = $[13];
-  }
-  let t6;
-  if ($[14] !== t) {
-    t6 = t("Swap rows and columns");
-    $[14] = t;
-    $[15] = t6;
-  } else {
-    t6 = $[15];
-  }
-  let t7;
-  if ($[16] !== t) {
-    t7 = t("Transpose");
-    $[16] = t;
-    $[17] = t7;
-  } else {
-    t7 = $[17];
-  }
-  let t8;
-  if ($[18] !== onToggleTranspose || $[19] !== t6 || $[20] !== t7 || $[21] !== transposed) {
-    t8 = /* @__PURE__ */ jsxDEV("button", {
-      "aria-pressed": transposed,
-      className: CONTROL_BTN,
-      "data-testid": "grid-transpose",
-      onClick: onToggleTranspose,
-      title: t6,
-      type: "button",
-      children: t7
-    }, void 0, false);
-    $[18] = onToggleTranspose;
-    $[19] = t6;
-    $[20] = t7;
-    $[21] = transposed;
-    $[22] = t8;
-  } else {
-    t8 = $[22];
-  }
-  let t9;
-  if ($[23] !== editable || $[24] !== onClear || $[25] !== onDelete || $[26] !== selected.length) {
-    t9 = selected.length > 0 && /* @__PURE__ */ jsxDEV(SelectionBar, {
-      count: selected.length,
-      editable,
-      onClear,
-      onDelete
-    }, void 0, false);
-    $[23] = editable;
-    $[24] = onClear;
-    $[25] = onDelete;
-    $[26] = selected.length;
-    $[27] = t9;
-  } else {
-    t9 = $[27];
-  }
-  let t10;
-  if ($[28] !== t4 || $[29] !== t5 || $[30] !== t8 || $[31] !== t9) {
-    t10 = /* @__PURE__ */ jsxDEV("div", {
-      className: "flex flex-wrap items-center gap-1.5",
-      "data-testid": "grid-actions",
-      children: [t4, t5, t8, t9]
-    }, void 0, true);
-    $[28] = t4;
-    $[29] = t5;
-    $[30] = t8;
-    $[31] = t9;
-    $[32] = t10;
-  } else {
-    t10 = $[32];
-  }
-  return t10;
-};
-function _temp(column) {
-  return /* @__PURE__ */ jsxDEV(ColumnToggle, {
-    column
-  }, column.id, false);
-}
-function _temp2(row) {
-  return row.id;
-}
-
-export { CellDetailDialog as C, ExportMenu as E, GridActionsBar as G, SelectionBar as S };