@carto/ps-react-ui 4.4.0-chat-ui.6 → 4.4.0-chat-ui.7

package/dist/series-DLNHDWs0.js

@@ -0,0 +1,90 @@
+import { jsx as m } from "react/jsx-runtime";
+import { c as h } from "react/compiler-runtime";
+import { u as p } from "./use-widget-selector-DFl2hW0R.js";
+import { Typography as g, Avatar as b } from "@mui/material";
+import { s as P } from "./row-DZSP99LW.js";
+function y(t) {
+  const e = h(4);
+  let l;
+  return e[0] !== t.TypographyProps || e[1] !== t.children || e[2] !== t.disabled ? (l = /* @__PURE__ */ m(g, { sx: P.item, variant: "h5", fontWeight: "medium", "data-disabled": t.disabled, color: "default", ...t.TypographyProps, children: t.children }), e[0] = t.TypographyProps, e[1] = t.children, e[2] = t.disabled, e[3] = l) : l = e[3], l;
+}
+function A(t) {
+  const e = h(9);
+  let l, r, n;
+  e[0] !== t ? ({
+    id: l,
+    index: n,
+    ...r
+  } = t, e[0] = t, e[1] = l, e[2] = r, e[3] = n) : (l = e[1], r = e[2], n = e[3]);
+  const f = n === void 0 ? 0 : n;
+  let a;
+  e[4] !== f ? (a = (s) => s?.data?.[f]?.prefix, e[4] = f, e[5] = a) : a = e[5];
+  const o = p(l, a);
+  if (!o)
+    return null;
+  let i;
+  return e[6] !== o || e[7] !== r ? (i = /* @__PURE__ */ m(y, { ...r, children: o }), e[6] = o, e[7] = r, e[8] = i) : i = e[8], i;
+}
+function C(t) {
+  const e = h(10);
+  let l, r, n;
+  e[0] !== t ? ({
+    id: l,
+    index: n,
+    ...r
+  } = t, e[0] = t, e[1] = l, e[2] = r, e[3] = n) : (l = e[1], r = e[2], n = e[3]);
+  const f = n === void 0 ? 0 : n;
+  let a;
+  e[4] !== f ? (a = (c) => c?.data?.[f]?.suffix, e[4] = f, e[5] = a) : a = e[5];
+  const o = p(l, a);
+  if (!o)
+    return null;
+  let i;
+  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = {
+    color: S
+  }, e[6] = i) : i = e[6];
+  let s;
+  return e[7] !== r || e[8] !== o ? (s = /* @__PURE__ */ m(y, { TypographyProps: i, ...r, children: o }), e[7] = r, e[8] = o, e[9] = s) : s = e[9], s;
+}
+function S(t) {
+  return t.palette.text.secondary;
+}
+function I(t) {
+  const e = h(12), {
+    id: l,
+    index: r
+  } = t, n = r === void 0 ? 0 : r;
+  let f;
+  e[0] !== n ? (f = (x) => x?.series?.[n], e[0] = n, e[1] = f) : f = e[1];
+  const a = p(l, f);
+  if (!a)
+    return null;
+  const {
+    name: o,
+    color: i
+  } = a;
+  let s;
+  e[2] !== i ? (s = i && {
+    color: (x) => x.palette.getContrastText(i)
+  }, e[2] = i, e[3] = s) : s = e[3];
+  let c;
+  e[4] !== i || e[5] !== s ? (c = {
+    bgcolor: i,
+    width: 32,
+    height: 32,
+    fontSize: "0.875rem",
+    fontWeight: "medium",
+    ...s
+  }, e[4] = i, e[5] = s, e[6] = c) : c = e[6];
+  let d;
+  e[7] !== o ? (d = o.charAt(0).toUpperCase(), e[7] = o, e[8] = d) : d = e[8];
+  let u;
+  return e[9] !== c || e[10] !== d ? (u = /* @__PURE__ */ m(b, { sx: c, children: d }), e[9] = c, e[10] = d, e[11] = u) : u = e[11], u;
+}
+export {
+  y as I,
+  A as P,
+  I as S,
+  C as a
+};
+//# sourceMappingURL=series-DLNHDWs0.js.map

