@carto/ps-react-ui 5.0.0 → 6.0.0

package/dist/widgets/category.js

@@ -1,450 +1,2 @@
-import { t as e } from "../use-widget-selector-VSPhfhNm.js";
-import { _ as t, v as n } from "../actions-CGJD6q0t.js";
-import { n as r, t as i } from "../formatter-wVO81tYk.js";
-import { t as a } from "../hooks-zf5gKZYq.js";
-import { c as o } from "react/compiler-runtime";
-import { useState as s } from "react";
-import { Box as c, Skeleton as l, Typography as u, useTheme as d } from "@mui/material";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-//#region src/widgets/category/style.ts
-var m = {
-	root: {
-		display: "flex",
-		flexDirection: "column",
-		position: "relative",
-		width: "100%"
-	},
-	list: {
-		display: "flex",
-		flexDirection: "column",
-		gap: (e) => e.spacing(1)
-	},
-	row: {
-		display: "flex",
-		flexDirection: "column",
-		gap: (e) => e.spacing(.5),
-		pointerEvents: "none"
-	},
-	rowClickable: { pointerEvents: "auto" },
-	rowHeader: {
-		display: "flex",
-		justifyContent: "space-between",
-		alignItems: "center"
-	},
-	rowLabel: {
-		typography: "body2",
-		fontWeight: "medium",
-		color: "text.primary"
-	},
-	rowValue: {
-		typography: "body2",
-		color: "text.secondary"
-	},
-	barContainer: {
-		display: "flex",
-		flexDirection: "column"
-	},
-	bar: {
-		height: 4,
-		borderRadius: 2,
-		backgroundColor: (e) => e.palette.action.disabledBackground,
-		overflow: "hidden",
-		position: "relative",
-		transition: "background-color 0.15s ease-in-out",
-		cursor: "pointer",
-		"&:hover": {
-			backgroundColor: (e) => e.palette.action.hover,
-			"& > div": { filter: "brightness(1.2)" }
-		}
-	},
-	barFill: {
-		height: "100%",
-		borderRadius: 2,
-		transition: "width 0.3s ease-in-out, background-color 0.15s ease-in-out"
-	},
-	barFillMuted: { backgroundColor: (e) => e.palette.action.disabled },
-	legend: {
-		display: "flex",
-		alignItems: "center",
-		gap: (e) => e.spacing(2),
-		flexWrap: "wrap",
-		paddingTop: (e) => e.spacing(2),
-		position: "sticky",
-		bottom: 0,
-		backgroundColor: "background.paper",
-		borderTop: (e) => `1px solid ${e.palette.divider}`,
-		marginTop: (e) => e.spacing(2)
-	},
-	legendItem: {
-		display: "flex",
-		alignItems: "center",
-		gap: (e) => e.spacing(1)
-	},
-	legendDot: {
-		width: 8,
-		height: 8,
-		borderRadius: "50%"
-	},
-	legendLabel: {
-		typography: "caption",
-		color: "text.secondary",
-		textTransform: "uppercase",
-		fontWeight: "medium"
-	},
-	multiBarRow: {
-		display: "flex",
-		alignItems: "center",
-		gap: (e) => e.spacing(1)
-	},
-	multiBarValue: {
-		typography: "body2",
-		color: "text.secondary",
-		minWidth: 48,
-		textAlign: "right"
-	},
-	multiBarContainer: { flex: 1 },
-	otherRow: {
-		display: "flex",
-		justifyContent: "space-between",
-		alignItems: "center"
-	},
-	otherLabel: {
-		typography: "body2",
-		fontWeight: "medium",
-		color: "text.secondary",
-		fontStyle: "italic"
-	},
-	otherCount: {
-		typography: "body2",
-		color: "text.disabled"
-	}
-};
-//#endregion
-//#region src/widgets/category/components/category-bar.tsx
-function h(e) {
-	let t = o(6), { value: n, maxValue: r, color: i, selected: a } = e, s = a === void 0 || a, l = r > 0 ? n / r * 100 : 0, u;
-	t[0] !== i || t[1] !== l || t[2] !== s ? (u = s ? {
-		...m.barFill,
-		width: `${l}%`,
-		backgroundColor: i
-	} : {
-		...m.barFill,
-		...m.barFillMuted,
-		width: `${l}%`
-	}, t[0] = i, t[1] = l, t[2] = s, t[3] = u) : u = t[3];
-	let d = u, p;
-	return t[4] === d ? p = t[5] : (p = /* @__PURE__ */ f(c, {
-		sx: m.bar,
-		children: /* @__PURE__ */ f(c, { sx: d })
-	}), t[4] = d, t[5] = p), p;
-}
-//#endregion
-//#region src/widgets/category/components/category-row-single.tsx
-function g(e) {
-	let t = o(26), { name: n, value: r, maxValue: i, color: a, formatter: s, labelFormatter: l, onClick: d, selected: g } = e, _ = g === void 0 || g, v;
-	t[0] !== n || t[1] !== d ? (v = d ? () => d({ name: n }) : void 0, t[0] = n, t[1] = d, t[2] = v) : v = t[2];
-	let y = v, b = d ? m.rowClickable : m.row, x;
-	t[3] !== l || t[4] !== n ? (x = l ? l(n) : n, t[3] = l, t[4] = n, t[5] = x) : x = t[5];
-	let S;
-	t[6] === x ? S = t[7] : (S = /* @__PURE__ */ f(u, {
-		sx: m.rowLabel,
-		children: x
-	}), t[6] = x, t[7] = S);
-	let C;
-	t[8] !== s || t[9] !== r ? (C = s(r), t[8] = s, t[9] = r, t[10] = C) : C = t[10];
-	let w;
-	t[11] === C ? w = t[12] : (w = /* @__PURE__ */ f(u, {
-		sx: m.rowValue,
-		children: C
-	}), t[11] = C, t[12] = w);
-	let T;
-	t[13] !== S || t[14] !== w ? (T = /* @__PURE__ */ p(c, {
-		sx: m.rowHeader,
-		children: [S, w]
-	}), t[13] = S, t[14] = w, t[15] = T) : T = t[15];
-	let E;
-	t[16] !== a || t[17] !== i || t[18] !== _ || t[19] !== r ? (E = /* @__PURE__ */ f(h, {
-		value: r,
-		maxValue: i,
-		color: a,
-		selected: _
-	}), t[16] = a, t[17] = i, t[18] = _, t[19] = r, t[20] = E) : E = t[20];
-	let D;
-	return t[21] !== y || t[22] !== b || t[23] !== T || t[24] !== E ? (D = /* @__PURE__ */ p(c, {
-		sx: b,
-		onClick: y,
-		children: [T, E]
-	}), t[21] = y, t[22] = b, t[23] = T, t[24] = E, t[25] = D) : D = t[25], D;
-}
-//#endregion
-//#region src/widgets/category/components/category-row-multi.tsx
-function _(e) {
-	let t = o(28), { name: n, values: r, maxValue: i, colors: a, formatter: s, labelFormatter: l, onClick: d, selected: g } = e, _ = g === void 0 || g, v;
-	t[0] !== n || t[1] !== d ? (v = d ? () => d({ name: n }) : void 0, t[0] = n, t[1] = d, t[2] = v) : v = t[2];
-	let y = v, b = d ? m.rowClickable : m.row, x;
-	t[3] !== l || t[4] !== n ? (x = l ? l(n) : n, t[3] = l, t[4] = n, t[5] = x) : x = t[5];
-	let S;
-	t[6] === x ? S = t[7] : (S = /* @__PURE__ */ f(u, {
-		sx: m.rowLabel,
-		children: x
-	}), t[6] = x, t[7] = S);
-	let C;
-	if (t[8] !== a || t[9] !== s || t[10] !== i || t[11] !== n || t[12] !== _ || t[13] !== r) {
-		let e;
-		t[15] !== a || t[16] !== s || t[17] !== i || t[18] !== n || t[19] !== _ ? (e = (e, t) => /* @__PURE__ */ p(c, {
-			sx: m.multiBarRow,
-			children: [/* @__PURE__ */ f(c, {
-				sx: m.multiBarContainer,
-				children: /* @__PURE__ */ f(h, {
-					value: e,
-					maxValue: i,
-					color: a[t % a.length] ?? "",
-					selected: _
-				})
-			}), /* @__PURE__ */ f(u, {
-				sx: m.multiBarValue,
-				children: s(e)
-			})]
-		}, `${n}-${e}-${t}`), t[15] = a, t[16] = s, t[17] = i, t[18] = n, t[19] = _, t[20] = e) : e = t[20], C = r.map(e), t[8] = a, t[9] = s, t[10] = i, t[11] = n, t[12] = _, t[13] = r, t[14] = C;
-	} else C = t[14];
-	let w;
-	t[21] === C ? w = t[22] : (w = /* @__PURE__ */ f(c, {
-		sx: m.barContainer,
-		children: C
-	}), t[21] = C, t[22] = w);
-	let T;
-	return t[23] !== y || t[24] !== b || t[25] !== S || t[26] !== w ? (T = /* @__PURE__ */ p(c, {
-		sx: b,
-		onClick: y,
-		children: [S, w]
-	}), t[23] = y, t[24] = b, t[25] = S, t[26] = w, t[27] = T) : T = t[27], T;
-}
-//#endregion
-//#region src/widgets/category/components/category-row-other.tsx
-function v(e) {
-	let t = o(10), { hiddenCount: n, otherLabel: r, otherCountLabel: i } = e, a = r === void 0 ? "Other" : r, s = i === void 0 ? "{count} more" : i, l;
-	t[0] !== n || t[1] !== s ? (l = s.replace("{count}", String(n)), t[0] = n, t[1] = s, t[2] = l) : l = t[2];
-	let d = l, h;
-	t[3] === a ? h = t[4] : (h = /* @__PURE__ */ f(u, {
-		sx: m.otherLabel,
-		children: a
-	}), t[3] = a, t[4] = h);
-	let g;
-	t[5] === d ? g = t[6] : (g = /* @__PURE__ */ p(u, {
-		sx: m.otherCount,
-		children: [
-			"(",
-			d,
-			")"
-		]
-	}), t[5] = d, t[6] = g);
-	let _;
-	return t[7] !== h || t[8] !== g ? (_ = /* @__PURE__ */ p(c, {
-		sx: m.otherRow,
-		children: [h, g]
-	}), t[7] = h, t[8] = g, t[9] = _) : _ = t[9], _;
-}
-//#endregion
-//#region src/widgets/category/components/category-legend.tsx
-function y(e) {
-	let t = o(7), { series: n, colors: r } = e;
-	if (n.length === 0) return null;
-	let i;
-	if (t[0] !== r || t[1] !== n) {
-		let e;
-		t[3] === r ? e = t[4] : (e = (e, t) => /* @__PURE__ */ p(c, {
-			sx: m.legendItem,
-			children: [/* @__PURE__ */ f(c, { sx: {
-				...m.legendDot,
-				backgroundColor: e.color ?? r[t % r.length]
-			} }), /* @__PURE__ */ f(u, {
-				sx: m.legendLabel,
-				children: e.name
-			})]
-		}, e.name), t[3] = r, t[4] = e), i = n.map(e), t[0] = r, t[1] = n, t[2] = i;
-	} else i = t[2];
-	let a;
-	return t[5] === i ? a = t[6] : (a = /* @__PURE__ */ f(c, {
-		sx: m.legend,
-		children: i
-	}), t[5] = i, t[6] = a), a;
-}
-//#endregion
-//#region src/widgets/category/category-ui.tsx
-function b(t) {
-	let n = o(49), { id: l } = t, { ref: u } = a(l), h = d(), { _formatter: b, _labelFormatter: w, _series: T, data: E, maxItems: D, labels: O, onRowClick: k, selected: A, max: j } = e(l, S), M = b ?? i, N = w ?? r, P;
-	n[0] === T ? P = n[1] : (P = T ?? [], n[0] = T, n[1] = P);
-	let F = P, [I] = s(D ? 40 * (F.length || 1) * D : void 0), L;
-	if (n[2] !== F || n[3] !== h.palette.qualitative.bold || n[4] !== h.palette.secondary) {
-		let e = Object.values(h.palette.qualitative.bold);
-		L = F.length > 0 ? F.map((t, n) => t.color ?? e[n % e.length] ?? h.palette.secondary.main) : [h.palette.secondary.main], n[2] = F, n[3] = h.palette.qualitative.bold, n[4] = h.palette.secondary, n[5] = L;
-	} else L = n[5];
-	let R = L, z, B, V, H, U, W, G, K, q;
-	if (n[6] !== R || n[7] !== E || n[8] !== M || n[9] !== N || n[10] !== j || n[11] !== I || n[12] !== D || n[13] !== k || n[14] !== u || n[15] !== A || n[16] !== F.length) {
-		q = Symbol.for("react.early_return_sentinel");
-		bb0: {
-			let e = C({ data: E });
-			if (e.length === 0) {
-				q = null;
-				break bb0;
-			}
-			let t = j ?? Math.max(...e.flatMap(x)), r = D !== void 0 && D >= 0 ? e.slice(0, D) : e;
-			V = e.length - r.length;
-			let i = F.length > 1;
-			B = c, G = u, n[26] === Symbol.for("react.memo_cache_sentinel") ? (K = { ...m.root }, n[26] = K) : K = n[26], z = c, H = m.list;
-			let a = V === 0 ? "auto" : "hidden";
-			n[27] !== I || n[28] !== a ? (U = {
-				maxHeight: I,
-				overflow: a
-			}, n[27] = I, n[28] = a, n[29] = U) : U = n[29], W = i ? r.map((e) => /* @__PURE__ */ f(_, {
-				name: e.name,
-				values: e.values,
-				maxValue: t,
-				colors: R,
-				formatter: M,
-				labelFormatter: N,
-				onClick: k,
-				selected: A?.(e.name) ?? !0
-			}, e.name)) : r.map((e) => /* @__PURE__ */ f(g, {
-				name: e.name,
-				value: e.values[0] ?? 0,
-				selected: A?.(e.name) ?? !0,
-				maxValue: t,
-				color: R[0],
-				formatter: M,
-				labelFormatter: N,
-				onClick: k
-			}, e.name));
-		}
-		n[6] = R, n[7] = E, n[8] = M, n[9] = N, n[10] = j, n[11] = I, n[12] = D, n[13] = k, n[14] = u, n[15] = A, n[16] = F.length, n[17] = z, n[18] = B, n[19] = V, n[20] = H, n[21] = U, n[22] = W, n[23] = G, n[24] = K, n[25] = q;
-	} else z = n[17], B = n[18], V = n[19], H = n[20], U = n[21], W = n[22], G = n[23], K = n[24], q = n[25];
-	if (q !== Symbol.for("react.early_return_sentinel")) return q;
-	let J;
-	n[30] !== V || n[31] !== O?.other || n[32] !== O?.otherCount ? (J = V > 0 && /* @__PURE__ */ f(v, {
-		hiddenCount: V,
-		otherLabel: O?.other,
-		otherCountLabel: O?.otherCount
-	}), n[30] = V, n[31] = O?.other, n[32] = O?.otherCount, n[33] = J) : J = n[33];
-	let Y;
-	n[34] !== z || n[35] !== H || n[36] !== U || n[37] !== W || n[38] !== J ? (Y = /* @__PURE__ */ p(z, {
-		sx: H,
-		style: U,
-		children: [W, J]
-	}), n[34] = z, n[35] = H, n[36] = U, n[37] = W, n[38] = J, n[39] = Y) : Y = n[39];
-	let X;
-	n[40] !== R || n[41] !== F ? (X = F.length > 0 && /* @__PURE__ */ f(y, {
-		series: F,
-		colors: R
-	}), n[40] = R, n[41] = F, n[42] = X) : X = n[42];
-	let Z;
-	return n[43] !== B || n[44] !== Y || n[45] !== X || n[46] !== G || n[47] !== K ? (Z = /* @__PURE__ */ p(B, {
-		ref: G,
-		sx: K,
-		children: [Y, X]
-	}), n[43] = B, n[44] = Y, n[45] = X, n[46] = G, n[47] = K, n[48] = Z) : Z = n[48], Z;
-}
-function x(e) {
-	return e.values;
-}
-function S(e) {
-	let t = e;
-	return {
-		_formatter: t?.formatter,
-		_labelFormatter: t?.labelFormatter,
-		_series: t?.series,
-		data: t?.data,
-		maxItems: t?.maxItems,
-		labels: t?.labels,
-		onRowClick: t?.onRowClick,
-		selected: t?.selected,
-		max: t?.max
-	};
-}
-function C({ data: e }) {
-	if (!e || e.length === 0) return [];
-	let t = Math.max(e.length, 1), n = /* @__PURE__ */ new Map(), r = [];
-	for (let i = 0; i < e.length; i++) {
-		let a = e[i];
-		for (let e of a) {
-			let a = n.get(e.name);
-			a || (a = Array(t).fill(0), n.set(e.name, a), r.push(e.name)), a[i] = e.value;
-		}
-	}
-	return r.map((e) => ({
-		name: e,
-		values: n.get(e)
-	}));
-}
-//#endregion
-//#region src/widgets/category/skeleton.tsx
-var w = [
-	85,
-	70,
-	55,
-	75,
-	60
-];
-function T() {
-	let e = o(1), t;
-	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ f(c, {
-		sx: m.list,
-		"aria-label": "Category skeleton",
-		children: Array.from({ length: 5 }).map(E)
-	}), e[0] = t) : t = e[0], t;
-}
-function E(e, t) {
-	return /* @__PURE__ */ p(c, {
-		sx: m.row,
-		children: [/* @__PURE__ */ p(c, {
-			sx: m.rowHeader,
-			children: [/* @__PURE__ */ f(l, {
-				width: 80,
-				height: 16
-			}), /* @__PURE__ */ f(l, {
-				width: 40,
-				height: 16
-			})]
-		}), /* @__PURE__ */ f(l, {
-			variant: "rectangular",
-			height: 4,
-			sx: {
-				borderRadius: 2,
-				width: `${w[t]}%`
-			}
-		})]
-	}, t);
-}
-//#endregion
-//#region src/widgets/category/config.ts
-function D({ refUI: e, series: r }) {
-	return [{
-		...n,
-		modifier: () => n.modifier(e)
-	}, {
-		...t,
-		modifier: async (e) => {
-			if (!e?.length || e[0]?.length === 0) return t.modifier([]);
-			let n = e.length, i = /* @__PURE__ */ new Map(), a = [];
-			for (let t = 0; t < n; t++) {
-				let r = e[t];
-				for (let e of r) {
-					let r = i.get(e.name);
-					r || (r = Array(n).fill(0), i.set(e.name, r), a.push(e.name)), r[t] = e.value;
-				}
-			}
-			let o = a.map((e) => [e, ...i.get(e)]), s = n > 1 ? ["Category", ...r?.map((e) => e.name) ?? Array.from({ length: n }, (e, t) => `Series ${t + 1}`)] : ["Category", "Value"];
-			return t.modifier([s, ...o]);
-		}
-	}];
-}
-function O() {
-	return {
-		series: [],
-		maxItems: 10,
-		max: void 0
-	};
-}
-//#endregion
-export { h as CategoryBar, y as CategoryLegend, _ as CategoryRowMulti, v as CategoryRowOther, g as CategoryRowSingle, T as CategorySkeleton, b as CategoryUI, O as categoryConfig, D as categoryDownloadConfig };
-
-//# sourceMappingURL=category.js.map
+import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "../category-CsdDqDzo.js";
+export { o as Category, r as CategoryBar, e as CategoryLegend, s as CategoryRowMulti, a as CategoryRowOther, t as CategoryRowSingle, i as CategorySkeleton, n as CategoryUI, c as createCategoryDownloadConfig };

