@carto/ps-react-ui 5.1.0 → 6.0.0

package/dist/types/widgets-v2/table/table-ui.d.ts

@@ -1,44 +0,0 @@
-import { TableProps as MuiTableProps } from '@mui/material';
-import { TableLabels } from './labels.js';
-import { TableColumn, TableRow, TableSortState } from './types.js';
-export interface TableUIProps<T extends TableRow = TableRow> {
-    columns: readonly TableColumn[];
-    /** Already-paginated, already-sorted rows for the current view. */
-    rows: readonly T[];
-    /** Total row count (across all pages). Required for pagination footer. */
-    total: number;
-    page: number;
-    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;
-    onSortChange?: (next: TableSortState) => void;
-    onPageChange?: (page: number) => void;
-    onPageSizeChange?: (pageSize: number) => void;
-    onSelectionChange?: (next: readonly (string | number)[]) => void;
-    onRowClick?: (row: T) => void;
-    onRowHover?: (row: T | null) => void;
-    labels?: Partial<TableLabels>;
-    /** Row rendered when `rows` is empty for the current page. */
-    emptyContent?: React.ReactNode;
-    /**
-     * Forwarded to MUI's `<Table size>` — `'small'` for compact rows,
-     * `'medium'` for the default density. Leave `undefined` (the default)
-     * to let MUI's own default kick in.
-     */
-    size?: MuiTableProps['size'];
-}
-/**
- * Pure renderer for a paginated, sortable, optionally-selectable table.
- * Has no widget-store coupling — `<Table>` (the bridge) reads from the store
- * and feeds this UI with already-projected data.
- */
-export declare function TableUI<T extends TableRow = TableRow>({ columns, rows, total, page, pageSize, pageSizeOptions, sort, keyColumn, selection, selectable, onSortChange, onPageChange, onPageSizeChange, onSelectionChange, onRowClick, onRowHover, labels, emptyContent, size, }: TableUIProps<T>): import('react').JSX.Element;

package/dist/types/widgets-v2/table/types.d.ts

@@ -1,48 +0,0 @@
-import { ReactNode } from 'react';
-import { WidgetState } from '../stores/index.js';
-/**
- * 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> {
-    /**
-     * 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[];
-export type TableSortDirection = 'asc' | 'desc';
-export interface TableSortState {
-    columnId: string | null;
-    direction: TableSortDirection;
-}
-export interface TableColumn {
-    /** Unique column identifier; matches the field name on each row. */
-    id: string;
-    /** Header label. */
-    label: ReactNode;
-    align?: 'left' | 'center' | 'right';
-    width?: number | string;
-    sortable?: boolean;
-    /** Custom cell renderer. Falls back to a string-cast of the raw value. */
-    formatter?: (value: unknown, row: TableRow) => ReactNode;
-}
-/**
- * State extension carrying Table-specific UI state on the per-widget store.
- * Per R12: widget-specific UI state lives in widget-specific extensions of
- * `WidgetState`, not on the base type.
- */
-export interface TableWidgetState extends WidgetState {
-    /** Optional reordered column list driven by ChangeColumn. Falls back to props. */
-    columnOrder?: readonly string[];
-    sort?: TableSortState;
-    page: number;
-    pageSize: number;
-}
-export declare const DEFAULT_TABLE_PAGE_SIZE = 10;
-export declare const DEFAULT_TABLE_PAGE_SIZE_OPTIONS: readonly [10, 25, 50, 100];

package/dist/types/widgets-v2/timeseries/index.d.ts

@@ -1,5 +0,0 @@
-export { timeseriesOptions, createTimeseriesOptionFactory } from './options.js';
-export { TimeseriesSkeleton } from './skeleton.js';
-export { createTimeseriesDownloadConfig } from './download.js';
-export { filterTimeseriesByLockedItems } from './transforms.js';
-export type { TimeseriesDatum, TimeseriesWidgetData, TimeseriesOptionsInput, TimeseriesOptionFactoryInput, TimeseriesEChartsOption, } from './types.js';

package/dist/types/widgets-v2/timeseries/skeleton.d.ts

@@ -1,8 +0,0 @@
-/**
- * Loading state for the Timeseries widget. Mirrors a line chart's
- * silhouette — three thin horizontal segments at staggered offsets to
- * suggest a moving line, plus a 2-dot legend stub. Sibling-consistent
- * with Bar / Histogram / Scatter skeletons (column-flex container with
- * legend strip below).
- */
-export declare function TimeseriesSkeleton(): import('react').JSX.Element;

package/dist/types/widgets-v2/timeseries/types.d.ts

