react-cheminfo 0.37.0 → 0.38.0

package/lib/seo/vite/prerender.js.map

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

package/lib/ui.d.ts

@@ -24,6 +24,7 @@ export * from './parallel/ui/index.ts';
 export * from './pedagogy/ui/index.ts';
 export * from './periodic/ui/index.ts';
 export * from './projection/ui/index.ts';
+export * from './range/ui/index.ts';
 export * from './router/ui/index.ts';
 export * from './scatter/ui/index.ts';
 export * from './scatter3d/ui/index.ts';

package/lib/ui.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ui.d.ts","sourceRoot":"","sources":["../src/ui.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AAKrC,YAAY,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AAC7E,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,YAAY,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAC1E,OAAO,EACL,uBAAuB,EACvB,cAAc,EACd,eAAe,GAChB,MAAM,oCAAoC,CAAC"}
+{"version":3,"file":"ui.d.ts","sourceRoot":"","sources":["../src/ui.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AAKrC,YAAY,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AAC7E,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,YAAY,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAC1E,OAAO,EACL,uBAAuB,EACvB,cAAc,EACd,eAAe,GAChB,MAAM,oCAAoC,CAAC"}

package/lib/ui.js

@@ -24,6 +24,7 @@ export * from "./parallel/ui/index.js";
 export * from "./pedagogy/ui/index.js";
 export * from "./periodic/ui/index.js";
 export * from "./projection/ui/index.js";
+export * from "./range/ui/index.js";
 export * from "./router/ui/index.js";
 export * from "./scatter/ui/index.js";
 export * from "./scatter3d/ui/index.js";

package/lib/ui.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui.js","sourceRoot":"","sources":["../src/ui.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AAMrC,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAmC,CAAC;AAEnE,OAAO,EACL,uBAAuB,EACvB,cAAc,EACd,eAAe,GAChB,MAAM,oCAAoC,CAAC"}
+{"version":3,"file":"ui.js","sourceRoot":"","sources":["../src/ui.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AAMrC,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAmC,CAAC;AAEnE,OAAO,EACL,uBAAuB,EACvB,cAAc,EACd,eAAe,GAChB,MAAM,oCAAoC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-cheminfo",
-  "version": "0.37.0",
+  "version": "0.38.0",
   "license": "MIT",
   "description": "React components, hooks and framework-free helpers shared by the cheminfo sites: site chrome, citations, sharing, routing, pedagogy, charts, and the structure, orbital and 3D molecule viewers",
   "author": "Luc Patiny",

package/src/core.ts

@@ -21,6 +21,7 @@ export * from './parallel/core/index.ts';
 export * from './pedagogy/core/index.ts';
 export * from './periodic/core/index.ts';
 export * from './projection/core/index.ts';
+export * from './range/core/index.ts';
 export * from './router/core/index.ts';
 export * from './scatter/core/index.ts';
 export * from './scatter3d/core/index.ts';

package/src/locales/de.json

@@ -459,5 +459,13 @@
   "molecule3d.input.clickBackground": "Den Hintergrund anklicken",
   "molecule3d.helpNote": "Die Tasten wirken, solange der Zeiger über dem Molekül ist. Auf dem Mac ist Ctrl die Control-Taste, nicht ⌘. Bei eingeschaltetem Messwerkzeug wählt ein Klick ein Atom.",
   "number.increment": "Erhöhen",
-  "number.decrement": "Verringern"
+  "number.decrement": "Verringern",
+  "range.lowest": "{label}, Minimum",
+  "range.highest": "{label}, Maximum",
+  "range.lowestIs": "{label}, Minimum: {value}",
+  "range.highestIs": "{label}, Maximum: {value}",
+  "range.noLowerBound": "{label}: keine Untergrenze",
+  "range.noUpperBound": "{label}: keine Obergrenze",
+  "range.typeValue": "Klicken, um einen Wert einzugeben",
+  "range.clear": "{label} zurücksetzen"
 }

package/src/locales/en.json

@@ -459,5 +459,13 @@
   "conformers.strategyDetail.likely-systematic": "Walks the torsion combinations in decreasing likelihood, so the first conformers are the most probable ones and the set is reproducible.",
   "conformers.minimisation.none": "None (no energies)",
   "number.increment": "Increase",
-  "number.decrement": "Decrease"
+  "number.decrement": "Decrease",
+  "range.lowest": "{label}, lowest",
+  "range.highest": "{label}, highest",
+  "range.lowestIs": "{label}, lowest: {value}",
+  "range.highestIs": "{label}, highest: {value}",
+  "range.noLowerBound": "{label}: no lower bound",
+  "range.noUpperBound": "{label}: no upper bound",
+  "range.typeValue": "Click to type a value",
+  "range.clear": "Clear {label}"
 }

package/src/locales/es.json

@@ -459,5 +459,13 @@
   "molecule3d.input.clickBackground": "Hacer clic en el fondo",
   "molecule3d.helpNote": "Las teclas actúan mientras el puntero está sobre la molécula. En un Mac, Ctrl es la tecla Control, no ⌘. Con una herramienta de medida activa, un clic elige un átomo.",
   "number.increment": "Aumentar",
-  "number.decrement": "Disminuir"
+  "number.decrement": "Disminuir",
+  "range.lowest": "{label}, mínimo",
+  "range.highest": "{label}, máximo",
+  "range.lowestIs": "{label}, mínimo: {value}",
+  "range.highestIs": "{label}, máximo: {value}",
+  "range.noLowerBound": "{label}: sin límite inferior",
+  "range.noUpperBound": "{label}: sin límite superior",
+  "range.typeValue": "Haga clic para escribir un valor",
+  "range.clear": "Borrar {label}"
 }

