@carto/ps-react-ui 4.19.0 → 4.20.1

package/dist/widgets/wrapper.js

@@ -1,284 +1,273 @@
-import { jsx as p, jsxs as A, Fragment as P } from "react/jsx-runtime";
-import { c as w } from "react/compiler-runtime";
-import { Box as E, IconButton as _, MenuItem as W, ListItemIcon as $, ListItemText as B, Menu as L, Typography as N, LinearProgress as j, AccordionSummary as z, AccordionDetails as F, Accordion as Y } from "@mui/material";
-import { MoreVert as D } from "@mui/icons-material";
-import { useState as H, useLayoutEffect as G } from "react";
-import "../lasso-tool-YLFRgb-S.js";
-import "../cjs-D4KH3azB.js";
-import { S as U } from "../smart-tooltip-DFV6GD8R.js";
-import "@carto/ps-utils";
-import { u as V } from "../use-widget-selector-DFl2hW0R.js";
-import { w as M } from "../widget-store-Bw5zRUGg.js";
-const k = {
-  root: {
-    ".Mui-disabled .MuiAccordionSummary-expandIconWrapper": {
-      display: "none"
-    },
-    ".widget-wrapper-actions > *": {
-      opacity: 1,
-      transition: ({
-        transitions: t
-      }) => t.create("opacity", {
-        duration: t.duration.standard,
-        easing: t.easing.easeInOut
-      }),
-      "@media (hover: hover)": {
-        opacity: 0
-      },
-      "&:has(.active)": {
-        opacity: 1
-      }
-    },
-    "&:hover": {
-      "& .widget-wrapper-actions > *": {
-        opacity: 1
-      }
-    },
-    "&.collapsed .widget-wrapper-actions > *": {
-      opacity: 0,
-      pointerEvents: "none",
-      "&:has(.active)": {
-        opacity: 1
-      }
-    }
-  },
-  summary: {
-    minHeight: ({
-      spacing: t
-    }) => t(7),
-    "& .MuiAccordionSummary-content": {
-      gap: ({
-        spacing: t
-      }) => t(0.5),
-      paddingInlineEnd: ({
-        spacing: t
-      }) => t(0.75)
-    }
-  },
-  loading: {
-    height: ({
-      spacing: t
-    }) => t(0.35),
-    left: 0,
-    position: "absolute",
-    top: 0,
-    width: "100%",
-    zIndex: 1
-  },
-  title: {
-    container: {
-      display: "flex",
-      alignItems: "center",
-      flexGrow: 1,
-      minHeight: ({
-        spacing: t
-      }) => t(3)
-    },
-    text: {
-      wordBreak: "break-word",
-      overflow: "hidden",
-      display: "-webkit-box",
-      WebkitLineClamp: 2,
-      WebkitBoxOrient: "vertical"
-    }
-  },
-  actions: {
-    display: "flex",
-    gap: ({
-      spacing: t
-    }) => t(0.5),
-    alignItems: "center",
-    flexShrink: 0,
-    justifyContent: "flex-end",
-    "& > div": {
-      pointerEvents: "auto"
-    }
-  },
-  options: {
-    trigger: {
-      pointerEvents: "auto"
-    }
-  },
-  detail: {
-    display: "flex",
-    flexDirection: "column",
-    gap: ({
-      spacing: t
-    }) => t(1),
-    paddingTop: ({
-      spacing: t
-    }) => t(0.5)
-  }
-}, q = [];
-function J(t) {
-  const e = w(4), {
-    actions: i
-  } = t, l = i === void 0 ? q : i;
-  let n;
-  e[0] !== l ? (n = l.map(K), e[0] = l, e[1] = n) : n = e[1];
-  let o;
-  return e[2] !== n ? (o = /* @__PURE__ */ p(E, { sx: k.actions, className: "widget-wrapper-actions", children: n }), e[2] = n, e[3] = o) : o = e[3], o;
+import "../components-DDt4mOQn.js";
+import { t as e } from "../smart-tooltip-CwGHCqab.js";
+import { n as t } from "../widget-store-BFPKYm4R.js";
+import { t as n } from "../use-widget-selector-VSPhfhNm.js";
+import { c as r } from "react/compiler-runtime";
+import { useLayoutEffect as i, useState as a } from "react";
+import { Accordion as o, AccordionDetails as s, AccordionSummary as c, Box as l, IconButton as u, LinearProgress as d, ListItemIcon as f, ListItemText as p, Menu as m, MenuItem as h, Typography as g } from "@mui/material";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { MoreVert as b } from "@mui/icons-material";
+//#region src/widgets/wrapper/styles.ts
+var x = {
+	root: {
+		".Mui-disabled .MuiAccordionSummary-expandIconWrapper": { display: "none" },
+		".widget-wrapper-actions > *": {
+			opacity: 1,
+			transition: ({ transitions: e }) => e.create("opacity", {
+				duration: e.duration.standard,
+				easing: e.easing.easeInOut
+			}),
+			"@media (hover: hover)": { opacity: 0 },
+			"&:has(.active)": { opacity: 1 }
+		},
+		"&:hover": { "& .widget-wrapper-actions > *": { opacity: 1 } },
+		"&.collapsed .widget-wrapper-actions > *": {
+			opacity: 0,
+			pointerEvents: "none",
+			"&:has(.active)": { opacity: 1 }
+		}
+	},
+	summary: {
+		minHeight: ({ spacing: e }) => e(7),
+		"& .MuiAccordionSummary-content": {
+			gap: ({ spacing: e }) => e(.5),
+			paddingInlineEnd: ({ spacing: e }) => e(.75)
+		}
+	},
+	loading: {
+		height: ({ spacing: e }) => e(.35),
+		left: 0,
+		position: "absolute",
+		top: 0,
+		width: "100%",
+		zIndex: 1
+	},
+	title: {
+		wrapper: {
+			flexGrow: 1,
+			flexShrink: 1,
+			minWidth: 0,
+			display: "flex",
+			justifyContent: "center",
+			flexDirection: "column"
+		},
+		container: {
+			display: "flex",
+			alignItems: "center",
+			flexGrow: 1,
+			minHeight: ({ spacing: e }) => e(3)
+		},
+		text: {
+			wordBreak: "break-word",
+			overflow: "hidden",
+			display: "-webkit-box",
+			WebkitLineClamp: 2,
+			WebkitBoxOrient: "vertical"
+		}
+	},
+	actions: {
+		display: "flex",
+		gap: ({ spacing: e }) => e(.5),
+		alignItems: "center",
+		flexShrink: 0,
+		justifyContent: "flex-end",
+		"& > div": { pointerEvents: "auto" }
+	},
+	options: { trigger: { pointerEvents: "auto" } },
+	detail: {
+		display: "flex",
+		flexDirection: "column",
+		gap: ({ spacing: e }) => e(1),
+		paddingTop: ({ spacing: e }) => e(.5)
+	}
+}, S = [];
+function C(e) {
+	let t = r(4), { actions: n } = e, i = n === void 0 ? S : n, a;
+	t[0] === i ? a = t[1] : (a = i.map(w), t[0] = i, t[1] = a);
+	let o;
+	return t[2] === a ? o = t[3] : (o = /* @__PURE__ */ v(l, {
+		sx: x.actions,
+		className: "widget-wrapper-actions",
+		children: a
+	}), t[2] = a, t[3] = o), o;
 }
-function K(t, e) {
-  const i = t && typeof t == "object" && "key" in t && t.key != null ? t.key : e;
-  return /* @__PURE__ */ p(E, { onClick: Q, children: t }, i);
+function w(e, t) {
+	let n = e && typeof e == "object" && "key" in e && e.key != null ? e.key : t;
+	return /* @__PURE__ */ v(l, {
+		onClick: T,
+		children: e
+	}, n);
 }
-function Q(t) {
-  t.stopPropagation();
+function T(e) {
+	e.stopPropagation();
 }
-const R = [];
-function X(t) {
-  const e = w(19), {
-    labels: i,
-    options: l
-  } = t, n = l === void 0 ? R : l, [o, s] = H(null);
-  let f;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = (c, d) => {
-    c.stopPropagation(), d.onClick(), s(null);
-  }, e[0] = f) : f = e[0];
-  const v = f, x = i?.title ?? "Options";
-  let h, b;
-  e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = (c) => {
-    c.stopPropagation(), s(c.currentTarget);
-  }, b = /* @__PURE__ */ p(D, {}), e[1] = h, e[2] = b) : (h = e[1], b = e[2]);
-  let m;
-  e[3] !== x ? (m = /* @__PURE__ */ p(_, { sx: k.options.trigger, size: "small", "aria-label": x, "aria-controls": "options-menu", "aria-haspopup": "true", onClick: h, children: b }), e[3] = x, e[4] = m) : m = e[4];
-  let u, g;
-  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (u = {
-    vertical: "top",
-    horizontal: "right"
-  }, g = {
-    vertical: "top",
-    horizontal: "right"
-  }, e[5] = u, e[6] = g) : (u = e[5], g = e[6]);
-  const C = !!o;
-  let r, I;
-  e[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = () => s(null), I = {
-    sx: {
-      paddingBottom: 0
-    }
-  }, e[7] = r, e[8] = I) : (r = e[7], I = e[8]);
-  let a;
-  if (e[9] !== n) {
-    let c;
-    e[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = (d) => /* @__PURE__ */ A(W, { disabled: d.disabled, onClick: (T) => v(T, d), children: [
-      d.icon && /* @__PURE__ */ p($, { children: d.icon }),
-      /* @__PURE__ */ p(B, { children: d.label })
-    ] }, d.label), e[11] = c) : c = e[11], a = n.map(c), e[9] = n, e[10] = a;
-  } else
-    a = e[10];
-  let y;
-  e[12] !== o || e[13] !== a || e[14] !== C ? (y = /* @__PURE__ */ p(L, { variant: "menu", elevation: 8, anchorOrigin: u, transformOrigin: g, anchorEl: o, open: C, onClose: r, MenuListProps: I, children: a }), e[12] = o, e[13] = a, e[14] = C, e[15] = y) : y = e[15];
-  let S;
-  return e[16] !== y || e[17] !== m ? (S = /* @__PURE__ */ A(P, { children: [
-    m,
-    y
-  ] }), e[16] = y, e[17] = m, e[18] = S) : S = e[18], S;
+//#endregion
+//#region src/widgets/wrapper/components/options.tsx
+var E = [];
+function D(e) {
+	let t = r(19), { labels: n, options: i } = e, o = i === void 0 ? E : i, [s, c] = a(null), l;
+	t[0] === Symbol.for("react.memo_cache_sentinel") ? (l = (e, t) => {
+		e.stopPropagation(), t.onClick(), c(null);
+	}, t[0] = l) : l = t[0];
+	let d = l, g = n?.title ?? "Options", S, C;
+	t[1] === Symbol.for("react.memo_cache_sentinel") ? (S = (e) => {
+		e.stopPropagation(), c(e.currentTarget);
+	}, C = /* @__PURE__ */ v(b, {}), t[1] = S, t[2] = C) : (S = t[1], C = t[2]);
+	let w;
+	t[3] === g ? w = t[4] : (w = /* @__PURE__ */ v(u, {
+		sx: x.options.trigger,
+		size: "small",
+		"aria-label": g,
+		"aria-controls": "options-menu",
+		"aria-haspopup": "true",
+		onClick: S,
+		children: C
+	}), t[3] = g, t[4] = w);
+	let T, D;
+	t[5] === Symbol.for("react.memo_cache_sentinel") ? (T = {
+		vertical: "top",
+		horizontal: "right"
+	}, D = {
+		vertical: "top",
+		horizontal: "right"
+	}, t[5] = T, t[6] = D) : (T = t[5], D = t[6]);
+	let O = !!s, k, A;
+	t[7] === Symbol.for("react.memo_cache_sentinel") ? (k = () => c(null), A = { sx: { paddingBottom: 0 } }, t[7] = k, t[8] = A) : (k = t[7], A = t[8]);
+	let j;
+	if (t[9] !== o) {
+		let e;
+		t[11] === Symbol.for("react.memo_cache_sentinel") ? (e = (e) => /* @__PURE__ */ y(h, {
+			disabled: e.disabled,
+			onClick: (t) => d(t, e),
+			children: [e.icon && /* @__PURE__ */ v(f, { children: e.icon }), /* @__PURE__ */ v(p, { children: e.label })]
+		}, e.label), t[11] = e) : e = t[11], j = o.map(e), t[9] = o, t[10] = j;
+	} else j = t[10];
+	let M;
+	t[12] !== s || t[13] !== j || t[14] !== O ? (M = /* @__PURE__ */ v(m, {
+		variant: "menu",
+		elevation: 8,
+		anchorOrigin: T,
+		transformOrigin: D,
+		anchorEl: s,
+		open: O,
+		onClose: k,
+		MenuListProps: A,
+		children: j
+	}), t[12] = s, t[13] = j, t[14] = O, t[15] = M) : M = t[15];
+	let N;
+	return t[16] !== M || t[17] !== w ? (N = /* @__PURE__ */ y(_, { children: [w, M] }), t[16] = M, t[17] = w, t[18] = N) : N = t[18], N;
 }
-function Z(t) {
-  const e = w(5), {
-    label: i,
-    children: l
-  } = t, n = i ?? (typeof l == "string" ? l : "");
-  let o;
-  e[0] !== l ? (o = (f) => {
-    const {
-      ref: v
-    } = f;
-    return /* @__PURE__ */ p(E, { sx: k.title.container, children: /* @__PURE__ */ p(N, { sx: k.title.text, ref: v, variant: "subtitle1", textTransform: "none", children: l }) });
-  }, e[0] = l, e[1] = o) : o = e[1];
-  let s;
-  return e[2] !== n || e[3] !== o ? (s = /* @__PURE__ */ p(U, { title: n, children: o }), e[2] = n, e[3] = o, e[4] = s) : s = e[4], s;
+//#endregion
+//#region src/widgets/wrapper/components/title.tsx
+function O(t) {
+	let n = r(5), { label: i, children: a } = t, o = i ?? (typeof a == "string" ? a : ""), s;
+	n[0] === a ? s = n[1] : (s = (e) => {
+		let { ref: t } = e;
+		return /* @__PURE__ */ v(l, {
+			sx: x.title.container,
+			children: /* @__PURE__ */ v(g, {
+				sx: x.title.text,
+				ref: t,
+				variant: "subtitle1",
+				textTransform: "none",
+				children: a
+			})
+		});
+	}, n[0] = a, n[1] = s);
+	let c;
+	return n[2] !== o || n[3] !== s ? (c = /* @__PURE__ */ v(e, {
+		title: o,
+		children: s
+	}), n[2] = o, n[3] = s, n[4] = c) : c = n[4], c;
 }
-const ee = [], te = [];
-function oe(t) {
-  const e = w(26), {
-    children: i,
-    id: l,
-    actions: n,
-    sx: o,
-    labels: s,
-    options: f,
-    onChangeCollapsed: v
-  } = t, x = n === void 0 ? ee : n, h = f === void 0 ? te : f, {
-    title: b,
-    collapsed: m,
-    disabled: u,
-    isFetching: g
-  } = V(l, ie), C = m ? "collapsed" : "";
-  let r;
-  e[0] !== o ? (r = {
-    ...k.root,
-    ...o
-  }, e[0] = o, e[1] = r) : r = e[1];
-  const I = !m;
-  let a;
-  e[2] !== g ? (a = g && /* @__PURE__ */ p(j, { sx: k.loading, color: "primary" }), e[2] = g, e[3] = a) : a = e[3];
-  let y;
-  e[4] !== b ? (y = /* @__PURE__ */ p(Z, { children: b }), e[4] = b, e[5] = y) : y = e[5];
-  let S;
-  e[6] !== x ? (S = !!x.length && /* @__PURE__ */ p(J, { actions: x }), e[6] = x, e[7] = S) : S = e[7];
-  let c;
-  e[8] !== s?.options || e[9] !== h ? (c = !!h.length && /* @__PURE__ */ p(X, { labels: s?.options, options: h }), e[8] = s?.options, e[9] = h, e[10] = c) : c = e[10];
-  let d;
-  e[11] !== a || e[12] !== y || e[13] !== S || e[14] !== c ? (d = /* @__PURE__ */ A(z, { sx: k.summary, children: [
-    a,
-    y,
-    S,
-    c
-  ] }), e[11] = a, e[12] = y, e[13] = S, e[14] = c, e[15] = d) : d = e[15];
-  let T;
-  e[16] !== i ? (T = /* @__PURE__ */ p(F, { sx: k.detail, children: i }), e[16] = i, e[17] = T) : T = e[17];
-  let O;
-  return e[18] !== u || e[19] !== v || e[20] !== d || e[21] !== T || e[22] !== C || e[23] !== r || e[24] !== I ? (O = /* @__PURE__ */ A(Y, { className: C, sx: r, expanded: I, onChange: v, disabled: u, children: [
-    d,
-    T
-  ] }), e[18] = u, e[19] = v, e[20] = d, e[21] = T, e[22] = C, e[23] = r, e[24] = I, e[25] = O) : O = e[25], O;
+//#endregion
+//#region src/widgets/wrapper/wrapper-ui.tsx
+var k = [], A = [];
+function j(e) {
+	let t = r(26), { children: i, id: a, actions: l, sx: u, labels: f, options: p, onChangeCollapsed: m } = e, h = l === void 0 ? k : l, g = p === void 0 ? A : p, { title: _, collapsed: b, disabled: S, isFetching: w } = n(a, M), T = b ? "collapsed" : "", E;
+	t[0] === u ? E = t[1] : (E = {
+		...x.root,
+		...u
+	}, t[0] = u, t[1] = E);
+	let j = !b, N;
+	t[2] === w ? N = t[3] : (N = w && /* @__PURE__ */ v(d, {
+		sx: x.loading,
+		color: "primary"
+	}), t[2] = w, t[3] = N);
+	let P;
+	t[4] === _ ? P = t[5] : (P = /* @__PURE__ */ v(O, { children: _ }), t[4] = _, t[5] = P);
+	let F;
+	t[6] === h ? F = t[7] : (F = !!h.length && /* @__PURE__ */ v(C, { actions: h }), t[6] = h, t[7] = F);
+	let I;
+	t[8] !== f?.options || t[9] !== g ? (I = !!g.length && /* @__PURE__ */ v(D, {
+		labels: f?.options,
+		options: g
+	}), t[8] = f?.options, t[9] = g, t[10] = I) : I = t[10];
+	let L;
+	t[11] !== N || t[12] !== P || t[13] !== F || t[14] !== I ? (L = /* @__PURE__ */ y(c, {
+		sx: x.summary,
+		children: [
+			N,
+			P,
+			F,
+			I
+		]
+	}), t[11] = N, t[12] = P, t[13] = F, t[14] = I, t[15] = L) : L = t[15];
+	let R;
+	t[16] === i ? R = t[17] : (R = /* @__PURE__ */ v(s, {
+		sx: x.detail,
+		children: i
+	}), t[16] = i, t[17] = R);
+	let z;
+	return t[18] !== S || t[19] !== m || t[20] !== L || t[21] !== R || t[22] !== T || t[23] !== E || t[24] !== j ? (z = /* @__PURE__ */ y(o, {
+		className: T,
+		sx: E,
+		expanded: j,
+		onChange: m,
+		disabled: S,
+		children: [L, R]
+	}), t[18] = S, t[19] = m, t[20] = L, t[21] = R, t[22] = T, t[23] = E, t[24] = j, t[25] = z) : z = t[25], z;
 }
-function ie(t) {
-  return {
-    title: t?.title,
-    collapsed: t?.collapsed,
-    disabled: t?.disabled,
-    isFetching: t?.isFetching
-  };
+function M(e) {
+	return {
+		title: e?.title,
+		collapsed: e?.collapsed,
+		disabled: e?.disabled,
+		isFetching: e?.isFetching
+	};
 }
-function ue(t) {
-  const e = w(17), {
-    id: i,
-    title: l,
-    defaultCollapsed: n,
-    disabled: o,
-    sx: s,
-    actions: f,
-    options: v,
-    labels: x,
-    children: h,
-    onChangeCollapsed: b
-  } = t;
-  let m, u;
-  e[0] !== n || e[1] !== o || e[2] !== i || e[3] !== l ? (m = () => {
-    M.setWidget(i, {
-      collapsed: n,
-      disabled: o,
-      title: l
-    });
-  }, u = [n, o, l, i], e[0] = n, e[1] = o, e[2] = i, e[3] = l, e[4] = m, e[5] = u) : (m = e[4], u = e[5]), G(m, u);
-  let g;
-  e[6] !== i || e[7] !== b ? (g = (I, a) => {
-    b?.(I, a), M.setWidget(i, {
-      collapsed: !a
-    });
-  }, e[6] = i, e[7] = b, e[8] = g) : g = e[8];
-  const C = g;
-  let r;
-  return e[9] !== f || e[10] !== h || e[11] !== C || e[12] !== i || e[13] !== x || e[14] !== v || e[15] !== s ? (r = /* @__PURE__ */ p(oe, { id: i, labels: x, actions: f, options: v, sx: s, onChangeCollapsed: C, children: h }), e[9] = f, e[10] = h, e[11] = C, e[12] = i, e[13] = x, e[14] = v, e[15] = s, e[16] = r) : r = e[16], r;
+//#endregion
+//#region src/widgets/wrapper/wrapper.tsx
+function N(e) {
+	let n = r(17), { id: a, title: o, defaultCollapsed: s, disabled: c, sx: l, actions: u, options: d, labels: f, children: p, onChangeCollapsed: m } = e, h, g;
+	n[0] !== s || n[1] !== c || n[2] !== a || n[3] !== o ? (h = () => {
+		t.setWidget(a, {
+			collapsed: s,
+			disabled: c,
+			title: o
+		});
+	}, g = [
+		s,
+		c,
+		o,
+		a
+	], n[0] = s, n[1] = c, n[2] = a, n[3] = o, n[4] = h, n[5] = g) : (h = n[4], g = n[5]), i(h, g);
+	let _;
+	n[6] !== a || n[7] !== m ? (_ = (e, n) => {
+		m?.(e, n), t.setWidget(a, { collapsed: !n });
+	}, n[6] = a, n[7] = m, n[8] = _) : _ = n[8];
+	let y = _, b;
+	return n[9] !== u || n[10] !== p || n[11] !== y || n[12] !== a || n[13] !== f || n[14] !== d || n[15] !== l ? (b = /* @__PURE__ */ v(j, {
+		id: a,
+		labels: f,
+		actions: u,
+		options: d,
+		sx: l,
+		onChangeCollapsed: y,
+		children: p
+	}), n[9] = u, n[10] = p, n[11] = y, n[12] = a, n[13] = f, n[14] = d, n[15] = l, n[16] = b) : b = n[16], b;
 }
-export {
-  J as Actions,
-  X as Options,
-  Z as Title,
-  ue as WidgetWrapper,
-  oe as WrapperUI
-};
-//# sourceMappingURL=wrapper.js.map
+//#endregion
+export { C as Actions, D as Options, O as Title, N as WidgetWrapper, j as WrapperUI };
+
+//# sourceMappingURL=wrapper.js.map