@carto/ps-react-ui 5.0.0-widgets.9 → 5.1.0

package/dist/formula-noJzQwKo.js

@@ -0,0 +1,285 @@
+import { C as e, T as t } from "./stores-tiFePP0A.js";
+import { n, t as r } from "./download-DdaK3qgC.js";
+import { c as i } from "react/compiler-runtime";
+import { Avatar as a, Box as o, Chip as s, Skeleton as c, Typography as l } from "@mui/material";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/widgets-v2/formula/delta.tsx
+var f = new Intl.NumberFormat(void 0, {
+	style: "percent",
+	signDisplay: "always",
+	maximumFractionDigits: 1
+}), p = {
+	positive: "success",
+	negative: "error",
+	neutral: "default"
+};
+function m(e) {
+	let t = i(9), { value: n, label: r, severity: a, format: o, ChipProps: c } = e, l = a ?? h(n), d;
+	t[0] !== o || t[1] !== r || t[2] !== n ? (d = r ?? (o ? o(n) : f.format(n)), t[0] = o, t[1] = r, t[2] = n, t[3] = d) : d = t[3];
+	let m = d, g = p[l], _;
+	t[4] === Symbol.for("react.memo_cache_sentinel") ? (_ = { fontWeight: 600 }, t[4] = _) : _ = t[4];
+	let v;
+	return t[5] !== c || t[6] !== g || t[7] !== m ? (v = /* @__PURE__ */ u(s, {
+		size: "small",
+		color: g,
+		label: m,
+		sx: _,
+		...c
+	}), t[5] = c, t[6] = g, t[7] = m, t[8] = v) : v = t[8], v;
+}
+function h(e) {
+	return e > 0 ? "positive" : e < 0 ? "negative" : "neutral";
+}
+//#endregion
+//#region src/widgets-v2/formula/note.tsx
+function g(e) {
+	let t = i(4), { children: n, TypographyProps: r } = e, a;
+	t[0] === Symbol.for("react.memo_cache_sentinel") ? (a = { m: 0 }, t[0] = a) : a = t[0];
+	let o;
+	return t[1] !== r || t[2] !== n ? (o = /* @__PURE__ */ u(l, {
+		variant: "caption",
+		component: "p",
+		color: "text.secondary",
+		sx: a,
+		...r,
+		children: n
+	}), t[1] = r, t[2] = n, t[3] = o) : o = t[3], o;
+}
+//#endregion
+//#region src/widgets-v2/formula/prefix.tsx
+function _(e) {
+	let t = i(4), { children: n, TypographyProps: r } = e, a;
+	t[0] === Symbol.for("react.memo_cache_sentinel") ? (a = {
+		fontWeight: 600,
+		color: "text.secondary",
+		lineHeight: 1
+	}, t[0] = a) : a = t[0];
+	let o;
+	return t[1] !== r || t[2] !== n ? (o = /* @__PURE__ */ u(l, {
+		variant: "h5",
+		component: "span",
+		sx: a,
+		...r,
+		children: n
+	}), t[1] = r, t[2] = n, t[3] = o) : o = t[3], o;
+}
+//#endregion
+//#region src/widgets-v2/formula/series.tsx
+function v(e) {
+	let t = i(14), { name: n, color: r, size: o, AvatarProps: s } = e, c = o === void 0 ? 24 : o, l;
+	t[0] === n ? l = t[1] : (l = n.charAt(0).toUpperCase(), t[0] = n, t[1] = l);
+	let d = l, f = c * .5, p = r ?? "action.disabledBackground", m;
+	t[2] === r ? m = t[3] : (m = r ? (e) => e.palette.getContrastText(y(e, r)) : "text.primary", t[2] = r, t[3] = m);
+	let h;
+	t[4] !== c || t[5] !== f || t[6] !== p || t[7] !== m ? (h = {
+		width: c,
+		height: c,
+		fontSize: f,
+		fontWeight: 600,
+		bgcolor: p,
+		color: m
+	}, t[4] = c, t[5] = f, t[6] = p, t[7] = m, t[8] = h) : h = t[8];
+	let g;
+	return t[9] !== s || t[10] !== d || t[11] !== n || t[12] !== h ? (g = /* @__PURE__ */ u(a, {
+		"aria-label": n,
+		sx: h,
+		...s,
+		children: d
+	}), t[9] = s, t[10] = d, t[11] = n, t[12] = h, t[13] = g) : g = t[13], g;
+}
+function y(e, t) {
+	if (!t.includes(".")) return t;
+	let n = t.split("."), r = e.palette;
+	for (let e of n) if (r && typeof r == "object" && e in r) r = r[e];
+	else return t;
+	return typeof r == "string" ? r : t;
+}
+//#endregion
+//#region src/widgets-v2/formula/suffix.tsx
+function b(e) {
+	let t = i(4), { children: n, TypographyProps: r } = e, a;
+	t[0] === Symbol.for("react.memo_cache_sentinel") ? (a = {
+		fontWeight: 600,
+		color: "text.secondary",
+		lineHeight: 1
+	}, t[0] = a) : a = t[0];
+	let o;
+	return t[1] !== r || t[2] !== n ? (o = /* @__PURE__ */ u(l, {
+		variant: "h5",
+		component: "span",
+		sx: a,
+		...r,
+		children: n
+	}), t[1] = r, t[2] = n, t[3] = o) : o = t[3], o;
+}
+//#endregion
+//#region src/widgets-v2/formula/value.tsx
+function x(e) {
+	let t = i(6), { children: n, color: r, TypographyProps: a } = e, o = r ?? "text.primary", s;
+	t[0] === o ? s = t[1] : (s = {
+		fontWeight: 600,
+		color: o,
+		lineHeight: 1
+	}, t[0] = o, t[1] = s);
+	let c;
+	return t[2] !== a || t[3] !== n || t[4] !== s ? (c = /* @__PURE__ */ u(l, {
+		variant: "h5",
+		component: "span",
+		sx: s,
+		...a,
+		children: n
+	}), t[2] = a, t[3] = n, t[4] = s, t[5] = c) : c = t[5], c;
+}
+//#endregion
+//#region src/widgets-v2/formula/style.ts
+var S = {
+	root: {
+		display: "flex",
+		flexDirection: "column",
+		gap: 2,
+		alignItems: "stretch"
+	},
+	row: {
+		display: "flex",
+		alignItems: "flex-start",
+		gap: 1.5
+	},
+	body: {
+		flex: 1,
+		minWidth: 0,
+		display: "flex",
+		flexDirection: "column",
+		gap: .25
+	},
+	valueRow: {
+		display: "inline-flex",
+		alignItems: "baseline",
+		gap: .25
+	},
+	delta: {
+		alignSelf: "center",
+		flexShrink: 0
+	}
+};
+//#endregion
+//#region src/widgets-v2/formula/formula-ui.tsx
+function C(e) {
+	let t = i(8), { items: n, formatter: r, ref: a } = e, s;
+	if (t[0] !== r || t[1] !== n) {
+		let e;
+		t[3] === r ? e = t[4] : (e = (e, t) => /* @__PURE__ */ d(o, {
+			sx: S.row,
+			children: [
+				e.series ? /* @__PURE__ */ u(v, {
+					name: e.series.name,
+					color: e.series.color
+				}) : null,
+				/* @__PURE__ */ d(o, {
+					sx: S.body,
+					children: [/* @__PURE__ */ d(o, {
+						sx: S.valueRow,
+						children: [
+							e.prefix ? /* @__PURE__ */ u(_, { children: e.prefix }) : null,
+							/* @__PURE__ */ u(x, {
+								color: e.color,
+								children: r ? r(e.value) : String(e.value)
+							}),
+							e.suffix ? /* @__PURE__ */ u(b, { children: e.suffix }) : null
+						]
+					}), e.note ? /* @__PURE__ */ u(g, { children: e.note }) : null]
+				}),
+				e.delta ? /* @__PURE__ */ u(o, {
+					sx: S.delta,
+					children: /* @__PURE__ */ u(m, {
+						value: e.delta.value,
+						label: e.delta.label,
+						severity: e.delta.severity
+					})
+				}) : null
+			]
+		}, `formula-${e.series?.name ?? `${e.prefix ?? ""}${e.value}${e.suffix ?? ""}`}-${t}`), t[3] = r, t[4] = e), s = n.map(e), t[0] = r, t[1] = n, t[2] = s;
+	} else s = t[2];
+	let c;
+	return t[5] !== a || t[6] !== s ? (c = /* @__PURE__ */ u(o, {
+		ref: a,
+		sx: S.root,
+		children: s
+	}), t[5] = a, t[6] = s, t[7] = c) : c = t[7], c;
+}
+//#endregion
+//#region src/widgets-v2/formula/formula.tsx
+var w = Object.freeze([]), T = (e) => ({
+	data: e.data ?? w,
+	formatter: e.formatter
+});
+function E() {
+	let n = i(3), r = t(), a = e(r, T), o;
+	return n[0] !== a.data || n[1] !== a.formatter ? (o = /* @__PURE__ */ u(C, {
+		items: a.data,
+		formatter: a.formatter
+	}), n[0] = a.data, n[1] = a.formatter, n[2] = o) : o = n[2], o;
+}
+//#endregion
+//#region src/widgets-v2/formula/skeleton.tsx
+var D = {
+	root: {
+		display: "flex",
+		gap: 3,
+		alignItems: "baseline",
+		minHeight: 64,
+		py: 1
+	},
+	block: {
+		width: 120,
+		height: 36
+	}
+};
+function O(e) {
+	let t = i(2), { count: n } = e, r = n === void 0 ? 1 : n, a;
+	return t[0] === r ? a = t[1] : (a = /* @__PURE__ */ u(o, {
+		sx: D.root,
+		children: Array.from({ length: r }).map(k)
+	}), t[0] = r, t[1] = a), a;
+}
+function k(e, t) {
+	return /* @__PURE__ */ u(c, {
+		variant: "rectangular",
+		sx: D.block
+	}, `row-${t}`);
+}
+//#endregion
+//#region src/widgets-v2/formula/download.tsx
+function A(e) {
+	let t = [];
+	return e.getCaptureEl && t.push(n({
+		filename: e.filename,
+		getCaptureEl: e.getCaptureEl,
+		pixelRatio: e.pngPixelRatio,
+		backgroundColor: e.pngBackgroundColor
+	})), t.push(r({
+		filename: e.filename,
+		getRows: () => {
+			let t = e.getData(), n = [[
+				"series",
+				"prefix",
+				"value",
+				"suffix",
+				"note",
+				"delta"
+			]];
+			for (let e of t) n.push([
+				e.series?.name ?? "",
+				e.prefix ?? "",
+				e.value,
+				e.suffix ?? "",
+				e.note ?? "",
+				e.delta?.value ?? ""
+			]);
+			return n;
+		}
+	})), t;
+}
+//#endregion
+export { S as a, v as c, m as d, C as i, _ as l, O as n, x as o, E as r, b as s, A as t, g as u };
+
+//# sourceMappingURL=formula-noJzQwKo.js.map

