vastgrid 0.1.1 → 0.2.1

package/dist/react/group-menu.js

@@ -0,0 +1,508 @@
+import { c as _c } from "react/compiler-runtime";
+import { use, useState, useTransition } from "react";
+import { MEASURES, measureTakes } from "vastgrid-spec";
+import { measureName, offers, rowColumns } from "../core/measures.js";
+import { LocaleContext } from "./context.js";
+import { useGridSelector, useGridStore } from "./hooks.js";
+
+/** The measures the menu offers; `quantile` needs a `p`, which it does not ask for. */
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const OFFERED = MEASURES.filter(fn => fn !== "quantile");
+
+/**
+ * The content of the toolbar's group menu, loaded when it first opens (§6.2 of the specification): the columns that the rows are grouped by and the measures of
+ * each group (§4.5), each change dispatched as `group.set` with the whole aggregate, or `group.clear` when nothing is
+ * left. It is there when the engine groups rows.
+ */
+export default function GroupPanel() {
+  const $ = _c(88);
+  const store = useGridStore();
+  const {
+    messages
+  } = use(LocaleContext);
+  const table = useGridSelector(_temp);
+  const plan = useGridSelector(_temp2);
+  const [fn, setFn] = useState("sum");
+  const [column, setColumn] = useState("");
+  const [error, setError] = useState(null);
+  const [pending, startDispatch] = useTransition();
+  if (!table || !offers(table.capabilities, "count")) {
+    return null;
+  }
+  let addMeasure;
+  let canAdd;
+  let dispatch;
+  let t0;
+  let t1;
+  let t10;
+  let t11;
+  let t12;
+  let t13;
+  let t14;
+  let t2;
+  let t3;
+  let t4;
+  let t5;
+  let t6;
+  let t7;
+  let t8;
+  let t9;
+  if ($[0] !== column || $[1] !== fn || $[2] !== messages || $[3] !== pending || $[4] !== plan || $[5] !== store || $[6] !== table) {
+    const aggregate = plan?.aggregate ?? {
+      keys: [],
+      measures: []
+    };
+    const rows = rowColumns(plan, table);
+    let t15;
+    if ($[25] !== table.capabilities) {
+      t15 = name => offers(table.capabilities, name);
+      $[25] = table.capabilities;
+      $[26] = t15;
+    } else {
+      t15 = $[26];
+    }
+    const measures = OFFERED.filter(t15);
+    const columnsFor = name_0 => rows.filter(item => measureTakes(name_0, item));
+    const target = column === "" ? undefined : rows.find(item_0 => item_0.name === column);
+    canAdd = target ? measureTakes(fn, target) : fn === "count";
+    let t16;
+    if ($[27] !== store) {
+      t16 = command => startDispatch(async () => {
+        const outcome = await store.dispatch(command);
+        setError(outcome.ok ? null : outcome.error.message);
+      });
+      $[27] = store;
+      $[28] = t16;
+    } else {
+      t16 = $[28];
+    }
+    dispatch = t16;
+    let t17;
+    if ($[29] !== dispatch) {
+      t17 = next => dispatch(next.keys.length === 0 && next.measures.length === 0 ? {
+        command: "group.clear"
+      } : {
+        command: "group.set",
+        aggregate: next
+      });
+      $[29] = dispatch;
+      $[30] = t17;
+    } else {
+      t17 = $[30];
+    }
+    const set = t17;
+    const pivots = table.capabilities.plan?.pivot !== false;
+    const pivot = aggregate.pivot?.columns ?? [];
+    const setPivot = columns => {
+      const {
+        pivot: _pivot,
+        ...rest
+      } = aggregate;
+      const measures_0 = columns.length > 0 && rest.measures.length === 0 ? [{
+        name: measureName("count", undefined, new Set(rest.keys)),
+        fn: "count"
+      }] : rest.measures;
+      set(columns.length > 0 ? {
+        ...rest,
+        measures: measures_0,
+        pivot: {
+          columns
+        }
+      } : rest);
+    };
+    const taken = () => new Set([...aggregate.keys, ...aggregate.measures.map(_temp3)]);
+    addMeasure = () => {
+      if (!canAdd) {
+        return;
+      }
+      const name_1 = measureName(fn, target?.name, taken());
+      set({
+        ...aggregate,
+        measures: [...aggregate.measures, {
+          name: name_1,
+          fn,
+          ...(target ? {
+            column: target.name
+          } : {})
+        }]
+      });
+    };
+    let t18;
+    if ($[31] !== messages.groupKeys) {
+      t18 = /*#__PURE__*/_jsx("legend", {
+        children: messages.groupKeys
+      });
+      $[31] = messages.groupKeys;
+      $[32] = t18;
+    } else {
+      t18 = $[32];
+    }
+    let t19;
+    if ($[33] !== messages.addKey) {
+      t19 = /*#__PURE__*/_jsx("option", {
+        value: "",
+        children: messages.addKey
+      });
+      $[33] = messages.addKey;
+      $[34] = t19;
+    } else {
+      t19 = $[34];
+    }
+    t13 = /*#__PURE__*/_jsxs("fieldset", {
+      className: "vg-groups__part",
+      disabled: pending,
+      children: [t18, /*#__PURE__*/_jsx("ul", {
+        className: "vg-groups__list",
+        children: aggregate.keys.map(key => /*#__PURE__*/_jsxs("li", {
+          children: [/*#__PURE__*/_jsx("span", {
+            children: key
+          }), /*#__PURE__*/_jsx("button", {
+            type: "button",
+            className: "vg-button vg-button--small",
+            "aria-label": messages.remove(key),
+            onClick: () => set({
+              ...aggregate,
+              keys: aggregate.keys.filter(other => other !== key)
+            }),
+            children: "\xD7"
+          })]
+        }, key))
+      }), /*#__PURE__*/_jsxs("select", {
+        className: "vg-input",
+        "aria-label": messages.addKey,
+        value: "",
+        onChange: event => {
+          const key_0 = event.target.value;
+          if (!key_0) {
+            return;
+          }
+          const measures_1 = plan?.aggregate ? aggregate.measures : [{
+            name: measureName("count", undefined, new Set([key_0])),
+            fn: "count"
+          }];
+          set({
+            ...aggregate,
+            keys: [...aggregate.keys, key_0],
+            measures: measures_1
+          });
+        },
+        children: [t19, rows.filter(item_1 => !aggregate.keys.includes(item_1.name) && measureTakes("min", item_1)).map(_temp4)]
+      })]
+    });
+    t14 = pivots && /*#__PURE__*/_jsxs("fieldset", {
+      className: "vg-groups__part",
+      disabled: pending,
+      children: [/*#__PURE__*/_jsx("legend", {
+        children: messages.pivotBy
+      }), /*#__PURE__*/_jsx("ul", {
+        className: "vg-groups__list",
+        children: pivot.map(name_2 => /*#__PURE__*/_jsxs("li", {
+          children: [/*#__PURE__*/_jsx("span", {
+            children: name_2
+          }), /*#__PURE__*/_jsx("button", {
+            type: "button",
+            className: "vg-button vg-button--small",
+            "aria-label": messages.remove(name_2),
+            onClick: () => setPivot(pivot.filter(other_0 => other_0 !== name_2)),
+            children: "\xD7"
+          })]
+        }, name_2))
+      }), /*#__PURE__*/_jsxs("select", {
+        className: "vg-input",
+        "aria-label": messages.pivotBy,
+        value: "",
+        onChange: event_0 => {
+          if (event_0.target.value) {
+            setPivot([...pivot, event_0.target.value]);
+          }
+        },
+        children: [/*#__PURE__*/_jsx("option", {
+          value: "",
+          children: messages.addPivot
+        }), rows.filter(item_3 => !aggregate.keys.includes(item_3.name) && !pivot.includes(item_3.name) && measureTakes("min", item_3)).map(_temp5)]
+      })]
+    });
+    t9 = "vg-groups__part";
+    t10 = pending;
+    if ($[35] !== messages.measures) {
+      t11 = /*#__PURE__*/_jsx("legend", {
+        children: messages.measures
+      });
+      $[35] = messages.measures;
+      $[36] = t11;
+    } else {
+      t11 = $[36];
+    }
+    t12 = /*#__PURE__*/_jsx("ul", {
+      className: "vg-groups__list",
+      children: aggregate.measures.map(measure_0 => /*#__PURE__*/_jsxs("li", {
+        children: [/*#__PURE__*/_jsx("span", {
+          children: measure_0.name
+        }), /*#__PURE__*/_jsx("button", {
+          type: "button",
+          className: "vg-button vg-button--small",
+          "aria-label": messages.remove(measure_0.name),
+          onClick: () => set({
+            ...aggregate,
+            measures: aggregate.measures.filter(other_1 => other_1.name !== measure_0.name)
+          }),
+          children: "\xD7"
+        })]
+      }, measure_0.name))
+    });
+    t7 = "vg-groups__add";
+    const t20 = messages.measures;
+    let t21;
+    if ($[37] === Symbol.for("react.memo_cache_sentinel")) {
+      t21 = event_1 => setFn(event_1.target.value);
+      $[37] = t21;
+    } else {
+      t21 = $[37];
+    }
+    let t22;
+    if ($[38] !== messages.measureNames) {
+      t22 = name_3 => /*#__PURE__*/_jsx("option", {
+        value: name_3,
+        children: messages.measureNames[name_3]
+      }, name_3);
+      $[38] = messages.measureNames;
+      $[39] = t22;
+    } else {
+      t22 = $[39];
+    }
+    const t23 = measures.map(t22);
+    if ($[40] !== fn || $[41] !== messages.measures || $[42] !== t23) {
+      t8 = /*#__PURE__*/_jsx("select", {
+        className: "vg-input",
+        "aria-label": t20,
+        value: fn,
+        onChange: t21,
+        children: t23
+      });
+      $[40] = fn;
+      $[41] = messages.measures;
+      $[42] = t23;
+      $[43] = t8;
+    } else {
+      t8 = $[43];
+    }
+    t0 = "vg-input";
+    t1 = messages.measureColumn;
+    t2 = column;
+    if ($[44] === Symbol.for("react.memo_cache_sentinel")) {
+      t3 = event_2 => setColumn(event_2.target.value);
+      $[44] = t3;
+    } else {
+      t3 = $[44];
+    }
+    if ($[45] !== fn || $[46] !== messages.allRows) {
+      t4 = fn === "count" && /*#__PURE__*/_jsx("option", {
+        value: "",
+        children: messages.allRows
+      });
+      $[45] = fn;
+      $[46] = messages.allRows;
+      $[47] = t4;
+    } else {
+      t4 = $[47];
+    }
+    if ($[48] !== column || $[49] !== fn || $[50] !== messages.measureColumn) {
+      t5 = fn !== "count" && column === "" && /*#__PURE__*/_jsx("option", {
+        value: "",
+        children: messages.measureColumn
+      });
+      $[48] = column;
+      $[49] = fn;
+      $[50] = messages.measureColumn;
+      $[51] = t5;
+    } else {
+      t5 = $[51];
+    }
+    t6 = columnsFor(fn).map(_temp6);
+    $[0] = column;
+    $[1] = fn;
+    $[2] = messages;
+    $[3] = pending;
+    $[4] = plan;
+    $[5] = store;
+    $[6] = table;
+    $[7] = addMeasure;
+    $[8] = canAdd;
+    $[9] = dispatch;
+    $[10] = t0;
+    $[11] = t1;
+    $[12] = t10;
+    $[13] = t11;
+    $[14] = t12;
+    $[15] = t13;
+    $[16] = t14;
+    $[17] = t2;
+    $[18] = t3;
+    $[19] = t4;
+    $[20] = t5;
+    $[21] = t6;
+    $[22] = t7;
+    $[23] = t8;
+    $[24] = t9;
+  } else {
+    addMeasure = $[7];
+    canAdd = $[8];
+    dispatch = $[9];
+    t0 = $[10];
+    t1 = $[11];
+    t10 = $[12];
+    t11 = $[13];
+    t12 = $[14];
+    t13 = $[15];
+    t14 = $[16];
+    t2 = $[17];
+    t3 = $[18];
+    t4 = $[19];
+    t5 = $[20];
+    t6 = $[21];
+    t7 = $[22];
+    t8 = $[23];
+    t9 = $[24];
+  }
+  let t15;
+  if ($[52] !== t0 || $[53] !== t1 || $[54] !== t2 || $[55] !== t3 || $[56] !== t4 || $[57] !== t5 || $[58] !== t6) {
+    t15 = /*#__PURE__*/_jsxs("select", {
+      className: t0,
+      "aria-label": t1,
+      value: t2,
+      onChange: t3,
+      children: [t4, t5, t6]
+    });
+    $[52] = t0;
+    $[53] = t1;
+    $[54] = t2;
+    $[55] = t3;
+    $[56] = t4;
+    $[57] = t5;
+    $[58] = t6;
+    $[59] = t15;
+  } else {
+    t15 = $[59];
+  }
+  const t16 = !canAdd;
+  let t17;
+  if ($[60] !== addMeasure || $[61] !== messages.addMeasure || $[62] !== t16) {
+    t17 = /*#__PURE__*/_jsx("button", {
+      type: "button",
+      className: "vg-button",
+      disabled: t16,
+      onClick: addMeasure,
+      children: messages.addMeasure
+    });
+    $[60] = addMeasure;
+    $[61] = messages.addMeasure;
+    $[62] = t16;
+    $[63] = t17;
+  } else {
+    t17 = $[63];
+  }
+  let t18;
+  if ($[64] !== t15 || $[65] !== t17 || $[66] !== t7 || $[67] !== t8) {
+    t18 = /*#__PURE__*/_jsxs("div", {
+      className: t7,
+      children: [t8, t15, t17]
+    });
+    $[64] = t15;
+    $[65] = t17;
+    $[66] = t7;
+    $[67] = t8;
+    $[68] = t18;
+  } else {
+    t18 = $[68];
+  }
+  let t19;
+  if ($[69] !== t10 || $[70] !== t11 || $[71] !== t12 || $[72] !== t18 || $[73] !== t9) {
+    t19 = /*#__PURE__*/_jsxs("fieldset", {
+      className: t9,
+      disabled: t10,
+      children: [t11, t12, t18]
+    });
+    $[69] = t10;
+    $[70] = t11;
+    $[71] = t12;
+    $[72] = t18;
+    $[73] = t9;
+    $[74] = t19;
+  } else {
+    t19 = $[74];
+  }
+  let t20;
+  if ($[75] !== error) {
+    t20 = error !== null && /*#__PURE__*/_jsx("p", {
+      role: "alert",
+      className: "vg-filter__error",
+      children: error
+    });
+    $[75] = error;
+    $[76] = t20;
+  } else {
+    t20 = $[76];
+  }
+  let t21;
+  if ($[77] !== dispatch || $[78] !== messages.ungroup || $[79] !== pending || $[80] !== plan?.aggregate) {
+    t21 = plan?.aggregate && /*#__PURE__*/_jsx("button", {
+      type: "button",
+      className: "vg-menu__item",
+      disabled: pending,
+      onClick: () => dispatch({
+        command: "group.clear"
+      }),
+      children: messages.ungroup
+    });
+    $[77] = dispatch;
+    $[78] = messages.ungroup;
+    $[79] = pending;
+    $[80] = plan?.aggregate;
+    $[81] = t21;
+  } else {
+    t21 = $[81];
+  }
+  let t22;
+  if ($[82] !== t13 || $[83] !== t14 || $[84] !== t19 || $[85] !== t20 || $[86] !== t21) {
+    t22 = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [t13, t14, t19, t20, t21]
+    });
+    $[82] = t13;
+    $[83] = t14;
+    $[84] = t19;
+    $[85] = t20;
+    $[86] = t21;
+    $[87] = t22;
+  } else {
+    t22 = $[87];
+  }
+  return t22;
+}
+function _temp6(item_5) {
+  return /*#__PURE__*/_jsx("option", {
+    value: item_5.name,
+    children: item_5.name
+  }, item_5.name);
+}
+function _temp5(item_4) {
+  return /*#__PURE__*/_jsx("option", {
+    value: item_4.name,
+    children: item_4.name
+  }, item_4.name);
+}
+function _temp4(item_2) {
+  return /*#__PURE__*/_jsx("option", {
+    value: item_2.name,
+    children: item_2.name
+  }, item_2.name);
+}
+function _temp3(measure) {
+  return measure.name;
+}
+function _temp2(snapshot_0) {
+  return snapshot_0.document.plan;
+}
+function _temp(snapshot) {
+  return snapshot.table;
+}
+//# sourceMappingURL=group-menu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["use","useState","useTransition","MEASURES","measureTakes","measureName","offers","rowColumns","LocaleContext","useGridSelector","useGridStore","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","OFFERED","filter","fn","GroupPanel","$","_c","store","messages","table","_temp","plan","_temp2","setFn","column","setColumn","error","setError","pending","startDispatch","capabilities","addMeasure","canAdd","dispatch","t0","t1","t10","t11","t12","t13","t14","t2","t3","t4","t5","t6","t7","t8","t9","aggregate","keys","measures","rows","t15","name","columnsFor","name_0","item","target","undefined","find","item_0","t16","command","outcome","ok","message","t17","next","length","set","pivots","pivot","columns","setPivot","_pivot","rest","measures_0","Set","taken","map","_temp3","name_1","t18","groupKeys","children","t19","addKey","value","className","key","type","remove","onClick","other","onChange","event","key_0","measures_1","item_1","includes","_temp4","pivotBy","name_2","other_0","event_0","addPivot","item_3","_temp5","measure_0","measure","other_1","t20","t21","Symbol","for","event_1","t22","measureNames","name_3","t23","measureColumn","event_2","allRows","_temp6","disabled","role","ungroup","item_5","item_4","item_2","snapshot_0","snapshot","document"],"sources":["group-menu.tsx"],"sourcesContent":["import { use, useState, useTransition } from \"react\";\nimport { type Aggregate, type GridCommand, MEASURES, type MeasureName, measureTakes } from \"vastgrid-spec\";\nimport { measureName, offers, rowColumns } from \"../core/measures.js\";\nimport { LocaleContext } from \"./context.js\";\nimport { useGridSelector, useGridStore } from \"./hooks.js\";\n\n/** The measures the menu offers; `quantile` needs a `p`, which it does not ask for. */\nconst OFFERED = MEASURES.filter((fn) => fn !== \"quantile\");\n\n/**\n * The content of the toolbar's group menu, loaded when it first opens (§6.2 of the specification): the columns that the rows are grouped by and the measures of\n * each group (§4.5), each change dispatched as `group.set` with the whole aggregate, or `group.clear` when nothing is\n * left. It is there when the engine groups rows.\n */\nexport default function GroupPanel() {\n  const store = useGridStore();\n  const { messages } = use(LocaleContext);\n  const table = useGridSelector((snapshot) => snapshot.table);\n  const plan = useGridSelector((snapshot) => snapshot.document.plan);\n  const [fn, setFn] = useState<MeasureName>(\"sum\");\n  const [column, setColumn] = useState(\"\");\n  const [error, setError] = useState<string | null>(null);\n  const [pending, startDispatch] = useTransition();\n  if (!table || !offers(table.capabilities, \"count\")) return null;\n\n  const aggregate: Aggregate = plan?.aggregate ?? { keys: [], measures: [] };\n  const rows = rowColumns(plan, table);\n  const measures = OFFERED.filter((name) => offers(table.capabilities, name));\n  const columnsFor = (name: MeasureName) => rows.filter((item) => measureTakes(name, item));\n  const target = column === \"\" ? undefined : rows.find((item) => item.name === column);\n  const canAdd = target ? measureTakes(fn, target) : fn === \"count\";\n\n  const dispatch = (command: GridCommand) =>\n    startDispatch(async () => {\n      const outcome = await store.dispatch(command);\n      setError(outcome.ok ? null : outcome.error.message);\n    });\n  const set = (next: Aggregate) =>\n    dispatch(\n      next.keys.length === 0 && next.measures.length === 0\n        ? { command: \"group.clear\" }\n        : { command: \"group.set\", aggregate: next },\n    );\n  const pivots = table.capabilities.plan?.pivot !== false;\n  const pivot = aggregate.pivot?.columns ?? [];\n  // A pivot makes a column per value of its columns and measure (§4.6), so it needs a measure: rows are counted.\n  const setPivot = (columns: string[]) => {\n    const { pivot: _pivot, ...rest } = aggregate;\n    const measures =\n      columns.length > 0 && rest.measures.length === 0\n        ? [{ name: measureName(\"count\", undefined, new Set(rest.keys)), fn: \"count\" as const }]\n        : rest.measures;\n    set(columns.length > 0 ? { ...rest, measures, pivot: { columns } } : rest);\n  };\n  const taken = () => new Set([...aggregate.keys, ...aggregate.measures.map((measure) => measure.name)]);\n  const addMeasure = () => {\n    if (!canAdd) return;\n    const name = measureName(fn, target?.name, taken());\n    set({ ...aggregate, measures: [...aggregate.measures, { name, fn, ...(target ? { column: target.name } : {}) }] });\n  };\n\n  return (\n    <>\n      <fieldset className=\"vg-groups__part\" disabled={pending}>\n        <legend>{messages.groupKeys}</legend>\n        <ul className=\"vg-groups__list\">\n          {aggregate.keys.map((key) => (\n            <li key={key}>\n              <span>{key}</span>\n              <button\n                type=\"button\"\n                className=\"vg-button vg-button--small\"\n                aria-label={messages.remove(key)}\n                onClick={() => set({ ...aggregate, keys: aggregate.keys.filter((other) => other !== key) })}\n              >\n                ×\n              </button>\n            </li>\n          ))}\n        </ul>\n        <select\n          className=\"vg-input\"\n          aria-label={messages.addKey}\n          value=\"\"\n          onChange={(event) => {\n            const key = event.target.value;\n            if (!key) return;\n            // Rows grouped for the first time are counted.\n            const measures = plan?.aggregate\n              ? aggregate.measures\n              : [{ name: measureName(\"count\", undefined, new Set([key])), fn: \"count\" as const }];\n            set({ ...aggregate, keys: [...aggregate.keys, key], measures });\n          }}\n        >\n          <option value=\"\">{messages.addKey}</option>\n          {rows\n            // Keys are the columns whose values order (§3.9), as `min` takes them.\n            .filter((item) => !aggregate.keys.includes(item.name) && measureTakes(\"min\", item))\n            .map((item) => (\n              <option key={item.name} value={item.name}>\n                {item.name}\n              </option>\n            ))}\n        </select>\n      </fieldset>\n      {pivots && (\n        <fieldset className=\"vg-groups__part\" disabled={pending}>\n          <legend>{messages.pivotBy}</legend>\n          <ul className=\"vg-groups__list\">\n            {pivot.map((name) => (\n              <li key={name}>\n                <span>{name}</span>\n                <button\n                  type=\"button\"\n                  className=\"vg-button vg-button--small\"\n                  aria-label={messages.remove(name)}\n                  onClick={() => setPivot(pivot.filter((other) => other !== name))}\n                >\n                  ×\n                </button>\n              </li>\n            ))}\n          </ul>\n          <select\n            className=\"vg-input\"\n            aria-label={messages.pivotBy}\n            value=\"\"\n            onChange={(event) => {\n              if (event.target.value) setPivot([...pivot, event.target.value]);\n            }}\n          >\n            <option value=\"\">{messages.addPivot}</option>\n            {rows\n              .filter(\n                (item) =>\n                  !aggregate.keys.includes(item.name) && !pivot.includes(item.name) && measureTakes(\"min\", item),\n              )\n              .map((item) => (\n                <option key={item.name} value={item.name}>\n                  {item.name}\n                </option>\n              ))}\n          </select>\n        </fieldset>\n      )}\n      <fieldset className=\"vg-groups__part\" disabled={pending}>\n        <legend>{messages.measures}</legend>\n        <ul className=\"vg-groups__list\">\n          {aggregate.measures.map((measure) => (\n            <li key={measure.name}>\n              <span>{measure.name}</span>\n              <button\n                type=\"button\"\n                className=\"vg-button vg-button--small\"\n                aria-label={messages.remove(measure.name)}\n                onClick={() =>\n                  set({ ...aggregate, measures: aggregate.measures.filter((other) => other.name !== measure.name) })\n                }\n              >\n                ×\n              </button>\n            </li>\n          ))}\n        </ul>\n        <div className=\"vg-groups__add\">\n          <select\n            className=\"vg-input\"\n            aria-label={messages.measures}\n            value={fn}\n            onChange={(event) => setFn(event.target.value as MeasureName)}\n          >\n            {measures.map((name) => (\n              <option key={name} value={name}>\n                {messages.measureNames[name]}\n              </option>\n            ))}\n          </select>\n          <select\n            className=\"vg-input\"\n            aria-label={messages.measureColumn}\n            value={column}\n            onChange={(event) => setColumn(event.target.value)}\n          >\n            {fn === \"count\" && <option value=\"\">{messages.allRows}</option>}\n            {fn !== \"count\" && column === \"\" && <option value=\"\">{messages.measureColumn}</option>}\n            {columnsFor(fn).map((item) => (\n              <option key={item.name} value={item.name}>\n                {item.name}\n              </option>\n            ))}\n          </select>\n          <button type=\"button\" className=\"vg-button\" disabled={!canAdd} onClick={addMeasure}>\n            {messages.addMeasure}\n          </button>\n        </div>\n      </fieldset>\n      {error !== null && (\n        <p role=\"alert\" className=\"vg-filter__error\">\n          {error}\n        </p>\n      )}\n      {plan?.aggregate && (\n        <button\n          type=\"button\"\n          className=\"vg-menu__item\"\n          disabled={pending}\n          onClick={() => dispatch({ command: \"group.clear\" })}\n        >\n          {messages.ungroup}\n        </button>\n      )}\n    </>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/react/hooks.d.ts

