react-cheminfo 0.15.0 → 0.17.0

package/lib/parallel/ui/parallelStyles.d.ts

@@ -0,0 +1,106 @@
+/**
+ * Every rule the figure is drawn with.
+ *
+ * The library ships no stylesheet for a figure — a chart writes inline style
+ * objects, so a site that never renders one pays nothing and a site that does
+ * cannot forget to import a file. The two colours that are not fixed here, the
+ * axis ink and the band's, are resolved off the page by `parallelInk.ts` and
+ * written onto the elements, so an override applies to the canvas and to the
+ * markup alike.
+ */
+import type { CSSProperties } from 'react';
+/** A layer covering the whole figure, stacked over the ones before it. */
+export declare const PARALLEL_LAYER_STYLE: {
+    readonly position: "absolute";
+    readonly inset: 0;
+};
+/**
+ * The block the figure occupies, which every layer is positioned against.
+ * @param height - Total height of the figure, in pixels.
+ * @returns The wrapper's rules.
+ */
+export declare function parallelFigureStyle(height: number): CSSProperties;
+/**
+ * One of the two canvases, stretched over the figure.
+ * @param height - Total height of the figure, in pixels.
+ * @returns The canvas's rules.
+ */
+export declare function parallelCanvasStyle(height: number): CSSProperties;
+/** The drawing surface the axes, the bands and the pointer target live in. */
+export declare const PARALLEL_SVG_STYLE: {
+    readonly display: "block";
+    readonly overflow: "visible";
+    readonly position: "absolute";
+    readonly inset: 0;
+};
+/**
+ * The layer the axis names sit in. It is HTML rather than SVG text so that a
+ * name can carry a tooltip, and it lets every pointer event through so that a
+ * brush started under a name still starts.
+ */
+export declare const PARALLEL_LABELS_STYLE: {
+    readonly pointerEvents: "none";
+    readonly position: "absolute";
+    readonly inset: 0;
+};
+/** How one axis name is placed, and whether it is being moved. */
+export interface ParallelLabelPlacement {
+    /** Where the axis stands, in pixels from the figure's left edge. */
+    left: number;
+    /**
+     * Whether the name can be dragged to move its axis.
+     * @default false
+     */
+    draggable?: boolean;
+    /**
+     * How far it has been dragged, in pixels, or `null` when it is not moving.
+     * @default null
+     */
+    dx?: number | null;
+}
+/**
+ * One axis name, centred over its axis and taking the pointer back.
+ * @param placement - See {@link ParallelLabelPlacement}.
+ * @returns The name's rules. A name being dragged follows the pointer and is
+ * drawn over its neighbours, so it is never hidden behind the name it is
+ * about to change places with.
+ */
+export declare function parallelLabelStyle(placement: ParallelLabelPlacement): CSSProperties;
+/**
+ * The axis a dragged name would take the place of, marked while it is moving.
+ * @param ink - The colour the figure singles things out in.
+ * @returns The mark's rules.
+ */
+export declare function parallelDropMarkStyle(ink: string): CSSProperties;
+/** One tick written out, tabular so a column of them lines up on the point. */
+export declare const PARALLEL_TICK_LABEL_STYLE: {
+    readonly fontSize: 10;
+    readonly fontVariantNumeric: "tabular-nums";
+    readonly userSelect: "none";
+};
+/** How far a tick mark reaches out of the axis, in pixels. */
+export declare const PARALLEL_TICK_LENGTH = 4;
+/** How far a tick label ends before its axis. */
+export declare const PARALLEL_TICK_LABEL_INSET = 7;
+/**
+ * The interval one brush keeps, filled in the site's own colour.
+ * @param ink - The colour to fill and outline it in.
+ * @returns The band's rules.
+ */
+export declare function parallelBandStyle(ink: string): CSSProperties;
+/**
+ * Either edge of a band, drawn so the reader can see it can be dragged.
+ * @param ink - The colour to draw it in.
+ * @returns The handle's rules.
+ */
+export declare function parallelHandleStyle(ink: string): CSSProperties;
+/** How tall an edge handle is drawn, in pixels. */
+export declare const PARALLEL_HANDLE_HEIGHT = 3;
+/**
+ * The card over the row under the pointer.
+ * @param left - Where it sits, in pixels from the figure's left edge.
+ * @param top - Where it sits, in pixels from its top edge.
+ * @returns The card's rules.
+ */
+export declare function parallelTooltipStyle(left: number, top: number): CSSProperties;
+//# sourceMappingURL=parallelStyles.d.ts.map