package/dist/series-DLNHDWs0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"series-DLNHDWs0.js","sources":["../src/widgets/formula/components/item.tsx","../src/widgets/formula/components/prefix.tsx","../src/widgets/formula/components/suffix.tsx","../src/widgets/formula/components/series.tsx"],"sourcesContent":["import { Typography } from '@mui/material'\nimport type { ItemProps } from '../types'\nimport { styles } from '../style'\n\n/**\n * Base typography wrapper used by formula sub-components (Value, Prefix, Suffix) to render styled text.\n */\nexport function Item(props: ItemProps) {\n  return (\n    <Typography\n      sx={styles.item}\n      variant='h5'\n      fontWeight='medium'\n      data-disabled={props.disabled}\n      color='default'\n      {...props.TypographyProps}\n    >\n      {props.children}\n    </Typography>\n  )\n}\n","import { type FormulaWidgetState, type ValueProps } from '../types'\nimport { Item } from './item'\nimport { useWidgetSelector } from '../../stores/use-widget-selector'\n\n/**\n * Renders the prefix content (e.g., currency symbol) before a formula value, if defined in the data item.\n */\nexport function Prefix({ id, index = 0, ...props }: ValueProps) {\n  const prefix = useWidgetSelector(\n    id,\n    (w) => (w as FormulaWidgetState | undefined)?.data?.[index]?.prefix,\n  )\n\n  if (!prefix) {\n    return null\n  }\n\n  return <Item {...props}>{prefix}</Item>\n}\n","import { type FormulaWidgetState, type ValueProps } from '../types'\nimport { Item } from './item'\nimport type { Theme } from '@mui/material'\nimport { useWidgetSelector } from '../../stores/use-widget-selector'\n\n/**\n * Renders the suffix content (e.g., unit label) after a formula value, if defined in the data item.\n */\nexport function Suffix({ id, index = 0, ...props }: ValueProps) {\n  const suffix = useWidgetSelector(\n    id,\n    (w) => (w as FormulaWidgetState | undefined)?.data?.[index]?.suffix,\n  )\n\n  if (!suffix) {\n    return null\n  }\n\n  return (\n    <Item\n      TypographyProps={{\n        color: (theme: Theme) => theme.palette.text.secondary,\n      }}\n      {...props}\n    >\n      {suffix}\n    </Item>\n  )\n}\n","import { Avatar } from '@mui/material'\nimport type { FormulaWidgetState, ValueProps } from '../types'\nimport { useWidgetSelector } from '../../stores/use-widget-selector'\n\n/**\n * Renders a colored avatar badge showing the first letter of the series name for multi-value formula widgets.\n */\nexport function Series({ id, index = 0 }: Pick<ValueProps, 'id' | 'index'>) {\n  const serie = useWidgetSelector(\n    id,\n    (w) => (w as FormulaWidgetState | undefined)?.series?.[index],\n  )\n  if (!serie) {\n    return null\n  }\n\n  const { name, color } = serie\n\n  return (\n    <Avatar\n      sx={{\n        bgcolor: color,\n        width: 32,\n        height: 32,\n        fontSize: '0.875rem',\n        fontWeight: 'medium',\n        ...(color && {\n          color: (theme) => theme.palette.getContrastText(color),\n        }),\n      }}\n    >\n      {name.charAt(0).toUpperCase()}\n    </Avatar>\n  )\n}\n"],"names":["Item","props","$","_c","t0","TypographyProps","children","disabled","Typography","styles","item","Prefix","id","t1","index","undefined","t2","w","data","prefix","useWidgetSelector","t3","jsx","Suffix","suffix","Symbol","for","color","_temp","t4","theme","palette","text","secondary","Series","series","serie","name","getContrastText","bgcolor","width","height","fontSize","fontWeight","t5","charAt","toUpperCase","t6","Avatar"],"mappings":"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"}

package/dist/shared-resize-observer-98b1SK1e.js

@@ -0,0 +1,17 @@
+const s = /* @__PURE__ */ new Map();
+let o = null;
+function t() {
+  return o ??= new ResizeObserver((e) => {
+    for (const r of e)
+      s.get(r.target)?.();
+  }), o;
+}
+function n(e, r) {
+  return s.set(e, r), t().observe(e), () => {
+    s.delete(e), t().unobserve(e);
+  };
+}
+export {
+  n as o
+};
+//# sourceMappingURL=shared-resize-observer-98b1SK1e.js.map

