@carto/ps-react-ui 4.2.7 → 5.0.0-widgets.1

package/dist/widgets/scatterplot.js

@@ -0,0 +1,222 @@
+import { jsxs as p, jsx as i } from "react/jsx-runtime";
+import { c as f } from "react/compiler-runtime";
+import "react";
+import "echarts";
+import "../widget-store-DNyVElxd.js";
+import "zustand/shallow";
+import { g } from "../options-D9wflre6.js";
+import { m } from "../utils-Dv5Z47UQ.js";
+import { s as d, a as u, d as y } from "../styles-dOu_pRNb.js";
+import { Box as a, Skeleton as n } from "@mui/material";
+import "@mui/icons-material";
+import { d as l, a as r } from "../exports-Cr43OCul.js";
+import "../lasso-tool-CYn3ivf-.js";
+import "../cjs-D9ro6BXv.js";
+import "@dnd-kit/core";
+import "@dnd-kit/sortable";
+import "@dnd-kit/utilities";
+function q({
+  refUI: e
+}) {
+  return [{
+    ...l,
+    modifier: () => l.modifier(e)
+  }, {
+    ...r,
+    modifier: async (t) => {
+      const o = d(t);
+      return r.modifier(o);
+    }
+  }];
+}
+function B(e) {
+  return {
+    type: "scatterplot",
+    option: m(g(e), h(e))
+  };
+}
+function h({
+  data: e = [],
+  theme: t
+}) {
+  const o = e.length > 1;
+  return {
+    legend: u(o),
+    grid: {
+      ...!o && {
+        bottom: parseInt(t.spacing(1))
+      },
+      ...o && {
+        bottom: parseInt(t.spacing(10))
+      }
+    },
+    xAxis: {
+      type: "value",
+      axisLine: {
+        show: !1
+      },
+      axisTick: {
+        show: !1
+      },
+      axisLabel: {
+        fontSize: t.typography.overlineDelicate.fontSize,
+        fontFamily: t.typography.overlineDelicate.fontFamily,
+        showMinLabel: !0,
+        showMaxLabel: !0,
+        hideOverlap: !0,
+        padding: [parseInt(t.spacing(0.5)), parseInt(t.spacing(0.5)), 0, parseInt(t.spacing(0.5))],
+        color: t.palette.black[60]
+      },
+      splitLine: {
+        show: !0,
+        lineStyle: {
+          color: t.palette.black[4]
+        }
+      }
+    },
+    yAxis: {
+      type: "value",
+      axisLabel: {
+        fontSize: t.typography.overlineDelicate.fontSize,
+        fontFamily: t.typography.overlineDelicate.fontFamily,
+        inside: !1,
+        padding: [0, 0, parseInt(t.spacing(1.25)), parseInt(t.spacing(3.25))],
+        margin: 0,
+        show: !0,
+        showMaxLabel: !0,
+        showMinLabel: !1,
+        align: "right",
+        verticalAlign: "bottom"
+      },
+      axisLine: {
+        show: !1
+      },
+      axisTick: {
+        show: !1
+      },
+      splitLine: {
+        show: !0,
+        lineStyle: {
+          color: t.palette.black[4]
+        }
+      }
+    },
+    tooltip: {
+      trigger: "item"
+      // position: createTooltipPositioner(theme),
+    },
+    color: Object.values(t.palette.qualitative.bold),
+    series: e.map((v, c) => ({
+      datasetIndex: c,
+      type: "scatter",
+      symbolSize: 8
+    }))
+  };
+}
+const s = {
+  skeleton: {
+    graph: {
+      container: {
+        ...y.graph.container,
+        position: "relative"
+      }
+    },
+    legend: {
+      display: "flex",
+      alignItems: "center",
+      gap: ({
+        spacing: e
+      }) => e(2),
+      height: ({
+        spacing: e
+      }) => e(5),
+      position: "absolute",
+      bottom: 0
+    }
+  }
+}, b = [{
+  left: "20%",
+  top: "62%"
+}, {
+  left: "26%",
+  top: "70%"
+}, {
+  left: "29%",
+  top: "73%"
+}, {
+  left: "38%",
+  top: "63%"
+}, {
+  left: "41%",
+  top: "68%"
+}, {
+  left: "47%",
+  top: "62%"
+}, {
+  left: "53%",
+  top: "49%"
+}, {
+  left: "56%",
+  top: "55%"
+}, {
+  left: "65%",
+  top: "37%"
+}, {
+  left: "68%",
+  top: "43%"
+}, {
+  left: "77%",
+  top: "59%"
+}, {
+  left: "25%",
+  top: "30%"
+}, {
+  left: "60%",
+  top: "70%"
+}, {
+  left: "10%",
+  top: "55%"
+}, {
+  left: "40%",
+  top: "40%"
+}];
+function G() {
+  const e = f(2);
+  let t;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = b.map(S), e[0] = t) : t = e[0];
+  let o;
+  return e[1] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ p(a, { sx: s.skeleton.graph.container, children: [
+    t,
+    /* @__PURE__ */ i(a, { sx: s.skeleton.legend, children: Array(2).fill(0).map(x) })
+  ] }), e[1] = o) : o = e[1], o;
+}
+function x(e, t) {
+  return /* @__PURE__ */ p(a, { sx: {
+    display: "flex",
+    alignItems: "center",
+    gap: w
+  }, children: [
+    /* @__PURE__ */ i(n, { variant: "circular", width: 8, height: 8 }),
+    /* @__PURE__ */ i(n, { width: 48, height: 8 })
+  ] }, t);
+}
+function w(e) {
+  const {
+    spacing: t
+  } = e;
+  return t(1.5);
+}
+function S(e, t) {
+  return /* @__PURE__ */ i(n, { variant: "circular", width: 12, height: 12, sx: {
+    position: "absolute",
+    top: e.top,
+    left: e.left,
+    transform: "translate(-50%, -50%)"
+  } }, t);
+}
+export {
+  G as ScatterplotSkeleton,
+  B as scatterplotConfig,
+  q as scatterplotDownloadConfig
+};
+//# sourceMappingURL=scatterplot.js.map