package/lib/parallel/ui/parallelStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parallelStyles.d.ts","sourceRoot":"","sources":["../../../src/parallel/ui/parallelStyles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAI3C,0EAA0E;AAC1E,eAAO,MAAM,oBAAoB;;;CAGC,CAAC;AAEnC;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,MAAM,GAAG,aAAa,CAMjE;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,MAAM,GAAG,aAAa,CAMjE;AAED,8EAA8E;AAC9E,eAAO,MAAM,kBAAkB;;;;;CAIG,CAAC;AAEnC;;;;GAIG;AACH,eAAO,MAAM,qBAAqB;;;;CAGA,CAAC;AAEnC,kEAAkE;AAClE,MAAM,WAAW,sBAAsB;IACrC,oEAAoE;IACpE,IAAI,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACpB;AAED;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAChC,SAAS,EAAE,sBAAsB,GAChC,aAAa,CAoBf;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,GAAG,EAAE,MAAM,GAAG,aAAa,CAOhE;AAED,+EAA+E;AAC/E,eAAO,MAAM,yBAAyB;;;;CAIJ,CAAC;AAEnC,8DAA8D;AAC9D,eAAO,MAAM,oBAAoB,IAAI,CAAC;AAEtC,iDAAiD;AACjD,eAAO,MAAM,yBAAyB,IAAI,CAAC;AAE3C;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,MAAM,GAAG,aAAa,CAO5D;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,MAAM,GAAG,aAAa,CAE9D;AAED,mDAAmD;AACnD,eAAO,MAAM,sBAAsB,IAAI,CAAC;AAExC;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,aAAa,CAiB7E"}

package/lib/parallel/ui/parallelStyles.js

