vastgrid 0.0.0-stage → 0.1.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 vastgrid contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,25 @@
-# Temporary Holding Version
+# vastgrid
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+A canvas data grid for React that opens CSV, TSV, Parquet and JSON Lines files of any size —
+gigabytes, hundreds of millions of rows — and works like a spreadsheet: range selection and Excel's
+keyboard shortcuts, copy, multi-column sort, filters, search, column statistics and a selection summary.
+
+```sh
+npm install vastgrid
+```
+
+```tsx
+import { ArraySource, DataGrid, RemoteSource } from "vastgrid";
+import "vastgrid/styles.css";
+
+// Files served by vastgrid-duckdb (Node.js + DuckDB):
+const source = new RemoteSource({ endpoint: "/api/table", ref: "sales.parquet" });
+// …or data already in memory:
+// const source = new ArraySource({ columns: ["name", "age"], rows: [["Ada", 36]] });
+
+<div style={{ height: 600 }}>
+  <DataGrid source={source} />
+</div>;
+```
+
+Documentation and a live demo: https://vastgrid.yhay81.com

package/dist/components/bars.d.ts

@@ -0,0 +1,14 @@
+import type { GridController } from "../controller.js";
+import type { Messages } from "../messages.js";
+/** Search box, active sort and filters, row count and the columns button. */
+export declare function Toolbar({ controller, messages, onColumns, }: {
+    controller: GridController;
+    messages: Messages;
+    onColumns: (button: HTMLButtonElement) => void;
+}): import("react").JSX.Element;
+/** The active cell and, for multi-cell selections, count, sum, average, minimum and maximum. */
+export declare function StatusBar({ controller, messages }: {
+    controller: GridController;
+    messages: Messages;
+}): import("react").JSX.Element;
+//# sourceMappingURL=bars.d.ts.map

package/dist/components/bars.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bars.d.ts","sourceRoot":"","sources":["../../src/components/bars.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE/C,6EAA6E;AAC7E,wBAAgB,OAAO,CAAC,EACtB,UAAU,EACV,QAAQ,EACR,SAAS,GACV,EAAE;IACD,UAAU,EAAE,cAAc,CAAC;IAC3B,QAAQ,EAAE,QAAQ,CAAC;IACnB,SAAS,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAChD,+BAmHA;AAED,gGAAgG;AAChG,wBAAgB,SAAS,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE;IAAE,UAAU,EAAE,cAAc,CAAC;IAAC,QAAQ,EAAE,QAAQ,CAAA;CAAE,+BA8CrG"}

package/dist/components/bars.js

