@carto/ps-react-ui 4.19.0 → 4.20.1

package/dist/widgets-v2/bar.js

@@ -1,314 +1,260 @@
-import * as N from "echarts";
-import { h as B, n as y, d as R, g as H, c as W, f as Y } from "../option-builders-DPeoyQaM.js";
-import { jsx as d, jsxs as _ } from "react/jsx-runtime";
-import { c as q } from "react/compiler-runtime";
-import { Box as g, Skeleton as I } from "@mui/material";
-import "../widget-store-Bw5zRUGg.js";
-import "zustand/shallow";
-import "@mui/icons-material";
-import "react";
-import "html2canvas";
-import "../lasso-tool-YLFRgb-S.js";
-import "../cjs-D4KH3azB.js";
-import "@carto/ps-utils";
-import "@dnd-kit/core";
-import "@dnd-kit/sortable";
-import "@dnd-kit/utilities";
-import "react-dom";
-import "../widget-context-DTGO0Yta.js";
-import "zustand";
-import "zustand/vanilla";
-import "zustand/middleware";
-import "zustand/react/shallow";
-import { Z as O } from "../transforms-Cdx4fkU5.js";
-import { m as z, r as U } from "../resolve-theme-color-BdojIw0K.js";
-import { p as V } from "../data-zoom-layout-D_FYdnap.js";
-import { b as J } from "../png-item-9dNbB37T.js";
-import { b as K } from "../csv-item-hH_Gt7ur.js";
-function Q({
-  theme: e,
-  formatter: o,
-  labelFormatter: t
-}) {
-  let s = 0, n = 1;
-  return {
-    grid: {
-      left: parseInt(e.spacing(1)),
-      top: parseInt(e.spacing(3)),
-      right: parseInt(e.spacing(1)),
-      // Default: no legend. Merger bumps this when there are >1 series.
-      ...W(!1, e),
-      containLabel: !0
-    },
-    tooltip: {
-      trigger: "axis",
-      backgroundColor: e.palette.grey[900],
-      borderWidth: 0,
-      padding: [parseInt(e.spacing(1)), parseInt(e.spacing(1))],
-      textStyle: {
-        color: e.palette.common.white,
-        fontSize: 11,
-        fontFamily: e.typography.caption.fontFamily
-      },
-      axisPointer: {
-        type: "line"
-      },
-      position: H(e),
-      formatter: M(o, t)
-    },
-    // Legend styling baked here; `show` is toggled by the merger based on
-    // series count.
-    legend: {
-      ...R({
-        hasLegend: !1,
-        labelFormatter: t
-      })
-    },
-    axisPointer: {
-      lineStyle: {
-        color: e.palette.grey[400]
-      }
-    },
-    color: [e.palette.secondary.main, ...Object.values(e.palette.qualitative?.bold ?? {})],
-    xAxis: {
-      type: "category",
-      axisLine: {
-        show: !1
-      },
-      axisTick: {
-        show: !1
-      },
-      axisLabel: {
-        ...B(e),
-        padding: [parseInt(e.spacing(0.5)), 0, 0, 0],
-        margin: 0,
-        // `interval: 0` makes every category label a candidate so `hideOverlap`
-        // can pack the maximum number that physically fit; the category-axis
-        // default (`'auto'`) sub-samples first and shows fewer than fit.
-        interval: 0,
-        hideOverlap: !0,
-        ...t && {
-          formatter: (a) => String(t(a))
-        }
-      }
-    },
-    yAxis: {
-      type: "value",
-      min: (a) => (s = a.min < 0 ? y(a.min) : 0, s),
-      max: (a) => (n = a.max <= 0 ? 1 : y(a.max), n),
-      axisLine: {
-        show: !1
-      },
-      axisTick: {
-        show: !1
-      },
-      splitLine: {
-        show: !0,
-        lineStyle: {
-          color: e.palette.black?.[4] ?? e.palette.divider
-        }
-      },
-      axisLabel: {
-        ...B(e),
-        margin: parseInt(e.spacing(1)),
-        show: !0,
-        showMaxLabel: !0,
-        showMinLabel: !0,
-        verticalAlign: "bottom",
-        inside: !0,
-        formatter: (a) => a !== n && a !== s || a === 0 ? "" : o ? o(a) : String(a)
-      }
-    }
-  };
+import { r as e } from "../zoom-toggle-CA0ifG23.js";
+import { n as t, t as n } from "../download-BT6qBamM.js";
+import { n as r, r as i, t as a } from "../utils-DtvTjjMq.js";
+import { a as o, d as s, f as c, i as l, s as u, u as d } from "../chart-config-BGt7wkK7.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";
+import * as _ from "echarts";
+//#region src/widgets-v2/bar/options.ts
+function v({ theme: e, formatter: t, labelFormatter: n }) {
+	let r = 0, i = 1;
+	return {
+		grid: {
+			left: parseInt(e.spacing(1)),
+			top: parseInt(e.spacing(3)),
+			right: parseInt(e.spacing(1)),
+			...o(!1, e),
+			containLabel: !0
+		},
+		tooltip: {
+			trigger: "axis",
+			backgroundColor: e.palette.grey[900],
+			borderWidth: 0,
+			padding: [parseInt(e.spacing(1)), parseInt(e.spacing(1))],
+			textStyle: {
+				color: e.palette.common.white,
+				fontSize: 11,
+				fontFamily: e.typography.caption.fontFamily
+			},
+			axisPointer: { type: "line" },
+			position: s(e),
+			formatter: b(t, n)
+		},
+		legend: { ...u({
+			hasLegend: !1,
+			labelFormatter: n
+		}) },
+		axisPointer: { lineStyle: { color: e.palette.grey[400] } },
+		color: [e.palette.secondary.main, ...Object.values(e.palette.qualitative?.bold ?? {})],
+		xAxis: {
+			type: "category",
+			axisLine: { show: !1 },
+			axisTick: { show: !1 },
+			axisLabel: {
+				...l(e),
+				padding: [
+					parseInt(e.spacing(.5)),
+					0,
+					0,
+					0
+				],
+				margin: 0,
+				interval: 0,
+				hideOverlap: !0,
+				...n && { formatter: (e) => String(n(e)) }
+			}
+		},
+		yAxis: {
+			type: "value",
+			min: (e) => (r = e.min < 0 ? c(e.min) : 0, r),
+			max: (e) => (i = e.max <= 0 ? 1 : c(e.max), i),
+			axisLine: { show: !1 },
+			axisTick: { show: !1 },
+			splitLine: {
+				show: !0,
+				lineStyle: { color: e.palette.black?.[4] ?? e.palette.divider }
+			},
+			axisLabel: {
+				...l(e),
+				margin: parseInt(e.spacing(1)),
+				show: !0,
+				showMaxLabel: !0,
+				showMinLabel: !0,
+				verticalAlign: "bottom",
+				inside: !0,
+				formatter: (e) => e !== i && e !== r || e === 0 ? "" : t ? t(e) : String(e)
+			}
+		}
+	};
 }
-function Te(e) {
-  const {
-    theme: o,
-    formatter: t,
-    labelFormatter: s,
-    optionsOverride: n
-  } = e, a = e.series, c = e.selection, f = c && c.length > 0 ? new Set(c) : null;
-  return (i, v, C) => {
-    if (i == null) {
-      const r = Q({
-        theme: o,
-        formatter: t,
-        labelFormatter: s
-      });
-      return n ? z(r, n) : r;
-    }
-    const u = Array.isArray(v) ? v : [];
-    if (u.length === 0)
-      return {
-        ...i,
-        dataset: [],
-        series: []
-      };
-    const b = u.length > 1, D = typeof i.legend == "object" && !Array.isArray(i.legend) ? i.legend : {}, x = typeof i.grid == "object" && !Array.isArray(i.grid) ? i.grid : {}, F = typeof i.tooltip == "object" && !Array.isArray(i.tooltip) ? i.tooltip : {}, k = typeof i.yAxis == "object" && !Array.isArray(i.yAxis) ? i.yAxis : {}, T = Array.isArray(i.series) ? i.series : [], Z = T[0] ?? {}, h = C?.formatter, P = C?.labelFormatter;
-    let A = 0, w = 1;
-    const L = V(i.dataZoom, b), $ = typeof x.bottom == "number" ? x.bottom : 24, j = b ? 56 : $, E = L ? j + O.sliderHeight + O.sliderGap : j, G = {
-      color: (r) => {
-        const l = r.color;
-        if (!f) return l;
-        const m = r.value?.name ?? r.name;
-        return m != null && f.has(m) ? l : N.color.modifyAlpha(l, 0.15);
-      }
-    };
-    return {
-      ...i,
-      dataset: u.map((r) => ({
-        source: r
-      })),
-      series: u.map((r, l) => {
-        const S = T[l] ?? Z, m = U(o, a?.[l]?.color);
-        return {
-          ...typeof S == "object" ? S : {},
-          type: "bar",
-          datasetIndex: l,
-          name: a?.[l]?.name ?? `Series ${l + 1}`,
-          encode: {
-            x: "name",
-            y: "value"
-          },
-          barMaxWidth: 100,
-          emphasis: {
-            focus: "series"
-          },
-          itemStyle: G,
-          ...m ? {
-            color: m
-          } : {}
-        };
-      }),
-      legend: {
-        ...D,
-        show: b
-      },
-      grid: {
-        ...x,
-        bottom: E
-      },
-      ...L ? {
-        dataZoom: L
-      } : {},
-      yAxis: {
-        ...k,
-        min: (r) => (A = r.min < 0 ? y(r.min) : 0, A),
-        max: (r) => (w = r.max <= 0 ? 1 : y(r.max), w),
-        axisLabel: {
-          ...k.axisLabel ?? {},
-          formatter: (r) => r !== w && r !== A || r === 0 ? "" : h ? h(r) : String(r)
-        }
-      },
-      tooltip: {
-        ...F,
-        formatter: M(h, P)
-      }
-    };
-  };
+function y(t) {
+	let { theme: n, formatter: o, labelFormatter: s, optionsOverride: l } = t, u = t.series, d = t.selection, f = d && d.length > 0 ? new Set(d) : null;
+	return (t, d, p) => {
+		if (t == null) {
+			let e = v({
+				theme: n,
+				formatter: o,
+				labelFormatter: s
+			});
+			return l ? i(e, l) : e;
+		}
+		let m = Array.isArray(d) ? d : [];
+		if (m.length === 0) return {
+			...t,
+			dataset: [],
+			series: []
+		};
+		let h = m.length > 1, g = typeof t.legend == "object" && !Array.isArray(t.legend) ? t.legend : {}, y = typeof t.grid == "object" && !Array.isArray(t.grid) ? t.grid : {}, x = typeof t.tooltip == "object" && !Array.isArray(t.tooltip) ? t.tooltip : {}, S = typeof t.yAxis == "object" && !Array.isArray(t.yAxis) ? t.yAxis : {}, C = Array.isArray(t.series) ? t.series : [], w = C[0] ?? {}, T = p?.formatter, E = p?.labelFormatter, D = 0, O = 1, k = r(t.dataZoom, h), A = typeof y.bottom == "number" ? y.bottom : 24, j = h ? 56 : A, M = k ? j + e.sliderHeight + e.sliderGap : j, N = { color: (e) => {
+			let t = e.color;
+			if (!f) return t;
+			let n = e.value?.name ?? e.name;
+			return n != null && f.has(n) ? t : _.color.modifyAlpha(t, .15);
+		} };
+		return {
+			...t,
+			dataset: m.map((e) => ({ source: e })),
+			series: m.map((e, t) => {
+				let r = C[t] ?? w, i = a(n, u?.[t]?.color);
+				return {
+					...typeof r == "object" ? r : {},
+					type: "bar",
+					datasetIndex: t,
+					name: u?.[t]?.name ?? `Series ${t + 1}`,
+					encode: {
+						x: "name",
+						y: "value"
+					},
+					barMaxWidth: 100,
+					emphasis: { focus: "series" },
+					itemStyle: N,
+					...i ? { color: i } : {}
+				};
+			}),
+			legend: {
+				...g,
+				show: h
+			},
+			grid: {
+				...y,
+				bottom: M
+			},
+			...k ? { dataZoom: k } : {},
+			yAxis: {
+				...S,
+				min: (e) => (D = e.min < 0 ? c(e.min) : 0, D),
+				max: (e) => (O = e.max <= 0 ? 1 : c(e.max), O),
+				axisLabel: {
+					...S.axisLabel ?? {},
+					formatter: (e) => e !== O && e !== D || e === 0 ? "" : T ? T(e) : String(e)
+				}
+			},
+			tooltip: {
+				...x,
+				formatter: b(T, E)
+			}
+		};
+	};
 }
-function M(e, o) {
-  return Y((t) => {
-    const n = t.value?.value, a = typeof n == "number" && e ? e(n) : n ?? "", c = typeof t.marker == "string" ? t.marker : "", f = t.seriesName ? `${t.seriesName}: ` : "", i = o ? String(o(t.name ?? "")) : t.name ?? "";
-    return {
-      name: String(i),
-      seriesName: f,
-      marker: c,
-      value: a
-    };
-  });
+function b(e, t) {
+	return d((n) => {
+		let r = n.value?.value, i = typeof r == "number" && e ? e(r) : r ?? "", a = typeof n.marker == "string" ? n.marker : "", o = n.seriesName ? `${n.seriesName}: ` : "", s = t ? String(t(n.name ?? "")) : n.name ?? "";
+		return {
+			name: String(s),
+			seriesName: o,
+			marker: a,
+			value: i
+		};
+	});
 }
-const p = {
-  container: {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "space-between",
-    flexDirection: "column",
-    gap: ({
-      spacing: e
-    }) => e(1),
-    height: ({
-      spacing: e
-    }) => e(38)
-  },
-  grid: {
-    display: "flex",
-    justifyContent: "space-between",
-    flex: "1 1 auto",
-    alignItems: "flex-end",
-    width: "100%"
-  },
-  bar: {
-    flex: 1,
-    maxWidth: ({
-      spacing: e
-    }) => e(12),
-    "& + &": {
-      marginLeft: ({
-        spacing: e
-      }) => e(1)
-    }
-  },
-  legend: {
-    display: "flex",
-    alignItems: "center",
-    gap: ({
-      spacing: e
-    }) => e(2),
-    height: ({
-      spacing: e
-    }) => e(5)
-  },
-  legendItem: {
-    display: "flex",
-    alignItems: "center",
-    gap: ({
-      spacing: e
-    }) => e(1.5)
-  }
-}, X = ["20%", "40%", "60%", "20%", "80%"];
-function je() {
-  const e = q(2);
-  let o;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ d(g, { sx: p.grid, children: X.map(te) }), e[0] = o) : o = e[0];
-  let t;
-  return e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ _(g, { sx: p.container, children: [
-    o,
-    /* @__PURE__ */ d(g, { sx: p.legend, children: [0, 1].map(ee) })
-  ] }), e[1] = t) : t = e[1], t;
+//#endregion
+//#region src/widgets-v2/bar/skeleton.tsx
+var x = {
+	container: {
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "space-between",
+		flexDirection: "column",
+		gap: ({ spacing: e }) => e(1),
+		height: ({ spacing: e }) => e(38)
+	},
+	grid: {
+		display: "flex",
+		justifyContent: "space-between",
+		flex: "1 1 auto",
+		alignItems: "flex-end",
+		width: "100%"
+	},
+	bar: {
+		flex: 1,
+		maxWidth: ({ spacing: e }) => e(12),
+		"& + &": { marginLeft: ({ spacing: e }) => e(1) }
+	},
+	legend: {
+		display: "flex",
+		alignItems: "center",
+		gap: ({ spacing: e }) => e(2),
+		height: ({ spacing: e }) => e(5)
+	},
+	legendItem: {
+		display: "flex",
+		alignItems: "center",
+		gap: ({ spacing: e }) => e(1.5)
+	}
+}, S = [
+	"20%",
+	"40%",
+	"60%",
+	"20%",
+	"80%"
+];
+function C() {
+	let e = f(2), t;
+	e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ h(p, {
+		sx: x.grid,
+		children: S.map(T)
+	}), e[0] = t) : t = e[0];
+	let n;
+	return e[1] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ g(p, {
+		sx: x.container,
+		children: [t, /* @__PURE__ */ h(p, {
+			sx: x.legend,
+			children: [0, 1].map(w)
+		})]
+	}), e[1] = n) : n = e[1], n;
 }
