@carto/ps-react-ui 4.20.0 → 4.20.1

package/dist/widgets/bar.js

@@ -1,182 +1,190 @@
-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-Bw5zRUGg.js";
-import "zustand/shallow";
-import { g as w } from "../options-CthfUJDz.js";
-import { m as v } from "../utils-BOhInag6.js";
-import { c as L, f as S } from "../download-config-OKlLLSW_.js";
-import { i as _, f as C, g as M, n as u, a as A, c as I, d as N } from "../option-builders-DPeoyQaM.js";
-import { Box as l, Skeleton as o } from "@mui/material";
-import { b as T } from "../styles-cohnxh9F.js";
-const R = L(S);
-function U(e) {
-  return {
-    type: "bar",
-    option: v(w(e), j(e)),
-    formatter: e.formatter,
-    labelFormatter: e.labelFormatter
-  };
+import { a as e } from "../shared-resize-observer-BEiP2rQt.js";
+import { t } from "../csv-modifiers-D6HGC24b.js";
+import { a as n, c as r, d as i, f as a, n as o, s, t as c, u as l } from "../chart-config-BGt7wkK7.js";
+import { t as u } from "../echart-BkaV3V5G.js";
+import { t as d } from "../styles-Y-qGBELO.js";
+import { c as f } from "react/compiler-runtime";
+import { Box as p, Skeleton as m } from "@mui/material";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+//#region src/widgets/bar/config.ts
+var _ = c(t);
+function v(t) {
+	return {
+		type: "bar",
+		option: e(u(t), y(t)),
+		formatter: t.formatter,
+		labelFormatter: t.labelFormatter
+	};
 }
-function j({
-  data: e = [],
-  theme: n,
-  formatter: i,
-  labelFormatter: s
-}) {
-  const h = (e?.length ?? 0) > 1;
-  let c = 0, m = 1;
-  return {
-    legend: N({
-      hasLegend: h,
-      labelFormatter: s
-    }),
-    grid: I(h, n),
-    xAxis: A({
-      type: "category",
-      axisLine: {
-        show: !1
-      },
-      axisTick: {
-        show: !1
-      },
-      axisLabel: {
-        padding: [parseInt(n.spacing(0.5)), 0, 0, 0],
-        margin: 0,
-        showMinLabel: void 0,
-        showMaxLabel: void 0,
-        hideOverlap: !0
-      }
-    }, s),
-    yAxis: {
-      type: "value",
-      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,
-        margin: parseInt(n.spacing(1)),
-        show: !0,
-        showMaxLabel: !0,
-        showMinLabel: !0,
-        verticalAlign: "bottom",
-        inside: !0,
-        formatter: (t) => t !== m && t !== c || t === 0 ? "" : i ? i(t) : String(t)
-      },
-      axisLine: {
-        show: !1
-      },
-      axisTick: {
-        show: !1
-      },
-      splitLine: {
-        show: !0,
-        lineStyle: {
-          color: n.palette.black[4]
-        }
-      }
-    },
-    tooltip: {
-      position: M(n),
-      formatter: C((t) => {
-        const g = t.value, d = t.dimensionNames?.[t.encode?.y?.at(0) ?? 1], p = g[d ?? ""], x = typeof p == "number" && i ? i(p) : p ?? "", y = typeof t.marker == "string" ? t.marker : "", b = t.seriesName ? `${t.seriesName}: ` : "";
-        return {
-          name: s ? String(s(t.name ?? "")) : t.name ?? "",
-          seriesName: b,
-          marker: y,
-          value: x
-        };
-      })
-    },
-    series: e.map((t, g) => ({
-      datasetIndex: g,
-      type: "bar",
-      barMaxWidth: 100,
-      emphasis: {
-        focus: "series"
-      },
-      ..._(i)
-    }))
-  };
+function y({ data: e = [], theme: t, formatter: c, labelFormatter: u }) {
+	let d = (e?.length ?? 0) > 1, f = 0, p = 1;
+	return {
+		legend: s({
+			hasLegend: d,
+			labelFormatter: u
+		}),
+		grid: n(d, t),
+		xAxis: o({
+			type: "category",
+			axisLine: { show: !1 },
+			axisTick: { show: !1 },
+			axisLabel: {
+				padding: [
+					parseInt(t.spacing(.5)),
+					0,
+					0,
+					0
+				],
+				margin: 0,
+				showMinLabel: void 0,
+				showMaxLabel: void 0,
+				hideOverlap: !0
+			}
+		}, u),
+		yAxis: {
+			type: "value",
+			min: (e) => (f = e.min < 0 ? a(e.min) : 0, f),
+			max: (e) => (p = e.max <= 0 ? 1 : a(e.max), p),
+			axisLabel: {
+				fontSize: t.typography.overlineDelicate.fontSize,
+				fontFamily: t.typography.overlineDelicate.fontFamily,
+				margin: parseInt(t.spacing(1)),
+				show: !0,
+				showMaxLabel: !0,
+				showMinLabel: !0,
+				verticalAlign: "bottom",
+				inside: !0,
+				formatter: (e) => e !== p && e !== f || e === 0 ? "" : c ? c(e) : String(e)
+			},
+			axisLine: { show: !1 },
+			axisTick: { show: !1 },
+			splitLine: {
+				show: !0,
+				lineStyle: { color: t.palette.black[4] }
+			}
+		},
+		tooltip: {
+			position: i(t),
+			formatter: l((e) => {
+				let t = e.value[e.dimensionNames?.[e.encode?.y?.at(0) ?? 1] ?? ""], n = typeof t == "number" && c ? c(t) : t ?? "", r = typeof e.marker == "string" ? e.marker : "", i = e.seriesName ? `${e.seriesName}: ` : "";
+				return {
+					name: u ? String(u(e.name ?? "")) : e.name ?? "",
+					seriesName: i,
+					marker: r,
+					value: n
+				};
+			})
+		},
+		series: e.map((e, t) => ({
+			datasetIndex: t,
+			type: "bar",
+			barMaxWidth: 100,
+			emphasis: { focus: "series" },
+			...r(c)
+		}))
+	};
 }
-const r = {
-  skeleton: {
-    item: {
-      flex: 1,
-      maxWidth: ({
-        spacing: e
-      }) => e(12),
-      "& + &": {
-        marginLeft: ({
-          spacing: e
-        }) => e(1)
-      }
-    },
-    graph: {
-      ...T.graph,
-      grid: {
-        display: "flex",
-        justifyContent: "space-between",
-        flex: "1 1 auto",
-        alignItems: "flex-end",
-        width: "100%"
-      }
-    }
-  }
-};
-function Y() {
-  const e = k(2);
-  let n;
-  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%" }),
-    /* @__PURE__ */ a(o, { sx: r.skeleton.item, variant: "rectangular", height: "20%" }),
-    /* @__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__ */ f(l, { sx: r.skeleton.graph.container, children: [
-    n,
-    /* @__PURE__ */ a(l, { sx: {
-      display: "flex",
-      alignItems: "center",
-      gap: W,
-      height: F
-    }, children: Array(2).fill(0).map(D) })
-  ] }), e[1] = i) : i = e[1], i;
+//#endregion
+//#region src/widgets/bar/style.ts
+var b = { skeleton: {
+	item: {
+		flex: 1,
+		maxWidth: ({ spacing: e }) => e(12),
+		"& + &": { marginLeft: ({ spacing: e }) => e(1) }
+	},
+	graph: {
+		...d.graph,
+		grid: {
+			display: "flex",
+			justifyContent: "space-between",
+			flex: "1 1 auto",
+			alignItems: "flex-end",
+			width: "100%"
+		}
+	},
+	mask: {
+		gray: { backgroundColor: ({ palette: e }) => e.grey[100] },
+		white: { backgroundColor: ({ palette: e }) => e.common.white }
+	}
+} };
+//#endregion
+//#region src/widgets/bar/skeleton.tsx
+function x() {
+	let e = f(2), t;
+	e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ g(p, {
+		sx: b.skeleton.graph.grid,
+		children: [
+			/* @__PURE__ */ h(m, {
+				sx: b.skeleton.item,
+				variant: "rectangular",
+				height: "20%"
+			}),
+			/* @__PURE__ */ h(m, {
+				sx: b.skeleton.item,
+				variant: "rectangular",
+				height: "40%"
+			}),
+			/* @__PURE__ */ h(m, {
+				sx: b.skeleton.item,
+				variant: "rectangular",
+				height: "60%"
+			}),
+			/* @__PURE__ */ h(m, {
+				sx: b.skeleton.item,
+				variant: "rectangular",
+				height: "20%"
+			}),
+			/* @__PURE__ */ h(m, {
+				sx: b.skeleton.item,
+				variant: "rectangular",
+				height: "80%"
+			})
+		]
+	}), e[0] = t) : t = e[0];
+	let n;
+	return e[1] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ g(p, {
+		sx: b.skeleton.graph.container,
+		children: [t, /* @__PURE__ */ h(p, {
+			sx: {
+				display: "flex",
+				alignItems: "center",
+				gap: T,
+				height: w
+			},
+			children: [, ,].fill(0).map(S)
+		})]
+	}), e[1] = n) : n = e[1], n;
 }