@@ -1,60 +0,0 @@
-import { Theme } from '@mui/material';
-import { EChartsOption } from 'echarts';
-import { WidgetSeries } from '../types.js';
-/**
- * A single point on a time series. `name` is the time coordinate — accepts a
- * Date object, a number (ms-since-epoch), or an ISO-8601 string. ECharts'
- * time axis parses any of these.
- */
-export interface TimeseriesDatum {
-    name: Date | number | string;
-    value: number;
-}
-/** Timeseries widget data — one array of points per series. */
-export type TimeseriesWidgetData = readonly (readonly TimeseriesDatum[])[];
-/** Inputs to the structural-only {@link timeseriesOptions} builder. */
-export interface TimeseriesOptionsInput {
-    theme: Theme;
-    formatter?: (value: number) => string;
-    /** Optional formatter for the time-axis tick labels. Receives a JS Date. */
-    labelFormatter?: (value: Date) => string;
-}
-/**
- * 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 (`series`, `smooth`, `area`, `selection`).
- */
-export interface TimeseriesOptionFactoryInput {
-    theme: Theme;
-    formatter?: (value: number) => string;
-    /**
-     * Time-axis label formatter (also used in the tooltip name). Receives
-     * a JS Date — applied both at structural-build time (x-axis ticks) and
-     * at fusion time (tooltip name) so the date-aware labeling survives
-     * RelativeData's reactive formatter swaps.
-     */
-    labelFormatter?: (value: Date) => 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`). */
-    area?: boolean;
-    /**
-     * Selected point keys (matched against `TimeseriesDatum.name`; `Date`
-     * names are normalized to ms-since-epoch). Points not in this list render
-     * dimmed (`itemStyle.opacity: 0.15`). `null`/empty means no selection.
-     */
-    selection?: readonly (string | number)[] | null;
-    /**
-     * Consumer-supplied partial option merged into the structural option at
-     * structural-build time. Lets stories override pieces of the theme-aware
-     * base without forking the structural builder.
-     */
-    optionsOverride?: Partial<EChartsOption>;
-}
-export type TimeseriesEChartsOption = EChartsOption;

package/dist/types/widgets-v2/utils/index.d.ts

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

package/dist/types/widgets-v2/wrapper/index.d.ts

@@ -1,4 +0,0 @@
-export { Wrapper, type WrapperProps } from './widget-wrapper.js';
-export { Actions, Options, type ActionsProps, type OptionsProps, } from './widget-actions.js';
-export { Content, Footer, type ContentProps, type FooterProps, } from './widget-content.js';
-export { DEFAULT_WRAPPER_LABELS, type WrapperLabels } from './labels.js';

package/dist/use-widget-selector-VSPhfhNm.js

@@ -1,12 +0,0 @@
-import { t as e } from "./widget-store-BFPKYm4R.js";
-import { c as t } from "react/compiler-runtime";
-import { useShallow as n } from "zustand/shallow";
-//#region src/widgets/stores/use-widget-selector.ts
-function r(r, i) {
-	let a = t(3), o;
-	return a[0] !== i || a[1] !== r ? (o = (e) => i(e.widgets[r]), a[0] = i, a[1] = r, a[2] = o) : o = a[2], e(n(o));
-}
-//#endregion
-export { r as t };
-
-//# sourceMappingURL=use-widget-selector-VSPhfhNm.js.map

package/dist/use-widget-selector-VSPhfhNm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-widget-selector-VSPhfhNm.js","names":["(state: { widgets: Record<string, WidgetState> }) =>\n      selector(state.widgets[widgetId])"],"sources":["../src/widgets/stores/use-widget-selector.ts"],"sourcesContent":["import { useWidgetStore } from './widget-store'\nimport type { WidgetState } from './types'\nimport { useShallow } from 'zustand/shallow'\n\n/**\n * Scoped selector hook for reading a single widget's state from the store.\n *\n * Consolidates multiple `useWidgetStore(useShallow(...))` calls into a single\n * subscription per component. The selector receives only this widget's state\n * (or undefined if not yet registered), and uses shallow comparison to avoid\n * re-renders when unrelated properties change.\n *\n * @param widgetId - The widget ID to subscribe to.\n * @param selector - A function that extracts the needed properties from the widget state.\n *   Must be a stable reference (inline arrow is fine due to useCallback wrapping).\n *\n * @example\n * ```tsx\n * // Before: 4 separate subscriptions\n * const title = useWidgetStore(useShallow((s) => s.getWidget(id)?.title))\n * const collapsed = useWidgetStore(useShallow((s) => s.getWidget(id)?.collapsed))\n * const disabled = useWidgetStore(useShallow((s) => s.getWidget(id)?.disabled))\n * const isFetching = useWidgetStore(useShallow((s) => s.getWidget(id)?.isFetching))\n *\n * // After: 1 subscription\n * const { title, collapsed, disabled, isFetching } = useWidgetSelector(id, (w) => ({\n *   title: w?.title, collapsed: w?.collapsed, disabled: w?.disabled, isFetching: w?.isFetching,\n * }))\n *\n * // With extra dependencies (e.g., index prop):\n * const value = useWidgetSelector(\n *   id,\n *   (w) => (w as MyState | undefined)?.data?.[index]?.value,\n *   [index],\n * )\n * ```\n */\nexport function useWidgetSelector<T>(\n  widgetId: string,\n  selector: (widget: WidgetState | undefined) => T,\n): T {\n  return useWidgetStore(\n    useShallow((state: { widgets: Record<string, WidgetState> }) =>\n      selector(state.widgets[widgetId]),\n    ),\n  )\n}\n"],"mappings":";;;;AAqCA,SAAgB,EACd,GACA,GACG;eAEUA;CADb,OAEI,EAAA,OAAA,KAAA,EAAA,OAAuB,KADd,KAAC,MACV,EAAS,EAAM,QAAQ,EAAS,GAAhC,EAAA,KAAA,GAAuB,EAAA,KAAA,yBAFpB,EACL,EAAWA,CAEX,CACF;AACF"}

package/dist/utils-Dr6gf3vD.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils-Dr6gf3vD.js","names":[],"sources":["../src/widgets-v2/utils/merge-options.ts","../src/widgets-v2/utils/data-zoom-layout.ts","../src/widgets-v2/utils/resolve-theme-color.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","import { ZOOM_LAYOUT } from '../actions/zoom-toggle'\n\n/**\n * If the option includes a `dataZoom` array (from ZoomToggle's transform),\n * lift any slider entries above the legend row so they don't overlap.\n * Returns `null` when there is no `dataZoom` — caller skips the layout\n * adjustment entirely.\n *\n * Shared between bar, histogram, and timeseries — every widget with a\n * horizontal x-axis dataZoom slider needs the same offset when a legend\n * is rendered below the plot.\n */\nexport function positionDataZoomForLegend(\n  dataZoom: unknown,\n  hasLegend: boolean,\n): unknown[] | null {\n  if (!Array.isArray(dataZoom) || dataZoom.length === 0) return null\n  return dataZoom.map((entry: unknown) => {\n    if (entry == null || typeof entry !== 'object') return entry\n    const dz = entry as { type?: string; bottom?: number }\n    if (dz.type === 'slider' && hasLegend) {\n      return { ...dz, bottom: ZOOM_LAYOUT.sliderBottomWithLegend }\n    }\n    return dz\n  })\n}\n","import type { Theme } from '@mui/material'\n\n/**\n * Resolve a colour string against the MUI theme palette.\n *\n * - `'primary.main'`, `'secondary.dark'`, `'success.contrastText'`, … →\n *   walks `theme.palette` along the dot-separated path and returns the\n *   resolved string when traversal succeeds.\n * - `'#ff0000'`, `'rgb(255, 0, 0)'`, `'red'` → returned as-is (assumed\n *   raw CSS; ECharts consumes them directly).\n * - `undefined` → `undefined` (callers fall back to ECharts' palette).\n *\n * Used by the echart option factories (Bar, Pie, Histogram, Scatterplot,\n * Timeseries) so per-series colours specified as theme paths in the\n * unified `WidgetSeries` shape paint correctly. Category, Formula, and\n * Spread render colours through MUI's `sx` resolver, which already\n * handles theme paths — they don't need this helper.\n */\nexport function resolveThemeColor(\n  theme: Theme,\n  raw: string | undefined,\n): string | undefined {\n  if (raw == null) return undefined\n  if (!raw.includes('.')) return raw\n  const parts = raw.split('.')\n  let cursor: unknown = theme.palette\n  for (const part of parts) {\n    if (cursor == null || typeof cursor !== 'object') {\n      return raw\n    }\n    cursor = (cursor as Record<string, unknown>)[part]\n  }\n  return typeof cursor === 'string' ? cursor : raw\n}\n"],"mappings":";;AAWA,SAAgB,EACd,GACA,GACG;CACH,IAAI,CAAC,GAAU,OAAO;CACtB,IAAM,IAA+B,EAAE,GAAG,EAAK;CAC/C,KAAK,IAAM,KAAO,OAAO,KAAK,CAAQ,GAAkB;EACtD,IAAM,IAAI,EAAK,IACT,IAAI,EAAS;EACf,MAAM,KAAA,MACV,EAAI,KAAiB,EAAW,GAAG,CAAC;CACtC;CACA,OAAO;AACT;AAEA,SAAS,EAAW,GAAY,GAAqB;CACnD,IAAI,MAAM,QAAQ,CAAC,KAAK,MAAM,QAAQ,CAAC,GAAG;EACxC,IAAM,IAAM,KAAK,IAAI,EAAE,QAAQ,EAAE,MAAM,GACjC,IAAa,MAAe,CAAG;EACrC,KAAK,IAAI,IAAI,GAAG,IAAI,GAAK,KAAK;GAC5B,IAAM,IAAc,EAAE,IAChB,IAAc,EAAE;GACtB,AAAI,MAAO,KAAA,IAAW,EAAO,KAAK,IACzB,MAAO,KAAA,IAAW,EAAO,KAAK,IAClC,EAAO,KAAK,EAAW,GAAI,CAAE;EACpC;EACA,OAAO;CACT;CAIA,OAHI,EAAc,CAAC,KAAK,EAAc,CAAC,IAC9B;EAAE,GAAG;EAAG,GAAG;CAAE,IAEf;AACT;AAEA,SAAS,EAAc,GAA0C;CAC/D,IAAkB,OAAO,KAAM,aAA3B,GAAqC,OAAO;CAChD,IAAM,IAAQ,OAAO,eAAe,CAAC;CACrC,OAAO,MAAU,OAAO,aAAa,MAAU;AACjD;;;ACrCA,SAAgB,EACd,GACA,GACkB;CAElB,OADI,CAAC,MAAM,QAAQ,CAAQ,KAAK,EAAS,WAAW,IAAU,OACvD,EAAS,KAAK,MAAmB;EACtC,IAAqB,OAAO,KAAU,aAAlC,GAA4C,OAAO;EACvD,IAAM,IAAK;EAIX,OAHI,EAAG,SAAS,YAAY,IACnB;GAAE,GAAG;GAAI,QAAQ,EAAY;EAAuB,IAEtD;CACT,CAAC;AACH;;;ACPA,SAAgB,EACd,GACA,GACoB;CACpB,IAAI,KAAO,MAAM;CACjB,IAAI,CAAC,EAAI,SAAS,GAAG,GAAG,OAAO;CAC/B,IAAM,IAAQ,EAAI,MAAM,GAAG,GACvB,IAAkB,EAAM;CAC5B,KAAK,IAAM,KAAQ,GAAO;EACxB,IAAsB,OAAO,KAAW,aAApC,GACF,OAAO;EAET,IAAU,EAAmC;CAC/C;CACA,OAAO,OAAO,KAAW,WAAW,IAAS;AAC/C"}

package/dist/widget-store-BFPKYm4R.js

@@ -1,187 +0,0 @@
-import { create as e } from "zustand";
-//#region src/widgets/stores/widget-store.ts
-var t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map(), r = e()((e, r) => ({
-	widgets: {},
-	setWidget: (t, n) => {
-		e((e) => {
-			let r = e.widgets[t] ?? {};
-			return { widgets: {
-				...e.widgets,
-				[t]: {
-					...r,
-					...n,
-					id: t
-				}
-			} };
-		});
-	},
-	removeWidget: (t) => e((e) => {
-		let n = { ...e.widgets };
-		return delete n[t], { widgets: n };
-	}),
-	clearWidgets: () => e({ widgets: {} }),
-	getWidget: (e) => r().widgets[e],
-	registerTool: (t, n) => {
-		let i = r().widgets[t]?.registeredTools?.find((e) => e.id === n.id);
-		if (i?.order === n.order && i.enabled === n.enabled && i.type === n.type && i.disables === n.disables) {
-			i.fn = n.fn;
-			return;
-		}
-		e((e) => {
-			let r = e.widgets[t] ?? {}, i = (r.registeredTools ?? []).filter((e) => e.id !== n.id);
-			return { widgets: {
-				...e.widgets,
-				[t]: {
-					...r,
-					id: t,
-					registeredTools: [...i, n]
-				}
-			} };
-		});
-	},
-	unregisterTool: (t, n) => e((e) => {
-		let r = e.widgets[t];
-		if (!r) return e;
-		let i = (r.registeredTools ?? []).filter((e) => e.id !== n);
-		return { widgets: {
-			...e.widgets,
-			[t]: {
-				...r,
-				registeredTools: i
-			}
-		} };
-	}),
-	triggerToolPipeline: (t) => e((e) => {
-		let n = e.widgets[t];
-		return n ? { widgets: {
-			...e.widgets,
-			[t]: {
-				...n,
-				registeredTools: [...n.registeredTools ?? []]
-			}
-		} } : e;
-	}),
-	setToolEnabled: (t, n, i) => {
-		let a = r().widgets[t];
-		a && a.registeredTools?.find((e) => e.id === n)?.enabled === i || e((e) => {
-			let r = e.widgets[t];
-			if (!r) return e;
-			let a = (r.registeredTools ?? []).map((e) => e.id === n ? {
-				...e,
-				enabled: i
-			} : e);
-			return { widgets: {
-				...e.widgets,
-				[t]: {
-					...r,
-					registeredTools: a
-				}
-			} };
-		});
-	},
-	executeToolPipeline: async (n, i) => {
-		let a = r().widgets[n];
-		if (!a) return;
-		let o = (t.get(n) ?? 0) + 1;
-		t.set(n, o);
-		let s = a, c = /* @__PURE__ */ new Set();
-		for (let e of s.registeredTools ?? []) e.enabled && e.disables && e.disables.forEach((e) => c.add(e));
-		let l = [...s.registeredTools ?? []].filter((e) => (e.type ?? "data") === "data" && e.enabled && !c.has(e.id)).sort((e, t) => e.order - t.order), u = i;
-		for (let e of l) {
-			if (t.get(n) !== o) return;
-			try {
-				u = await e.fn(u);
-			} catch (t) {
-				console.error(`Tool ${e.id} failed for widget ${n}:`, t);
-			}
-		}
-		let d = r().widgets[n];
-		if (d && Object.is(d.data, u) && Object.is(d.sourceData, i)) {
-			t.get(n) === o && t.delete(n);
-			return;
-		}
-		e((e) => {
-			let t = e.widgets[n];
-			return t ? { widgets: {
-				...e.widgets,
-				[n]: {
-					...t,
-					sourceData: i,
-					data: u
-				}
-			} } : e;
-		}), t.get(n) === o && t.delete(n);
-	},
-	executeConfigPipeline: async (t, i) => {
-		let a = r().widgets[t];
-		if (!a) return;
-		let o = (n.get(t) ?? 0) + 1;
-		n.set(t, o);
-		let s = /* @__PURE__ */ new Set();
-		for (let e of a.registeredTools ?? []) e.enabled && e.disables && e.disables.forEach((e) => s.add(e));
-		let c = [...a.registeredTools ?? []].filter((e) => e.type === "config" && e.enabled && !s.has(e.id)).sort((e, t) => e.order - t.order), l = i;
-		for (let e of c) {
-			if (n.get(t) !== o) return;
-			try {
-				l = await e.fn(l);
-			} catch (n) {
-				console.error(`Config tool ${e.id} failed for widget ${t}:`, n);
-			}
-		}
-		let u = i, d = l, f = r().widgets[t], p = f?._lastConfig, m = {};
-		for (let e of Object.keys(d)) {
-			let t = !Object.is(d[e], u[e]), n = !p || !(e in p), r = !n && Object.is(f[e], p[e]);
-			(t || n || r) && (m[e] = d[e]);
-		}
-		if (!Object.keys(m).some((e) => !Object.is(f?.[e], m[e])) && Object.is(l, p)) {
-			n.get(t) === o && n.delete(t);
-			return;
-		}
-		e((e) => {
-			let n = e.widgets[t];
-			return n ? { widgets: {
-				...e.widgets,
-				[t]: {
-					...n,
-					...m,
-					_lastConfig: l
-				}
-			} } : e;
-		}), n.get(t) === o && n.delete(t);
-	}
-})), i = {
-	get setWidget() {
-		return r.getState().setWidget;
-	},
-	get removeWidget() {
-		return r.getState().removeWidget;
-	},
-	get clearWidgets() {
-		return r.getState().clearWidgets;
-	},
-	get getWidget() {
-		return r.getState().getWidget;
-	},
-	get registerTool() {
-		return r.getState().registerTool;
-	},
-	get unregisterTool() {
-		return r.getState().unregisterTool;
-	},
-	get setToolEnabled() {
-		return r.getState().setToolEnabled;
-	},
-	get triggerToolPipeline() {
-		return r.getState().triggerToolPipeline;
-	},
-	get executeToolPipeline() {
-		return r.getState().executeToolPipeline;
-	},
-	get executeConfigPipeline() {
-		return r.getState().executeConfigPipeline;
-	}
-};
-//#endregion
-export { i as n, r as t };
-
-//# sourceMappingURL=widget-store-BFPKYm4R.js.map

package/dist/widget-store-BFPKYm4R.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"widget-store-BFPKYm4R.js","names":[],"sources":["../src/widgets/stores/widget-store.ts"],"sourcesContent":["import { create } from 'zustand'\nimport type {\n  WidgetState,\n  WidgetStore,\n  ToolRegistration,\n  WidgetStoreActions,\n} from './types'\n\n// Track active pipeline executions for cancellation\nconst activePipelines = new Map<string, number>()\nconst activeConfigPipelines = new Map<string, number>()\n\n/**\n * Zustand store for managing widget state across the application.\n *\n * Provides centralized state management for all widget UI components, including\n * data/config transformation pipelines via registered tools.\n *\n * **Performance optimizations:**\n * - `registerTool` skips the store update when structural properties (order, enabled,\n *   type, disables) haven't changed — only `fn` is updated via direct mutation,\n *   avoiding a new `registeredTools` array reference and WidgetLoader pipeline cascades.\n * - `setToolEnabled` skips the store update when the enabled state is already the\n *   requested value.\n * - `executeToolPipeline` / `executeConfigPipeline` skip the final `set()` when\n *   the transformed data/config is referentially identical to what's already in the store.\n * - Both pipelines support cancellation — newer executions for the same widget\n *   automatically cancel in-progress ones.\n *\n * @example Reading widget state (prefer useWidgetSelector for performance)\n * ```tsx\n * import { useWidgetSelector } from '@carto/ps-react-ui/widgets'\n *\n * function MyWidget({ id }: { id: string }) {\n *   const { title, data } = useWidgetSelector(id, (w) => ({\n *     title: w?.title,\n *     data: w?.data,\n *   }))\n *   return <div>{title}: {JSON.stringify(data)}</div>\n * }\n * ```\n *\n * @example Writing widget state\n * ```tsx\n * import { widgetStoreActions } from '@carto/ps-react-ui/widgets'\n *\n * const { setWidget } = widgetStoreActions\n * setWidget('my-widget', { type: 'formula', isLoading: false, data: { value: 1000 } })\n * ```\n */\nexport const useWidgetStore = create<WidgetStore>()((set, get) => ({\n  // State\n  widgets: {},\n\n  // Actions\n\n  /** Merges partial state into the widget entry. Creates the widget if it doesn't exist. */\n  setWidget: (id, widget) => {\n    set((state) => {\n      const prev = state.widgets[id] ?? ({} as WidgetStore['widgets'][string])\n      return {\n        widgets: {\n          ...state.widgets,\n          [id]: {\n            ...prev,\n            ...widget,\n            id,\n          },\n        },\n      }\n    })\n  },\n\n  removeWidget: (id) =>\n    set((state) => {\n      const widgets = { ...state.widgets }\n\n      delete widgets[id]\n\n      return { widgets }\n    }),\n\n  clearWidgets: () =>\n    set({\n      widgets: {},\n    }),\n\n  getWidget: <T extends WidgetState>(id: string) => {\n    return get().widgets[id] as T | undefined\n  },\n\n  /**\n   * Registers a transformation tool for a widget's data or config pipeline.\n   *\n   * **No-op optimization:** When a tool with the same `id` already exists and its\n   * structural properties (`order`, `enabled`, `type`, `disables`) are unchanged,\n   * only `fn` is updated via direct mutation — no store update is triggered. This\n   * allows action components to include all reactive dependencies in their\n   * `useEffect` arrays without causing WidgetLoader pipeline cascades.\n   */\n  registerTool: (widgetId: string, tool: ToolRegistration) => {\n    const current = get().widgets[widgetId]\n    const existingTool = current?.registeredTools?.find(\n      (t: ToolRegistration) => t.id === tool.id,\n    )\n\n    // No-op: structural properties unchanged — update fn via direct mutation.\n    // Safe because fn is only consumed imperatively during pipeline execution.\n    if (\n      existingTool?.order === tool.order &&\n      existingTool.enabled === tool.enabled &&\n      existingTool.type === tool.type &&\n      existingTool.disables === tool.disables\n    ) {\n      existingTool.fn = tool.fn\n      return\n    }\n\n    set((state) => {\n      const widget = state.widgets[widgetId] ?? ({} as WidgetState)\n      const registeredTools = widget.registeredTools ?? []\n\n      // Remove existing tool with same id if present\n      const filteredTools = registeredTools.filter(\n        (t: ToolRegistration) => t.id !== tool.id,\n      )\n\n      return {\n        widgets: {\n          ...state.widgets,\n          [widgetId]: {\n            ...widget,\n            id: widgetId,\n            registeredTools: [...filteredTools, tool],\n          },\n        },\n      }\n    })\n  },\n\n  unregisterTool: (widgetId: string, toolId: string) =>\n    set((state) => {\n      const current = state.widgets[widgetId]\n      if (!current) return state\n\n      const registeredTools = current.registeredTools ?? []\n      const filteredTools = registeredTools.filter(\n        (t: ToolRegistration) => t.id !== toolId,\n      )\n\n      return {\n        widgets: {\n          ...state.widgets,\n          [widgetId]: {\n            ...current,\n            registeredTools: filteredTools,\n          },\n        },\n      }\n    }),\n\n  /**\n   * Triggers pipeline re-execution by creating a new `registeredTools` reference.\n   * This is a lightweight operation that only bumps the array reference without\n   * modifying any tool.\n   */\n  triggerToolPipeline: (widgetId: string) =>\n    set((state) => {\n      const widget = state.widgets[widgetId]\n      if (!widget) return state\n\n      return {\n        widgets: {\n          ...state.widgets,\n          [widgetId]: {\n            ...widget,\n            registeredTools: [...(widget.registeredTools ?? [])],\n          },\n        },\n      }\n    }),\n\n  /**\n   * Updates a tool's enabled state.\n   *\n   * **No-op optimization:** Skips the store update if the tool already has the\n   * requested enabled value.\n   */\n  setToolEnabled: (widgetId: string, toolId: string, enabled: boolean) => {\n    const current = get().widgets[widgetId]\n    if (current) {\n      const tool = current.registeredTools?.find(\n        (t: ToolRegistration) => t.id === toolId,\n      )\n      if (tool?.enabled === enabled) return\n    }\n\n    set((state) => {\n      const widget = state.widgets[widgetId]\n      if (!widget) return state\n\n      const registeredTools = widget.registeredTools ?? []\n      const updatedTools = registeredTools.map((tool: ToolRegistration) =>\n        tool.id === toolId ? { ...tool, enabled } : tool,\n      )\n\n      return {\n        widgets: {\n          ...state.widgets,\n          [widgetId]: {\n            ...widget,\n            registeredTools: updatedTools,\n          },\n        },\n      }\n    })\n  },\n\n  /**\n   * Executes the data transformation pipeline for a widget.\n   *\n   * Filters to enabled data-type tools (respecting `disables`), sorts by `order`,\n   * and chains their `fn` calls. Supports async tools.\n   *\n   * **Cancellation:** Newer executions for the same widget automatically cancel\n   * in-progress ones via a version counter.\n   *\n   * **No-op optimization:** Skips the final `set()` if the transformed data is\n   * referentially identical (`Object.is`) to what's already in the store.\n   */\n  executeToolPipeline: async (widgetId: string, sourceData: unknown) => {\n    const widget = get().widgets[widgetId]\n    if (!widget) return\n\n    // Cancel any in-progress pipeline for this widget\n    const currentExecution = (activePipelines.get(widgetId) ?? 0) + 1\n    activePipelines.set(widgetId, currentExecution)\n\n    const widgetWithTools = widget\n\n    // Build set of tool IDs that should be disabled\n    const disabledToolIds = new Set<string>()\n    for (const tool of widgetWithTools.registeredTools ?? []) {\n      if (tool.enabled && tool.disables) {\n        tool.disables.forEach((id) => disabledToolIds.add(id))\n      }\n    }\n\n    // Sort tools by order and filter enabled data-only tools, excluding disabled tools\n    const sortedTools = [...(widgetWithTools.registeredTools ?? [])]\n      .filter(\n        (tool) =>\n          (tool.type ?? 'data') === 'data' &&\n          tool.enabled &&\n          !disabledToolIds.has(tool.id),\n      )\n      .sort((a, b) => a.order - b.order)\n\n    // Execute pipeline - handle both sync and async tools\n    let transformedData = sourceData\n    for (const tool of sortedTools) {\n      // Check if this execution was cancelled\n      if (activePipelines.get(widgetId) !== currentExecution) {\n        return\n      }\n\n      try {\n        // Call tool function (may return Promise or direct value)\n        transformedData = await tool.fn(transformedData)\n      } catch (error) {\n        // eslint-disable-next-line no-console\n        console.error(`Tool ${tool.id} failed for widget ${widgetId}:`, error)\n        // Continue with current data to prevent one tool from breaking all\n      }\n    }\n\n    // Skip store update if neither data nor sourceData changed\n    const widgetAfter = get().widgets[widgetId]\n    if (\n      widgetAfter &&\n      Object.is(widgetAfter.data, transformedData) &&\n      Object.is(widgetAfter.sourceData, sourceData)\n    ) {\n      if (activePipelines.get(widgetId) === currentExecution) {\n        activePipelines.delete(widgetId)\n      }\n      return\n    }\n\n    // Single store update with final transformed data\n    set((state) => {\n      const currentWidget = state.widgets[widgetId]\n      if (!currentWidget) return state\n\n      return {\n        widgets: {\n          ...state.widgets,\n          [widgetId]: {\n            ...currentWidget,\n            sourceData,\n            data: transformedData,\n          },\n        },\n      }\n    })\n\n    // Clean up tracking\n    if (activePipelines.get(widgetId) === currentExecution) {\n      activePipelines.delete(widgetId)\n    }\n  },\n\n  /**\n   * Executes the config transformation pipeline for a widget.\n   *\n   * Filters to enabled config-type tools (respecting `disables`), sorts by `order`,\n   * and chains their `fn` calls. The transformed config is spread into the widget state.\n   *\n   * **Cancellation:** Newer executions for the same widget automatically cancel\n   * in-progress ones via a version counter.\n   *\n   * **No-op optimization:** Skips the final `set()` when the config object is unchanged\n   * and all its properties already match what's in the store.\n   */\n  executeConfigPipeline: async (widgetId: string, baseConfig: object) => {\n    const widget = get().widgets[widgetId]\n    if (!widget) return\n\n    // Cancel any in-progress config pipeline for this widget\n    const currentExecution = (activeConfigPipelines.get(widgetId) ?? 0) + 1\n    activeConfigPipelines.set(widgetId, currentExecution)\n\n    // Build set of tool IDs that should be disabled (cross-type disabling works)\n    const disabledToolIds = new Set<string>()\n    for (const tool of widget.registeredTools ?? []) {\n      if (tool.enabled && tool.disables) {\n        tool.disables.forEach((id) => disabledToolIds.add(id))\n      }\n    }\n\n    // Filter to config tools only, sort by order\n    const sortedTools = [...(widget.registeredTools ?? [])]\n      .filter(\n        (tool) =>\n          tool.type === 'config' &&\n          tool.enabled &&\n          !disabledToolIds.has(tool.id),\n      )\n      .sort((a, b) => a.order - b.order)\n\n    // Chain config tools\n    let transformedConfig: unknown = baseConfig\n    for (const tool of sortedTools) {\n      if (activeConfigPipelines.get(widgetId) !== currentExecution) {\n        return\n      }\n\n      try {\n        transformedConfig = await tool.fn(transformedConfig)\n      } catch (error) {\n        // eslint-disable-next-line no-console\n        console.error(\n          `Config tool ${tool.id} failed for widget ${widgetId}:`,\n          error,\n        )\n      }\n    }\n\n    // Build a patch that only includes properties the pipeline should set.\n    // A property is applied when:\n    //   1. A config tool explicitly changed it (transformedConfig[k] !== baseConfig[k])\n    //   2. First pipeline run for this widget (no _lastConfig yet)\n    //   3. The widget value still matches what the pipeline last set — meaning the\n    //      user hasn't modified it via setWidget, so it's safe to overwrite.\n    // A property is SKIPPED when the widget value differs from _lastConfig,\n    // meaning the user (or a hook) changed it since the last pipeline run.\n    const base = baseConfig as Record<string, unknown>\n    const result = transformedConfig as Record<string, unknown>\n    const widgetNow = get().widgets[widgetId] as unknown as Record<\n      string,\n      unknown\n    >\n    const lastConfig = widgetNow?._lastConfig as\n      Record<string, unknown> | undefined\n\n    const patch: Record<string, unknown> = {}\n    for (const key of Object.keys(result)) {\n      const toolChanged = !Object.is(result[key], base[key])\n      const isFirstRun = !lastConfig || !(key in lastConfig)\n      const userUnmodified =\n        !isFirstRun && Object.is(widgetNow[key], lastConfig[key])\n\n      if (toolChanged || isFirstRun || userUnmodified) {\n        patch[key] = result[key]\n      }\n    }\n\n    // Skip store update if every patch value already matches the widget\n    const hasChanges = Object.keys(patch).some(\n      (k) => !Object.is(widgetNow?.[k], patch[k]),\n    )\n    const configRefChanged = !Object.is(transformedConfig, lastConfig)\n\n    if (!hasChanges && !configRefChanged) {\n      if (activeConfigPipelines.get(widgetId) === currentExecution) {\n        activeConfigPipelines.delete(widgetId)\n      }\n      return\n    }\n\n    // Apply the patch and store the pipeline output for next run's comparison\n    set((state) => {\n      const currentWidget = state.widgets[widgetId]\n      if (!currentWidget) return state\n\n      return {\n        widgets: {\n          ...state.widgets,\n          [widgetId]: {\n            ...currentWidget,\n            ...patch,\n            _lastConfig: transformedConfig,\n          },\n        },\n      }\n    })\n\n    if (activeConfigPipelines.get(widgetId) === currentExecution) {\n      activeConfigPipelines.delete(widgetId)\n    }\n  },\n}))\n\n/**\n * Stable references to store actions, accessible without creating a subscription.\n *\n * Use this instead of `useWidgetStore((state) => state.setWidget)` to avoid\n * unnecessary subscriber evaluations. Actions are stable functions that never\n * change, so subscribing to them wastes cycles on every store update.\n *\n * @example\n * ```tsx\n * import { widgetStoreActions } from '@carto/ps-react-ui/widgets'\n *\n * const { setWidget, registerTool } = widgetStoreActions\n *\n * useEffect(() => {\n *   registerTool(id, { id: 'my-tool', order: 10, enabled: true, fn: (d) => d })\n *   return () => widgetStoreActions.unregisterTool(id, 'my-tool')\n * }, [id])\n * ```\n */\nexport const widgetStoreActions: WidgetStoreActions = {\n  get setWidget() {\n    return useWidgetStore.getState().setWidget\n  },\n  get removeWidget() {\n    return useWidgetStore.getState().removeWidget\n  },\n  get clearWidgets() {\n    return useWidgetStore.getState().clearWidgets\n  },\n  get getWidget() {\n    return useWidgetStore.getState().getWidget\n  },\n  get registerTool() {\n    return useWidgetStore.getState().registerTool\n  },\n  get unregisterTool() {\n    return useWidgetStore.getState().unregisterTool\n  },\n  get setToolEnabled() {\n    return useWidgetStore.getState().setToolEnabled\n  },\n  get triggerToolPipeline() {\n    return useWidgetStore.getState().triggerToolPipeline\n  },\n  get executeToolPipeline() {\n    return useWidgetStore.getState().executeToolPipeline\n  },\n  get executeConfigPipeline() {\n    return useWidgetStore.getState().executeConfigPipeline\n  },\n} as WidgetStoreActions\n"],"mappings":"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"}

