@carto/ps-react-ui 5.0.0-widgets.8 → 5.0.0

package/dist/widgets/skeleton-loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton-loader.js","sources":["../../src/widgets/skeleton-loader/skeleton-loader.tsx"],"sourcesContent":["import type { SkeletonLoaderProps } from './types'\nimport { useWidgetStore } from '../stores/widget-store'\nimport { Suspense } from 'react'\nimport { useShallow } from 'zustand/shallow'\n\nexport function SkeletonLoader({\n  id,\n  children,\n  Skeleton,\n}: SkeletonLoaderProps) {\n  const isLoading = useWidgetStore(\n    useShallow((state) => state.widgets[id]?.isLoading),\n  )\n\n  if (isLoading) {\n    if (!Skeleton) {\n      return null\n    }\n\n    return (\n      <Suspense fallback={null}>\n        <Skeleton />\n      </Suspense>\n    )\n  }\n\n  return children\n}\n"],"names":["SkeletonLoader","t0","$","_c","id","children","Skeleton","t1","state","widgets","isLoading","useWidgetStore","useShallow","t2","Suspense","jsx"],"mappings":";;;;;AAKO,SAAAA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAAwB;AAAA,IAAAC,IAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,UAAAA;AAAAA,EAAAA,IAAAL;AAIT,MAAAM;AAKpB,MALoBL,SAAAE,KAEPG,IAAAC,CAAAA,MAAWA,EAAKC,QAASL,CAAE,GAAYM,WAAAR,OAAAE,GAAAF,OAAAK,KAAAA,IAAAL,EAAA,CAAA,GADlCS,EAChBC,EAAWL,CAAuC,CACpD,GAEa;AACX,QAAI,CAACD;AAAQ,aACJ;AACR,QAAAO;AAAA,WAAAX,SAAAI,KAGCO,sBAACC,GAAA,EAAmB,UAAA,MAClB,UAAA,gBAAAC,EAACT,KAAQ,GACX,GAAWJ,OAAAI,GAAAJ,OAAAW,KAAAA,IAAAX,EAAA,CAAA,GAFXW;AAAAA,EAEW;AAEd,SAEMR;AAAQ;"}
+{"version":3,"file":"skeleton-loader.js","names":["{\n  id,\n  children,\n  Skeleton,\n}: SkeletonLoaderProps","(w) => w?.isLoading","<Suspense fallback={null}>\n        <Skeleton />\n      </Suspense>"],"sources":["../../src/widgets/skeleton-loader/skeleton-loader.tsx"],"sourcesContent":["import type { SkeletonLoaderProps } from './types'\nimport { useWidgetSelector } from '../stores/use-widget-selector'\nimport { Suspense } from 'react'\n\n/**\n * Displays a skeleton loading placeholder while widget data is loading. Subscribes to widget loading state in the store and renders the provided Skeleton component or children accordingly.\n *\n * @example\n * ```tsx\n * <SkeletonLoader id=\"sales-chart\" Skeleton={BarSkeleton}>\n *   <Bar id=\"sales-chart\" />\n * </SkeletonLoader>\n * ```\n */\nexport function SkeletonLoader({\n  id,\n  children,\n  Skeleton,\n}: SkeletonLoaderProps) {\n  const isLoading = useWidgetSelector(id, (w) => w?.isLoading)\n\n  if (isLoading) {\n    if (!Skeleton) {\n      return null\n    }\n\n    return (\n      <Suspense fallback={null}>\n        <Skeleton />\n      </Suspense>\n    )\n  }\n\n  return children\n}\n"],"mappings":";;;;;AAcA,SAAgB,EAAA,GAIQ;eAJO,EAC7B,OACA,aACA,gBAH6BA;CAO7B,IAFkB,EAAkB,GAAIC,CAEpC,GAAW;EACb,IAAI,CAAC,GACH,OAAO;EAIPC,IAAAA;EADF,OAEK,EAAA,OAAA,gBADH,IAAA,kBAAC,GAAD;GAAU,UAAU;GAClB,UAAA,kBAAC,GAAD,CAAW,CAAA;EACH,CAAA,GADP,EAAA,KAAA,cADHA;CAIJ;CAEA,OAAO;AACT;AAf0C,SAAA,EAAC,GAAA;CAAM,OAAA,GAAG"}

package/dist/widgets/spread.js