package/dist/widgets/scatterplot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scatterplot.js","sources":["../../src/widgets/scatterplot/config.ts","../../src/widgets/scatterplot/style.ts","../../src/widgets/scatterplot/skeleton.tsx"],"sourcesContent":["import {\n  getCommonOptions,\n  mergeEchartWidgetConfig,\n  type EchartOptionsProps,\n} from '../echart'\nimport type {\n  ScatterplotConfig,\n  ScatterplotWidgetConfig,\n  ScatterplotWidgetData,\n} from './types'\nimport {\n  scatterplotDataToCSV,\n  buildLegendConfig,\n} from '../_shared/chart-config'\nimport { downloadToCSV, downloadToPNG, type DownloadItem } from '../actions'\nimport type { ConfigProps } from '../root/types'\n\nexport function scatterplotDownloadConfig({\n  refUI,\n}: ConfigProps): DownloadItem<ScatterplotWidgetData>[] {\n  return [\n    {\n      ...downloadToPNG,\n      modifier: () => downloadToPNG.modifier(refUI),\n    },\n    {\n      ...downloadToCSV,\n      modifier: async (data) => {\n        const rows = scatterplotDataToCSV(data)\n        return downloadToCSV.modifier(rows)\n      },\n    },\n  ]\n}\n\nexport function scatterplotConfig(\n  props: ScatterplotConfig,\n): ScatterplotWidgetConfig {\n  return {\n    type: 'scatterplot',\n    option: mergeEchartWidgetConfig(getCommonOptions(props), getOption(props)),\n  }\n}\n\nfunction getOption({\n  data = [],\n  theme,\n}: ScatterplotConfig): EchartOptionsProps {\n  const hasLegend = data.length > 1\n  return {\n    legend: buildLegendConfig(hasLegend),\n    grid: {\n      ...(!hasLegend && { bottom: parseInt(theme.spacing(1)) }),\n      ...(hasLegend && { bottom: parseInt(theme.spacing(10)) }),\n    },\n    xAxis: {\n      type: 'value',\n      axisLine: { show: false },\n      axisTick: { show: false },\n\n      axisLabel: {\n        fontSize: theme.typography.overlineDelicate.fontSize,\n        fontFamily: theme.typography.overlineDelicate.fontFamily,\n        showMinLabel: true,\n        showMaxLabel: true,\n        hideOverlap: true,\n        padding: [\n          parseInt(theme.spacing(0.5)),\n          parseInt(theme.spacing(0.5)),\n          0,\n          parseInt(theme.spacing(0.5)),\n        ],\n        color: theme.palette.black[60],\n      },\n      splitLine: {\n        show: true,\n        lineStyle: { color: theme.palette.black[4] },\n      },\n    },\n    yAxis: {\n      type: 'value',\n      axisLabel: {\n        fontSize: theme.typography.overlineDelicate.fontSize,\n        fontFamily: theme.typography.overlineDelicate.fontFamily,\n        inside: false,\n        padding: [\n          0,\n          0,\n          parseInt(theme.spacing(1.25)),\n          parseInt(theme.spacing(3.25)),\n        ],\n        margin: 0,\n        show: true,\n        showMaxLabel: true,\n        showMinLabel: false,\n        align: 'right',\n        verticalAlign: 'bottom',\n      },\n      axisLine: { show: false },\n      axisTick: { show: false },\n      splitLine: {\n        show: true,\n        lineStyle: { color: theme.palette.black[4] },\n      },\n    },\n    tooltip: {\n      trigger: 'item',\n      // position: createTooltipPositioner(theme),\n    },\n    color: Object.values(theme.palette.qualitative.bold),\n    series: data.map((_: unknown, index: number) => ({\n      datasetIndex: index,\n      type: 'scatter',\n      symbolSize: 8,\n    })),\n  } as EchartOptionsProps\n}\n","import type { SxProps, Theme } from '@mui/material'\nimport { baseSkeletonStyles } from '../_shared/skeleton'\n\nexport const styles = {\n  skeleton: {\n    graph: {\n      container: {\n        ...baseSkeletonStyles.graph.container,\n        position: 'relative',\n      },\n    },\n    legend: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: ({ spacing }) => spacing(2),\n      height: ({ spacing }) => spacing(5),\n      position: 'absolute',\n      bottom: 0,\n    },\n  },\n} satisfies Record<string, SxProps<Theme>>\n","import { Box, Skeleton } from '@mui/material'\nimport { styles } from './style'\n\nconst SCATTER_POINTS = [\n  { left: '20%', top: '62%' },\n  { left: '26%', top: '70%' },\n  { left: '29%', top: '73%' },\n  { left: '38%', top: '63%' },\n  { left: '41%', top: '68%' },\n  { left: '47%', top: '62%' },\n  { left: '53%', top: '49%' },\n  { left: '56%', top: '55%' },\n  { left: '65%', top: '37%' },\n  { left: '68%', top: '43%' },\n  { left: '77%', top: '59%' },\n  { left: '25%', top: '30%' },\n  { left: '60%', top: '70%' },\n  { left: '10%', top: '55%' },\n  { left: '40%', top: '40%' },\n]\n\nexport function ScatterplotSkeleton() {\n  return (\n    <Box sx={styles.skeleton.graph.container}>\n      {SCATTER_POINTS.map((point, index) => (\n        <Skeleton\n          key={index}\n          variant='circular'\n          width={12}\n          height={12}\n          sx={{\n            position: 'absolute',\n            top: point.top,\n            left: point.left,\n            transform: 'translate(-50%, -50%)',\n          }}\n        />\n      ))}\n      {/* Legend */}\n      <Box sx={styles.skeleton.legend}>\n        {Array(2)\n          .fill(0)\n          .map((_, i) => (\n            <Box\n              key={i}\n              sx={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: ({ spacing }) => spacing(1.5),\n              }}\n            >\n              <Skeleton variant='circular' width={8} height={8} />\n              <Skeleton width={48} height={8} />\n            </Box>\n          ))}\n      </Box>\n    </Box>\n  )\n}\n"],"names":["scatterplotDownloadConfig","refUI","downloadToPNG","modifier","downloadToCSV","data","rows","scatterplotDataToCSV","scatterplotConfig","props","type","option","mergeEchartWidgetConfig","getCommonOptions","getOption","theme","hasLegend","length","legend","buildLegendConfig","grid","bottom","parseInt","spacing","xAxis","axisLine","show","axisTick","axisLabel","fontSize","typography","overlineDelicate","fontFamily","showMinLabel","showMaxLabel","hideOverlap","padding","color","palette","black","splitLine","lineStyle","yAxis","inside","margin","align","verticalAlign","tooltip","trigger","Object","values","qualitative","bold","series","map","_","index","datasetIndex","symbolSize","styles","skeleton","graph","container","baseSkeletonStyles","position","display","alignItems","gap","height","SCATTER_POINTS","left","top","ScatterplotSkeleton","$","_c","t0","Symbol","for","_temp","t1","Box","jsx","Array","fill","_temp3","i","jsxs","_temp2","Skeleton","point","transform"],"mappings":"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"}

package/dist/widgets/selection-summary.js

@@ -0,0 +1,40 @@
+import { jsx as S, jsxs as L } from "react/jsx-runtime";
+import { c as y } from "react/compiler-runtime";
+import { Typography as h, Button as u, Box as b } from "@mui/material";
+const C = {
+  root: {
+    display: "flex",
+    alignItems: "center",
+    flex: "0 0 auto",
+    gap: ({
+      spacing: o
+    }) => o(0.5)
+  }
+}, x = {
+  allSelected: "All selected",
+  selections: (o) => `${o} selected`,
+  clear: "Clear"
+};
+function A(o) {
+  const e = y(13), {
+    selections: s,
+    onClear: c,
+    labels: r
+  } = o, i = r?.allSelected ?? x.allSelected, d = r?.selections ?? x.selections, f = r?.clear ?? x.clear;
+  let n;
+  e[0] !== i || e[1] !== s || e[2] !== d ? (n = s > 0 ? d(s) : i, e[0] = i, e[1] = s, e[2] = d, e[3] = n) : n = e[3];
+  const m = n, p = s > 0 && c;
+  let l;
+  e[4] !== m ? (l = /* @__PURE__ */ S(h, { variant: "caption", color: "textSecondary", fontWeight: 500, children: m }), e[4] = m, e[5] = l) : l = e[5];
+  let t;
+  e[6] !== f || e[7] !== c || e[8] !== p ? (t = p && /* @__PURE__ */ S(u, { size: "small", variant: "text", onClick: c, children: f }), e[6] = f, e[7] = c, e[8] = p, e[9] = t) : t = e[9];
+  let a;
+  return e[10] !== l || e[11] !== t ? (a = /* @__PURE__ */ L(b, { sx: C.root, children: [
+    l,
+    t
+  ] }), e[10] = l, e[11] = t, e[12] = a) : a = e[12], a;
+}
+export {
+  A as SelectionSummary
+};
+//# sourceMappingURL=selection-summary.js.map

package/dist/widgets/selection-summary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection-summary.js","sources":["../../src/widgets/selection-summary/style.ts","../../src/widgets/selection-summary/selection-summary.tsx"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material'\n\nexport const styles = {\n  root: {\n    display: 'flex',\n    alignItems: 'center',\n    flex: '0 0 auto',\n    gap: ({ spacing }) => spacing(0.5),\n  },\n} satisfies Record<string, SxProps<Theme>>\n","/* Selection Summary Component */\n\nimport { Box, Button, Typography } from '@mui/material'\nimport type { SelectedProps, SelectionSummaryLabels } from './types'\nimport { styles } from './style'\n\nconst DEFAULT_SELECTION_LABELS: SelectionSummaryLabels = {\n  allSelected: 'All selected',\n  selections: (count: number) => `${count} selected`,\n  clear: 'Clear',\n}\n\nexport function SelectionSummary({\n  selections,\n  onClear,\n  labels,\n}: SelectedProps) {\n  const allSelectedLabel =\n    labels?.allSelected ?? DEFAULT_SELECTION_LABELS.allSelected\n\n  const selectionsLabel =\n    labels?.selections ?? DEFAULT_SELECTION_LABELS.selections\n\n  const clearLabel = labels?.clear ?? DEFAULT_SELECTION_LABELS.clear\n\n  const displayLabel =\n    selections > 0 ? selectionsLabel(selections) : allSelectedLabel\n\n  const showClearButton = selections > 0 && onClear\n\n  return (\n    <Box sx={styles.root}>\n      <Typography variant='caption' color='textSecondary' fontWeight={500}>\n        {displayLabel}\n      </Typography>\n      {showClearButton && (\n        <Button size='small' variant='text' onClick={onClear}>\n          {clearLabel}\n        </Button>\n      )}\n    </Box>\n  )\n}\n"],"names":["styles","root","display","alignItems","flex","gap","spacing","DEFAULT_SELECTION_LABELS","allSelected","selections","count","clear","SelectionSummary","t0","$","_c","onClear","labels","allSelectedLabel","selectionsLabel","clearLabel","t1","displayLabel","showClearButton","t2","jsx","Typography","t3","Button","t4","Box"],"mappings":";;;AAEO,MAAMA,IAAS;AAAA,EACpBC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,YAAY;AAAA,IACZC,MAAM;AAAA,IACNC,KAAKA,CAAC;AAAA,MAAEC,SAAAA;AAAAA,IAAAA,MAAcA,EAAQ,GAAG;AAAA,EAAA;AAErC,GCHMC,IAAmD;AAAA,EACvDC,aAAa;AAAA,EACbC,YAAYA,CAACC,MAAkB,GAAGA,CAAK;AAAA,EACvCC,OAAO;AACT;AAEO,SAAAC,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAA0B;AAAA,IAAAN,YAAAA;AAAAA,IAAAO,SAAAA;AAAAA,IAAAC,QAAAA;AAAAA,EAAAA,IAAAJ,GAK/BK,IACED,GAAMT,eAAiBD,EAAwBC,aAEjDW,IACEF,GAAMR,cAAgBF,EAAwBE,YAEhDW,IAAmBH,GAAMN,SAAWJ,EAAwBI;AAAM,MAAAU;AAAA,EAAAP,EAAA,CAAA,MAAAI,KAAAJ,SAAAL,KAAAK,EAAA,CAAA,MAAAK,KAGhEE,IAAAZ,IAAa,IAAIU,EAAgBV,CAA6B,IAA9DS,GAA+DJ,OAAAI,GAAAJ,OAAAL,GAAAK,OAAAK,GAAAL,OAAAO,KAAAA,IAAAP,EAAA,CAAA;AADjE,QAAAQ,IACED,GAEFE,IAAwBd,IAAa,KAAbO;AAAyB,MAAAQ;AAAA,EAAAV,SAAAQ,KAI7CE,IAAA,gBAAAC,EAACC,KAAmB,SAAA,WAAgB,OAAA,iBAA4B,8BAEhE,GAAaZ,OAAAQ,GAAAR,OAAAU,KAAAA,IAAAV,EAAA,CAAA;AAAA,MAAAa;AAAA,EAAAb,EAAA,CAAA,MAAAM,KAAAN,SAAAE,KAAAF,EAAA,CAAA,MAAAS,KACZI,IAAAJ,uBACEK,GAAA,EAAY,MAAA,SAAgB,SAAA,QAAgBZ,SAAAA,GAC1CI,UAAAA,EAAAA,CACH,GACDN,OAAAM,GAAAN,OAAAE,GAAAF,OAAAS,GAAAT,OAAAa,KAAAA,IAAAb,EAAA,CAAA;AAAA,MAAAe;AAAA,SAAAf,EAAA,EAAA,MAAAU,KAAAV,UAAAa,KARHE,sBAACC,GAAA,EAAQ,IAAA9B,EAAMC,MACbuB,UAAAA;AAAAA,IAAAA;AAAAA,IAGCG;AAAAA,EAAAA,GAKH,GAAMb,QAAAU,GAAAV,QAAAa,GAAAb,QAAAe,KAAAA,IAAAf,EAAA,EAAA,GATNe;AASM;"}

package/dist/widgets/skeleton-loader.js

@@ -0,0 +1,24 @@
+import { jsx as n } from "react/jsx-runtime";
+import { c as f } from "react/compiler-runtime";
+import { u as m } from "../widget-store-DNyVElxd.js";
+import { Suspense as u } from "react";
+import { useShallow as d } from "zustand/shallow";
+function h(l) {
+  const e = f(4), {
+    id: r,
+    children: s,
+    Skeleton: t
+  } = l;
+  let i;
+  if (e[0] !== r ? (i = (o) => o.widgets[r]?.isLoading, e[0] = r, e[1] = i) : i = e[1], m(d(i))) {
+    if (!t)
+      return null;
+    let o;
+    return e[2] !== t ? (o = /* @__PURE__ */ n(u, { fallback: null, children: /* @__PURE__ */ n(t, {}) }), e[2] = t, e[3] = o) : o = e[3], o;
+  }
+  return s;
+}
+export {
+  h as SkeletonLoader
+};
+//# sourceMappingURL=skeleton-loader.js.map

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

@@ -0,0 +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;"}

package/dist/widgets/spread.js

@@ -0,0 +1,166 @@
+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 p, S as M, P as k, a as C } from "../series-6xp-KQ0S.js";
+import { u as y } from "../widget-store-DNyVElxd.js";
+import { useShallow as P } from "zustand/shallow";
+import { Box as T, Skeleton as F } from "@mui/material";
+import { R } from "../row-C_m1ovHv.js";
+import "@mui/icons-material";
+import { useRef as V, useEffect as _ } from "react";
+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(p, { ...e, children: "-" }), t[0] = e, t[1] = i) : i = t[1], i;
+}
+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 = (w) => {
+    const S = w.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(p, { TypographyProps: d, ...o, children: a }), t[12] = o, t[13] = d, t[14] = a, t[15] = c) : c = t[15], c;
+}
+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 = (w) => {
+    const S = w.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(p, { TypographyProps: d, ...o, children: a }), t[12] = o, t[13] = d, t[14] = a, t[15] = c) : c = t[15], c;
+}
+function ot(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;
+}
+function E(e) {
+  return e.setWidget;
+}
+const G = {
+  row: {
+    display: "flex",
+    alignItems: "center",
+    gap: (e) => e.spacing(0.25),
+    "& + &": {
+      marginTop: (e) => e.spacing(1)
+    }
+  }
+};
+function rt() {
+  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;
+}
+function nt({
+  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]);
+    }
+  }];
+}
+function lt() {
+  return {
+    series: []
+  };
+}
+export {
+  p as Item,
+  D as MaxValue,
+  U as MinValue,
+  k as Prefix,
+  R as Row,
+  b as Separator,
+  M as Series,
+  rt as SpreadSkeleton,
+  ot as SpreadUI,
+  C as Suffix,
+  lt as spreadConfig,
+  nt as spreadDownloadConfig
+};
+//# sourceMappingURL=spread.js.map