package/dist/shared-resize-observer-98b1SK1e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared-resize-observer-98b1SK1e.js","sources":["../src/widgets/echart/shared-resize-observer.ts"],"sourcesContent":["/**\n * Shared ResizeObserver singleton for all ECharts instances.\n *\n * Instead of creating 100+ individual ResizeObserver instances (one per chart),\n * this module provides a single shared observer that efficiently handles resize\n * callbacks for all registered elements.\n */\n\ntype ResizeCallback = () => void\n\nconst callbacks = new Map<Element, ResizeCallback>()\n\nlet observer: ResizeObserver | null = null\n\nfunction getObserver(): ResizeObserver {\n  observer ??= new ResizeObserver((entries) => {\n    for (const entry of entries) {\n      const callback = callbacks.get(entry.target)\n      callback?.()\n    }\n  })\n  return observer\n}\n\nexport function observeResize(\n  element: Element,\n  callback: ResizeCallback,\n): () => void {\n  callbacks.set(element, callback)\n  getObserver().observe(element)\n\n  return () => {\n    callbacks.delete(element)\n    getObserver().unobserve(element)\n  }\n}\n\n/** Reset the shared observer (for testing only). */\nexport function resetSharedResizeObserver(): void {\n  if (observer) {\n    observer.disconnect()\n    observer = null\n  }\n  callbacks.clear()\n}\n"],"names":["callbacks","Map","observer","getObserver","ResizeObserver","entries","entry","callback","get","target","observeResize","element","set","observe","delete","unobserve"],"mappings":"AAUA,MAAMA,wBAAgBC,IAAAA;AAEtB,IAAIC,IAAkC;AAEtC,SAASC,IAA8B;AACrCD,SAAAA,MAAa,IAAIE,eAAgBC,CAAAA,MAAY;AAC3C,eAAWC,KAASD;AAElBE,MADiBP,EAAUQ,IAAIF,EAAMG,MAAM,IAC3CF;AAAAA,EAEJ,CAAC,GACML;AACT;AAEO,SAASQ,EACdC,GACAJ,GACY;AACZP,SAAAA,EAAUY,IAAID,GAASJ,CAAQ,GAC/BJ,EAAAA,EAAcU,QAAQF,CAAO,GAEtB,MAAM;AACXX,IAAAA,EAAUc,OAAOH,CAAO,GACxBR,EAAAA,EAAcY,UAAUJ,CAAO;AAAA,EACjC;AACF;"}

package/dist/smart-tooltip-D4vwQpFf.js.map