@@ -0,0 +1,33 @@
+import type { JsonValue } from "vastgrid-spec";
+import { type GridStore, type GridStoreOptions } from "../core/store.js";
+import type { GridSnapshot } from "../core/types.js";
+/** The store of the nearest `DataGrid` or `GridProvider`. */
+export declare function useGridStore(): GridStore;
+/** Whether two values are the same, or objects or arrays whose members are the same (`Object.is`). */
+export declare function shallowEqual<T>(a: T, b: T): boolean;
+/**
+ * A part of the store's snapshot (§5.3 of react.md). The component renders again only when the selected value
+ * changes by `isEqual` (`Object.is` by default). Selectors run on every change of the store: they are cheap and
+ * make no new objects unless `isEqual` compares them (`shallowEqual`).
+ */
+export declare function useGridSelector<T>(selector: (snapshot: GridSnapshot) => T, isEqual?: (a: T, b: T) => boolean): T;
+/** The store's `dispatch`: the same function on every render. */
+export declare function useGridDispatch(): GridStore["dispatch"];
+/** A store for the life of the component: made once from the first options, connected while it is mounted. */
+export declare function useCreateGridStore(options: GridStoreOptions): GridStore;
+/**
+ * Values of rows `[start, end)` of the view on screen, for cells that React renders (a detail panel, an overlay):
+ * one array per row, with undefined for values not read yet. Reads them when they are missing, and renders again
+ * when rows arrive.
+ */
+export declare function useGridRows(range: {
+    start: number;
+    end: number;
+    columns: readonly string[];
+}): (JsonValue | undefined)[][];
+/**
+ * Reads rows of the store's cache. The cache changes inside the store, so the version of its rows is an argument:
+ * memoization (React Compiler's included) reads them again when it changes.
+ */
+export declare function readRows(store: GridStore, _version: number, start: number, end: number, columns: readonly string[]): (JsonValue | undefined)[][];
+//# sourceMappingURL=hooks.d.ts.map