package/dist/widgets/spread.js.map

@@ -0,0 +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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"}

package/dist/widgets/stores.js

@@ -0,0 +1,5 @@
+import { u as r } from "../widget-store-DNyVElxd.js";
+export {
+  r as useWidgetStore
+};
+//# sourceMappingURL=stores.js.map

package/dist/widgets/stores.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stores.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/widgets/subheader.js

@@ -0,0 +1,52 @@
+import { jsx as h, jsxs as m } from "react/jsx-runtime";
+import { c as g } 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)
+  }
+};
+function u(e) {
+  const t = g(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__ */ h(x, { sx: c.slotLeft, children: i }), t[2] = i, t[3] = s) : s = t[3];
+  let o;
+  t[4] !== n ? (o = /* @__PURE__ */ h(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;
+}
+export {
+  u as Subheader
+};
+//# sourceMappingURL=subheader.js.map

package/dist/widgets/subheader.js.map

@@ -0,0 +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 { SubheaderComponentProps } from './types'\n\nexport function Subheader({\n  slotLeft,\n  slotRight,\n  sx,\n}: SubheaderComponentProps) {\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","Subheader","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,GAAmB;AAAA,IAAAR,UAAAA;AAAAA,IAAAE,WAAAA;AAAAA,IAAAO,IAAAA;AAAAA,EAAAA,IAAAH;AAIA,MAAAI;AAAA,EAAAH,SAAAE,KAEbC,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;"}