@@ -0,0 +1,153 @@
+/**
+ * Every rule the figure is drawn with.
+ *
+ * The library ships no stylesheet for a figure — a chart writes inline style
+ * objects, so a site that never renders one pays nothing and a site that does
+ * cannot forget to import a file. The two colours that are not fixed here, the
+ * axis ink and the band's, are resolved off the page by `parallelInk.ts` and
+ * written onto the elements, so an override applies to the canvas and to the
+ * markup alike.
+ */
+import { TOKEN } from "../../tokens/core/familyTokens.js";
+/** A layer covering the whole figure, stacked over the ones before it. */
+export const PARALLEL_LAYER_STYLE = {
+    position: 'absolute',
+    inset: 0,
+};
+/**
+ * The block the figure occupies, which every layer is positioned against.
+ * @param height - Total height of the figure, in pixels.
+ * @returns The wrapper's rules.
+ */
+export function parallelFigureStyle(height) {
+    return {
+        position: 'relative',
+        height: Math.max(0, height),
+        minWidth: 0,
+    };
+}
+/**
+ * One of the two canvases, stretched over the figure.
+ * @param height - Total height of the figure, in pixels.
+ * @returns The canvas's rules.
+ */
+export function parallelCanvasStyle(height) {
+    return {
+        ...PARALLEL_LAYER_STYLE,
+        width: '100%',
+        height: Math.max(0, height),
+    };
+}
+/** The drawing surface the axes, the bands and the pointer target live in. */
+export const PARALLEL_SVG_STYLE = {
+    ...PARALLEL_LAYER_STYLE,
+    display: 'block',
+    overflow: 'visible',
+};
+/**
+ * The layer the axis names sit in. It is HTML rather than SVG text so that a
+ * name can carry a tooltip, and it lets every pointer event through so that a
+ * brush started under a name still starts.
+ */
+export const PARALLEL_LABELS_STYLE = {
+    ...PARALLEL_LAYER_STYLE,
+    pointerEvents: 'none',
+};
+/**
+ * One axis name, centred over its axis and taking the pointer back.
+ * @param placement - See {@link ParallelLabelPlacement}.
+ * @returns The name's rules. A name being dragged follows the pointer and is
+ * drawn over its neighbours, so it is never hidden behind the name it is
+ * about to change places with.
+ */
+export function parallelLabelStyle(placement) {
+    const { left, draggable = false, dx = null } = placement;
+    const moving = dx !== null;
+    return {
+        position: 'absolute',
+        zIndex: moving ? 2 : undefined,
+        top: 2,
+        left,
+        transform: dx === null ? 'translateX(-50%)' : `translateX(calc(-50% + ${dx}px))`,
+        color: TOKEN.text,
+        fontSize: 11,
+        fontWeight: 600,
+        whiteSpace: 'nowrap',
+        pointerEvents: 'auto',
+        cursor: draggable ? (moving ? 'grabbing' : 'grab') : undefined,
+        opacity: moving ? 0.85 : undefined,
+        touchAction: draggable ? 'none' : undefined,
+        userSelect: draggable ? 'none' : undefined,
+    };
+}
+/**
+ * The axis a dragged name would take the place of, marked while it is moving.
+ * @param ink - The colour the figure singles things out in.
+ * @returns The mark's rules.
+ */
+export function parallelDropMarkStyle(ink) {
+    return {
+        stroke: ink,
+        strokeWidth: 2,
+        strokeOpacity: 0.7,
+        strokeDasharray: '4 3',
+    };
+}
+/** One tick written out, tabular so a column of them lines up on the point. */
+export const PARALLEL_TICK_LABEL_STYLE = {
+    fontSize: 10,
+    fontVariantNumeric: 'tabular-nums',
+    userSelect: 'none',
+};
+/** How far a tick mark reaches out of the axis, in pixels. */
+export const PARALLEL_TICK_LENGTH = 4;
+/** How far a tick label ends before its axis. */
+export const PARALLEL_TICK_LABEL_INSET = 7;
+/**
+ * The interval one brush keeps, filled in the site's own colour.
+ * @param ink - The colour to fill and outline it in.
+ * @returns The band's rules.
+ */
+export function parallelBandStyle(ink) {
+    return {
+        fill: ink,
+        fillOpacity: 0.16,
+        stroke: ink,
+        strokeOpacity: 0.55,
+    };
+}
+/**
+ * Either edge of a band, drawn so the reader can see it can be dragged.
+ * @param ink - The colour to draw it in.
+ * @returns The handle's rules.
+ */
+export function parallelHandleStyle(ink) {
+    return { fill: ink, fillOpacity: 0.9 };
+}
+/** How tall an edge handle is drawn, in pixels. */
+export const PARALLEL_HANDLE_HEIGHT = 3;
+/**
+ * The card over the row under the pointer.
+ * @param left - Where it sits, in pixels from the figure's left edge.
+ * @param top - Where it sits, in pixels from its top edge.
+ * @returns The card's rules.
+ */
+export function parallelTooltipStyle(left, top) {
+    return {
+        position: 'absolute',
+        zIndex: 5,
+        left,
+        top,
+        padding: '4px 8px',
+        borderRadius: 6,
+        background: TOKEN.text,
+        color: TOKEN.surface,
+        fontSize: 11,
+        fontVariantNumeric: 'tabular-nums',
+        lineHeight: 1.4,
+        pointerEvents: 'none',
+        whiteSpace: 'nowrap',
+        boxShadow: TOKEN.shadowMedium,
+    };
+}
+//# sourceMappingURL=parallelStyles.js.map

package/lib/parallel/ui/parallelStyles.js.map

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

package/lib/parallel/ui/useParallelAxisDrag.d.ts