@@ -0,0 +1,68 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { filtersRows } from "vastgrid-core";
+import { countFormat, filterLabel, numberFormat } from "../labels.js";
+/** Search box, active sort and filters, row count and the columns button. */
+export function Toolbar({ controller, messages, onColumns, }) {
+    const query = controller.query;
+    const [search, setSearch] = useState(query.search ?? "");
+    const timer = useRef(undefined);
+    const applied = query.search ?? "";
+    const lastApplied = useRef(applied);
+    // Follow changes made elsewhere (for example "Clear all").
+    if (applied !== lastApplied.current) {
+        lastApplied.current = applied;
+        if (search !== applied)
+            setSearch(applied);
+    }
+    useEffect(() => () => clearTimeout(timer.current), []);
+    const ready = controller.info?.status === "ready";
+    const capabilities = controller.info?.capabilities;
+    const count = countFormat(controller.options.locale);
+    const filters = query.filters ?? [];
+    const sort = query.sort ?? [];
+    const total = controller.totalRows;
+    const filtered = controller.view.id !== null && filtersRows(query);
+    let rows;
+    if (controller.info?.status === "loading") {
+        const progress = controller.info.progress;
+        rows =
+            progress !== null && progress !== undefined && progress > 0
+                ? messages.loadingProgress(`${Math.round(progress * 100)}%`)
+                : messages.loadingRows(count(controller.readableRows));
+    }
+    else if (filtered && total !== null) {
+        rows = messages.rowsOf(count(controller.rowCount), count(total));
+    }
+    else {
+        rows = messages.rows(count(controller.rowCount));
+    }
+    function change(value) {
+        setSearch(value);
+        clearTimeout(timer.current);
+        timer.current = setTimeout(() => controller.setSearch(value), 350);
+    }
+    return (_jsxs("div", { className: "vg-toolbar", children: [_jsx("input", { type: "search", className: "vg-input vg-toolbar__search", placeholder: messages.searchPlaceholder, "aria-label": messages.search, value: search, disabled: !ready || !capabilities?.search, onChange: (event) => change(event.target.value), onKeyDown: (event) => {
+                    if (event.key === "Enter") {
+                        clearTimeout(timer.current);
+                        controller.setSearch(search);
+                    }
+                } }), sort.length > 0 && (_jsxs("span", { className: "vg-chip", children: [_jsx("span", { children: messages.sortedBy(sort
+                            .map((key) => `${controller.schema[key.column]?.name ?? key.column} ${key.direction === "asc" ? "↑" : "↓"}`)
+                            .join(", ")) }), _jsx("button", { type: "button", className: "vg-chip__remove", "aria-label": messages.clearSort, title: messages.clearSort, onClick: () => controller.clearSort(), children: "\u00D7" })] })), filters.map((filter) => {
+                const label = filterLabel(filter, controller.schema[filter.column], controller.formatter, messages);
+                return (_jsxs("span", { className: "vg-chip vg-chip--filter", children: [_jsx("span", { title: label, children: label }), _jsx("button", { type: "button", className: "vg-chip__remove", "aria-label": messages.removeFilter(label), title: messages.removeFilter(label), onClick: () => controller.setFilter(filter.column, null), children: "\u00D7" })] }, filter.column));
+            }), filtersRows(query) && (_jsx("button", { type: "button", className: "vg-button vg-button--small", onClick: () => controller.clearFilters(), children: messages.clearFilters })), _jsx("span", { className: "vg-toolbar__spacer" }), _jsx("span", { className: "vg-toolbar__count", "aria-live": "polite", children: controller.viewPending ? messages.buildingView : rows }), _jsx("button", { type: "button", className: "vg-button vg-button--small", onClick: (event) => onColumns(event.currentTarget), disabled: !controller.info, children: messages.columns })] }));
+}
+/** The active cell and, for multi-cell selections, count, sum, average, minimum and maximum. */
+export function StatusBar({ controller, messages }) {
+    const count = countFormat(controller.options.locale);
+    const number = numberFormat(controller.options.locale);
+    const active = controller.selection.active;
+    const schema = controller.columnSchema(active.col);
+    const summary = controller.summary;
+    const label = controller.rowLabel(active.row);
+    const notes = (controller.info?.notes ?? []).map((note) => messages.notes[note] ?? note);
+    return (_jsxs("div", { className: "vg-statusbar", children: [controller.rowCount > 0 && schema && (_jsxs("span", { className: "vg-statusbar__cell", children: [messages.cell(count(active.row + 1), schema.name), controller.view.id !== null && label !== null && (_jsxs("span", { className: "vg-statusbar__muted", children: [" \u00B7 ", messages.originalRow(count(label))] }))] })), notes.length > 0 && _jsx("span", { className: "vg-statusbar__note", children: notes.join(" ") }), _jsx("span", { className: "vg-toolbar__spacer" }), summary && (_jsxs("span", { className: "vg-statusbar__summary", children: [_jsxs("span", { children: [messages.summary.count, ": ", count(summary.count)] }), summary.numericCount > 0 && summary.sum !== null && (_jsxs(_Fragment, { children: [_jsxs("span", { children: [messages.summary.average, ": ", number(summary.average ?? 0)] }), _jsxs("span", { children: [messages.summary.min, ": ", number(summary.min ?? 0)] }), _jsxs("span", { children: [messages.summary.max, ": ", number(summary.max ?? 0)] }), _jsxs("span", { children: [messages.summary.sum, ": ", number(summary.sum)] })] }))] })), !summary && controller.summaryPending && _jsx("span", { className: "vg-statusbar__muted", children: "\u2026" })] }));
+}
+//# sourceMappingURL=bars.js.map