@@ -1 +1 @@
-{"version":3,"file":"smart-tooltip-D4vwQpFf.js","sources":["../src/components/smart-tooltip/smart-tooltip.tsx"],"sourcesContent":["import type { TooltipProps } from '@mui/material'\nimport { useLayoutEffect, useRef, useState, type JSX, type Ref } from 'react'\nimport { Tooltip } from '../tooltip/tooltip'\n\nconst EMPTY_DEPENDENCIES: unknown[] = []\n\nexport function SmartTooltip<T extends HTMLElement>({\n  title,\n  dependencies = EMPTY_DEPENDENCIES,\n  timeout = 500,\n  TooltipProps,\n  children,\n}: {\n  title: string | undefined\n  dependencies?: unknown[]\n  timeout?: number\n  children: (props: { ref: Ref<T> }) => JSX.Element\n  TooltipProps?: Partial<TooltipProps>\n}) {\n  const ref = useRef<T>(null)\n  const [isOverflowing, setIsOverflowing] = useState(false)\n\n  useLayoutEffect(() => {\n    const timerId = setTimeout(() => {\n      if (ref.current) {\n        const isOverflowing =\n          ref.current.scrollWidth > ref.current.clientWidth ||\n          ref.current.scrollHeight > ref.current.clientHeight\n\n        setIsOverflowing(isOverflowing)\n      }\n    }, timeout)\n\n    return () => clearTimeout(timerId)\n  }, [dependencies, timeout])\n\n  return (\n    <Tooltip title={isOverflowing && title} {...TooltipProps}>\n      {children({ ref })}\n    </Tooltip>\n  )\n}\n"],"names":["EMPTY_DEPENDENCIES","SmartTooltip","t0","$","_c","title","dependencies","t1","timeout","t2","TooltipProps","children","undefined","ref","useRef","isOverflowing","setIsOverflowing","useState","t3","timerId","setTimeout","current","isOverflowing_0","scrollWidth","clientWidth","scrollHeight","clientHeight","clearTimeout","t4","useLayoutEffect","t5","t6","t7","Tooltip"],"mappings":";;;;AAIA,MAAMA,IAAgC,CAAA;AAE/B,SAAAC,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAA6C;AAAA,IAAAC,OAAAA;AAAAA,IAAAC,cAAAC;AAAAA,IAAAC,SAAAC;AAAAA,IAAAC,cAAAA;AAAAA,IAAAC,UAAAA;AAAAA,EAAAA,IAAAT,GAElDI,IAAAC,MAAAK,SAAAZ,IAAAO,GACAC,IAAAC,MAAAG,SAAA,MAAAH,GAUAI,IAAYC,EAAU,IAAI,GAC1B,CAAAC,GAAAC,CAAA,IAA0CC,EAAS,EAAK;AAAC,MAAAC;AAAA,EAAAf,SAAAK,KAEzCU,IAAAA,MAAA;AACd,UAAAC,IAAgBC,WAAW,MAAA;AACzB,UAAIP,EAAGQ,SAAQ;AACb,cAAAC,IACET,EAAGQ,QAAQE,cAAeV,EAAGQ,QAAQG,eACrCX,EAAGQ,QAAQI,eAAgBZ,EAAGQ,QAAQK;AAExCV,QAAAA,EAAiBD,CAAa;AAAA,MAAC;AAAA,IAChC,GACAP,CAAO;AAAC,WAEJ,MAAMmB,aAAaR,CAAO;AAAA,EAAC,GACnChB,OAAAK,GAAAL,OAAAe,KAAAA,IAAAf,EAAA,CAAA;AAAA,MAAAyB;AAAA,EAAAzB,EAAA,CAAA,MAAAG,KAAAH,SAAAK,KAAEoB,IAAA,CAACtB,GAAcE,CAAO,GAACL,OAAAG,GAAAH,OAAAK,GAAAL,OAAAyB,KAAAA,IAAAzB,EAAA,CAAA,GAZ1B0B,EAAgBX,GAYbU,CAAuB;AAGR,QAAAE,IAAAf,KAAAV;AAAsB,MAAA0B;AAAA,EAAA5B,SAAAQ,KACnCoB,IAAApB,EAAS;AAAA,IAAAE,KAAAA;AAAAA,EAAAA,CAAO,GAACV,OAAAQ,GAAAR,OAAA4B,KAAAA,IAAA5B,EAAA,CAAA;AAAA,MAAA6B;AAAA,SAAA7B,EAAA,CAAA,MAAAO,KAAAP,SAAA2B,KAAA3B,EAAA,CAAA,MAAA4B,KADpBC,sBAACC,GAAA,EAAe,OAAAH,GAAsB,GAAMpB,GACzCqB,UAAAA,GACH,GAAU5B,OAAAO,GAAAP,OAAA2B,GAAA3B,OAAA4B,GAAA5B,QAAA6B,KAAAA,IAAA7B,EAAA,EAAA,GAFV6B;AAEU;"}
+{"version":3,"file":"smart-tooltip-D4vwQpFf.js","sources":["../src/components/smart-tooltip/smart-tooltip.tsx"],"sourcesContent":["import type { TooltipProps } from '@mui/material'\nimport { useLayoutEffect, useRef, useState, type JSX, type Ref } from 'react'\nimport { Tooltip } from '../tooltip/tooltip'\n\nconst EMPTY_DEPENDENCIES: unknown[] = []\n\n/**\n * An intelligent tooltip wrapper that automatically detects text overflow and displays a tooltip only when content is truncated.\n *\n * @remarks\n * Uses a render prop pattern. The child function receives a `ref` that must be attached to the element being monitored for overflow. Use the `dependencies` array to trigger re-evaluation when content or container size changes.\n *\n * @example\n * ```tsx\n * <SmartTooltip title=\"This is a long text that might get truncated\">\n *   {({ ref }) => (\n *     <Typography ref={ref} noWrap sx={{ overflow: 'hidden', textOverflow: 'ellipsis' }}>\n *       This is a long text that might get truncated\n *     </Typography>\n *   )}\n * </SmartTooltip>\n * ```\n */\nexport function SmartTooltip<T extends HTMLElement>({\n  title,\n  dependencies = EMPTY_DEPENDENCIES,\n  timeout = 500,\n  TooltipProps,\n  children,\n}: {\n  title: string | undefined\n  dependencies?: unknown[]\n  timeout?: number\n  children: (props: { ref: Ref<T> }) => JSX.Element\n  TooltipProps?: Partial<TooltipProps>\n}) {\n  const ref = useRef<T>(null)\n  const [isOverflowing, setIsOverflowing] = useState(false)\n\n  useLayoutEffect(() => {\n    const timerId = setTimeout(() => {\n      if (ref.current) {\n        const isOverflowing =\n          ref.current.scrollWidth > ref.current.clientWidth ||\n          ref.current.scrollHeight > ref.current.clientHeight\n\n        setIsOverflowing(isOverflowing)\n      }\n    }, timeout)\n\n    return () => clearTimeout(timerId)\n  }, [dependencies, timeout])\n\n  return (\n    <Tooltip title={isOverflowing && title} {...TooltipProps}>\n      {children({ ref })}\n    </Tooltip>\n  )\n}\n"],"names":["EMPTY_DEPENDENCIES","SmartTooltip","t0","$","_c","title","dependencies","t1","timeout","t2","TooltipProps","children","undefined","ref","useRef","isOverflowing","setIsOverflowing","useState","t3","timerId","setTimeout","current","isOverflowing_0","scrollWidth","clientWidth","scrollHeight","clientHeight","clearTimeout","t4","useLayoutEffect","t5","t6","t7","Tooltip"],"mappings":";;;;AAIA,MAAMA,IAAgC,CAAA;AAmB/B,SAAAC,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAA6C;AAAA,IAAAC,OAAAA;AAAAA,IAAAC,cAAAC;AAAAA,IAAAC,SAAAC;AAAAA,IAAAC,cAAAA;AAAAA,IAAAC,UAAAA;AAAAA,EAAAA,IAAAT,GAElDI,IAAAC,MAAAK,SAAAZ,IAAAO,GACAC,IAAAC,MAAAG,SAAA,MAAAH,GAUAI,IAAYC,EAAU,IAAI,GAC1B,CAAAC,GAAAC,CAAA,IAA0CC,EAAS,EAAK;AAAC,MAAAC;AAAA,EAAAf,SAAAK,KAEzCU,IAAAA,MAAA;AACd,UAAAC,IAAgBC,WAAW,MAAA;AACzB,UAAIP,EAAGQ,SAAQ;AACb,cAAAC,IACET,EAAGQ,QAAQE,cAAeV,EAAGQ,QAAQG,eACrCX,EAAGQ,QAAQI,eAAgBZ,EAAGQ,QAAQK;AAExCV,QAAAA,EAAiBD,CAAa;AAAA,MAAC;AAAA,IAChC,GACAP,CAAO;AAAC,WAEJ,MAAMmB,aAAaR,CAAO;AAAA,EAAC,GACnChB,OAAAK,GAAAL,OAAAe,KAAAA,IAAAf,EAAA,CAAA;AAAA,MAAAyB;AAAA,EAAAzB,EAAA,CAAA,MAAAG,KAAAH,SAAAK,KAAEoB,IAAA,CAACtB,GAAcE,CAAO,GAACL,OAAAG,GAAAH,OAAAK,GAAAL,OAAAyB,KAAAA,IAAAzB,EAAA,CAAA,GAZ1B0B,EAAgBX,GAYbU,CAAuB;AAGR,QAAAE,IAAAf,KAAAV;AAAsB,MAAA0B;AAAA,EAAA5B,SAAAQ,KACnCoB,IAAApB,EAAS;AAAA,IAAAE,KAAAA;AAAAA,EAAAA,CAAO,GAACV,OAAAQ,GAAAR,OAAA4B,KAAAA,IAAA5B,EAAA,CAAA;AAAA,MAAA6B;AAAA,SAAA7B,EAAA,CAAA,MAAAO,KAAAP,SAAA2B,KAAA3B,EAAA,CAAA,MAAA4B,KADpBC,sBAACC,GAAA,EAAe,OAAAH,GAAsB,GAAMpB,GACzCqB,UAAAA,GACH,GAAU5B,OAAAO,GAAAP,OAAA2B,GAAA3B,OAAA4B,GAAA5B,QAAA6B,KAAAA,IAAA7B,EAAA,EAAA,GAFV6B;AAEU;"}

