vastgrid 0.1.1 → 0.2.0

package/dist/react/cell-menu.js

@@ -0,0 +1,299 @@
+import { c as _c } from "react/compiler-runtime";
+import { use, useLayoutEffect, useRef, useState } from "react";
+import { isBlank, joinParts, textOf } from "vastgrid-spec";
+import { filterParts } from "../core/filters.js";
+import { LocaleContext } from "./context.js";
+import { useGridSelector, useGridStore } from "./hooks.js";
+
+/** Where the cell menu opens: a cell of the view, at a point of the page. */
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/** Arrows, Home and End move the focus among the items of a menu (the menu pattern of the ARIA Authoring Practices). */
+function moveFocus(event) {
+  const items = [...event.currentTarget.querySelectorAll("button:not(:disabled)")];
+  const at = items.indexOf(document.activeElement);
+  const next = event.key === "ArrowDown" ? (at + 1) % items.length : event.key === "ArrowUp" ? (at - 1 + items.length) % items.length : event.key === "Home" ? 0 : event.key === "End" ? items.length - 1 : -1;
+  if (next < 0 || items.length === 0) return;
+  event.preventDefault();
+  items[next].focus();
+}
+
+/**
+ * The menu of a cell (a right click on it, Shift+F10 or the context menu key): copying the selection, filtering the
+ * column to the cell's value or excluding it (`filter.column`, replacing the column's conditions), showing the
+ * value in full (read again without the text limit when the engine cut it, §8.4), and the detail panel.
+ */
+export function CellMenu(t0) {
+  const $ = _c(48);
+  const {
+    target,
+    onClose,
+    copy
+  } = t0;
+  const store = useGridStore();
+  const {
+    messages
+  } = use(LocaleContext);
+  const ref = useRef(null);
+  const [full, setFull] = useState(null);
+  const [shown, setShown] = useState(target);
+  if (shown !== target) {
+    setShown(target);
+    setFull(null);
+  }
+  let t1;
+  if ($[0] !== target) {
+    t1 = snapshot => target ? snapshot.displayed.find(item => item.column.name === target.column)?.column : undefined;
+    $[0] = target;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const column = useGridSelector(t1);
+  const filters = useGridSelector(_temp);
+  let t2;
+  let t3;
+  if ($[2] !== target) {
+    t2 = () => {
+      const menu = ref.current;
+      if (!menu || !target) {
+        return;
+      }
+      if (!menu.matches(":popover-open")) {
+        menu.showPopover();
+      }
+      menu.querySelector("button:not(:disabled)")?.focus();
+    };
+    t3 = [target];
+    $[2] = target;
+    $[3] = t2;
+    $[4] = t3;
+  } else {
+    t2 = $[3];
+    t3 = $[4];
+  }
+  useLayoutEffect(t2, t3);
+  let t4;
+  if ($[5] !== target) {
+    t4 = () => {
+      const menu_0 = ref.current;
+      if (!menu_0 || !target) {
+        return;
+      }
+      const rect = menu_0.getBoundingClientRect();
+      menu_0.style.left = `${Math.max(8, Math.min(target.x, window.innerWidth - rect.width - 8))}px`;
+      menu_0.style.top = `${Math.max(8, Math.min(target.y, window.innerHeight - rect.height - 8))}px`;
+    };
+    $[5] = target;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  useLayoutEffect(t4);
+  let t5;
+  if ($[7] !== onClose) {
+    t5 = event => {
+      if (event.newState === "closed") {
+        onClose();
+      }
+    };
+    $[7] = onClose;
+    $[8] = t5;
+  } else {
+    t5 = $[8];
+  }
+  const onToggle = t5;
+  let t6;
+  if ($[9] !== store || $[10] !== target) {
+    t6 = target ? store.cell(target.row, target.column) : undefined;
+    $[9] = store;
+    $[10] = target;
+    $[11] = t6;
+  } else {
+    t6 = $[11];
+  }
+  const value = t6;
+  if (!target || !column || value === undefined) {
+    let t7;
+    if ($[12] !== onToggle) {
+      t7 = /*#__PURE__*/_jsx("div", {
+        ref: ref,
+        popover: "auto",
+        className: "vg-menu vg-cell-menu",
+        onToggle: onToggle
+      });
+      $[12] = onToggle;
+      $[13] = t7;
+    } else {
+      t7 = $[13];
+    }
+    return t7;
+  }
+  let t7;
+  if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
+    t7 = () => ref.current?.hidePopover();
+    $[14] = t7;
+  } else {
+    t7 = $[14];
+  }
+  const close = t7;
+  let t8;
+  if ($[15] !== store) {
+    t8 = command => {
+      close();
+      store.dispatch(command);
+    };
+    $[15] = store;
+    $[16] = t8;
+  } else {
+    t8 = $[16];
+  }
+  const run = t8;
+  let t9;
+  if ($[17] !== column || $[18] !== run || $[19] !== value) {
+    t9 = exclude => {
+      const blank = isBlank(value, column);
+      const where = joinParts(filterParts({
+        kind: "values",
+        values: blank ? [] : [value],
+        blank,
+        exclude
+      }, column));
+      run({
+        command: "filter.column",
+        column: column.name,
+        where: where ?? null
+      });
+    };
+    $[17] = column;
+    $[18] = run;
+    $[19] = value;
+    $[20] = t9;
+  } else {
+    t9 = $[20];
+  }
+  const filterTo = t9;
+  let t10;
+  if ($[21] !== column || $[22] !== messages || $[23] !== store || $[24] !== target.column || $[25] !== target.row || $[26] !== value) {
+    t10 = () => {
+      if (!store.isCut(target.row, target.column)) {
+        setFull(textOf(value, column) ?? "");
+        return;
+      }
+      setFull(messages.loading);
+      store.fullValue(target.row, target.column).then(read => setFull(textOf(read.value, read.column) ?? "")).catch(error => setFull(messages.failed(error instanceof Error ? error.message : String(error))));
+    };
+    $[21] = column;
+    $[22] = messages;
+    $[23] = store;
+    $[24] = target.column;
+    $[25] = target.row;
+    $[26] = value;
+    $[27] = t10;
+  } else {
+    t10 = $[27];
+  }
+  const showFull = t10;
+  let t11;
+  if ($[28] !== column.name || $[29] !== copy || $[30] !== filterTo || $[31] !== filters || $[32] !== full || $[33] !== messages.cellMenu || $[34] !== messages.close || $[35] !== messages.copy || $[36] !== messages.details || $[37] !== messages.excludeValue || $[38] !== messages.filterToValue || $[39] !== messages.fullValue || $[40] !== run || $[41] !== showFull || $[42] !== value) {
+    t11 = full !== null ? /*#__PURE__*/_jsxs("section", {
+      "aria-label": messages.fullValue,
+      children: [/*#__PURE__*/_jsx("p", {
+        className: "vg-filter__title",
+        children: column.name
+      }), /*#__PURE__*/_jsx("pre", {
+        className: "vg-cell-menu__value",
+        tabIndex: -1,
+        children: full
+      }), /*#__PURE__*/_jsx("button", {
+        type: "button",
+        className: "vg-menu__item",
+        onClick: close,
+        children: messages.close
+      })]
+    }) : /*#__PURE__*/_jsxs("div", {
+      role: "menu",
+      "aria-label": messages.cellMenu,
+      onKeyDown: moveFocus,
+      children: [/*#__PURE__*/_jsx("button", {
+        type: "button",
+        role: "menuitem",
+        className: "vg-menu__item",
+        onClick: () => {
+          close();
+          copy();
+        },
+        children: messages.copy
+      }), filters && /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx("button", {
+          type: "button",
+          role: "menuitem",
+          className: "vg-menu__item",
+          onClick: () => filterTo(false),
+          children: messages.filterToValue
+        }), /*#__PURE__*/_jsx("button", {
+          type: "button",
+          role: "menuitem",
+          className: "vg-menu__item",
+          onClick: () => filterTo(true),
+          children: messages.excludeValue
+        })]
+      }), /*#__PURE__*/_jsx("button", {
+        type: "button",
+        role: "menuitem",
+        className: "vg-menu__item",
+        disabled: value === null,
+        onClick: showFull,
+        children: messages.fullValue
+      }), /*#__PURE__*/_jsx("button", {
+        type: "button",
+        role: "menuitem",
+        className: "vg-menu__item",
+        onClick: () => run({
+          command: "detail.open"
+        }),
+        children: messages.details
+      })]
+    });
+    $[28] = column.name;
+    $[29] = copy;
+    $[30] = filterTo;
+    $[31] = filters;
+    $[32] = full;
+    $[33] = messages.cellMenu;
+    $[34] = messages.close;
+    $[35] = messages.copy;
+    $[36] = messages.details;
+    $[37] = messages.excludeValue;
+    $[38] = messages.filterToValue;
+    $[39] = messages.fullValue;
+    $[40] = run;
+    $[41] = showFull;
+    $[42] = value;
+    $[43] = t11;
+  } else {
+    t11 = $[43];
+  }
+  let t12;
+  if ($[44] !== messages.cellMenu || $[45] !== onToggle || $[46] !== t11) {
+    t12 = /*#__PURE__*/_jsx("div", {
+      ref: ref,
+      popover: "auto",
+      role: "dialog",
+      className: "vg-menu vg-cell-menu",
+      "aria-label": messages.cellMenu,
+      onToggle: onToggle,
+      children: t11
+    });
+    $[44] = messages.cellMenu;
+    $[45] = onToggle;
+    $[46] = t11;
+    $[47] = t12;
+  } else {
+    t12 = $[47];
+  }
+  return t12;
+}
+function _temp(snapshot_0) {
+  return snapshot_0.table?.capabilities.plan?.where !== false && snapshot_0.document.plan?.aggregate === undefined;
+}
+//# sourceMappingURL=cell-menu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["use","useLayoutEffect","useRef","useState","isBlank","joinParts","textOf","filterParts","LocaleContext","useGridSelector","useGridStore","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","moveFocus","event","items","currentTarget","querySelectorAll","at","indexOf","document","activeElement","next","key","length","preventDefault","focus","CellMenu","t0","$","_c","target","onClose","copy","store","messages","ref","full","setFull","shown","setShown","t1","snapshot","displayed","find","item","column","name","undefined","filters","_temp","t2","t3","menu","current","matches","showPopover","querySelector","t4","menu_0","rect","getBoundingClientRect","style","left","Math","max","min","x","window","innerWidth","width","top","y","innerHeight","height","t5","newState","onToggle","t6","cell","row","value","t7","popover","className","Symbol","for","hidePopover","close","t8","command","dispatch","run","t9","exclude","blank","where","kind","values","filterTo","t10","isCut","loading","fullValue","then","read","catch","error","failed","Error","message","String","showFull","t11","cellMenu","details","excludeValue","filterToValue","children","tabIndex","type","role","onClick","disabled","t12","snapshot_0","table","capabilities","plan","aggregate"],"sources":["cell-menu.tsx"],"sourcesContent":["import { type KeyboardEvent, type ToggleEvent, use, useLayoutEffect, useRef, useState } from \"react\";\nimport { type GridCommand, isBlank, type JsonValue, joinParts, textOf } from \"vastgrid-spec\";\nimport { filterParts } from \"../core/filters.js\";\nimport { LocaleContext } from \"./context.js\";\nimport { useGridSelector, useGridStore } from \"./hooks.js\";\n\n/** Where the cell menu opens: a cell of the view, at a point of the page. */\nexport interface CellMenuTarget {\n  row: number;\n  column: string;\n  x: number;\n  y: number;\n}\n\n/** Arrows, Home and End move the focus among the items of a menu (the menu pattern of the ARIA Authoring Practices). */\nfunction moveFocus(event: KeyboardEvent<HTMLDivElement>) {\n  const items = [...event.currentTarget.querySelectorAll<HTMLButtonElement>(\"button:not(:disabled)\")];\n  const at = items.indexOf(document.activeElement as HTMLButtonElement);\n  const next =\n    event.key === \"ArrowDown\"\n      ? (at + 1) % items.length\n      : event.key === \"ArrowUp\"\n        ? (at - 1 + items.length) % items.length\n        : event.key === \"Home\"\n          ? 0\n          : event.key === \"End\"\n            ? items.length - 1\n            : -1;\n  if (next < 0 || items.length === 0) return;\n  event.preventDefault();\n  items[next].focus();\n}\n\n/**\n * The menu of a cell (a right click on it, Shift+F10 or the context menu key): copying the selection, filtering the\n * column to the cell's value or excluding it (`filter.column`, replacing the column's conditions), showing the\n * value in full (read again without the text limit when the engine cut it, §8.4), and the detail panel.\n */\nexport function CellMenu({\n  target,\n  onClose,\n  copy,\n}: {\n  target: CellMenuTarget | null;\n  onClose: () => void;\n  copy: () => void;\n}) {\n  const store = useGridStore();\n  const { messages } = use(LocaleContext);\n  const ref = useRef<HTMLDivElement>(null);\n  const [full, setFull] = useState<string | null>(null);\n  const [shown, setShown] = useState(target);\n  if (shown !== target) {\n    setShown(target);\n    setFull(null);\n  }\n  const column = useGridSelector((snapshot) =>\n    target ? snapshot.displayed.find((item) => item.column.name === target.column)?.column : undefined,\n  );\n  const filters = useGridSelector(\n    (snapshot) => snapshot.table?.capabilities.plan?.where !== false && snapshot.document.plan?.aggregate === undefined,\n  );\n\n  useLayoutEffect(() => {\n    const menu = ref.current;\n    if (!menu || !target) return;\n    if (!menu.matches(\":popover-open\")) menu.showPopover();\n    menu.querySelector<HTMLElement>(\"button:not(:disabled)\")?.focus();\n  }, [target]);\n\n  useLayoutEffect(() => {\n    const menu = ref.current;\n    if (!menu || !target) return;\n    const rect = menu.getBoundingClientRect();\n    menu.style.left = `${Math.max(8, Math.min(target.x, window.innerWidth - rect.width - 8))}px`;\n    menu.style.top = `${Math.max(8, Math.min(target.y, window.innerHeight - rect.height - 8))}px`;\n  });\n\n  const onToggle = (event: ToggleEvent<HTMLDivElement>) => {\n    if (event.newState === \"closed\") onClose();\n  };\n\n  const value: JsonValue | undefined = target ? store.cell(target.row, target.column) : undefined;\n  if (!target || !column || value === undefined) {\n    return <div ref={ref} popover=\"auto\" className=\"vg-menu vg-cell-menu\" onToggle={onToggle} />;\n  }\n  const close = () => ref.current?.hidePopover();\n  const run = (command: GridCommand) => {\n    close();\n    void store.dispatch(command);\n  };\n  const filterTo = (exclude: boolean) => {\n    const blank = isBlank(value, column);\n    const where = joinParts(filterParts({ kind: \"values\", values: blank ? [] : [value], blank, exclude }, column));\n    run({ command: \"filter.column\", column: column.name, where: where ?? null });\n  };\n  const showFull = () => {\n    if (!store.isCut(target.row, target.column)) {\n      setFull(textOf(value, column) ?? \"\");\n      return;\n    }\n    setFull(messages.loading);\n    store\n      .fullValue(target.row, target.column)\n      .then((read) => setFull(textOf(read.value, read.column) ?? \"\"))\n      .catch((error: unknown) => setFull(messages.failed(error instanceof Error ? error.message : String(error))));\n  };\n\n  return (\n    <div\n      ref={ref}\n      popover=\"auto\"\n      role=\"dialog\"\n      className=\"vg-menu vg-cell-menu\"\n      aria-label={messages.cellMenu}\n      onToggle={onToggle}\n    >\n      {full !== null ? (\n        <section aria-label={messages.fullValue}>\n          <p className=\"vg-filter__title\">{column.name}</p>\n          <pre className=\"vg-cell-menu__value\" tabIndex={-1}>\n            {full}\n          </pre>\n          <button type=\"button\" className=\"vg-menu__item\" onClick={close}>\n            {messages.close}\n          </button>\n        </section>\n      ) : (\n        <div role=\"menu\" aria-label={messages.cellMenu} onKeyDown={moveFocus}>\n          <button\n            type=\"button\"\n            role=\"menuitem\"\n            className=\"vg-menu__item\"\n            onClick={() => {\n              close();\n              copy();\n            }}\n          >\n            {messages.copy}\n          </button>\n          {filters && (\n            <>\n              <button type=\"button\" role=\"menuitem\" className=\"vg-menu__item\" onClick={() => filterTo(false)}>\n                {messages.filterToValue}\n              </button>\n              <button type=\"button\" role=\"menuitem\" className=\"vg-menu__item\" onClick={() => filterTo(true)}>\n                {messages.excludeValue}\n              </button>\n            </>\n          )}\n          <button type=\"button\" role=\"menuitem\" className=\"vg-menu__item\" disabled={value === null} onClick={showFull}>\n            {messages.fullValue}\n          </button>\n          <button\n            type=\"button\"\n            role=\"menuitem\"\n            className=\"vg-menu__item\"\n            onClick={() => run({ command: \"detail.open\" })}\n          >\n            {messages.details}\n          </button>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/react/column-menu.d.ts

@@ -0,0 +1,16 @@
+/** Where the column menu opens: a column of the view, at a point of the page. */
+export interface MenuTarget {
+    column: string;
+    x: number;
+    y: number;
+}
+/**
+ * The menu of a column of the view, opened from its header (the arrow at its right, a right click, or Alt+↓ on the
+ * active cell): sorting by it (§6.2), its filter, and its pin, width and visibility (§6.3), all as commands. It is
+ * a popover: Esc and a click outside close it, and the focus goes back to the grid.
+ */
+export declare function ColumnMenu({ target, onClose }: {
+    target: MenuTarget | null;
+    onClose: () => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=column-menu.d.ts.map

package/dist/react/column-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"column-menu.d.ts","sourceRoot":"","sources":["../../src/react/column-menu.tsx"],"names":[],"mappings":"AAsCA,iFAAiF;AACjF,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAkTD;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE;IAAE,MAAM,EAAE,UAAU,GAAG,IAAI,CAAC;IAAC,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,+BAqMjG"}