package/src/locales/fr.json

@@ -459,5 +459,13 @@
   "molecule3d.input.clickBackground": "Cliquer le fond",
   "molecule3d.helpNote": "Les touches agissent tant que le pointeur est sur la molécule. Sur un Mac, Ctrl est la touche Contrôle, pas ⌘. Avec un outil de mesure actif, un clic choisit un atome.",
   "number.increment": "Augmenter",
-  "number.decrement": "Diminuer"
+  "number.decrement": "Diminuer",
+  "range.lowest": "{label}, minimum",
+  "range.highest": "{label}, maximum",
+  "range.lowestIs": "{label}, minimum : {value}",
+  "range.highestIs": "{label}, maximum : {value}",
+  "range.noLowerBound": "{label} : pas de borne inférieure",
+  "range.noUpperBound": "{label} : pas de borne supérieure",
+  "range.typeValue": "Cliquer pour saisir une valeur",
+  "range.clear": "Effacer {label}"
 }

package/src/locales/it.json

@@ -459,5 +459,13 @@
   "conformers.strategyDetail.likely-systematic": "Percorre le combinazioni di torsioni per probabilità decrescente, così i primi conformeri sono i più probabili e l'insieme è riproducibile.",
   "conformers.minimisation.none": "Nessuna (senza energie)",
   "number.increment": "Aumenta",
-  "number.decrement": "Diminuisci"
+  "number.decrement": "Diminuisci",
+  "range.lowest": "{label}, minimo",
+  "range.highest": "{label}, massimo",
+  "range.lowestIs": "{label}, minimo: {value}",
+  "range.highestIs": "{label}, massimo: {value}",
+  "range.noLowerBound": "{label}: nessun limite inferiore",
+  "range.noUpperBound": "{label}: nessun limite superiore",
+  "range.typeValue": "Fai clic per inserire un valore",
+  "range.clear": "Cancella {label}"
 }

package/src/number/core/index.ts

@@ -2,5 +2,6 @@ export {
   isPartialNumber,
   numberText,
   readNumber,
+  snapToStep,
   stepNumber,
 } from './numberText.ts';

package/src/number/core/numberText.ts

@@ -78,6 +78,26 @@ export function stepNumber(value: number, delta: number): number {
   return Math.round(moved * factor) / factor;
 }
 
