@carto/ps-react-ui 4.4.3 → 4.5.0

package/dist/widgets/wrapper.js

@@ -1,14 +1,14 @@
-import { jsx as a, jsxs as B, Fragment as N } from "react/jsx-runtime";
-import { c as _ } from "react/compiler-runtime";
-import { Box as L, IconButton as j, MenuItem as z, ListItemIcon as Y, ListItemText as F, Menu as D, Typography as H, LinearProgress as G, AccordionSummary as U, AccordionDetails as V, Accordion as q } from "@mui/material";
-import { MoreVert as J } from "@mui/icons-material";
-import { useState as K, useLayoutEffect as Q } from "react";
+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-BYbxrJ-7.js";
 import "../cjs-D4KH3azB.js";
-import { S as R } from "../smart-tooltip-D4vwQpFf.js";
-import { u as P } from "../widget-store-CzDt8oSK.js";
-import { useShallow as $ } from "zustand/shallow";
-const T = {
+import { S as U } from "../smart-tooltip-D4vwQpFf.js";
+import { u as V } from "../use-widget-selector-DqRmWQ1K.js";
+import { w as M } from "../widget-store-CIrb9RKP.js";
+const k = {
   root: {
     ".Mui-disabled .MuiAccordionSummary-expandIconWrapper": {
       display: "none"
@@ -108,178 +108,176 @@ const T = {
       spacing: t
     }) => t(0.5)
   }
-}, X = [];
-function Z(t) {
-  const e = _(4), {
-    actions: n
-  } = t, o = n === void 0 ? X : n;
-  let l;
-  e[0] !== o ? (l = o.map(ee), e[0] = o, e[1] = l) : l = e[1];
-  let i;
-  return e[2] !== l ? (i = /* @__PURE__ */ a(L, { sx: T.actions, className: "widget-wrapper-actions", children: l }), e[2] = l, e[3] = i) : i = e[3], i;
+}, 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;
 }
-function ee(t, e) {
-  const n = t && typeof t == "object" && "key" in t && t.key != null ? t.key : e;
-  return /* @__PURE__ */ a(L, { onClick: te, children: t }, n);
+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 te(t) {
+function Q(t) {
   t.stopPropagation();
 }
-const oe = [];
-function ie(t) {
-  const e = _(19), {
-    labels: n,
-    options: o
-  } = t, l = o === void 0 ? oe : o, [i, r] = K(null);
+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[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = (y, c) => {
-    y.stopPropagation(), c.onClick(), r(null);
-  }, e[0] = m) : m = e[0];
-  const S = m, x = n?.title ?? "Options";
-  let f, g;
-  e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = (y) => {
-    y.stopPropagation(), r(y.currentTarget);
-  }, g = /* @__PURE__ */ a(J, {}), e[1] = f, e[2] = g) : (f = e[1], g = e[2]);
-  let s;
-  e[3] !== x ? (s = /* @__PURE__ */ a(j, { sx: T.options.trigger, size: "small", "aria-label": x, "aria-controls": "options-menu", "aria-haspopup": "true", onClick: f, children: g }), e[3] = x, e[4] = s) : s = e[4];
-  let d, b;
-  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = {
+  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"
-  }, b = {
+  }, g = {
     vertical: "top",
     horizontal: "right"
-  }, e[5] = d, e[6] = b) : (d = e[5], b = e[6]);
-  const h = !!i;
-  let v, p;
-  e[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (v = () => r(null), p = {
+  }, 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] = v, e[8] = p) : (v = e[7], p = e[8]);
-  let C;
-  if (e[9] !== l) {
-    let y;
-    e[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (y = (c) => /* @__PURE__ */ B(z, { disabled: c.disabled, onClick: (w) => S(w, c), children: [
-      c.icon && /* @__PURE__ */ a(Y, { children: c.icon }),
-      /* @__PURE__ */ a(F, { children: c.label })
-    ] }, c.label), e[11] = y) : y = e[11], C = l.map(y), e[9] = l, e[10] = C;
+  }, 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
-    C = e[10];
-  let u;
-  e[12] !== i || e[13] !== C || e[14] !== h ? (u = /* @__PURE__ */ a(D, { variant: "menu", elevation: 8, anchorOrigin: d, transformOrigin: b, anchorEl: i, open: h, onClose: v, MenuListProps: p, children: C }), e[12] = i, e[13] = C, e[14] = h, e[15] = u) : u = e[15];
-  let I;
-  return e[16] !== u || e[17] !== s ? (I = /* @__PURE__ */ B(N, { children: [
-    s,
-    u
-  ] }), e[16] = u, e[17] = s, e[18] = I) : I = e[18], I;
+    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;
 }
-function ne(t) {
-  const e = _(5), {
-    label: n,
-    children: o
-  } = t, l = n ?? (typeof o == "string" ? o : "");
-  let i;
-  e[0] !== o ? (i = (m) => {
+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: S
-    } = m;
-    return /* @__PURE__ */ a(L, { sx: T.title.container, children: /* @__PURE__ */ a(H, { sx: T.title.text, ref: S, variant: "subtitle1", textTransform: "none", children: o }) });
-  }, e[0] = o, e[1] = i) : i = e[1];
-  let r;
-  return e[2] !== l || e[3] !== i ? (r = /* @__PURE__ */ a(R, { title: l, children: i }), e[2] = l, e[3] = i, e[4] = r) : r = e[4], r;
+      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;
 }