package/dist/formula-noJzQwKo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formula-noJzQwKo.js","names":["{\n  value,\n  label,\n  severity,\n  format,\n  ChipProps: chipProps,\n}: DeltaProps","label ?? (format ? format(value) : defaultPercentFormatter.format(value))","{ fontWeight: 600 }","<Chip\n      size='small'\n      color={SEVERITY_TO_COLOR[resolvedSeverity]}\n      label={text}\n      sx={{ fontWeight: 600 }}\n      {...chipProps}\n    />","SEVERITY_TO_COLOR[resolvedSeverity]","{ children, TypographyProps }: NoteProps","{ m: 0 }","<Typography\n      variant='caption'\n      component='p'\n      color='text.secondary'\n      sx={{ m: 0 }}\n      {...TypographyProps}\n    >\n      {children}\n    </Typography>","{ children, TypographyProps }: PrefixProps","{ fontWeight: 600, color: 'text.secondary', lineHeight: 1 }","<Typography\n      variant='h5'\n      component='span'\n      sx={{ fontWeight: 600, color: 'text.secondary', lineHeight: 1 }}\n      {...TypographyProps}\n    >\n      {children}\n    </Typography>","{\n  name,\n  color,\n  size = 24,\n  AvatarProps: avatarProps,\n}: SeriesProps","size = 24","name.charAt(0).toUpperCase()","color\n          ? (theme: Theme) =>\n              theme.palette.getContrastText(toCssColor(theme, color))\n          : 'text.primary'","{\n        width: size,\n        height: size,\n        fontSize: size * 0.5,\n        fontWeight: 600,\n        bgcolor: color ?? 'action.disabledBackground',\n        color: color\n          ? (theme: Theme) =>\n              theme.palette.getContrastText(toCssColor(theme, color))\n          : 'text.primary',\n      }","size * 0.5","color ?? 'action.disabledBackground'","<Avatar\n      aria-label={name}\n      sx={{\n        width: size,\n        height: size,\n        fontSize: size * 0.5,\n        fontWeight: 600,\n        bgcolor: color ?? 'action.disabledBackground',\n        color: color\n          ? (theme: Theme) =>\n              theme.palette.getContrastText(toCssColor(theme, color))\n          : 'text.primary',\n      }}\n      {...avatarProps}\n    >\n      {letter}\n    </Avatar>","{ children, TypographyProps }: SuffixProps","{ fontWeight: 600, color: 'text.secondary', lineHeight: 1 }","<Typography\n      variant='h5'\n      component='span'\n      sx={{ fontWeight: 600, color: 'text.secondary', lineHeight: 1 }}\n      {...TypographyProps}\n    >\n      {children}\n    </Typography>","{ children, color, TypographyProps }: ValueProps","{\n        fontWeight: 600,\n        color: color ?? 'text.primary',\n        lineHeight: 1,\n      }","color ?? 'text.primary'","<Typography\n      variant='h5'\n      component='span'\n      sx={{\n        fontWeight: 600,\n        color: color ?? 'text.primary',\n        lineHeight: 1,\n      }}\n      {...TypographyProps}\n    >\n      {children}\n    </Typography>","{ items, formatter, ref }: FormulaUIProps","items.map((item, i) => (\n        // Series name is the closest stable id; fall back to the literal\n        // value (numeric KPIs rarely repeat with the same prefix/suffix).\n        <Box\n          key={`formula-${item.series?.name ?? `${item.prefix ?? ''}${item.value}${item.suffix ?? ''}`}-${i}`}\n          sx={styles.row}\n        >\n          {item.series ? (\n            <Series name={item.series.name} color={item.series.color} />\n          ) : null}\n          <Box sx={styles.body}>\n            <Box sx={styles.valueRow}>\n              {item.prefix ? <Prefix>{item.prefix}</Prefix> : null}\n              <Value color={item.color}>\n                {formatter ? formatter(item.value) : String(item.value)}\n              </Value>\n              {item.suffix ? <Suffix>{item.suffix}</Suffix> : null}\n            </Box>\n            {item.note ? <Note>{item.note}</Note> : null}\n          </Box>\n          {item.delta ? (\n            <Box sx={styles.delta}>\n              <Delta\n                value={item.delta.value}\n                label={item.delta.label}\n                severity={item.delta.severity}\n              />\n            </Box>\n          ) : null}\n        </Box>\n      ))","(item, i) => (\n        // Series name is the closest stable id; fall back to the literal\n        // value (numeric KPIs rarely repeat with the same prefix/suffix).\n        <Box\n          key={`formula-${item.series?.name ?? `${item.prefix ?? ''}${item.value}${item.suffix ?? ''}`}-${i}`}\n          sx={styles.row}\n        >\n          {item.series ? (\n            <Series name={item.series.name} color={item.series.color} />\n          ) : null}\n          <Box sx={styles.body}>\n            <Box sx={styles.valueRow}>\n              {item.prefix ? <Prefix>{item.prefix}</Prefix> : null}\n              <Value color={item.color}>\n                {formatter ? formatter(item.value) : String(item.value)}\n              </Value>\n              {item.suffix ? <Suffix>{item.suffix}</Suffix> : null}\n            </Box>\n            {item.note ? <Note>{item.note}</Note> : null}\n          </Box>\n          {item.delta ? (\n            <Box sx={styles.delta}>\n              <Delta\n                value={item.delta.value}\n                label={item.delta.label}\n                severity={item.delta.severity}\n              />\n            </Box>\n          ) : null}\n        </Box>\n      )","<Box ref={ref} sx={styles.root}>\n      {items.map((item, i) => (\n        // Series name is the closest stable id; fall back to the literal\n        // value (numeric KPIs rarely repeat with the same prefix/suffix).\n        <Box\n          key={`formula-${item.series?.name ?? `${item.prefix ?? ''}${item.value}${item.suffix ?? ''}`}-${i}`}\n          sx={styles.row}\n        >\n          {item.series ? (\n            <Series name={item.series.name} color={item.series.color} />\n          ) : null}\n          <Box sx={styles.body}>\n            <Box sx={styles.valueRow}>\n              {item.prefix ? <Prefix>{item.prefix}</Prefix> : null}\n              <Value color={item.color}>\n                {formatter ? formatter(item.value) : String(item.value)}\n              </Value>\n              {item.suffix ? <Suffix>{item.suffix}</Suffix> : null}\n            </Box>\n            {item.note ? <Note>{item.note}</Note> : null}\n          </Box>\n          {item.delta ? (\n            <Box sx={styles.delta}>\n              <Delta\n                value={item.delta.value}\n                label={item.delta.label}\n                severity={item.delta.severity}\n              />\n            </Box>\n          ) : null}\n        </Box>\n      ))}\n    </Box>","<FormulaUI items={slice.data} formatter={slice.formatter} />","data","formatter","{ count = 1 }: FormulaSkeletonProps","count = 1","<Box sx={styles.root}>\n      {Array.from({ length: count }).map((_, i) => (\n        <Skeleton key={`row-${i}`} variant='rectangular' sx={styles.block} />\n      ))}\n    </Box>","(_, i) => (\n        <Skeleton key={`row-${i}`} variant='rectangular' sx={styles.block} />\n      )"],"sources":["../src/widgets-v2/formula/delta.tsx","../src/widgets-v2/formula/note.tsx","../src/widgets-v2/formula/prefix.tsx","../src/widgets-v2/formula/series.tsx","../src/widgets-v2/formula/suffix.tsx","../src/widgets-v2/formula/value.tsx","../src/widgets-v2/formula/style.ts","../src/widgets-v2/formula/formula-ui.tsx","../src/widgets-v2/formula/formula.tsx","../src/widgets-v2/formula/skeleton.tsx","../src/widgets-v2/formula/download.tsx"],"sourcesContent":["import { Chip, type ChipProps } from '@mui/material'\nimport type { DeltaSeverity } from './types'\n\nexport interface DeltaProps {\n  /** Numeric magnitude. Used for the default percent label and severity inference. */\n  value: number\n  /** Pre-formatted label override; skips the default percent formatter. */\n  label?: string\n  /**\n   * Visual treatment. When omitted it's derived from the sign of `value`:\n   * `>0 → 'positive'`, `<0 → 'negative'`, `=0 → 'neutral'`.\n   */\n  severity?: DeltaSeverity\n  /** Override the default `Intl.NumberFormat({style:'percent'})` formatter. */\n  format?: (value: number) => string\n  ChipProps?: ChipProps\n}\n\nconst defaultPercentFormatter = new Intl.NumberFormat(undefined, {\n  style: 'percent',\n  signDisplay: 'always',\n  maximumFractionDigits: 1,\n})\n\nconst SEVERITY_TO_COLOR: Record<DeltaSeverity, ChipProps['color']> = {\n  positive: 'success',\n  negative: 'error',\n  neutral: 'default',\n}\n\n/**\n * Comparative delta rendered as a small filled chip. Colour is driven by\n * `severity` (or the sign of `value`); content is `label`, the result of\n * `format(value)`, or the default percent format.\n */\nexport function Delta({\n  value,\n  label,\n  severity,\n  format,\n  ChipProps: chipProps,\n}: DeltaProps) {\n  const resolvedSeverity = severity ?? inferSeverity(value)\n  const text =\n    label ?? (format ? format(value) : defaultPercentFormatter.format(value))\n  return (\n    <Chip\n      size='small'\n      color={SEVERITY_TO_COLOR[resolvedSeverity]}\n      label={text}\n      sx={{ fontWeight: 600 }}\n      {...chipProps}\n    />\n  )\n}\n\nfunction inferSeverity(value: number): DeltaSeverity {\n  if (value > 0) return 'positive'\n  if (value < 0) return 'negative'\n  return 'neutral'\n}\n","import { Typography, type TypographyProps } from '@mui/material'\nimport type { ReactNode } from 'react'\n\nexport interface NoteProps {\n  children: ReactNode\n  TypographyProps?: TypographyProps\n}\n\n/**\n * Small subdued caption rendered below a Formula value. Use for short\n * descriptive text (e.g. \"Last 7 days\", \"Excludes refunds\").\n */\nexport function Note({ children, TypographyProps }: NoteProps) {\n  return (\n    <Typography\n      variant='caption'\n      component='p'\n      color='text.secondary'\n      sx={{ m: 0 }}\n      {...TypographyProps}\n    >\n      {children}\n    </Typography>\n  )\n}\n","import { Typography, type TypographyProps } from '@mui/material'\nimport type { ReactNode } from 'react'\n\nexport interface PrefixProps {\n  children: ReactNode\n  TypographyProps?: TypographyProps\n}\n\n/**\n * Prefix slot for a Formula KPI — large, bold, muted (`text.secondary`).\n * Composable building block for custom formula layouts; the canonical\n * {@link FormulaUI} renders one of these per item when `prefix` is set.\n */\nexport function Prefix({ children, TypographyProps }: PrefixProps) {\n  return (\n    <Typography\n      variant='h5'\n      component='span'\n      sx={{ fontWeight: 600, color: 'text.secondary', lineHeight: 1 }}\n      {...TypographyProps}\n    >\n      {children}\n    </Typography>\n  )\n}\n","import { Avatar, type AvatarProps, type Theme } from '@mui/material'\n\nexport interface SeriesProps {\n  /** Used for the avatar's first-letter glyph and as accessible label. */\n  name: string\n  /** Avatar background colour (any MUI palette path or CSS colour). */\n  color?: string\n  /** Diameter in px. Default `24`. */\n  size?: number\n  AvatarProps?: AvatarProps\n}\n\n/**\n * Series indicator — circular avatar showing the first letter of `name`.\n * Background colour is `color` (consumer-supplied) or a neutral disabled\n * colour, with text colour computed for contrast against it.\n */\nexport function Series({\n  name,\n  color,\n  size = 24,\n  AvatarProps: avatarProps,\n}: SeriesProps) {\n  const letter = name.charAt(0).toUpperCase()\n  return (\n    <Avatar\n      aria-label={name}\n      sx={{\n        width: size,\n        height: size,\n        fontSize: size * 0.5,\n        fontWeight: 600,\n        bgcolor: color ?? 'action.disabledBackground',\n        color: color\n          ? (theme: Theme) =>\n              theme.palette.getContrastText(toCssColor(theme, color))\n          : 'text.primary',\n      }}\n      {...avatarProps}\n    >\n      {letter}\n    </Avatar>\n  )\n}\n\n/**\n * Resolve a palette path (e.g. `\"primary.main\"`) to a hex/rgb string so that\n * `getContrastText` — which doesn't accept dotted paths — produces a sensible\n * text colour. Non-palette strings (raw `#hex`, `rgb(...)`) pass through.\n */\nfunction toCssColor(theme: Theme, value: string): string {\n  if (!value.includes('.')) return value\n  const parts = value.split('.')\n  let cur: unknown = theme.palette\n  for (const p of parts) {\n    if (\n      cur &&\n      typeof cur === 'object' &&\n      p in (cur as Record<string, unknown>)\n    ) {\n      cur = (cur as Record<string, unknown>)[p]\n    } else {\n      return value\n    }\n  }\n  return typeof cur === 'string' ? cur : value\n}\n","import { Typography, type TypographyProps } from '@mui/material'\nimport type { ReactNode } from 'react'\n\nexport interface SuffixProps {\n  children: ReactNode\n  TypographyProps?: TypographyProps\n}\n\n/**\n * Suffix slot for a Formula KPI — large, bold, muted (`text.secondary`).\n * Composable building block for custom formula layouts; the canonical\n * {@link FormulaUI} renders one of these per item when `suffix` is set.\n */\nexport function Suffix({ children, TypographyProps }: SuffixProps) {\n  return (\n    <Typography\n      variant='h5'\n      component='span'\n      sx={{ fontWeight: 600, color: 'text.secondary', lineHeight: 1 }}\n      {...TypographyProps}\n    >\n      {children}\n    </Typography>\n  )\n}\n","import { Typography, type TypographyProps } from '@mui/material'\nimport type { ReactNode } from 'react'\n\nexport interface ValueProps {\n  children: ReactNode\n  /** Override the default `text.primary` color — useful for sparkline tints. */\n  color?: string\n  TypographyProps?: TypographyProps\n}\n\n/**\n * Value slot for a Formula KPI — large, bold, primary text color. Composable\n * building block for custom formula layouts; the canonical {@link FormulaUI}\n * renders one of these per item.\n */\nexport function Value({ children, color, TypographyProps }: ValueProps) {\n  return (\n    <Typography\n      variant='h5'\n      component='span'\n      sx={{\n        fontWeight: 600,\n        color: color ?? 'text.primary',\n        lineHeight: 1,\n      }}\n      {...TypographyProps}\n    >\n      {children}\n    </Typography>\n  )\n}\n","import type { SxProps, Theme } from '@mui/material'\n\nexport const styles = {\n  root: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 2,\n    alignItems: 'stretch',\n  },\n  row: {\n    display: 'flex',\n    alignItems: 'flex-start',\n    gap: 1.5,\n  },\n  body: {\n    flex: 1,\n    minWidth: 0,\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 0.25,\n  },\n  valueRow: {\n    display: 'inline-flex',\n    alignItems: 'baseline',\n    gap: 0.25,\n  },\n  delta: {\n    alignSelf: 'center',\n    flexShrink: 0,\n  },\n} satisfies Record<string, SxProps<Theme>>\n","import { Box } from '@mui/material'\nimport type { Ref } from 'react'\nimport type { FormulaDataItem } from './types'\nimport { Delta } from './delta'\nimport { Note } from './note'\nimport { Prefix } from './prefix'\nimport { Series } from './series'\nimport { Suffix } from './suffix'\nimport { Value } from './value'\nimport { styles } from './style'\n\nexport interface FormulaUIProps {\n  items: readonly FormulaDataItem[]\n  /** Number formatter — applied to each item's `value`. */\n  formatter?: (value: number) => string\n  /** Forwarded to the root `<Box>` so consumers can capture the DOM (PNG export). */\n  ref?: Ref<HTMLDivElement>\n}\n\n/**\n * Pure presentational component for the Formula widget. Each item renders as\n * a row containing (in order): optional `Series` avatar, a body with\n * `[prefix] value [suffix]` plus optional `Note`, and an optional `Delta`\n * chip pushed to the right edge.\n *\n * For fully custom layouts, compose {@link Series}, {@link Prefix},\n * {@link Value}, {@link Suffix}, {@link Note}, and {@link Delta} directly\n * instead of passing `items`.\n */\nexport function FormulaUI({ items, formatter, ref }: FormulaUIProps) {\n  return (\n    <Box ref={ref} sx={styles.root}>\n      {items.map((item, i) => (\n        // Series name is the closest stable id; fall back to the literal\n        // value (numeric KPIs rarely repeat with the same prefix/suffix).\n        <Box\n          key={`formula-${item.series?.name ?? `${item.prefix ?? ''}${item.value}${item.suffix ?? ''}`}-${i}`}\n          sx={styles.row}\n        >\n          {item.series ? (\n            <Series name={item.series.name} color={item.series.color} />\n          ) : null}\n          <Box sx={styles.body}>\n            <Box sx={styles.valueRow}>\n              {item.prefix ? <Prefix>{item.prefix}</Prefix> : null}\n              <Value color={item.color}>\n                {formatter ? formatter(item.value) : String(item.value)}\n              </Value>\n              {item.suffix ? <Suffix>{item.suffix}</Suffix> : null}\n            </Box>\n            {item.note ? <Note>{item.note}</Note> : null}\n          </Box>\n          {item.delta ? (\n            <Box sx={styles.delta}>\n              <Delta\n                value={item.delta.value}\n                label={item.delta.label}\n                severity={item.delta.severity}\n              />\n            </Box>\n          ) : null}\n        </Box>\n      ))}\n    </Box>\n  )\n}\n","import { useWidgetId, useWidgetShallow } from '../stores'\nimport { FormulaUI } from './formula-ui'\nimport type { FormulaWidgetData } from './types'\n\ninterface FormulaSlice {\n  data: FormulaWidgetData\n  formatter?: (value: number) => string\n}\n\n// Stable empty-data sentinel — keeps the slice's `data` reference stable\n// when the underlying store value is null/undefined so the shallow-equality\n// gate in `useWidgetShallow` doesn't re-render every commit.\nconst EMPTY_DATA: FormulaWidgetData = Object.freeze([]) as FormulaWidgetData\n\nconst formulaSelector = (s: {\n  data: unknown\n  formatter?: (value: number) => string\n}): FormulaSlice => ({\n  data: (s.data ?? EMPTY_DATA) as FormulaWidgetData,\n  formatter: s.formatter,\n})\n\n/**\n * Stateful Formula bridge — reads `data` (post-pipeline) and `formatter` from\n * the per-widget store and forwards them to the pure {@link FormulaUI}. Sits\n * inside `<Widget.Provider>`. Demonstrates that the composition shell\n * (Provider, Wrapper, State) doesn't care whether the rendered child is\n * ECharts (Bar) or a custom DOM tree (Formula).\n */\nexport function Formula() {\n  const id = useWidgetId()\n  const slice = useWidgetShallow(id, formulaSelector)\n  return <FormulaUI items={slice.data} formatter={slice.formatter} />\n}\n","import { Box, Skeleton } from '@mui/material'\nimport type { SxProps, Theme } from '@mui/material'\n\nconst styles = {\n  root: {\n    display: 'flex',\n    gap: 3,\n    alignItems: 'baseline',\n    minHeight: 64,\n    py: 1,\n  },\n  block: { width: 120, height: 36 },\n} satisfies Record<string, SxProps<Theme>>\n\nexport interface FormulaSkeletonProps {\n  count?: number\n}\n\nexport function FormulaSkeleton({ count = 1 }: FormulaSkeletonProps) {\n  return (\n    <Box sx={styles.root}>\n      {Array.from({ length: count }).map((_, i) => (\n        <Skeleton key={`row-${i}`} variant='rectangular' sx={styles.block} />\n      ))}\n    </Box>\n  )\n}\n","import {\n  buildCsvDownloadItem,\n  buildPngDownloadItem,\n  type DownloadItem,\n} from '../actions/download'\nimport type { FormulaWidgetData } from './types'\n\nexport interface FormulaDownloadConfigArgs {\n  filename: string\n  getData: () => FormulaWidgetData\n  /**\n   * Optional getter for the widget's capture element (registered by\n   * `Widget.State`). When provided, a PNG item is prepended.\n   */\n  getCaptureEl?: () => HTMLElement | null\n  pngPixelRatio?: number\n  pngBackgroundColor?: string | null\n}\n\n/**\n * Builds download items for the Formula widget. Always includes a CSV item\n * with one row per KPI (`prefix`, `value`, `suffix`, `note`, `delta`).\n * When `getCaptureEl` is supplied, prepends a PNG item that rasterises the\n * captured element via `html2canvas`.\n */\nexport function createFormulaDownloadConfig(\n  args: FormulaDownloadConfigArgs,\n): DownloadItem[] {\n  const items: DownloadItem[] = []\n  if (args.getCaptureEl) {\n    items.push(\n      buildPngDownloadItem({\n        filename: args.filename,\n        getCaptureEl: args.getCaptureEl,\n        pixelRatio: args.pngPixelRatio,\n        backgroundColor: args.pngBackgroundColor,\n      }),\n    )\n  }\n  items.push(\n    buildCsvDownloadItem({\n      filename: args.filename,\n      getRows: () => {\n        const data = args.getData()\n        const rows: unknown[][] = [\n          ['series', 'prefix', 'value', 'suffix', 'note', 'delta'],\n        ]\n        for (const d of data) {\n          rows.push([\n            d.series?.name ?? '',\n            d.prefix ?? '',\n            d.value,\n            d.suffix ?? '',\n            d.note ?? '',\n            d.delta?.value ?? '',\n          ])\n        }\n        return rows\n      },\n    }),\n  )\n  return items\n}\n"],"mappings":"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"}

package/dist/hooks-zf5gKZYq.js

@@ -0,0 +1,22 @@
+import { n as e } from "./widget-store-BFPKYm4R.js";
+import { c as t } from "react/compiler-runtime";
+import { useEffect as n, useRef as r } from "react";
+//#region src/hooks/use-widget-ref.ts
+function i(i) {
+	let a = t(4), o = r(null), s = r(null), c, l;
+	a[0] === i ? (c = a[1], l = a[2]) : (c = () => {
+		o.current && e.setWidget(i, {
+			refUI: o,
+			instance: s
+		});
+	}, l = [i], a[0] = i, a[1] = c, a[2] = l), n(c, l);
+	let u;
+	return a[3] === Symbol.for("react.memo_cache_sentinel") ? (u = {
+		ref: o,
+		instance: s
+	}, a[3] = u) : u = a[3], u;
+}
+//#endregion
+export { i as t };
+
+//# sourceMappingURL=hooks-zf5gKZYq.js.map

package/dist/hooks-zf5gKZYq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks-zf5gKZYq.js","names":["() => {\n    if (ref.current) {\n      widgetStoreActions.setWidget(widgetId, { refUI: ref, instance: instance })\n    }\n  }","[widgetId]","{ ref, instance }"],"sources":["../src/hooks/use-widget-ref.ts"],"sourcesContent":["import { useEffect, useRef } from 'react'\nimport type * as echarts from 'echarts'\nimport { widgetStoreActions } from '../widgets/stores/widget-store'\n\n/**\n * Registers a DOM element ref and an ECharts instance ref with the widget store.\n * This allows other parts of the application (e.g., screenshot export) to access the widget's DOM element.\n *\n * @param widgetId - The widget ID to register the refs under.\n * @returns An object with `ref` (DOM element) and `instance` (ECharts instance) refs.\n *\n * @example\n * ```tsx\n * function MyWidget({ id }: { id: string }) {\n *   const { ref } = useWidgetRef<HTMLDivElement>(id)\n *\n *   return <div ref={ref}>Widget content</div>\n * }\n * ```\n */\nexport function useWidgetRef<T extends HTMLElement = HTMLElement>(\n  widgetId: string,\n) {\n  const ref = useRef<T | null>(null)\n  const instance = useRef<echarts.ECharts | null>(null)\n\n  useEffect(() => {\n    if (ref.current) {\n      widgetStoreActions.setWidget(widgetId, { refUI: ref, instance: instance })\n    }\n  }, [widgetId])\n\n  return { ref, instance }\n}\n"],"mappings":";;;;AAoBA,SAAgB,EACd,GACA;eACM,IAAM,EAAiB,IAAI,GAC3B,IAAW,EAA+B,IAAI,GAE1CA,GAIPC;CAJH,AAEiC,EAAA,OAAA,4BAFvB,UAAM;EACd,AAAI,EAAI,WACN,EAAmB,UAAU,GAAU;GAAE,OAAO;GAAe;EAAS,CAAC;CAE7E,GAAG,IAAA,CAAC,CAAQ,GAFqB,EAAA,KAAA,wBAFjC,EAAUD,GAIPC,CAAU;CAENC,IAAAA;CAAP;EAAS;EAAK;CAAS,yBAAhBA;AACT"}

package/dist/legend/stores.js

@@ -0,0 +1,2 @@
+import { _ as e, a as t, b as n, c as r, d as i, f as a, g as o, h as s, i as c, l, m as u, n as d, o as f, p, r as m, s as h, t as g, u as _, v, y } from "../stores-mad-9yFn.js";
+export { y as LegendContext, g as clearAllLegendStores, d as createLegendStore, m as deleteLegendStore, c as getLegendStore, t as hasLegendStore, f as registerLegendStore, i as selectAllGroupsCollapsed, a as selectGroupVisibility, p as selectHasGroups, u as selectLayerCollapsible, s as selectLayersByGroup, o as selectOrderedGroups, e as selectOrderedLayers, v as selectVisibleLayersGrouped, h as setLegendStoreEntry, r as unregisterLegendStore, n as useLegendId, l as useLegendShallow, _ as useLegendStore };