+/**
+ * A number moved onto the grid of steps laid from an origin.
+ *
+ * Rounded to the decimals the step and the origin carry, for the reason
+ * {@link stepNumber} is: a slider dragged in steps of `0.1` must report `0.3`,
+ * because that is what ends up written in the link.
+ * @param value - Where the number is now.
+ * @param step - The spacing of the grid. A step that is not above zero leaves
+ * the number where it is.
+ * @param origin - A point the grid passes through. Defaults to `0`.
+ * @returns The grid point nearest the number.
+ */
+export function snapToStep(value: number, step: number, origin = 0): number {
+  if (!(step > 0) || !Number.isFinite(value)) return value;
+  const snapped = origin + Math.round((value - origin) / step) * step;
+  const decimals = Math.max(decimalsOf(step), decimalsOf(origin));
+  const factor = 10 ** decimals;
+  return Math.round(snapped * factor) / factor;
+}
+
 /**
  * How many decimals a number is written with.
  * @param value - The number.

package/src/range/core/index.ts

@@ -0,0 +1,11 @@
+export type { RangeBounds, RangeDomain, RangeHandles } from './rangeBounds.ts';
+export {
+  OPEN_RANGE,
+  isRangeBounded,
+  isRangeDomain,
+  movedRange,
+  rangeHandles,
+  sameRange,
+  settleHandles,
+} from './rangeBounds.ts';
+export { rangeHistogramPath } from './rangeHistogram.ts';

package/src/range/core/rangeBounds.ts

@@ -0,0 +1,143 @@
+/**
+ * What a range filter keeps, and how its two handles map to it.
+ *
+ * A filter is two bounds, either of which may be left open. A handle parked at
+ * the end of the track is an open side rather than a bound at the track's end,
+ * because the track only covers the values the page knows about: a molecule
+ * heavier than the heaviest one in the statistics must not be cut by a filter
+ * nobody touched.
+ */
+
+import { clamp } from '../../format/core/clamp.ts';
+import { snapToStep } from '../../number/core/numberText.ts';
+
+/** A lowest and a highest value kept, either of which may be left open. */
+export interface RangeBounds {
+  /** The lowest value kept, or `null` when nothing is cut from below. */
+  readonly min: number | null;
+  /** The highest value kept, or `null` when nothing is cut from above. */
+  readonly max: number | null;
+}
+
+/** The two ends of a slider's track, low first. */
+export type RangeDomain = readonly [number, number];
+
+/** Where the two handles of a slider stand, low first. */
+export type RangeHandles = readonly [number, number];
+
+/** A range that keeps everything. */
+export const OPEN_RANGE: RangeBounds = Object.freeze({ min: null, max: null });
+
+/**
+ * Whether a range cuts anything at all.
+ * @param range - The range.
+ * @returns Whether either side carries a bound.
+ */
+export function isRangeBounded(range: RangeBounds): boolean {
+  return range.min !== null || range.max !== null;
+}
+
+/**
+ * Whether two ranges keep the same values.
+ * @param left - One range.
+ * @param right - The other.
+ * @returns Whether both sides agree, an open side matching only an open side.
+ */
+export function sameRange(left: RangeBounds, right: RangeBounds): boolean {
+  return Object.is(left.min, right.min) && Object.is(left.max, right.max);
+}
+
+/**
+ * Whether a track can be drawn: two finite ends, the high one above the low.
+ * Statistics that have not arrived yet are usually a track of `[0, 0]`.
+ * @param domain - The two ends.
+ * @returns Whether a slider can be laid along it.
+ */
+export function isRangeDomain(domain: RangeDomain): boolean {
+  const [low, high] = domain;
+  return Number.isFinite(low) && Number.isFinite(high) && high > low;
+}
+
+/**
+ * Where the handles stand for a range: an open side at the end of the track,
+ * and a bound past the track held at its end.
+ * @param range - The range.
+ * @param domain - The track, already checked with {@link isRangeDomain}.
+ * @returns The two handle positions, low first.
+ */
+export function rangeHandles(
+  range: RangeBounds,
+  domain: RangeDomain,
+): RangeHandles {
+  const [low, high] = domain;
+  const start = range.min === null ? low : clamp(range.min, low, high);
+  const end = range.max === null ? high : clamp(range.max, low, high);
+  return start <= end ? [start, end] : [end, start];
+}
+
+/**
+ * The range two handles stand for once they have moved.
+ *
+ * Only a handle that moved changes its side. A bound past the end of the track
+ * sits at that end, and dragging the other handle must not turn it into an
+ * open side; a handle the reader took to the end of the track, on the other
+ * hand, opens its side.
+ * @param from - The range before the handles moved.
+ * @param handles - Where the handles are now.
+ * @param domain - The track.
+ * @returns The range the reader asked for.
+ */
+export function movedRange(
+  from: RangeBounds,
+  handles: RangeHandles,
+  domain: RangeDomain,
+): RangeBounds {
+  const [low, high] = domain;
+  const [start, end] = rangeHandles(from, domain);
+  return {
+    min:
+      handles[0] === start ? from.min : handles[0] <= low ? null : handles[0],
+    max: handles[1] === end ? from.max : handles[1] >= high ? null : handles[1],
+  };
+}
+
+/**
+ * Where handles settle while they are dragged: a moved handle onto the step
+ * grid laid from the low end of the track, an untouched one where it stood.
+ *
+ * Snapping the untouched handle too would move a bound the reader typed, say
+ * `1.23` on a track stepped by `0.5`, the moment the other handle is dragged.
+ * The ends of the track are kept even when they are off the grid, since an end
+ * is what opens a side.
+ * @param next - Where the slider reports the handles.
+ * @param from - The range before the drag started.
+ * @param step - The grid spacing.
+ * @param domain - The track.
+ * @returns The handle positions to draw and to report.
+ */
+export function settleHandles(
+  next: RangeHandles,
+  from: RangeBounds,
+  step: number,
+  domain: RangeDomain,
+): RangeHandles {
+  const [start, end] = rangeHandles(from, domain);
+  return [
+    next[0] === start ? start : snapHandle(next[0], step, domain),
+    next[1] === end ? end : snapHandle(next[1], step, domain),
+  ];
+}
+
+/**
+ * One handle moved onto the step grid, the ends of the track kept as they are.
+ * @param value - Where the handle was dropped.
+ * @param step - The grid spacing.
+ * @param domain - The track.
+ * @returns The position the handle settles on.
+ */
+function snapHandle(value: number, step: number, domain: RangeDomain): number {
+  const [low, high] = domain;
+  if (value <= low) return low;
+  if (value >= high) return high;
+  return clamp(snapToStep(value, step, low), low, high);
+}

