vastgrid 0.1.0 → 0.2.0

package/dist/react/export-menu.js

@@ -0,0 +1,304 @@
+import { c as _c } from "react/compiler-runtime";
+import { use, useId, useRef, useState, useTransition } from "react";
+import { CommandError } from "vastgrid-spec";
+import { LocaleContext } from "./context.js";
+import { useGridSelector, useGridStore } from "./hooks.js";
+
+/** The media types of the formats of §8.2, for files that an engine answers as data. */
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const MEDIA_TYPES = {
+  csv: "text/csv;charset=utf-8",
+  tsv: "text/tab-separated-values;charset=utf-8",
+  json: "application/json;charset=utf-8",
+  parquet: "application/vnd.apache.parquet",
+  xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
+};
+
+/** Downloads a file at a URL, as a link with `download` does: under `name`, or the name the server gives. */
+function download(url, name = "") {
+  const link = document.createElement("a");
+  link.href = url;
+  link.download = name;
+  link.rel = "noopener";
+  document.body.append(link);
+  link.click();
+  link.remove();
+}
+
+/**
+ * The toolbar's export menu (§6.6 of the specification): the rows of the view or the whole table, with the hidden
+ * columns or not, in one of the formats the engine exports. It runs as an Action: the button shows that it runs, and
+ * the outcome is announced. An export without a target is downloaded from where the transport gives it
+ * (`Transport.exportUrl`), or, from an engine that answers the file's bytes (`delivery` `data`), as a file made of
+ * them.
+ */
+export function ExportMenu(t0) {
+  const $ = _c(52);
+  const {
+    announce
+  } = t0;
+  const store = useGridStore();
+  const {
+    messages,
+    number
+  } = use(LocaleContext);
+  const formats = useGridSelector(_temp);
+  const [rows, setRows] = useState("view");
+  const [allColumns, setAllColumns] = useState(false);
+  const [pending, startExport] = useTransition();
+  const id = useId();
+  const buttonRef = useRef(null);
+  if (!formats || formats.length === 0) {
+    return null;
+  }
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = event => {
+      const button = buttonRef.current;
+      if (event.newState !== "open" || !button) {
+        return;
+      }
+      const rect = button.getBoundingClientRect();
+      const menu = event.currentTarget;
+      menu.style.top = `${rect.bottom + 4}px`;
+      menu.style.left = `${Math.max(8, rect.right - menu.offsetWidth)}px`;
+    };
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  const place = t1;
+  let t2;
+  if ($[1] !== allColumns || $[2] !== announce || $[3] !== id || $[4] !== messages || $[5] !== number || $[6] !== rows || $[7] !== store) {
+    t2 = format => {
+      document.getElementById(id)?.hidePopover?.();
+      startExport(async () => {
+        const outcome = await store.dispatch({
+          command: "export",
+          format,
+          rows,
+          columns: allColumns ? "all" : "displayed"
+        });
+        if (!outcome.ok) {
+          const reason = outcome.error instanceof CommandError ? outcome.error.reason : null;
+          announce(messages.failed(reason === "not_loaded" ? messages.loading : outcome.error.message));
+          return;
+        }
+        const result = outcome.output;
+        if (result.data) {
+          const url = URL.createObjectURL(new Blob([result.data.bytes], {
+            type: MEDIA_TYPES[format] ?? ""
+          }));
+          download(url, store.exportName(format));
+          setTimeout(() => URL.revokeObjectURL(url), 60000);
+        } else {
+          const url_0 = result.target === null ? null : store.exportUrl(result.target);
+          if (url_0) {
+            download(url_0);
+          }
+        }
+        announce(messages.exported(number.format(result.rows)));
+      });
+    };
+    $[1] = allColumns;
+    $[2] = announce;
+    $[3] = id;
+    $[4] = messages;
+    $[5] = number;
+    $[6] = rows;
+    $[7] = store;
+    $[8] = t2;
+  } else {
+    t2 = $[8];
+  }
+  const run = t2;
+  const t3 = pending ? messages.exporting : messages.export;
+  let t4;
+  if ($[9] !== id || $[10] !== pending || $[11] !== t3) {
+    t4 = /*#__PURE__*/_jsx("button", {
+      ref: buttonRef,
+      type: "button",
+      className: "vg-button",
+      popoverTarget: id,
+      disabled: pending,
+      children: t3
+    });
+    $[9] = id;
+    $[10] = pending;
+    $[11] = t3;
+    $[12] = t4;
+  } else {
+    t4 = $[12];
+  }
+  const t5 = messages.export;
+  const t6 = `${id}-rows`;
+  const t7 = rows === "view";
+  let t8;
+  if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
+    t8 = () => setRows("view");
+    $[13] = t8;
+  } else {
+    t8 = $[13];
+  }
+  let t9;
+  if ($[14] !== t6 || $[15] !== t7) {
+    t9 = /*#__PURE__*/_jsx("input", {
+      type: "radio",
+      name: t6,
+      checked: t7,
+      onChange: t8
+    });
+    $[14] = t6;
+    $[15] = t7;
+    $[16] = t9;
+  } else {
+    t9 = $[16];
+  }
+  let t10;
+  if ($[17] !== messages.exportView || $[18] !== t9) {
+    t10 = /*#__PURE__*/_jsxs("label", {
+      children: [t9, messages.exportView]
+    });
+    $[17] = messages.exportView;
+    $[18] = t9;
+    $[19] = t10;
+  } else {
+    t10 = $[19];
+  }
+  const t11 = `${id}-rows`;
+  const t12 = rows === "table";
+  let t13;
+  if ($[20] === Symbol.for("react.memo_cache_sentinel")) {
+    t13 = () => setRows("table");
+    $[20] = t13;
+  } else {
+    t13 = $[20];
+  }
+  let t14;
+  if ($[21] !== t11 || $[22] !== t12) {
+    t14 = /*#__PURE__*/_jsx("input", {
+      type: "radio",
+      name: t11,
+      checked: t12,
+      onChange: t13
+    });
+    $[21] = t11;
+    $[22] = t12;
+    $[23] = t14;
+  } else {
+    t14 = $[23];
+  }
+  let t15;
+  if ($[24] !== messages.exportTable || $[25] !== t14) {
+    t15 = /*#__PURE__*/_jsxs("label", {
+      children: [t14, messages.exportTable]
+    });
+    $[24] = messages.exportTable;
+    $[25] = t14;
+    $[26] = t15;
+  } else {
+    t15 = $[26];
+  }
+  let t16;
+  if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
+    t16 = event_0 => setAllColumns(event_0.target.checked);
+    $[27] = t16;
+  } else {
+    t16 = $[27];
+  }
+  let t17;
+  if ($[28] !== allColumns) {
+    t17 = /*#__PURE__*/_jsx("input", {
+      type: "checkbox",
+      checked: allColumns,
+      onChange: t16
+    });
+    $[28] = allColumns;
+    $[29] = t17;
+  } else {
+    t17 = $[29];
+  }
+  let t18;
+  if ($[30] !== messages.exportAllColumns || $[31] !== t17) {
+    t18 = /*#__PURE__*/_jsxs("label", {
+      children: [t17, messages.exportAllColumns]
+    });
+    $[30] = messages.exportAllColumns;
+    $[31] = t17;
+    $[32] = t18;
+  } else {
+    t18 = $[32];
+  }
+  let t19;
+  if ($[33] !== t10 || $[34] !== t15 || $[35] !== t18) {
+    t19 = /*#__PURE__*/_jsxs("fieldset", {
+      className: "vg-menu__group",
+      children: [t10, t15, t18]
+    });
+    $[33] = t10;
+    $[34] = t15;
+    $[35] = t18;
+    $[36] = t19;
+  } else {
+    t19 = $[36];
+  }
+  let t20;
+  if ($[37] !== formats || $[38] !== messages.exportFormats || $[39] !== run) {
+    let t21;
+    if ($[41] !== messages.exportFormats || $[42] !== run) {
+      t21 = format_0 => /*#__PURE__*/_jsx("button", {
+        type: "button",
+        className: "vg-menu__item",
+        onClick: () => run(format_0),
+        children: messages.exportFormats[format_0] ?? format_0
+      }, format_0);
+      $[41] = messages.exportFormats;
+      $[42] = run;
+      $[43] = t21;
+    } else {
+      t21 = $[43];
+    }
+    t20 = formats.map(t21);
+    $[37] = formats;
+    $[38] = messages.exportFormats;
+    $[39] = run;
+    $[40] = t20;
+  } else {
+    t20 = $[40];
+  }
+  let t21;
+  if ($[44] !== id || $[45] !== messages.export || $[46] !== t19 || $[47] !== t20) {
+    t21 = /*#__PURE__*/_jsxs("div", {
+      id: id,
+      popover: "auto",
+      role: "dialog",
+      className: "vg-menu",
+      "aria-label": t5,
+      onToggle: place,
+      children: [t19, t20]
+    });
+    $[44] = id;
+    $[45] = messages.export;
+    $[46] = t19;
+    $[47] = t20;
+    $[48] = t21;
+  } else {
+    t21 = $[48];
+  }
+  let t22;
+  if ($[49] !== t21 || $[50] !== t4) {
+    t22 = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [t4, t21]
+    });
+    $[49] = t21;
+    $[50] = t4;
+    $[51] = t22;
+  } else {
+    t22 = $[51];
+  }
+  return t22;
+}
+function _temp(snapshot) {
+  return snapshot.table?.capabilities.export?.formats;
+}
+//# sourceMappingURL=export-menu.js.map