@@ -0,0 +1,60 @@
+/**
+ * Dragging an axis by its name to stand somewhere else.
+ *
+ * Two columns only show their relationship when they are neighbours, so the
+ * order the axes stand in is a question the reader asks, not a decision the
+ * caller takes once. The name is the handle: it is the only part of an axis
+ * that is not already spoken for by the brush, and it is what a reader reaches
+ * for anyway.
+ *
+ * The gesture moves the name and nothing else. Reordering the axes for real
+ * would repaint every line on every frame, which a library of ten thousand
+ * molecules cannot afford — so the figure shows where the axis would land and
+ * moves it once, on release.
+ */
+import type { KeyboardEvent, PointerEvent } from 'react';
+import type { ParallelAxisLayout } from '../core/parallelAxes.ts';
+/** What {@link useParallelAxisDrag} needs. */
+export interface ParallelAxisDragOptions {
+    /** The axes, from left to right, already placed. */
+    layouts: readonly ParallelAxisLayout[];
+    /**
+     * Called with the axis ids in the order the reader put them in.
+     * @default undefined — the axes cannot be moved
+     */
+    onAxisOrder?: ((ids: readonly string[]) => void) | undefined;
+}
+/** The name being dragged, and where it would land. */
+export interface ParallelAxisDragState {
+    /** Which axis is moving, as an index into the axes. */
+    from: number;
+    /** How far its name has been dragged, in pixels. */
+    dx: number;
+    /** Which place it would take if let go now. */
+    to: number;
+}
+/** The reorder gesture, as the figure renders it. */
+export interface ParallelAxisDrag {
+    /** Whether the axes can be moved at all. */
+    enabled: boolean;
+    /** The name being dragged, or `null` when none is. */
+    active: ParallelAxisDragState | null;
+    /** Spread onto one axis's name. */
+    propsFor: (index: number) => ParallelAxisHandleProps;
+}
+/** What one axis name carries so it can be dragged and stepped with the keys. */
+export interface ParallelAxisHandleProps {
+    onPointerDown: (event: PointerEvent<HTMLElement>) => void;
+    onPointerMove: (event: PointerEvent<HTMLElement>) => void;
+    onPointerUp: (event: PointerEvent<HTMLElement>) => void;
+    onPointerCancel: (event: PointerEvent<HTMLElement>) => void;
+    onKeyDown: (event: KeyboardEvent<HTMLElement>) => void;
+    tabIndex: number;
+}
+/**
+ * Move an axis by dragging its name, or by stepping it with the arrow keys.
+ * @param options - See {@link ParallelAxisDragOptions}.
+ * @returns The gesture. See {@link ParallelAxisDrag}.
+ */
+export declare function useParallelAxisDrag(options: ParallelAxisDragOptions): ParallelAxisDrag;
+//# sourceMappingURL=useParallelAxisDrag.d.ts.map

package/lib/parallel/ui/useParallelAxisDrag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useParallelAxisDrag.d.ts","sourceRoot":"","sources":["../../../src/parallel/ui/useParallelAxisDrag.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAGzD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAOlE,8CAA8C;AAC9C,MAAM,WAAW,uBAAuB;IACtC,oDAAoD;IACpD,OAAO,EAAE,SAAS,kBAAkB,EAAE,CAAC;IACvC;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,SAAS,MAAM,EAAE,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CAC9D;AAED,uDAAuD;AACvD,MAAM,WAAW,qBAAqB;IACpC,uDAAuD;IACvD,IAAI,EAAE,MAAM,CAAC;IACb,oDAAoD;IACpD,EAAE,EAAE,MAAM,CAAC;IACX,+CAA+C;IAC/C,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,qDAAqD;AACrD,MAAM,WAAW,gBAAgB;IAC/B,4CAA4C;IAC5C,OAAO,EAAE,OAAO,CAAC;IACjB,sDAAsD;IACtD,MAAM,EAAE,qBAAqB,GAAG,IAAI,CAAC;IACrC,mCAAmC;IACnC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,uBAAuB,CAAC;CACtD;AAED,iFAAiF;AACjF,MAAM,WAAW,uBAAuB;IACtC,aAAa,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC1D,aAAa,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC1D,WAAW,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACxD,eAAe,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC5D,SAAS,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACvD,QAAQ,EAAE,MAAM,CAAC;CAClB;AAYD;;;;GAIG;AACH,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,uBAAuB,GAC/B,gBAAgB,CA2DlB"}

package/lib/parallel/ui/useParallelAxisDrag.js

