@carto/ps-react-ui 5.0.0-widgets.9 → 5.0.0

package/dist/widgets/bar.js

@@ -1,193 +1,190 @@
-import { jsxs as s, jsx as n } from "react/jsx-runtime";
-import { c as m } from "react/compiler-runtime";
-import "react";
-import "echarts";
-import "../widget-store-CB6Trp_0.js";
-import "zustand/shallow";
-import { g } from "../options-D9wflre6.js";
-import { m as f } from "../utils-Dv5Z47UQ.js";
-import { f as h, c as d, b as u, a as x, d as y } from "../styles-dOu_pRNb.js";
-import { Box as a, Skeleton as o } from "@mui/material";
-import "@mui/icons-material";
-import "react-markdown";
-import { d as l, a as p } from "../exports-Cr43OCul.js";
-import "../lasso-tool-CYn3ivf-.js";
-import "../cjs-D9ro6BXv.js";
-import "@dnd-kit/core";
-import "@dnd-kit/sortable";
-import "@dnd-kit/utilities";
-function $({
-  refUI: e
-}) {
-  return [{
-    ...l,
-    modifier: () => l.modifier(e)
-  }, {
-    ...p,
-    modifier: async (t) => {
-      const i = h(t);
-      return p.modifier(i);
-    }
-  }];
+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-B_fdIcD3.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 q(e) {
-  return {
-    type: "bar",
-    option: f(g(e), b(e))
-  };
+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)
+		}))
+	};
 }
-function b({
-  data: e = [],
-  theme: t
-}) {
-  const i = (e?.length ?? 0) > 1;
-  return {
-    legend: x(i),
-    grid: u(i, t),
-    xAxis: {
-      type: "category",
-      axisLine: {
-        show: !1
-      },
-      axisTick: {
-        show: !1
-      },
-      axisLabel: {
-        padding: [parseInt(t.spacing(0.5)), 0, 0, 0],
-        margin: 0
-      }
-    },
-    yAxis: {
-      type: "value",
-      splitNumber: 1,
-      axisLabel: {
-        fontSize: t.typography.overlineDelicate.fontSize,
-        fontFamily: t.typography.overlineDelicate.fontFamily,
-        margin: parseInt(t.spacing(1)),
-        show: !0,
-        showMaxLabel: !0,
-        showMinLabel: !0,
-        verticalAlign: "bottom"
-      },
-      axisLine: {
-        show: !1
-      },
-      axisTick: {
-        show: !1
-      },
-      splitLine: {
-        show: !0,
-        lineStyle: {
-          color: t.palette.black[4]
-        }
-      }
-    },
-    tooltip: {
-      position: d(t)
-    },
-    series: e.map((v, c) => ({
-      datasetIndex: c,
-      type: "bar",
-      barMaxWidth: 100,
-      emphasis: {
-        focus: "series"
-      }
-      // itemStyle: {
-      //   color(params) {
-      //     const color =
-      //       getColorBySchema({
-      //         colorSchema: config?.colorSchema,
-      //         value: params.value as ColorSchemaValue,
-      //       }) ?? params.color!
-      //     if (!selected?.length) {
-      //       return color
-      //     }
-      //     if (selected.map(String).includes(params.name)) {
-      //       return color
-      //     }
-      //     return theme.palette.black[25]
-      //   },
-      // },
-    }))
-  };
+//#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;
 }