package/dist/spread-CngWB5KF.js

@@ -0,0 +1,68 @@
+import { jsx as s, jsxs as d } from "react/jsx-runtime";
+import { c as x } from "react/compiler-runtime";
+import { u as S } from "./widget-context-DTGO0Yta.js";
+import { u as $ } from "./widget-store-registry-_W4Z4xp-.js";
+import "react";
+import "zustand";
+import { Box as f } from "@mui/material";
+import "zustand/vanilla";
+import "zustand/middleware";
+import "zustand/react/shallow";
+import { V as u, s as m, S as b, P as _, a as g, N as j } from "./style-DVnT6HC1.js";
+import "@mui/icons-material/FileDownload";
+import "./lasso-tool-BYbxrJ-7.js";
+import "./cjs-D4KH3azB.js";
+import "@mui/icons-material";
+import "@carto/ps-utils";
+import "html2canvas";
+import "@mui/icons-material/ImageOutlined";
+function w() {
+  const o = x(1);
+  let r;
+  return o[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ s(u, { color: "inherit", children: "-" }), o[0] = r) : r = o[0], r;
+}
+function y(o) {
+  const r = x(8), {
+    items: t,
+    formatter: a,
+    ref: p
+  } = o, n = a ?? P;
+  let i;
+  if (r[0] !== n || r[1] !== t) {
+    let c;
+    r[3] !== n ? (c = (e, h) => /* @__PURE__ */ d(f, { sx: m.row, children: [
+      e.series ? /* @__PURE__ */ s(b, { name: e.series.name, color: e.series.color }) : null,
+      /* @__PURE__ */ d(f, { sx: m.body, children: [
+        /* @__PURE__ */ d(f, { sx: m.valueRow, children: [
+          e.prefix ? /* @__PURE__ */ s(_, { children: e.prefix }) : null,
+          /* @__PURE__ */ s(u, { color: e.color, children: n(e.min) }),
+          /* @__PURE__ */ s(w, {}),
+          /* @__PURE__ */ s(u, { color: e.color, children: n(e.max) }),
+          e.suffix ? /* @__PURE__ */ s(g, { children: e.suffix }) : null
+        ] }),
+        e.note ? /* @__PURE__ */ s(j, { children: e.note }) : null
+      ] })
+    ] }, `spread-${e.series?.name ?? ""}-${e.min}-${e.max}-${h}`), r[3] = n, r[4] = c) : c = r[4], i = t.map(c), r[0] = n, r[1] = t, r[2] = i;
+  } else
+    i = r[2];
+  let l;
+  return r[5] !== p || r[6] !== i ? (l = /* @__PURE__ */ s(f, { ref: p, sx: m.root, children: i }), r[5] = p, r[6] = i, r[7] = l) : l = r[7], l;
+}
+function P(o) {
+  return String(o);
+}
+const A = Object.freeze([]), I = (o) => ({
+  data: o.data ?? A,
+  formatter: o.formatter
+});
+function G() {
+  const o = x(3), r = S(), t = $(r, I);
+  let a;
+  return o[0] !== t.data || o[1] !== t.formatter ? (a = /* @__PURE__ */ s(y, { items: t.data, formatter: t.formatter }), o[0] = t.data, o[1] = t.formatter, o[2] = a) : a = o[2], a;
+}
+export {
+  w as S,
+  G as a,
+  y as b
+};
+//# sourceMappingURL=spread-CngWB5KF.js.map