@@ -0,0 +1,96 @@
+/**
+ * Dragging an axis by its name to stand somewhere else.
+ *
+ * Two columns only show their relationship when they are neighbours, so the
+ * order the axes stand in is a question the reader asks, not a decision the
+ * caller takes once. The name is the handle: it is the only part of an axis
+ * that is not already spoken for by the brush, and it is what a reader reaches
+ * for anyway.
+ *
+ * The gesture moves the name and nothing else. Reordering the axes for real
+ * would repaint every line on every frame, which a library of ten thousand
+ * molecules cannot afford — so the figure shows where the axis would land and
+ * moves it once, on release.
+ */
+import { useRef, useState } from 'react';
+import { parallelAxisOrder, parallelDropIndex, parallelMoveAxis, } from "../core/parallelOrder.js";
+/** A name that has not been dragged, and is not moving anything. */
+const IDLE = {
+    onPointerDown: noop,
+    onPointerMove: noop,
+    onPointerUp: noop,
+    onPointerCancel: noop,
+    onKeyDown: noop,
+    tabIndex: -1,
+};
+/**
+ * Move an axis by dragging its name, or by stepping it with the arrow keys.
+ * @param options - See {@link ParallelAxisDragOptions}.
+ * @returns The gesture. See {@link ParallelAxisDrag}.
+ */
+export function useParallelAxisDrag(options) {
+    const { layouts, onAxisOrder } = options;
+    const [active, setActive] = useState(null);
+    const originRef = useRef(0);
+    function move(from, to) {
+        if (onAxisOrder === undefined)
+            return;
+        const order = parallelAxisOrder(layouts);
+        if (to < 0 || to >= order.length || to === from)
+            return;
+        onAxisOrder(parallelMoveAxis(order, from, to));
+    }
+    function dropAt(from, dx) {
+        const layout = layouts[from];
+        if (layout === undefined)
+            return from;
+        return parallelDropIndex(layout.x + dx, layouts);
+    }
+    function propsFor(index) {
+        if (onAxisOrder === undefined)
+            return IDLE;
+        return {
+            tabIndex: 0,
+            onPointerDown: (event) => {
+                if (event.button !== 0)
+                    return;
+                event.preventDefault();
+                event.currentTarget.setPointerCapture(event.pointerId);
+                originRef.current = event.clientX;
+                setActive({ from: index, dx: 0, to: index });
+            },
+            onPointerMove: (event) => {
+                setActive((current) => {
+                    if (current?.from !== index)
+                        return current;
+                    const dx = event.clientX - originRef.current;
+                    return { from: index, dx, to: dropAt(index, dx) };
+                });
+            },
+            onPointerUp: (event) => {
+                event.currentTarget.releasePointerCapture?.(event.pointerId);
+                setActive((current) => {
+                    if (current !== null && current.from === index) {
+                        move(current.from, current.to);
+                    }
+                    return null;
+                });
+            },
+            onPointerCancel: () => {
+                setActive(null);
+            },
+            onKeyDown: (event) => {
+                const step = event.key === 'ArrowLeft' ? -1 : event.key === 'ArrowRight' ? 1 : 0;
+                if (step === 0)
+                    return;
+                event.preventDefault();
+                move(index, index + step);
+            },
+        };
+    }
+    return { enabled: onAxisOrder !== undefined, active, propsFor };
+}
+function noop() {
+    // A figure whose axes are fixed hands its names no handlers at all.
+}
+//# sourceMappingURL=useParallelAxisDrag.js.map

package/lib/parallel/ui/useParallelAxisDrag.js.map

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

package/lib/parallel/ui/useParallelCanvas.d.ts