package/dist/widgets/echart.js

@@ -1,3 +1,2 @@
-import { a as e, i as t, n, r } from "../shared-resize-observer-BEiP2rQt.js";
-import { n as i, r as a, t as o } from "../echart-BkaV3V5G.js";
-export { i as Echart, a as EchartUI, o as getCommonOptions, n as getEChartBrushConfig, r as getEChartStackConfig, t as getEChartZoomConfig, e as mergeEchartWidgetConfig };
+import { a as e, i as t, n, o as r, r as i, t as a } from "../echart-DjcbtKgi.js";
+export { i as DEFAULT_INIT_OPTS, n as Echart, t as EchartUI, e as __resetSharedResizeObserver, r as observeResize, a as useChartSelection };

package/dist/widgets/formula.js

@@ -1,3 +1,2 @@
-import { t as e } from "../row-CvVGBuy_.js";
-import { a as t, c as n, d as r, i, l as a, n as o, o as s, r as c, s as l, t as u, u as d } from "../formula-YfZmmuYX.js";
-export { c as FormulaSkeleton, i as FormulaUI, r as Item, a as Prefix, e as Row, l as Series, n as Suffix, d as Value, t as formulaConfig, s as formulaDownloadConfig, u as sanitizeDataItem, o as sanitizeDataItems };
+import { c as e, d as t, i as n, l as r, n as i, o as a, r as o, s, t as c, u as l } from "../formula-CdHWtepq.js";
+export { t as Delta, o as Formula, i as FormulaSkeleton, n as FormulaUI, l as Note, r as Prefix, e as Series, s as Suffix, a as Value, c as createFormulaDownloadConfig };