@lunora/studio 0.0.0 → 1.0.0-alpha.2

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

@@ -0,0 +1,840 @@
+import { c } from 'react/compiler-runtime';
+import { useState } from 'react';
+import { ConfirmButton } from './ConfirmButton-WQVUoGFb.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 { useT } from './createStudioI18n-CgvlmDkN.js';
+import { h as formatCell, f as fireAndForget } from './internal-BBZYexre.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;
+};
+
+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, ModalShell as M, SelectionBar as S };