@@ -0,0 +1,49 @@
+/**
+ * The two canvases, and when they are repainted.
+ *
+ * Two rather than one, because the mass of lines changes when the data or the
+ * brushes do, while the row under the pointer changes on every frame the
+ * pointer moves. Repainting ten thousand lines to move one highlight is the
+ * difference between a figure that follows the pointer and one that lags it.
+ */
+import type { RefObject } from 'react';
+import type { ParallelAxisLayout } from '../core/parallelAxes.ts';
+import type { ParallelHighlight } from '../core/parallelPaint.ts';
+import type { ParallelInkValues } from './parallelInk.ts';
+/** What {@link useParallelCanvas} needs. */
+export interface ParallelCanvasOptions {
+    /** Total width of the figure, in CSS pixels. */
+    width: number;
+    /** Its total height. */
+    height: number;
+    /** The axes, from left to right. */
+    layouts: readonly ParallelAxisLayout[];
+    /** Each axis's column, in the same order. */
+    values: ReadonlyArray<ArrayLike<number>>;
+    /** How many rows are drawn. */
+    count: number;
+    /** Which rows the brushes keep, or `null` when they keep every one. */
+    included: Uint8Array | null;
+    /** Which colour each row takes, or `null` when nothing is colouring them. */
+    steps: Uint8Array | null;
+    /** The colours a step indexes. */
+    palette: readonly string[];
+    /** The rows drawn over the mass, the last one on top. */
+    highlights: readonly ParallelHighlight[];
+    /** The colours to paint with. */
+    ink: ParallelInkValues;
+}
+/** The two canvases a figure stacks. */
+export interface ParallelCanvases {
+    /** The mass of lines, underneath. */
+    lines: RefObject<HTMLCanvasElement | null>;
+    /** The singled-out rows, over them. */
+    marks: RefObject<HTMLCanvasElement | null>;
+}
+/**
+ * Keep both canvases sized to the device pixel grid and painted.
+ * @param options - See {@link ParallelCanvasOptions}.
+ * @returns The two refs to hand to the `<canvas>` elements.
+ */
+export declare function useParallelCanvas(options: ParallelCanvasOptions): ParallelCanvases;
+//# sourceMappingURL=useParallelCanvas.d.ts.map

package/lib/parallel/ui/useParallelCanvas.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useParallelCanvas.d.ts","sourceRoot":"","sources":["../../../src/parallel/ui/useParallelCanvas.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAOlE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAE1D,4CAA4C;AAC5C,MAAM,WAAW,qBAAqB;IACpC,gDAAgD;IAChD,KAAK,EAAE,MAAM,CAAC;IACd,wBAAwB;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,oCAAoC;IACpC,OAAO,EAAE,SAAS,kBAAkB,EAAE,CAAC;IACvC,6CAA6C;IAC7C,MAAM,EAAE,aAAa,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC;IACzC,+BAA+B;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,uEAAuE;IACvE,QAAQ,EAAE,UAAU,GAAG,IAAI,CAAC;IAC5B,6EAA6E;IAC7E,KAAK,EAAE,UAAU,GAAG,IAAI,CAAC;IACzB,kCAAkC;IAClC,OAAO,EAAE,SAAS,MAAM,EAAE,CAAC;IAC3B,yDAAyD;IACzD,UAAU,EAAE,SAAS,iBAAiB,EAAE,CAAC;IACzC,iCAAiC;IACjC,GAAG,EAAE,iBAAiB,CAAC;CACxB;AAED,wCAAwC;AACxC,MAAM,WAAW,gBAAgB;IAC/B,qCAAqC;IACrC,KAAK,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IAC3C,uCAAuC;IACvC,KAAK,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;CAC5C;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,qBAAqB,GAC7B,gBAAgB,CA0ClB"}

package/lib/parallel/ui/useParallelCanvas.js

@@ -0,0 +1,58 @@
+/**
+ * The two canvases, and when they are repainted.
+ *
+ * Two rather than one, because the mass of lines changes when the data or the
+ * brushes do, while the row under the pointer changes on every frame the
+ * pointer moves. Repainting ten thousand lines to move one highlight is the
+ * difference between a figure that follows the pointer and one that lags it.
+ */
+import { useEffect, useRef } from 'react';
+import { paintParallelHighlights, paintParallelLines, preparePlotCanvas, } from "../core/parallelPaint.js";
+/**
+ * Keep both canvases sized to the device pixel grid and painted.
+ * @param options - See {@link ParallelCanvasOptions}.
+ * @returns The two refs to hand to the `<canvas>` elements.
+ */
+export function useParallelCanvas(options) {
+    const { width, height, layouts, values, count } = options;
+    const { included, steps, palette, highlights, ink } = options;
+    const lines = useRef(null);
+    const marks = useRef(null);
+    const { line, excluded, includedAlpha, halo } = ink;
+    useEffect(() => {
+        const context = preparePlotCanvas(lines.current, width, height);
+        if (context === null)
+            return;
+        paintParallelLines(context, {
+            layouts,
+            values,
+            count,
+            included,
+            steps,
+            palette,
+            line,
+            excluded,
+            includedAlpha,
+        });
+    }, [
+        width,
+        height,
+        layouts,
+        values,
+        count,
+        included,
+        steps,
+        palette,
+        line,
+        excluded,
+        includedAlpha,
+    ]);
+    useEffect(() => {
+        const context = preparePlotCanvas(marks.current, width, height);
+        if (context === null)
+            return;
+        paintParallelHighlights(context, { highlights, layouts, values, halo });
+    }, [width, height, highlights, layouts, values, halo]);
+    return { lines, marks };
+}
+//# sourceMappingURL=useParallelCanvas.js.map