package/dist/spread-CngWB5KF.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spread-CngWB5KF.js","sources":["../src/widgets-v2/spread/separator.tsx","../src/widgets-v2/spread/spread-ui.tsx","../src/widgets-v2/spread/spread.tsx"],"sourcesContent":["import { Value } from '../formula'\n\n/**\n * Em-dash separator placed between a Spread row's `min` and `max` values.\n * Built from the Formula {@link Value} primitive so typography (h5/600,\n * baseline alignment) matches the numbers around it. Renders with\n * `text.secondary` so it visually recedes between the two bounds.\n */\nexport function Separator() {\n  return <Value color='inherit'>-</Value>\n}\n","import { Box } from '@mui/material'\nimport type { Ref } from 'react'\nimport { Note, Prefix, Series, Suffix, Value } from '../formula'\nimport { styles } from '../formula/style'\nimport { Separator } from './separator'\nimport type { SpreadDataItem } from './types'\n\nexport interface SpreadUIProps {\n  items: readonly SpreadDataItem[]\n  /** Number formatter — applied to each item's `min` and `max`. */\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 Spread widget. Each item renders as\n * a row containing (in order): optional `Series` avatar, a body with\n * `[prefix] min — max [suffix]` plus optional `Note`. Reuses the Formula\n * primitives ({@link Series}, {@link Prefix}, {@link Value}, {@link Suffix},\n * {@link Note}) and the Formula row styles so Spread and Formula stay\n * visually aligned when used together.\n */\nexport function SpreadUI({ items, formatter, ref }: SpreadUIProps) {\n  const fmt = formatter ?? ((n: number) => String(n))\n  return (\n    <Box ref={ref} sx={styles.root}>\n      {items.map((item, i) => (\n        // Composite of series name + min/max bounds for stability across\n        // reorders; falls back to the index when bounds happen to collide.\n        <Box\n          key={`spread-${item.series?.name ?? ''}-${item.min}-${item.max}-${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}>{fmt(item.min)}</Value>\n              <Separator />\n              <Value color={item.color}>{fmt(item.max)}</Value>\n              {item.suffix ? <Suffix>{item.suffix}</Suffix> : null}\n            </Box>\n            {item.note ? <Note>{item.note}</Note> : null}\n          </Box>\n        </Box>\n      ))}\n    </Box>\n  )\n}\n","import { useWidgetId, useWidgetShallow } from '../stores'\nimport { SpreadUI } from './spread-ui'\nimport type { SpreadWidgetData } from './types'\n\ninterface SpreadSlice {\n  data: SpreadWidgetData\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: SpreadWidgetData = Object.freeze([]) as SpreadWidgetData\n\nconst spreadSelector = (s: {\n  data: unknown\n  formatter?: (value: number) => string\n}): SpreadSlice => ({\n  data: (s.data ?? EMPTY_DATA) as SpreadWidgetData,\n  formatter: s.formatter,\n})\n\n/**\n * Stateful Spread bridge — reads `data` (post-pipeline) and `formatter` from\n * the per-widget store and forwards them to the pure {@link SpreadUI}.\n */\nexport function Spread() {\n  const id = useWidgetId()\n  const slice = useWidgetShallow(id, spreadSelector)\n  return <SpreadUI items={slice.data} formatter={slice.formatter} />\n}\n"],"names":["Separator","$","_c","t0","Symbol","for","jsx","Value","SpreadUI","items","formatter","ref","fmt","_temp","t1","t2","item","i","Box","styles","row","series","Series","name","color","jsxs","body","valueRow","prefix","Prefix","min","max","suffix","Suffix","note","Note","map","root","n","String","EMPTY_DATA","Object","freeze","spreadSelector","s","data","Spread","id","useWidgetId","slice","useWidgetShallow"],"mappings":"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"}

package/dist/style-DVnT6HC1.js

@@ -0,0 +1,131 @@
+import { jsx as f } from "react/jsx-runtime";
+import { c as p } from "react/compiler-runtime";
+import { Typography as m, Avatar as u } from "@mui/material";
+function _(i) {
+  const t = p(4), {
+    children: o,
+    TypographyProps: e
+  } = i;
+  let n;
+  t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (n = {
+    m: 0
+  }, t[0] = n) : n = t[0];
+  let r;
+  return t[1] !== e || t[2] !== o ? (r = /* @__PURE__ */ f(m, { variant: "caption", component: "p", color: "text.secondary", sx: n, ...e, children: o }), t[1] = e, t[2] = o, t[3] = r) : r = t[3], r;
+}
+function v(i) {
+  const t = p(4), {
+    children: o,
+    TypographyProps: e
+  } = i;
+  let n;
+  t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (n = {
+    fontWeight: 600,
+    color: "text.secondary",
+    lineHeight: 1
+  }, t[0] = n) : n = t[0];
+  let r;
+  return t[1] !== e || t[2] !== o ? (r = /* @__PURE__ */ f(m, { variant: "h5", component: "span", sx: n, ...e, children: o }), t[1] = e, t[2] = o, t[3] = r) : r = t[3], r;
+}
+function W(i) {
+  const t = p(14), {
+    name: o,
+    color: e,
+    size: n,
+    AvatarProps: r
+  } = i, s = n === void 0 ? 24 : n;
+  let l;
+  t[0] !== o ? (l = o.charAt(0).toUpperCase(), t[0] = o, t[1] = l) : l = t[1];
+  const y = l, g = s * 0.5, x = e ?? "action.disabledBackground";
+  let a;
+  t[2] !== e ? (a = e ? (d) => d.palette.getContrastText(b(d, e)) : "text.primary", t[2] = e, t[3] = a) : a = t[3];
+  let c;
+  t[4] !== s || t[5] !== g || t[6] !== x || t[7] !== a ? (c = {
+    width: s,
+    height: s,
+    fontSize: g,
+    fontWeight: 600,
+    bgcolor: x,
+    color: a
+  }, t[4] = s, t[5] = g, t[6] = x, t[7] = a, t[8] = c) : c = t[8];
+  let h;
+  return t[9] !== r || t[10] !== y || t[11] !== o || t[12] !== c ? (h = /* @__PURE__ */ f(u, { "aria-label": o, sx: c, ...r, children: y }), t[9] = r, t[10] = y, t[11] = o, t[12] = c, t[13] = h) : h = t[13], h;
+}
+function b(i, t) {
+  if (!t.includes(".")) return t;
+  const o = t.split(".");
+  let e = i.palette;
+  for (const n of o)
+    if (e && typeof e == "object" && n in e)
+      e = e[n];
+    else
+      return t;
+  return typeof e == "string" ? e : t;
+}
+function $(i) {
+  const t = p(4), {
+    children: o,
+    TypographyProps: e
+  } = i;
+  let n;
+  t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (n = {
+    fontWeight: 600,
+    color: "text.secondary",
+    lineHeight: 1
+  }, t[0] = n) : n = t[0];
+  let r;
+  return t[1] !== e || t[2] !== o ? (r = /* @__PURE__ */ f(m, { variant: "h5", component: "span", sx: n, ...e, children: o }), t[1] = e, t[2] = o, t[3] = r) : r = t[3], r;
+}
+function C(i) {
+  const t = p(6), {
+    children: o,
+    color: e,
+    TypographyProps: n
+  } = i, r = e ?? "text.primary";
+  let s;
+  t[0] !== r ? (s = {
+    fontWeight: 600,
+    color: r,
+    lineHeight: 1
+  }, t[0] = r, t[1] = s) : s = t[1];
+  let l;
+  return t[2] !== n || t[3] !== o || t[4] !== s ? (l = /* @__PURE__ */ f(m, { variant: "h5", component: "span", sx: s, ...n, children: o }), t[2] = n, t[3] = o, t[4] = s, t[5] = l) : l = t[5], l;
+}
+const w = {
+  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: 0.25
+  },
+  valueRow: {
+    display: "inline-flex",
+    alignItems: "baseline",
+    gap: 0.25
+  },
+  delta: {
+    alignSelf: "center",
+    flexShrink: 0
+  }
+};
+export {
+  _ as N,
+  v as P,
+  W as S,
+  C as V,
+  $ as a,
+  w as s
+};
+//# sourceMappingURL=style-DVnT6HC1.js.map

package/dist/style-DVnT6HC1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-DVnT6HC1.js","sources":["../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"],"sourcesContent":["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"],"names":["Note","t0","$","_c","children","TypographyProps","t1","Symbol","for","m","t2","jsx","Typography","Prefix","fontWeight","color","lineHeight","Series","name","size","AvatarProps","avatarProps","undefined","charAt","toUpperCase","letter","t3","t4","t5","theme","palette","getContrastText","toCssColor","t6","width","height","fontSize","bgcolor","t7","Avatar","value","includes","parts","split","cur","p","Suffix","Value","styles","root","display","flexDirection","gap","alignItems","row","body","flex","minWidth","valueRow","delta","alignSelf","flexShrink"],"mappings":"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"}

package/dist/styles-cohnxh9F.js

@@ -0,0 +1,23 @@
+const t = {
+  graph: {
+    /**
+     * Common container style for chart widget skeletons
+     */
+    container: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "space-between",
+      flexDirection: "column",
+      gap: ({
+        spacing: e
+      }) => e(1),
+      height: ({
+        spacing: e
+      }) => e(38)
+    }
+  }
+};
+export {
+  t as b
+};
+//# sourceMappingURL=styles-cohnxh9F.js.map

package/dist/styles-cohnxh9F.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles-cohnxh9F.js","sources":["../src/widgets/utils/skeleton/styles.ts"],"sourcesContent":["import type { Theme } from '@mui/material'\n\n/**\n * Base skeleton styles shared across all chart widgets\n */\nexport const baseSkeletonStyles = {\n  graph: {\n    /**\n     * Common container style for chart widget skeletons\n     */\n    container: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      flexDirection: 'column',\n      gap: ({ spacing }: Theme) => spacing(1),\n      height: ({ spacing }: Theme) => spacing(38),\n    },\n  },\n} as const\n"],"names":["baseSkeletonStyles","graph","container","display","alignItems","justifyContent","flexDirection","gap","spacing","height"],"mappings":"AAKO,MAAMA,IAAqB;AAAA,EAChCC,OAAO;AAAA;AAAA;AAAA;AAAA,IAILC,WAAW;AAAA,MACTC,SAAS;AAAA,MACTC,YAAY;AAAA,MACZC,gBAAgB;AAAA,MAChBC,eAAe;AAAA,MACfC,KAAKA,CAAC;AAAA,QAAEC,SAAAA;AAAAA,MAAAA,MAAqBA,EAAQ,CAAC;AAAA,MACtCC,QAAQA,CAAC;AAAA,QAAED,SAAAA;AAAAA,MAAAA,MAAqBA,EAAQ,EAAE;AAAA,IAAA;AAAA,EAC5C;AAEJ;"}