-const le = [], se = [];
-function re(t) {
-  const e = _(34), {
-    children: n,
-    id: o,
-    actions: l,
-    sx: i,
-    labels: r,
-    options: m,
-    onChangeCollapsed: S
-  } = t, x = l === void 0 ? le : l, f = m === void 0 ? se : m;
-  let g;
-  e[0] !== o ? (g = (k) => k.getWidget(o)?.title, e[0] = o, e[1] = g) : g = e[1];
-  const s = P($(g));
-  let d;
-  e[2] !== o ? (d = (k) => k.getWidget(o)?.collapsed, e[2] = o, e[3] = d) : d = e[3];
-  const b = P($(d));
-  let h;
-  e[4] !== o ? (h = (k) => k.getWidget(o)?.disabled, e[4] = o, e[5] = h) : h = e[5];
-  const v = P($(h));
-  let p;
-  e[6] !== o ? (p = (k) => k.getWidget(o)?.isFetching, e[6] = o, e[7] = p) : p = e[7];
-  const C = P($(p)), u = b ? "collapsed" : "";
-  let I;
-  e[8] !== i ? (I = {
-    ...T.root,
-    ...i
-  }, e[8] = i, e[9] = I) : I = e[9];
-  const y = !b;
+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[10] !== C ? (c = C && /* @__PURE__ */ a(G, { sx: T.loading, color: "primary" }), e[10] = C, e[11] = c) : c = e[11];
-  let w;
-  e[12] !== s ? (w = /* @__PURE__ */ a(ne, { children: s }), e[12] = s, e[13] = w) : w = e[13];
+  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;
-  e[14] !== x ? (O = !!x.length && /* @__PURE__ */ a(Z, { actions: x }), e[14] = x, e[15] = O) : O = e[15];
-  let W;
-  e[16] !== r?.options || e[17] !== f ? (W = !!f.length && /* @__PURE__ */ a(ie, { labels: r?.options, options: f }), e[16] = r?.options, e[17] = f, e[18] = W) : W = e[18];
-  let E;
-  e[19] !== c || e[20] !== w || e[21] !== O || e[22] !== W ? (E = /* @__PURE__ */ B(U, { sx: T.summary, children: [
-    c,
-    w,
-    O,
-    W
-  ] }), e[19] = c, e[20] = w, e[21] = O, e[22] = W, e[23] = E) : E = e[23];
-  let M;
-  e[24] !== n ? (M = /* @__PURE__ */ a(V, { sx: T.detail, children: n }), e[24] = n, e[25] = M) : M = e[25];
-  let A;
-  return e[26] !== v || e[27] !== S || e[28] !== E || e[29] !== M || e[30] !== u || e[31] !== I || e[32] !== y ? (A = /* @__PURE__ */ B(q, { className: u, sx: I, expanded: y, onChange: S, disabled: v, children: [
-    E,
-    M
-  ] }), e[26] = v, e[27] = S, e[28] = E, e[29] = M, e[30] = u, e[31] = I, e[32] = y, e[33] = A) : A = e[33], A;
+  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;
+}
+function ie(t) {
+  return {
+    title: t?.title,
+    collapsed: t?.collapsed,
+    disabled: t?.disabled,
+    isFetching: t?.isFetching
+  };
 }
