@carto/ps-react-ui 4.19.0 → 4.20.1

package/dist/widgets/toolbar-actions.js

@@ -1,148 +1,143 @@
-import { jsxs as O, Fragment as V, jsx as n } from "react/jsx-runtime";
-import { c as W } from "react/compiler-runtime";
-import { CloseOutlined as q } from "@mui/icons-material";
-import { IconButton as J, Divider as K, Box as z, Paper as N, Grow as Q } from "@mui/material";
-import { useState as X, isValidElement as H } from "react";
-import { T as Y } from "../tooltip-BDnrRKrp.js";
-import { WidgetOptions as Z } from "@carto/meridian-ds/custom-icons";
-const I = {
-  root: {
-    display: "flex",
-    alignItems: "center",
-    width: "fit-content",
-    overflow: "hidden",
-    borderRadius: ({
-      spacing: t
-    }) => t(0.5),
-    gap: ({
-      spacing: t
-    }) => t(0.25)
-  },
-  preview: {
-    display: "flex",
-    alignItems: "center",
-    gap: ({
-      spacing: t
-    }) => t(0.25)
-  },
-  actionsContainer: {
-    position: "absolute",
-    display: "flex",
-    alignItems: "center",
-    backgroundColor: ({
-      palette: t
-    }) => t.background.default,
-    padding: ({
-      spacing: t
-    }) => t(0.25),
-    gap: ({
-      spacing: t
-    }) => t(0.25)
-  },
-  triggerButton: {
-    '&[data-active="true"]': {
-      backgroundColor: ({
-        palette: t
-      }) => t.primary.relatedLight
-    }
-  }
-}, G = {
-  trigger: "More actions",
-  close: "Close"
+import { t as e } from "../tooltip-DJUGNZxY.js";
+import { c as t } from "react/compiler-runtime";
+import { isValidElement as n, useState as r } from "react";
+import { Box as i, Divider as a, Grow as o, IconButton as s, Paper as c } from "@mui/material";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { CloseOutlined as f } from "@mui/icons-material";
+import { WidgetOptions as p } from "@carto/meridian-ds/custom-icons";
+//#region src/widgets/toolbar-actions/styles.ts
+var m = {
+	root: {
+		display: "flex",
+		alignItems: "center",
+		width: "fit-content",
+		overflow: "hidden",
+		borderRadius: ({ spacing: e }) => e(.5),
+		gap: ({ spacing: e }) => e(.25)
+	},
+	preview: {
+		display: "flex",
+		alignItems: "center",
+		gap: ({ spacing: e }) => e(.25)
+	},
+	actionsContainer: {
+		position: "absolute",
+		display: "flex",
+		alignItems: "center",
+		backgroundColor: ({ palette: e }) => e.background.default,
+		padding: ({ spacing: e }) => e(.25),
+		gap: ({ spacing: e }) => e(.25)
+	},
+	iconButton: {
+		width: ({ spacing: e }) => e(4),
+		height: ({ spacing: e }) => e(4),
+		borderRadius: 0,
+		".MuiTouchRipple-ripple .MuiTouchRipple-child": { borderRadius: 0 }
+	},
+	triggerButton: { "&[data-active=\"true\"]": { backgroundColor: ({ palette: e }) => e.primary.relatedLight } }
+}, h = {
+	trigger: "More actions",
+	close: "Close"
 };
-function ae(t) {
-  const e = W(41), {
-    children: y,
-    visibleCount: i,
-    direction: s,
-    labels: j,
-    sx: k,
-    IconButtonProps: E,
-    TooltipProps: S
-  } = t, [r, M] = X(null), B = j?.trigger ?? G.trigger, T = j?.close ?? G.close;
-  let o, a, c, _, d;
-  if (e[0] !== y || e[1] !== i) {
-    d = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
-    e: {
-      if (o = (Array.isArray(y) ? y : [y]).filter(Boolean), o.length === 0) {
-        d = null;
-        break e;
-      }
-      const w = o.filter(ee);
-      c = i !== void 0 && w.length > i;
-      let l;
-      e[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (l = (v) => {
-        M((C) => C ? null : v.currentTarget);
-      }, e[7] = l) : l = e[7], a = l, _ = i === void 0 ? o : o.reduce((v, C) => {
-        if (v.count >= i)
-          return v;
-        const U = H(C) && C.props["data-toolbar-hidden"];
-        return {
-          result: [...v.result, C],
-          count: v.count + (U ? 0 : 1)
-        };
-      }, {
-        result: [],
-        count: 0
-      }).result;
-    }
-    e[0] = y, e[1] = i, e[2] = o, e[3] = a, e[4] = c, e[5] = _, e[6] = d;
-  } else
-    o = e[2], a = e[3], c = e[4], _ = e[5], d = e[6];
-  if (d !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel"))
-    return d;
-  const P = _;
-  let L;
-  e[8] !== r ? (L = r?.getBoundingClientRect().width, e[8] = r, e[9] = L) : L = e[9];
-  const F = L, $ = s === "left" ? "row-reverse" : "row";
-  let f;
-  e[10] !== k || e[11] !== $ ? (f = {
-    ...I.root,
-    ...k,
-    flexDirection: $
-  }, e[10] = k, e[11] = $, e[12] = f) : f = e[12];
-  let g;
-  e[13] !== E || e[14] !== S || e[15] !== r || e[16] !== T || e[17] !== a || e[18] !== c || e[19] !== B ? (g = c && /* @__PURE__ */ O(V, { children: [
-    /* @__PURE__ */ n(Y, { title: r ? T : B, placement: "top", ...S, children: /* @__PURE__ */ n(J, { size: "small", "aria-label": r ? T : B, onClick: a, sx: I.triggerButton, "data-active": !!r, ...E, children: r ? /* @__PURE__ */ n(q, {}) : /* @__PURE__ */ n(Z, {}) }) }),
-    /* @__PURE__ */ n(K, { orientation: "vertical", flexItem: !0 })
-  ] }), e[13] = E, e[14] = S, e[15] = r, e[16] = T, e[17] = a, e[18] = c, e[19] = B, e[20] = g) : g = e[20];
-  let u;
-  e[21] !== P ? (u = /* @__PURE__ */ n(z, { sx: I.preview, children: P }), e[21] = P, e[22] = u) : u = e[22];
-  const D = !!r, R = `translate3d(${s === "left" ? `-${F ?? 0}px` : `${F ?? 0}px`}, 0, 0) !important`;
-  let p, m;
-  e[23] !== s ? (p = (w) => {
-    const {
-      spacing: l
-    } = w;
-    return s === "left" ? 0 : l(0.25);
-  }, m = (w) => {
-    const {
-      spacing: l
-    } = w;
-    return s === "left" ? l(0.25) : 0;
-  }, e[23] = s, e[24] = p, e[25] = m) : (p = e[24], m = e[25]);
-  let h;
-  e[26] !== p || e[27] !== m || e[28] !== R ? (h = {
-    ...I.actionsContainer,
-    transform: R,
-    marginLeft: p,
-    marginRight: m
-  }, e[26] = p, e[27] = m, e[28] = R, e[29] = h) : h = e[29];
-  let b;
-  e[30] !== o || e[31] !== h ? (b = /* @__PURE__ */ n(N, { sx: h, children: o }), e[30] = o, e[31] = h, e[32] = b) : b = e[32];
-  let x;
-  e[33] !== b || e[34] !== D ? (x = /* @__PURE__ */ n(Q, { in: D, children: b }), e[33] = b, e[34] = D, e[35] = x) : x = e[35];
-  let A;
-  return e[36] !== x || e[37] !== f || e[38] !== g || e[39] !== u ? (A = /* @__PURE__ */ O(z, { sx: f, children: [
-    g,
-    u,
-    x
-  ] }), e[36] = x, e[37] = f, e[38] = g, e[39] = u, e[40] = A) : A = e[40], A;
+function g(g) {
+	let v = t(41), { children: y, visibleCount: b, direction: x, labels: S, sx: C, IconButtonProps: w, TooltipProps: T } = g, [E, D] = r(null), O = S?.trigger ?? h.trigger, k = S?.close ?? h.close, A, j, M, N, P;
+	if (v[0] !== y || v[1] !== b) {
+		P = Symbol.for("react.early_return_sentinel");
+		bb0: {
+			if (A = (Array.isArray(y) ? y : [y]).filter(Boolean), A.length === 0) {
+				P = null;
+				break bb0;
+			}
+			let e = A.filter(_);
+			M = b !== void 0 && e.length > b;
+			let t;
+			v[7] === Symbol.for("react.memo_cache_sentinel") ? (t = (e) => {
+				D((t) => t ? null : e.currentTarget);
+			}, v[7] = t) : t = v[7], j = t, N = b === void 0 ? A : A.reduce((e, t) => {
+				if (e.count >= b) return e;
+				let r = n(t) && t.props["data-toolbar-hidden"];
+				return {
+					result: [...e.result, t],
+					count: e.count + +!r
+				};
+			}, {
+				result: [],
+				count: 0
+			}).result;
+		}
+		v[0] = y, v[1] = b, v[2] = A, v[3] = j, v[4] = M, v[5] = N, v[6] = P;
+	} else A = v[2], j = v[3], M = v[4], N = v[5], P = v[6];
+	if (P !== Symbol.for("react.early_return_sentinel")) return P;
+	let F = N, I;
+	v[8] === E ? I = v[9] : (I = E?.getBoundingClientRect().width, v[8] = E, v[9] = I);
+	let L = I, R = x === "left" ? "row-reverse" : "row", z;
+	v[10] !== C || v[11] !== R ? (z = {
+		...m.root,
+		...C,
+		flexDirection: R
+	}, v[10] = C, v[11] = R, v[12] = z) : z = v[12];
+	let B;
+	v[13] !== w || v[14] !== T || v[15] !== E || v[16] !== k || v[17] !== j || v[18] !== M || v[19] !== O ? (B = M && /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(e, {
+		title: E ? k : O,
+		placement: "top",
+		...T,
+		children: /* @__PURE__ */ u(s, {
+			size: "small",
+			"aria-label": E ? k : O,
+			onClick: j,
+			sx: m.triggerButton,
+			"data-active": !!E,
+			...w,
+			children: u(E ? f : p, {})
+		})
+	}), /* @__PURE__ */ u(a, {
+		orientation: "vertical",
+		flexItem: !0
+	})] }), v[13] = w, v[14] = T, v[15] = E, v[16] = k, v[17] = j, v[18] = M, v[19] = O, v[20] = B) : B = v[20];
+	let V;
+	v[21] === F ? V = v[22] : (V = /* @__PURE__ */ u(i, {
+		sx: m.preview,
+		children: F
+	}), v[21] = F, v[22] = V);
+	let H = !!E, U = `translate3d(${x === "left" ? `-${L ?? 0}px` : `${L ?? 0}px`}, 0, 0) !important`, W, G;
+	v[23] === x ? (W = v[24], G = v[25]) : (W = (e) => {
+		let { spacing: t } = e;
+		return x === "left" ? 0 : t(.25);
+	}, G = (e) => {
+		let { spacing: t } = e;
+		return x === "left" ? t(.25) : 0;
+	}, v[23] = x, v[24] = W, v[25] = G);
+	let K;
+	v[26] !== W || v[27] !== G || v[28] !== U ? (K = {
+		...m.actionsContainer,
+		transform: U,
+		marginLeft: W,
+		marginRight: G
+	}, v[26] = W, v[27] = G, v[28] = U, v[29] = K) : K = v[29];
+	let q;
+	v[30] !== A || v[31] !== K ? (q = /* @__PURE__ */ u(c, {
+		sx: K,
+		children: A
+	}), v[30] = A, v[31] = K, v[32] = q) : q = v[32];
+	let J;
+	v[33] !== q || v[34] !== H ? (J = /* @__PURE__ */ u(o, {
+		in: H,
+		children: q
+	}), v[33] = q, v[34] = H, v[35] = J) : J = v[35];
+	let Y;
+	return v[36] !== J || v[37] !== z || v[38] !== B || v[39] !== V ? (Y = /* @__PURE__ */ d(i, {
+		sx: z,
+		children: [
+			B,
+			V,
+			J
+		]
+	}), v[36] = J, v[37] = z, v[38] = B, v[39] = V, v[40] = Y) : Y = v[40], Y;
 }
-function ee(t) {
-  return !(H(t) && t.props["data-toolbar-hidden"]);
+function _(e) {
+	return !(n(e) && e.props["data-toolbar-hidden"]);
 }
-export {
-  ae as ToolbarActions
-};
-//# sourceMappingURL=toolbar-actions.js.map
+//#endregion
+export { g as ToolbarActions };
+
+//# sourceMappingURL=toolbar-actions.js.map

package/dist/widgets/toolbar-actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"toolbar-actions.js","sources":["../../src/widgets/toolbar-actions/styles.ts","../../src/widgets/toolbar-actions/toolbar-actions.tsx"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material'\n\nexport const styles = {\n  root: {\n    display: 'flex',\n    alignItems: 'center',\n    width: 'fit-content',\n    overflow: 'hidden',\n    borderRadius: ({ spacing }) => spacing(0.5),\n    gap: ({ spacing }) => spacing(0.25),\n  },\n  preview: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: ({ spacing }) => spacing(0.25),\n  },\n  actionsContainer: {\n    position: 'absolute',\n    display: 'flex',\n    alignItems: 'center',\n    backgroundColor: ({ palette }) => palette.background.default,\n    padding: ({ spacing }) => spacing(0.25),\n    gap: ({ spacing }) => spacing(0.25),\n  },\n  iconButton: {\n    width: ({ spacing }) => spacing(4),\n    height: ({ spacing }) => spacing(4),\n    borderRadius: 0,\n    '.MuiTouchRipple-ripple .MuiTouchRipple-child': {\n      borderRadius: 0,\n    },\n  },\n  triggerButton: {\n    '&[data-active=\"true\"]': {\n      backgroundColor: ({ palette }) => palette.primary.relatedLight,\n    },\n  },\n} satisfies Record<string, SxProps<Theme>>\n","import { CloseOutlined } from '@mui/icons-material'\nimport { Box, Divider, Grow, IconButton, Paper } from '@mui/material'\nimport { isValidElement, useState, type JSX, type MouseEvent } from 'react'\nimport { Tooltip } from '../../components/tooltip/tooltip'\nimport { styles } from './styles'\nimport type { ToolbarActionsProps } from './types'\nimport { WidgetOptions } from '@carto/meridian-ds/custom-icons'\n\nconst DEFAULT_LABELS = {\n  trigger: 'More actions',\n  close: 'Close',\n}\n\n/**\n * A floating toolbar component that displays action buttons.\n * Shows a trigger button when there are more visible actions than the visibleCount,\n * which expands to reveal all actions with a close button.\n * When visibleCount is undefined, all actions are shown without overflow.\n *\n * Children with the `data-toolbar-hidden` attribute are ignored when counting\n * visible actions but are included in the preview. This is useful for elements\n * like Dividers that should appear between actions but not count toward the limit.\n *\n * Example: With visibleCount=2 and children [Action1, Divider, Action2, Divider, Action3]:\n * - Preview shows: Action1, Divider, Action2 (2 visible actions + divider)\n * - Hidden: Divider, Action3\n */\nexport function ToolbarActions({\n  children: _children,\n  visibleCount,\n  direction,\n  labels,\n  sx,\n  IconButtonProps,\n  TooltipProps,\n}: ToolbarActionsProps): JSX.Element | null {\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null)\n\n  const triggerLabel = labels?.trigger ?? DEFAULT_LABELS.trigger\n  const closeLabel = labels?.close ?? DEFAULT_LABELS.close\n\n  const children = (Array.isArray(_children) ? _children : [_children]).filter(\n    Boolean,\n  )\n\n  // Don't render if no actions\n  if (children.length === 0) {\n    return null\n  }\n\n  // Filter out children with data-toolbar-hidden attribute for counting\n  const visibleChildren = children.filter(\n    (child) =>\n      !(\n        isValidElement<{ 'data-toolbar-hidden'?: boolean }>(child) &&\n        child.props['data-toolbar-hidden']\n      ),\n  )\n\n  // Show trigger only when visibleCount is defined and there are more visible actions\n  const showTrigger =\n    visibleCount !== undefined && visibleChildren.length > visibleCount\n\n  const handleToggle = (e: MouseEvent<HTMLElement>) => {\n    setAnchorEl((prev) => (prev ? null : e.currentTarget))\n  }\n\n  // Build preview by including hidden elements but only counting visible ones\n  const childrenPreview =\n    visibleCount === undefined\n      ? children\n      : children.reduce<{ result: React.ReactNode[]; count: number }>(\n          (acc, child) => {\n            // Stop if we've already collected enough visible actions\n            if (acc.count >= visibleCount) {\n              return acc\n            }\n\n            const isHidden =\n              isValidElement<{ 'data-toolbar-hidden'?: boolean }>(child) &&\n              child.props['data-toolbar-hidden']\n\n            return {\n              result: [...acc.result, child],\n              count: acc.count + (isHidden ? 0 : 1),\n            }\n          },\n          { result: [], count: 0 },\n        ).result\n\n  const width = anchorEl?.getBoundingClientRect().width\n\n  return (\n    <Box\n      sx={{\n        ...styles.root,\n        ...sx,\n        flexDirection: direction === 'left' ? 'row-reverse' : 'row',\n      }}\n    >\n      {/* Trigger button - only shown when 3+ actions */}\n      {showTrigger && (\n        <>\n          <Tooltip\n            title={anchorEl ? closeLabel : triggerLabel}\n            placement='top'\n            {...TooltipProps}\n          >\n            <IconButton\n              size='small'\n              aria-label={anchorEl ? closeLabel : triggerLabel}\n              onClick={handleToggle}\n              sx={styles.triggerButton}\n              data-active={!!anchorEl}\n              {...IconButtonProps}\n            >\n              {anchorEl ? <CloseOutlined /> : <WidgetOptions />}\n            </IconButton>\n          </Tooltip>\n          <Divider orientation='vertical' flexItem />\n        </>\n      )}\n\n      <Box sx={styles.preview}>{childrenPreview}</Box>\n\n      {/* Actions container - shown only when expanded (trigger is active) */}\n      <Grow in={!!anchorEl}>\n        <Paper\n          sx={{\n            ...styles.actionsContainer,\n            transform: `translate3d(${\n              direction === 'left' ? `-${width ?? 0}px` : `${width ?? 0}px`\n            }, 0, 0) !important`,\n            marginLeft: ({ spacing }) =>\n              direction === 'left' ? 0 : spacing(0.25),\n            marginRight: ({ spacing }) =>\n              direction === 'left' ? spacing(0.25) : 0,\n          }}\n        >\n          {children}\n        </Paper>\n      </Grow>\n    </Box>\n  )\n}\n"],"names":["styles","root","display","alignItems","width","overflow","borderRadius","spacing","gap","preview","actionsContainer","position","backgroundColor","palette","background","default","padding","triggerButton","primary","relatedLight","DEFAULT_LABELS","trigger","close","ToolbarActions","t0","$","_c","children","_children","visibleCount","direction","labels","sx","IconButtonProps","TooltipProps","anchorEl","setAnchorEl","useState","triggerLabel","closeLabel","handleToggle","showTrigger","t1","t2","Symbol","for","bb0","Array","isArray","filter","Boolean","length","visibleChildren","_temp","undefined","t3","e","prev","currentTarget","reduce","acc","child_0","count","isHidden","isValidElement","child","props","result","childrenPreview","getBoundingClientRect","t4","t5","flexDirection","t6","jsxs","Fragment","jsx","Tooltip","IconButton","CloseOutlined","WidgetOptions","Divider","t7","Box","t8","t9","t10","t11","t12","t13","spacing_0","transform","marginLeft","marginRight","Paper","t14","Grow","t15"],"mappings":"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"}
+{"version":3,"file":"toolbar-actions.js","names":["SxProps","Theme","styles","root","display","alignItems","width","overflow","borderRadius","spacing","gap","preview","actionsContainer","position","backgroundColor","palette","background","default","padding","iconButton","height","triggerButton","primary","relatedLight","Record","CloseOutlined","Box","Divider","Grow","IconButton","Paper","isValidElement","useState","JSX","MouseEvent","Tooltip","styles","ToolbarActionsProps","WidgetOptions","DEFAULT_LABELS","trigger","close","ToolbarActions","t0","$","_c","children","_children","visibleCount","direction","labels","sx","IconButtonProps","TooltipProps","anchorEl","setAnchorEl","triggerLabel","closeLabel","handleToggle","showTrigger","t1","t2","Symbol","for","bb0","Array","isArray","filter","Boolean","length","visibleChildren","_temp","undefined","t3","e","prev","currentTarget","reduce","acc","child_0","count","isHidden","child","props","result","childrenPreview","getBoundingClientRect","width","t4","t5","root","flexDirection","t6","triggerButton","t7","preview","t8","t9","t10","t11","t12","spacing","t13","spacing_0","actionsContainer","transform","marginLeft","marginRight","t14","t15"],"sources":["../../src/widgets/toolbar-actions/styles.ts","../../src/widgets/toolbar-actions/toolbar-actions.tsx"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material'\n\nexport const styles = {\n  root: {\n    display: 'flex',\n    alignItems: 'center',\n    width: 'fit-content',\n    overflow: 'hidden',\n    borderRadius: ({ spacing }) => spacing(0.5),\n    gap: ({ spacing }) => spacing(0.25),\n  },\n  preview: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: ({ spacing }) => spacing(0.25),\n  },\n  actionsContainer: {\n    position: 'absolute',\n    display: 'flex',\n    alignItems: 'center',\n    backgroundColor: ({ palette }) => palette.background.default,\n    padding: ({ spacing }) => spacing(0.25),\n    gap: ({ spacing }) => spacing(0.25),\n  },\n  iconButton: {\n    width: ({ spacing }) => spacing(4),\n    height: ({ spacing }) => spacing(4),\n    borderRadius: 0,\n    '.MuiTouchRipple-ripple .MuiTouchRipple-child': {\n      borderRadius: 0,\n    },\n  },\n  triggerButton: {\n    '&[data-active=\"true\"]': {\n      backgroundColor: ({ palette }) => palette.primary.relatedLight,\n    },\n  },\n} satisfies Record<string, SxProps<Theme>>\n","import { CloseOutlined } from '@mui/icons-material'\nimport { Box, Divider, Grow, IconButton, Paper } from '@mui/material'\nimport { isValidElement, useState, type JSX, type MouseEvent } from 'react'\nimport { Tooltip } from '../../components/tooltip/tooltip'\nimport { styles } from './styles'\nimport type { ToolbarActionsProps } from './types'\nimport { WidgetOptions } from '@carto/meridian-ds/custom-icons'\n\nconst DEFAULT_LABELS = {\n  trigger: 'More actions',\n  close: 'Close',\n}\n\n/**\n * A floating toolbar component that displays action buttons.\n * Shows a trigger button when there are more visible actions than the visibleCount,\n * which expands to reveal all actions with a close button.\n * When visibleCount is undefined, all actions are shown without overflow.\n *\n * Children with the `data-toolbar-hidden` attribute are ignored when counting\n * visible actions but are included in the preview. This is useful for elements\n * like Dividers that should appear between actions but not count toward the limit.\n *\n * Example: With visibleCount=2 and children [Action1, Divider, Action2, Divider, Action3]:\n * - Preview shows: Action1, Divider, Action2 (2 visible actions + divider)\n * - Hidden: Divider, Action3\n */\nexport function ToolbarActions({\n  children: _children,\n  visibleCount,\n  direction,\n  labels,\n  sx,\n  IconButtonProps,\n  TooltipProps,\n}: ToolbarActionsProps): JSX.Element | null {\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null)\n\n  const triggerLabel = labels?.trigger ?? DEFAULT_LABELS.trigger\n  const closeLabel = labels?.close ?? DEFAULT_LABELS.close\n\n  const children = (Array.isArray(_children) ? _children : [_children]).filter(\n    Boolean,\n  )\n\n  // Don't render if no actions\n  if (children.length === 0) {\n    return null\n  }\n\n  // Filter out children with data-toolbar-hidden attribute for counting\n  const visibleChildren = children.filter(\n    (child) =>\n      !(\n        isValidElement<{ 'data-toolbar-hidden'?: boolean }>(child) &&\n        child.props['data-toolbar-hidden']\n      ),\n  )\n\n  // Show trigger only when visibleCount is defined and there are more visible actions\n  const showTrigger =\n    visibleCount !== undefined && visibleChildren.length > visibleCount\n\n  const handleToggle = (e: MouseEvent<HTMLElement>) => {\n    setAnchorEl((prev) => (prev ? null : e.currentTarget))\n  }\n\n  // Build preview by including hidden elements but only counting visible ones\n  const childrenPreview =\n    visibleCount === undefined\n      ? children\n      : children.reduce<{ result: React.ReactNode[]; count: number }>(\n          (acc, child) => {\n            // Stop if we've already collected enough visible actions\n            if (acc.count >= visibleCount) {\n              return acc\n            }\n\n            const isHidden =\n              isValidElement<{ 'data-toolbar-hidden'?: boolean }>(child) &&\n              child.props['data-toolbar-hidden']\n\n            return {\n              result: [...acc.result, child],\n              count: acc.count + (isHidden ? 0 : 1),\n            }\n          },\n          { result: [], count: 0 },\n        ).result\n\n  const width = anchorEl?.getBoundingClientRect().width\n\n  return (\n    <Box\n      sx={{\n        ...styles.root,\n        ...sx,\n        flexDirection: direction === 'left' ? 'row-reverse' : 'row',\n      }}\n    >\n      {/* Trigger button - only shown when 3+ actions */}\n      {showTrigger && (\n        <>\n          <Tooltip\n            title={anchorEl ? closeLabel : triggerLabel}\n            placement='top'\n            {...TooltipProps}\n          >\n            <IconButton\n              size='small'\n              aria-label={anchorEl ? closeLabel : triggerLabel}\n              onClick={handleToggle}\n              sx={styles.triggerButton}\n              data-active={!!anchorEl}\n              {...IconButtonProps}\n            >\n              {anchorEl ? <CloseOutlined /> : <WidgetOptions />}\n            </IconButton>\n          </Tooltip>\n          <Divider orientation='vertical' flexItem />\n        </>\n      )}\n\n      <Box sx={styles.preview}>{childrenPreview}</Box>\n\n      {/* Actions container - shown only when expanded (trigger is active) */}\n      <Grow in={!!anchorEl}>\n        <Paper\n          sx={{\n            ...styles.actionsContainer,\n            transform: `translate3d(${\n              direction === 'left' ? `-${width ?? 0}px` : `${width ?? 0}px`\n            }, 0, 0) !important`,\n            marginLeft: ({ spacing }) =>\n              direction === 'left' ? 0 : spacing(0.25),\n            marginRight: ({ spacing }) =>\n              direction === 'left' ? spacing(0.25) : 0,\n          }}\n        >\n          {children}\n        </Paper>\n      </Grow>\n    </Box>\n  )\n}\n"],"mappings":"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"}

package/dist/widgets/utils.js

@@ -1,34 +1,18 @@
-import { d as i, a as n } from "../formatter-B9Bxn1k7.js";
-import { c as f, f as p, s as c } from "../download-config-OKlLLSW_.js";
-import { a as d, b as u, c as b, d as x, e as C, f as g, g as F, n as y } from "../option-builders-DPeoyQaM.js";
-import { b as S } from "../styles-cohnxh9F.js";
-function r({
-  type: a,
-  getOptions: e
-}) {
-  return function(t) {
-    return {
-      ...t,
-      option: e(t),
-      type: a
-    };
-  };
+import { n as e, t } from "../formatter-wVO81tYk.js";
+import { n, t as r } from "../csv-modifiers-D6HGC24b.js";
+import { a as i, d as a, f as o, l as s, n as c, r as l, s as u, t as d, u as f } from "../chart-config-BGt7wkK7.js";
+import { t as p } from "../styles-Y-qGBELO.js";
+//#region src/widgets/utils/chart-config/config-factory.ts
+function m({ type: e, getOptions: t }) {
+	return function(n) {
+		return {
+			...n,
+			option: t(n),
+			type: e
+		};
+	};
 }
-export {
-  d as applyXAxisFormatter,
-  u as applyYAxisFormatter,
-  S as baseSkeletonStyles,
-  b as buildGridConfig,
-  x as buildLegendConfig,
-  C as createAxisLabelFormatter,
-  f as createChartDownloadConfig,
-  r as createChartWidgetConfig,
-  g as createTooltipFormatter,
-  F as createTooltipPositioner,
-  i as defaultFormatter,
-  n as defaultLabelFormatter,
-  p as flattenObjectArrayToCSV,
-  y as niceNum,
-  c as scatterplotDataToCSV
-};
-//# sourceMappingURL=utils.js.map
+//#endregion
+export { c as applyXAxisFormatter, l as applyYAxisFormatter, p as baseSkeletonStyles, i as buildGridConfig, u as buildLegendConfig, s as createAxisLabelFormatter, d as createChartDownloadConfig, m as createChartWidgetConfig, f as createTooltipFormatter, a as createTooltipPositioner, t as defaultFormatter, e as defaultLabelFormatter, r as flattenObjectArrayToCSV, o as niceNum, n as scatterplotDataToCSV };
+
+//# sourceMappingURL=utils.js.map

package/dist/widgets/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../src/widgets/utils/chart-config/config-factory.ts"],"sourcesContent":["import type { EchartOptionsProps, EchartWidgetData } from '../../echart'\n\n/**\n * Base configuration interface for chart widgets\n */\nexport interface ChartWidgetBaseConfig<TData = EchartWidgetData> {\n  data?: TData\n}\n\n/**\n * Parameters for creating a chart widget configuration\n */\nexport interface CreateChartWidgetConfigParams<\n  TData = EchartWidgetData,\n  TConfig extends ChartWidgetBaseConfig<TData> = ChartWidgetBaseConfig<TData>,\n  TType extends string = string,\n> {\n  /** Widget type identifier (e.g., 'bar', 'pie', 'histogram') */\n  type: TType\n  /** Function to get EChart options from config */\n  getOptions: (config: TConfig) => EchartOptionsProps\n}\n\n/**\n * Return type of the chart widget config function\n */\nexport type ChartWidgetConfigResult<\n  TData = EchartWidgetData,\n  TConfig extends ChartWidgetBaseConfig<TData> = ChartWidgetBaseConfig<TData>,\n  TType extends string = string,\n> = TConfig & {\n  type: TType\n}\n\n/**\n * Factory function to create a standardized chart widget config function.\n * This eliminates duplication across chart widgets by providing a common structure.\n *\n * @example\n * ```ts\n * export const barConfig = createChartWidgetConfig({\n *   type: 'bar' as const,\n *   getOptions: ({ data, theme }) => ({\n *     // EChart configuration\n *   }),\n *   csvModifier: (data) => flattenObjectArrayToCSV(data),\n * })\n * ```\n */\nexport function createChartWidgetConfig<\n  TData = EchartWidgetData,\n  TConfig extends ChartWidgetBaseConfig<TData> = ChartWidgetBaseConfig<TData>,\n  TType extends string = string,\n>({\n  type,\n  getOptions,\n}: CreateChartWidgetConfigParams<TData, TConfig, TType>): (\n  config: TConfig,\n) => ChartWidgetConfigResult<TData, TConfig, TType> {\n  return function (config: TConfig) {\n    return {\n      ...config,\n      option: getOptions(config),\n      type: type,\n    } as ChartWidgetConfigResult<TData, TConfig, TType>\n  }\n}\n"],"names":["createChartWidgetConfig","type","getOptions","config","option"],"mappings":";;;;AAiDO,SAASA,EAId;AAAA,EACAC,MAAAA;AAAAA,EACAC,YAAAA;AACoD,GAEF;AAClD,SAAO,SAAUC,GAAiB;AAChC,WAAO;AAAA,MACL,GAAGA;AAAAA,MACHC,QAAQF,EAAWC,CAAM;AAAA,MACzBF,MAAAA;AAAAA,IAAAA;AAAAA,EAEJ;AACF;"}
+{"version":3,"file":"utils.js","names":["EchartOptionsProps","EchartWidgetData","ChartWidgetBaseConfig","data","TData","CreateChartWidgetConfigParams","type","TType","getOptions","config","TConfig","ChartWidgetConfigResult","createChartWidgetConfig","option"],"sources":["../../src/widgets/utils/chart-config/config-factory.ts"],"sourcesContent":["import type { EchartOptionsProps, EchartWidgetData } from '../../echart'\n\n/**\n * Base configuration interface for chart widgets\n */\nexport interface ChartWidgetBaseConfig<TData = EchartWidgetData> {\n  data?: TData\n}\n\n/**\n * Parameters for creating a chart widget configuration\n */\nexport interface CreateChartWidgetConfigParams<\n  TData = EchartWidgetData,\n  TConfig extends ChartWidgetBaseConfig<TData> = ChartWidgetBaseConfig<TData>,\n  TType extends string = string,\n> {\n  /** Widget type identifier (e.g., 'bar', 'pie', 'histogram') */\n  type: TType\n  /** Function to get EChart options from config */\n  getOptions: (config: TConfig) => EchartOptionsProps\n}\n\n/**\n * Return type of the chart widget config function\n */\nexport type ChartWidgetConfigResult<\n  TData = EchartWidgetData,\n  TConfig extends ChartWidgetBaseConfig<TData> = ChartWidgetBaseConfig<TData>,\n  TType extends string = string,\n> = TConfig & {\n  type: TType\n}\n\n/**\n * Factory function to create a standardized chart widget config function.\n * This eliminates duplication across chart widgets by providing a common structure.\n *\n * @example\n * ```ts\n * export const barConfig = createChartWidgetConfig({\n *   type: 'bar' as const,\n *   getOptions: ({ data, theme }) => ({\n *     // EChart configuration\n *   }),\n *   csvModifier: (data) => flattenObjectArrayToCSV(data),\n * })\n * ```\n */\nexport function createChartWidgetConfig<\n  TData = EchartWidgetData,\n  TConfig extends ChartWidgetBaseConfig<TData> = ChartWidgetBaseConfig<TData>,\n  TType extends string = string,\n>({\n  type,\n  getOptions,\n}: CreateChartWidgetConfigParams<TData, TConfig, TType>): (\n  config: TConfig,\n) => ChartWidgetConfigResult<TData, TConfig, TType> {\n  return function (config: TConfig) {\n    return {\n      ...config,\n      option: getOptions(config),\n      type: type,\n    } as ChartWidgetConfigResult<TData, TConfig, TType>\n  }\n}\n"],"mappings":";;;;;AAiDA,SAAgBY,EAId,EACAN,SACAE,iBAGkD;CAClD,OAAO,SAAUC,GAAiB;EAChC,OAAO;GACL,GAAGA;GACHI,QAAQL,EAAWC,CAAM;GACnBH;EACR;CACF;AACF"}