@carto/ps-react-ui 5.3.0 → 6.1.0

package/dist/widgets/wrapper.js

@@ -1,273 +0,0 @@
-import "../components-FED-ArwH.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 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 T(e) {
-	e.stopPropagation();
-}
-//#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;
-}
-//#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;
-}
-//#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 M(e) {
-	return {
-		title: e?.title,
-		collapsed: e?.collapsed,
-		disabled: e?.disabled,
-		isFetching: e?.isFetching
-	};
-}
-//#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;
-}
-//#endregion
-export { C as Actions, D as Options, O as Title, N as WidgetWrapper, j as WrapperUI };
-
-//# sourceMappingURL=wrapper.js.map

package/dist/widgets/wrapper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"wrapper.js","names":["{ actions = EMPTY_ACTIONS }: WrapperActionsProps","actions = EMPTY_ACTIONS","actions.map((action, index) => {\n        // Prefer action.key if present (React elements), else fallback to index\n        const key =\n          action &&\n          typeof action === 'object' &&\n          'key' in action &&\n          action.key != null\n            ? action.key\n            : index\n        return (\n          <Box\n            key={key}\n            onClick={(e) => {\n              e.stopPropagation()\n            }}\n          >\n            {action}\n          </Box>\n        )\n      })","(action, index) => {\n        // Prefer action.key if present (React elements), else fallback to index\n        const key =\n          action &&\n          typeof action === 'object' &&\n          'key' in action &&\n          action.key != null\n            ? action.key\n            : index\n        return (\n          <Box\n            key={key}\n            onClick={(e) => {\n              e.stopPropagation()\n            }}\n          >\n            {action}\n          </Box>\n        )\n      }","<Box sx={styles.actions} className='widget-wrapper-actions'>\n      {actions.map((action, index) => {\n        // Prefer action.key if present (React elements), else fallback to index\n        const key =\n          action &&\n          typeof action === 'object' &&\n          'key' in action &&\n          action.key != null\n            ? action.key\n            : index\n        return (\n          <Box\n            key={key}\n            onClick={(e) => {\n              e.stopPropagation()\n            }}\n          >\n            {action}\n          </Box>\n        )\n      })}\n    </Box>","(e) => {\n              e.stopPropagation()\n            }","{\n  labels,\n  options = EMPTY_OPTIONS,\n}: WrapperOptionsProps","options = EMPTY_OPTIONS","(\n    e: React.MouseEvent<HTMLElement>,\n    option: NonNullable<WrapperOptionsProps['options']>[number],\n  ) => {\n    e.stopPropagation()\n    option.onClick()\n    setAnchorEl(null)\n  }","(e) => {\n          e.stopPropagation()\n          setAnchorEl(e.currentTarget)\n        }","<MoreVert />","e","<IconButton\n        sx={styles.options.trigger}\n        size='small'\n        aria-label={labels?.title ?? 'Options'}\n        aria-controls='options-menu'\n        aria-haspopup='true'\n        onClick={(e) => {\n          e.stopPropagation()\n          setAnchorEl(e.currentTarget)\n        }}\n      >\n        <MoreVert />\n      </IconButton>","labels?.title ?? 'Options'","{\n          vertical: 'top',\n          horizontal: 'right',\n        }","() => setAnchorEl(null)","{\n          sx: {\n            paddingBottom: 0,\n          },\n        }","options.map((option) => (\n          <MenuItem\n            key={option.label}\n            disabled={option.disabled}\n            onClick={(e) => handleOptionAction(e, option)}\n          >\n            {option.icon && <ListItemIcon>{option.icon}</ListItemIcon>}\n            <ListItemText>{option.label}</ListItemText>\n          </MenuItem>\n        ))","(option) => (\n          <MenuItem\n            key={option.label}\n            disabled={option.disabled}\n            onClick={(e) => handleOptionAction(e, option)}\n          >\n            {option.icon && <ListItemIcon>{option.icon}</ListItemIcon>}\n            <ListItemText>{option.label}</ListItemText>\n          </MenuItem>\n        )","option","<Menu\n        variant='menu'\n        elevation={8}\n        anchorOrigin={{\n          vertical: 'top',\n          horizontal: 'right',\n        }}\n        transformOrigin={{\n          vertical: 'top',\n          horizontal: 'right',\n        }}\n        anchorEl={anchorEl}\n        open={Boolean(anchorEl)}\n        onClose={() => setAnchorEl(null)}\n        MenuListProps={{\n          sx: {\n            paddingBottom: 0,\n          },\n        }}\n      >\n        {options.map((option) => (\n          <MenuItem\n            key={option.label}\n            disabled={option.disabled}\n            onClick={(e) => handleOptionAction(e, option)}\n          >\n            {option.icon && <ListItemIcon>{option.icon}</ListItemIcon>}\n            <ListItemText>{option.label}</ListItemText>\n          </MenuItem>\n        ))}\n      </Menu>","Boolean(anchorEl)","<>\n      <IconButton\n        sx={styles.options.trigger}\n        size='small'\n        aria-label={labels?.title ?? 'Options'}\n        aria-controls='options-menu'\n        aria-haspopup='true'\n        onClick={(e) => {\n          e.stopPropagation()\n          setAnchorEl(e.currentTarget)\n        }}\n      >\n        <MoreVert />\n      </IconButton>\n      <Menu\n        variant='menu'\n        elevation={8}\n        anchorOrigin={{\n          vertical: 'top',\n          horizontal: 'right',\n        }}\n        transformOrigin={{\n          vertical: 'top',\n          horizontal: 'right',\n        }}\n        anchorEl={anchorEl}\n        open={Boolean(anchorEl)}\n        onClose={() => setAnchorEl(null)}\n        MenuListProps={{\n          sx: {\n            paddingBottom: 0,\n          },\n        }}\n      >\n        {options.map((option) => (\n          <MenuItem\n            key={option.label}\n            disabled={option.disabled}\n            onClick={(e) => handleOptionAction(e, option)}\n          >\n            {option.icon && <ListItemIcon>{option.icon}</ListItemIcon>}\n            <ListItemText>{option.label}</ListItemText>\n          </MenuItem>\n        ))}\n      </Menu>\n    </>","{\n  label,\n  children,\n}: {\n  children: ReactNode\n  label?: NonNullable<WrapperOptionsProps['labels']>['title']\n}","({ ref }) => (\n        <Box sx={styles.title.container}>\n          <Typography\n            sx={styles.title.text}\n            ref={ref}\n            variant='subtitle1'\n            textTransform='none'\n          >\n            {children}\n          </Typography>\n        </Box>\n      )","{ ref }","<SmartTooltip\n      title={label ?? (typeof children === 'string' ? children : '')}\n    >\n      {({ ref }) => (\n        <Box sx={styles.title.container}>\n          <Typography\n            sx={styles.title.text}\n            ref={ref}\n            variant='subtitle1'\n            textTransform='none'\n          >\n            {children}\n          </Typography>\n        </Box>\n      )}\n    </SmartTooltip>","label ?? (typeof children === 'string' ? children : '')","{\n  children,\n  id,\n  actions = EMPTY_ACTIONS,\n  sx,\n  labels,\n  options = EMPTY_OPTIONS,\n  onChangeCollapsed,\n}: WrapperUIProps","actions = EMPTY_ACTIONS","options = EMPTY_OPTIONS","(w) => {\n      return {\n        title: (w as WrapperState | undefined)?.title,\n        collapsed: (w as WrapperState | undefined)?.collapsed,\n        disabled: (w as WrapperState | undefined)?.disabled,\n        isFetching: w?.isFetching,\n      }\n    }","{ ...styles.root, ...sx }","isFetching && <LinearProgress sx={styles.loading} color='primary' />","<Title>{title}</Title>","!!actions.length && <Actions actions={actions} />","actions.length","!!options.length && (\n          <Options labels={labels?.options} options={options} />\n        )","options","options.length","<AccordionSummary sx={styles.summary}>\n        {isFetching && <LinearProgress sx={styles.loading} color='primary' />}\n        <Title>{title}</Title>\n        {!!actions.length && <Actions actions={actions} />}\n        {!!options.length && (\n          <Options labels={labels?.options} options={options} />\n        )}\n      </AccordionSummary>","<AccordionDetails sx={styles.detail}>{children}</AccordionDetails>","<Accordion\n      className={collapsed ? 'collapsed' : ''}\n      sx={{ ...styles.root, ...sx }}\n      expanded={!collapsed}\n      onChange={onChangeCollapsed}\n      disabled={disabled}\n    >\n      <AccordionSummary sx={styles.summary}>\n        {isFetching && <LinearProgress sx={styles.loading} color='primary' />}\n        <Title>{title}</Title>\n        {!!actions.length && <Actions actions={actions} />}\n        {!!options.length && (\n          <Options labels={labels?.options} options={options} />\n        )}\n      </AccordionSummary>\n      <AccordionDetails sx={styles.detail}>{children}</AccordionDetails>\n    </Accordion>","collapsed ? 'collapsed' : ''","!collapsed","{\n  id,\n  title,\n  defaultCollapsed,\n  disabled,\n  sx,\n  actions,\n  options,\n  labels,\n  children,\n  onChangeCollapsed,\n}: WrapperProps","() => {\n    widgetStoreActions.setWidget<WrapperState>(id, {\n      collapsed: defaultCollapsed,\n      disabled,\n      title,\n    })\n  }","[defaultCollapsed, disabled, title, id]","(\n    event: React.SyntheticEvent<Element, Event>,\n    expanded: boolean,\n  ) => {\n    onChangeCollapsed?.(event, expanded)\n    widgetStoreActions.setWidget<WrapperState>(id, { collapsed: !expanded })\n  }","<WrapperUI\n      id={id}\n      labels={labels}\n      actions={actions}\n      options={options}\n      sx={sx}\n      onChangeCollapsed={handleChangeCollapsed}\n    >\n      {children}\n    </WrapperUI>"],"sources":["../../src/widgets/wrapper/styles.ts","../../src/widgets/wrapper/components/actions.tsx","../../src/widgets/wrapper/components/options.tsx","../../src/widgets/wrapper/components/title.tsx","../../src/widgets/wrapper/wrapper-ui.tsx","../../src/widgets/wrapper/wrapper.tsx"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material'\n\nexport const styles = {\n  root: {\n    '.Mui-disabled .MuiAccordionSummary-expandIconWrapper': {\n      display: 'none',\n    },\n    '.widget-wrapper-actions > *': {\n      opacity: 1,\n      transition: ({ transitions }) =>\n        transitions.create('opacity', {\n          duration: transitions.duration.standard,\n          easing: transitions.easing.easeInOut,\n        }),\n\n      '@media (hover: hover)': {\n        opacity: 0,\n      },\n\n      '&:has(.active)': {\n        opacity: 1,\n      },\n    },\n    '&:hover': {\n      '& .widget-wrapper-actions > *': {\n        opacity: 1,\n      },\n    },\n\n    '&.collapsed .widget-wrapper-actions > *': {\n      opacity: 0,\n      pointerEvents: 'none',\n\n      '&:has(.active)': {\n        opacity: 1,\n      },\n    },\n  },\n  summary: {\n    minHeight: ({ spacing }) => spacing(7),\n    '& .MuiAccordionSummary-content': {\n      gap: ({ spacing }) => spacing(0.5),\n      paddingInlineEnd: ({ spacing }) => spacing(0.75),\n    },\n  },\n  loading: {\n    height: ({ spacing }) => spacing(0.35),\n    left: 0,\n    position: 'absolute',\n    top: 0,\n    width: '100%',\n    zIndex: 1,\n  },\n  title: {\n    wrapper: {\n      flexGrow: 1,\n      flexShrink: 1,\n      minWidth: 0,\n      display: 'flex',\n      justifyContent: 'center',\n      flexDirection: 'column',\n    },\n    container: {\n      display: 'flex',\n      alignItems: 'center',\n      flexGrow: 1,\n      minHeight: ({ spacing }) => spacing(3),\n    },\n    text: {\n      wordBreak: 'break-word',\n      overflow: 'hidden',\n      display: '-webkit-box',\n      WebkitLineClamp: 2,\n      WebkitBoxOrient: 'vertical',\n    },\n  },\n  actions: {\n    display: 'flex',\n    gap: ({ spacing }) => spacing(0.5),\n    alignItems: 'center',\n    flexShrink: 0,\n    justifyContent: 'flex-end',\n    '& > div': {\n      pointerEvents: 'auto',\n    },\n  },\n  options: {\n    trigger: {\n      pointerEvents: 'auto',\n    },\n  },\n  detail: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: ({ spacing }) => spacing(1),\n    paddingTop: ({ spacing }) => spacing(0.5),\n  },\n} satisfies Record<string, SxProps<Theme>>\n","import { Box } from '@mui/material'\nimport type { WrapperActionsProps } from '../types'\nimport { styles } from '../styles'\n\nconst EMPTY_ACTIONS: NonNullable<WrapperActionsProps['actions']> = []\n\n/**\n * Renders action buttons in the widget wrapper header. Each action click event is stopped from propagating to the accordion.\n */\nexport function Actions({ actions = EMPTY_ACTIONS }: WrapperActionsProps) {\n  return (\n    <Box sx={styles.actions} className='widget-wrapper-actions'>\n      {actions.map((action, index) => {\n        // Prefer action.key if present (React elements), else fallback to index\n        const key =\n          action &&\n          typeof action === 'object' &&\n          'key' in action &&\n          action.key != null\n            ? action.key\n            : index\n        return (\n          <Box\n            key={key}\n            onClick={(e) => {\n              e.stopPropagation()\n            }}\n          >\n            {action}\n          </Box>\n        )\n      })}\n    </Box>\n  )\n}\n","import { MoreVert } from '@mui/icons-material'\nimport {\n  IconButton,\n  Menu,\n  MenuItem,\n  ListItemIcon,\n  ListItemText,\n} from '@mui/material'\nimport type { WrapperOptionsProps } from '../types'\nimport { useState } from 'react'\nimport { styles } from '../styles'\n\nconst EMPTY_OPTIONS: NonNullable<WrapperOptionsProps['options']> = []\n\n/**\n * Renders a dropdown options menu in the widget wrapper header, triggered by a vertical ellipsis icon button.\n */\nexport function Options({\n  labels,\n  options = EMPTY_OPTIONS,\n}: WrapperOptionsProps) {\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null)\n\n  const handleOptionAction = (\n    e: React.MouseEvent<HTMLElement>,\n    option: NonNullable<WrapperOptionsProps['options']>[number],\n  ) => {\n    e.stopPropagation()\n    option.onClick()\n    setAnchorEl(null)\n  }\n\n  return (\n    <>\n      <IconButton\n        sx={styles.options.trigger}\n        size='small'\n        aria-label={labels?.title ?? 'Options'}\n        aria-controls='options-menu'\n        aria-haspopup='true'\n        onClick={(e) => {\n          e.stopPropagation()\n          setAnchorEl(e.currentTarget)\n        }}\n      >\n        <MoreVert />\n      </IconButton>\n      <Menu\n        variant='menu'\n        elevation={8}\n        anchorOrigin={{\n          vertical: 'top',\n          horizontal: 'right',\n        }}\n        transformOrigin={{\n          vertical: 'top',\n          horizontal: 'right',\n        }}\n        anchorEl={anchorEl}\n        open={Boolean(anchorEl)}\n        onClose={() => setAnchorEl(null)}\n        MenuListProps={{\n          sx: {\n            paddingBottom: 0,\n          },\n        }}\n      >\n        {options.map((option) => (\n          <MenuItem\n            key={option.label}\n            disabled={option.disabled}\n            onClick={(e) => handleOptionAction(e, option)}\n          >\n            {option.icon && <ListItemIcon>{option.icon}</ListItemIcon>}\n            <ListItemText>{option.label}</ListItemText>\n          </MenuItem>\n        ))}\n      </Menu>\n    </>\n  )\n}\n","import { Box, Typography } from '@mui/material'\nimport { styles } from '../styles'\nimport { SmartTooltip } from '../../../components'\nimport type { ReactNode } from 'react'\nimport type { WrapperOptionsProps } from '../types'\n\n/**\n * Renders the widget title text inside the wrapper header with smart tooltip support for truncated titles.\n */\nexport function Title({\n  label,\n  children,\n}: {\n  children: ReactNode\n  label?: NonNullable<WrapperOptionsProps['labels']>['title']\n}) {\n  return (\n    <SmartTooltip\n      title={label ?? (typeof children === 'string' ? children : '')}\n    >\n      {({ ref }) => (\n        <Box sx={styles.title.container}>\n          <Typography\n            sx={styles.title.text}\n            ref={ref}\n            variant='subtitle1'\n            textTransform='none'\n          >\n            {children}\n          </Typography>\n        </Box>\n      )}\n    </SmartTooltip>\n  )\n}\n","import {\n  Accordion,\n  AccordionDetails,\n  AccordionSummary,\n  LinearProgress,\n} from '@mui/material'\nimport { styles } from './styles'\nimport { Title } from './components/title'\nimport type { WrapperState, WrapperUIProps } from './types'\nimport { Options } from './components/options'\nimport { Actions } from './components/actions'\nimport { useWidgetSelector } from '../stores/use-widget-selector'\n\nconst EMPTY_ACTIONS: NonNullable<WrapperUIProps['actions']> = []\nconst EMPTY_OPTIONS: NonNullable<WrapperUIProps['options']> = []\n\n/**\n * Presentational wrapper component that renders the widget accordion UI with title, actions, options menu, and loading indicator. For uncontrolled usage without automatic widget store synchronization, use this instead of WidgetWrapper.\n *\n * @example\n * ```tsx\n * <WrapperUI\n *   id=\"my-widget\"\n *   actions={[<Download key=\"download\" id=\"my-widget\" />]}\n *   onChangeCollapsed={(e, collapsed) => console.log(collapsed)}\n * >\n *   <div>Content</div>\n * </WrapperUI>\n * ```\n */\nexport function WrapperUI({\n  children,\n  id,\n  actions = EMPTY_ACTIONS,\n  sx,\n  labels,\n  options = EMPTY_OPTIONS,\n  onChangeCollapsed,\n}: WrapperUIProps) {\n  // Single consolidated subscription instead of 4 separate ones.\n  const { title, collapsed, disabled, isFetching } = useWidgetSelector(\n    id,\n    (w) => {\n      return {\n        title: (w as WrapperState | undefined)?.title,\n        collapsed: (w as WrapperState | undefined)?.collapsed,\n        disabled: (w as WrapperState | undefined)?.disabled,\n        isFetching: w?.isFetching,\n      }\n    },\n  )\n\n  return (\n    <Accordion\n      className={collapsed ? 'collapsed' : ''}\n      sx={{ ...styles.root, ...sx }}\n      expanded={!collapsed}\n      onChange={onChangeCollapsed}\n      disabled={disabled}\n    >\n      <AccordionSummary sx={styles.summary}>\n        {isFetching && <LinearProgress sx={styles.loading} color='primary' />}\n        <Title>{title}</Title>\n        {!!actions.length && <Actions actions={actions} />}\n        {!!options.length && (\n          <Options labels={labels?.options} options={options} />\n        )}\n      </AccordionSummary>\n      <AccordionDetails sx={styles.detail}>{children}</AccordionDetails>\n    </Accordion>\n  )\n}\n","import type { WrapperProps, WrapperState } from './types'\nimport { WrapperUI } from './wrapper-ui'\nimport { widgetStoreActions } from '../stores/widget-store'\nimport { useLayoutEffect } from 'react'\n\n/**\n * Container component providing a collapsible header with title, action buttons, and options menu for widgets. Syncs collapse, disabled, and title state with the widget store.\n *\n * @example\n * ```tsx\n * <WidgetWrapper\n *   id=\"my-widget\"\n *   title=\"Sales Overview\"\n *   actions={[<Download key=\"download\" id=\"my-widget\" items={downloads} />]}\n * >\n *   {children}\n * </WidgetWrapper>\n * ```\n */\nexport function WidgetWrapper({\n  id,\n  title,\n  defaultCollapsed,\n  disabled,\n  sx,\n  actions,\n  options,\n  labels,\n  children,\n  onChangeCollapsed,\n}: WrapperProps) {\n  useLayoutEffect(() => {\n    widgetStoreActions.setWidget<WrapperState>(id, {\n      collapsed: defaultCollapsed,\n      disabled,\n      title,\n    })\n  }, [defaultCollapsed, disabled, title, id])\n\n  const handleChangeCollapsed = (\n    event: React.SyntheticEvent<Element, Event>,\n    expanded: boolean,\n  ) => {\n    onChangeCollapsed?.(event, expanded)\n    widgetStoreActions.setWidget<WrapperState>(id, { collapsed: !expanded })\n  }\n\n  return (\n    <WrapperUI\n      id={id}\n      labels={labels}\n      actions={actions}\n      options={options}\n      sx={sx}\n      onChangeCollapsed={handleChangeCollapsed}\n    >\n      {children}\n    </WrapperUI>\n  )\n}\n"],"mappings":"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"}

package/dist/widgets-v2/actions.js

@@ -1,4 +0,0 @@
-import { C as e, E as t, S as n, T as r, _ as i, a, b as o, c as s, d as c, f as l, g as u, h as d, i as f, l as p, m, n as h, o as g, p as _, r as v, s as y, t as b, u as x, v as S, w as C, x as w, y as T } from "../actions-Dhlz_adK.js";
-import { a as E, i as D, n as O, r as k, t as A } from "../zoom-toggle-IsF8BnAp.js";
-import { a as j, c as M, d as N, f as P, i as F, l as I, n as L, o as R, r as z, s as B, t as V, u as H } from "../download-DGgFOaXj.js";
-export { l as BrushToggle, F as CSVIcon, b as ChangeColumn, _ as DEFAULT_BRUSH_TOGGLE_LABELS, h as DEFAULT_CHANGE_COLUMN_LABELS, M as DEFAULT_DOWNLOAD_LABELS, y as DEFAULT_FULLSCREEN_LABELS, f as DEFAULT_LOCK_SELECTION_LABELS, p as DEFAULT_RELATIVE_DATA_LABELS, r as DEFAULT_SEARCHER_LABELS, S as DEFAULT_SHOW_ALL_LABELS, o as DEFAULT_STACK_TOGGLE_LABELS, O as DEFAULT_ZOOM_TOGGLE_LABELS, z as DOWNLOAD_ITEM_IDS, B as Download, g as FullScreen, v as LockSelection, j as MarkdownIcon, R as PNGIcon, s as RelativeData, d as SHOW_ALL_ID, n as Searcher, e as SearcherToggle, u as ShowAllToggle, T as StackToggle, k as ZOOM_LAYOUT, A as ZoomToggle, m as addBrush, w as addStack, D as addZoom, V as buildCsvDownloadItem, L as buildPngDownloadItem, E as createAddZoom, x as createPercentFormatter, I as downloadDOMToPNG, H as downloadToCSV, a as filterByLockedItems, t as filterBySearchText, C as setSearcherText, i as setShowAll, N as toCsvString, c as toRelativeData, P as triggerLinkDownload };

package/dist/widgets-v2/bar.js

@@ -1,260 +0,0 @@
-import { r as e } from "../zoom-toggle-IsF8BnAp.js";
-import { n as t, t as n } from "../download-DGgFOaXj.js";
-import { n as r, r as i, t as a } from "../utils-Dr6gf3vD.js";
-import { a as o, d as s, f as c, i as l, s as u, u as d } from "../chart-config-B_fdIcD3.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 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 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
-		};
-	});
-}
-//#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 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 T(e, t) {
-	return /* @__PURE__ */ h(m, {
-		sx: x.bar,
-		variant: "rectangular",
-		height: e
-	}, `bar-${t}`);
-}
-//#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: (t) => {
-			let n = e.getData(t), r = [];
-			for (let [e, t] of n.entries()) {
-				e > 0 && r.push([]), r.push(["name", "value"]);
-				for (let e of t) r.push([e.name, e.value]);
-			}
-			return r;
-		}
-	})), r;
-}
-//#endregion
-export { C as BarSkeleton, v as barOptions, E as createBarDownloadConfig, y as createBarOptionFactory };
-
-//# sourceMappingURL=bar.js.map