package/src/range/core/rangeHistogram.ts

@@ -0,0 +1,38 @@
+/**
+ * The outline of a histogram whose bins split the track into equal widths, as
+ * SVG path data in a box one unit wide and one unit tall.
+ *
+ * One stepped outline rather than a rectangle per bin: adjacent rectangles
+ * leave a hairline seam between them wherever their shared edge falls between
+ * two pixels, and a thousand bins would be two thousand elements.
+ * @param counts - One count per bin, from the low end of the track.
+ * @returns The path data, the tallest bin reaching the top; empty when nothing
+ * was counted.
+ */
+export function rangeHistogramPath(counts: ArrayLike<number>): string {
+  const bins = counts.length;
+  let tallest = 0;
+  for (let index = 0; index < bins; index++) {
+    const count = counts[index] as number;
+    if (count > tallest) tallest = count;
+  }
+  if (tallest <= 0) return '';
+
+  let path = 'M0 1';
+  for (let index = 0; index < bins; index++) {
+    const count = counts[index] as number;
+    const height = count > 0 ? count / tallest : 0;
+    path += `V${trim(1 - height)}H${trim((index + 1) / bins)}`;
+  }
+  return `${path}V1Z`;
+}
+
+/**
+ * A coordinate written with the five decimals a box of a few hundred pixels
+ * can use.
+ * @param value - The coordinate.
+ * @returns Its text.
+ */
+function trim(value: number): string {
+  return String(Math.round(value * 1e5) / 1e5);
+}

package/src/range/ui/RangeHistogram.tsx