-function be(t) {
-  const e = _(19), {
-    id: n,
-    title: o,
-    defaultCollapsed: l,
-    disabled: i,
-    sx: r,
-    actions: m,
-    options: S,
+function he(t) {
+  const e = w(17), {
+    id: i,
+    title: l,
+    defaultCollapsed: n,
+    disabled: o,
+    sx: s,
+    actions: f,
+    options: v,
     labels: x,
-    children: f,
-    onChangeCollapsed: g
-  } = t, s = P(ae);
-  let d, b;
-  e[0] !== l || e[1] !== i || e[2] !== n || e[3] !== s || e[4] !== o ? (d = () => {
-    s(n, {
-      collapsed: l,
-      disabled: i,
-      title: o
+    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
     });
-  }, b = [l, i, o, n, s], e[0] = l, e[1] = i, e[2] = n, e[3] = s, e[4] = o, e[5] = d, e[6] = b) : (d = e[5], b = e[6]), Q(d, b);
-  let h;
-  e[7] !== n || e[8] !== g || e[9] !== s ? (h = (C, u) => {
-    g?.(C, u), s(n, {
-      collapsed: !u
+  }, 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[7] = n, e[8] = g, e[9] = s, e[10] = h) : h = e[10];
-  const v = h;
-  let p;
-  return e[11] !== m || e[12] !== f || e[13] !== v || e[14] !== n || e[15] !== x || e[16] !== S || e[17] !== r ? (p = /* @__PURE__ */ a(re, { id: n, labels: x, actions: m, options: S, sx: r, onChangeCollapsed: v, children: f }), e[11] = m, e[12] = f, e[13] = v, e[14] = n, e[15] = x, e[16] = S, e[17] = r, e[18] = p) : p = e[18], p;
-}
-function ae(t) {
-  return t.setWidget;
+  }, 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;
 }
 export {
-  Z as Actions,
-  ie as Options,
-  ne as Title,
-  be as WidgetWrapper,
-  re as WrapperUI
+  J as Actions,
+  X as Options,
+  Z as Title,
+  he as WidgetWrapper,
+  oe as WrapperUI
 };
 //# sourceMappingURL=wrapper.js.map

package/dist/widgets/wrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"wrapper.js","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 { useWidgetStore } from '../stores/widget-store'\nimport { useShallow } from 'zustand/shallow'\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  const title = useWidgetStore(\n    useShallow((state) => state.getWidget<WrapperState>(id)?.title),\n  )\n  const collapsed = useWidgetStore(\n    useShallow((state) => state.getWidget<WrapperState>(id)?.collapsed),\n  )\n  const disabled = useWidgetStore(\n    useShallow((state) => state.getWidget<WrapperState>(id)?.disabled),\n  )\n  const isFetching = useWidgetStore(\n    useShallow((state) => state.getWidget<WrapperState>(id)?.isFetching),\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 { useWidgetStore } 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  const setWidget = useWidgetStore((state) => state.setWidget)\n\n  useLayoutEffect(() => {\n    setWidget<WrapperState>(id, {\n      collapsed: defaultCollapsed,\n      disabled,\n      title,\n    })\n  }, [defaultCollapsed, disabled, title, id, setWidget])\n\n  const handleChangeCollapsed = (\n    event: React.SyntheticEvent<Element, Event>,\n    expanded: boolean,\n  ) => {\n    onChangeCollapsed?.(event, expanded)\n    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"],"names":["styles","root","display","opacity","transition","transitions","create","duration","standard","easing","easeInOut","pointerEvents","summary","minHeight","spacing","gap","paddingInlineEnd","loading","height","left","position","top","width","zIndex","title","container","alignItems","flexGrow","text","wordBreak","overflow","WebkitLineClamp","WebkitBoxOrient","actions","flexShrink","justifyContent","options","trigger","detail","flexDirection","paddingTop","EMPTY_ACTIONS","Actions","t0","$","_c","t1","undefined","t2","map","_temp2","t3","Box","action","index","key","jsx","_temp","e","stopPropagation","EMPTY_OPTIONS","Options","labels","anchorEl","setAnchorEl","useState","Symbol","for","option","onClick","handleOptionAction","t4","t5","e_0","currentTarget","MoreVert","t6","IconButton","t7","t8","vertical","horizontal","t9","Boolean","t10","t11","sx","paddingBottom","t12","t13","option_0","jsxs","MenuItem","disabled","e_1","icon","ListItemIcon","ListItemText","label","Menu","t14","Title","children","ref","Typography","SmartTooltip","WrapperUI","id","onChangeCollapsed","state","getWidget","useWidgetStore","useShallow","state_0","collapsed","state_1","state_2","isFetching","LinearProgress","length","AccordionSummary","t15","AccordionDetails","t16","Accordion","WidgetWrapper","defaultCollapsed","setWidget","useLayoutEffect","event","expanded","handleChangeCollapsed"],"mappings":"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"}
+{"version":3,"file":"wrapper.js","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"],"names":["styles","root","display","opacity","transition","transitions","create","duration","standard","easing","easeInOut","pointerEvents","summary","minHeight","spacing","gap","paddingInlineEnd","loading","height","left","position","top","width","zIndex","title","container","alignItems","flexGrow","text","wordBreak","overflow","WebkitLineClamp","WebkitBoxOrient","actions","flexShrink","justifyContent","options","trigger","detail","flexDirection","paddingTop","EMPTY_ACTIONS","Actions","t0","$","_c","t1","undefined","t2","map","_temp2","t3","Box","action","index","key","jsx","_temp","e","stopPropagation","EMPTY_OPTIONS","Options","labels","anchorEl","setAnchorEl","useState","Symbol","for","option","onClick","handleOptionAction","t4","t5","e_0","currentTarget","MoreVert","t6","IconButton","t7","t8","vertical","horizontal","t9","Boolean","t10","t11","sx","paddingBottom","t12","t13","option_0","jsxs","MenuItem","disabled","e_1","icon","ListItemIcon","ListItemText","label","Menu","t14","Title","children","ref","Typography","SmartTooltip","WrapperUI","id","onChangeCollapsed","collapsed","isFetching","useWidgetSelector","LinearProgress","length","AccordionSummary","AccordionDetails","Accordion","w","WidgetWrapper","defaultCollapsed","widgetStoreActions","setWidget","useLayoutEffect","event","expanded","handleChangeCollapsed"],"mappings":"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"}

