@carto/ps-react-ui 4.19.0 → 4.20.1

package/dist/widgets/skeleton-loader.js

@@ -1,25 +1,24 @@
-import { jsx as t } from "react/jsx-runtime";
-import { c as s } from "react/compiler-runtime";
-import { u } from "../use-widget-selector-DFl2hW0R.js";
-import { Suspense as c } from "react";
-function L(r) {
-  const e = s(2), {
-    id: i,
-    children: l,
-    Skeleton: n
-  } = r;
-  if (u(i, f)) {
-    if (!n)
-      return null;
-    let o;
-    return e[0] !== n ? (o = /* @__PURE__ */ t(c, { fallback: null, children: /* @__PURE__ */ t(n, {}) }), e[0] = n, e[1] = o) : o = e[1], o;
-  }
-  return l;
+import { t as e } from "../use-widget-selector-VSPhfhNm.js";
+import { c as t } from "react/compiler-runtime";
+import { Suspense as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/widgets/skeleton-loader/skeleton-loader.tsx
+function i(i) {
+	let o = t(2), { id: s, children: c, Skeleton: l } = i;
+	if (e(s, a)) {
+		if (!l) return null;
+		let e;
+		return o[0] === l ? e = o[1] : (e = /* @__PURE__ */ r(n, {
+			fallback: null,
+			children: /* @__PURE__ */ r(l, {})
+		}), o[0] = l, o[1] = e), e;
+	}
+	return c;
 }
-function f(r) {
-  return r?.isLoading;
+function a(e) {
+	return e?.isLoading;
 }
-export {
-  L as SkeletonLoader
-};
-//# sourceMappingURL=skeleton-loader.js.map
+//#endregion
+export { i as SkeletonLoader };
+
+//# sourceMappingURL=skeleton-loader.js.map

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 { 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"],"names":["SkeletonLoader","t0","$","_c","id","children","Skeleton","useWidgetSelector","_temp","t1","Suspense","jsx","w","isLoading"],"mappings":";;;;AAcO,SAAAA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAAwB;AAAA,IAAAC,IAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,UAAAA;AAAAA,EAAAA,IAAAL;AAO7B,MAFkBM,EAAkBH,GAAII,CAAmB,GAE9C;AACX,QAAI,CAACF;AAAQ,aACJ;AACR,QAAAG;AAAA,WAAAP,SAAAI,KAGCG,sBAACC,GAAA,EAAmB,UAAA,MAClB,UAAA,gBAAAC,EAACL,KAAQ,GACX,GAAWJ,OAAAI,GAAAJ,OAAAO,KAAAA,IAAAP,EAAA,CAAA,GAFXO;AAAAA,EAEW;AAEd,SAEMJ;AAAQ;AAnBV,SAAAG,EAAAI,GAAA;AAAA,SAK0CA,GAACC;AAAW;"}
+{"version":3,"file":"skeleton-loader.js","names":["SkeletonLoaderProps","useWidgetSelector","Suspense","SkeletonLoader","t0","$","_c","id","children","Skeleton","isLoading","_temp","t1","w"],"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,SAAOG,EAAAC,GAAA;CAAA,IAAAC,IAAAC,EAAA,CAAA,GAAwB,EAAAC,OAAAC,aAAAC,gBAAAL;CAO7B,IAFkBH,EAAkBM,GAAII,CAEpCD,GAAS;EACX,IAAI,CAACD,GAAQ,OACJ;EACR,IAAAG;EAKY,OALZP,EAAA,OAAAI,IAKYG,IAAAP,EAAA,MAFXO,IAAA,kBAAC,GAAD;GAAoB,UAAA;GAClB,UAAA,kBAAC,GAAD,CAAS,CAAA;EADF,CAAA,GAEEP,EAAA,KAAAI,GAAAJ,EAAA,KAAAO,IAFXA;CAEW;CAEd,OAEMJ;AAAQ;AAnBV,SAAAG,EAAAE,GAAA;CAAA,OAK0CA,GAACH;AAAW"}

package/dist/widgets/spread.js

@@ -1,164 +1,158 @@
-import { jsx as m, jsxs as M, Fragment as _ } from "react/jsx-runtime";
-import { c as g } from "react/compiler-runtime";
-import { I as w, S as k, P as C, a as R } from "../series-DLNHDWs0.js";
-import { u as T } from "../use-widget-selector-DFl2hW0R.js";
-import { d as $ } from "../formatter-B9Bxn1k7.js";
-import { Box as I, Skeleton as V } from "@mui/material";
-import "../widget-store-Bw5zRUGg.js";
-import "zustand/shallow";
-import { R as b } from "../row-DZSP99LW.js";
-import "@mui/icons-material";
-import "react";
-import "html2canvas";
-import "../lasso-tool-YLFRgb-S.js";
-import "../cjs-D4KH3azB.js";
-import "@carto/ps-utils";
-import "@dnd-kit/core";
-import "@dnd-kit/sortable";
-import "@dnd-kit/utilities";
-import "react-dom";
-import { u as j } from "../use-widget-ref-Ddr_SlJJ.js";
-import { d as y, a as P } from "../exports-Cr43OCul.js";
-function v(e) {
-  const t = g(2);
-  let i;
-  return t[0] !== e ? (i = /* @__PURE__ */ m(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-DKX98LlI.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-Bk9CBzm2.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;
 }
-function F(e) {
-  const t = g(15);
-  let i, r, o;
-  t[0] !== e ? ({
-    id: i,
-    index: o,
-    ...r
-  } = e, t[0] = e, t[1] = i, t[2] = r, t[3] = o) : (i = t[1], r = t[2], o = t[3]);
-  const n = o === void 0 ? 0 : o;
-  let s;
-  t[4] !== n ? (s = (S) => {
-    const x = S;
-    return {
-      min: x?.data[n]?.min,
-      color: x?.data[n]?.color,
-      formatter: x?.formatter
-    };
-  }, t[4] = n, t[5] = s) : s = t[5];
-  const {
-    min: d,
-    color: c,
-    formatter: h
-  } = T(i, s), u = h ?? $;
-  let a;
-  t[6] !== c ? (a = {
-    color: c
-  }, t[6] = c, t[7] = a) : a = t[7];
-  const p = d ?? 0;
-  let l;
-  t[8] !== u || t[9] !== p ? (l = u(p), t[8] = u, t[9] = p, t[10] = l) : l = t[10];
-  let f;
-  return t[11] !== r || t[12] !== a || t[13] !== l ? (f = /* @__PURE__ */ m(w, { TypographyProps: a, ...r, children: l }), t[11] = r, t[12] = a, t[13] = l, t[14] = f) : f = t[14], f;
+//#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;
 }
-function W(e) {
-  const t = g(15);
-  let i, r, o;
-  t[0] !== e ? ({
-    id: i,
-    index: o,
-    ...r
-  } = e, t[0] = e, t[1] = i, t[2] = r, t[3] = o) : (i = t[1], r = t[2], o = t[3]);
-  const n = o === void 0 ? 0 : o;
-  let s;
-  t[4] !== n ? (s = (S) => {
-    const x = S;
-    return {
-      max: x?.data[n]?.max,
-      color: x?.data[n]?.color,
-      formatter: x?.formatter
-    };
-  }, t[4] = n, t[5] = s) : s = t[5];
-  const {
-    max: d,
-    color: c,
-    formatter: h
-  } = T(i, s), u = h ?? $;
-  let a;
-  t[6] !== c ? (a = {
-    color: c
-  }, t[6] = c, t[7] = a) : a = t[7];
-  const p = d ?? 0;
-  let l;
-  t[8] !== u || t[9] !== p ? (l = u(p), t[8] = u, t[9] = p, t[10] = l) : l = t[10];
-  let f;
-  return t[11] !== r || t[12] !== a || t[13] !== l ? (f = /* @__PURE__ */ m(w, { TypographyProps: a, ...r, children: l }), t[11] = r, t[12] = a, t[13] = l, t[14] = f) : f = t[14], f;
+//#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 ot(e) {
-  const t = g(8), {
-    ref: i
-  } = j(e.id);
-  let r;
-  t[0] !== e.id ? (r = (s) => {
-    const {
-      index: d
-    } = s;
-    return /* @__PURE__ */ M(_, { children: [
-      /* @__PURE__ */ m(k, { id: e.id, index: d }),
-      /* @__PURE__ */ m(C, { id: e.id, index: d }),
-      /* @__PURE__ */ m(F, { id: e.id, index: d }),
-      /* @__PURE__ */ m(v, {}),
-      /* @__PURE__ */ m(W, { id: e.id, index: d }),
-      /* @__PURE__ */ m(R, { id: e.id, index: d })
-    ] });
-  }, t[0] = e.id, t[1] = r) : r = t[1];
-  let o;
-  t[2] !== e.id || t[3] !== r ? (o = /* @__PURE__ */ m(b, { id: e.id, children: r }), t[2] = e.id, t[3] = r, t[4] = o) : o = t[4];
-  let n;
-  return t[5] !== i || t[6] !== o ? (n = /* @__PURE__ */ m(I, { ref: i, children: o }), t[5] = i, t[6] = o, t[7] = n) : n = t[7], n;
+//#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;
 }
-const B = {
-  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 = g(1);
-  let t;
-  return e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ m(I, { sx: B.row, "aria-label": "Spread skeleton", children: /* @__PURE__ */ m(V, { 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 at({
-  refUI: e
-}) {
-  return [{
-    ...y,
-    modifier: () => y.modifier(e)
-  }, {
-    ...P,
-    modifier: async (t) => {
-      const i = t.map((r) => [r.min, r.max]);
-      return P.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 lt() {
-  return {
-    series: []
-  };
+function C() {
+	return { series: [] };
 }
-export {
-  w as Item,
-  W as MaxValue,
-  F as MinValue,
-  C as Prefix,
-  b as Row,
-  v as Separator,
-  k as Series,
-  nt as SpreadSkeleton,
-  ot as SpreadUI,
-  R as Suffix,
-  lt as spreadConfig,
-  at 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\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"],"names":["Separator","props","$","_c","t0","jsx","Item","MinValue","id","t1","index","undefined","t2","w","sw","min","data","color","formatter","_formatter","useWidgetSelector","defaultFormatter","t3","t4","t5","t6","MaxValue","max","SpreadUI","ref","useWidgetRef","jsxs","Fragment","Series","Prefix","Suffix","Row","Box","styles","row","display","alignItems","gap","theme","spacing","marginTop","SpreadSkeleton","Symbol","for","Skeleton","spreadDownloadConfig","refUI","downloadToPNG","modifier","downloadToCSV","rows","map","item","spreadConfig","series"],"mappings":"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"}
+{"version":3,"file":"spread.js","names":["Item","ItemProps","Separator","props","$","_c","t0","SpreadWidgetState","ValueProps","useWidgetSelector","Item","defaultFormatter","MinValue","t0","$","_c","id","props","t1","index","undefined","t2","w","sw","min","data","color","formatter","_formatter","t3","t4","t5","t6","SpreadWidgetState","ValueProps","useWidgetSelector","Item","defaultFormatter","MaxValue","t0","$","_c","id","props","t1","index","undefined","t2","w","sw","max","data","color","formatter","_formatter","t3","t4","t5","t6","SpreadUIProps","Separator","MinValue","MaxValue","Prefix","Row","Suffix","Series","useWidgetRef","Box","SpreadUI","props","$","_c","ref","id","t0","t1","index","t2","SxProps","Theme","styles","root","display","flexDirection","gap","theme","spacing","item","color","palette","text","disabled","row","alignItems","marginTop","Record","Box","Skeleton","styles","SpreadSkeleton","$","_c","t0","Symbol","for","row","downloadToCSV","downloadToPNG","DownloadItem","ConfigProps","SpreadWidgetConfig","SpreadWidgetData","spreadDownloadConfig","refUI","modifier","data","rows","map","item","min","max","spreadConfig","series"],"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,8 +1,3 @@
-import { u as o, w as r } from "../widget-store-Bw5zRUGg.js";
-import { u as i } from "../use-widget-selector-DFl2hW0R.js";
-export {
-  i as useWidgetSelector,
-  o as useWidgetStore,
-  r as widgetStoreActions
-};
-//# 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 c, jsxs as g } from "react/jsx-runtime";
-import { c as x } from "react/compiler-runtime";
-import { Box as a } from "@mui/material";
-const d = {
-  root: {
-    display: "flex",
-    alignItems: "center",
-    gap: ({
-      spacing: t
-    }) => t(1),
-    minHeight: ({
-      spacing: t
-    }) => t(3)
-  },
-  slotLeft: {
-    flexShrink: 0
-  },
-  slotRight: {
-    flexGrow: 1,
-    display: "flex",
-    justifyContent: "flex-end",
-    alignItems: "center",
-    gap: ({
-      spacing: t
-    }) => t(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(t) {
-  const e = x(10), {
-    slotLeft: o,
-    slotRight: r,
-    sx: n
-  } = t;
-  let s;
-  e[0] !== n ? (s = {
-    ...d.root,
-    ...n
-  }, e[0] = n, e[1] = s) : s = e[1];
-  let l;
-  e[2] !== o ? (l = o && /* @__PURE__ */ c(a, { sx: d.slotLeft, className: "widget-subheader-slot-left", children: o }), e[2] = o, e[3] = l) : l = e[3];
-  let i;
-  e[4] !== r ? (i = r && /* @__PURE__ */ c(a, { sx: d.slotRight, className: "widget-subheader-slot-right", children: r }), e[4] = r, e[5] = i) : i = e[5];
-  let f;
-  return e[6] !== s || e[7] !== l || e[8] !== i ? (f = /* @__PURE__ */ g(a, { sx: s, className: "widget-subheader", children: [
-    l,
-    i
-  ] }), e[6] = s, e[7] = l, e[8] = i, e[9] = f) : f = e[9], f;
+//#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\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"],"names":["styles","root","display","alignItems","gap","spacing","minHeight","slotLeft","flexShrink","slotRight","flexGrow","justifyContent","WidgetSubHeader","t0","$","_c","sx","t1","t2","Box","t3","t4","jsxs"],"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;ACJO,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,uBACEY,GAAA,EAAQ,IAAAnB,EAAMO,UAAqB,WAAA,8BACjCA,UAAAA,EAAAA,CACH,GACDO,OAAAP,GAAAO,OAAAI,KAAAA,IAAAJ,EAAA,CAAA;AAAA,MAAAM;AAAA,EAAAN,SAAAL,KACAW,IAAAX,uBACEU,GAAA,EAAQ,IAAAnB,EAAMS,WAAsB,WAAA,+BAClCA,UAAAA,EAAAA,CACH,GACDK,OAAAL,GAAAK,OAAAM,KAAAA,IAAAN,EAAA,CAAA;AAAA,MAAAO;AAAA,SAAAP,EAAA,CAAA,MAAAG,KAAAH,SAAAI,KAAAJ,EAAA,CAAA,MAAAM,KAVHC,IAAA,gBAAAC,EAACH,GAAA,EAAQ,IAAAF,GAAqC,WAAA,oBAC3CC,UAAAA;AAAAA,IAAAA;AAAAA,IAKAE;AAAAA,EAAAA,GAKH,GAAMN,OAAAG,GAAAH,OAAAI,GAAAJ,OAAAM,GAAAN,OAAAO,KAAAA,IAAAP,EAAA,CAAA,GAXNO;AAWM;"}
+{"version":3,"file":"subheader.js","names":["SxProps","Theme","styles","root","display","alignItems","gap","spacing","minHeight","slotLeft","flexShrink","slotRight","flexGrow","justifyContent","Record","Box","styles","WidgetSubHeaderProps","WidgetSubHeader","t0","$","_c","slotLeft","slotRight","sx","t1","root","t2","t3","t4"],"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,IAAaE,IAAS;CACpBC,MAAM;EACJC,SAAS;EACTC,YAAY;EACZC,MAAM,EAAEC,iBAAcA,EAAQ,CAAC;EAC/BC,YAAY,EAAED,iBAAcA,EAAQ,CAAC;CACvC;CACAE,UAAU,EACRC,YAAY,EACd;CACAC,WAAW;EACTC,UAAU;EACVR,SAAS;EACTS,gBAAgB;EAChBR,YAAY;EACZC,MAAM,EAAEC,iBAAcA,EAAQ,CAAC;CACjC;AACF;;;ACJA,SAAOW,EAAAC,GAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,GAAyB,EAAAC,aAAAC,cAAAC,UAAAL,GAITM;CAAA,AAAAL,EAAA,OAAAI,IAEeC,IAAAL,EAAA,MAAzBK,IAAA;EAAA,GAAKT,EAAMU;EAAK,GAAKF;CAAG,GAACJ,EAAA,KAAAI,GAAAJ,EAAA,KAAAK;CAAA,IAAAE;CAAA,AAAAP,EAAA,OAAAE,IAK/BK,IAAAP,EAAA,MAJAO,IAAAL,KACC,kBAAC,GAAD;EAAS,IAAAN,EAAMM;EAAqB,WAAA;EACjCA,UAAAA;CADC,CAAA,GAGLF,EAAA,KAAAE,GAAAF,EAAA,KAAAO;CAAA,IAAAC;CAAA,AAAAR,EAAA,OAAAG,IAKAK,IAAAR,EAAA,MAJAQ,IAAAL,KACC,kBAAC,GAAD;EAAS,IAAAP,EAAMO;EAAsB,WAAA;EAClCA,UAAAA;CADC,CAAA,GAGLH,EAAA,KAAAG,GAAAH,EAAA,KAAAQ;CAAA,IAAAC;CACG,OADHT,EAAA,OAAAK,KAAAL,EAAA,OAAAO,KAAAP,EAAA,OAAAQ,KAVHC,IAAA,kBAAC,GAAD;EAAS,IAAAJ;EAAqC,WAAA;EAA9C,UAAA,CACGE,GAKAC,CANC;KAWER,EAAA,KAAAK,GAAAL,EAAA,KAAAO,GAAAP,EAAA,KAAAQ,GAAAR,EAAA,KAAAS,KAAAA,IAAAT,EAAA,IAXNS;AAWM"}