@@ -1,167 +1,158 @@
-import { jsx as f, jsxs as W, Fragment as v } from "react/jsx-runtime";
-import { c as h } from "react/compiler-runtime";
-import { I as w, S as M, P as k, a as C } from "../series-DojKkd_o.js";
-import { u as y } from "../widget-store-Dd7_sWZT.js";
-import { useShallow as P } from "zustand/shallow";
-import { Box as T, Skeleton as F } from "@mui/material";
-import { R } from "../row-B9hTUitn.js";
-import "@mui/icons-material";
-import { useRef as V, useEffect as _ } from "react";
-import "react-markdown";
-import "html2canvas";
-import "../lasso-tool-CYn3ivf-.js";
-import "../cjs-D9ro6BXv.js";
-import "@dnd-kit/core";
-import "@dnd-kit/sortable";
-import "@dnd-kit/utilities";
-import { d as $, a as I } from "../exports-Cr43OCul.js";
-function b(e) {
-  const t = h(2);
-  let i;
-  return t[0] !== e ? (i = /* @__PURE__ */ f(w, { ...e, children: "-" }), t[0] = e, t[1] = i) : i = t[1], i;
+import { t as e } from "../use-widget-selector-VSPhfhNm.js";
+import { _ as t, v as n } from "../actions-CGJD6q0t.js";
+import { t as r } from "../formatter-wVO81tYk.js";
+import { t as i } from "../hooks-zf5gKZYq.js";
+import { t as a } from "../row-CvVGBuy_.js";
+import { c as o, d as s, l as c, s as l } from "../formula-YfZmmuYX.js";
+import { c as u } from "react/compiler-runtime";
+import { Box as d, Skeleton as f } from "@mui/material";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+//#region src/widgets/spread/components/separator.tsx
+function g(e) {
+	let t = u(2), n;
+	return t[0] === e ? n = t[1] : (n = /* @__PURE__ */ m(s, {
+		...e,
+		children: "-"
+	}), t[0] = e, t[1] = n), n;
 }
-const j = (e) => e.toString();
-function U(e) {
-  const t = h(16);
-  let i, o, r;
-  t[0] !== e ? ({
-    id: i,
-    index: r,
-    ...o
-  } = e, t[0] = e, t[1] = i, t[2] = o, t[3] = r) : (i = t[1], o = t[2], r = t[3]);
-  const l = r === void 0 ? 0 : r;
-  let n;
-  t[4] !== i || t[5] !== l ? (n = (p) => {
-    const S = p.getWidget(i);
-    return {
-      min: S?.data[l]?.min,
-      color: S?.data[l]?.color,
-      formatter: S?.formatter
-    };
-  }, t[4] = i, t[5] = l, t[6] = n) : n = t[6];
-  const {
-    min: u,
-    color: m,
-    formatter: s
-  } = y(P(n)), g = s === void 0 ? j : s;
-  let d;
-  t[7] !== m ? (d = {
-    color: m
-  }, t[7] = m, t[8] = d) : d = t[8];
-  const x = u ?? 0;
-  let a;
-  t[9] !== g || t[10] !== x ? (a = g(x), t[9] = g, t[10] = x, t[11] = a) : a = t[11];
-  let c;
-  return t[12] !== o || t[13] !== d || t[14] !== a ? (c = /* @__PURE__ */ f(w, { TypographyProps: d, ...o, children: a }), t[12] = o, t[13] = d, t[14] = a, t[15] = c) : c = t[15], c;
+//#endregion
+//#region src/widgets/spread/components/min-value.tsx
+function _(t) {
+	let n = u(15), i, a, o;
+	n[0] === t ? (i = n[1], a = n[2], o = n[3]) : ({id: i, index: o, ...a} = t, n[0] = t, n[1] = i, n[2] = a, n[3] = o);
+	let c = o === void 0 ? 0 : o, l;
+	n[4] === c ? l = n[5] : (l = (e) => {
+		let t = e;
+		return {
+			min: t?.data[c]?.min,
+			color: t?.data[c]?.color,
+			formatter: t?.formatter
+		};
+	}, n[4] = c, n[5] = l);
+	let { min: d, color: f, formatter: p } = e(i, l), h = p ?? r, g;
+	n[6] === f ? g = n[7] : (g = { color: f }, n[6] = f, n[7] = g);
+	let _ = d ?? 0, v;
+	n[8] !== h || n[9] !== _ ? (v = h(_), n[8] = h, n[9] = _, n[10] = v) : v = n[10];
+	let y;
+	return n[11] !== a || n[12] !== g || n[13] !== v ? (y = /* @__PURE__ */ m(s, {
+		TypographyProps: g,
+		...a,
+		children: v
+	}), n[11] = a, n[12] = g, n[13] = v, n[14] = y) : y = n[14], y;
 }
-const B = (e) => e.toString();
-function D(e) {
-  const t = h(16);
-  let i, o, r;
-  t[0] !== e ? ({
-    id: i,
-    index: r,
-    ...o
-  } = e, t[0] = e, t[1] = i, t[2] = o, t[3] = r) : (i = t[1], o = t[2], r = t[3]);
-  const l = r === void 0 ? 0 : r;
-  let n;
-  t[4] !== i || t[5] !== l ? (n = (p) => {
-    const S = p.getWidget(i);
-    return {
-      max: S?.data[l]?.max,
-      color: S?.data[l]?.color,
-      formatter: S?.formatter
-    };
-  }, t[4] = i, t[5] = l, t[6] = n) : n = t[6];
-  const {
-    max: u,
-    color: m,
-    formatter: s
-  } = y(P(n)), g = s === void 0 ? B : s;
-  let d;
-  t[7] !== m ? (d = {
-    color: m
-  }, t[7] = m, t[8] = d) : d = t[8];
-  const x = u ?? 0;
-  let a;
-  t[9] !== g || t[10] !== x ? (a = g(x), t[9] = g, t[10] = x, t[11] = a) : a = t[11];
-  let c;
-  return t[12] !== o || t[13] !== d || t[14] !== a ? (c = /* @__PURE__ */ f(w, { TypographyProps: d, ...o, children: a }), t[12] = o, t[13] = d, t[14] = a, t[15] = c) : c = t[15], c;
+//#endregion
+//#region src/widgets/spread/components/max-value.tsx
+function v(t) {
+	let n = u(15), i, a, o;
+	n[0] === t ? (i = n[1], a = n[2], o = n[3]) : ({id: i, index: o, ...a} = t, n[0] = t, n[1] = i, n[2] = a, n[3] = o);
+	let c = o === void 0 ? 0 : o, l;
+	n[4] === c ? l = n[5] : (l = (e) => {
+		let t = e;
+		return {
+			max: t?.data[c]?.max,
+			color: t?.data[c]?.color,
+			formatter: t?.formatter
+		};
+	}, n[4] = c, n[5] = l);
+	let { max: d, color: f, formatter: p } = e(i, l), h = p ?? r, g;
+	n[6] === f ? g = n[7] : (g = { color: f }, n[6] = f, n[7] = g);
+	let _ = d ?? 0, v;
+	n[8] !== h || n[9] !== _ ? (v = h(_), n[8] = h, n[9] = _, n[10] = v) : v = n[10];
+	let y;
+	return n[11] !== a || n[12] !== g || n[13] !== v ? (y = /* @__PURE__ */ m(s, {
+		TypographyProps: g,
+		...a,
+		children: v
+	}), n[11] = a, n[12] = g, n[13] = v, n[14] = y) : y = n[14], y;
 }
-function rt(e) {
-  const t = h(9), i = V(null), o = y(E);
-  let r, l;
-  t[0] !== e.id || t[1] !== o ? (r = () => {
-    i.current && o(e.id, {
-      refUI: i
-    });
-  }, l = [e.id, o], t[0] = e.id, t[1] = o, t[2] = r, t[3] = l) : (r = t[2], l = t[3]), _(r, l);
-  let n;
-  t[4] !== e.id ? (n = (m) => {
-    const {
-      index: s
-    } = m;
-    return /* @__PURE__ */ W(v, { children: [
-      /* @__PURE__ */ f(M, { id: e.id, index: s }),
-      /* @__PURE__ */ f(k, { id: e.id, index: s }),
-      /* @__PURE__ */ f(U, { id: e.id, index: s }),
-      /* @__PURE__ */ f(b, {}),
-      /* @__PURE__ */ f(D, { id: e.id, index: s }),
-      /* @__PURE__ */ f(C, { id: e.id, index: s })
-    ] });
-  }, t[4] = e.id, t[5] = n) : n = t[5];
-  let u;
-  return t[6] !== e.id || t[7] !== n ? (u = /* @__PURE__ */ f(T, { ref: i, children: /* @__PURE__ */ f(R, { id: e.id, children: n }) }), t[6] = e.id, t[7] = n, t[8] = u) : u = t[8], u;
+//#endregion
+//#region src/widgets/spread/spread-ui.tsx
+function y(e) {
+	let t = u(8), { ref: n } = i(e.id), r;
+	t[0] === e.id ? r = t[1] : (r = (t) => {
+		let { index: n } = t;
+		return /* @__PURE__ */ h(p, { children: [
+			/* @__PURE__ */ m(l, {
+				id: e.id,
+				index: n
+			}),
+			/* @__PURE__ */ m(c, {
+				id: e.id,
+				index: n
+			}),
+			/* @__PURE__ */ m(_, {
+				id: e.id,
+				index: n
+			}),
+			/* @__PURE__ */ m(g, {}),
+			/* @__PURE__ */ m(v, {
+				id: e.id,
+				index: n
+			}),
+			/* @__PURE__ */ m(o, {
+				id: e.id,
+				index: n
+			})
+		] });
+	}, t[0] = e.id, t[1] = r);
+	let s;
+	t[2] !== e.id || t[3] !== r ? (s = /* @__PURE__ */ m(a, {
+		id: e.id,
+		children: r
+	}), t[2] = e.id, t[3] = r, t[4] = s) : s = t[4];
+	let f;
+	return t[5] !== n || t[6] !== s ? (f = /* @__PURE__ */ m(d, {
+		ref: n,
+		children: s
+	}), t[5] = n, t[6] = s, t[7] = f) : f = t[7], f;
 }
-function E(e) {
-  return e.setWidget;
-}
-const G = {
-  row: {
-    display: "flex",
-    alignItems: "center",
-    gap: (e) => e.spacing(0.25),
-    "& + &": {
-      marginTop: (e) => e.spacing(1)
-    }
-  }
+//#endregion
+//#region src/widgets/spread/style.ts
+var b = {
+	root: {
+		display: "flex",
+		flexDirection: "column",
+		gap: (e) => e.spacing(2)
+	},
+	item: { "&[data-disabled=\"true\"]": { color: (e) => e.palette.text.disabled } },
+	row: {
+		display: "flex",
+		alignItems: "center",
+		gap: (e) => e.spacing(.25),
+		"& + &": { marginTop: (e) => e.spacing(1) }
+	}
 };
-function nt() {
-  const e = h(1);
-  let t;
-  return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ f(T, { sx: G.row, "aria-label": "Spread skeleton", children: /* @__PURE__ */ f(F, { width: 120, height: 32 }) }), e[0] = t) : t = e[0], t;
+//#endregion
+//#region src/widgets/spread/skeleton.tsx
+function x() {
+	let e = u(1), t;
+	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ m(d, {
+		sx: b.row,
+		"aria-label": "Spread skeleton",
+		children: /* @__PURE__ */ m(f, {
+			width: 120,
+			height: 32
+		})
+	}), e[0] = t) : t = e[0], t;
 }
-function lt({
-  refUI: e
-}) {
-  return [{
-    ...$,
-    modifier: () => $.modifier(e)
-  }, {
-    ...I,
-    modifier: async (t) => {
-      const i = t.map((o) => [o.min, o.max]);
-      return I.modifier([["Min", "Max"], ...i]);
-    }
-  }];
+//#endregion
+//#region src/widgets/spread/config.ts
+function S({ refUI: e }) {
+	return [{
+		...n,
+		modifier: () => n.modifier(e)
+	}, {
+		...t,
+		modifier: async (e) => {
+			let n = e.map((e) => [e.min, e.max]);
+			return t.modifier([["Min", "Max"], ...n]);
+		}
+	}];
 }
-function dt() {
-  return {
-    series: []
-  };
+function C() {
+	return { series: [] };
 }
-export {
-  w as Item,
-  D as MaxValue,
-  U as MinValue,
-  k as Prefix,
-  R as Row,
-  b as Separator,
-  M as Series,
-  nt as SpreadSkeleton,
-  rt as SpreadUI,
-  C as Suffix,
-  dt as spreadConfig,
-  lt as spreadDownloadConfig
-};
-//# sourceMappingURL=spread.js.map
+//#endregion
+export { s as Item, v as MaxValue, _ as MinValue, c as Prefix, a as Row, g as Separator, l as Series, x as SpreadSkeleton, y as SpreadUI, o as Suffix, C as spreadConfig, S as spreadDownloadConfig };
+
+//# sourceMappingURL=spread.js.map

package/dist/widgets/spread.js.map

@@ -1 +1 @@
-{"version":3,"file":"spread.js","sources":["../../src/widgets/spread/components/separator.tsx","../../src/widgets/spread/components/min-value.tsx","../../src/widgets/spread/components/max-value.tsx","../../src/widgets/spread/spread-ui.tsx","../../src/widgets/spread/style.ts","../../src/widgets/spread/skeleton.tsx","../../src/widgets/spread/config.ts"],"sourcesContent":["import { Item } from '../../formula/components/item'\nimport type { ItemProps } from '../../formula/types'\n\nexport function Separator(props: Omit<ItemProps, 'children'>) {\n  return <Item {...props}>-</Item>\n}\n","import { type SpreadWidgetState, type ValueProps } from '../types'\nimport { useWidgetStore } from '../../stores/widget-store'\nimport { Item } from '../../formula/components/item'\nimport { useShallow } from 'zustand/shallow'\n\nconst defaultFormatter = (value: number) => value.toString()\n\nexport function MinValue({ id, index = 0, ...props }: ValueProps) {\n  const {\n    min,\n    color,\n    formatter = defaultFormatter,\n  } = useWidgetStore(\n    useShallow((state) => {\n      const widget = state.getWidget<SpreadWidgetState>(id)\n      return {\n        min: widget?.data[index]?.min,\n        color: widget?.data[index]?.color,\n        formatter: widget?.formatter,\n      }\n    }),\n  )\n\n  return (\n    <Item TypographyProps={{ color }} {...props}>\n      {formatter(min ?? 0)}\n    </Item>\n  )\n}\n","import { type SpreadWidgetState, type ValueProps } from '../types'\nimport { useWidgetStore } from '../../stores/widget-store'\nimport { Item } from '../../formula/components/item'\nimport { useShallow } from 'zustand/shallow'\n\nconst defaultFormatter = (value: number) => value.toString()\n\nexport function MaxValue({ id, index = 0, ...props }: ValueProps) {\n  const {\n    max,\n    color,\n    formatter = defaultFormatter,\n  } = useWidgetStore(\n    useShallow((state) => {\n      const widget = state.getWidget<SpreadWidgetState>(id)\n      return {\n        max: widget?.data[index]?.max,\n        color: widget?.data[index]?.color,\n        formatter: widget?.formatter,\n      }\n    }),\n  )\n\n  return (\n    <Item TypographyProps={{ color }} {...props}>\n      {formatter(max ?? 0)}\n    </Item>\n  )\n}\n","import type { SpreadUIProps } from './types'\n\nimport { Separator } from './components/separator'\nimport { MinValue } from './components/min-value'\nimport { MaxValue } from './components/max-value'\nimport { Prefix, Row, Suffix, Series } from '../formula'\nimport { useEffect, useRef } from 'react'\nimport { useWidgetStore } from '../stores'\nimport { Box } from '@mui/material'\n\nexport function SpreadUI(props: SpreadUIProps) {\n  const ref = useRef<HTMLElement | null>(null)\n  const setWidget = useWidgetStore((store) => store.setWidget)\n\n  useEffect(() => {\n    if (ref.current) {\n      setWidget(props.id, { refUI: ref })\n    }\n  }, [props.id, setWidget])\n\n  return (\n    <Box ref={ref}>\n      <Row id={props.id}>\n        {({ index }) => (\n          <>\n            <Series id={props.id} index={index} />\n            <Prefix id={props.id} index={index} />\n            <MinValue id={props.id} index={index} />\n            <Separator />\n            <MaxValue id={props.id} index={index} />\n            <Suffix id={props.id} index={index} />\n          </>\n        )}\n      </Row>\n    </Box>\n  )\n}\n","import type { SxProps, Theme } from '@mui/material'\n\nexport const styles = {\n  root: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: (theme: Theme) => theme.spacing(2),\n  },\n  item: {\n    '&[data-disabled=\"true\"]': {\n      color: (theme: Theme) => theme.palette.text.disabled,\n    },\n  },\n  row: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: (theme: Theme) => theme.spacing(0.25),\n    '& + &': {\n      marginTop: (theme: Theme) => theme.spacing(1),\n    },\n  },\n} satisfies Record<string, SxProps<Theme>>\n","import { Box, Skeleton } from '@mui/material'\nimport { styles } from './style'\n\nexport function SpreadSkeleton() {\n  return (\n    <Box sx={styles.row} aria-label='Spread skeleton'>\n      <Skeleton width={120} height={32} />\n    </Box>\n  )\n}\n","import { downloadToCSV, downloadToPNG, type DownloadItem } from '../actions'\nimport type { ConfigProps } from '../root/types'\nimport type { SpreadWidgetConfig, SpreadWidgetData } from './types'\nimport type { SeriesConfig } from '../formula/types'\n\nexport interface SpreadConfigProps {\n  formatter?: (value: number) => string\n  series?: SeriesConfig[]\n}\n\nexport function spreadDownloadConfig({\n  refUI,\n}: ConfigProps): DownloadItem<SpreadWidgetData>[] {\n  return [\n    {\n      ...downloadToPNG,\n      modifier: () => downloadToPNG.modifier(refUI),\n    },\n    {\n      ...downloadToCSV,\n      modifier: async (data) => {\n        const rows = data.map((item) => [item.min, item.max])\n\n        return downloadToCSV.modifier([['Min', 'Max'], ...rows])\n      },\n    },\n  ]\n}\n\nexport function spreadConfig(): SpreadWidgetConfig {\n  return {\n    series: [],\n  }\n}\n"],"names":["Separator","props","$","_c","t0","jsx","Item","defaultFormatter","value","toString","MinValue","id","t1","index","undefined","t2","state","widget","getWidget","min","data","color","formatter","t3","useWidgetStore","useShallow","t4","t5","t6","t7","MaxValue","max","SpreadUI","ref","useRef","setWidget","_temp","current","refUI","useEffect","jsxs","Fragment","Series","Prefix","Suffix","Box","Row","store","styles","row","display","alignItems","gap","theme","spacing","marginTop","SpreadSkeleton","Symbol","for","Skeleton","spreadDownloadConfig","downloadToPNG","modifier","downloadToCSV","rows","map","item","spreadConfig","series"],"mappings":"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"}
+{"version":3,"file":"spread.js","names":["<Item {...props}>-</Item>","index = 0","{ id, index = 0, ...props }: ValueProps","(w) => {\n    const sw = w as SpreadWidgetState | undefined\n    return {\n      min: sw?.data[index]?.min,\n      color: sw?.data[index]?.color,\n      formatter: sw?.formatter,\n    }\n  }","{ color }","formatter(min ?? 0)","min ?? 0","<Item TypographyProps={{ color }} {...props}>\n      {formatter(min ?? 0)}\n    </Item>","index = 0","{ id, index = 0, ...props }: ValueProps","(w) => {\n    const sw = w as SpreadWidgetState | undefined\n    return {\n      max: sw?.data[index]?.max,\n      color: sw?.data[index]?.color,\n      formatter: sw?.formatter,\n    }\n  }","{ color }","formatter(max ?? 0)","max ?? 0","<Item TypographyProps={{ color }} {...props}>\n      {formatter(max ?? 0)}\n    </Item>","({ index }) => (\n          <>\n            <Series id={props.id} index={index} />\n            <Prefix id={props.id} index={index} />\n            <MinValue id={props.id} index={index} />\n            <Separator />\n            <MaxValue id={props.id} index={index} />\n            <Suffix id={props.id} index={index} />\n          </>\n        )","id","{ index }","<Row id={props.id}>\n        {({ index }) => (\n          <>\n            <Series id={props.id} index={index} />\n            <Prefix id={props.id} index={index} />\n            <MinValue id={props.id} index={index} />\n            <Separator />\n            <MaxValue id={props.id} index={index} />\n            <Suffix id={props.id} index={index} />\n          </>\n        )}\n      </Row>","<Box ref={ref}>\n      <Row id={props.id}>\n        {({ index }) => (\n          <>\n            <Series id={props.id} index={index} />\n            <Prefix id={props.id} index={index} />\n            <MinValue id={props.id} index={index} />\n            <Separator />\n            <MaxValue id={props.id} index={index} />\n            <Suffix id={props.id} index={index} />\n          </>\n        )}\n      </Row>\n    </Box>","<Box sx={styles.row} aria-label='Spread skeleton'>\n      <Skeleton width={120} height={32} />\n    </Box>"],"sources":["../../src/widgets/spread/components/separator.tsx","../../src/widgets/spread/components/min-value.tsx","../../src/widgets/spread/components/max-value.tsx","../../src/widgets/spread/spread-ui.tsx","../../src/widgets/spread/style.ts","../../src/widgets/spread/skeleton.tsx","../../src/widgets/spread/config.ts"],"sourcesContent":["import { Item } from '../../formula/components/item'\nimport type { ItemProps } from '../../formula/types'\n\n/**\n * Renders a dash separator between the min and max values in a spread widget.\n */\nexport function Separator(props: Omit<ItemProps, 'children'>) {\n  return <Item {...props}>-</Item>\n}\n","import { type SpreadWidgetState, type ValueProps } from '../types'\nimport { useWidgetSelector } from '../../stores/use-widget-selector'\nimport { Item } from '../../formula/components/item'\nimport { defaultFormatter } from '../../utils/formatter'\n\n/**\n * Displays the formatted minimum value for a spread widget data item.\n */\nexport function MinValue({ id, index = 0, ...props }: ValueProps) {\n  const {\n    min,\n    color,\n    formatter: _formatter,\n  } = useWidgetSelector(id, (w) => {\n    const sw = w as SpreadWidgetState | undefined\n    return {\n      min: sw?.data[index]?.min,\n      color: sw?.data[index]?.color,\n      formatter: sw?.formatter,\n    }\n  })\n  const formatter = _formatter ?? defaultFormatter\n\n  return (\n    <Item TypographyProps={{ color }} {...props}>\n      {formatter(min ?? 0)}\n    </Item>\n  )\n}\n","import { type SpreadWidgetState, type ValueProps } from '../types'\nimport { useWidgetSelector } from '../../stores/use-widget-selector'\nimport { Item } from '../../formula/components/item'\nimport { defaultFormatter } from '../../utils/formatter'\n\n/**\n * Displays the formatted maximum value for a spread widget data item.\n */\nexport function MaxValue({ id, index = 0, ...props }: ValueProps) {\n  const {\n    max,\n    color,\n    formatter: _formatter,\n  } = useWidgetSelector(id, (w) => {\n    const sw = w as SpreadWidgetState | undefined\n    return {\n      max: sw?.data[index]?.max,\n      color: sw?.data[index]?.color,\n      formatter: sw?.formatter,\n    }\n  })\n  const formatter = _formatter ?? defaultFormatter\n\n  return (\n    <Item TypographyProps={{ color }} {...props}>\n      {formatter(max ?? 0)}\n    </Item>\n  )\n}\n","import type { SpreadUIProps } from './types'\n\nimport { Separator } from './components/separator'\nimport { MinValue } from './components/min-value'\nimport { MaxValue } from './components/max-value'\nimport { Prefix, Row, Suffix, Series } from '../formula'\nimport { useWidgetRef } from '../../hooks'\nimport { Box } from '@mui/material'\n\n/**\n * Renders a spread widget displaying min-max value pairs with optional prefixes, suffixes, and series indicators.\n */\nexport function SpreadUI(props: SpreadUIProps) {\n  const { ref } = useWidgetRef(props.id)\n\n  return (\n    <Box ref={ref}>\n      <Row id={props.id}>\n        {({ index }) => (\n          <>\n            <Series id={props.id} index={index} />\n            <Prefix id={props.id} index={index} />\n            <MinValue id={props.id} index={index} />\n            <Separator />\n            <MaxValue id={props.id} index={index} />\n            <Suffix id={props.id} index={index} />\n          </>\n        )}\n      </Row>\n    </Box>\n  )\n}\n","import type { SxProps, Theme } from '@mui/material'\n\nexport const styles = {\n  root: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: (theme: Theme) => theme.spacing(2),\n  },\n  item: {\n    '&[data-disabled=\"true\"]': {\n      color: (theme: Theme) => theme.palette.text.disabled,\n    },\n  },\n  row: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: (theme: Theme) => theme.spacing(0.25),\n    '& + &': {\n      marginTop: (theme: Theme) => theme.spacing(1),\n    },\n  },\n} satisfies Record<string, SxProps<Theme>>\n","import { Box, Skeleton } from '@mui/material'\nimport { styles } from './style'\n\nexport function SpreadSkeleton() {\n  return (\n    <Box sx={styles.row} aria-label='Spread skeleton'>\n      <Skeleton width={120} height={32} />\n    </Box>\n  )\n}\n","import { downloadToCSV, downloadToPNG, type DownloadItem } from '../actions'\nimport type { ConfigProps } from '../loader/types'\nimport type { SpreadWidgetConfig, SpreadWidgetData } from './types'\n\n/**\n * Creates download configuration for spread widgets, supporting PNG (screenshot) and CSV (min/max data) exports.\n *\n * @param props - Configuration with `refUI` reference for PNG export.\n * @returns Array of download items for use with the Download action.\n */\nexport function spreadDownloadConfig({\n  refUI,\n}: ConfigProps): DownloadItem<SpreadWidgetData>[] {\n  return [\n    {\n      ...downloadToPNG,\n      modifier: () => downloadToPNG.modifier(refUI),\n    },\n    {\n      ...downloadToCSV,\n      modifier: async (data) => {\n        const rows = data.map((item) => [item.min, item.max])\n\n        return downloadToCSV.modifier([['Min', 'Max'], ...rows])\n      },\n    },\n  ]\n}\n\n/**\n * Returns the default configuration for spread (min/max value range) widgets.\n *\n * @returns Default spread widget config with empty series.\n */\nexport function spreadConfig(): SpreadWidgetConfig {\n  return {\n    series: [],\n  }\n}\n"],"mappings":"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"}

package/dist/widgets/stores.js

@@ -1,5 +1,3 @@
-import { u as r } from "../widget-store-Dd7_sWZT.js";
-export {
-  r as useWidgetStore
-};
-//# sourceMappingURL=stores.js.map
+import { n as e, t } from "../widget-store-BFPKYm4R.js";
+import { t as n } from "../use-widget-selector-VSPhfhNm.js";
+export { n as useWidgetSelector, t as useWidgetStore, e as widgetStoreActions };

package/dist/widgets/subheader.js

@@ -1,52 +1,51 @@
-import { jsx as g, jsxs as m } from "react/jsx-runtime";
-import { c as d } from "react/compiler-runtime";
-import { Box as x } from "@mui/material";
-const c = {
-  root: {
-    display: "flex",
-    alignItems: "center",
-    gap: ({
-      spacing: e
-    }) => e(1),
-    minHeight: ({
-      spacing: e
-    }) => e(3)
-  },
-  slotLeft: {
-    flexShrink: 0
-  },
-  slotRight: {
-    flexGrow: 1,
-    display: "flex",
-    justifyContent: "flex-end",
-    alignItems: "center",
-    gap: ({
-      spacing: e
-    }) => e(1)
-  }
+import { c as e } from "react/compiler-runtime";
+import { Box as t } from "@mui/material";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/widgets/subheader/style.ts
+var i = {
+	root: {
+		display: "flex",
+		alignItems: "center",
+		gap: ({ spacing: e }) => e(1),
+		minHeight: ({ spacing: e }) => e(3)
+	},
+	slotLeft: { flexShrink: 0 },
+	slotRight: {
+		flexGrow: 1,
+		display: "flex",
+		justifyContent: "flex-end",
+		alignItems: "center",
+		gap: ({ spacing: e }) => e(1)
+	}
 };
-function u(e) {
-  const t = d(10), {
-    slotLeft: i,
-    slotRight: n,
-    sx: f
-  } = e;
-  let l;
-  t[0] !== f ? (l = {
-    ...c.root,
-    ...f
-  }, t[0] = f, t[1] = l) : l = t[1];
-  let s;
-  t[2] !== i ? (s = i && /* @__PURE__ */ g(x, { sx: c.slotLeft, children: i }), t[2] = i, t[3] = s) : s = t[3];
-  let o;
-  t[4] !== n ? (o = /* @__PURE__ */ g(x, { sx: c.slotRight, children: n }), t[4] = n, t[5] = o) : o = t[5];
-  let r;
-  return t[6] !== l || t[7] !== s || t[8] !== o ? (r = /* @__PURE__ */ m(x, { sx: l, children: [
-    s,
-    o
-  ] }), t[6] = l, t[7] = s, t[8] = o, t[9] = r) : r = t[9], r;
+//#endregion
+//#region src/widgets/subheader/subheader.tsx
+function a(a) {
+	let o = e(10), { slotLeft: s, slotRight: c, sx: l } = a, u;
+	o[0] === l ? u = o[1] : (u = {
+		...i.root,
+		...l
+	}, o[0] = l, o[1] = u);
+	let d;
+	o[2] === s ? d = o[3] : (d = s && /* @__PURE__ */ n(t, {
+		sx: i.slotLeft,
+		className: "widget-subheader-slot-left",
+		children: s
+	}), o[2] = s, o[3] = d);
+	let f;
+	o[4] === c ? f = o[5] : (f = c && /* @__PURE__ */ n(t, {
+		sx: i.slotRight,
+		className: "widget-subheader-slot-right",
+		children: c
+	}), o[4] = c, o[5] = f);
+	let p;
+	return o[6] !== u || o[7] !== d || o[8] !== f ? (p = /* @__PURE__ */ r(t, {
+		sx: u,
+		className: "widget-subheader",
+		children: [d, f]
+	}), o[6] = u, o[7] = d, o[8] = f, o[9] = p) : p = o[9], p;
 }
-export {
-  u as WidgetSubHeader
-};
-//# sourceMappingURL=subheader.js.map
+//#endregion
+export { a as WidgetSubHeader };
+
+//# sourceMappingURL=subheader.js.map

package/dist/widgets/subheader.js.map

@@ -1 +1 @@
-{"version":3,"file":"subheader.js","sources":["../../src/widgets/subheader/style.ts","../../src/widgets/subheader/subheader.tsx"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material'\n\nexport const styles = {\n  root: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: ({ spacing }) => spacing(1),\n    minHeight: ({ spacing }) => spacing(3),\n  },\n  slotLeft: {\n    flexShrink: 0,\n  },\n  slotRight: {\n    flexGrow: 1,\n    display: 'flex',\n    justifyContent: 'flex-end',\n    alignItems: 'center',\n    gap: ({ spacing }) => spacing(1),\n  },\n} satisfies Record<string, SxProps<Theme>>\n","import { Box } from '@mui/material'\nimport { styles } from './style'\nimport type { WidgetSubHeaderProps } from './types'\n\nexport function WidgetSubHeader({\n  slotLeft,\n  slotRight,\n  sx,\n}: WidgetSubHeaderProps) {\n  return (\n    <Box sx={{ ...styles.root, ...sx }}>\n      {slotLeft && <Box sx={styles.slotLeft}>{slotLeft}</Box>}\n      <Box sx={styles.slotRight}>{slotRight}</Box>\n    </Box>\n  )\n}\n"],"names":["styles","root","display","alignItems","gap","spacing","minHeight","slotLeft","flexShrink","slotRight","flexGrow","justifyContent","WidgetSubHeader","t0","$","_c","sx","t1","t2","jsx","Box","t3","t4"],"mappings":";;;AAEO,MAAMA,IAAS;AAAA,EACpBC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,YAAY;AAAA,IACZC,KAAKA,CAAC;AAAA,MAAEC,SAAAA;AAAAA,IAAAA,MAAcA,EAAQ,CAAC;AAAA,IAC/BC,WAAWA,CAAC;AAAA,MAAED,SAAAA;AAAAA,IAAAA,MAAcA,EAAQ,CAAC;AAAA,EAAA;AAAA,EAEvCE,UAAU;AAAA,IACRC,YAAY;AAAA,EAAA;AAAA,EAEdC,WAAW;AAAA,IACTC,UAAU;AAAA,IACVR,SAAS;AAAA,IACTS,gBAAgB;AAAA,IAChBR,YAAY;AAAA,IACZC,KAAKA,CAAC;AAAA,MAAEC,SAAAA;AAAAA,IAAAA,MAAcA,EAAQ,CAAC;AAAA,EAAA;AAEnC;ACfO,SAAAO,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAyB;AAAA,IAAAR,UAAAA;AAAAA,IAAAE,WAAAA;AAAAA,IAAAO,IAAAA;AAAAA,EAAAA,IAAAH;AAIT,MAAAI;AAAA,EAAAH,SAAAE,KAEVC,IAAA;AAAA,IAAA,GAAKjB,EAAMC;AAAAA,IAAK,GAAKe;AAAAA,EAAAA,GAAIF,OAAAE,GAAAF,OAAAG,KAAAA,IAAAH,EAAA,CAAA;AAAA,MAAAI;AAAA,EAAAJ,SAAAP,KAC/BW,IAAAX,KAAY,gBAAAY,EAACC,GAAA,EAAQ,IAAApB,EAAMO,uBAAqB,GAAMO,OAAAP,GAAAO,OAAAI,KAAAA,IAAAJ,EAAA,CAAA;AAAA,MAAAO;AAAA,EAAAP,SAAAL,KACvDY,IAAA,gBAAAF,EAACC,GAAA,EAAQ,IAAApB,EAAMS,WAAaA,UAAAA,GAAU,GAAMK,OAAAL,GAAAK,OAAAO,KAAAA,IAAAP,EAAA,CAAA;AAAA,MAAAQ;AAAA,SAAAR,EAAA,CAAA,MAAAG,KAAAH,SAAAI,KAAAJ,EAAA,CAAA,MAAAO,KAF9CC,sBAACF,GAAA,EAAQ,IAAAH,GACNC,UAAAA;AAAAA,IAAAA;AAAAA,IACDG;AAAAA,EAAAA,GACF,GAAMP,OAAAG,GAAAH,OAAAI,GAAAJ,OAAAO,GAAAP,OAAAQ,KAAAA,IAAAR,EAAA,CAAA,GAHNQ;AAGM;"}
+{"version":3,"file":"subheader.js","names":["{\n  slotLeft,\n  slotRight,\n  sx,\n}: WidgetSubHeaderProps","{ ...styles.root, ...sx }","slotLeft && (\n        <Box sx={styles.slotLeft} className='widget-subheader-slot-left'>\n          {slotLeft}\n        </Box>\n      )","slotRight && (\n        <Box sx={styles.slotRight} className='widget-subheader-slot-right'>\n          {slotRight}\n        </Box>\n      )","<Box sx={{ ...styles.root, ...sx }} className='widget-subheader'>\n      {slotLeft && (\n        <Box sx={styles.slotLeft} className='widget-subheader-slot-left'>\n          {slotLeft}\n        </Box>\n      )}\n      {slotRight && (\n        <Box sx={styles.slotRight} className='widget-subheader-slot-right'>\n          {slotRight}\n        </Box>\n      )}\n    </Box>"],"sources":["../../src/widgets/subheader/style.ts","../../src/widgets/subheader/subheader.tsx"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material'\n\nexport const styles = {\n  root: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: ({ spacing }) => spacing(1),\n    minHeight: ({ spacing }) => spacing(3),\n  },\n  slotLeft: {\n    flexShrink: 0,\n  },\n  slotRight: {\n    flexGrow: 1,\n    display: 'flex',\n    justifyContent: 'flex-end',\n    alignItems: 'center',\n    gap: ({ spacing }) => spacing(1),\n  },\n} satisfies Record<string, SxProps<Theme>>\n","import { Box } from '@mui/material'\nimport { styles } from './style'\nimport type { WidgetSubHeaderProps } from './types'\n\n/**\n * Flexible two-slot layout for displaying supplementary widget information such as totals, timestamps, or controls. Uses flexbox with space-between justification.\n *\n * @example\n * ```tsx\n * <WidgetSubHeader\n *   slotLeft={<Typography variant=\"caption\">Total: 1,234</Typography>}\n *   slotRight={<Typography variant=\"caption\">Updated: 2m ago</Typography>}\n * />\n * ```\n */\nexport function WidgetSubHeader({\n  slotLeft,\n  slotRight,\n  sx,\n}: WidgetSubHeaderProps) {\n  return (\n    <Box sx={{ ...styles.root, ...sx }} className='widget-subheader'>\n      {slotLeft && (\n        <Box sx={styles.slotLeft} className='widget-subheader-slot-left'>\n          {slotLeft}\n        </Box>\n      )}\n      {slotRight && (\n        <Box sx={styles.slotRight} className='widget-subheader-slot-right'>\n          {slotRight}\n        </Box>\n      )}\n    </Box>\n  )\n}\n"],"mappings":";;;;AAEA,IAAa,IAAS;CACpB,MAAM;EACJ,SAAS;EACT,YAAY;EACZ,MAAM,EAAE,iBAAc,EAAQ,CAAC;EAC/B,YAAY,EAAE,iBAAc,EAAQ,CAAC;CACvC;CACA,UAAU,EACR,YAAY,EACd;CACA,WAAW;EACT,UAAU;EACV,SAAS;EACT,gBAAgB;EAChB,YAAY;EACZ,MAAM,EAAE,iBAAc,EAAQ,CAAC;CACjC;AACF;;;ACJA,SAAgB,EAAA,GAIS;gBAJO,EAC9B,aACA,cACA,UAH8BA,GAMnBC;CAAqB,AAAA,EAAA,OAAA,gBAArB,IAAA;EAAE,GAAG,EAAO;EAAM,GAAG;CAAG,GAAH,EAAA,KAAA;CAC3BC,IAAAA;0BACC,IAAA,KAAA,kBAAC,GAAD;EAAK,IAAI,EAAO;EAAU,WAAU;EACjC,UAAA;CACE,CAAA,GAHN,EAAA,KAAA;CAKAC,IAAAA;0BACC,IAAA,KAAA,kBAAC,GAAD;EAAK,IAAI,EAAO;EAAW,WAAU;EAClC,UAAA;CACE,CAAA,GAHN,EAAA,KAAA;CANHC,IAAAA;CADF,OACWH,EAAAA,OAAAA,KAAAA,EAAAA,OACNC,KAAAA,EAAAA,OAKAC,KANH,IAAA,kBAAC,GAAD;EAAK,IAAIF;EAA2B,WAAU;EAA9C,UAAA,CACGC,GAKAC,CAKE;KAXIF,EAAAA,KAAAA,GACNC,EAAAA,KAAAA,GAKAC,EAAAA,KAAAA,yBANHC;AAaJ"}