package/lib/parallel/ui/useParallelCanvas.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useParallelCanvas.js","sourceRoot":"","sources":["../../../src/parallel/ui/useParallelCanvas.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAI1C,OAAO,EACL,uBAAuB,EACvB,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,0BAA0B,CAAC;AAoClC;;;;GAIG;AACH,MAAM,UAAU,iBAAiB,CAC/B,OAA8B;IAE9B,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC;IAC1D,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,GAAG,OAAO,CAAC;IAC9D,MAAM,KAAK,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAC9C,MAAM,KAAK,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAC9C,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,aAAa,EAAE,IAAI,EAAE,GAAG,GAAG,CAAC;IAEpD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,iBAAiB,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;QAChE,IAAI,OAAO,KAAK,IAAI;YAAE,OAAO;QAC7B,kBAAkB,CAAC,OAAO,EAAE;YAC1B,OAAO;YACP,MAAM;YACN,KAAK;YACL,QAAQ;YACR,KAAK;YACL,OAAO;YACP,IAAI;YACJ,QAAQ;YACR,aAAa;SACd,CAAC,CAAC;IACL,CAAC,EAAE;QACD,KAAK;QACL,MAAM;QACN,OAAO;QACP,MAAM;QACN,KAAK;QACL,QAAQ;QACR,KAAK;QACL,OAAO;QACP,IAAI;QACJ,QAAQ;QACR,aAAa;KACd,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,iBAAiB,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;QAChE,IAAI,OAAO,KAAK,IAAI;YAAE,OAAO;QAC7B,uBAAuB,CAAC,OAAO,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;IAC1E,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC;IAEvD,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;AAC1B,CAAC"}

package/lib/parallel/ui/useParallelGesture.d.ts