package/dist/widgets.js

@@ -1,7 +1,7 @@
-import { u as r } from "./widget-store-CzDt8oSK.js";
-import { u as W } from "./use-widget-ref-wtFLDFCD.js";
-import { W as s } from "./no-data-hR3KcJ-_.js";
-import { W as d } from "./error-CEkRPccv.js";
+import { u as r } from "./widget-store-CIrb9RKP.js";
+import { u as W } from "./use-widget-ref-BFazQvJK.js";
+import { W as s } from "./no-data-DkIt7Qt1.js";
+import { W as d } from "./error-Cj8eUMrl.js";
 import { W as i } from "./note-t51drNe0.js";
 export {
   d as WidgetError,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@carto/ps-react-ui",
-  "version": "4.4.3",
+  "version": "4.5.0",
   "description": "CARTO's Professional Service React Material library",
   "type": "module",
   "devDependencies": {

package/src/hooks/use-widget-ref.ts

@@ -1,5 +1,5 @@
 import { useEffect, useRef } from 'react'
-import { useWidgetStore } from '../widgets/stores/widget-store'
+import { widgetStoreActions } from '../widgets/stores/widget-store'
 
 /**
  * Registers a DOM element ref and an ECharts instance ref with the widget store.
@@ -22,13 +22,12 @@ export function useWidgetRef<T extends HTMLElement = HTMLElement>(
 ) {
   const ref = useRef<T | null>(null)
   const instance = useRef<echarts.ECharts | null>(null)
-  const setWidget = useWidgetStore((store) => store.setWidget)
 
   useEffect(() => {
     if (ref.current) {
-      setWidget(widgetId, { refUI: ref, instance: instance })
+      widgetStoreActions.setWidget(widgetId, { refUI: ref, instance: instance })
     }
-  }, [widgetId, setWidget])
+  }, [widgetId])
 
   return { ref, instance }
 }

package/src/widgets/actions/brush-toggle/brush-toggle.tsx

@@ -1,13 +1,13 @@
 import { Box, IconButton } from '@mui/material'
 import { HighlightAltOutlined } from '@mui/icons-material'
 import { useEffect, useCallback, useRef } from 'react'
-import { useWidgetStore } from '../../stores/widget-store'
+import { widgetStoreActions } from '../../stores/widget-store'
 import type { BrushSelectedItems, BrushToggleProps } from './types'
 import { styles } from './style'
 import { Tooltip } from '../../../components'
 import { getEChartBrushConfig } from '../../echart/utils'
 import type { EchartOptionsProps, EchartWidgetState } from '../../echart/types'
-import { useShallow } from 'zustand/shallow'
+import { useWidgetSelector } from '../../stores/use-widget-selector'
 
 export const BRUSH_TOGGLE_TOOL_ID = 'brush-toggle'
 
@@ -36,26 +36,18 @@ export function BrushToggle({
   Icon,
   IconButtonProps,
 }: BrushToggleProps) {
-  const getWidget = useWidgetStore((state) => state.getWidget)
-  const registerTool = useWidgetStore((state) => state.registerTool)
-  const unregisterTool = useWidgetStore((state) => state.unregisterTool)
-  const setToolEnabled = useWidgetStore((state) => state.setToolEnabled)
   const selected = useRef<BrushSelectedItems>({ dataIndex: [], seriesIndex: 0 })
 
-  const brushTool = useWidgetStore(
-    useShallow((state) => {
-      const tools = state.getWidget(id)?.registeredTools ?? []
-      return tools.find((tool) => tool.id === BRUSH_TOGGLE_TOOL_ID)
-    }),
-  )
-
-  const brush = brushTool?.enabled
+  const { brush } = useWidgetSelector(id, (w) => ({
+    brush: w?.registeredTools?.find((tool) => tool.id === BRUSH_TOGGLE_TOOL_ID)
+      ?.enabled,
+  }))
 
   const toggleTool = useCallback(
     (value: boolean) => {
-      setToolEnabled(id, BRUSH_TOGGLE_TOOL_ID, value)
+      widgetStoreActions.setToolEnabled(id, BRUSH_TOGGLE_TOOL_ID, value)
     },
-    [id, setToolEnabled],
+    [id],
   )
 
   const handleToggle = useCallback(() => {
@@ -71,7 +63,8 @@ export function BrushToggle({
   useEffect(() => {
     if (!brush) return
 
-    const instance = getWidget<EchartWidgetState>(id)?.instance?.current
+    const instance =
+      widgetStoreActions.getWidget<EchartWidgetState>(id)?.instance?.current
     if (!instance) return
 
     const handleRendered = () => {
@@ -95,7 +88,7 @@ export function BrushToggle({
     return () => {
       instance.off('rendered', handleRendered)
     }
-  }, [brush, getWidget, id])
+  }, [brush, id])
 
   // Handle brushSelected event to capture selected bar indices
   const handleBrushSelected = useCallback((event: unknown) => {
@@ -145,15 +138,15 @@ export function BrushToggle({
     toggleTool(false) // Disable brush after selection is made
   }, [onBrushSelected, toggleTool])
 
-  // Register config tool on mount
+  // Register config tool with all reactive deps — store's no-op detection handles performance
   useEffect(() => {
-    const existingTool = getWidget(id)?.registeredTools?.find(
-      (tool) => tool.id === BRUSH_TOGGLE_TOOL_ID,
-    )
+    const existingTool = widgetStoreActions
+      .getWidget(id)
+      ?.registeredTools?.find((tool) => tool.id === BRUSH_TOGGLE_TOOL_ID)
 
     const initialEnabled = existingTool?.enabled ?? false
 
-    registerTool(id, {
+    widgetStoreActions.registerTool(id, {
       id: BRUSH_TOGGLE_TOOL_ID,
       type: 'config',
       order: 25,
@@ -182,15 +175,8 @@ export function BrushToggle({
         }
       },
     })
-    return () => unregisterTool(id, BRUSH_TOGGLE_TOOL_ID)
-  }, [
-    getWidget,
-    handleBrushEnd,
-    handleBrushSelected,
-    id,
-    registerTool,
-    unregisterTool,
-  ])
+    return () => widgetStoreActions.unregisterTool(id, BRUSH_TOGGLE_TOOL_ID)
+  }, [id, handleBrushSelected, handleBrushEnd])
 
   const enableLabel = labels?.enable ?? 'Enable brush selection'
   const disableLabel = labels?.disable ?? 'Disable brush selection'