package/dist/react/hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../src/react/hooks.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAmB,KAAK,SAAS,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAC1F,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAGrD,6DAA6D;AAC7D,wBAAgB,YAAY,IAAI,SAAS,CAIxC;AAED,sGAAsG;AACtG,wBAAgB,YAAY,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,OAAO,CAUnD;AAkBD;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,CAAC,EAC/B,QAAQ,EAAE,CAAC,QAAQ,EAAE,YAAY,KAAK,CAAC,EACvC,OAAO,GAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,OAAmB,GAC3C,CAAC,CAKH;AAED,iEAAiE;AACjE,wBAAgB,eAAe,IAAI,SAAS,CAAC,UAAU,CAAC,CAEvD;AAED,8GAA8G;AAC9G,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,gBAAgB,GAAG,SAAS,CAIvE;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,SAAS,MAAM,EAAE,CAAC;CAC5B,GAAG,CAAC,SAAS,GAAG,SAAS,CAAC,EAAE,EAAE,CAS9B;AAED;;;GAGG;AACH,wBAAgB,QAAQ,CACtB,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,MAAM,EACb,GAAG,EAAE,MAAM,EACX,OAAO,EAAE,SAAS,MAAM,EAAE,GACzB,CAAC,SAAS,GAAG,SAAS,CAAC,EAAE,EAAE,CAI7B"}