@carto/ps-react-ui 4.8.0 → 4.9.0

package/src/widgets-v2/table/style.ts

@@ -5,12 +5,9 @@ export const styles = {
     width: '100%',
     overflowX: 'auto',
   },
-  /**
-   * Minimum table width so columns don't collapse to unreadable widths on
-   * narrow widget shells. Mirrors v1.
-   */
+
   table: {
-    minWidth: 650,
+    minWidth: 0,
   },
   headerCell: {
     fontWeight: 600,

package/src/widgets-v2/table/table-ui.tsx

@@ -1,4 +1,4 @@
-import { useMemo } from 'react'
+import { useCallback, useMemo } from 'react'
 import {
   Box,
   Checkbox,
@@ -38,6 +38,12 @@ export interface TableUIProps<T extends TableRow = TableRow> {
   pageSize: number
   pageSizeOptions?: readonly number[]
   sort?: TableSortState
+  /**
+   * Column name to use as the row identity. Drives selection lookup,
+   * React keys, and aria labels. Defaults to `'id'` — point it at
+   * another column when your rows don't carry an `id` field.
+   */
+  keyColumn?: string
   /** Selected row ids. Destination-owned. */
   selection?: readonly (string | number)[]
   selectable?: boolean
@@ -71,6 +77,7 @@ export function TableUI<T extends TableRow = TableRow>({
   pageSize,
   pageSizeOptions = DEFAULT_TABLE_PAGE_SIZE_OPTIONS,
   sort,
+  keyColumn = 'id',
   selection,
   selectable = false,
   onSortChange,
@@ -83,6 +90,20 @@ export function TableUI<T extends TableRow = TableRow>({
   emptyContent,
   size,
 }: TableUIProps<T>) {
+  if (process.env.NODE_ENV !== 'production') {
+    // Dev-time guard: a nullish identity collapses every row into the
+    // same selection-set entry, which manifests as "click one → all
+    // appear selected". Surface it loudly instead of silently degrading.
+    const missing = rows.some((r) => r[keyColumn] == null)
+    if (missing) {
+      // eslint-disable-next-line no-console
+      console.error(
+        `<TableUI>: rows are missing the identity column \`${keyColumn}\`. ` +
+          'Set the `keyColumn` prop to a column present on every row, or ' +
+          'add the column to the data.',
+      )
+    }
+  }
   const _labels = useMemo(
     () => ({ ...DEFAULT_TABLE_LABELS, ...labels }),
     [labels],
@@ -106,7 +127,18 @@ export function TableUI<T extends TableRow = TableRow>({
     () => new Set<string | number>(selection ?? []),
     [selection],
   )
-  const pageRowIds = useMemo(() => rows.map((r) => r.id), [rows])
+  // Resolve each row's identity from `keyColumn`, falling back to the row's
+  // index when the cell is nullish. The dev-time guard above surfaces the
+  // misconfiguration loudly, but in production we must NOT collapse every
+  // nullish-keyed row into the same selection-set entry (that's the
+  // "click one → all selected" bug) — a per-index fallback keeps ids
+  // distinct and React keys stable for a given page.
+  const resolveRowId = useCallback(
+    (row: T, index: number): string | number =>
+      (row[keyColumn] ?? index) as string | number,
+    [keyColumn],
+  )
+  const pageRowIds = useMemo(() => rows.map(resolveRowId), [rows, resolveRowId])
   const allOnPageSelected =
     pageRowIds.length > 0 && pageRowIds.every((id) => selectionSet.has(id))
   const someOnPageSelected =
@@ -197,11 +229,12 @@ export function TableUI<T extends TableRow = TableRow>({
                 </TableCell>
               </MuiTableRow>
             ) : (
-              rows.map((row) => {
-                const isSelected = selectionSet.has(row.id)
+              rows.map((row, index) => {
+                const rowId = resolveRowId(row, index)
+                const isSelected = selectionSet.has(rowId)
                 return (
                   <MuiTableRow
-                    key={row.id}
+                    key={rowId}
                     hover
                     selected={isSelected}
                     onClick={() => onRowClick?.(row)}
@@ -218,10 +251,10 @@ export function TableUI<T extends TableRow = TableRow>({
                           checked={isSelected}
                           onClick={(e) => {
                             e.stopPropagation()
-                            handleSelectRow(row.id)
+                            handleSelectRow(rowId)
                           }}
                           inputProps={{
-                            'aria-label': _labels.selectRow(row.id),
+                            'aria-label': _labels.selectRow(rowId),
                           }}
                         />
                       </TableCell>

package/src/widgets-v2/table/table.tsx

@@ -17,7 +17,12 @@ import { deriveVisibleRows, resolveColumns } from './helpers'
 
 export interface TableProps<T extends TableRow = TableRow> extends Pick<
   TableUIProps<T>,
-  'pageSizeOptions' | 'selectable' | 'labels' | 'emptyContent' | 'size'
+  | 'pageSizeOptions'
+  | 'selectable'
+  | 'labels'
+  | 'emptyContent'
+  | 'size'
+  | 'keyColumn'
 > {
   /**
    * Column definitions. Order can be overridden by ChangeColumn via the

package/src/widgets-v2/table/types.ts

@@ -1,9 +1,20 @@
 import type { ReactNode } from 'react'
 import type { WidgetState } from '../stores'
 
-/** Single row of tabular data. Must have an `id` for selection / keying. */
+/**
+ * Single row of tabular data.
+ *
+ * The default row-identity column is `id`. Consumers that don't have a
+ * literal `id` field can point `<Table>` / `<TableUI>` at a different
+ * column via the `keyColumn` prop; the library reads `row[keyColumn]`
+ * for selection lookup, React keys, and aria labels.
+ */
 export interface TableRow extends Record<string, unknown> {
-  id: string | number
+  /**
+   * Default row identity. Required when no `keyColumn` is configured.
+   * Omit when wiring `keyColumn` to a different column.
+   */
+  id?: string | number
 }
 
 export type TableWidgetData = readonly TableRow[]

package/src/widgets-v2/timeseries/options.test.ts

@@ -194,10 +194,10 @@ describe('createTimeseriesOptionFactory', () => {
     expect(multi.grid.bottom).toBe(56)
   })
 
-  it('uses seriesNames for series.name when provided', () => {
+  it('uses series[i].name for series.name when provided', () => {
     const merge = createTimeseriesOptionFactory({
       theme,
-      seriesNames: ['2024', '2025'],
+      series: [{ name: '2024' }, { name: '2025' }],
     })
     const out = merge({}, [
       [{ name: 'a', value: 1 }],
@@ -207,6 +207,21 @@ describe('createTimeseriesOptionFactory', () => {
     expect(out.series[1]?.name).toBe('2025')
   })
 
+  it('applies series[i].color as both root color and lineStyle.color', () => {
+    const merge = createTimeseriesOptionFactory({
+      theme,
+      series: [{ name: '2024', color: '#ff0000' }, { name: '2025' }],
+    })
+    const out = merge({}, [
+      [{ name: 'a', value: 1 }],
+      [{ name: 'a', value: 2 }],
+    ]) as { series: { color?: string; lineStyle?: { color?: string } }[] }
+    expect(out.series[0]?.color).toBe('#ff0000')
+    expect(out.series[0]?.lineStyle?.color).toBe('#ff0000')
+    expect(out.series[1]?.color).toBeUndefined()
+    expect(out.series[1]?.lineStyle?.color).toBeUndefined()
+  })
+
   it('returns empty dataset/series for empty data', () => {
     const merge = createTimeseriesOptionFactory({ theme })
     const out = merge({}, []) as { dataset: unknown[]; series: unknown[] }

package/src/widgets-v2/timeseries/options.ts

@@ -10,7 +10,7 @@ import {
 } from '../../widgets/utils/chart-config'
 import { ZOOM_LAYOUT } from '../actions/zoom-toggle'
 import type { OptionFactory } from '../echart'
-import { mergeOptions } from '../utils'
+import { mergeOptions, resolveThemeColor } from '../utils'
 import { positionDataZoomForLegend } from '../utils/data-zoom-layout'
 import type {
   TimeseriesEChartsOption,
@@ -152,7 +152,7 @@ export function createTimeseriesOptionFactory(
   options: TimeseriesOptionFactoryInput,
 ): OptionFactory {
   const { theme, formatter, labelFormatter, optionsOverride } = options
-  const seriesNames = options.seriesNames
+  const series = options.series
   const smooth = options.smooth ?? true
   const area = options.area ?? false
   const selection = options.selection
@@ -250,11 +250,15 @@ export function createTimeseriesOptionFactory(
         const template =
           (seriesTemplates[i] as object | undefined) ??
           (broadcastTemplate as object)
+        // For line series, set BOTH `series[i].color` (legend swatch +
+        // markers) AND `series[i].lineStyle.color` (the line itself) so
+        // the override paints everywhere a series has a colour slot.
+        const overrideColor = resolveThemeColor(theme, series?.[i]?.color)
         return {
           ...(typeof template === 'object' ? template : {}),
           type: 'line' as const,
           datasetIndex: i,
-          name: seriesNames?.[i] ?? `Series ${i + 1}`,
+          name: series?.[i]?.name ?? `Series ${i + 1}`,
           encode: { x: 'name', y: 'value' },
           smooth,
           // When a selection is active, surface markers so the per-point
@@ -264,6 +268,9 @@ export function createTimeseriesOptionFactory(
           ...(area ? { areaStyle: {} } : {}),
           emphasis: { focus: 'series' },
           itemStyle: dimItemStyle,
+          ...(overrideColor
+            ? { color: overrideColor, lineStyle: { color: overrideColor } }
+            : {}),
         }
       }),
       legend: { ...baseLegend, show: hasLegend },

package/src/widgets-v2/timeseries/types.ts

@@ -1,5 +1,6 @@
 import type { Theme } from '@mui/material'
 import type { EChartsOption } from 'echarts'
+import type { WidgetSeries } from '../types'
 
 /**
  * A single point on a time series. `name` is the time coordinate — accepts a
@@ -26,7 +27,7 @@ export interface TimeseriesOptionsInput {
  * Combined inputs for the timeseries option factory creator. Carries
  * everything the widget needs across BOTH phases — the structural-build
  * (`theme`, `formatter`, `labelFormatter`, `optionsOverride`) AND the
- * data merge (`seriesNames`, `smooth`, `area`, `selection`).
+ * data merge (`series`, `smooth`, `area`, `selection`).
  */
 export interface TimeseriesOptionFactoryInput {
   theme: Theme
@@ -38,8 +39,11 @@ export interface TimeseriesOptionFactoryInput {
    * RelativeData's reactive formatter swaps.
    */
   labelFormatter?: (value: Date) => string
-  /** Series names — drives the legend and `series[i].name`. */
-  seriesNames?: readonly string[]
+  /**
+   * Per-series metadata — drives the legend, `series[i].name`, and
+   * (when `color` is set) per-series line + marker colour overrides.
+   */
+  series?: readonly WidgetSeries[]
   /** Smooth lines (default `true`). */
   smooth?: boolean
   /** Filled area below each line (default `false`). */

package/src/widgets-v2/types.ts

@@ -0,0 +1,25 @@
+/**
+ * Canonical cross-widget series metadata.
+ *
+ * Every widget that can carry multiple series (Bar, Pie, Histogram,
+ * Scatterplot, Timeseries, Category, Formula, Spread) accepts a
+ * `series: readonly WidgetSeries[]` prop. The `name` drives legends,
+ * tooltips, and category-row avatars; the optional `color` overrides
+ * the default palette assignment.
+ *
+ * For backward compatibility, the widget-specific names
+ * (`FormulaSeries`, `CategorySeriesConfig`) are kept as type aliases of
+ * `WidgetSeries` — see `formula/types.ts` and `category/types.ts`.
+ *
+ * Colours accept MUI theme paths (e.g. `'primary.main'`) as well as raw
+ * CSS strings (`'#ff0000'`, `'rgb(…)'`). The echart-based widgets
+ * resolve them through `resolveThemeColor` (see
+ * `widgets-v2/utils/resolve-theme-color.ts`); Category and Formula/Spread
+ * resolve them implicitly via MUI's `sx` prop.
+ */
+export interface WidgetSeries {
+  /** Display name — drives legend, tooltip, and avatar glyphs. */
+  name: string
+  /** Optional colour override. MUI theme path or raw CSS string. */
+  color?: string
+}

package/src/widgets-v2/utils/index.ts

@@ -1,2 +1,3 @@
 export { mergeOptions } from './merge-options'
 export { positionDataZoomForLegend } from './data-zoom-layout'
+export { resolveThemeColor } from './resolve-theme-color'

package/src/widgets-v2/utils/resolve-theme-color.test.ts

@@ -0,0 +1,43 @@
+import { describe, it, expect } from 'vitest'
+import { createTheme } from '@mui/material'
+import { resolveThemeColor } from './resolve-theme-color'
+
+describe('resolveThemeColor', () => {
+  const theme = createTheme({
+    palette: {
+      primary: { main: '#1976d2', dark: '#0d47a1' },
+      secondary: { main: '#9c27b0' },
+    },
+  })
+
+  it('returns undefined when the input is undefined', () => {
+    expect(resolveThemeColor(theme, undefined)).toBeUndefined()
+  })
+
+  it('passes raw CSS colors through unchanged', () => {
+    expect(resolveThemeColor(theme, '#ff0000')).toBe('#ff0000')
+    expect(resolveThemeColor(theme, 'rgb(255, 0, 0)')).toBe('rgb(255, 0, 0)')
+    expect(resolveThemeColor(theme, 'red')).toBe('red')
+  })
+
+  it('resolves dotted MUI theme palette paths', () => {
+    expect(resolveThemeColor(theme, 'primary.main')).toBe('#1976d2')
+    expect(resolveThemeColor(theme, 'primary.dark')).toBe('#0d47a1')
+    expect(resolveThemeColor(theme, 'secondary.main')).toBe('#9c27b0')
+  })
+
+  it('returns the raw input when the theme path does not resolve', () => {
+    // Non-existent palette path → caller's responsibility to recover; we
+    // pass the string through so ECharts can at least attempt to parse it.
+    expect(resolveThemeColor(theme, 'primary.does-not-exist')).toBe(
+      'primary.does-not-exist',
+    )
+    expect(resolveThemeColor(theme, 'nope.anywhere')).toBe('nope.anywhere')
+  })
+
+  it('handles a path that traverses but yields a non-string', () => {
+    // `primary` itself is an object, not a string — we return the raw
+    // input rather than `[object Object]`.
+    expect(resolveThemeColor(theme, 'primary')).toBe('primary')
+  })
+})

package/src/widgets-v2/utils/resolve-theme-color.ts

@@ -0,0 +1,34 @@
+import type { Theme } from '@mui/material'
+
+/**
+ * Resolve a colour string against the MUI theme palette.
+ *
+ * - `'primary.main'`, `'secondary.dark'`, `'success.contrastText'`, … →
+ *   walks `theme.palette` along the dot-separated path and returns the
+ *   resolved string when traversal succeeds.
+ * - `'#ff0000'`, `'rgb(255, 0, 0)'`, `'red'` → returned as-is (assumed
+ *   raw CSS; ECharts consumes them directly).
+ * - `undefined` → `undefined` (callers fall back to ECharts' palette).
+ *
+ * Used by the echart option factories (Bar, Pie, Histogram, Scatterplot,
+ * Timeseries) so per-series colours specified as theme paths in the
+ * unified `WidgetSeries` shape paint correctly. Category, Formula, and
+ * Spread render colours through MUI's `sx` resolver, which already
+ * handles theme paths — they don't need this helper.
+ */
+export function resolveThemeColor(
+  theme: Theme,
+  raw: string | undefined,
+): string | undefined {
+  if (raw == null) return undefined
+  if (!raw.includes('.')) return raw
+  const parts = raw.split('.')
+  let cursor: unknown = theme.palette
+  for (const part of parts) {
+    if (cursor == null || typeof cursor !== 'object') {
+      return raw
+    }
+    cursor = (cursor as Record<string, unknown>)[part]
+  }
+  return typeof cursor === 'string' ? cursor : raw
+}

package/dist/merge-options-DCkkHZIf.js

@@ -1,34 +0,0 @@
-function u(t, n) {
-  if (!n) return t;
-  const c = {
-    ...t
-  };
-  for (const r of Object.keys(n)) {
-    const e = t[r], o = n[r];
-    o !== void 0 && (c[r] = f(e, o));
-  }
-  return c;
-}
-function f(t, n) {
-  if (Array.isArray(t) && Array.isArray(n)) {
-    const c = Math.max(t.length, n.length), r = new Array(c);
-    for (let e = 0; e < c; e++) {
-      const o = t[e], i = n[e];
-      i === void 0 ? r[e] = o : o === void 0 ? r[e] = i : r[e] = f(o, i);
-    }
-    return r;
-  }
-  return s(t) && s(n) ? {
-    ...t,
-    ...n
-  } : n;
-}
-function s(t) {
-  if (t === null || typeof t != "object") return !1;
-  const n = Object.getPrototypeOf(t);
-  return n === Object.prototype || n === null;
-}
-export {
-  u as m
-};
-//# sourceMappingURL=merge-options-DCkkHZIf.js.map

package/dist/merge-options-DCkkHZIf.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"merge-options-DCkkHZIf.js","sources":["../src/widgets-v2/utils/merge-options.ts"],"sourcesContent":["/**\n * Shallow-merges two ECharts option objects:\n *   - Top-level keys from both are combined.\n *   - Arrays are merged by index (element-wise shallow merge, primitive override).\n *   - Plain objects are shallow-merged.\n *   - Primitives are overridden by the override value.\n *\n * Designed for the two-stage memoization pattern: first build a base option\n * object from data + theme + formatters, then call `mergeOptions(base, override)`\n * inside a second `useMemo` keyed on `[base, override]`.\n */\nexport function mergeOptions<T extends Record<string, unknown>>(\n  base: T,\n  override?: Partial<T>,\n): T {\n  if (!override) return base\n  const out: Record<string, unknown> = { ...base }\n  for (const key of Object.keys(override) as (keyof T)[]) {\n    const a = base[key]\n    const b = override[key]\n    if (b === undefined) continue\n    out[key as string] = mergeValue(a, b)\n  }\n  return out as T\n}\n\nfunction mergeValue(a: unknown, b: unknown): unknown {\n  if (Array.isArray(a) && Array.isArray(b)) {\n    const len = Math.max(a.length, b.length)\n    const result = new Array<unknown>(len)\n    for (let i = 0; i < len; i++) {\n      const av: unknown = a[i]\n      const bv: unknown = b[i]\n      if (bv === undefined) result[i] = av\n      else if (av === undefined) result[i] = bv\n      else result[i] = mergeValue(av, bv)\n    }\n    return result\n  }\n  if (isPlainObject(a) && isPlainObject(b)) {\n    return { ...a, ...b }\n  }\n  return b\n}\n\nfunction isPlainObject(v: unknown): v is Record<string, unknown> {\n  if (v === null || typeof v !== 'object') return false\n  const proto = Object.getPrototypeOf(v) as unknown\n  return proto === Object.prototype || proto === null\n}\n"],"names":["mergeOptions","base","override","out","key","Object","keys","a","b","undefined","mergeValue","Array","isArray","len","Math","max","length","result","i","av","bv","isPlainObject","v","proto","getPrototypeOf","prototype"],"mappings":"AAWO,SAASA,EACdC,GACAC,GACG;AACH,MAAI,CAACA,EAAU,QAAOD;AACtB,QAAME,IAA+B;AAAA,IAAE,GAAGF;AAAAA,EAAAA;AAC1C,aAAWG,KAAOC,OAAOC,KAAKJ,CAAQ,GAAkB;AACtD,UAAMK,IAAIN,EAAKG,CAAG,GACZI,IAAIN,EAASE,CAAG;AACtB,IAAII,MAAMC,WACVN,EAAIC,CAAa,IAAIM,EAAWH,GAAGC,CAAC;AAAA,EACtC;AACA,SAAOL;AACT;AAEA,SAASO,EAAWH,GAAYC,GAAqB;AACnD,MAAIG,MAAMC,QAAQL,CAAC,KAAKI,MAAMC,QAAQJ,CAAC,GAAG;AACxC,UAAMK,IAAMC,KAAKC,IAAIR,EAAES,QAAQR,EAAEQ,MAAM,GACjCC,IAAS,IAAIN,MAAeE,CAAG;AACrC,aAASK,IAAI,GAAGA,IAAIL,GAAKK,KAAK;AAC5B,YAAMC,IAAcZ,EAAEW,CAAC,GACjBE,IAAcZ,EAAEU,CAAC;AACvB,MAAIE,MAAOX,SAAWQ,EAAOC,CAAC,IAAIC,IACzBA,MAAOV,SAAWQ,EAAOC,CAAC,IAAIE,IAClCH,EAAOC,CAAC,IAAIR,EAAWS,GAAIC,CAAE;AAAA,IACpC;AACA,WAAOH;AAAAA,EACT;AACA,SAAII,EAAcd,CAAC,KAAKc,EAAcb,CAAC,IAC9B;AAAA,IAAE,GAAGD;AAAAA,IAAG,GAAGC;AAAAA,EAAAA,IAEbA;AACT;AAEA,SAASa,EAAcC,GAA0C;AAC/D,MAAIA,MAAM,QAAQ,OAAOA,KAAM,SAAU,QAAO;AAChD,QAAMC,IAAQlB,OAAOmB,eAAeF,CAAC;AACrC,SAAOC,MAAUlB,OAAOoB,aAAaF,MAAU;AACjD;"}

package/dist/range-DsqTjSpg.js

@@ -1,186 +0,0 @@
-import { jsx as v, jsxs as N } from "react/jsx-runtime";
-import { c as _ } from "react/compiler-runtime";
-import { u as O } from "./widget-context-DTGO0Yta.js";
-import { u as P } from "./widget-store-registry-_W4Z4xp-.js";
-import { useState as z } from "react";
-import "zustand";
-import { Box as B, Slider as U, Typography as q, TextField as G } from "@mui/material";
-const $ = {
-  root: {
-    display: "flex",
-    flexDirection: "column",
-    gap: 3,
-    py: 1
-  },
-  item: {
-    display: "flex",
-    flexDirection: "column",
-    gap: 1.5
-  },
-  sliderContainer: {
-    display: "flex",
-    flexDirection: "column",
-    gap: 1,
-    px: 1
-  },
-  slider: {
-    width: "100%",
-    "&.Mui-disabled": {
-      color: (a) => a.palette.text.disabled
-    }
-  },
-  inputsRow: {
-    display: "flex",
-    gap: 2,
-    alignItems: "center"
-  },
-  input: {
-    flex: 1,
-    "& .MuiInputBase-input": {
-      textAlign: "center"
-    }
-  },
-  note: {
-    color: "text.secondary"
-  }
-};
-function H(a) {
-  const e = _(9), {
-    items: i,
-    onChange: t,
-    formatter: l
-  } = a, o = l ?? J;
-  let s;
-  if (e[0] !== o || e[1] !== i || e[2] !== t) {
-    let r;
-    e[4] !== o || e[5] !== t ? (r = (x, p) => /* @__PURE__ */ v(Q, { index: p, item: x, fmt: o, onChange: t }, `range-${x.min}-${x.max}-${p}`), e[4] = o, e[5] = t, e[6] = r) : r = e[6], s = i.map(r), e[0] = o, e[1] = i, e[2] = t, e[3] = s;
-  } else
-    s = e[3];
-  let n;
-  return e[7] !== s ? (n = /* @__PURE__ */ v(B, { sx: $.root, children: s }), e[7] = s, e[8] = n) : n = e[8], n;
-}
-function J(a) {
-  return String(a);
-}
-function Q(a) {
-  const e = _(54), {
-    index: i,
-    item: t,
-    fmt: l,
-    onChange: o
-  } = a;
-  let s;
-  e[0] !== t.max || e[1] !== t.min || e[2] !== t.value ? (s = t.value ?? [t.min, t.max], e[0] = t.max, e[1] = t.min, e[2] = t.value, e[3] = s) : s = e[3];
-  const n = s, [r, x] = z("");
-  let p;
-  e[4] !== i || e[5] !== t.max || e[6] !== t.min || e[7] !== o ? (p = (j) => {
-    const [I, k] = j, L = Math.min(Math.max(I, t.min), t.max), T = Math.min(Math.max(k, t.min), t.max), K = L <= T ? [L, T] : [T, L];
-    o?.(i, K);
-  }, e[4] = i, e[5] = t.max, e[6] = t.min, e[7] = o, e[8] = p) : p = e[8];
-  const m = p;
-  let C;
-  e[9] !== m || e[10] !== t.max || e[11] !== t.min ? (C = (j, I) => {
-    if (!Array.isArray(I))
-      return;
-    const k = I[0] ?? t.min, L = I[1] ?? t.max;
-    m([k, L]);
-  }, e[9] = m, e[10] = t.max, e[11] = t.min, e[12] = C) : C = e[12];
-  const y = C;
-  let h;
-  e[13] !== t.color ? (h = t.color ? {
-    color: t.color
-  } : null, e[13] = t.color, e[14] = h) : h = e[14];
-  let d;
-  e[15] !== h ? (d = {
-    ...$.slider,
-    ...h
-  }, e[15] = h, e[16] = d) : d = e[16];
-  let u;
-  e[17] !== n ? (u = [...n], e[17] = n, e[18] = u) : u = e[18];
-  const S = t.min, D = t.max, w = t.step ?? 1;
-  let f;
-  e[19] !== t.marks ? (f = V(t.marks), e[19] = t.marks, e[20] = f) : f = e[20];
-  let g;
-  e[21] !== l || e[22] !== y || e[23] !== t.disabled || e[24] !== t.max || e[25] !== t.min || e[26] !== f || e[27] !== d || e[28] !== u || e[29] !== w ? (g = /* @__PURE__ */ v(B, { sx: $.sliderContainer, children: /* @__PURE__ */ v(U, { sx: d, value: u, min: S, max: D, step: w, marks: f, disabled: t.disabled, valueLabelDisplay: "auto", valueLabelFormat: l, onChange: y }) }), e[21] = l, e[22] = y, e[23] = t.disabled, e[24] = t.max, e[25] = t.min, e[26] = f, e[27] = d, e[28] = u, e[29] = w, e[30] = g) : g = e[30];
-  const R = `min-${n[0]}`;
-  let c;
-  e[31] !== m || e[32] !== n || e[33] !== r || e[34] !== l || e[35] !== t || e[36] !== R ? (c = /* @__PURE__ */ v(W, { name: "min", value: n[0], item: t, fmt: l, editing: r, setEditing: x, commit: m, current: n, ariaLabel: "Minimum value" }, R), e[31] = m, e[32] = n, e[33] = r, e[34] = l, e[35] = t, e[36] = R, e[37] = c) : c = e[37];
-  const E = `max-${n[1]}`;
-  let b;
-  e[38] !== m || e[39] !== n || e[40] !== r || e[41] !== l || e[42] !== t || e[43] !== E ? (b = /* @__PURE__ */ v(W, { name: "max", value: n[1], item: t, fmt: l, editing: r, setEditing: x, commit: m, current: n, ariaLabel: "Maximum value" }, E), e[38] = m, e[39] = n, e[40] = r, e[41] = l, e[42] = t, e[43] = E, e[44] = b) : b = e[44];
-  let M;
-  e[45] !== c || e[46] !== b ? (M = /* @__PURE__ */ N(B, { sx: $.inputsRow, children: [
-    c,
-    b
-  ] }), e[45] = c, e[46] = b, e[47] = M) : M = e[47];
-  let F;
-  e[48] !== t.note ? (F = t.note ? /* @__PURE__ */ v(q, { variant: "caption", sx: $.note, children: t.note }) : null, e[48] = t.note, e[49] = F) : F = e[49];
-  let A;
-  return e[50] !== g || e[51] !== M || e[52] !== F ? (A = /* @__PURE__ */ N(B, { sx: $.item, children: [
-    g,
-    M,
-    F
-  ] }), e[50] = g, e[51] = M, e[52] = F, e[53] = A) : A = e[53], A;
-}
-function W(a) {
-  const e = _(26), {
-    name: i,
-    value: t,
-    item: l,
-    fmt: o,
-    editing: s,
-    setEditing: n,
-    commit: r,
-    current: x,
-    ariaLabel: p
-  } = a, [m, C] = z(String(t));
-  let y;
-  e[0] !== i || e[1] !== n ? (y = () => {
-    n(i);
-  }, e[0] = i, e[1] = n, e[2] = y) : y = e[2];
-  const h = y;
-  let d, u;
-  if (e[3] !== r || e[4] !== x || e[5] !== i || e[6] !== n || e[7] !== t) {
-    let R = function(c) {
-      const E = parseFloat(c), b = Number.isFinite(E) ? E : t, M = i === "min" ? [b, x[1]] : [x[0], b];
-      r(M);
-    };
-    u = (c) => {
-      n(""), R(c.target.value);
-    }, d = (c) => {
-      c.key === "Enter" && (R(c.target.value), c.target.blur());
-    }, e[3] = r, e[4] = x, e[5] = i, e[6] = n, e[7] = t, e[8] = d, e[9] = u;
-  } else
-    d = e[8], u = e[9];
-  let S;
-  e[10] !== s || e[11] !== o || e[12] !== i || e[13] !== m ? (S = s === i ? m : o(Number(m)), e[10] = s, e[11] = o, e[12] = i, e[13] = m, e[14] = S) : S = e[14];
-  const D = S;
-  let w;
-  e[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (w = (R) => C(R.target.value), e[15] = w) : w = e[15];
-  let f;
-  e[16] !== p ? (f = {
-    "aria-label": p
-  }, e[16] = p, e[17] = f) : f = e[17];
-  let g;
-  return e[18] !== h || e[19] !== d || e[20] !== D || e[21] !== u || e[22] !== l.disabled || e[23] !== i || e[24] !== f ? (g = /* @__PURE__ */ v(G, { name: i, value: D, onChange: w, onFocus: h, onBlur: u, onKeyDown: d, disabled: l.disabled, size: "small", sx: $.input, inputProps: f }), e[18] = h, e[19] = d, e[20] = D, e[21] = u, e[22] = l.disabled, e[23] = i, e[24] = f, e[25] = g) : g = e[25], g;
-}
-function V(a) {
-  if (a != null)
-    return typeof a == "boolean" ? a : [...a];
-}
-const X = (a) => ({
-  data: a.data ?? [],
-  formatter: a.formatter
-});
-function ae(a) {
-  const e = _(4), {
-    onChange: i
-  } = a, t = O(), l = P(t, X);
-  let o;
-  return e[0] !== i || e[1] !== l.data || e[2] !== l.formatter ? (o = /* @__PURE__ */ v(H, { items: l.data, formatter: l.formatter, onChange: i }), e[0] = i, e[1] = l.data, e[2] = l.formatter, e[3] = o) : o = e[3], o;
-}
-export {
-  ae as R,
-  H as a
-};
-//# sourceMappingURL=range-DsqTjSpg.js.map

package/dist/range-DsqTjSpg.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"range-DsqTjSpg.js","sources":["../src/widgets-v2/range/style.ts","../src/widgets-v2/range/range-ui.tsx","../src/widgets-v2/range/range.tsx"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material'\n\nexport const styles = {\n  root: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 3,\n    py: 1,\n  },\n  item: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 1.5,\n  },\n  sliderContainer: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 1,\n    px: 1,\n  },\n  slider: {\n    width: '100%',\n    '&.Mui-disabled': {\n      color: (theme: Theme) => theme.palette.text.disabled,\n    },\n  },\n  inputsRow: {\n    display: 'flex',\n    gap: 2,\n    alignItems: 'center',\n  },\n  input: {\n    flex: 1,\n    '& .MuiInputBase-input': {\n      textAlign: 'center',\n    },\n  },\n  note: {\n    color: 'text.secondary',\n  },\n} satisfies Record<string, SxProps<Theme>>\n","import {\n  useCallback,\n  useState,\n  type FocusEvent,\n  type KeyboardEvent,\n} from 'react'\nimport { Box, Slider, TextField, Typography } from '@mui/material'\nimport type { RangeDataItem, RangeItemValue } from './types'\nimport { styles } from './style'\n\nexport interface RangeUIProps {\n  items: readonly RangeDataItem[]\n  /**\n   * Fires when the user drags a thumb or commits a new value via the text\n   * inputs. Per the destination-owned principle, the consumer owns the\n   * value — this widget surfaces changes but does not store them.\n   */\n  onChange?: (index: number, value: RangeItemValue) => void\n  /** Number formatter for the slider tooltip and the text input display. */\n  formatter?: (value: number) => string\n}\n\ntype Bound = 'min' | 'max'\n\n/**\n * Pure presentational component for the Range widget. Renders one MUI Slider\n * per item with editable min/max text inputs below — matching the Range v1\n * UX. Each item is always a two-thumb range; supply `value` to seed the\n * starting selection, otherwise it defaults to `[min, max]`.\n */\nexport function RangeUI({ items, onChange, formatter }: RangeUIProps) {\n  const fmt = formatter ?? ((n: number) => String(n))\n  return (\n    <Box sx={styles.root}>\n      {items.map((item, i) => (\n        // Composite of the row's track bounds — stable across reorders for\n        // any realistic widget configuration. Falls back to a literal +\n        // index when bounds collide (degenerate same-min-same-max rows).\n        <RangeRow\n          key={`range-${item.min}-${item.max}-${i}`}\n          index={i}\n          item={item}\n          fmt={fmt}\n          onChange={onChange}\n        />\n      ))}\n    </Box>\n  )\n}\n\ninterface RangeRowProps {\n  index: number\n  item: RangeDataItem\n  fmt: (n: number) => string\n  onChange?: (index: number, value: RangeItemValue) => void\n}\n\nfunction RangeRow({ index, item, fmt, onChange }: RangeRowProps) {\n  const current: readonly [number, number] = item.value ?? [item.min, item.max]\n  const [editing, setEditing] = useState<'' | Bound>('')\n\n  const commit = useCallback(\n    (next: readonly [number, number]) => {\n      // Clamp inside [min, max] and keep `low <= high`.\n      const [lowRaw, highRaw] = next\n      const low = Math.min(Math.max(lowRaw, item.min), item.max)\n      const high = Math.min(Math.max(highRaw, item.min), item.max)\n      const ordered: readonly [number, number] =\n        low <= high ? [low, high] : [high, low]\n      onChange?.(index, ordered)\n    },\n    [index, item.min, item.max, onChange],\n  )\n\n  const handleSlider = (_: Event, raw: number | number[]) => {\n    if (!Array.isArray(raw)) return\n    // Hoist defaults out of the destructure: react-compiler can't safely\n    // reorder MemberExpression defaults inside an array pattern.\n    const low = raw[0] ?? item.min\n    const high = raw[1] ?? item.max\n    commit([low, high])\n  }\n\n  return (\n    <Box sx={styles.item}>\n      <Box sx={styles.sliderContainer}>\n        <Slider\n          sx={{\n            ...styles.slider,\n            ...(item.color ? { color: item.color } : null),\n          }}\n          value={[...current]}\n          min={item.min}\n          max={item.max}\n          step={item.step ?? 1}\n          marks={resolveMarks(item.marks)}\n          disabled={item.disabled}\n          valueLabelDisplay='auto'\n          valueLabelFormat={fmt}\n          onChange={handleSlider}\n        />\n      </Box>\n      <Box sx={styles.inputsRow}>\n        <BoundInput\n          // Bumping the key on a fresh external value resets the local\n          // editing state — matches v1's RangeItem behaviour.\n          key={`min-${current[0]}`}\n          name='min'\n          value={current[0]}\n          item={item}\n          fmt={fmt}\n          editing={editing}\n          setEditing={setEditing}\n          commit={commit}\n          current={current}\n          ariaLabel='Minimum value'\n        />\n        <BoundInput\n          key={`max-${current[1]}`}\n          name='max'\n          value={current[1]}\n          item={item}\n          fmt={fmt}\n          editing={editing}\n          setEditing={setEditing}\n          commit={commit}\n          current={current}\n          ariaLabel='Maximum value'\n        />\n      </Box>\n      {item.note ? (\n        <Typography variant='caption' sx={styles.note}>\n          {item.note}\n        </Typography>\n      ) : null}\n    </Box>\n  )\n}\n\ninterface BoundInputProps {\n  name: Bound\n  value: number\n  item: RangeDataItem\n  fmt: (n: number) => string\n  editing: '' | Bound\n  setEditing: (next: '' | Bound) => void\n  commit: (next: readonly [number, number]) => void\n  current: readonly [number, number]\n  ariaLabel: string\n}\n\nfunction BoundInput({\n  name,\n  value,\n  item,\n  fmt,\n  editing,\n  setEditing,\n  commit,\n  current,\n  ariaLabel,\n}: BoundInputProps) {\n  const [raw, setRaw] = useState<string>(String(value))\n\n  const beginEditing = () => {\n    setEditing(name)\n  }\n  const finishEditingAndCommit = (e: FocusEvent<HTMLInputElement>) => {\n    setEditing('')\n    commitFromText(e.target.value)\n  }\n  const commitOnEnter = (e: KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'Enter') {\n      commitFromText((e.target as HTMLInputElement).value)\n      ;(e.target as HTMLInputElement).blur()\n    }\n  }\n\n  function commitFromText(input: string) {\n    const parsed = parseFloat(input)\n    const safe = Number.isFinite(parsed) ? parsed : value\n    const next: readonly [number, number] =\n      name === 'min' ? [safe, current[1]] : [current[0], safe]\n    commit(next)\n  }\n\n  const display = editing === name ? raw : fmt(Number(raw))\n\n  return (\n    <TextField\n      name={name}\n      value={display}\n      onChange={(e) => setRaw(e.target.value)}\n      onFocus={beginEditing}\n      onBlur={finishEditingAndCommit}\n      onKeyDown={commitOnEnter}\n      disabled={item.disabled}\n      size='small'\n      sx={styles.input}\n      inputProps={{ 'aria-label': ariaLabel }}\n    />\n  )\n}\n\nfunction resolveMarks(\n  marks: RangeDataItem['marks'],\n): boolean | { value: number; label?: string }[] | undefined {\n  if (marks == null) return undefined\n  if (typeof marks === 'boolean') return marks\n  return [...marks]\n}\n","import { useWidgetId, useWidgetShallow } from '../stores'\nimport { RangeUI } from './range-ui'\nimport type { RangeItemValue, RangeWidgetData } from './types'\n\ninterface RangeSlice {\n  data: RangeWidgetData\n  formatter?: (value: number) => string\n}\n\nconst rangeSelector = (s: {\n  data: unknown\n  formatter?: (value: number) => string\n}): RangeSlice => ({\n  data: (s.data ?? []) as RangeWidgetData,\n  formatter: s.formatter,\n})\n\nexport interface RangeProps {\n  /**\n   * Fires when the user moves a slider thumb or commits a new value via the\n   * text inputs. Receives the item index in `state.data` and the new\n   * `[low, high]` tuple. The consumer owns the data state — the widget\n   * surfaces changes but does not persist them.\n   */\n  onChange?: (index: number, value: RangeItemValue) => void\n}\n\n/**\n * Stateful Range bridge — reads `data` (post-pipeline) and `formatter` from\n * the per-widget store and forwards them to the pure {@link RangeUI}. Per\n * the destination-owned principle, value changes flow back through\n * `onChange` — the consumer is expected to update the data prop on\n * `<Provider>`. Use `disabled` on individual `RangeDataItem`s to disable\n * specific rows.\n */\nexport function Range({ onChange }: RangeProps) {\n  const id = useWidgetId()\n  const slice = useWidgetShallow(id, rangeSelector)\n  return (\n    <RangeUI\n      items={slice.data}\n      formatter={slice.formatter}\n      onChange={onChange}\n    />\n  )\n}\n"],"names":["styles","root","display","flexDirection","gap","py","item","sliderContainer","px","slider","width","color","theme","palette","text","disabled","inputsRow","alignItems","input","flex","textAlign","note","RangeUI","t0","$","_c","items","onChange","formatter","fmt","_temp","t1","t2","i","jsx","RangeRow","min","max","map","Box","n","String","index","value","current","editing","setEditing","useState","next","lowRaw","highRaw","low","Math","high","ordered","commit","t3","_","raw","Array","isArray","low_0","high_0","handleSlider","t4","t5","t6","t7","t8","t9","step","t10","marks","resolveMarks","t11","Slider","t12","t13","BoundInput","t14","t15","t16","t17","Typography","t18","jsxs","name","ariaLabel","setRaw","beginEditing","commitOnEnter","finishEditingAndCommit","commitFromText","parsed","parseFloat","safe","Number","isFinite","e","target","e_0","key","blur","Symbol","for","e_1","TextField","rangeSelector","s","data","Range","id","useWidgetId","slice","useWidgetShallow"],"mappings":"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"}