-const r = {
-  skeleton: {
-    item: {
-      flex: 1,
-      maxWidth: ({
-        spacing: e
-      }) => e(12),
-      "& + &": {
-        marginLeft: ({
-          spacing: e
-        }) => e(1)
-      }
-    },
-    graph: {
-      ...y.graph,
-      grid: {
-        display: "flex",
-        justifyContent: "space-between",
-        flex: "1 1 auto",
-        alignItems: "flex-end",
-        width: "100%"
-      }
-    }
-  }
-};
-function H() {
-  const e = m(2);
-  let t;
-  e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ s(a, { sx: r.skeleton.graph.grid, children: [
-    /* @__PURE__ */ n(o, { sx: r.skeleton.item, variant: "rectangular", height: "20%" }),
-    /* @__PURE__ */ n(o, { sx: r.skeleton.item, variant: "rectangular", height: "40%" }),
-    /* @__PURE__ */ n(o, { sx: r.skeleton.item, variant: "rectangular", height: "60%" }),
-    /* @__PURE__ */ n(o, { sx: r.skeleton.item, variant: "rectangular", height: "20%" }),
-    /* @__PURE__ */ n(o, { sx: r.skeleton.item, variant: "rectangular", height: "80%" })
-  ] }), e[0] = t) : t = e[0];
-  let i;
-  return e[1] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ s(a, { sx: r.skeleton.graph.container, children: [
-    t,
-    /* @__PURE__ */ n(a, { sx: {
-      display: "flex",
-      alignItems: "center",
-      gap: S,
-      height: _
-    }, children: Array(2).fill(0).map(w) })
-  ] }), e[1] = i) : i = e[1], i;
+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 w(e, t) {
-  return /* @__PURE__ */ s(a, { sx: {
-    display: "flex",
-    alignItems: "center",
-    gap: k
-  }, children: [
-    /* @__PURE__ */ n(o, { variant: "circular", width: 8, height: 8 }),
-    /* @__PURE__ */ n(o, { width: 48, height: 8 })
-  ] }, t);
+function C(e) {
+	let { spacing: t } = e;
+	return t(1.5);
 }
-function k(e) {
-  const {
-    spacing: t
-  } = e;
-  return t(1.5);
+function w(e) {
+	let { spacing: t } = e;
+	return t(5);
 }
-function _(e) {
-  const {
-    spacing: t
-  } = e;
-  return t(5);
+function T(e) {
+	let { spacing: t } = e;
+	return t(2);
 }
-function S(e) {
-  const {
-    spacing: t
-  } = e;
-  return t(2);
-}
-export {
-  H as BarSkeleton,
-  q as barConfig,
-  $ 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} from '../_shared/chart-config'\nimport { downloadToCSV, downloadToPNG, type DownloadItem } from '../actions'\nimport type { ConfigProps } from '../root/types'\n\nexport function barDownloadConfig({\n  refUI,\n}: ConfigProps): DownloadItem<BarWidgetData>[] {\n  return [\n    {\n      ...downloadToPNG,\n      modifier: () => downloadToPNG.modifier(refUI),\n    },\n    {\n      ...downloadToCSV,\n      modifier: async (data) => {\n        const rows = flattenObjectArrayToCSV(data)\n        return downloadToCSV.modifier(rows)\n      },\n    },\n  ]\n}\n\nexport function barConfig(props: BarConfig): BarWidgetConfig {\n  return {\n    type: 'bar',\n    option: mergeEchartWidgetConfig(getCommonOptions(props), getOption(props)),\n  }\n}\n\nfunction getOption({ data = [], theme }: BarConfig): EchartOptionsProps {\n  const hasLegend = (data?.length ?? 0) > 1\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',\n      splitNumber: 1,\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',\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    },\n    series: data.map((_: unknown, index: number) => ({\n      datasetIndex: index,\n      type: 'bar',\n      barMaxWidth: 100,\n      emphasis: {\n        focus: 'series',\n      },\n      // itemStyle: {\n      //   color(params) {\n      //     const color =\n      //       getColorBySchema({\n      //         colorSchema: config?.colorSchema,\n      //         value: params.value as ColorSchemaValue,\n      //       }) ?? params.color!\n\n      //     if (!selected?.length) {\n      //       return color\n      //     }\n\n      //     if (selected.map(String).includes(params.name)) {\n      //       return color\n      //     }\n\n      //     return theme.palette.black[25]\n      //   },\n      // },\n    })),\n  } as EchartOptionsProps\n}\n","import type { SxProps, Theme } from '@mui/material'\nimport { baseSkeletonStyles } from '../_shared/skeleton'\n\nexport const styles = {\n  skeleton: {\n    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={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","refUI","downloadToPNG","modifier","downloadToCSV","data","rows","flattenObjectArrayToCSV","barConfig","props","type","option","mergeEchartWidgetConfig","getCommonOptions","getOption","theme","hasLegend","length","legend","buildLegendConfig","grid","buildGridConfig","xAxis","axisLine","show","axisTick","axisLabel","padding","parseInt","spacing","margin","yAxis","splitNumber","fontSize","typography","overlineDelicate","fontFamily","showMaxLabel","showMinLabel","verticalAlign","splitLine","lineStyle","color","palette","black","tooltip","position","createTooltipPositioner","series","map","_","index","datasetIndex","barMaxWidth","emphasis","focus","styles","skeleton","item","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":";;;;;;;;;;;;;;;;;;AAeO,SAASA,EAAkB;AAAA,EAChCC,OAAAA;AACW,GAAkC;AAC7C,SAAO,CACL;AAAA,IACE,GAAGC;AAAAA,IACHC,UAAUA,MAAMD,EAAcC,SAASF,CAAK;AAAA,EAAA,GAE9C;AAAA,IACE,GAAGG;AAAAA,IACHD,UAAU,OAAOE,MAAS;AACxB,YAAMC,IAAOC,EAAwBF,CAAI;AACzC,aAAOD,EAAcD,SAASG,CAAI;AAAA,IACpC;AAAA,EAAA,CACD;AAEL;AAEO,SAASE,EAAUC,GAAmC;AAC3D,SAAO;AAAA,IACLC,MAAM;AAAA,IACNC,QAAQC,EAAwBC,EAAiBJ,CAAK,GAAGK,EAAUL,CAAK,CAAC;AAAA,EAAA;AAE7E;AAEA,SAASK,EAAU;AAAA,EAAET,MAAAA,IAAO,CAAA;AAAA,EAAIU,OAAAA;AAAiB,GAAuB;AACtE,QAAMC,KAAaX,GAAMY,UAAU,KAAK;AACxC,SAAO;AAAA,IACLC,QAAQC,EAAkBH,CAAS;AAAA,IACnCI,MAAMC,EAAgBL,GAAWD,CAAK;AAAA,IACtCO,OAAO;AAAA,MACLZ,MAAM;AAAA,MACNa,UAAU;AAAA,QACRC,MAAM;AAAA,MAAA;AAAA,MAERC,UAAU;AAAA,QACRD,MAAM;AAAA,MAAA;AAAA,MAERE,WAAW;AAAA,QACTC,SAAS,CAACC,SAASb,EAAMc,QAAQ,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC;AAAA,QAC/CC,QAAQ;AAAA,MAAA;AAAA,IACV;AAAA,IAEFC,OAAO;AAAA,MACLrB,MAAM;AAAA,MACNsB,aAAa;AAAA,MACbN,WAAW;AAAA,QACTO,UAAUlB,EAAMmB,WAAWC,iBAAiBF;AAAAA,QAC5CG,YAAYrB,EAAMmB,WAAWC,iBAAiBC;AAAAA,QAC9CN,QAAQF,SAASb,EAAMc,QAAQ,CAAC,CAAC;AAAA,QACjCL,MAAM;AAAA,QACNa,cAAc;AAAA,QACdC,cAAc;AAAA,QACdC,eAAe;AAAA,MAAA;AAAA,MAEjBhB,UAAU;AAAA,QACRC,MAAM;AAAA,MAAA;AAAA,MAERC,UAAU;AAAA,QACRD,MAAM;AAAA,MAAA;AAAA,MAERgB,WAAW;AAAA,QACThB,MAAM;AAAA,QACNiB,WAAW;AAAA,UACTC,OAAO3B,EAAM4B,QAAQC,MAAM,CAAC;AAAA,QAAA;AAAA,MAC9B;AAAA,IACF;AAAA,IAEFC,SAAS;AAAA,MACPC,UAAUC,EAAwBhC,CAAK;AAAA,IAAA;AAAA,IAEzCiC,QAAQ3C,EAAK4C,IAAI,CAACC,GAAYC,OAAmB;AAAA,MAC/CC,cAAcD;AAAAA,MACdzC,MAAM;AAAA,MACN2C,aAAa;AAAA,MACbC,UAAU;AAAA,QACRC,OAAO;AAAA,MAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IACT,EAoBA;AAAA,EAAA;AAEN;AC/GO,MAAMC,IAAS;AAAA,EACpBC,UAAU;AAAA,IACRC,MAAM;AAAA,MACJC,MAAM;AAAA,MACNC,UAAUA,CAAC;AAAA,QAAE/B,SAAAA;AAAAA,MAAAA,MAAcA,EAAQ,EAAE;AAAA,MAErC,SAAS;AAAA,QACPgC,YAAYA,CAAC;AAAA,UAAEhC,SAAAA;AAAAA,QAAAA,MAAcA,EAAQ,CAAC;AAAA,MAAA;AAAA,IACxC;AAAA,IAEFiC,OAAO;AAAA,MACL,GAAGC,EAAmBD;AAAAA,MACtB1C,MAAM;AAAA,QACJ4C,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,OAAAC,IAAA,2BAAA,KAGDF,sBAACG,GAAA,EAAQ,IAAAlB,EAAMC,SAASK,MAAM1C,MAC5B,UAAA;AAAA,IAAA,gBAAAuD,EAACC,GAAA,EACK,IAAApB,EAAMC,SAASC,MACX,SAAA,eACD,QAAA,MAAA,CAAK;AAAA,IAEd,gBAAAiB,EAACC,KACK,IAAApB,EAAMC,SAASC,MACX,SAAA,eACD,QAAA,MAAA,CAAK;AAAA,IAEd,gBAAAiB,EAACC,KACK,IAAApB,EAAMC,SAASC,MACX,SAAA,eACD,QAAA,MAAA,CAAK;AAAA,IAEd,gBAAAiB,EAACC,KACK,IAAApB,EAAMC,SAASC,MACX,SAAA,eACD,QAAA,MAAA,CAAK;AAAA,IAEd,gBAAAiB,EAACC,KACK,IAAApB,EAAMC,SAASC,MACX,SAAA,eACD,QAAA,MAAA,CAAK;AAAA,EAAA,GAEhB,GAAMW,OAAAE,KAAAA,IAAAF,EAAA,CAAA;AAAA,MAAAQ;AAAA,SAAAR,EAAA,CAAA,MAAAG,OAAAC,IAAA,2BAAA,KA3BRI,sBAACH,GAAA,EAAQ,IAAAlB,EAAMC,SAASK,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,EAACnC,IACHoC,CAYJ,EAAA,CACL;AAAA,EAAA,GACF,GAAMhB,OAAAQ,KAAAA,IAAAR,EAAA,CAAA,GApDNQ;AAoDM;AAtDH,SAAAQ,EAAAnC,GAAAoC,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,GARzBU,CASP;AAAM;AAnDX,SAAAE,EAAAjB,GAAA;AA8Ce,QAAA;AAAA,IAAA1C,SAAA4D;AAAAA,EAAAA,IAAAlB;AAAW,SAAK1C,EAAQ,GAAG;AAAC;AA9C3C,SAAAqD,EAAAX,GAAA;AAmCY,QAAA;AAAA,IAAA1C,SAAA6D;AAAAA,EAAAA,IAAAnB;AAAW,SAAK1C,EAAQ,CAAC;AAAC;AAnCtC,SAAAmD,EAAAT,GAAA;AAkCS,QAAA;AAAA,IAAA1C,SAAAA;AAAAA,EAAAA,IAAA0C;AAAW,SAAK1C,EAAQ,CAAC;AAAC;"}
+{"version":3,"file":"bar.js","names":["<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>","<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>","({ spacing }) => spacing(2)","({ spacing }) => spacing(5)","(_, 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          )","({ spacing }) => spacing(1.5)","{ spacing }","spacing"],"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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"}