@@ -0,0 +1,49 @@
+import type { ReactElement } from 'react';
+import { useId, useMemo } from 'react';
+
+import { rangeHistogramPath } from '../core/rangeHistogram.ts';
+
+/** What the histogram over a range slider needs. */
+export interface RangeHistogramProps {
+  /** One count per bin, the bins splitting the track into equal widths. */
+  counts: ArrayLike<number>;
+  /** Where the kept part starts, as a fraction of the track. */
+  start: number;
+  /** Where it ends. */
+  end: number;
+}
+
+/**
+ * How the values are spread along the track, the part the handles keep drawn
+ * in the brand colour. The outline is drawn twice, the second copy clipped to
+ * the handles, so a drag moves one rectangle and the outline is never redrawn.
+ * @param props - See {@link RangeHistogramProps}.
+ * @returns The histogram, hidden from a screen reader: the values under the
+ * track already say what it keeps.
+ */
+export function RangeHistogram(props: RangeHistogramProps): ReactElement {
+  const { counts, start, end } = props;
+  const clip = `range-histogram-${useId().replaceAll(/\W/g, '')}`;
+  const outline = useMemo(() => rangeHistogramPath(counts), [counts]);
+
+  return (
+    <svg
+      className="range-slider__histogram"
+      viewBox="0 0 1 1"
+      preserveAspectRatio="none"
+      aria-hidden="true"
+    >
+      <defs>
+        <clipPath id={clip}>
+          <rect x={start} y={0} width={Math.max(end - start, 0)} height={1} />
+        </clipPath>
+      </defs>
+      <path className="range-slider__bars" d={outline} />
+      <path
+        className="range-slider__bars range-slider__bars--kept"
+        d={outline}
+        clipPath={`url(#${clip})`}
+      />
+    </svg>
+  );
+}

package/src/range/ui/RangeSlider.tsx