-function ee(e) {
-  return /* @__PURE__ */ _(g, { sx: p.legendItem, children: [
-    /* @__PURE__ */ d(I, { variant: "circular", width: 8, height: 8 }),
-    /* @__PURE__ */ d(I, { width: 48, height: 8 })
-  ] }, `legend-${e}`);
+function w(e) {
+	return /* @__PURE__ */ g(p, {
+		sx: x.legendItem,
+		children: [/* @__PURE__ */ h(m, {
+			variant: "circular",
+			width: 8,
+			height: 8
+		}), /* @__PURE__ */ h(m, {
+			width: 48,
+			height: 8
+		})]
+	}, `legend-${e}`);
 }
-function te(e, o) {
-  return /* @__PURE__ */ d(I, { sx: p.bar, variant: "rectangular", height: e }, `bar-${o}`);
+function T(e, t) {
+	return /* @__PURE__ */ h(m, {
+		sx: x.bar,
+		variant: "rectangular",
+		height: e
+	}, `bar-${t}`);
 }
-function Be(e) {
-  const o = [];
-  return e.getCaptureEl && o.push(J({
-    filename: e.filename,
-    getCaptureEl: e.getCaptureEl,
-    pixelRatio: e.pngPixelRatio,
-    backgroundColor: e.pngBackgroundColor
-  })), o.push(K({
-    filename: e.filename,
-    getRows: () => {
-      const t = e.getData(), s = [];
-      for (const [n, a] of t.entries()) {
-        n > 0 && s.push([]), s.push(["name", "value"]);
-        for (const c of a) s.push([c.name, c.value]);
-      }
-      return s;
-    }
-  })), o;
+//#endregion
+//#region src/widgets-v2/bar/download.tsx
+function E(e) {
+	let r = [];
+	return e.getCaptureEl && r.push(t({
+		filename: e.filename,
+		getCaptureEl: e.getCaptureEl,
+		pixelRatio: e.pngPixelRatio,
+		backgroundColor: e.pngBackgroundColor
+	})), r.push(n({
+		filename: e.filename,
+		getRows: () => {
+			let t = e.getData(), n = [];
+			for (let [e, r] of t.entries()) {
+				e > 0 && n.push([]), n.push(["name", "value"]);
+				for (let e of r) n.push([e.name, e.value]);
+			}
+			return n;
+		}
+	})), r;
 }
-export {
-  je as BarSkeleton,
-  Q as barOptions,
-  Be as createBarDownloadConfig,
-  Te as createBarOptionFactory
-};
-//# sourceMappingURL=bar.js.map
+//#endregion
+export { C as BarSkeleton, v as barOptions, E as createBarDownloadConfig, y as createBarOptionFactory };
+
+//# sourceMappingURL=bar.js.map