@@ -0,0 +1,72 @@
+/**
+ * One pointer over the whole figure, serving both the brush and the hover.
+ *
+ * A hook cannot be called inside a `map`, so a brush per axis would have to
+ * live in refs and be attached by hand; one surface that works out from the
+ * press which axis was grabbed has no such problem, and it gives the hover
+ * search the same once-a-frame coalescing the drag already pays for.
+ *
+ * The band follows the pointer live and the interval is reported on release
+ * only: a table filtering on the reported interval is asked to re-render once
+ * per gesture rather than sixty times a second.
+ */
+import type { MouseEvent as ReactMouseEvent } from 'react';
+import type { ScatterSurfaceProps } from '../../scatter/ui/lassoGesture.ts';
+import type { ParallelAxisLayout } from '../core/parallelAxes.ts';
+import type { ParallelBand } from '../core/parallelBrush.ts';
+import type { ParallelRange, ParallelRanges } from '../core/parallelTypes.ts';
+/** What {@link useParallelGesture} needs. */
+export interface ParallelGestureOptions {
+    /** The axes, from left to right. */
+    layouts: readonly ParallelAxisLayout[];
+    /** Each axis's column, in the same order. */
+    values: ReadonlyArray<ArrayLike<number>>;
+    /** How many rows are drawn. */
+    count: number;
+    /** Height of the drawing area, in pixels. */
+    innerHeight: number;
+    /** Which rows a brush keeps, so an excluded line cannot be pointed at. */
+    included: Uint8Array | null;
+    /** The intervals in force, whoever owns them. */
+    ranges: ParallelRanges;
+    /**
+     * Whether one axis may keep several intervals at once.
+     * @default false
+     */
+    several?: boolean | undefined;
+    /** Called when a brush is released, with every interval that axis now keeps. */
+    onRangeChange: (axisId: string, ranges: readonly ParallelRange[]) => void;
+    /** Called on every frame a band grows. */
+    onRangePreview?: ((axisId: string, ranges: readonly ParallelRange[]) => void) | undefined;
+    /** The row the caller says is hovered, if it owns that. */
+    hovered?: number | undefined;
+    /** Called with the row under the pointer, or `-1`. */
+    onHoverChange?: ((index: number) => void) | undefined;
+    /** Called when a line is clicked, with the row, or `-1` for empty ground. */
+    onRowClick?: ((index: number) => void) | undefined;
+}
+/** The gesture, as the figure renders it. */
+export interface ParallelGesture {
+    /** Spread onto the transparent rectangle laid over the figure. */
+    surface: ScatterSurfaceProps;
+    /** Put on the same rectangle, for the click that picks a line. */
+    onClick: (event: ReactMouseEvent<Element>) => void;
+    /** The bands to draw on each axis, the one being dragged included. */
+    bands: ReadonlyMap<string, ParallelBand[]>;
+    /** The row under the pointer, or `-1`. */
+    hovered: number;
+    /** Where the pointer is in the figure, or `null` when it is away. */
+    pointer: {
+        x: number;
+        y: number;
+    } | null;
+    /** Whether a band is being dragged right now. */
+    brushing: boolean;
+}
+/**
+ * The brush and the hover, over one surface.
+ * @param options - See {@link ParallelGestureOptions}.
+ * @returns The gesture. See {@link ParallelGesture}.
+ */
+export declare function useParallelGesture(options: ParallelGestureOptions): ParallelGesture;
+//# sourceMappingURL=useParallelGesture.d.ts.map

package/lib/parallel/ui/useParallelGesture.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useParallelGesture.d.ts","sourceRoot":"","sources":["../../../src/parallel/ui/useParallelGesture.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,EAAE,UAAU,IAAI,eAAe,EAAE,MAAM,OAAO,CAAC;AAG3D,OAAO,KAAK,EACV,mBAAmB,EAEpB,MAAM,kCAAkC,CAAC;AAE1C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAElE,OAAO,KAAK,EAAE,YAAY,EAAqB,MAAM,0BAA0B,CAAC;AAQhF,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAW9E,6CAA6C;AAC7C,MAAM,WAAW,sBAAsB;IACrC,oCAAoC;IACpC,OAAO,EAAE,SAAS,kBAAkB,EAAE,CAAC;IACvC,6CAA6C;IAC7C,MAAM,EAAE,aAAa,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC;IACzC,+BAA+B;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,WAAW,EAAE,MAAM,CAAC;IACpB,0EAA0E;IAC1E,QAAQ,EAAE,UAAU,GAAG,IAAI,CAAC;IAC5B,iDAAiD;IACjD,MAAM,EAAE,cAAc,CAAC;IACvB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,gFAAgF;IAChF,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,aAAa,EAAE,KAAK,IAAI,CAAC;IAC1E,0CAA0C;IAC1C,cAAc,CAAC,EACb,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,aAAa,EAAE,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC3E,2DAA2D;IAC3D,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,sDAAsD;IACtD,aAAa,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACtD,6EAA6E;IAC7E,UAAU,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CACpD;AAED,6CAA6C;AAC7C,MAAM,WAAW,eAAe;IAC9B,kEAAkE;IAClE,OAAO,EAAE,mBAAmB,CAAC;IAC7B,kEAAkE;IAClE,OAAO,EAAE,CAAC,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IACnD,sEAAsE;IACtE,KAAK,EAAE,WAAW,CAAC,MAAM,EAAE,YAAY,EAAE,CAAC,CAAC;IAC3C,0CAA0C;IAC1C,OAAO,EAAE,MAAM,CAAC;IAChB,qEAAqE;IACrE,OAAO,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IACzC,iDAAiD;IACjD,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,sBAAsB,GAC9B,eAAe,CAmJjB"}