@carto/ps-react-ui 4.6.2 → 4.6.3

package/dist/widgets/scatterplot.js

@@ -1,28 +1,28 @@
-import { jsxs as g, jsx as i } from "react/jsx-runtime";
+import { jsxs as g, jsx as n } from "react/jsx-runtime";
 import { c as h } from "react/compiler-runtime";
 import "react";
 import "echarts";
 import "../widget-store-Bw5zRUGg.js";
 import "zustand/shallow";
-import { g as b } from "../options-D9wflre6.js";
+import { g as b } from "../options-CthfUJDz.js";
 import { m as S } from "../utils-BOhInag6.js";
 import { c as v, s as k } from "../download-config-C3I0jWIL.js";
-import { g as w, b as L, a as I, e as _, c as A } from "../styles-Y8q7Jff3.js";
+import { i as w, g as L, b as I, a as _, e as C, c as A } from "../styles-BYTyKQFP.js";
 import { Box as p, Skeleton as c } from "@mui/material";
-const X = v(k);
-function Y(e) {
+const Y = v(k);
+function G(e) {
   return {
     type: "scatterplot",
-    option: S(b(e), C(e)),
+    option: S(b(e), D(e)),
     formatter: e.formatter,
     labelFormatter: e.labelFormatter
   };
 }
-function C({
+function D({
   data: e = [],
   theme: t,
   formatter: o,
-  labelFormatter: n
+  labelFormatter: i
 }) {
   const l = e.length > 1, m = {
     type: "value",
@@ -75,9 +75,9 @@ function C({
     }
   };
   return {
-    legend: _({
+    legend: C({
       hasLegend: l,
-      labelFormatter: n
+      labelFormatter: i
     }),
     grid: {
       ...!l && {
@@ -87,15 +87,15 @@ function C({
         bottom: parseInt(t.spacing(10))
       }
     },
-    xAxis: I(m, n),
-    yAxis: L(u, o),
+    xAxis: _(m, i),
+    yAxis: I(u, o),
     tooltip: {
       trigger: "item",
       // position: createTooltipPositioner(theme),
-      formatter: w((a) => {
+      formatter: L((a) => {
         const r = a.value, y = a.encode?.y?.at(0), s = r[y ?? ""], d = typeof s == "number" && o ? o(s) : s ?? "", x = typeof a.marker == "string" ? a.marker : "";
         return {
-          name: n ? String(n(a.seriesName ?? "")) : a.seriesName ?? "",
+          name: i ? String(i(a.seriesName ?? "")) : a.seriesName ?? "",
           seriesName: "",
           marker: x,
           value: d
@@ -106,7 +106,8 @@ function C({
     series: e.map((a, r) => ({
       datasetIndex: r,
       type: "scatter",
-      symbolSize: 8
+      symbolSize: 8,
+      ...w(o)
     }))
   };
 }
@@ -131,7 +132,7 @@ const f = {
       bottom: 0
     }
   }
-}, D = [{
+}, T = [{
   left: "20%",
   top: "62%"
 }, {
@@ -177,34 +178,34 @@ const f = {
   left: "40%",
   top: "40%"
 }];
-function G() {
+function H() {
   const e = h(2);
   let t;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t = D.map(z), e[0] = t) : t = e[0];
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t = T.map(O), e[0] = t) : t = e[0];
   let o;
   return e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ g(p, { sx: f.skeleton.graph.container, children: [
     t,
-    /* @__PURE__ */ i(p, { sx: f.skeleton.legend, children: Array(2).fill(0).map(T) })
+    /* @__PURE__ */ n(p, { sx: f.skeleton.legend, children: Array(2).fill(0).map(F) })
   ] }), e[1] = o) : o = e[1], o;
 }
-function T(e, t) {
+function F(e, t) {
   return /* @__PURE__ */ g(p, { sx: {
     display: "flex",
     alignItems: "center",
-    gap: F
+    gap: z
   }, children: [
-    /* @__PURE__ */ i(c, { variant: "circular", width: 8, height: 8 }),
-    /* @__PURE__ */ i(c, { width: 48, height: 8 })
+    /* @__PURE__ */ n(c, { variant: "circular", width: 8, height: 8 }),
+    /* @__PURE__ */ n(c, { width: 48, height: 8 })
   ] }, `skeleton-${t}`);
 }
-function F(e) {
+function z(e) {
   const {
     spacing: t
   } = e;
   return t(1.5);
 }
-function z(e, t) {
-  return /* @__PURE__ */ i(c, { variant: "circular", width: 12, height: 12, sx: {
+function O(e, t) {
+  return /* @__PURE__ */ n(c, { variant: "circular", width: 12, height: 12, sx: {
     position: "absolute",
     top: e.top,
     left: e.left,
@@ -212,8 +213,8 @@ function z(e, t) {
   } }, `skeleton-point-${t}`);
 }
 export {
-  G as ScatterplotSkeleton,
-  Y as scatterplotConfig,
-  X as scatterplotDownloadConfig
+  H as ScatterplotSkeleton,
+  G as scatterplotConfig,
+  Y as scatterplotDownloadConfig
 };
 //# sourceMappingURL=scatterplot.js.map

package/dist/widgets/scatterplot.js.map

@@ -1 +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  createTooltipFormatter,\n  createChartDownloadConfig,\n  applyYAxisFormatter,\n  applyXAxisFormatter,\n} from '../utils/chart-config'\n\nexport const scatterplotDownloadConfig =\n  createChartDownloadConfig<ScatterplotWidgetData>(scatterplotDataToCSV)\n\n/**\n * Generates ECharts configuration for X-Y scatter plot widgets with value axes, legend support, and CARTO qualitative color palette.\n *\n * @param props - Scatterplot configuration including data points and theme.\n * @returns Widget config with ECharts option object.\n */\nexport function scatterplotConfig(\n  props: ScatterplotConfig,\n): ScatterplotWidgetConfig {\n  return {\n    type: 'scatterplot',\n    option: mergeEchartWidgetConfig(getCommonOptions(props), getOption(props)),\n    formatter: props.formatter,\n    labelFormatter: props.labelFormatter,\n  }\n}\n\nfunction getOption({\n  data = [],\n  theme,\n  formatter,\n  labelFormatter,\n}: ScatterplotConfig): EchartOptionsProps {\n  const hasLegend = data.length > 1\n\n  const xAxis = {\n    type: 'value' as const,\n    axisLine: { show: false },\n    axisTick: { show: false },\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\n  const yAxis = {\n    type: 'value' as const,\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\n  return {\n    legend: buildLegendConfig({ hasLegend, labelFormatter }),\n    grid: {\n      ...(!hasLegend && { bottom: parseInt(theme.spacing(1)) }),\n      ...(hasLegend && { bottom: parseInt(theme.spacing(10)) }),\n    },\n    xAxis: applyXAxisFormatter(xAxis, labelFormatter),\n    yAxis: applyYAxisFormatter(yAxis, formatter),\n    tooltip: {\n      trigger: 'item',\n      // position: createTooltipPositioner(theme),\n      formatter: createTooltipFormatter((item) => {\n        const value = item.value as Record<string, string | number>\n        const index = item.encode?.y?.at(0)\n        const _value = value[index ?? '']\n\n        const formattedValue =\n          typeof _value === 'number' && formatter\n            ? formatter(_value)\n            : (_value ?? '')\n        const marker = typeof item.marker === 'string' ? item.marker : ''\n        const name = labelFormatter\n          ? String(labelFormatter(item.seriesName ?? ''))\n          : (item.seriesName ?? '')\n\n        return { name, seriesName: '', marker, value: formattedValue }\n      }),\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 '../utils/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={`skeleton-point-${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={`skeleton-${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","createChartDownloadConfig","scatterplotDataToCSV","scatterplotConfig","props","type","option","mergeEchartWidgetConfig","getCommonOptions","getOption","formatter","labelFormatter","data","theme","hasLegend","length","xAxis","axisLine","show","axisTick","axisLabel","fontSize","typography","overlineDelicate","fontFamily","showMinLabel","showMaxLabel","hideOverlap","padding","parseInt","spacing","color","palette","black","splitLine","lineStyle","yAxis","inside","margin","align","verticalAlign","legend","buildLegendConfig","grid","bottom","applyXAxisFormatter","applyYAxisFormatter","tooltip","trigger","createTooltipFormatter","item","value","index","encode","y","at","_value","formattedValue","marker","name","String","seriesName","Object","values","qualitative","bold","series","map","_","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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"}
+{"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  createTooltipFormatter,\n  createChartDownloadConfig,\n  applyYAxisFormatter,\n  applyXAxisFormatter,\n  buildSeriesLabelConfig,\n} from '../utils/chart-config'\n\nexport const scatterplotDownloadConfig =\n  createChartDownloadConfig<ScatterplotWidgetData>(scatterplotDataToCSV)\n\n/**\n * Generates ECharts configuration for X-Y scatter plot widgets with value axes, legend support, and CARTO qualitative color palette.\n *\n * @param props - Scatterplot configuration including data points and theme.\n * @returns Widget config with ECharts option object.\n */\nexport function scatterplotConfig(\n  props: ScatterplotConfig,\n): ScatterplotWidgetConfig {\n  return {\n    type: 'scatterplot',\n    option: mergeEchartWidgetConfig(getCommonOptions(props), getOption(props)),\n    formatter: props.formatter,\n    labelFormatter: props.labelFormatter,\n  }\n}\n\nfunction getOption({\n  data = [],\n  theme,\n  formatter,\n  labelFormatter,\n}: ScatterplotConfig): EchartOptionsProps {\n  const hasLegend = data.length > 1\n\n  const xAxis = {\n    type: 'value' as const,\n    axisLine: { show: false },\n    axisTick: { show: false },\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\n  const yAxis = {\n    type: 'value' as const,\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\n  return {\n    legend: buildLegendConfig({ hasLegend, labelFormatter }),\n    grid: {\n      ...(!hasLegend && { bottom: parseInt(theme.spacing(1)) }),\n      ...(hasLegend && { bottom: parseInt(theme.spacing(10)) }),\n    },\n    xAxis: applyXAxisFormatter(xAxis, labelFormatter),\n    yAxis: applyYAxisFormatter(yAxis, formatter),\n    tooltip: {\n      trigger: 'item',\n      // position: createTooltipPositioner(theme),\n      formatter: createTooltipFormatter((item) => {\n        const value = item.value as Record<string, string | number>\n        const index = item.encode?.y?.at(0)\n        const _value = value[index ?? '']\n\n        const formattedValue =\n          typeof _value === 'number' && formatter\n            ? formatter(_value)\n            : (_value ?? '')\n        const marker = typeof item.marker === 'string' ? item.marker : ''\n        const name = labelFormatter\n          ? String(labelFormatter(item.seriesName ?? ''))\n          : (item.seriesName ?? '')\n\n        return { name, seriesName: '', marker, value: formattedValue }\n      }),\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      ...buildSeriesLabelConfig(formatter),\n    })),\n  } as EchartOptionsProps\n}\n","import type { SxProps, Theme } from '@mui/material'\nimport { baseSkeletonStyles } from '../utils/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={`skeleton-point-${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={`skeleton-${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","createChartDownloadConfig","scatterplotDataToCSV","scatterplotConfig","props","type","option","mergeEchartWidgetConfig","getCommonOptions","getOption","formatter","labelFormatter","data","theme","hasLegend","length","xAxis","axisLine","show","axisTick","axisLabel","fontSize","typography","overlineDelicate","fontFamily","showMinLabel","showMaxLabel","hideOverlap","padding","parseInt","spacing","color","palette","black","splitLine","lineStyle","yAxis","inside","margin","align","verticalAlign","legend","buildLegendConfig","grid","bottom","applyXAxisFormatter","applyYAxisFormatter","tooltip","trigger","createTooltipFormatter","item","value","index","encode","y","at","_value","formattedValue","marker","name","String","seriesName","Object","values","qualitative","bold","series","map","_","datasetIndex","symbolSize","buildSeriesLabelConfig","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/timeseries.js

@@ -1,24 +1,24 @@
-import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import { jsxs as m, jsx as s } from "react/jsx-runtime";
 import { c as y } from "react/compiler-runtime";
 import "react";
 import "echarts";
 import "../widget-store-Bw5zRUGg.js";
 import "zustand/shallow";
-import { g as b } from "../options-D9wflre6.js";
+import { g as b } from "../options-CthfUJDz.js";
 import { m as k } from "../utils-BOhInag6.js";
 import { c as v, f as w } from "../download-config-C3I0jWIL.js";
-import { g as L, b as C, a as I, d as S, e as _, c as A } from "../styles-Y8q7Jff3.js";
-import { Box as l, Skeleton as s } from "@mui/material";
-const Y = v(w);
-function z(e) {
+import { i as L, g as C, b as I, a as S, d as _, e as A, c as j } from "../styles-BYTyKQFP.js";
+import { Box as l, Skeleton as r } from "@mui/material";
+const z = v(w);
+function H(e) {
   return {
     type: "timeseries",
-    option: k(b(e), j(e)),
+    option: k(b(e), T(e)),
     formatter: e.formatter,
     labelFormatter: e.labelFormatter
   };
 }
-function j({
+function T({
   data: e = [],
   theme: t,
   formatter: i,
@@ -48,19 +48,19 @@ function j({
     }
   };
   return {
-    legend: _({
+    legend: A({
       hasLegend: p,
       labelFormatter: o
     }),
     grid: {
-      ...S(p, t),
+      ..._(p, t),
       outerBounds: {
         left: parseInt(t.spacing(3)),
         right: parseInt(t.spacing(1)),
         top: parseInt(t.spacing(2))
       }
     },
-    xAxis: I({
+    xAxis: S({
       type: "category",
       axisTick: {
         alignWithLabel: !0
@@ -72,10 +72,10 @@ function j({
         rotate: 45
       }
     }, o),
-    yAxis: C(h, i),
+    yAxis: I(h, i),
     tooltip: {
-      formatter: L((a) => {
-        const c = a.value, f = a.dimensionNames?.[a.encode?.y?.at(0) ?? 1], g = c[f ?? ""], u = typeof g == "number" && i ? i(g) : g ?? "", d = typeof a.marker == "string" ? a.marker : "", x = a.seriesName ? `${a.seriesName}: ` : "";
+      formatter: C((a) => {
+        const g = a.value, f = a.dimensionNames?.[a.encode?.y?.at(0) ?? 1], c = g[f ?? ""], u = typeof c == "number" && i ? i(c) : c ?? "", d = typeof a.marker == "string" ? a.marker : "", x = a.seriesName ? `${a.seriesName}: ` : "";
         return {
           name: o ? String(o(a.name ?? "")) : a.name ?? "",
           seriesName: x,
@@ -85,13 +85,14 @@ function j({
       })
     },
     color: Object.values(t.palette.qualitative.bold),
-    series: e.map((a, c) => ({
-      datasetIndex: c,
+    series: e.map((a, g) => ({
+      datasetIndex: g,
       type: "line",
       smooth: !0,
       emphasis: {
         focus: "series"
-      }
+      },
+      ...L(i)
     }))
   };
 }
@@ -99,7 +100,7 @@ const n = {
   skeleton: {
     graph: {
       container: {
-        ...A.graph.container,
+        ...j.graph.container,
         position: "relative"
       },
       grid: {
@@ -133,41 +134,41 @@ const n = {
     }
   }
 };
-function H() {
+function J() {
   const e = y(2);
   let t;
   e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ m(l, { sx: n.skeleton.graph.grid, children: [
-    /* @__PURE__ */ r(s, { sx: n.skeleton.histogram.item, variant: "rectangular", height: "20%" }),
-    /* @__PURE__ */ r(s, { sx: n.skeleton.histogram.item, variant: "rectangular", height: "40%" }),
-    /* @__PURE__ */ r(s, { sx: n.skeleton.histogram.item, variant: "rectangular", height: "60%" }),
-    /* @__PURE__ */ r(s, { sx: n.skeleton.histogram.item, variant: "rectangular", height: "20%" }),
-    /* @__PURE__ */ r(s, { sx: n.skeleton.histogram.item, variant: "rectangular", height: "80%" })
+    /* @__PURE__ */ s(r, { sx: n.skeleton.histogram.item, variant: "rectangular", height: "20%" }),
+    /* @__PURE__ */ s(r, { sx: n.skeleton.histogram.item, variant: "rectangular", height: "40%" }),
+    /* @__PURE__ */ s(r, { sx: n.skeleton.histogram.item, variant: "rectangular", height: "60%" }),
+    /* @__PURE__ */ s(r, { sx: n.skeleton.histogram.item, variant: "rectangular", height: "20%" }),
+    /* @__PURE__ */ s(r, { sx: n.skeleton.histogram.item, variant: "rectangular", height: "80%" })
   ] }), e[0] = t) : t = e[0];
   let i;
   return e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ m(l, { sx: n.skeleton.graph.container, children: [
     t,
-    /* @__PURE__ */ r(l, { sx: n.skeleton.legend, children: Array(2).fill(0).map(T) })
+    /* @__PURE__ */ s(l, { sx: n.skeleton.legend, children: Array(2).fill(0).map(M) })
   ] }), e[1] = i) : i = e[1], i;
 }
-function T(e, t) {
+function M(e, t) {
   return /* @__PURE__ */ m(l, { sx: {
     display: "flex",
     alignItems: "center",
-    gap: M
+    gap: N
   }, children: [
-    /* @__PURE__ */ r(s, { variant: "circular", width: 8, height: 8 }),
-    /* @__PURE__ */ r(s, { width: 48, height: 8 })
+    /* @__PURE__ */ s(r, { variant: "circular", width: 8, height: 8 }),
+    /* @__PURE__ */ s(r, { width: 48, height: 8 })
   ] }, `skeleton-${t}`);
 }
-function M(e) {
+function N(e) {
   const {
     spacing: t
   } = e;
   return t(1.5);
 }
 export {
-  H as TimeseriesSkeleton,
-  z as timeseriesConfig,
-  Y as timeseriesDownloadConfig
+  J as TimeseriesSkeleton,
+  H as timeseriesConfig,
+  z as timeseriesDownloadConfig
 };
 //# sourceMappingURL=timeseries.js.map

package/dist/widgets/timeseries.js.map

@@ -1 +1 @@
-{"version":3,"file":"timeseries.js","sources":["../../src/widgets/timeseries/config.ts","../../src/widgets/timeseries/style.ts","../../src/widgets/timeseries/skeleton.tsx"],"sourcesContent":["import {\n  getCommonOptions,\n  mergeEchartWidgetConfig,\n  type EchartOptionsProps,\n} from '../echart'\nimport type {\n  TimeseriesConfig,\n  TimeseriesWidgetConfig,\n  TimeseriesWidgetData,\n} from './types'\nimport {\n  flattenObjectArrayToCSV,\n  buildLegendConfig,\n  buildGridConfig,\n  createTooltipFormatter,\n  createChartDownloadConfig,\n  applyYAxisFormatter,\n  applyXAxisFormatter,\n} from '../utils/chart-config'\n\nexport const timeseriesDownloadConfig =\n  createChartDownloadConfig<TimeseriesWidgetData>(flattenObjectArrayToCSV)\n\n/**\n * Generates ECharts configuration for line and area chart widgets over time, with smooth curves, rotated axis labels, and CARTO qualitative color palette.\n *\n * @param props - Timeseries configuration including data and theme.\n * @returns Widget config with ECharts option object.\n */\nexport function timeseriesConfig(\n  props: TimeseriesConfig,\n): TimeseriesWidgetConfig {\n  return {\n    type: 'timeseries',\n    option: mergeEchartWidgetConfig(getCommonOptions(props), getOption(props)),\n    formatter: props.formatter,\n    labelFormatter: props.labelFormatter,\n  }\n}\n\nfunction getOption({\n  data = [],\n  theme,\n  formatter,\n  labelFormatter,\n}: TimeseriesConfig): EchartOptionsProps {\n  const hasLegend = (data?.length ?? 0) > 1\n\n  const yAxis = {\n    type: 'value' as const,\n    axisLabel: {\n      margin: 0,\n      padding: [\n        0,\n        parseInt(theme.spacing(0.75)),\n        parseInt(theme.spacing(1.25)),\n        -parseInt(theme.spacing(1)),\n      ],\n      show: true,\n      showMaxLabel: true,\n      showMinLabel: false,\n      verticalAlign: 'bottom' as const,\n    },\n    axisLine: {\n      show: false,\n    },\n    axisTick: {\n      show: false,\n    },\n    splitLine: {\n      show: true,\n      lineStyle: {\n        color: theme.palette.black[4],\n      },\n    },\n  }\n\n  return {\n    legend: buildLegendConfig({ hasLegend, labelFormatter }),\n    grid: {\n      ...buildGridConfig(hasLegend, theme),\n      outerBounds: {\n        left: parseInt(theme.spacing(3)),\n        right: parseInt(theme.spacing(1)),\n        top: parseInt(theme.spacing(2)),\n      },\n    },\n    xAxis: applyXAxisFormatter(\n      {\n        type: 'category',\n        axisTick: {\n          alignWithLabel: true,\n        },\n        axisLabel: {\n          show: true,\n          showMaxLabel: true,\n          showMinLabel: true,\n          rotate: 45,\n        },\n      },\n      labelFormatter,\n    ),\n    yAxis: applyYAxisFormatter(yAxis, formatter),\n    tooltip: {\n      formatter: createTooltipFormatter((item) => {\n        const value = item.value as Record<string, string | number>\n        const index = item.dimensionNames?.[item.encode?.y?.at(0) ?? 1]\n        const _value = value[index ?? '']\n\n        const formattedValue =\n          typeof _value === 'number' && formatter\n            ? formatter(_value)\n            : (_value ?? '')\n\n        const marker = typeof item.marker === 'string' ? item.marker : ''\n        const seriesName = item.seriesName ? `${item.seriesName}: ` : ''\n        const name = labelFormatter\n          ? String(labelFormatter(item.name ?? ''))\n          : (item.name ?? '')\n\n        return { name, seriesName, marker, value: formattedValue }\n      }),\n    },\n    color: Object.values(theme.palette.qualitative.bold),\n    series: data.map((_: unknown, index: number) => ({\n      datasetIndex: index,\n      type: 'line',\n      smooth: true,\n      emphasis: {\n        focus: 'series',\n      },\n    })),\n  } as EchartOptionsProps\n}\n","import type { SxProps, Theme } from '@mui/material'\nimport { baseSkeletonStyles } from '../utils/skeleton'\n\nexport const styles = {\n  skeleton: {\n    graph: {\n      container: {\n        ...baseSkeletonStyles.graph.container,\n        position: 'relative',\n      },\n      grid: {\n        display: 'flex',\n        justifyContent: 'space-between',\n        flex: '1 1 auto',\n        alignItems: 'flex-end',\n        width: '100%',\n      },\n    },\n    histogram: {\n      item: {\n        flex: 1,\n        maxWidth: ({ spacing }) => spacing(8),\n\n        '& + &': {\n          marginLeft: '1px',\n        },\n      },\n    },\n    legend: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: ({ spacing }) => spacing(2),\n      height: ({ spacing }) => spacing(5),\n    },\n  },\n} satisfies Record<string, SxProps<Theme>>\n","import { Box, Skeleton } from '@mui/material'\nimport { styles } from './style'\n\nexport function TimeseriesSkeleton() {\n  return (\n    <Box sx={styles.skeleton.graph.container}>\n      {/* Timeseries bar */}\n      <Box sx={styles.skeleton.graph.grid}>\n        <Skeleton\n          sx={styles.skeleton.histogram.item}\n          variant='rectangular'\n          height='20%'\n        />\n        <Skeleton\n          sx={styles.skeleton.histogram.item}\n          variant='rectangular'\n          height='40%'\n        />\n        <Skeleton\n          sx={styles.skeleton.histogram.item}\n          variant='rectangular'\n          height='60%'\n        />\n        <Skeleton\n          sx={styles.skeleton.histogram.item}\n          variant='rectangular'\n          height='20%'\n        />\n        <Skeleton\n          sx={styles.skeleton.histogram.item}\n          variant='rectangular'\n          height='80%'\n        />\n      </Box>\n      {/* Legend */}\n      <Box sx={styles.skeleton.legend}>\n        {Array(2)\n          .fill(0)\n          .map((_, i) => (\n            <Box\n              key={`skeleton-${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":["timeseriesDownloadConfig","createChartDownloadConfig","flattenObjectArrayToCSV","timeseriesConfig","props","type","option","mergeEchartWidgetConfig","getCommonOptions","getOption","formatter","labelFormatter","data","theme","hasLegend","length","yAxis","axisLabel","margin","padding","parseInt","spacing","show","showMaxLabel","showMinLabel","verticalAlign","axisLine","axisTick","splitLine","lineStyle","color","palette","black","legend","buildLegendConfig","grid","buildGridConfig","outerBounds","left","right","top","xAxis","applyXAxisFormatter","alignWithLabel","rotate","applyYAxisFormatter","tooltip","createTooltipFormatter","item","value","index","dimensionNames","encode","y","at","_value","formattedValue","marker","seriesName","name","String","Object","values","qualitative","bold","series","map","_","datasetIndex","smooth","emphasis","focus","styles","skeleton","graph","container","baseSkeletonStyles","position","display","justifyContent","flex","alignItems","width","histogram","maxWidth","marginLeft","gap","height","TimeseriesSkeleton","$","_c","t0","Symbol","for","Box","jsx","Skeleton","t1","Array","fill","_temp2","i","jsxs","_temp"],"mappings":"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"}
+{"version":3,"file":"timeseries.js","sources":["../../src/widgets/timeseries/config.ts","../../src/widgets/timeseries/style.ts","../../src/widgets/timeseries/skeleton.tsx"],"sourcesContent":["import {\n  getCommonOptions,\n  mergeEchartWidgetConfig,\n  type EchartOptionsProps,\n} from '../echart'\nimport type {\n  TimeseriesConfig,\n  TimeseriesWidgetConfig,\n  TimeseriesWidgetData,\n} from './types'\nimport {\n  flattenObjectArrayToCSV,\n  buildLegendConfig,\n  buildGridConfig,\n  createTooltipFormatter,\n  createChartDownloadConfig,\n  applyYAxisFormatter,\n  applyXAxisFormatter,\n  buildSeriesLabelConfig,\n} from '../utils/chart-config'\n\nexport const timeseriesDownloadConfig =\n  createChartDownloadConfig<TimeseriesWidgetData>(flattenObjectArrayToCSV)\n\n/**\n * Generates ECharts configuration for line and area chart widgets over time, with smooth curves, rotated axis labels, and CARTO qualitative color palette.\n *\n * @param props - Timeseries configuration including data and theme.\n * @returns Widget config with ECharts option object.\n */\nexport function timeseriesConfig(\n  props: TimeseriesConfig,\n): TimeseriesWidgetConfig {\n  return {\n    type: 'timeseries',\n    option: mergeEchartWidgetConfig(getCommonOptions(props), getOption(props)),\n    formatter: props.formatter,\n    labelFormatter: props.labelFormatter,\n  }\n}\n\nfunction getOption({\n  data = [],\n  theme,\n  formatter,\n  labelFormatter,\n}: TimeseriesConfig): EchartOptionsProps {\n  const hasLegend = (data?.length ?? 0) > 1\n\n  const yAxis = {\n    type: 'value' as const,\n    axisLabel: {\n      margin: 0,\n      padding: [\n        0,\n        parseInt(theme.spacing(0.75)),\n        parseInt(theme.spacing(1.25)),\n        -parseInt(theme.spacing(1)),\n      ],\n      show: true,\n      showMaxLabel: true,\n      showMinLabel: false,\n      verticalAlign: 'bottom' as const,\n    },\n    axisLine: {\n      show: false,\n    },\n    axisTick: {\n      show: false,\n    },\n    splitLine: {\n      show: true,\n      lineStyle: {\n        color: theme.palette.black[4],\n      },\n    },\n  }\n\n  return {\n    legend: buildLegendConfig({ hasLegend, labelFormatter }),\n    grid: {\n      ...buildGridConfig(hasLegend, theme),\n      outerBounds: {\n        left: parseInt(theme.spacing(3)),\n        right: parseInt(theme.spacing(1)),\n        top: parseInt(theme.spacing(2)),\n      },\n    },\n    xAxis: applyXAxisFormatter(\n      {\n        type: 'category',\n        axisTick: {\n          alignWithLabel: true,\n        },\n        axisLabel: {\n          show: true,\n          showMaxLabel: true,\n          showMinLabel: true,\n          rotate: 45,\n        },\n      },\n      labelFormatter,\n    ),\n    yAxis: applyYAxisFormatter(yAxis, formatter),\n    tooltip: {\n      formatter: createTooltipFormatter((item) => {\n        const value = item.value as Record<string, string | number>\n        const index = item.dimensionNames?.[item.encode?.y?.at(0) ?? 1]\n        const _value = value[index ?? '']\n\n        const formattedValue =\n          typeof _value === 'number' && formatter\n            ? formatter(_value)\n            : (_value ?? '')\n\n        const marker = typeof item.marker === 'string' ? item.marker : ''\n        const seriesName = item.seriesName ? `${item.seriesName}: ` : ''\n        const name = labelFormatter\n          ? String(labelFormatter(item.name ?? ''))\n          : (item.name ?? '')\n\n        return { name, seriesName, marker, value: formattedValue }\n      }),\n    },\n    color: Object.values(theme.palette.qualitative.bold),\n    series: data.map((_: unknown, index: number) => ({\n      datasetIndex: index,\n      type: 'line',\n      smooth: true,\n      emphasis: {\n        focus: 'series',\n      },\n      ...buildSeriesLabelConfig(formatter),\n    })),\n  } as EchartOptionsProps\n}\n","import type { SxProps, Theme } from '@mui/material'\nimport { baseSkeletonStyles } from '../utils/skeleton'\n\nexport const styles = {\n  skeleton: {\n    graph: {\n      container: {\n        ...baseSkeletonStyles.graph.container,\n        position: 'relative',\n      },\n      grid: {\n        display: 'flex',\n        justifyContent: 'space-between',\n        flex: '1 1 auto',\n        alignItems: 'flex-end',\n        width: '100%',\n      },\n    },\n    histogram: {\n      item: {\n        flex: 1,\n        maxWidth: ({ spacing }) => spacing(8),\n\n        '& + &': {\n          marginLeft: '1px',\n        },\n      },\n    },\n    legend: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: ({ spacing }) => spacing(2),\n      height: ({ spacing }) => spacing(5),\n    },\n  },\n} satisfies Record<string, SxProps<Theme>>\n","import { Box, Skeleton } from '@mui/material'\nimport { styles } from './style'\n\nexport function TimeseriesSkeleton() {\n  return (\n    <Box sx={styles.skeleton.graph.container}>\n      {/* Timeseries bar */}\n      <Box sx={styles.skeleton.graph.grid}>\n        <Skeleton\n          sx={styles.skeleton.histogram.item}\n          variant='rectangular'\n          height='20%'\n        />\n        <Skeleton\n          sx={styles.skeleton.histogram.item}\n          variant='rectangular'\n          height='40%'\n        />\n        <Skeleton\n          sx={styles.skeleton.histogram.item}\n          variant='rectangular'\n          height='60%'\n        />\n        <Skeleton\n          sx={styles.skeleton.histogram.item}\n          variant='rectangular'\n          height='20%'\n        />\n        <Skeleton\n          sx={styles.skeleton.histogram.item}\n          variant='rectangular'\n          height='80%'\n        />\n      </Box>\n      {/* Legend */}\n      <Box sx={styles.skeleton.legend}>\n        {Array(2)\n          .fill(0)\n          .map((_, i) => (\n            <Box\n              key={`skeleton-${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":["timeseriesDownloadConfig","createChartDownloadConfig","flattenObjectArrayToCSV","timeseriesConfig","props","type","option","mergeEchartWidgetConfig","getCommonOptions","getOption","formatter","labelFormatter","data","theme","hasLegend","length","yAxis","axisLabel","margin","padding","parseInt","spacing","show","showMaxLabel","showMinLabel","verticalAlign","axisLine","axisTick","splitLine","lineStyle","color","palette","black","legend","buildLegendConfig","grid","buildGridConfig","outerBounds","left","right","top","xAxis","applyXAxisFormatter","alignWithLabel","rotate","applyYAxisFormatter","tooltip","createTooltipFormatter","item","value","index","dimensionNames","encode","y","at","_value","formattedValue","marker","seriesName","name","String","Object","values","qualitative","bold","series","map","_","datasetIndex","smooth","emphasis","focus","buildSeriesLabelConfig","styles","skeleton","graph","container","baseSkeletonStyles","position","display","justifyContent","flex","alignItems","width","histogram","maxWidth","marginLeft","gap","height","TimeseriesSkeleton","$","_c","t0","Symbol","for","Box","jsx","Skeleton","t1","Array","fill","_temp2","i","jsxs","_temp"],"mappings":"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"}

package/dist/widgets/utils.js

@@ -1,6 +1,6 @@
 import { d as i, a as n } from "../formatter-B9Bxn1k7.js";
 import { c as f, f as p, s as c } from "../download-config-C3I0jWIL.js";
-import { a as m, b as u, c as C, d as b, e as x, f as g, g as F, h as y, n as A } from "../styles-Y8q7Jff3.js";
+import { a as m, b as u, c as C, d as b, e as x, f as g, g as F, h as y, n as A } from "../styles-BYTyKQFP.js";
 function r({
   type: a,
   getOptions: e

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@carto/ps-react-ui",
-  "version": "4.6.2",
+  "version": "4.6.3",
   "description": "CARTO's Professional Service React Material library",
   "type": "module",
   "devDependencies": {

package/src/widgets/bar/config.ts

@@ -13,6 +13,7 @@ import {
   createChartDownloadConfig,
   applyXAxisFormatter,
   niceNum,
+  buildSeriesLabelConfig,
 } from '../utils/chart-config'
 
 export const barDownloadConfig = createChartDownloadConfig<BarWidgetData>(
@@ -60,6 +61,9 @@ function getOption({
         axisLabel: {
           padding: [parseInt(theme.spacing(0.5)), 0, 0, 0],
           margin: 0,
+          showMinLabel: undefined,
+          showMaxLabel: undefined,
+          hideOverlap: true,
         },
       },
       labelFormatter,
@@ -130,6 +134,7 @@ function getOption({
       emphasis: {
         focus: 'series',
       },
+      ...buildSeriesLabelConfig(formatter),
     })),
   } as EchartOptionsProps
 }

package/src/widgets/echart/options.ts

@@ -23,10 +23,7 @@ export function getCommonOptions({
     },
     tooltip: {
       axisPointer: {
-        type: 'shadow',
-        shadowStyle: {
-          color: 'rgba(44,48,50, 0.08)',
-        },
+        type: 'line',
       },
       backgroundColor: theme.palette.grey[900],
       borderWidth: 0,

package/src/widgets/histogram/config.ts

@@ -10,6 +10,7 @@ import {
   createTooltipPositioner,
   createTooltipFormatter,
   niceNum,
+  buildHistogramSeriesLabelConfig,
 } from '../utils/chart-config'
 import { downloadToCSV, downloadToPNG, type DownloadItem } from '../actions'
 import type { ConfigProps } from '../loader/types'
@@ -108,6 +109,7 @@ export function histogramConfig(props: HistogramConfig): HistogramWidgetConfig {
     type: 'histogram',
     option: mergeEchartWidgetConfig(getCommonOptions(props), getOption(props)),
     formatter: props.formatter,
+    labelFormatter: props.labelFormatter,
   }
 }
 
@@ -126,7 +128,7 @@ function getOption({
   let niceMax = 1
 
   return {
-    legend: buildLegendConfig({ hasLegend }),
+    legend: buildLegendConfig({ hasLegend, labelFormatter }),
     grid: buildGridConfig(hasLegend, theme),
     xAxis: {
       type: 'category',
@@ -137,8 +139,8 @@ function getOption({
       axisLabel: {
         fontSize: theme.typography.overlineDelicate.fontSize,
         fontFamily: theme.typography.overlineDelicate.fontFamily,
-        showMinLabel: true,
-        showMaxLabel: true,
+        showMinLabel: undefined,
+        showMaxLabel: undefined,
         hideOverlap: true,
         margin: 0,
         padding: [
@@ -209,7 +211,9 @@ function getOption({
 
         const marker = typeof item.marker === 'string' ? item.marker : ''
         const seriesName = item.seriesName ? `${item.seriesName}: ` : ''
-        const name = item.name ?? ''
+        const name = labelFormatter
+          ? String(labelFormatter(item.name ?? ''))
+          : (item.name ?? '')
 
         return { name, seriesName, marker, value: formattedValue }
       }),
@@ -222,6 +226,7 @@ function getOption({
       emphasis: {
         focus: 'series',
       },
+      ...buildHistogramSeriesLabelConfig(formatter),
     })),
   } as EchartOptionsProps
 }

package/src/widgets/pie/config.ts

@@ -12,6 +12,7 @@ import {
   createTooltipFormatter,
   createChartDownloadConfig,
   niceNum,
+  buildSeriesLabelConfig,
 } from '../utils/chart-config'
 
 export const pieDownloadConfig = createChartDownloadConfig<PieWidgetData>(
@@ -133,6 +134,7 @@ function getOption({
         emphasis: {
           focus: 'series',
         },
+        ...buildSeriesLabelConfig(formatter, 'x'),
       })),
     }
   }

package/src/widgets/scatterplot/config.ts

@@ -15,6 +15,7 @@ import {
   createChartDownloadConfig,
   applyYAxisFormatter,
   applyXAxisFormatter,
+  buildSeriesLabelConfig,
 } from '../utils/chart-config'
 
 export const scatterplotDownloadConfig =
@@ -129,6 +130,7 @@ function getOption({
       datasetIndex: index,
       type: 'scatter',
       symbolSize: 8,
+      ...buildSeriesLabelConfig(formatter),
     })),
   } as EchartOptionsProps
 }

package/src/widgets/timeseries/config.ts

@@ -16,6 +16,7 @@ import {
   createChartDownloadConfig,
   applyYAxisFormatter,
   applyXAxisFormatter,
+  buildSeriesLabelConfig,
 } from '../utils/chart-config'
 
 export const timeseriesDownloadConfig =
@@ -129,6 +130,7 @@ function getOption({
       emphasis: {
         focus: 'series',
       },
+      ...buildSeriesLabelConfig(formatter),
     })),
   } as EchartOptionsProps
 }

package/src/widgets/utils/chart-config/index.ts

@@ -21,6 +21,8 @@ export {
   applyXAxisFormatter,
   applyYAxisFormatter,
   niceNum,
+  buildSeriesLabelConfig,
+  buildHistogramSeriesLabelConfig,
 } from './option-builders'
 
 export { createChartDownloadConfig } from './download-config'