@@ -0,0 +1,209 @@
+import type { NumberRange } from '@blueprintjs/core';
+import { Button, RangeSlider as BlueprintRangeSlider } from '@blueprintjs/core';
+import type { ReactElement } from 'react';
+import { useState } from 'react';
+
+import { useChromeT } from '../../i18n/ui/useT.ts';
+import { numberText } from '../../number/core/numberText.ts';
+import { joinClassNames } from '../../shared/ui/joinClassNames.ts';
+import type {
+  RangeBounds,
+  RangeDomain,
+  RangeHandles,
+} from '../core/rangeBounds.ts';
+import {
+  OPEN_RANGE,
+  isRangeBounded,
+  isRangeDomain,
+  movedRange,
+  rangeHandles,
+  sameRange,
+  settleHandles,
+} from '../core/rangeBounds.ts';
+
+import { RangeHistogram } from './RangeHistogram.tsx';
+import { RangeValue } from './RangeValue.tsx';
+
+/** What a `RangeSlider` needs. */
+export interface RangeSliderProps {
+  /** The quantity bounded, written over the track and read to a screen reader. */
+  label: string;
+  /**
+   * The unit written after the label, e.g. `g/mol`.
+   * @default undefined — nothing is written
+   */
+  unit?: string;
+  /**
+   * The two ends of the track, low first: usually the smallest and largest
+   * value the data holds. A handle at an end leaves that side open, so a value
+   * past the track is never cut by a filter nobody touched.
+   */
+  domain: RangeDomain;
+  /** The range in force; a `null` side is open. */
+  value: RangeBounds;
+  /**
+   * Called when the range settles: a handle released, a value typed, the range
+   * cleared. Never while a handle is being dragged, so a page fetching on it
+   * fetches once per gesture.
+   */
+  onChange: (range: RangeBounds) => void;
+  /**
+   * Called on every step of a drag, for what is cheap to redraw live — a count,
+   * a heatmap computed in the page. Nothing that fetches belongs here.
+   * @default undefined
+   */
+  onPreview?: (range: RangeBounds) => void;
+  /**
+   * The spacing the handles move by, from the low end of the track. Typed
+   * values are not held to it.
+   * @default 1
+   */
+  step?: number;
+  /**
+   * Whether only whole numbers can be typed. A typed decimal is rounded.
+   * @default false
+   */
+  integer?: boolean;
+  /**
+   * How a value is written under the track.
+   * @default the number as it is, with no grouping — a year is not `1,990`
+   */
+  format?: (value: number) => string;
+  /**
+   * How the values are spread along the track: one count per bin, the bins
+   * splitting the track into equal widths. Drawn over the track, the part the
+   * handles keep in the brand colour.
+   * @default undefined — no histogram
+   */
+  histogram?: ArrayLike<number>;
+  /** @default false */
+  disabled?: boolean;
+  /** @default undefined */
+  className?: string;
+  /**
+   * Value of the `data-testid` attribute of the wrapper.
+   * @default undefined
+   */
+  testId?: string;
+}
+
+/** The range before a drag began, and where its handles are now. */
+interface Drag {
+  from: RangeBounds;
+  handles: RangeHandles;
+}
+
+/**
+ * A range picked with two handles, its two values written under the track
+ * where a click turns either into a box to type an exact number.
+ *
+ * The handles are Blueprint's — the keyboard, the touch screen and the
+ * screen reader are already handled there — dressed in the family's colours.
+ * What this adds is the meaning of an end: a handle parked at the end of the
+ * track is an open side, not a bound at the track's end.
+ * @param props - See {@link RangeSliderProps}.
+ * @returns The label, the track and the two values.
+ */
+export function RangeSlider(props: RangeSliderProps): ReactElement {
+  const { label, unit, domain, value, onChange, onPreview } = props;
+  const { step = 1, integer = false, format = numberText } = props;
+  const { histogram, disabled = false, className, testId } = props;
+  const t = useChromeT();
+  const [drag, setDrag] = useState<Drag | null>(null);
+  const [editing, setEditing] = useState<'min' | 'max' | null>(null);
+  const spacing = step > 0 ? step : 1;
+  const drawable = isRangeDomain(domain);
+  const handles = drag?.handles ?? rangeHandles(value, domain);
+  const shown = drag === null ? value : movedRange(drag.from, handles, domain);
+
+  function move(next: NumberRange) {
+    const from = drag?.from ?? value;
+    const settled = settleHandles(next, from, spacing, domain);
+    setDrag({ from, handles: settled });
+    onPreview?.(movedRange(from, settled, domain));
+  }
+
+  function release(next: NumberRange) {
+    const from = drag?.from ?? value;
+    const settled = settleHandles(next, from, spacing, domain);
+    const range = movedRange(from, settled, domain);
+    setDrag(null);
+    if (!sameRange(range, from)) onChange(range);
+  }
+
+  function type(side: 'min' | 'max', typed: number | undefined) {
+    const range = { ...value, [side]: typed ?? null };
+    if (!sameRange(range, value)) onChange(range);
+  }
+
+  return (
+    <div
+      className={joinClassNames('range-slider', className)}
+      data-testid={testId}
+    >
+      <div className="range-slider__head">
+        <span className="range-slider__label">
+          {label}
+          {unit ? <span className="range-slider__unit"> ({unit})</span> : null}
+        </span>
+        {isRangeBounded(value) && !disabled ? (
+          <Button
+            variant="minimal"
+            size="small"
+            icon="cross"
+            aria-label={t('range.clear', { label })}
+            title={t('range.clear', { label })}
+            onClick={() => onChange(OPEN_RANGE)}
+          />
+        ) : null}
+      </div>
+      {drawable ? (
+        <div className="range-slider__track">
+          {histogram === undefined ? null : (
+            <RangeHistogram
+              counts={histogram}
+              start={(handles[0] - domain[0]) / (domain[1] - domain[0])}
+              end={(handles[1] - domain[0]) / (domain[1] - domain[0])}
+            />
+          )}
+          <BlueprintRangeSlider
+            min={domain[0]}
+            max={domain[1]}
+            stepSize={spacing}
+            labelRenderer={false}
+            disabled={disabled}
+            value={[handles[0], handles[1]]}
+            handleHtmlProps={{
+              start: { 'aria-label': t('range.lowest', { label }) },
+              end: { 'aria-label': t('range.highest', { label }) },
+            }}
+            onChange={move}
+            onRelease={release}
+          />
+        </div>
+      ) : null}
+      <div className="range-slider__values">
+        {(['min', 'max'] as const).map((side) => (
+          <RangeValue
+            key={side}
+            side={side}
+            bound={shown[side]}
+            end={side === 'min' ? domain[0] : domain[1]}
+            label={label}
+            format={format}
+            limit={side === 'min' ? value.max : value.min}
+            step={spacing}
+            integer={integer}
+            disabled={disabled}
+            editing={editing === side}
+            onEdit={() => setEditing(side)}
+            onDone={(typed, cancelled) => {
+              setEditing(null);
+              if (!cancelled) type(side, typed);
+            }}
+          />
+        ))}
+      </div>
+    </div>
+  );
+}