package/dist/widgets/category.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"category.js","names":["{\n  value,\n  maxValue,\n  color,\n  selected = true,\n}: CategoryBarProps","selected = true","selected\n    ? { ...styles.barFill, width: `${percentage}%`, backgroundColor: color }\n    : { ...styles.barFill, ...styles.barFillMuted, width: `${percentage}%` }","<Box sx={styles.bar}>\n      <Box sx={barFillSx} />\n    </Box>","{\n  name,\n  value,\n  maxValue,\n  color,\n  formatter,\n  labelFormatter,\n  onClick,\n  selected = true,\n}: CategoryRowSingleProps","selected = true","onClick\n    ? () =>\n        onClick({\n          name,\n        })\n    : undefined","labelFormatter ? labelFormatter(name) : name","<Typography sx={styles.rowLabel}>\n          {labelFormatter ? labelFormatter(name) : name}\n        </Typography>","formatter(value)","<Typography sx={styles.rowValue}>{formatter(value)}</Typography>","<Box sx={styles.rowHeader}>\n        <Typography sx={styles.rowLabel}>\n          {labelFormatter ? labelFormatter(name) : name}\n        </Typography>\n        <Typography sx={styles.rowValue}>{formatter(value)}</Typography>\n      </Box>","<CategoryBar\n        value={value}\n        maxValue={maxValue}\n        color={color}\n        selected={selected}\n      />","<Box sx={rowStyle} onClick={handleClick}>\n      <Box sx={styles.rowHeader}>\n        <Typography sx={styles.rowLabel}>\n          {labelFormatter ? labelFormatter(name) : name}\n        </Typography>\n        <Typography sx={styles.rowValue}>{formatter(value)}</Typography>\n      </Box>\n      <CategoryBar\n        value={value}\n        maxValue={maxValue}\n        color={color}\n        selected={selected}\n      />\n    </Box>","{\n  name,\n  values,\n  maxValue,\n  colors,\n  formatter,\n  labelFormatter,\n  onClick,\n  selected = true,\n}: CategoryRowMultiProps","selected = true","onClick ? () => onClick({ name }) : undefined","labelFormatter ? labelFormatter(name) : name","<Typography sx={styles.rowLabel}>\n        {labelFormatter ? labelFormatter(name) : name}\n      </Typography>","values.map((value, index) => (\n          <Box key={`${name}-${value}-${index}`} sx={styles.multiBarRow}>\n            <Box sx={styles.multiBarContainer}>\n              <CategoryBar\n                value={value}\n                maxValue={maxValue}\n                color={colors[index % colors.length] ?? ''}\n                selected={selected}\n              />\n            </Box>\n            <Typography sx={styles.multiBarValue}>\n              {formatter(value)}\n            </Typography>\n          </Box>\n        ))","colors.length","(value, index) => (\n          <Box key={`${name}-${value}-${index}`} sx={styles.multiBarRow}>\n            <Box sx={styles.multiBarContainer}>\n              <CategoryBar\n                value={value}\n                maxValue={maxValue}\n                color={colors[index % colors.length] ?? ''}\n                selected={selected}\n              />\n            </Box>\n            <Typography sx={styles.multiBarValue}>\n              {formatter(value)}\n            </Typography>\n          </Box>\n        )","<Box sx={styles.barContainer}>\n        {values.map((value, index) => (\n          <Box key={`${name}-${value}-${index}`} sx={styles.multiBarRow}>\n            <Box sx={styles.multiBarContainer}>\n              <CategoryBar\n                value={value}\n                maxValue={maxValue}\n                color={colors[index % colors.length] ?? ''}\n                selected={selected}\n              />\n            </Box>\n            <Typography sx={styles.multiBarValue}>\n              {formatter(value)}\n            </Typography>\n          </Box>\n        ))}\n      </Box>","<Box sx={rowStyle} onClick={handleClick}>\n      <Typography sx={styles.rowLabel}>\n        {labelFormatter ? labelFormatter(name) : name}\n      </Typography>\n      <Box sx={styles.barContainer}>\n        {values.map((value, index) => (\n          <Box key={`${name}-${value}-${index}`} sx={styles.multiBarRow}>\n            <Box sx={styles.multiBarContainer}>\n              <CategoryBar\n                value={value}\n                maxValue={maxValue}\n                color={colors[index % colors.length] ?? ''}\n                selected={selected}\n              />\n            </Box>\n            <Typography sx={styles.multiBarValue}>\n              {formatter(value)}\n            </Typography>\n          </Box>\n        ))}\n      </Box>\n    </Box>","{\n  hiddenCount,\n  otherLabel = 'Other',\n  otherCountLabel = '{count} more',\n}: CategoryRowOtherProps","otherLabel = 'Other'","otherCountLabel = '{count} more'","otherCountLabel.replace('{count}', String(hiddenCount))","<Typography sx={styles.otherLabel}>{otherLabel}</Typography>","<Typography sx={styles.otherCount}>({countText})</Typography>","<Box sx={styles.otherRow}>\n      <Typography sx={styles.otherLabel}>{otherLabel}</Typography>\n      <Typography sx={styles.otherCount}>({countText})</Typography>\n    </Box>","{ series, colors }: CategoryLegendProps","series.map((item, index) => (\n        <Box key={item.name} sx={styles.legendItem}>\n          <Box\n            sx={{\n              ...styles.legendDot,\n              backgroundColor: item.color ?? colors[index % colors.length],\n            }}\n          />\n          <Typography sx={styles.legendLabel}>{item.name}</Typography>\n        </Box>\n      ))","colors.length","(item, index) => (\n        <Box key={item.name} sx={styles.legendItem}>\n          <Box\n            sx={{\n              ...styles.legendDot,\n              backgroundColor: item.color ?? colors[index % colors.length],\n            }}\n          />\n          <Typography sx={styles.legendLabel}>{item.name}</Typography>\n        </Box>\n      )","<Box sx={styles.legend}>\n      {series.map((item, index) => (\n        <Box key={item.name} sx={styles.legendItem}>\n          <Box\n            sx={{\n              ...styles.legendDot,\n              backgroundColor: item.color ?? colors[index % colors.length],\n            }}\n          />\n          <Typography sx={styles.legendLabel}>{item.name}</Typography>\n        </Box>\n      ))}\n    </Box>","{ id }: CategoryUIProps","(w) => {\n    const cw = w as CategoryWidgetState | undefined\n    return {\n      _formatter: cw?.formatter,\n      _labelFormatter: cw?.labelFormatter,\n      _series: cw?.series,\n      data: cw?.data,\n      maxItems: cw?.maxItems,\n      labels: cw?.labels,\n      onRowClick: cw?.onRowClick,\n      selected: cw?.selected,\n      max: cw?.max,\n    }\n  }","_series ?? []","series.length > 0\n      ? series.map(\n          (s, index: number) =>\n            s.color ??\n            qualitativeColors[index % qualitativeColors.length] ??\n            theme.palette.secondary.main,\n        )\n      : [theme.palette.secondary.main]","bold","secondary","series.length","Box","styles.list","{ maxHeight, overflow: hiddenCount === 0 ? 'auto' : 'hidden' }","isMulti\n          ? visibleData.map((item) => (\n              <CategoryRowMulti\n                key={item.name}\n                name={item.name}\n                values={item.values}\n                maxValue={maxValue}\n                colors={colors}\n                formatter={formatter}\n                labelFormatter={labelFormatter}\n                onClick={onRowClick}\n                selected={selected?.(item.name) ?? true}\n              />\n            ))\n          : visibleData.map((item) => (\n              <CategoryRowSingle\n                key={item.name}\n                name={item.name}\n                value={item.values[0] ?? 0}\n                selected={selected?.(item.name) ?? true}\n                maxValue={maxValue}\n                color={colors[0]!}\n                formatter={formatter}\n                labelFormatter={labelFormatter}\n                onClick={onRowClick}\n              />\n            ))","ref","{\n        ...styles.root,\n      }","length","(item) => item.values","hiddenCount === 0 ? 'auto' : 'hidden'","item","hiddenCount > 0 && (\n          <CategoryRowOther\n            hiddenCount={hiddenCount}\n            otherLabel={labels?.other}\n            otherCountLabel={labels?.otherCount}\n          />\n        )","other","otherCount","<Box\n        sx={styles.list}\n        style={{ maxHeight, overflow: hiddenCount === 0 ? 'auto' : 'hidden' }}\n      >\n        {isMulti\n          ? visibleData.map((item) => (\n              <CategoryRowMulti\n                key={item.name}\n                name={item.name}\n                values={item.values}\n                maxValue={maxValue}\n                colors={colors}\n                formatter={formatter}\n                labelFormatter={labelFormatter}\n                onClick={onRowClick}\n                selected={selected?.(item.name) ?? true}\n              />\n            ))\n          : visibleData.map((item) => (\n              <CategoryRowSingle\n                key={item.name}\n                name={item.name}\n                value={item.values[0] ?? 0}\n                selected={selected?.(item.name) ?? true}\n                maxValue={maxValue}\n                color={colors[0]!}\n                formatter={formatter}\n                labelFormatter={labelFormatter}\n                onClick={onRowClick}\n              />\n            ))}\n        {hiddenCount > 0 && (\n          <CategoryRowOther\n            hiddenCount={hiddenCount}\n            otherLabel={labels?.other}\n            otherCountLabel={labels?.otherCount}\n          />\n        )}\n      </Box>","series.length > 0 && <CategoryLegend series={series} colors={colors} />","<Box\n      ref={ref}\n      sx={{\n        ...styles.root,\n      }}\n    >\n      <Box\n        sx={styles.list}\n        style={{ maxHeight, overflow: hiddenCount === 0 ? 'auto' : 'hidden' }}\n      >\n        {isMulti\n          ? visibleData.map((item) => (\n              <CategoryRowMulti\n                key={item.name}\n                name={item.name}\n                values={item.values}\n                maxValue={maxValue}\n                colors={colors}\n                formatter={formatter}\n                labelFormatter={labelFormatter}\n                onClick={onRowClick}\n                selected={selected?.(item.name) ?? true}\n              />\n            ))\n          : visibleData.map((item) => (\n              <CategoryRowSingle\n                key={item.name}\n                name={item.name}\n                value={item.values[0] ?? 0}\n                selected={selected?.(item.name) ?? true}\n                maxValue={maxValue}\n                color={colors[0]!}\n                formatter={formatter}\n                labelFormatter={labelFormatter}\n                onClick={onRowClick}\n              />\n            ))}\n        {hiddenCount > 0 && (\n          <CategoryRowOther\n            hiddenCount={hiddenCount}\n            otherLabel={labels?.other}\n            otherCountLabel={labels?.otherCount}\n          />\n        )}\n      </Box>\n      {series.length > 0 && <CategoryLegend series={series} colors={colors} />}\n    </Box>","<Box sx={styles.list} aria-label='Category skeleton'>\n      {Array.from({ length: 5 }).map((_, index) => (\n        <Box key={index} sx={styles.row}>\n          <Box sx={styles.rowHeader}>\n            <Skeleton width={80} height={16} />\n            <Skeleton width={40} height={16} />\n          </Box>\n          <Skeleton\n            variant='rectangular'\n            height={4}\n            sx={{ borderRadius: 2, width: `${widthPatterns[index]}%` }}\n          />\n        </Box>\n      ))}\n    </Box>","(_, index) => (\n        <Box key={index} sx={styles.row}>\n          <Box sx={styles.rowHeader}>\n            <Skeleton width={80} height={16} />\n            <Skeleton width={40} height={16} />\n          </Box>\n          <Skeleton\n            variant='rectangular'\n            height={4}\n            sx={{ borderRadius: 2, width: `${widthPatterns[index]}%` }}\n          />\n        </Box>\n      )"],"sources":["../../src/widgets/category/style.ts","../../src/widgets/category/components/category-bar.tsx","../../src/widgets/category/components/category-row-single.tsx","../../src/widgets/category/components/category-row-multi.tsx","../../src/widgets/category/components/category-row-other.tsx","../../src/widgets/category/components/category-legend.tsx","../../src/widgets/category/category-ui.tsx","../../src/widgets/category/skeleton.tsx","../../src/widgets/category/config.ts"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material'\n\nexport const styles = {\n  root: {\n    display: 'flex',\n    flexDirection: 'column',\n    position: 'relative',\n    width: '100%',\n  },\n  list: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: (theme: Theme) => theme.spacing(1),\n  },\n  row: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: (theme: Theme) => theme.spacing(0.5),\n    pointerEvents: 'none',\n  },\n  rowClickable: {\n    pointerEvents: 'auto',\n    // display: 'flex',\n    // flexDirection: 'column',\n    // gap: (theme: Theme) => theme.spacing(0.5),\n    // cursor: 'pointer',\n    // borderRadius: 1,\n    // padding: (theme: Theme) => theme.spacing(0.5),\n    // margin: (theme: Theme) => theme.spacing(-0.5),\n    // transition: 'background-color 0.15s ease-in-out',\n    // '&:hover': {\n    //   backgroundColor: (theme: Theme) => theme.palette.action.hover,\n    // },\n  },\n  rowHeader: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n  },\n  rowLabel: {\n    typography: 'body2',\n    fontWeight: 'medium',\n    color: 'text.primary',\n  },\n  rowValue: {\n    typography: 'body2',\n    color: 'text.secondary',\n  },\n  barContainer: {\n    display: 'flex',\n    flexDirection: 'column',\n  },\n  bar: {\n    height: 4,\n    borderRadius: 2,\n    backgroundColor: (theme: Theme) => theme.palette.action.disabledBackground,\n    overflow: 'hidden',\n    position: 'relative',\n    transition: 'background-color 0.15s ease-in-out',\n    cursor: 'pointer',\n    '&:hover': {\n      backgroundColor: (theme: Theme) => theme.palette.action.hover,\n\n      '& > div': {\n        filter: 'brightness(1.2)',\n      },\n    },\n  },\n  barFill: {\n    height: '100%',\n    borderRadius: 2,\n    transition: 'width 0.3s ease-in-out, background-color 0.15s ease-in-out',\n  },\n  barFillMuted: {\n    backgroundColor: (theme: Theme) => theme.palette.action.disabled,\n  },\n  legend: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: (theme: Theme) => theme.spacing(2),\n    flexWrap: 'wrap',\n    paddingTop: (theme: Theme) => theme.spacing(2),\n    position: 'sticky',\n    bottom: 0,\n    backgroundColor: 'background.paper',\n    borderTop: (theme: Theme) => `1px solid ${theme.palette.divider}`,\n    marginTop: (theme: Theme) => theme.spacing(2),\n  },\n  legendItem: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: (theme: Theme) => theme.spacing(1),\n  },\n  legendDot: {\n    width: 8,\n    height: 8,\n    borderRadius: '50%',\n  },\n  legendLabel: {\n    typography: 'caption',\n    color: 'text.secondary',\n    textTransform: 'uppercase',\n    fontWeight: 'medium',\n  },\n  multiBarRow: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: (theme: Theme) => theme.spacing(1),\n  },\n  multiBarValue: {\n    typography: 'body2',\n    color: 'text.secondary',\n    minWidth: 48,\n    textAlign: 'right',\n  },\n  multiBarContainer: {\n    flex: 1,\n  },\n  otherRow: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n  },\n  otherLabel: {\n    typography: 'body2',\n    fontWeight: 'medium',\n    color: 'text.secondary',\n    fontStyle: 'italic',\n  },\n  otherCount: {\n    typography: 'body2',\n    color: 'text.disabled',\n  },\n} satisfies Record<string, SxProps<Theme>>\n","import { Box } from '@mui/material'\nimport { styles } from '../style'\n\nexport interface CategoryBarProps {\n  value: number\n  maxValue: number\n  color: string\n  selected?: boolean\n}\n\n/**\n * Renders a single horizontal bar fill proportional to its value relative to the maximum.\n */\nexport function CategoryBar({\n  value,\n  maxValue,\n  color,\n  selected = true,\n}: CategoryBarProps) {\n  const percentage = maxValue > 0 ? (value / maxValue) * 100 : 0\n\n  const barFillSx = selected\n    ? { ...styles.barFill, width: `${percentage}%`, backgroundColor: color }\n    : { ...styles.barFill, ...styles.barFillMuted, width: `${percentage}%` }\n\n  return (\n    <Box sx={styles.bar}>\n      <Box sx={barFillSx} />\n    </Box>\n  )\n}\n","import { Box, Typography } from '@mui/material'\nimport { styles } from '../style'\nimport { CategoryBar } from './category-bar'\nimport type { CategoryWidgetConfig } from '../types'\n\nexport interface CategoryRowSingleProps {\n  name: string\n  value: number\n  maxValue: number\n  color: string\n  formatter: NonNullable<CategoryWidgetConfig['formatter']>\n  labelFormatter?: CategoryWidgetConfig['labelFormatter']\n  onClick?: CategoryWidgetConfig['onRowClick']\n  selected?: boolean\n}\n\n/**\n * Renders a single-series category row with a label, formatted value, and proportional bar.\n */\nexport function CategoryRowSingle({\n  name,\n  value,\n  maxValue,\n  color,\n  formatter,\n  labelFormatter,\n  onClick,\n  selected = true,\n}: CategoryRowSingleProps) {\n  const handleClick = onClick\n    ? () =>\n        onClick({\n          name,\n        })\n    : undefined\n  const rowStyle = onClick ? styles.rowClickable : styles.row\n\n  return (\n    <Box sx={rowStyle} onClick={handleClick}>\n      <Box sx={styles.rowHeader}>\n        <Typography sx={styles.rowLabel}>\n          {labelFormatter ? labelFormatter(name) : name}\n        </Typography>\n        <Typography sx={styles.rowValue}>{formatter(value)}</Typography>\n      </Box>\n      <CategoryBar\n        value={value}\n        maxValue={maxValue}\n        color={color}\n        selected={selected}\n      />\n    </Box>\n  )\n}\n","import { Box, Typography } from '@mui/material'\nimport { styles } from '../style'\nimport { CategoryBar } from './category-bar'\nimport type { CategoryWidgetConfig } from '../types'\n\nexport interface CategoryRowMultiProps {\n  name: string\n  values: number[]\n  maxValue: number\n  colors: string[]\n  formatter: NonNullable<CategoryWidgetConfig['formatter']>\n  labelFormatter?: CategoryWidgetConfig['labelFormatter']\n  onClick?: CategoryWidgetConfig['onRowClick']\n  selected?: boolean\n}\n\n/**\n * Renders a multi-series category row with a label and multiple color-coded bars stacked vertically.\n */\nexport function CategoryRowMulti({\n  name,\n  values,\n  maxValue,\n  colors,\n  formatter,\n  labelFormatter,\n  onClick,\n  selected = true,\n}: CategoryRowMultiProps) {\n  const handleClick = onClick ? () => onClick({ name }) : undefined\n  const rowStyle = onClick ? styles.rowClickable : styles.row\n\n  return (\n    <Box sx={rowStyle} onClick={handleClick}>\n      <Typography sx={styles.rowLabel}>\n        {labelFormatter ? labelFormatter(name) : name}\n      </Typography>\n      <Box sx={styles.barContainer}>\n        {values.map((value, index) => (\n          <Box key={`${name}-${value}-${index}`} sx={styles.multiBarRow}>\n            <Box sx={styles.multiBarContainer}>\n              <CategoryBar\n                value={value}\n                maxValue={maxValue}\n                color={colors[index % colors.length] ?? ''}\n                selected={selected}\n              />\n            </Box>\n            <Typography sx={styles.multiBarValue}>\n              {formatter(value)}\n            </Typography>\n          </Box>\n        ))}\n      </Box>\n    </Box>\n  )\n}\n","import { Box, Typography } from '@mui/material'\nimport { styles } from '../style'\n\nexport interface CategoryRowOtherProps {\n  hiddenCount: number\n  otherLabel?: string\n  otherCountLabel?: string\n}\n\n/**\n * Renders an \"Other\" summary row indicating how many additional categories are hidden beyond `maxItems`.\n */\nexport function CategoryRowOther({\n  hiddenCount,\n  otherLabel = 'Other',\n  otherCountLabel = '{count} more',\n}: CategoryRowOtherProps) {\n  const countText = otherCountLabel.replace('{count}', String(hiddenCount))\n\n  return (\n    <Box sx={styles.otherRow}>\n      <Typography sx={styles.otherLabel}>{otherLabel}</Typography>\n      <Typography sx={styles.otherCount}>({countText})</Typography>\n    </Box>\n  )\n}\n","import { Box, Typography } from '@mui/material'\nimport { styles } from '../style'\nimport type { CategorySeriesConfig } from '../types'\n\nexport interface CategoryLegendProps {\n  series: CategorySeriesConfig[]\n  colors: string[]\n}\n\n/**\n * Renders a color-coded legend for multi-series category widgets.\n */\nexport function CategoryLegend({ series, colors }: CategoryLegendProps) {\n  if (series.length === 0) {\n    return null\n  }\n\n  return (\n    <Box sx={styles.legend}>\n      {series.map((item, index) => (\n        <Box key={item.name} sx={styles.legendItem}>\n          <Box\n            sx={{\n              ...styles.legendDot,\n              backgroundColor: item.color ?? colors[index % colors.length],\n            }}\n          />\n          <Typography sx={styles.legendLabel}>{item.name}</Typography>\n        </Box>\n      ))}\n    </Box>\n  )\n}\n","import { Box, useTheme } from '@mui/material'\nimport { useWidgetSelector } from '../stores/use-widget-selector'\nimport { styles } from './style'\nimport type { CategoryUIProps, CategoryWidgetState } from './types'\nimport { CategoryRowSingle } from './components/category-row-single'\nimport { CategoryRowMulti } from './components/category-row-multi'\nimport { CategoryRowOther } from './components/category-row-other'\nimport { CategoryLegend } from './components/category-legend'\nimport { useState } from 'react'\nimport { defaultFormatter, defaultLabelFormatter } from '../utils/formatter'\nimport { useWidgetRef } from '../../hooks'\n\n/**\n * Renders a category widget displaying horizontal bars for categorical data with support for single and multi-series layouts, selection, and overflow grouping.\n */\nexport function CategoryUI({ id }: CategoryUIProps) {\n  const { ref } = useWidgetRef<HTMLDivElement>(id)\n  const theme = useTheme()\n\n  // Single consolidated subscription instead of 9 separate ones.\n  const {\n    _formatter,\n    _labelFormatter,\n    _series,\n    data,\n    maxItems,\n    labels,\n    onRowClick,\n    selected,\n    max,\n  } = useWidgetSelector(id, (w) => {\n    const cw = w as CategoryWidgetState | undefined\n    return {\n      _formatter: cw?.formatter,\n      _labelFormatter: cw?.labelFormatter,\n      _series: cw?.series,\n      data: cw?.data,\n      maxItems: cw?.maxItems,\n      labels: cw?.labels,\n      onRowClick: cw?.onRowClick,\n      selected: cw?.selected,\n      max: cw?.max,\n    }\n  })\n\n  const formatter = _formatter ?? defaultFormatter\n  const labelFormatter = _labelFormatter ?? defaultLabelFormatter\n  const series = _series ?? []\n\n  const [maxHeight] = useState<string | number | undefined>(\n    maxItems ? 40 * (series.length || 1) * maxItems : undefined,\n  )\n\n  const qualitativeColors = Object.values(theme.palette.qualitative.bold)\n\n  const colors =\n    series.length > 0\n      ? series.map(\n          (s, index: number) =>\n            s.color ??\n            qualitativeColors[index % qualitativeColors.length] ??\n            theme.palette.secondary.main,\n        )\n      : [theme.palette.secondary.main]\n\n  // Group data items by name to support multi-series display\n  // data is CategoryDataItem[][] where data[seriesIndex] contains items for that series\n  const groupedData = generateGroupedData({ data })\n\n  if (groupedData.length === 0) {\n    return null\n  }\n\n  const maxValue =\n    max ?? Math.max(...groupedData.flatMap((item) => item.values))\n\n  // Slice data to maxItems and compute hidden count\n  const visibleData =\n    maxItems !== undefined && maxItems >= 0\n      ? groupedData.slice(0, maxItems)\n      : groupedData\n\n  const hiddenCount = groupedData.length - visibleData.length\n  const isMulti = series.length > 1\n\n  return (\n    <Box\n      ref={ref}\n      sx={{\n        ...styles.root,\n      }}\n    >\n      <Box\n        sx={styles.list}\n        style={{ maxHeight, overflow: hiddenCount === 0 ? 'auto' : 'hidden' }}\n      >\n        {isMulti\n          ? visibleData.map((item) => (\n              <CategoryRowMulti\n                key={item.name}\n                name={item.name}\n                values={item.values}\n                maxValue={maxValue}\n                colors={colors}\n                formatter={formatter}\n                labelFormatter={labelFormatter}\n                onClick={onRowClick}\n                selected={selected?.(item.name) ?? true}\n              />\n            ))\n          : visibleData.map((item) => (\n              <CategoryRowSingle\n                key={item.name}\n                name={item.name}\n                value={item.values[0] ?? 0}\n                selected={selected?.(item.name) ?? true}\n                maxValue={maxValue}\n                color={colors[0]!}\n                formatter={formatter}\n                labelFormatter={labelFormatter}\n                onClick={onRowClick}\n              />\n            ))}\n        {hiddenCount > 0 && (\n          <CategoryRowOther\n            hiddenCount={hiddenCount}\n            otherLabel={labels?.other}\n            otherCountLabel={labels?.otherCount}\n          />\n        )}\n      </Box>\n      {series.length > 0 && <CategoryLegend series={series} colors={colors} />}\n    </Box>\n  )\n}\n\nfunction generateGroupedData({\n  data,\n}: {\n  data: { name: string; value: number }[][] | undefined\n}) {\n  if (!data || data.length === 0) return []\n\n  const seriesCount = Math.max(data.length, 1)\n  const grouped = new Map<string, number[]>()\n  const nameOrder: string[] = []\n\n  // Iterate over each series (outer array)\n  for (let seriesIndex = 0; seriesIndex < data.length; seriesIndex++) {\n    const seriesData = data[seriesIndex]!\n    for (const item of seriesData) {\n      let values = grouped.get(item.name)\n      if (!values) {\n        values = new Array<number>(seriesCount).fill(0)\n        grouped.set(item.name, values)\n        nameOrder.push(item.name)\n      }\n      values[seriesIndex] = item.value\n    }\n  }\n\n  return nameOrder.map((name) => ({\n    name,\n    values: grouped.get(name)!,\n  }))\n}\n","import { Box, Skeleton } from '@mui/material'\nimport { styles } from './style'\n\nconst widthPatterns = [85, 70, 55, 75, 60]\n\nexport function CategorySkeleton() {\n  return (\n    <Box sx={styles.list} aria-label='Category skeleton'>\n      {Array.from({ length: 5 }).map((_, index) => (\n        <Box key={index} sx={styles.row}>\n          <Box sx={styles.rowHeader}>\n            <Skeleton width={80} height={16} />\n            <Skeleton width={40} height={16} />\n          </Box>\n          <Skeleton\n            variant='rectangular'\n            height={4}\n            sx={{ borderRadius: 2, width: `${widthPatterns[index]}%` }}\n          />\n        </Box>\n      ))}\n    </Box>\n  )\n}\n","import { downloadToCSV, downloadToPNG, type DownloadItem } from '../actions'\nimport type { ConfigProps } from '../loader/types'\nimport type {\n  CategoryWidgetConfig,\n  CategoryWidgetData,\n  CategorySeriesConfig,\n} from './types'\n\ninterface CategoryDownloadConfigProps extends ConfigProps {\n  series?: CategorySeriesConfig[]\n}\n\n/**\n * Creates download configuration for category widgets, supporting PNG (screenshot) and CSV (data) exports. CSV output groups values by category across multiple series.\n *\n * @param props - Configuration with `refUI` reference and optional `series` for CSV column headers.\n * @returns Array of download items for use with the Download action.\n */\nexport function categoryDownloadConfig({\n  refUI,\n  series,\n}: CategoryDownloadConfigProps): DownloadItem<CategoryWidgetData>[] {\n  return [\n    {\n      ...downloadToPNG,\n      modifier: () => downloadToPNG.modifier(refUI),\n    },\n    {\n      ...downloadToCSV,\n      modifier: async (data) => {\n        if (!data?.length || data[0]?.length === 0) {\n          return downloadToCSV.modifier([])\n        }\n\n        // data is CategoryDataItem[][] where data[seriesIndex] contains items for that series\n        const seriesCount = data.length\n        const grouped = new Map<string, number[]>()\n        const nameOrder: string[] = []\n\n        // Iterate over each series (outer array)\n        for (let seriesIndex = 0; seriesIndex < seriesCount; seriesIndex++) {\n          const seriesData = data[seriesIndex]!\n          for (const item of seriesData) {\n            let values = grouped.get(item.name)\n            if (!values) {\n              values = new Array<number>(seriesCount).fill(0)\n              grouped.set(item.name, values)\n              nameOrder.push(item.name)\n            }\n            values[seriesIndex] = item.value\n          }\n        }\n\n        // Build rows\n        const rows = nameOrder.map((name) => [name, ...grouped.get(name)!])\n\n        const isMulti = seriesCount > 1\n        const headers = isMulti\n          ? [\n              'Category',\n              ...(series?.map((s: CategorySeriesConfig) => s.name) ??\n                Array.from(\n                  { length: seriesCount },\n                  (_, i) => `Series ${i + 1}`,\n                )),\n            ]\n          : ['Category', 'Value']\n\n        return downloadToCSV.modifier([headers, ...rows])\n      },\n    },\n  ]\n}\n\n/**\n * Returns the default configuration for category list widgets, including empty series and a default `maxItems` of 10.\n *\n * @returns Default category widget config.\n */\nexport function categoryConfig(): CategoryWidgetConfig {\n  return {\n    series: [],\n    maxItems: 10,\n    max: undefined,\n  }\n}\n"],"mappings":"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"}

package/dist/widgets/error.js

@@ -1,30 +0,0 @@
-import { t as e } from "../use-widget-selector-VSPhfhNm.js";
-import { c as t } from "react/compiler-runtime";
-import { Alert as n, AlertTitle as r } from "@mui/material";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region src/widgets/error/error.tsx
-function o(o) {
-	let c = t(5), { id: l, children: u, title: d, description: f } = o, { isLoading: p, isFetching: m, error: h } = e(l, s);
-	if (p || m) return u;
-	if (h) {
-		let e = d ?? h.title ?? "Error", t = f ?? h.message ?? "An error occurred while loading the widget. Please try again.", o;
-		c[0] === e ? o = c[1] : (o = /* @__PURE__ */ i(r, { children: e }), c[0] = e, c[1] = o);
-		let s;
-		return c[2] !== t || c[3] !== o ? (s = /* @__PURE__ */ a(n, {
-			severity: "error",
-			children: [o, t]
-		}), c[2] = t, c[3] = o, c[4] = s) : s = c[4], s;
-	}
-	return u;
-}
-function s(e) {
-	return {
-		isLoading: e?.isLoading,
-		isFetching: e?.isFetching,
-		error: e?.error
-	};
-}
-//#endregion
-export { o as WidgetError };
-
-//# sourceMappingURL=error.js.map

package/dist/widgets/error.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"error.js","names":["{\n  id,\n  children,\n  title: titleProp,\n  description,\n}: WidgetErrorProps","(w) => ({\n    isLoading: w?.isLoading,\n    isFetching: w?.isFetching,\n    error: w?.error,\n  })","<AlertTitle>{errorTitle}</AlertTitle>","<Alert severity='error'>\n        <AlertTitle>{errorTitle}</AlertTitle>\n        {errorMessage}\n      </Alert>"],"sources":["../../src/widgets/error/error.tsx"],"sourcesContent":["import { Alert, AlertTitle } from '@mui/material'\nimport { useWidgetSelector } from '../stores/use-widget-selector'\nimport type { WidgetErrorProps } from './types'\n\n/**\n * Displays an error alert when a widget encounters an error during data loading. Reads error state from the widget store and hides errors during loading/fetching to prevent flashing.\n *\n * @example\n * ```tsx\n * <WidgetError id=\"my-widget\">\n *   <WidgetContent />\n * </WidgetError>\n * ```\n */\nexport function WidgetError({\n  id,\n  children,\n  title: titleProp,\n  description,\n}: WidgetErrorProps) {\n  // Single consolidated subscription instead of 3 separate ones.\n  const { isLoading, isFetching, error } = useWidgetSelector(id, (w) => ({\n    isLoading: w?.isLoading,\n    isFetching: w?.isFetching,\n    error: w?.error,\n  }))\n\n  // Don't show error during loading/fetching states\n  if (isLoading || isFetching) {\n    return children\n  }\n\n  // Show error UI if error exists\n  if (error) {\n    const errorTitle = titleProp ?? error.title ?? 'Error'\n    const errorMessage =\n      description ??\n      error.message ??\n      'An error occurred while loading the widget. Please try again.'\n\n    return (\n      <Alert severity='error'>\n        <AlertTitle>{errorTitle}</AlertTitle>\n        {errorMessage}\n      </Alert>\n    )\n  }\n\n  // No error, render children\n  return children\n}\n"],"mappings":";;;;;AAcA,SAAgB,EAAA,GAKK;eALO,EAC1B,OACA,aACA,OAAO,GACP,mBAJ0BA,GAOpB,EAAE,cAAW,eAAY,aAAU,EAAkB,GAAIC,CAI7D;CAGF,IAAI,KAAa,GACf,OAAO;CAIT,IAAI,GAAO;EACT,IAAM,IAAa,KAAa,EAAM,SAAS,SACzC,IACJ,KACA,EAAM,WACN,iEAIEC;EAAa,AAAA,EAAA,OAAA,gBAAb,IAAA,kBAAC,GAAD,EAAA,UAAa,EAAuB,CAAA,GAAvB,EAAA,KAAA;EADfC,IAAAA;EADF,OAGK,EAAA,OAAA,KAAA,EAAA,OADDD,KADF,IAAA,kBAAC,GAAD;GAAO,UAAS;GAAhB,UAAA,CACEA,GACC,CACI;MADJ,EAAA,KAAA,GADDA,EAAAA,KAAAA,yBADFC;CAKJ;CAGA,OAAO;AACT;AA7BiE,SAAA,EAAC,GAAA;CAAO,OAAA;EACrE,WAAW,GAAG;EACd,YAAY,GAAG;EACf,OAAO,GAAG;CACZ"}