package/dist/components/bars.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bars.js","sourceRoot":"","sources":["../../src/components/bars.tsx"],"names":[],"mappings":"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"}

package/dist/components/cell-inspector.d.ts

@@ -0,0 +1,11 @@
+import { type CellValue, type ColumnSchema } from "vastgrid-core";
+import type { Messages } from "../messages.js";
+/** The full value of a cell, with line breaks, JSON formatting and a copy button. */
+export declare function CellInspector({ schema, messages, location, load, onCopy, }: {
+    schema: ColumnSchema;
+    messages: Messages;
+    location: string;
+    load: (signal: AbortSignal) => Promise<CellValue>;
+    onCopy: (text: string) => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=cell-inspector.d.ts.map

package/dist/components/cell-inspector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cell-inspector.d.ts","sourceRoot":"","sources":["../../src/components/cell-inspector.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,YAAY,EAA2B,MAAM,eAAe,CAAC;AAC3F,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAa/C,qFAAqF;AACrF,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,MAAM,GACP,EAAE;IACD,MAAM,EAAE,YAAY,CAAC;IACrB,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,OAAO,CAAC,SAAS,CAAC,CAAC;IAClD,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC,+BAyCA"}

package/dist/components/cell-inspector.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { isAbortError, plainText } from "vastgrid-core";
+/** Pretty-prints JSON text; returns null when the text is not a JSON object or array. */
+function prettyJson(text) {
+    const trimmed = text.trim();
+    if (!(trimmed.startsWith("{") || trimmed.startsWith("[")))
+        return null;
+    try {
+        return JSON.stringify(JSON.parse(trimmed), null, 2);
+    }
+    catch {
+        return null;
+    }
+}
+/** The full value of a cell, with line breaks, JSON formatting and a copy button. */
+export function CellInspector({ schema, messages, location, load, onCopy, }) {
+    const [value, setValue] = useState(null);
+    const [error, setError] = useState(null);
+    useEffect(() => {
+        const controller = new AbortController();
+        load(controller.signal)
+            .then((result) => {
+            if (!controller.signal.aborted)
+                setValue({ text: plainText(result), isNull: result === null });
+        })
+            .catch((cause) => {
+            if (controller.signal.aborted || isAbortError(cause))
+                return;
+            setError(cause instanceof Error ? cause.message : String(cause));
+        });
+        return () => controller.abort();
+    }, [load]);
+    const json = value ? prettyJson(value.text) : null;
+    return (_jsxs("div", { className: "vg-inspector", children: [_jsxs("p", { className: "vg-panel__title", children: [schema.name, _jsxs("span", { className: "vg-panel__muted", children: [" ", "\u00B7 ", location, " \u00B7 ", messages.types[schema.type] ?? schema.type] })] }), error && _jsx("p", { className: "vg-panel__error", children: error }), !value && !error && _jsx("p", { className: "vg-panel__muted", children: messages.loading }), value && (_jsx("pre", { className: "vg-inspector__value", "data-null": value.isNull || undefined, children: value.isNull ? "NULL" : (json ?? value.text) })), _jsx("div", { className: "vg-panel__actions", children: _jsx("button", { type: "button", className: "vg-button", disabled: !value, onClick: () => value && onCopy(value.text), children: messages.copy }) })] }));
+}
+//# sourceMappingURL=cell-inspector.js.map

package/dist/components/cell-inspector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cell-inspector.js","sourceRoot":"","sources":["../../src/components/cell-inspector.tsx"],"names":[],"mappings":"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"}

package/dist/components/columns-panel.d.ts

@@ -0,0 +1,12 @@
+import type { ColumnSchema } from "vastgrid-core";
+import type { ColumnState } from "../controller.js";
+import type { Messages } from "../messages.js";
+/** Shows and hides columns. */
+export declare function ColumnsPanel({ columns, schema, messages, onToggle, onShowAll, }: {
+    columns: ColumnState[];
+    schema: ColumnSchema[];
+    messages: Messages;
+    onToggle: (index: number, hidden: boolean) => void;
+    onShowAll: () => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=columns-panel.d.ts.map

package/dist/components/columns-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"columns-panel.d.ts","sourceRoot":"","sources":["../../src/components/columns-panel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE/C,+BAA+B;AAC/B,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,SAAS,GACV,EAAE;IACD,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACnD,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB,+BAwCA"}

package/dist/components/columns-panel.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+/** Shows and hides columns. */
+export function ColumnsPanel({ columns, schema, messages, onToggle, onShowAll, }) {
+    const [search, setSearch] = useState("");
+    const needle = search.trim().toLowerCase();
+    const visibleCount = columns.filter((column) => !column.hidden).length;
+    const shown = columns.filter((column) => !needle || (schema[column.index]?.name ?? "").toLowerCase().includes(needle));
+    return (_jsxs("div", { className: "vg-columns", children: [_jsx("p", { className: "vg-panel__title", children: messages.columns }), _jsx("input", { type: "search", className: "vg-input", placeholder: messages.search, "aria-label": messages.search, value: search, "data-autofocus": true, onChange: (event) => setSearch(event.target.value) }), _jsx("div", { className: "vg-filter__values", children: shown.map((column) => (_jsxs("label", { className: "vg-check", children: [_jsx("input", { type: "checkbox", checked: !column.hidden, disabled: !column.hidden && visibleCount <= 1, onChange: (event) => onToggle(column.index, !event.target.checked) }), _jsx("span", { className: "vg-check__label", children: schema[column.index]?.name }), _jsx("span", { className: "vg-check__count", children: messages.types[schema[column.index]?.type ?? "unknown"] })] }, column.index))) }), _jsx("div", { className: "vg-panel__actions", children: _jsx("button", { type: "button", className: "vg-button", onClick: onShowAll, disabled: visibleCount === columns.length, children: messages.showAllColumns }) })] }));
+}
+//# sourceMappingURL=columns-panel.js.map

package/dist/components/columns-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"columns-panel.js","sourceRoot":"","sources":["../../src/components/columns-panel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAKjC,+BAA+B;AAC/B,MAAM,UAAU,YAAY,CAAC,EAC3B,OAAO,EACP,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,SAAS,GAOV;IACC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACzC,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;IAC3C,MAAM,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC;IACvE,MAAM,KAAK,GAAG,OAAO,CAAC,MAAM,CAC1B,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,IAAI,IAAI,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,CACzF,CAAC;IACF,OAAO,CACL,eAAK,SAAS,EAAC,YAAY,aACzB,YAAG,SAAS,EAAC,iBAAiB,YAAE,QAAQ,CAAC,OAAO,GAAK,EACrD,gBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,UAAU,EACpB,WAAW,EAAE,QAAQ,CAAC,MAAM,gBAChB,QAAQ,CAAC,MAAM,EAC3B,KAAK,EAAE,MAAM,0BAEb,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GAClD,EACF,cAAK,SAAS,EAAC,mBAAmB,YAC/B,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACrB,iBAAO,SAAS,EAAC,UAAU,aACzB,gBACE,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,CAAC,MAAM,CAAC,MAAM,EACvB,QAAQ,EAAE,CAAC,MAAM,CAAC,MAAM,IAAI,YAAY,IAAI,CAAC,EAC7C,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAClE,EACF,eAAM,SAAS,EAAC,iBAAiB,YAAE,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,IAAI,GAAQ,EACrE,eAAM,SAAS,EAAC,iBAAiB,YAAE,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,IAAI,IAAI,SAAS,CAAC,GAAQ,KARnE,MAAM,CAAC,KAAK,CASrC,CACT,CAAC,GACE,EACN,cAAK,SAAS,EAAC,mBAAmB,YAChC,iBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,WAAW,EAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,KAAK,OAAO,CAAC,MAAM,YACtG,QAAQ,CAAC,cAAc,GACjB,GACL,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/components/filter-panel.d.ts

@@ -0,0 +1,22 @@
+import { type ColumnSchema, type ColumnType, type DistinctValues, type Filter, type ValueFormatter } from "vastgrid-core";
+import type { Messages } from "../messages.js";
+/**
+ * Converts typed text for a numeric column into a number when it is one. Decimals and integers that a
+ * JavaScript number cannot hold exactly (beyond 2^53) stay text, which servers compare exactly.
+ */
+export declare function comparable(text: string, type: ColumnType): string | number;
+/**
+ * The filter for one column, in the manner of spreadsheet filters: a searchable list of values with
+ * check boxes, or a condition (comparison, text match, range, blank).
+ */
+export declare function FilterPanel({ column, schema, filter, messages, formatter, count, load, onApply, }: {
+    column: number;
+    schema: ColumnSchema;
+    filter: Filter | null;
+    messages: Messages;
+    formatter: ValueFormatter;
+    count: (value: number) => string;
+    load: (search: string, signal: AbortSignal) => Promise<DistinctValues> | null;
+    onApply: (filter: Filter | null) => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=filter-panel.d.ts.map

package/dist/components/filter-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-panel.d.ts","sourceRoot":"","sources":["../../src/components/filter-panel.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,UAAU,EACf,KAAK,cAAc,EACnB,KAAK,MAAM,EAKX,KAAK,cAAc,EACpB,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AA2C/C;;;GAGG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,GAAG,MAAM,GAAG,MAAM,CAO1E;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,MAAM,EACN,MAAM,EACN,QAAQ,EACR,SAAS,EACT,KAAK,EACL,IAAI,EACJ,OAAO,GACR,EAAE;IACD,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,YAAY,CAAC;IACrB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,EAAE,QAAQ,CAAC;IACnB,SAAS,EAAE,cAAc,CAAC;IAC1B,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACjC,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,KAAK,OAAO,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC;IAC9E,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAC1C,+BAyMA"}

package/dist/components/filter-panel.js

@@ -0,0 +1,169 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useId, useMemo, useState } from "react";
+import { isAbortError, isNumericType, isTemporalType, plainText, } from "vastgrid-core";
+const numericOperators = ["none", "eq", "ne", "gt", "ge", "lt", "le", "between", "blank", "notBlank"];
+const textOperators = [
+    "none",
+    "contains",
+    "notContains",
+    "startsWith",
+    "endsWith",
+    "equals",
+    "notEquals",
+    "blank",
+    "notBlank",
+];
+const NULL_KEY = "\u0000null";
+function keyOf(value) {
+    return value === null ? NULL_KEY : plainText(value);
+}
+function initialCondition(filter) {
+    if (!filter)
+        return { operator: "none", first: "", second: "" };
+    switch (filter.type) {
+        case "compare":
+            return { operator: filter.op, first: plainText(filter.value), second: "" };
+        case "between":
+            return {
+                operator: "between",
+                first: filter.min === undefined ? "" : plainText(filter.min),
+                second: filter.max === undefined ? "" : plainText(filter.max),
+            };
+        case "text":
+            return { operator: filter.op, first: filter.value, second: "" };
+        case "blank":
+            return { operator: filter.blank ? "blank" : "notBlank", first: "", second: "" };
+        default:
+            return { operator: "none", first: "", second: "" };
+    }
+}
+/**
+ * Converts typed text for a numeric column into a number when it is one. Decimals and integers that a
+ * JavaScript number cannot hold exactly (beyond 2^53) stay text, which servers compare exactly.
+ */
+export function comparable(text, type) {
+    if (!isNumericType(type))
+        return text;
+    const digits = text.trim().replaceAll(",", "");
+    const number = Number(digits);
+    if (digits === "" || !Number.isFinite(number))
+        return text;
+    if (type === "decimal" || (/^[+-]?\d+$/.test(digits) && !Number.isSafeInteger(number)))
+        return digits;
+    return number;
+}
+/**
+ * The filter for one column, in the manner of spreadsheet filters: a searchable list of values with
+ * check boxes, or a condition (comparison, text match, range, blank).
+ */
+export function FilterPanel({ column, schema, filter, messages, formatter, count, load, onApply, }) {
+    const id = useId();
+    const numeric = isNumericType(schema.type) || isTemporalType(schema.type);
+    const operators = numeric
+        ? numericOperators
+        : schema.type === "boolean"
+            ? ["none", "blank", "notBlank"]
+            : textOperators;
+    const [search, setSearch] = useState("");
+    const [values, setValues] = useState(null);
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(null);
+    // Untouched values follow `base`; `toggled` holds the values the user changed.
+    const [base, setBase] = useState(() => !(filter?.type === "values" && !filter.exclude));
+    const [toggled, setToggled] = useState(() => {
+        if (filter?.type !== "values")
+            return new Map();
+        return new Map(filter.values.map((value) => [keyOf(value), value]));
+    });
+    const [condition, setCondition] = useState(() => initialCondition(filter));
+    useEffect(() => {
+        const controller = new AbortController();
+        const timer = setTimeout(() => {
+            setLoading(true);
+            const request = load(search, controller.signal);
+            if (!request) {
+                setLoading(false);
+                return;
+            }
+            request
+                .then((result) => {
+                if (controller.signal.aborted)
+                    return;
+                setValues(result);
+                setError(null);
+                setLoading(false);
+            })
+                .catch((cause) => {
+                if (controller.signal.aborted || isAbortError(cause))
+                    return;
+                setError(cause instanceof Error ? cause.message : String(cause));
+                setLoading(false);
+            });
+        }, search ? 250 : 0);
+        return () => {
+            clearTimeout(timer);
+            controller.abort();
+        };
+    }, [load, search]);
+    const isChecked = (value) => (toggled.has(keyOf(value)) ? !base : base);
+    const shown = values?.values ?? [];
+    const allChecked = toggled.size === 0 ? base : shown.every((item) => isChecked(item.value)) && base;
+    function toggle(value) {
+        setToggled((current) => {
+            const next = new Map(current);
+            const key = keyOf(value);
+            if (next.has(key))
+                next.delete(key);
+            else
+                next.set(key, value);
+            return next;
+        });
+    }
+    function selectAll(checked) {
+        setBase(checked);
+        setToggled(new Map());
+    }
+    const valuesFilter = useMemo(() => {
+        const list = [...toggled.values()];
+        if (base && list.length === 0)
+            return null;
+        if (base)
+            return { type: "values", column, values: list, exclude: true };
+        return { type: "values", column, values: list };
+    }, [base, toggled, column]);
+    function conditionFilter() {
+        const { operator, first, second } = condition;
+        switch (operator) {
+            case "none":
+                return null;
+            case "blank":
+            case "notBlank":
+                return { type: "blank", column, blank: operator === "blank" };
+            case "between":
+                if (!first && !second)
+                    return null;
+                return {
+                    type: "between",
+                    column,
+                    ...(first ? { min: comparable(first, schema.type) } : {}),
+                    ...(second ? { max: comparable(second, schema.type) } : {}),
+                };
+            case "eq":
+            case "ne":
+            case "lt":
+            case "le":
+            case "gt":
+            case "ge":
+                return first === "" ? null : { type: "compare", column, op: operator, value: comparable(first, schema.type) };
+            default:
+                return first === "" ? null : { type: "text", column, op: operator, value: first };
+        }
+    }
+    function apply(event) {
+        event.preventDefault();
+        onApply(condition.operator === "none" ? valuesFilter : conditionFilter());
+    }
+    const needsValue = condition.operator !== "none" && condition.operator !== "blank" && condition.operator !== "notBlank";
+    return (_jsxs("form", { className: "vg-filter", onSubmit: apply, children: [_jsx("p", { className: "vg-panel__title", id: `${id}-title`, children: messages.filterBy(schema.name) }), _jsx("input", { type: "search", className: "vg-input", placeholder: messages.valuesSearch, "aria-label": messages.valuesSearch, value: search, "data-autofocus": true, onChange: (event) => setSearch(event.target.value), disabled: condition.operator !== "none" }), _jsxs("fieldset", { className: "vg-filter__values", "aria-labelledby": `${id}-title`, "aria-busy": loading, children: [!search && (_jsxs("label", { className: "vg-check vg-check--all", children: [_jsx("input", { type: "checkbox", checked: allChecked, onChange: (event) => selectAll(event.target.checked), disabled: condition.operator !== "none" }), _jsx("span", { children: messages.selectAll })] })), shown.map((item) => (_jsxs("label", { className: "vg-check", children: [_jsx("input", { type: "checkbox", checked: isChecked(item.value), onChange: () => toggle(item.value), disabled: condition.operator !== "none" }), _jsx("span", { className: "vg-check__label", children: item.value === null || item.value === "" ? messages.blank : formatter.format(item.value, schema.type) }), _jsx("span", { className: "vg-check__count", children: count(item.count) })] }, keyOf(item.value)))), loading && shown.length === 0 && _jsx("p", { className: "vg-panel__muted", children: messages.loading }), error && _jsx("p", { className: "vg-panel__error", children: error })] }), values?.truncated && _jsx("p", { className: "vg-panel__muted", children: messages.valuesTruncated(count(shown.length)) }), _jsxs("fieldset", { className: "vg-filter__condition", children: [_jsx("legend", { children: messages.condition }), _jsx("select", { className: "vg-input", "aria-label": messages.condition, value: condition.operator, onChange: (event) => setCondition({ ...condition, operator: event.target.value }), children: operators.map((operator) => (_jsx("option", { value: operator, children: operator === "none" ? messages.conditionNone : messages.operators[operator] }, operator))) }), needsValue && (_jsx("input", { className: "vg-input", "aria-label": condition.operator === "between" ? messages.minimum : messages.value, placeholder: condition.operator === "between" ? messages.minimum : messages.value, value: condition.first, onChange: (event) => setCondition({ ...condition, first: event.target.value }) })), condition.operator === "between" && (_jsx("input", { className: "vg-input", "aria-label": messages.maximum, placeholder: messages.maximum, value: condition.second, onChange: (event) => setCondition({ ...condition, second: event.target.value }) }))] }), _jsxs("div", { className: "vg-panel__actions", children: [_jsx("button", { type: "button", className: "vg-button", onClick: () => onApply(null), children: messages.clear }), _jsx("button", { type: "submit", className: "vg-button vg-button--primary", children: messages.apply })] })] }));
+}
+//# sourceMappingURL=filter-panel.js.map

package/dist/components/filter-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-panel.js","sourceRoot":"","sources":["../../src/components/filter-panel.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,9 @@
+import type { Messages } from "../messages.js";
+/** Find in the table (⌘F / Ctrl+F): moves the active cell to each match, wrapping at the ends. */
+export declare function FindBar({ messages, initial, onFind, onClose, }: {
+    messages: Messages;
+    initial: string;
+    onFind: (text: string, direction: 1 | -1, caseSensitive: boolean, signal: AbortSignal) => Promise<boolean>;
+    onClose: () => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=find-bar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"find-bar.d.ts","sourceRoot":"","sources":["../../src/components/find-bar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE/C,kGAAkG;AAClG,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,OAAO,EACP,MAAM,EACN,OAAO,GACR,EAAE;IACD,QAAQ,EAAE,QAAQ,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC3G,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,+BAwFA"}

package/dist/components/find-bar.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { isAbortError } from "vastgrid-core";
+/** Find in the table (⌘F / Ctrl+F): moves the active cell to each match, wrapping at the ends. */
+export function FindBar({ messages, initial, onFind, onClose, }) {
+    const [text, setText] = useState(initial);
+    const [caseSensitive, setCaseSensitive] = useState(false);
+    const [status, setStatus] = useState("idle");
+    const input = useRef(null);
+    const pending = useRef(null);
+    useEffect(() => {
+        input.current?.focus();
+        input.current?.select();
+        return () => pending.current?.abort();
+    }, []);
+    async function find(direction) {
+        pending.current?.abort();
+        const controller = new AbortController();
+        pending.current = controller;
+        setStatus("searching");
+        try {
+            const found = await onFind(text, direction, caseSensitive, controller.signal);
+            if (!controller.signal.aborted)
+                setStatus(found || !text ? "idle" : "notFound");
+        }
+        catch (error) {
+            if (!controller.signal.aborted && !isAbortError(error))
+                setStatus("notFound");
+        }
+    }
+    function onKeyDown(event) {
+        if (event.key === "Enter") {
+            event.preventDefault();
+            void find(event.shiftKey ? -1 : 1);
+        }
+        else if (event.key === "Escape") {
+            event.preventDefault();
+            onClose();
+        }
+    }
+    return (_jsxs("search", { className: "vg-find", "aria-label": messages.find, children: [_jsx("input", { ref: input, type: "search", className: "vg-input", placeholder: messages.findPlaceholder, "aria-label": messages.findPlaceholder, value: text, onChange: (event) => {
+                    setText(event.target.value);
+                    setStatus("idle");
+                }, onKeyDown: onKeyDown }), _jsx("span", { className: "vg-find__status", role: "status", children: status === "searching" ? messages.searching : status === "notFound" ? messages.notFound : "" }), _jsx("button", { type: "button", className: "vg-icon-button", "aria-label": messages.findPrevious, title: `${messages.findPrevious} (Shift+Enter)`, onClick: () => void find(-1), children: "\u2191" }), _jsx("button", { type: "button", className: "vg-icon-button", "aria-label": messages.findNext, title: `${messages.findNext} (Enter)`, onClick: () => void find(1), children: "\u2193" }), _jsxs("label", { className: "vg-find__case", title: messages.matchCase, children: [_jsx("input", { type: "checkbox", checked: caseSensitive, onChange: (event) => setCaseSensitive(event.target.checked) }), _jsx("span", { "aria-hidden": "true", children: "Aa" }), _jsx("span", { className: "vg-sr-only", children: messages.matchCase })] }), _jsx("button", { type: "button", className: "vg-icon-button", "aria-label": messages.close, title: `${messages.close} (Esc)`, onClick: onClose, children: "\u00D7" })] }));
+}
+//# sourceMappingURL=find-bar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"find-bar.js","sourceRoot":"","sources":["../../src/components/find-bar.tsx"],"names":[],"mappings":"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"}

package/dist/components/popover.d.ts

@@ -0,0 +1,38 @@
+import { type ReactNode, type RefObject } from "react";
+export interface Anchor {
+    /** Position relative to the grid's root element. */
+    x: number;
+    y: number;
+    /** Height of the anchor, so that the popover can open above it when there is no room below. */
+    height?: number;
+}
+/**
+ * A panel positioned inside the grid's root. Closes on Escape and on pointer presses outside, and
+ * returns focus to `returnFocus` when it closes.
+ */
+export declare function Popover({ anchor, container, onClose, returnFocus, label, role, className, children, initialFocus, }: {
+    anchor: Anchor;
+    container: RefObject<HTMLElement | null>;
+    onClose: () => void;
+    returnFocus?: RefObject<HTMLElement | null>;
+    label: string;
+    role?: "dialog" | "menu";
+    className?: string;
+    children: ReactNode;
+    initialFocus?: boolean;
+}): import("react").JSX.Element;
+export interface MenuItem {
+    label: string;
+    onSelect: () => void;
+    disabled?: boolean;
+    /** Draws a separator above the item. */
+    separator?: boolean;
+    checked?: boolean;
+    shortcut?: string;
+}
+/** A menu list with arrow-key navigation. Selecting an item closes the menu. */
+export declare function MenuList({ items, onClose }: {
+    items: MenuItem[];
+    onClose: () => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=popover.d.ts.map

package/dist/components/popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../src/components/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,SAAS,EACd,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAEf,MAAM,WAAW,MAAM;IACrB,oDAAoD;IACpD,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,+FAA+F;IAC/F,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;GAGG;AACH,wBAAgB,OAAO,CAAC,EACtB,MAAM,EACN,SAAS,EACT,OAAO,EACP,WAAW,EACX,KAAK,EACL,IAAe,EACf,SAAS,EACT,QAAQ,EACR,YAAmB,GACpB,EAAE;IACD,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACzC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,+BAsEA;AAED,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wCAAwC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,gFAAgF;AAChF,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE;IAAE,KAAK,EAAE,QAAQ,EAAE,CAAC;IAAC,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,+BAoEtF"}