package/dist/react/export-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["use","useId","useRef","useState","useTransition","CommandError","LocaleContext","useGridSelector","useGridStore","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","MEDIA_TYPES","csv","tsv","json","parquet","xlsx","download","url","name","link","document","createElement","href","rel","body","append","click","remove","ExportMenu","t0","$","_c","announce","store","messages","number","formats","_temp","rows","setRows","allColumns","setAllColumns","pending","startExport","id","buttonRef","length","t1","Symbol","for","event","button","current","newState","rect","getBoundingClientRect","menu","currentTarget","style","top","bottom","left","Math","max","right","offsetWidth","place","t2","format","getElementById","hidePopover","outcome","dispatch","command","columns","ok","reason","error","failed","loading","message","result","output","data","URL","createObjectURL","Blob","bytes","type","exportName","setTimeout","revokeObjectURL","url_0","target","exportUrl","exported","run","t3","exporting","export","t4","className","children","t5","t6","t7","t8","t9","checked","onChange","t10","exportView","t11","t12","t13","t14","t15","exportTable","t16","event_0","t17","t18","exportAllColumns","t19","t20","exportFormats","t21","format_0","onClick","map","popover","role","t22","snapshot","table","capabilities"],"sources":["export-menu.tsx"],"sourcesContent":["import { type ToggleEvent, use, useId, useRef, useState, useTransition } from \"react\";\nimport { CommandError } from \"vastgrid-spec\";\nimport { LocaleContext } from \"./context.js\";\nimport { useGridSelector, useGridStore } from \"./hooks.js\";\n\n/** The media types of the formats of §8.2, for files that an engine answers as data. */\nconst MEDIA_TYPES: Record<string, string> = {\n  csv: \"text/csv;charset=utf-8\",\n  tsv: \"text/tab-separated-values;charset=utf-8\",\n  json: \"application/json;charset=utf-8\",\n  parquet: \"application/vnd.apache.parquet\",\n  xlsx: \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\",\n};\n\n/** Downloads a file at a URL, as a link with `download` does: under `name`, or the name the server gives. */\nfunction download(url: string, name = \"\") {\n  const link = document.createElement(\"a\");\n  link.href = url;\n  link.download = name;\n  link.rel = \"noopener\";\n  document.body.append(link);\n  link.click();\n  link.remove();\n}\n\n/**\n * The toolbar's export menu (§6.6 of the specification): the rows of the view or the whole table, with the hidden\n * columns or not, in one of the formats the engine exports. It runs as an Action: the button shows that it runs, and\n * the outcome is announced. An export without a target is downloaded from where the transport gives it\n * (`Transport.exportUrl`), or, from an engine that answers the file's bytes (`delivery` `data`), as a file made of\n * them.\n */\nexport function ExportMenu({ announce }: { announce: (text: string) => void }) {\n  const store = useGridStore();\n  const { messages, number } = use(LocaleContext);\n  const formats = useGridSelector((snapshot) => snapshot.table?.capabilities.export?.formats);\n  const [rows, setRows] = useState<\"view\" | \"table\">(\"view\");\n  const [allColumns, setAllColumns] = useState(false);\n  const [pending, startExport] = useTransition();\n  const id = useId();\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  if (!formats || formats.length === 0) return null;\n\n  // The menu opens under its button, its right edge at the button's (popovers open in the middle otherwise).\n  const place = (event: ToggleEvent<HTMLDivElement>) => {\n    const button = buttonRef.current;\n    if (event.newState !== \"open\" || !button) return;\n    const rect = button.getBoundingClientRect();\n    const menu = event.currentTarget;\n    menu.style.top = `${rect.bottom + 4}px`;\n    menu.style.left = `${Math.max(8, rect.right - menu.offsetWidth)}px`;\n  };\n\n  const run = (format: string) => {\n    document.getElementById(id)?.hidePopover?.();\n    startExport(async () => {\n      const outcome = await store.dispatch({\n        command: \"export\",\n        format,\n        rows,\n        columns: allColumns ? \"all\" : \"displayed\",\n      });\n      if (!outcome.ok) {\n        const reason = outcome.error instanceof CommandError ? outcome.error.reason : null;\n        announce(messages.failed(reason === \"not_loaded\" ? messages.loading : outcome.error.message));\n        return;\n      }\n      const result = outcome.output as { target: string | null; rows: number; data?: { bytes: Uint8Array } };\n      if (result.data) {\n        const url = URL.createObjectURL(\n          new Blob([result.data.bytes as Uint8Array<ArrayBuffer>], { type: MEDIA_TYPES[format] ?? \"\" }),\n        );\n        download(url, store.exportName(format));\n        // The link has started the download; the browser keeps the file's bytes until it is done.\n        setTimeout(() => URL.revokeObjectURL(url), 60_000);\n      } else {\n        const url = result.target === null ? null : store.exportUrl(result.target);\n        if (url) download(url);\n      }\n      announce(messages.exported(number.format(result.rows)));\n    });\n  };\n\n  return (\n    <>\n      <button ref={buttonRef} type=\"button\" className=\"vg-button\" popoverTarget={id} disabled={pending}>\n        {pending ? messages.exporting : messages.export}\n      </button>\n      <div id={id} popover=\"auto\" role=\"dialog\" className=\"vg-menu\" aria-label={messages.export} onToggle={place}>\n        <fieldset className=\"vg-menu__group\">\n          <label>\n            <input type=\"radio\" name={`${id}-rows`} checked={rows === \"view\"} onChange={() => setRows(\"view\")} />\n            {messages.exportView}\n          </label>\n          <label>\n            <input type=\"radio\" name={`${id}-rows`} checked={rows === \"table\"} onChange={() => setRows(\"table\")} />\n            {messages.exportTable}\n          </label>\n          <label>\n            <input type=\"checkbox\" checked={allColumns} onChange={(event) => setAllColumns(event.target.checked)} />\n            {messages.exportAllColumns}\n          </label>\n        </fieldset>\n        {formats.map((format) => (\n          <button key={format} type=\"button\" className=\"vg-menu__item\" onClick={() => run(format)}>\n            {messages.exportFormats[format] ?? format}\n          </button>\n        ))}\n      </div>\n    </>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/react/find-bar.d.ts

@@ -0,0 +1,11 @@
+import { type RefObject } from "react";
+/**
+ * The find bar (⌘F or Ctrl+F on the grid): finds the next cell of the view whose text contains what is typed, from
+ * the active cell, in the displayed columns (`GridStore.find`, `find` of §8.2), and makes it the active cell. Enter
+ * finds the next one, Shift+Enter the one before, and Esc closes the bar and gives the focus back to the grid.
+ */
+export declare function FindBar({ onClose, scrollerRef, }: {
+    onClose: () => void;
+    scrollerRef: RefObject<HTMLDivElement | null>;
+}): import("react").JSX.Element | null;
+//# sourceMappingURL=find-bar.d.ts.map

package/dist/react/find-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"find-bar.d.ts","sourceRoot":"","sources":["../../src/react/find-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,SAAS,EAAyD,MAAM,OAAO,CAAC;AAIlH;;;;GAIG;AACH,wBAAgB,OAAO,CAAC,EACtB,OAAO,EACP,WAAW,GACZ,EAAE;IACD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CAC/C,sCAgGA"}

package/dist/react/find-bar.js

@@ -0,0 +1,303 @@
+import { c as _c } from "react/compiler-runtime";
+import { use, useLayoutEffect, useRef, useState, useTransition } from "react";
+import { LocaleContext } from "./context.js";
+import { useGridSelector, useGridStore } from "./hooks.js";
+
+/**
+ * The find bar (⌘F or Ctrl+F on the grid): finds the next cell of the view whose text contains what is typed, from
+ * the active cell, in the displayed columns (`GridStore.find`, `find` of §8.2), and makes it the active cell. Enter
+ * finds the next one, Shift+Enter the one before, and Esc closes the bar and gives the focus back to the grid.
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function FindBar(t0) {
+  const $ = _c(51);
+  const {
+    onClose,
+    scrollerRef
+  } = t0;
+  const store = useGridStore();
+  const {
+    messages
+  } = use(LocaleContext);
+  const finds = useGridSelector(_temp);
+  const [text, setText] = useState("");
+  const [caseSensitive, setCaseSensitive] = useState(false);
+  const [status, setStatus] = useState("");
+  const [pending, startFind] = useTransition();
+  const inputRef = useRef(null);
+  let t1;
+  let t2;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = () => {
+      inputRef.current?.focus();
+      inputRef.current?.select();
+    };
+    t2 = [];
+    $[0] = t1;
+    $[1] = t2;
+  } else {
+    t1 = $[0];
+    t2 = $[1];
+  }
+  useLayoutEffect(t1, t2);
+  let t3;
+  if ($[2] !== onClose || $[3] !== scrollerRef) {
+    t3 = () => {
+      onClose();
+      scrollerRef.current?.focus({
+        preventScroll: true
+      });
+    };
+    $[2] = onClose;
+    $[3] = scrollerRef;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  const close = t3;
+  let t4;
+  if ($[5] !== caseSensitive || $[6] !== messages || $[7] !== store || $[8] !== text) {
+    t4 = direction => {
+      if (text === "") {
+        return;
+      }
+      startFind(async () => {
+        const {
+          session,
+          displayed
+        } = store.getSnapshot();
+        const from = session.active ?? {
+          row: 0,
+          column: displayed[0]?.column.name ?? ""
+        };
+        ;
+        try {
+          const found = await store.find(text, {
+            from,
+            direction,
+            caseSensitive
+          });
+          if (!found) {
+            setStatus(messages.noMatches);
+            return;
+          }
+          setStatus("");
+          await store.dispatch({
+            command: "select",
+            row: found.row,
+            column: found.column
+          });
+        } catch (t5) {
+          const error = t5;
+          setStatus(messages.failed(error instanceof Error ? error.message : String(error)));
+        }
+      });
+    };
+    $[5] = caseSensitive;
+    $[6] = messages;
+    $[7] = store;
+    $[8] = text;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  const find = t4;
+  let t5;
+  if ($[10] !== close || $[11] !== find) {
+    t5 = event => {
+      if (event.nativeEvent.isComposing || event.keyCode === 229) {
+        return;
+      }
+      if (event.key === "Escape") {
+        event.preventDefault();
+        close();
+      } else {
+        if (event.key === "Enter" && event.target === inputRef.current) {
+          event.preventDefault();
+          find(event.shiftKey ? -1 : 1);
+        }
+      }
+    };
+    $[10] = close;
+    $[11] = find;
+    $[12] = t5;
+  } else {
+    t5 = $[12];
+  }
+  const onKeyDown = t5;
+  if (!finds) {
+    return null;
+  }
+  let t6;
+  if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
+    t6 = event_0 => {
+      setText(event_0.target.value);
+      setStatus("");
+    };
+    $[13] = t6;
+  } else {
+    t6 = $[13];
+  }
+  let t7;
+  if ($[14] !== messages.find || $[15] !== text) {
+    t7 = /*#__PURE__*/_jsx("input", {
+      ref: inputRef,
+      type: "search",
+      className: "vg-input vg-find__input",
+      "aria-label": messages.find,
+      placeholder: messages.find,
+      value: text,
+      onChange: t6
+    });
+    $[14] = messages.find;
+    $[15] = text;
+    $[16] = t7;
+  } else {
+    t7 = $[16];
+  }
+  let t8;
+  if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
+    t8 = event_1 => setCaseSensitive(event_1.target.checked);
+    $[17] = t8;
+  } else {
+    t8 = $[17];
+  }
+  let t9;
+  if ($[18] !== caseSensitive) {
+    t9 = /*#__PURE__*/_jsx("input", {
+      type: "checkbox",
+      checked: caseSensitive,
+      onChange: t8
+    });
+    $[18] = caseSensitive;
+    $[19] = t9;
+  } else {
+    t9 = $[19];
+  }
+  let t10;
+  if ($[20] !== messages.matchCase) {
+    t10 = /*#__PURE__*/_jsx("span", {
+      children: messages.matchCase
+    });
+    $[20] = messages.matchCase;
+    $[21] = t10;
+  } else {
+    t10 = $[21];
+  }
+  let t11;
+  if ($[22] !== t10 || $[23] !== t9) {
+    t11 = /*#__PURE__*/_jsxs("label", {
+      className: "vg-filter__value",
+      children: [t9, t10]
+    });
+    $[22] = t10;
+    $[23] = t9;
+    $[24] = t11;
+  } else {
+    t11 = $[24];
+  }
+  const t12 = pending || text === "";
+  let t13;
+  if ($[25] !== find) {
+    t13 = () => find(-1);
+    $[25] = find;
+    $[26] = t13;
+  } else {
+    t13 = $[26];
+  }
+  let t14;
+  if ($[27] !== messages.findPrevious || $[28] !== t12 || $[29] !== t13) {
+    t14 = /*#__PURE__*/_jsx("button", {
+      type: "button",
+      className: "vg-button vg-button--small",
+      "aria-label": messages.findPrevious,
+      disabled: t12,
+      onClick: t13,
+      children: "\u2191"
+    });
+    $[27] = messages.findPrevious;
+    $[28] = t12;
+    $[29] = t13;
+    $[30] = t14;
+  } else {
+    t14 = $[30];
+  }
+  const t15 = pending || text === "";
+  let t16;
+  if ($[31] !== find) {
+    t16 = () => find(1);
+    $[31] = find;
+    $[32] = t16;
+  } else {
+    t16 = $[32];
+  }
+  let t17;
+  if ($[33] !== messages.findNext || $[34] !== t15 || $[35] !== t16) {
+    t17 = /*#__PURE__*/_jsx("button", {
+      type: "button",
+      className: "vg-button vg-button--small",
+      "aria-label": messages.findNext,
+      disabled: t15,
+      onClick: t16,
+      children: "\u2193"
+    });
+    $[33] = messages.findNext;
+    $[34] = t15;
+    $[35] = t16;
+    $[36] = t17;
+  } else {
+    t17 = $[36];
+  }
+  let t18;
+  if ($[37] !== status) {
+    t18 = /*#__PURE__*/_jsx("span", {
+      className: "vg-find__status",
+      role: "status",
+      children: status
+    });
+    $[37] = status;
+    $[38] = t18;
+  } else {
+    t18 = $[38];
+  }
+  let t19;
+  if ($[39] !== close || $[40] !== messages.closeFind) {
+    t19 = /*#__PURE__*/_jsx("button", {
+      type: "button",
+      className: "vg-button vg-button--small",
+      "aria-label": messages.closeFind,
+      onClick: close,
+      children: "\xD7"
+    });
+    $[39] = close;
+    $[40] = messages.closeFind;
+    $[41] = t19;
+  } else {
+    t19 = $[41];
+  }
+  let t20;
+  if ($[42] !== messages.find || $[43] !== onKeyDown || $[44] !== t11 || $[45] !== t14 || $[46] !== t17 || $[47] !== t18 || $[48] !== t19 || $[49] !== t7) {
+    t20 = /*#__PURE__*/_jsxs("search", {
+      className: "vg-find",
+      "aria-label": messages.find,
+      onKeyDown: onKeyDown,
+      children: [t7, t11, t14, t17, t18, t19]
+    });
+    $[42] = messages.find;
+    $[43] = onKeyDown;
+    $[44] = t11;
+    $[45] = t14;
+    $[46] = t17;
+    $[47] = t18;
+    $[48] = t19;
+    $[49] = t7;
+    $[50] = t20;
+  } else {
+    t20 = $[50];
+  }
+  return t20;
+}
+function _temp(snapshot) {
+  return snapshot.table?.capabilities.find === true;
+}
+//# sourceMappingURL=find-bar.js.map

