@carto/ps-react-ui 4.4.2 → 4.5.0

package/dist/widgets/bar.js

@@ -1,32 +1,38 @@
-import { jsxs as p, jsx as a } from "react/jsx-runtime";
-import { c as b } from "react/compiler-runtime";
+import { jsxs as f, jsx as a } from "react/jsx-runtime";
+import { c as k } from "react/compiler-runtime";
 import "react";
 import "echarts";
-import "../widget-store-CzDt8oSK.js";
+import "../widget-store-CIrb9RKP.js";
 import "zustand/shallow";
-import { g as k } from "../options-D9wflre6.js";
-import { m as w } from "../utils-BOhInag6.js";
-import { g as _, h as S, i as v, n as h, d as C, e as L, j as I, c as j } from "../styles-C_8vOEep.js";
-import { Box as s, Skeleton as o } from "@mui/material";
-const H = _(I);
-function J(e) {
+import { g as w } from "../options-D9wflre6.js";
+import { m as _ } from "../utils-BOhInag6.js";
+import { c as S, f as v } from "../download-config-DemuQ3Jm.js";
+import { g as C, h as L, n as u, a as A, d as I, e as M, c as N } from "../styles-Y8q7Jff3.js";
+import { Box as l, Skeleton as o } from "@mui/material";
+const K = S(v);
+function Q(e) {
   return {
     type: "bar",
-    option: w(k(e), A(e)),
-    formatter: e.formatter
+    option: _(w(e), T(e)),
+    formatter: e.formatter,
+    labelFormatter: e.labelFormatter
   };
 }
-function A({
+function T({
   data: e = [],
   theme: n,
-  formatter: i
+  formatter: i,
+  labelFormatter: s
 }) {
-  const f = (e?.length ?? 0) > 1;
-  let l = 0, c = 1;
+  const h = (e?.length ?? 0) > 1;
+  let c = 0, m = 1;
   return {
-    legend: L(f),
-    grid: C(f, n),
-    xAxis: {
+    legend: M({
+      hasLegend: h,
+      labelFormatter: s
+    }),
+    grid: I(h, n),
+    xAxis: A({
       type: "category",
       axisLine: {
         show: !1
@@ -38,11 +44,11 @@ function A({
         padding: [parseInt(n.spacing(0.5)), 0, 0, 0],
         margin: 0
       }
-    },
+    }, s),
     yAxis: {
       type: "value",
-      min: (t) => (l = t.min < 0 ? h(t.min) : 0, l),
-      max: (t) => (c = t.max <= 0 ? 1 : h(t.max), c),
+      min: (t) => (c = t.min < 0 ? u(t.min) : 0, c),
+      max: (t) => (m = t.max <= 0 ? 1 : u(t.max), m),
       axisLabel: {
         fontSize: n.typography.overlineDelicate.fontSize,
         fontFamily: n.typography.overlineDelicate.fontFamily,
@@ -52,7 +58,7 @@ function A({
         showMinLabel: !0,
         verticalAlign: "bottom",
         inside: !0,
-        formatter: (t) => t !== c && t !== l || t === 0 ? "" : i ? i(t) : String(t)
+        formatter: (t) => t !== m && t !== c || t === 0 ? "" : i ? i(t) : String(t)
       },
       axisLine: {
         show: !1
@@ -68,14 +74,14 @@ function A({
       }
     },
     tooltip: {
-      position: v(n),
-      formatter: S((t) => {
-        const g = t.value, u = t.dimensionNames?.[t.encode?.y?.at(0) ?? 1], m = g[u ?? ""], x = typeof m == "number" && i ? i(m) : m ?? "", d = typeof t.marker == "string" ? t.marker : "", y = t.seriesName ? `${t.seriesName}: ` : "";
+      position: L(n),
+      formatter: C((t) => {
+        const g = t.value, x = t.dimensionNames?.[t.encode?.y?.at(0) ?? 1], p = g[x ?? ""], d = typeof p == "number" && i ? i(p) : p ?? "", y = typeof t.marker == "string" ? t.marker : "", b = t.seriesName ? `${t.seriesName}: ` : "";
         return {
-          name: t.name ?? "",
-          seriesName: y,
-          marker: d,
-          value: x
+          name: s ? String(s(t.name ?? "")) : t.name ?? "",
+          seriesName: b,
+          marker: y,
+          value: d
         };
       })
     },
@@ -103,7 +109,7 @@ const r = {
       }
     },
     graph: {
-      ...j.graph,
+      ...N.graph,
       grid: {
         display: "flex",
         justifyContent: "space-between",
@@ -114,10 +120,10 @@ const r = {
     }
   }
 };
-function K() {
-  const e = b(2);
+function R() {
+  const e = k(2);
   let n;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ p(s, { sx: r.skeleton.graph.grid, children: [
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ f(l, { sx: r.skeleton.graph.grid, children: [
     /* @__PURE__ */ a(o, { sx: r.skeleton.item, variant: "rectangular", height: "20%" }),
     /* @__PURE__ */ a(o, { sx: r.skeleton.item, variant: "rectangular", height: "40%" }),
     /* @__PURE__ */ a(o, { sx: r.skeleton.item, variant: "rectangular", height: "60%" }),
@@ -125,47 +131,47 @@ function K() {
     /* @__PURE__ */ a(o, { sx: r.skeleton.item, variant: "rectangular", height: "80%" })
   ] }), e[0] = n) : n = e[0];
   let i;
-  return e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ p(s, { sx: r.skeleton.graph.container, children: [
+  return e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ f(l, { sx: r.skeleton.graph.container, children: [
     n,
-    /* @__PURE__ */ a(s, { sx: {
+    /* @__PURE__ */ a(l, { sx: {
       display: "flex",
       alignItems: "center",
-      gap: D,
-      height: T
-    }, children: Array(2).fill(0).map(M) })
+      gap: O,
+      height: F
+    }, children: Array(2).fill(0).map(j) })
   ] }), e[1] = i) : i = e[1], i;
 }
-function M(e, n) {
-  return /* @__PURE__ */ p(s, { sx: {
+function j(e, n) {
+  return /* @__PURE__ */ f(l, { sx: {
     display: "flex",
     alignItems: "center",
-    gap: N
+    gap: D
   }, children: [
     /* @__PURE__ */ a(o, { variant: "circular", width: 8, height: 8 }),
     /* @__PURE__ */ a(o, { width: 48, height: 8 })
   ] }, `skeleton-${n}`);
 }
-function N(e) {
+function D(e) {
   const {
     spacing: n
   } = e;
   return n(1.5);
 }
-function T(e) {
+function F(e) {
   const {
     spacing: n
   } = e;
   return n(5);
 }
-function D(e) {
+function O(e) {
   const {
     spacing: n
   } = e;
   return n(2);
 }
 export {
-  K as BarSkeleton,
-  J as barConfig,
-  H as barDownloadConfig
+  R as BarSkeleton,
+  Q as barConfig,
+  K as barDownloadConfig
 };
 //# sourceMappingURL=bar.js.map

package/dist/widgets/bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"bar.js","sources":["../../src/widgets/bar/config.ts","../../src/widgets/bar/style.ts","../../src/widgets/bar/skeleton.tsx"],"sourcesContent":["import {\n  getCommonOptions,\n  mergeEchartWidgetConfig,\n  type EchartOptionsProps,\n} from '../echart'\nimport type { BarConfig, BarWidgetConfig, BarWidgetData } from './types'\nimport {\n  flattenObjectArrayToCSV,\n  buildLegendConfig,\n  buildGridConfig,\n  createTooltipPositioner,\n  createTooltipFormatter,\n  createChartDownloadConfig,\n  niceNum,\n} from '../utils/chart-config'\n\nexport const barDownloadConfig = createChartDownloadConfig<BarWidgetData>(\n  flattenObjectArrayToCSV,\n)\n\n/**\n * Generates ECharts configuration for bar chart widgets (vertical and horizontal), including axis, tooltip, legend, and series options styled with the CARTO theme.\n *\n * @param props - Bar chart configuration including data and theme.\n * @returns Widget config with ECharts option object.\n */\nexport function barConfig(props: BarConfig): BarWidgetConfig {\n  return {\n    type: 'bar',\n    option: mergeEchartWidgetConfig(getCommonOptions(props), getOption(props)),\n    formatter: props.formatter,\n  }\n}\n\nfunction getOption({\n  data = [],\n  theme,\n  formatter,\n}: BarConfig): EchartOptionsProps {\n  const hasLegend = (data?.length ?? 0) > 1\n\n  let niceMin = 0\n  let niceMax = 1\n\n  return {\n    legend: buildLegendConfig(hasLegend),\n    grid: buildGridConfig(hasLegend, theme),\n    xAxis: {\n      type: 'category',\n      axisLine: {\n        show: false,\n      },\n      axisTick: {\n        show: false,\n      },\n      axisLabel: {\n        padding: [parseInt(theme.spacing(0.5)), 0, 0, 0],\n        margin: 0,\n      },\n    },\n    yAxis: {\n      type: 'value' as const,\n      min: (extent: { min: number }) => {\n        niceMin = extent.min < 0 ? niceNum(extent.min) : 0\n        return niceMin\n      },\n      max: (extent: { min: number; max: number }) => {\n        niceMax = extent.max <= 0 ? 1 : niceNum(extent.max)\n        return niceMax\n      },\n      axisLabel: {\n        fontSize: theme.typography.overlineDelicate.fontSize,\n        fontFamily: theme.typography.overlineDelicate.fontFamily,\n        margin: parseInt(theme.spacing(1)),\n        show: true,\n        showMaxLabel: true,\n        showMinLabel: true,\n        verticalAlign: 'bottom' as const,\n        inside: true,\n        formatter: (value: number) => {\n          if (value !== niceMax && value !== niceMin) return ''\n          if (value === 0) return ''\n          return formatter ? formatter(value) : String(value)\n        },\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    tooltip: {\n      position: createTooltipPositioner(theme),\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 = item.name ?? ''\n\n        return { name, seriesName, marker, value: formattedValue }\n      }),\n    },\n    series: data.map((_: unknown, index: number) => ({\n      datasetIndex: index,\n      type: 'bar',\n      barMaxWidth: 100,\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    item: {\n      flex: 1,\n      maxWidth: ({ spacing }) => spacing(12),\n\n      '& + &': {\n        marginLeft: ({ spacing }) => spacing(1),\n      },\n    },\n    graph: {\n      ...baseSkeletonStyles.graph,\n      grid: {\n        display: 'flex',\n        justifyContent: 'space-between',\n        flex: '1 1 auto',\n        alignItems: 'flex-end',\n        width: '100%',\n      },\n    },\n    mask: {\n      gray: {\n        backgroundColor: ({ palette }) => palette.grey[100],\n      },\n      white: {\n        backgroundColor: ({ palette }) => palette.common.white,\n      },\n    },\n  },\n} satisfies Record<string, SxProps<Theme>>\n","import { Box, Skeleton } from '@mui/material'\nimport { styles } from './style'\n\nexport function BarSkeleton() {\n  return (\n    <Box sx={styles.skeleton.graph.container}>\n      <Box sx={styles.skeleton.graph.grid}>\n        <Skeleton\n          sx={styles.skeleton.item}\n          variant='rectangular'\n          height='20%'\n        />\n        <Skeleton\n          sx={styles.skeleton.item}\n          variant='rectangular'\n          height='40%'\n        />\n        <Skeleton\n          sx={styles.skeleton.item}\n          variant='rectangular'\n          height='60%'\n        />\n        <Skeleton\n          sx={styles.skeleton.item}\n          variant='rectangular'\n          height='20%'\n        />\n        <Skeleton\n          sx={styles.skeleton.item}\n          variant='rectangular'\n          height='80%'\n        />\n      </Box>\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          gap: ({ spacing }) => spacing(2),\n          height: ({ spacing }) => spacing(5),\n        }}\n      >\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":["barDownloadConfig","createChartDownloadConfig","flattenObjectArrayToCSV","barConfig","props","type","option","mergeEchartWidgetConfig","getCommonOptions","getOption","formatter","data","theme","hasLegend","length","niceMin","niceMax","legend","buildLegendConfig","grid","buildGridConfig","xAxis","axisLine","show","axisTick","axisLabel","padding","parseInt","spacing","margin","yAxis","min","extent","niceNum","max","fontSize","typography","overlineDelicate","fontFamily","showMaxLabel","showMinLabel","verticalAlign","inside","value","String","splitLine","lineStyle","color","palette","black","tooltip","position","createTooltipPositioner","createTooltipFormatter","item","index","dimensionNames","encode","y","at","_value","formattedValue","marker","seriesName","name","series","map","_","datasetIndex","barMaxWidth","emphasis","focus","styles","skeleton","flex","maxWidth","marginLeft","graph","baseSkeletonStyles","display","justifyContent","alignItems","width","BarSkeleton","$","_c","t0","Symbol","for","Box","jsx","Skeleton","t1","container","gap","_temp","height","_temp2","Array","fill","_temp4","i","jsxs","_temp3","spacing_1","spacing_0"],"mappings":"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"}
+{"version":3,"file":"bar.js","sources":["../../src/widgets/bar/config.ts","../../src/widgets/bar/style.ts","../../src/widgets/bar/skeleton.tsx"],"sourcesContent":["import {\n  getCommonOptions,\n  mergeEchartWidgetConfig,\n  type EchartOptionsProps,\n} from '../echart'\nimport type { BarConfig, BarWidgetConfig, BarWidgetData } from './types'\nimport {\n  flattenObjectArrayToCSV,\n  buildLegendConfig,\n  buildGridConfig,\n  createTooltipPositioner,\n  createTooltipFormatter,\n  createChartDownloadConfig,\n  applyXAxisFormatter,\n  niceNum,\n} from '../utils/chart-config'\n\nexport const barDownloadConfig = createChartDownloadConfig<BarWidgetData>(\n  flattenObjectArrayToCSV,\n)\n\n/**\n * Generates ECharts configuration for bar chart widgets (vertical and horizontal), including axis, tooltip, legend, and series options styled with the CARTO theme.\n *\n * @param props - Bar chart configuration including data and theme.\n * @returns Widget config with ECharts option object.\n */\nexport function barConfig(props: BarConfig): BarWidgetConfig {\n  return {\n    type: 'bar',\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}: BarConfig): EchartOptionsProps {\n  const hasLegend = (data?.length ?? 0) > 1\n\n  let niceMin = 0\n  let niceMax = 1\n\n  return {\n    legend: buildLegendConfig({ hasLegend, labelFormatter }),\n    grid: buildGridConfig(hasLegend, theme),\n    xAxis: applyXAxisFormatter(\n      {\n        type: 'category',\n        axisLine: {\n          show: false,\n        },\n        axisTick: {\n          show: false,\n        },\n        axisLabel: {\n          padding: [parseInt(theme.spacing(0.5)), 0, 0, 0],\n          margin: 0,\n        },\n      },\n      labelFormatter,\n    ),\n    yAxis: {\n      type: 'value' as const,\n      min: (extent: { min: number }) => {\n        niceMin = extent.min < 0 ? niceNum(extent.min) : 0\n        return niceMin\n      },\n      max: (extent: { min: number; max: number }) => {\n        niceMax = extent.max <= 0 ? 1 : niceNum(extent.max)\n        return niceMax\n      },\n      axisLabel: {\n        fontSize: theme.typography.overlineDelicate.fontSize,\n        fontFamily: theme.typography.overlineDelicate.fontFamily,\n        margin: parseInt(theme.spacing(1)),\n        show: true,\n        showMaxLabel: true,\n        showMinLabel: true,\n        verticalAlign: 'bottom' as const,\n        inside: true,\n        formatter: (value: number) => {\n          if (value !== niceMax && value !== niceMin) return ''\n          if (value === 0) return ''\n          return formatter ? formatter(value) : String(value)\n        },\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    tooltip: {\n      position: createTooltipPositioner(theme),\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    series: data.map((_: unknown, index: number) => ({\n      datasetIndex: index,\n      type: 'bar',\n      barMaxWidth: 100,\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    item: {\n      flex: 1,\n      maxWidth: ({ spacing }) => spacing(12),\n\n      '& + &': {\n        marginLeft: ({ spacing }) => spacing(1),\n      },\n    },\n    graph: {\n      ...baseSkeletonStyles.graph,\n      grid: {\n        display: 'flex',\n        justifyContent: 'space-between',\n        flex: '1 1 auto',\n        alignItems: 'flex-end',\n        width: '100%',\n      },\n    },\n    mask: {\n      gray: {\n        backgroundColor: ({ palette }) => palette.grey[100],\n      },\n      white: {\n        backgroundColor: ({ palette }) => palette.common.white,\n      },\n    },\n  },\n} satisfies Record<string, SxProps<Theme>>\n","import { Box, Skeleton } from '@mui/material'\nimport { styles } from './style'\n\nexport function BarSkeleton() {\n  return (\n    <Box sx={styles.skeleton.graph.container}>\n      <Box sx={styles.skeleton.graph.grid}>\n        <Skeleton\n          sx={styles.skeleton.item}\n          variant='rectangular'\n          height='20%'\n        />\n        <Skeleton\n          sx={styles.skeleton.item}\n          variant='rectangular'\n          height='40%'\n        />\n        <Skeleton\n          sx={styles.skeleton.item}\n          variant='rectangular'\n          height='60%'\n        />\n        <Skeleton\n          sx={styles.skeleton.item}\n          variant='rectangular'\n          height='20%'\n        />\n        <Skeleton\n          sx={styles.skeleton.item}\n          variant='rectangular'\n          height='80%'\n        />\n      </Box>\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          gap: ({ spacing }) => spacing(2),\n          height: ({ spacing }) => spacing(5),\n        }}\n      >\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":["barDownloadConfig","createChartDownloadConfig","flattenObjectArrayToCSV","barConfig","props","type","option","mergeEchartWidgetConfig","getCommonOptions","getOption","formatter","labelFormatter","data","theme","hasLegend","length","niceMin","niceMax","legend","buildLegendConfig","grid","buildGridConfig","xAxis","applyXAxisFormatter","axisLine","show","axisTick","axisLabel","padding","parseInt","spacing","margin","yAxis","min","extent","niceNum","max","fontSize","typography","overlineDelicate","fontFamily","showMaxLabel","showMinLabel","verticalAlign","inside","value","String","splitLine","lineStyle","color","palette","black","tooltip","position","createTooltipPositioner","createTooltipFormatter","item","index","dimensionNames","encode","y","at","_value","formattedValue","marker","seriesName","name","series","map","_","datasetIndex","barMaxWidth","emphasis","focus","styles","skeleton","flex","maxWidth","marginLeft","graph","baseSkeletonStyles","display","justifyContent","alignItems","width","BarSkeleton","$","_c","t0","Symbol","for","Box","jsx","Skeleton","t1","container","gap","_temp","height","_temp2","Array","fill","_temp4","i","jsxs","_temp3","spacing_1","spacing_0"],"mappings":"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"}