package/dist/widgets-v2/bar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"bar.js","names":["<Box sx={styles.grid}>\n        {BAR_HEIGHTS.map((height, i) => (\n          <Skeleton\n            key={`bar-${i}`}\n            sx={styles.bar}\n            variant='rectangular'\n            height={height}\n          />\n        ))}\n      </Box>","(height, i) => (\n          <Skeleton\n            key={`bar-${i}`}\n            sx={styles.bar}\n            variant='rectangular'\n            height={height}\n          />\n        )","<Box sx={styles.container}>\n      <Box sx={styles.grid}>\n        {BAR_HEIGHTS.map((height, i) => (\n          <Skeleton\n            key={`bar-${i}`}\n            sx={styles.bar}\n            variant='rectangular'\n            height={height}\n          />\n        ))}\n      </Box>\n      <Box sx={styles.legend}>\n        {[0, 1].map((i) => (\n          <Box key={`legend-${i}`} sx={styles.legendItem}>\n            <Skeleton variant='circular' width={8} height={8} />\n            <Skeleton width={48} height={8} />\n          </Box>\n        ))}\n      </Box>\n    </Box>","(i) => (\n          <Box key={`legend-${i}`} sx={styles.legendItem}>\n            <Skeleton variant='circular' width={8} height={8} />\n            <Skeleton width={48} height={8} />\n          </Box>\n        )","i"],"sources":["../../src/widgets-v2/bar/options.ts","../../src/widgets-v2/bar/skeleton.tsx","../../src/widgets-v2/bar/download.tsx"],"sourcesContent":["import type { EChartsOption } from 'echarts'\nimport * as echarts from 'echarts'\nimport type { CallbackDataParams } from 'echarts/types/dist/shared'\nimport {\n  buildAxisLabelStyle,\n  buildGridConfig,\n  buildLegendConfig,\n  createTooltipFormatter,\n  createTooltipPositioner,\n  niceNum,\n} from '../../widgets/utils/chart-config'\nimport { ZOOM_LAYOUT } from '../actions/zoom-toggle'\nimport type { OptionFactory } from '../echart'\nimport { mergeOptions, resolveThemeColor } from '../utils'\nimport { positionDataZoomForLegend } from '../utils/data-zoom-layout'\nimport type {\n  BarEChartsOption,\n  BarOptionFactoryInput,\n  BarOptionsInput,\n  BarWidgetData,\n} from './types'\n\n/**\n * Builds the **structural** ECharts option for a bar widget — axes, grid,\n * tooltip styling, themed legend. Intentionally data-agnostic: no series,\n * no dataset, no `legend.show` (those depend on data and are added by the\n * option factory's merge phase). This separation is what lets data-side\n * pipeline transforms (Searcher, RelativeData) drive the rendered chart —\n * the merge happens at render time inside the Echart bridge.\n *\n * Styling matches the v1 `barConfig` look-and-feel: minimal axes (only\n * min/max y-labels rendered inside the plot via `niceNum`), themed tooltip,\n * scroll legend, and CARTO color palette. The y-axis min/max + label\n * formatter and the tooltip formatter are wired here for the no-data case;\n * {@link createBarOptionFactory} re-derives them at fusion time so reactive\n * formatter changes (RelativeData) and stack templates (StackToggle) flow\n * through to the chart.\n */\nexport function barOptions({\n  theme,\n  formatter,\n  labelFormatter,\n}: BarOptionsInput): BarEChartsOption {\n  // Closure shared between yAxis min/max callbacks and the label formatter,\n  // so only the rounded extents are labelled (matches v1).\n  let niceMin = 0\n  let niceMax = 1\n\n  return {\n    grid: {\n      left: parseInt(theme.spacing(1)),\n      top: parseInt(theme.spacing(3)),\n      right: parseInt(theme.spacing(1)),\n      // Default: no legend. Merger bumps this when there are >1 series.\n      ...buildGridConfig(false, theme),\n      containLabel: true,\n    },\n    tooltip: {\n      trigger: 'axis',\n      backgroundColor: theme.palette.grey[900],\n      borderWidth: 0,\n      padding: [parseInt(theme.spacing(1)), parseInt(theme.spacing(1))],\n      textStyle: {\n        color: theme.palette.common.white,\n        fontSize: 11,\n        fontFamily: theme.typography.caption.fontFamily,\n      },\n      axisPointer: { type: 'line' },\n      position: createTooltipPositioner(theme),\n      formatter: buildBarTooltipFormatter(formatter, labelFormatter),\n    },\n    // Legend styling baked here; `show` is toggled by the merger based on\n    // series count.\n    legend: {\n      ...buildLegendConfig({ hasLegend: false, labelFormatter }),\n    },\n    axisPointer: { lineStyle: { color: theme.palette.grey[400] } },\n    color: [\n      theme.palette.secondary.main,\n      ...Object.values(\n        (theme.palette as { qualitative?: { bold?: Record<string, string> } })\n          .qualitative?.bold ?? {},\n      ),\n    ],\n    xAxis: {\n      type: 'category',\n      axisLine: { show: false },\n      axisTick: { show: false },\n      axisLabel: {\n        ...buildAxisLabelStyle(theme),\n        padding: [parseInt(theme.spacing(0.5)), 0, 0, 0],\n        margin: 0,\n        // `interval: 0` makes every category label a candidate so `hideOverlap`\n        // can pack the maximum number that physically fit; the category-axis\n        // default (`'auto'`) sub-samples first and shows fewer than fit.\n        interval: 0,\n        hideOverlap: true,\n        ...(labelFormatter && {\n          formatter: (v: string | number) => String(labelFormatter(v)),\n        }),\n      },\n    },\n    yAxis: {\n      type: 'value',\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      axisLine: { show: false },\n      axisTick: { show: false },\n      splitLine: {\n        show: true,\n        lineStyle: { color: theme.palette.black?.[4] ?? theme.palette.divider },\n      },\n      axisLabel: {\n        ...buildAxisLabelStyle(theme),\n        margin: parseInt(theme.spacing(1)),\n        show: true,\n        showMaxLabel: true,\n        showMinLabel: true,\n        verticalAlign: 'bottom',\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    },\n  } as BarEChartsOption\n}\n\n/**\n * Returns the bar widget's {@link OptionFactory} — a single closure that\n * handles BOTH option-construction phases:\n *\n *   - **Structural phase** (`option == null`) — builds the theme-aware\n *     structural option via {@link barOptions}, optionally merging the\n *     consumer-supplied `optionsOverride` on top. Called once by Provider\n *     to seed `rawOptions` in the store; configTransforms (StackToggle /\n *     ZoomToggle / BrushToggle) then mutate it via the pipeline middleware.\n *   - **Merge phase** (`option != null`) — fuses post-pipeline `state.data`\n *     (`BarWidgetData`) into the option via the dataset API: one dataset\n *     per series, each series referencing its dataset by index, encoded\n *     by `name` (x) and `value` (y). Spreads any series-template fields\n *     already on the incoming option (e.g. `{ stack: 'total' }` from\n *     `addStack`) into every emitted series so configTransforms compose\n *     end-to-end. Reactive `ctx.formatter` / `ctx.labelFormatter` drive\n *     the y-axis min/max-only label and the tooltip formatter at fusion\n *     time so RelativeData's percent formatter flows through without a\n *     structural rebuild.\n *\n * Stable identity when the inputs don't change (consumers should wrap the\n * call in `useMemo` keyed on the same inputs).\n */\nexport function createBarOptionFactory(\n  options: BarOptionFactoryInput,\n): OptionFactory {\n  const { theme, formatter, labelFormatter, optionsOverride } = options\n  const series = options.series\n  const selection = options.selection\n  const selectionSet =\n    selection && selection.length > 0\n      ? new Set<string | number>(selection)\n      : null\n  return (option, data, ctx) => {\n    // Structural phase: Provider seeds rawOptions with this branch. No data\n    // is read; we just emit the theme-aware base (optionally with override).\n    if (option == null) {\n      const structural = barOptions({ theme, formatter, labelFormatter })\n      return optionsOverride\n        ? (mergeOptions(\n            structural as unknown as Record<string, unknown>,\n            optionsOverride as Partial<Record<string, unknown>>,\n          ) as EChartsOption)\n        : structural\n    }\n\n    const seriesArr = Array.isArray(data) ? (data as BarWidgetData) : []\n    if (seriesArr.length === 0) {\n      return { ...option, dataset: [], series: [] }\n    }\n    const hasLegend = seriesArr.length > 1\n    const baseLegend =\n      typeof option.legend === 'object' && !Array.isArray(option.legend)\n        ? option.legend\n        : {}\n    const baseGrid =\n      typeof option.grid === 'object' && !Array.isArray(option.grid)\n        ? option.grid\n        : {}\n    const baseTooltip =\n      typeof option.tooltip === 'object' && !Array.isArray(option.tooltip)\n        ? option.tooltip\n        : {}\n    const baseYAxis =\n      typeof option.yAxis === 'object' && !Array.isArray(option.yAxis)\n        ? option.yAxis\n        : {}\n\n    const seriesTemplates = Array.isArray(option.series) ? option.series : []\n    const broadcastTemplate = seriesTemplates[0] ?? {}\n\n    // Reactive (live store) formatters from ctx — distinct from the\n    // closure-time `formatter` / `labelFormatter` captured for the\n    // structural-build branch above. RelativeData can install a percent\n    // formatter on the store after the factory was constructed; the merge\n    // phase reads `ctx` to pick that up.\n    const liveFormatter = ctx?.formatter\n    const liveLabelFormatter = ctx?.labelFormatter\n\n    // Closure shared between the yAxis min/max callbacks and the label\n    // formatter, so only the rounded extents are labelled (matches v1).\n    // Delegating the extent to ECharts (rather than precomputing scalars\n    // from the raw data) is what keeps stacked bars inside the plot: when\n    // StackToggle marks the series, ECharts feeds the *post-stack* extent\n    // to these callbacks, so `niceNum` rounds the stacked total instead of\n    // a single series.\n    let niceMin = 0\n    let niceMax = 1\n\n    // Zoom slider layout: when ZoomToggle has installed `dataZoom`, push the\n    // slider above the legend (if any) and reserve room in the grid below.\n    const dataZoomLayout = positionDataZoomForLegend(option.dataZoom, hasLegend)\n    const fallbackBottom =\n      typeof baseGrid.bottom === 'number' ? baseGrid.bottom : 24\n    const baseBottom = hasLegend ? 56 : fallbackBottom\n    const gridBottom = dataZoomLayout\n      ? baseBottom + ZOOM_LAYOUT.sliderHeight + ZOOM_LAYOUT.sliderGap\n      : baseBottom\n\n    // When a selection is active, dim non-selected bars by routing the\n    // resolved palette color through `modifyAlpha`. Per-row `itemStyle` on\n    // dataset object-rows is silently ignored when `series.encode` is in\n    // play — the callback approach is the standard ECharts pattern for\n    // per-data styling derived from a dataset.\n    //\n    // We *always* emit `itemStyle.color` (a passthrough when nothing is\n    // selected), not conditionally — dropping the key between renders\n    // would let ECharts' default merge keep the previous callback alive\n    // and bars would stay dimmed forever after an external clear. Always\n    // emitting lets normal merge swap the callback in place, no\n    // `replaceMerge` and no entry-animation flash on selection on/off.\n    const dimItemStyle = {\n      color: (params: CallbackDataParams) => {\n        const base = params.color as string\n        if (!selectionSet) return base\n        const datum = params.value as { name?: string | number } | undefined\n        const name = datum?.name ?? params.name\n        return name != null && selectionSet.has(name)\n          ? base\n          : echarts.color.modifyAlpha(base, 0.15)\n      },\n    }\n\n    return {\n      ...option,\n      dataset: seriesArr.map((s) => ({ source: s as readonly object[] })),\n      series: seriesArr.map((_, i) => {\n        const template =\n          (seriesTemplates[i] as object | undefined) ??\n          (broadcastTemplate as object)\n        // Per-series `color` override: ECharts sets `params.color` from\n        // `series[i].color` when resolving styles, so the dim callback\n        // above keeps working — it just dims the user's colour rather\n        // than the palette default.\n        const overrideColor = resolveThemeColor(theme, series?.[i]?.color)\n        return {\n          ...(typeof template === 'object' ? template : {}),\n          type: 'bar' as const,\n          datasetIndex: i,\n          name: series?.[i]?.name ?? `Series ${i + 1}`,\n          encode: { x: 'name', y: 'value' },\n          barMaxWidth: 100,\n          emphasis: { focus: 'series' },\n          itemStyle: dimItemStyle,\n          ...(overrideColor ? { color: overrideColor } : {}),\n        }\n      }),\n      legend: { ...baseLegend, show: hasLegend },\n      grid: {\n        ...baseGrid,\n        bottom: gridBottom,\n      },\n      ...(dataZoomLayout ? { dataZoom: dataZoomLayout } : {}),\n      yAxis: {\n        ...baseYAxis,\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          ...((baseYAxis as { axisLabel?: object }).axisLabel ?? {}),\n          formatter: (value: number) => {\n            if (value !== niceMax && value !== niceMin) return ''\n            if (value === 0) return ''\n            return liveFormatter ? liveFormatter(value) : String(value)\n          },\n        },\n      } as EChartsOption['yAxis'],\n      tooltip: {\n        ...baseTooltip,\n        formatter: buildBarTooltipFormatter(liveFormatter, liveLabelFormatter),\n      },\n    } as EChartsOption\n  }\n}\n\nfunction buildBarTooltipFormatter(\n  formatter: ((value: number) => string) | undefined,\n  labelFormatter: ((value: string | number) => string | number) | undefined,\n) {\n  return createTooltipFormatter((item) => {\n    const row = item.value as { name?: string | number; value?: number }\n    const raw = row?.value\n    const formattedValue =\n      typeof raw === 'number' && formatter ? formatter(raw) : (raw ?? '')\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    return { name: String(name), seriesName, marker, value: formattedValue }\n  })\n}\n","import { Box, Skeleton, type SxProps, type Theme } from '@mui/material'\n\nconst styles = {\n  container: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    flexDirection: 'column',\n    gap: ({ spacing }) => spacing(1),\n    height: ({ spacing }) => spacing(38),\n  },\n  grid: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    flex: '1 1 auto',\n    alignItems: 'flex-end',\n    width: '100%',\n  },\n  bar: {\n    flex: 1,\n    maxWidth: ({ spacing }) => spacing(12),\n    '& + &': {\n      marginLeft: ({ spacing }) => spacing(1),\n    },\n  },\n  legend: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: ({ spacing }) => spacing(2),\n    height: ({ spacing }) => spacing(5),\n  },\n  legendItem: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: ({ spacing }) => spacing(1.5),\n  },\n} satisfies Record<string, SxProps<Theme>>\n\nconst BAR_HEIGHTS = ['20%', '40%', '60%', '20%', '80%'] as const\n\n/**\n * Loading state for the Bar widget. Mirrors a bar chart's silhouette — five\n * vertical bars at staggered heights anchored to the bottom, plus a legend\n * stub — so the skeleton reads as \"a bar chart\" rather than a generic list.\n */\nexport function BarSkeleton() {\n  return (\n    <Box sx={styles.container}>\n      <Box sx={styles.grid}>\n        {BAR_HEIGHTS.map((height, i) => (\n          <Skeleton\n            key={`bar-${i}`}\n            sx={styles.bar}\n            variant='rectangular'\n            height={height}\n          />\n        ))}\n      </Box>\n      <Box sx={styles.legend}>\n        {[0, 1].map((i) => (\n          <Box key={`legend-${i}`} sx={styles.legendItem}>\n            <Skeleton variant='circular' width={8} height={8} />\n            <Skeleton width={48} height={8} />\n          </Box>\n        ))}\n      </Box>\n    </Box>\n  )\n}\n","import {\n  buildCsvDownloadItem,\n  buildPngDownloadItem,\n  type DownloadContext,\n  type DownloadItem,\n} from '../actions/download'\nimport type { BarWidgetData } from './types'\n\nexport interface BarDownloadConfigArgs {\n  filename: string\n  getData: (ctx: DownloadContext) => BarWidgetData\n  /**\n   * Optional getter for the widget's capture element (registered by\n   * `Widget.State` on its success path). When provided, a PNG item is\n   * prepended to the returned list. Wire it to\n   * `() => getCaptureEl(id)`.\n   */\n  getCaptureEl?: (ctx: DownloadContext) => HTMLElement | null\n  /** PNG `pixelRatio` (default 2). */\n  pngPixelRatio?: number\n  /** PNG `backgroundColor` (default transparent). */\n  pngBackgroundColor?: string | null\n}\n\n/**\n * Builds download items for the Bar widget. Always includes a CSV item\n * with one `name,value` block per series, separated by an empty row when\n * there are multiple. When `getCaptureEl` is supplied, also prepends a PNG\n * item that rasterises the captured element via `html2canvas`.\n */\nexport function createBarDownloadConfig(\n  args: BarDownloadConfigArgs,\n): DownloadItem[] {\n  const items: DownloadItem[] = []\n  if (args.getCaptureEl) {\n    items.push(\n      buildPngDownloadItem({\n        filename: args.filename,\n        getCaptureEl: args.getCaptureEl,\n        pixelRatio: args.pngPixelRatio,\n        backgroundColor: args.pngBackgroundColor,\n      }),\n    )\n  }\n  items.push(\n    buildCsvDownloadItem({\n      filename: args.filename,\n      getRows: (ctx) => {\n        const data = args.getData(ctx)\n        const rows: unknown[][] = []\n        for (const [i, series] of data.entries()) {\n          if (i > 0) rows.push([])\n          rows.push(['name', 'value'])\n          for (const d of series) rows.push([d.name, d.value])\n        }\n        return rows\n      },\n    }),\n  )\n  return items\n}\n"],"mappings":"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"}

package/dist/widgets-v2/category.js

@@ -1,2 +0,0 @@
-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-D01ruG-l.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-v2/echart.js

@@ -1,2 +0,0 @@
-import { a as e, i as t, n, o as r, r as i, t as a } from "../echart-CwzbPElc.js";
-export { i as DEFAULT_INIT_OPTS, n as Echart, t as EchartUI, e as __resetSharedResizeObserver, r as observeResize, a as useChartSelection };