package/dist/react/find-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["use","useLayoutEffect","useRef","useState","useTransition","LocaleContext","useGridSelector","useGridStore","jsx","_jsx","jsxs","_jsxs","FindBar","t0","$","_c","onClose","scrollerRef","store","messages","finds","_temp","text","setText","caseSensitive","setCaseSensitive","status","setStatus","pending","startFind","inputRef","t1","t2","Symbol","for","current","focus","select","t3","preventScroll","close","t4","direction","session","displayed","getSnapshot","from","active","row","column","name","found","find","noMatches","dispatch","command","t5","error","failed","Error","message","String","event","nativeEvent","isComposing","keyCode","key","preventDefault","target","shiftKey","onKeyDown","t6","event_0","value","t7","type","className","placeholder","onChange","t8","event_1","checked","t9","t10","matchCase","children","t11","t12","t13","t14","findPrevious","disabled","onClick","t15","t16","t17","findNext","t18","role","t19","closeFind","t20","snapshot","table","capabilities"],"sources":["find-bar.tsx"],"sourcesContent":["import { type KeyboardEvent, type RefObject, use, useLayoutEffect, useRef, useState, useTransition } from \"react\";\nimport { LocaleContext } from \"./context.js\";\nimport { useGridSelector, useGridStore } from \"./hooks.js\";\n\n/**\n * The find bar (⌘F or Ctrl+F on the grid): finds the next cell of the view whose text contains what is typed, from\n * the active cell, in the displayed columns (`GridStore.find`, `find` of §8.2), and makes it the active cell. Enter\n * finds the next one, Shift+Enter the one before, and Esc closes the bar and gives the focus back to the grid.\n */\nexport function FindBar({\n  onClose,\n  scrollerRef,\n}: {\n  onClose: () => void;\n  scrollerRef: RefObject<HTMLDivElement | null>;\n}) {\n  const store = useGridStore();\n  const { messages } = use(LocaleContext);\n  const finds = useGridSelector((snapshot) => snapshot.table?.capabilities.find === true);\n  const [text, setText] = useState(\"\");\n  const [caseSensitive, setCaseSensitive] = useState(false);\n  const [status, setStatus] = useState(\"\");\n  const [pending, startFind] = useTransition();\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  useLayoutEffect(() => {\n    inputRef.current?.focus();\n    inputRef.current?.select();\n  }, []);\n\n  const close = () => {\n    onClose();\n    scrollerRef.current?.focus({ preventScroll: true });\n  };\n\n  const find = (direction: 1 | -1) => {\n    if (text === \"\") return;\n    startFind(async () => {\n      const { session, displayed } = store.getSnapshot();\n      const from = session.active ?? { row: 0, column: displayed[0]?.column.name ?? \"\" };\n      try {\n        const found = await store.find(text, { from, direction, caseSensitive });\n        if (!found) {\n          setStatus(messages.noMatches);\n          return;\n        }\n        setStatus(\"\");\n        await store.dispatch({ command: \"select\", row: found.row, column: found.column });\n      } catch (error) {\n        setStatus(messages.failed(error instanceof Error ? error.message : String(error)));\n      }\n    });\n  };\n\n  const onKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    // Keys that end an IME's composition are the IME's.\n    if (event.nativeEvent.isComposing || event.keyCode === 229) return;\n    if (event.key === \"Escape\") {\n      event.preventDefault();\n      close();\n    } else if (event.key === \"Enter\" && event.target === inputRef.current) {\n      event.preventDefault();\n      find(event.shiftKey ? -1 : 1);\n    }\n  };\n\n  if (!finds) return null;\n  return (\n    <search className=\"vg-find\" aria-label={messages.find} onKeyDown={onKeyDown}>\n      <input\n        ref={inputRef}\n        type=\"search\"\n        className=\"vg-input vg-find__input\"\n        aria-label={messages.find}\n        placeholder={messages.find}\n        value={text}\n        onChange={(event) => {\n          setText(event.target.value);\n          setStatus(\"\");\n        }}\n      />\n      <label className=\"vg-filter__value\">\n        <input type=\"checkbox\" checked={caseSensitive} onChange={(event) => setCaseSensitive(event.target.checked)} />\n        <span>{messages.matchCase}</span>\n      </label>\n      <button\n        type=\"button\"\n        className=\"vg-button vg-button--small\"\n        aria-label={messages.findPrevious}\n        disabled={pending || text === \"\"}\n        onClick={() => find(-1)}\n      >\n        ↑\n      </button>\n      <button\n        type=\"button\"\n        className=\"vg-button vg-button--small\"\n        aria-label={messages.findNext}\n        disabled={pending || text === \"\"}\n        onClick={() => find(1)}\n      >\n        ↓\n      </button>\n      <span className=\"vg-find__status\" role=\"status\">\n        {status}\n      </span>\n      <button type=\"button\" className=\"vg-button vg-button--small\" aria-label={messages.closeFind} onClick={close}>\n        ×\n      </button>\n    </search>\n  );\n}\n"],"mappings":"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","ignoreList":[]}