-function D(e, n) {
-  return /* @__PURE__ */ f(l, { sx: {
-    display: "flex",
-    alignItems: "center",
-    gap: O
-  }, children: [
-    /* @__PURE__ */ a(o, { variant: "circular", width: 8, height: 8 }),
-    /* @__PURE__ */ a(o, { width: 48, height: 8 })
-  ] }, `skeleton-${n}`);
+function S(e, t) {
+	return /* @__PURE__ */ g(p, {
+		sx: {
+			display: "flex",
+			alignItems: "center",
+			gap: C
+		},
+		children: [/* @__PURE__ */ h(m, {
+			variant: "circular",
+			width: 8,
+			height: 8
+		}), /* @__PURE__ */ h(m, {
+			width: 48,
+			height: 8
+		})]
+	}, `skeleton-${t}`);
 }
-function O(e) {
-  const {
-    spacing: n
-  } = e;
-  return n(1.5);
+function C(e) {
+	let { spacing: t } = e;
+	return t(1.5);
 }
-function F(e) {
-  const {
-    spacing: n
-  } = e;
-  return n(5);
+function w(e) {
+	let { spacing: t } = e;
+	return t(5);
 }
-function W(e) {
-  const {
-    spacing: n
-  } = e;
-  return n(2);
+function T(e) {
+	let { spacing: t } = e;
+	return t(2);
 }
-export {
-  Y as BarSkeleton,
-  U as barConfig,
-  R as barDownloadConfig
-};
-//# sourceMappingURL=bar.js.map
+//#endregion
+export { x as BarSkeleton, v as barConfig, _ 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  applyXAxisFormatter,\n  niceNum,\n  buildSeriesLabelConfig,\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          showMinLabel: undefined,\n          showMaxLabel: undefined,\n          hideOverlap: true,\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      ...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    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","showMinLabel","undefined","showMaxLabel","hideOverlap","yAxis","min","extent","niceNum","max","fontSize","typography","overlineDelicate","fontFamily","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","buildSeriesLabelConfig","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":";;;;;;;;;;;;AAkBO,MAAMA,IAAoBC,EAC/BC,CACF;AAQO,SAASC,EAAUC,GAAmC;AAC3D,SAAO;AAAA,IACLC,MAAM;AAAA,IACNC,QAAQC,EAAwBC,EAAiBJ,CAAK,GAAGK,EAAUL,CAAK,CAAC;AAAA,IACzEM,WAAWN,EAAMM;AAAAA,IACjBC,gBAAgBP,EAAMO;AAAAA,EAAAA;AAE1B;AAEA,SAASF,EAAU;AAAA,EACjBG,MAAAA,IAAO,CAAA;AAAA,EACPC,OAAAA;AAAAA,EACAH,WAAAA;AAAAA,EACAC,gBAAAA;AACS,GAAuB;AAChC,QAAMG,KAAaF,GAAMG,UAAU,KAAK;AAExC,MAAIC,IAAU,GACVC,IAAU;AAEd,SAAO;AAAA,IACLC,QAAQC,EAAkB;AAAA,MAAEL,WAAAA;AAAAA,MAAWH,gBAAAA;AAAAA,IAAAA,CAAgB;AAAA,IACvDS,MAAMC,EAAgBP,GAAWD,CAAK;AAAA,IACtCS,OAAOC,EACL;AAAA,MACElB,MAAM;AAAA,MACNmB,UAAU;AAAA,QACRC,MAAM;AAAA,MAAA;AAAA,MAERC,UAAU;AAAA,QACRD,MAAM;AAAA,MAAA;AAAA,MAERE,WAAW;AAAA,QACTC,SAAS,CAACC,SAAShB,EAAMiB,QAAQ,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC;AAAA,QAC/CC,QAAQ;AAAA,QACRC,cAAcC;AAAAA,QACdC,cAAcD;AAAAA,QACdE,aAAa;AAAA,MAAA;AAAA,IACf,GAEFxB,CACF;AAAA,IACAyB,OAAO;AAAA,MACL/B,MAAM;AAAA,MACNgC,KAAKA,CAACC,OACJtB,IAAUsB,EAAOD,MAAM,IAAIE,EAAQD,EAAOD,GAAG,IAAI,GAC1CrB;AAAAA,MAETwB,KAAKA,CAACF,OACJrB,IAAUqB,EAAOE,OAAO,IAAI,IAAID,EAAQD,EAAOE,GAAG,GAC3CvB;AAAAA,MAETU,WAAW;AAAA,QACTc,UAAU5B,EAAM6B,WAAWC,iBAAiBF;AAAAA,QAC5CG,YAAY/B,EAAM6B,WAAWC,iBAAiBC;AAAAA,QAC9Cb,QAAQF,SAAShB,EAAMiB,QAAQ,CAAC,CAAC;AAAA,QACjCL,MAAM;AAAA,QACNS,cAAc;AAAA,QACdF,cAAc;AAAA,QACda,eAAe;AAAA,QACfC,QAAQ;AAAA,QACRpC,WAAWA,CAACqC,MACNA,MAAU9B,KAAW8B,MAAU/B,KAC/B+B,MAAU,IAAU,KACjBrC,IAAYA,EAAUqC,CAAK,IAAIC,OAAOD,CAAK;AAAA,MACpD;AAAA,MAEFvB,UAAU;AAAA,QACRC,MAAM;AAAA,MAAA;AAAA,MAERC,UAAU;AAAA,QACRD,MAAM;AAAA,MAAA;AAAA,MAERwB,WAAW;AAAA,QACTxB,MAAM;AAAA,QACNyB,WAAW;AAAA,UACTC,OAAOtC,EAAMuC,QAAQC,MAAM,CAAC;AAAA,QAAA;AAAA,MAC9B;AAAA,IACF;AAAA,IAEFC,SAAS;AAAA,MACPC,UAAUC,EAAwB3C,CAAK;AAAA,MACvCH,WAAW+C,EAAwBC,CAAAA,MAAS;AAC1C,cAAMX,IAAQW,EAAKX,OACbY,IAAQD,EAAKE,iBAAiBF,EAAKG,QAAQC,GAAGC,GAAG,CAAC,KAAK,CAAC,GACxDC,IAASjB,EAAMY,KAAS,EAAE,GAE1BM,IACJ,OAAOD,KAAW,YAAYtD,IAC1BA,EAAUsD,CAAM,IACfA,KAAU,IAEXE,IAAS,OAAOR,EAAKQ,UAAW,WAAWR,EAAKQ,SAAS,IACzDC,IAAaT,EAAKS,aAAa,GAAGT,EAAKS,UAAU,OAAO;AAK9D,eAAO;AAAA,UAAEC,MAJIzD,IACTqC,OAAOrC,EAAe+C,EAAKU,QAAQ,EAAE,CAAC,IACrCV,EAAKU,QAAQ;AAAA,UAEHD,YAAAA;AAAAA,UAAYD,QAAAA;AAAAA,UAAQnB,OAAOkB;AAAAA,QAAAA;AAAAA,MAC5C,CAAC;AAAA,IAAA;AAAA,IAEHI,QAAQzD,EAAK0D,IAAI,CAACC,GAAYZ,OAAmB;AAAA,MAC/Ca,cAAcb;AAAAA,MACdtD,MAAM;AAAA,MACNoE,aAAa;AAAA,MACbC,UAAU;AAAA,QACRC,OAAO;AAAA,MAAA;AAAA,MAET,GAAGC,EAAuBlE,CAAS;AAAA,IAAA,EACnC;AAAA,EAAA;AAEN;ACxIO,MAAMmE,IAAS;AAAA,EACpBC,UAAU;AAAA,IACRpB,MAAM;AAAA,MACJqB,MAAM;AAAA,MACNC,UAAUA,CAAC;AAAA,QAAElD,SAAAA;AAAAA,MAAAA,MAAcA,EAAQ,EAAE;AAAA,MAErC,SAAS;AAAA,QACPmD,YAAYA,CAAC;AAAA,UAAEnD,SAAAA;AAAAA,QAAAA,MAAcA,EAAQ,CAAC;AAAA,MAAA;AAAA,IACxC;AAAA,IAEFoD,OAAO;AAAA,MACL,GAAGC,EAAmBD;AAAAA,MACtB9D,MAAM;AAAA,QACJgE,SAAS;AAAA,QACTC,gBAAgB;AAAA,QAChBN,MAAM;AAAA,QACNO,YAAY;AAAA,QACZC,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,EAUJ;AACF;AC7BO,SAAAC,IAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA;AAAA,MAAAC;AAAA,EAAAF,EAAA,CAAA,MAAAG,uBAAAC,IAAA,2BAAA,KAGDF,sBAACG,GAAA,EAAQ,IAAAjB,EAAMC,SAASI,MAAM9D,MAC5B,UAAA;AAAA,IAAA,gBAAA2E,EAACC,GAAA,EACK,IAAAnB,EAAMC,SAASpB,MACX,SAAA,eACD,QAAA,MAAA,CAAK;AAAA,IAEd,gBAAAqC,EAACC,KACK,IAAAnB,EAAMC,SAASpB,MACX,SAAA,eACD,QAAA,MAAA,CAAK;AAAA,IAEd,gBAAAqC,EAACC,KACK,IAAAnB,EAAMC,SAASpB,MACX,SAAA,eACD,QAAA,MAAA,CAAK;AAAA,IAEd,gBAAAqC,EAACC,KACK,IAAAnB,EAAMC,SAASpB,MACX,SAAA,eACD,QAAA,MAAA,CAAK;AAAA,IAEd,gBAAAqC,EAACC,KACK,IAAAnB,EAAMC,SAASpB,MACX,SAAA,eACD,QAAA,MAAA,CAAK;AAAA,EAAA,GAEhB,GAAM+B,OAAAE,KAAAA,IAAAF,EAAA,CAAA;AAAA,MAAAQ;AAAA,SAAAR,EAAA,CAAA,MAAAG,uBAAAC,IAAA,2BAAA,KA3BRI,sBAACH,GAAA,EAAQ,IAAAjB,EAAMC,SAASI,MAAMgB,WAC5BP,UAAAA;AAAAA,IAAAA;AAAAA,IA2BA,gBAAAI,EAACD,KACK,IAAA;AAAA,MAAAV,SACO;AAAA,MAAME,YACH;AAAA,MAAQa,KACfC;AAAAA,MAA2BC,QACxBC;AAAAA,IAAAA,GAGTC,gBAAM,CAAC,EAACC,KACD,CAAC,EAAClC,IACHmC,CAYJ,EAAA,CACL;AAAA,EAAA,GACF,GAAMhB,OAAAQ,KAAAA,IAAAR,EAAA,CAAA,GApDNQ;AAoDM;AAtDH,SAAAQ,EAAAlC,GAAAmC,GAAA;AAAA,SAyCK,gBAAAC,EAACb,KAEK,IAAA;AAAA,IAAAV,SACO;AAAA,IAAME,YACH;AAAA,IAAQa,KACfS;AAAAA,EAAAA,GAGP,UAAA;AAAA,IAAA,gBAAAb,EAACC,KAAiB,SAAA,YAAkB,OAAA,GAAW,QAAA,GAAC;AAAA,IAChD,gBAAAD,EAACC,GAAA,EAAgB,OAAA,IAAY,QAAA,EAAA,CAAC;AAAA,EAAA,EAAA,GARzB,YAAYU,CAAC,EASpB;AAAM;AAnDX,SAAAE,EAAAjB,GAAA;AA8Ce,QAAA;AAAA,IAAA7D,SAAA+E;AAAAA,EAAAA,IAAAlB;AAAW,SAAK7D,EAAQ,GAAG;AAAC;AA9C3C,SAAAwE,EAAAX,GAAA;AAmCY,QAAA;AAAA,IAAA7D,SAAAgF;AAAAA,EAAAA,IAAAnB;AAAW,SAAK7D,EAAQ,CAAC;AAAC;AAnCtC,SAAAsE,EAAAT,GAAA;AAkCS,QAAA;AAAA,IAAA7D,SAAAA;AAAAA,EAAAA,IAAA6D;AAAW,SAAK7D,EAAQ,CAAC;AAAC;"}
+{"version":3,"file":"bar.js","names":["getCommonOptions","mergeEchartWidgetConfig","EchartOptionsProps","BarConfig","BarWidgetConfig","BarWidgetData","flattenObjectArrayToCSV","buildLegendConfig","buildGridConfig","createTooltipPositioner","createTooltipFormatter","createChartDownloadConfig","applyXAxisFormatter","niceNum","buildSeriesLabelConfig","barDownloadConfig","barConfig","props","type","option","getOption","formatter","labelFormatter","data","theme","hasLegend","length","niceMin","niceMax","legend","grid","xAxis","axisLine","show","axisTick","axisLabel","padding","parseInt","spacing","margin","showMinLabel","undefined","showMaxLabel","hideOverlap","yAxis","const","min","extent","max","fontSize","typography","overlineDelicate","fontFamily","verticalAlign","inside","value","String","splitLine","lineStyle","color","palette","black","tooltip","position","item","Record","index","dimensionNames","encode","y","at","_value","formattedValue","marker","seriesName","name","series","map","_","datasetIndex","barMaxWidth","emphasis","focus","SxProps","Theme","baseSkeletonStyles","styles","skeleton","item","flex","maxWidth","spacing","marginLeft","graph","grid","display","justifyContent","alignItems","width","mask","gray","backgroundColor","palette","grey","white","common","Record","Box","Skeleton","styles","BarSkeleton","$","_c","t0","Symbol","for","skeleton","graph","grid","item","t1","container","display","alignItems","gap","_temp","height","_temp2","Array","fill","map","_temp4","_","i","_temp3","spacing","spacing_1","spacing_0"],"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  buildSeriesLabelConfig,\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          showMinLabel: undefined,\n          showMaxLabel: undefined,\n          hideOverlap: true,\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      ...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    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"],"mappings":"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"}