@carto/ps-react-ui 4.3.5 → 4.3.6

package/dist/widgets/loader.js

@@ -1,41 +1,42 @@
-import { c as W } from "react/compiler-runtime";
-import { useEffect as n } from "react";
-import { u as h } from "../widget-store-CB6Trp_0.js";
-import { d as x } from "../cjs-D4KH3azB.js";
-function M(e) {
-  const t = W(27), i = h(v), d = h(_);
-  let a, c;
-  t[0] !== e.id || t[1] !== e.type || t[2] !== i ? (a = () => {
-    i(e.id, {
+import { c as r } from "react/compiler-runtime";
+import { useEffect as c } from "react";
+import { u as f } from "../widget-store-Dn0Bnc4h.js";
+import { d as C } from "../cjs-D4KH3azB.js";
+function $(e) {
+  const i = r(29), t = f(v), n = f(_), d = f(P);
+  let g, l;
+  i[0] !== e.id || i[1] !== e.type || i[2] !== t ? (g = () => {
+    t(e.id, {
       type: e.type
     });
-  }, c = [e.id, e.type, i], t[0] = e.id, t[1] = e.type, t[2] = i, t[3] = a, t[4] = c) : (a = t[3], c = t[4]), n(a, c);
-  let f, g;
-  t[5] !== e.error || t[6] !== e.id || t[7] !== e.isFetching || t[8] !== e.isLoading || t[9] !== i ? (f = () => {
-    i(e.id, {
+  }, l = [e.id, e.type, t], i[0] = e.id, i[1] = e.type, i[2] = t, i[3] = g, i[4] = l) : (g = i[3], l = i[4]), c(g, l);
+  let a, u;
+  i[5] !== e.error || i[6] !== e.id || i[7] !== e.isFetching || i[8] !== e.isLoading || i[9] !== t ? (a = () => {
+    t(e.id, {
       isLoading: e.isLoading ?? !1,
       isFetching: e.isFetching ?? !1,
       error: e.error
     });
-  }, g = [e.id, e.isLoading, e.isFetching, e.error, i], t[5] = e.error, t[6] = e.id, t[7] = e.isFetching, t[8] = e.isLoading, t[9] = i, t[10] = f, t[11] = g) : (f = t[10], g = t[11]), n(f, g);
-  let l, u;
-  t[12] !== e.config || t[13] !== e.id || t[14] !== i ? (l = () => {
-    e.config && i(e.id, {
-      ...e.config
+  }, u = [e.id, e.isLoading, e.isFetching, e.error, t], i[5] = e.error, i[6] = e.id, i[7] = e.isFetching, i[8] = e.isLoading, i[9] = t, i[10] = a, i[11] = u) : (a = i[10], u = i[11]), c(a, u);
+  let m, y;
+  i[12] !== d || i[13] !== e.config || i[14] !== e.id ? (m = () => {
+    e.config && d(e.id, e.config);
+  }, y = [e.id, e.config, d], i[12] = d, i[13] = e.config, i[14] = e.id, i[15] = m, i[16] = y) : (m = i[15], y = i[16]), c(m, y);
+  let b, h;
+  i[17] !== n || i[18] !== e.data || i[19] !== e.id ? (b = () => {
+    n(e.id, e.data);
+  }, h = [e.id, e.data, n], i[17] = n, i[18] = e.data, i[19] = e.id, i[20] = b, i[21] = h) : (b = i[20], h = i[21]), c(b, h);
+  let L, T;
+  return i[22] !== d || i[23] !== n || i[24] !== e.config || i[25] !== e.data || i[26] !== e.id ? (L = () => {
+    let x = f.getState().widgets[e.id]?.registeredTools;
+    return f.subscribe((W) => {
+      const F = W.widgets[e.id]?.registeredTools;
+      F !== x && (x = F, n(e.id, e.data), e.config && d(e.id, e.config));
     });
-  }, u = [e.id, e.config, i], t[12] = e.config, t[13] = e.id, t[14] = i, t[15] = l, t[16] = u) : (l = t[15], u = t[16]), n(l, u);
-  let m, r;
-  t[17] !== d || t[18] !== e.data || t[19] !== e.id ? (m = () => {
-    d(e.id, e.data);
-  }, r = [e.id, e.data, d], t[17] = d, t[18] = e.data, t[19] = e.id, t[20] = m, t[21] = r) : (m = t[20], r = t[21]), n(m, r);
-  let y, b;
-  return t[22] !== d || t[23] !== e.data || t[24] !== e.id ? (y = () => {
-    let L = h.getState().widgets[e.id]?.registeredTools;
-    return h.subscribe((F) => {
-      const T = F.widgets[e.id]?.registeredTools;
-      T !== L && (L = T, d(e.id, e.data));
-    });
-  }, b = [e.id, e.data, d], t[22] = d, t[23] = e.data, t[24] = e.id, t[25] = y, t[26] = b) : (y = t[25], b = t[26]), n(y, b), e.children;
+  }, T = [e.id, e.data, e.config, n, d], i[22] = d, i[23] = n, i[24] = e.config, i[25] = e.data, i[26] = e.id, i[27] = L, i[28] = T) : (L = i[27], T = i[28]), c(L, T), e.children;
+}
+function P(e) {
+  return e.executeConfigPipeline;
 }
 function _(e) {
   return e.executeToolPipeline;
@@ -43,19 +44,19 @@ function _(e) {
 function v(e) {
   return e.setWidget;
 }
-function $(e, t, i) {
-  return typeof e == "function" ? e(t, i) : e;
+function j(e, i, t) {
+  return typeof e == "function" ? e(i, t) : e;
 }
-function j(...e) {
-  return x(e[0] ?? {}, e[1] ?? {}, {
-    arrayMerge(t, i) {
-      return i;
+function k(...e) {
+  return C(e[0] ?? {}, e[1] ?? {}, {
+    arrayMerge(i, t) {
+      return t;
     }
   });
 }
 export {
-  M as WidgetLoader,
-  j as mergeWidgetConfig,
-  $ as resolveConfig
+  $ as WidgetLoader,
+  k as mergeWidgetConfig,
+  j as resolveConfig
 };
 //# sourceMappingURL=loader.js.map

package/dist/widgets/loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"loader.js","sources":["../../src/widgets/loader/loader.tsx","../../src/widgets/loader/utils.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport type { WidgetLoaderProps } from './types'\nimport { useWidgetStore } from '../stores/widget-store'\nimport type { WrapperState } from '../wrapper'\n\nexport function WidgetLoader<T>(props: WidgetLoaderProps<T>) {\n  const setWidget = useWidgetStore((state) => state.setWidget)\n  const executeToolPipeline = useWidgetStore(\n    (state) => state.executeToolPipeline,\n  )\n\n  // Split into 3 effects for metadata and 1 for data pipeline:\n  // Each property that can be modified independently gets its own effect to avoid\n  // accidentally resetting other properties.\n  //\n  // - Effect 1: Type (can be modified by tools that change visualization type)\n  // - Effect 2: Loading/Error states (change during fetch lifecycle)\n  // - Effect 3: Config (can be modified by tools that change widget configuration)\n  // - Effect 4: Data pipeline execution (transforms data through registered tools)\n  // - Effect 5: Re-execute pipeline when tool state changes\n\n  // Effect 1: Type updates\n  useEffect(() => {\n    setWidget<WrapperState>(props.id, {\n      type: props.type,\n    })\n  }, [props.id, props.type, setWidget])\n\n  // Effect 2: Loading and error states\n  useEffect(() => {\n    setWidget<WrapperState>(props.id, {\n      isLoading: props.isLoading ?? false,\n      isFetching: props.isFetching ?? false,\n      error: props.error,\n    })\n  }, [props.id, props.isLoading, props.isFetching, props.error, setWidget])\n\n  // Effect 3: Config updates\n  useEffect(() => {\n    if (props.config) {\n      setWidget<WrapperState>(props.id, {\n        ...props.config,\n      })\n    }\n  }, [props.id, props.config, setWidget])\n\n  // Effect 4: Execute tool pipeline when props.data changes\n  useEffect(() => {\n    void executeToolPipeline(props.id, props.data)\n  }, [props.id, props.data, executeToolPipeline])\n\n  // Effect 5: Re-execute pipeline when tool state changes (enabled/config)\n  useEffect(() => {\n    let prevTools = useWidgetStore.getState().widgets[props.id]?.registeredTools\n\n    const unsubscribe = useWidgetStore.subscribe((state) => {\n      const currentTools = state.widgets[props.id]?.registeredTools\n\n      // Only re-execute if tools array changed\n      if (currentTools !== prevTools) {\n        prevTools = currentTools\n        void executeToolPipeline(props.id, props.data)\n      }\n    })\n\n    return unsubscribe\n  }, [props.id, props.data, executeToolPipeline])\n\n  return props.children\n}\n","import deepmerge from 'deepmerge'\n\n/**\n * Config can be either an object or a function that receives baseConfig and data\n * and returns a partial config to be merged with the base.\n */\nexport type ConfigOrFn<TConfig, TData = unknown> =\n  | Partial<TConfig>\n  | ((baseConfig: TConfig, data: TData) => Partial<TConfig>)\n\n/**\n * Resolves a config that may be either an object or a function.\n * If it's a function, calls it with baseConfig and data.\n * If it's an object (or undefined), returns it as-is.\n */\nexport function resolveConfig<TConfig, TData>(\n  config: ConfigOrFn<TConfig, TData> | undefined,\n  baseConfig: TConfig,\n  data: TData,\n): Partial<TConfig> | undefined {\n  if (typeof config === 'function') {\n    return config(baseConfig, data)\n  }\n  return config\n}\n\nexport function mergeWidgetConfig<T>(\n  ...options: [Partial<T> | undefined, Partial<T> | undefined]\n): T {\n  return deepmerge(options[0] ?? {}, options[1] ?? {}, {\n    arrayMerge(_, source) {\n      return source as T[keyof T][]\n    },\n  })\n}\n"],"names":["WidgetLoader","props","$","_c","setWidget","useWidgetStore","_temp","executeToolPipeline","_temp2","t0","t1","id","type","useEffect","t2","t3","error","isFetching","isLoading","t4","t5","config","t6","t7","data","t8","t9","prevTools","getState","widgets","registeredTools","subscribe","state_1","currentTools","state","children","state_0","resolveConfig","baseConfig","mergeWidgetConfig","options","deepmerge","arrayMerge","_","source"],"mappings":"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"}
+{"version":3,"file":"loader.js","sources":["../../src/widgets/loader/loader.tsx","../../src/widgets/loader/utils.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport type { WidgetLoaderProps } from './types'\nimport { useWidgetStore } from '../stores/widget-store'\nimport type { WrapperState } from '../wrapper'\n\nexport function WidgetLoader<T extends Record<string, unknown> = Record<string, unknown>>(props: WidgetLoaderProps<T>) {\n  const setWidget = useWidgetStore((state) => state.setWidget)\n  const executeToolPipeline = useWidgetStore(\n    (state) => state.executeToolPipeline,\n  )\n  const executeConfigPipeline = useWidgetStore(\n    (state) => state.executeConfigPipeline,\n  )\n\n  // Split into 3 effects for metadata and 1 for data pipeline:\n  // Each property that can be modified independently gets its own effect to avoid\n  // accidentally resetting other properties.\n  //\n  // - Effect 1: Type (can be modified by tools that change visualization type)\n  // - Effect 2: Loading/Error states (change during fetch lifecycle)\n  // - Effect 3: Config (can be modified by tools that change widget configuration)\n  // - Effect 4: Data pipeline execution (transforms data through registered tools)\n  // - Effect 5: Re-execute pipeline when tool state changes\n\n  // Effect 1: Type updates\n  useEffect(() => {\n    setWidget<WrapperState>(props.id, {\n      type: props.type,\n    })\n  }, [props.id, props.type, setWidget])\n\n  // Effect 2: Loading and error states\n  useEffect(() => {\n    setWidget<WrapperState>(props.id, {\n      isLoading: props.isLoading ?? false,\n      isFetching: props.isFetching ?? false,\n      error: props.error,\n    })\n  }, [props.id, props.isLoading, props.isFetching, props.error, setWidget])\n\n  // Effect 3: Config updates — run through config pipeline\n  useEffect(() => {\n    if (props.config) {\n      void executeConfigPipeline(props.id, props.config)\n    }\n  }, [props.id, props.config, executeConfigPipeline])\n\n  // Effect 4: Execute tool pipeline when props.data changes\n  useEffect(() => {\n    void executeToolPipeline(props.id, props.data)\n  }, [props.id, props.data, executeToolPipeline])\n\n  // Effect 5: Re-execute pipelines when tool state changes (enabled/config)\n  useEffect(() => {\n    let prevTools = useWidgetStore.getState().widgets[props.id]?.registeredTools\n\n    const unsubscribe = useWidgetStore.subscribe((state) => {\n      const currentTools = state.widgets[props.id]?.registeredTools\n\n      // Only re-execute if tools array changed\n      if (currentTools !== prevTools) {\n        prevTools = currentTools\n        void executeToolPipeline(props.id, props.data)\n        if (props.config) {\n          void executeConfigPipeline(props.id, props.config)\n        }\n      }\n    })\n\n    return unsubscribe\n  }, [\n    props.id,\n    props.data,\n    props.config,\n    executeToolPipeline,\n    executeConfigPipeline,\n  ])\n\n  return props.children\n}\n","import deepmerge from 'deepmerge'\n\n/**\n * Config can be either an object or a function that receives baseConfig and data\n * and returns a partial config to be merged with the base.\n */\nexport type ConfigOrFn<TConfig, TData = unknown> =\n  | Partial<TConfig>\n  | ((baseConfig: TConfig, data: TData) => Partial<TConfig>)\n\n/**\n * Resolves a config that may be either an object or a function.\n * If it's a function, calls it with baseConfig and data.\n * If it's an object (or undefined), returns it as-is.\n */\nexport function resolveConfig<TConfig, TData>(\n  config: ConfigOrFn<TConfig, TData> | undefined,\n  baseConfig: TConfig,\n  data: TData,\n): Partial<TConfig> | undefined {\n  if (typeof config === 'function') {\n    return config(baseConfig, data)\n  }\n  return config\n}\n\nexport function mergeWidgetConfig<T>(\n  ...options: [Partial<T> | undefined, Partial<T> | undefined]\n): T {\n  return deepmerge(options[0] ?? {}, options[1] ?? {}, {\n    arrayMerge(_, source) {\n      return source as T[keyof T][]\n    },\n  })\n}\n"],"names":["WidgetLoader","props","$","_c","setWidget","useWidgetStore","_temp","executeToolPipeline","_temp2","executeConfigPipeline","_temp3","t0","t1","id","type","useEffect","t2","t3","error","isFetching","isLoading","t4","t5","config","t6","t7","data","t8","t9","prevTools","getState","widgets","registeredTools","subscribe","state_2","currentTools","state","children","state_1","state_0","resolveConfig","baseConfig","mergeWidgetConfig","options","deepmerge","arrayMerge","_","source"],"mappings":"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"}

package/dist/widgets/markdown.js

@@ -1,13 +1,13 @@
 import { jsx as i, jsxs as f } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
-import { u } from "../widget-store-CB6Trp_0.js";
+import { u } from "../widget-store-Dn0Bnc4h.js";
 import { useShallow as g } from "zustand/shallow";
 import { ListItem as w, List as d, Link as k, Typography as m, Skeleton as s, Box as y } from "@mui/material";
 import S from "react-markdown";
 import "@mui/icons-material";
 import "react";
 import "html2canvas";
-import "../lasso-tool-wFqOD6wk.js";
+import "../lasso-tool-BctzdzBu.js";
 import "../cjs-D4KH3azB.js";
 import "@dnd-kit/core";
 import "@dnd-kit/sortable";

package/dist/widgets/no-data.js

@@ -1,4 +1,4 @@
-import { W as t } from "../no-data-C54XJt13.js";
+import { W as t } from "../no-data-jdlbMef0.js";
 export {
   t as WidgetNoData
 };

package/dist/widgets/pie.js

@@ -2,7 +2,7 @@ import { jsxs as f, jsx as i } from "react/jsx-runtime";
 import { c as S } from "react/compiler-runtime";
 import "react";
 import "echarts";
-import "../widget-store-CB6Trp_0.js";
+import "../widget-store-Dn0Bnc4h.js";
 import "zustand/shallow";
 import { g as w } from "../options-D9wflre6.js";
 import { m as I } from "../utils-D3-eQyDR.js";
@@ -11,7 +11,7 @@ import { Box as d, Skeleton as a } from "@mui/material";
 import "@mui/icons-material";
 import "react-markdown";
 import { d as y, a as x } from "../exports-Cr43OCul.js";
-import "../lasso-tool-wFqOD6wk.js";
+import "../lasso-tool-BctzdzBu.js";
 import "../cjs-D4KH3azB.js";
 import "@dnd-kit/core";
 import "@dnd-kit/sortable";

package/dist/widgets/range.js

@@ -1,9 +1,9 @@
 import { jsx as g, jsxs as P } from "react/jsx-runtime";
 import { c as j } from "react/compiler-runtime";
-import { R as Z } from "../row-DrHwXNvF.js";
+import { R as Z } from "../row-D3uVFImu.js";
 import { Box as $, Slider as ee, TextField as te, Skeleton as G } from "@mui/material";
 import { useState as Q } from "react";
-import { u as H } from "../widget-store-CB6Trp_0.js";
+import { u as H } from "../widget-store-Dn0Bnc4h.js";
 import { useShallow as ne } from "zustand/shallow";
 const _ = {
   rangeItem: {

package/dist/widgets/scatterplot.js

@@ -2,7 +2,7 @@ import { jsxs as g, jsx as i } from "react/jsx-runtime";
 import { c as b } from "react/compiler-runtime";
 import "react";
 import "echarts";
-import "../widget-store-CB6Trp_0.js";
+import "../widget-store-Dn0Bnc4h.js";
 import "zustand/shallow";
 import { g as w } from "../options-D9wflre6.js";
 import { m as S } from "../utils-D3-eQyDR.js";
@@ -11,7 +11,7 @@ import { Box as s, Skeleton as p } from "@mui/material";
 import "@mui/icons-material";
 import "react-markdown";
 import { d as c, a as f } from "../exports-Cr43OCul.js";
-import "../lasso-tool-wFqOD6wk.js";
+import "../lasso-tool-BctzdzBu.js";
 import "../cjs-D4KH3azB.js";
 import "@dnd-kit/core";
 import "@dnd-kit/sortable";

package/dist/widgets/skeleton-loader.js

@@ -1,6 +1,6 @@
 import { jsx as n } from "react/jsx-runtime";
 import { c as f } from "react/compiler-runtime";
-import { u as m } from "../widget-store-CB6Trp_0.js";
+import { u as m } from "../widget-store-Dn0Bnc4h.js";
 import { Suspense as u } from "react";
 import { useShallow as d } from "zustand/shallow";
 function h(l) {

package/dist/widgets/spread.js

@@ -1,16 +1,16 @@
 import { jsx as d, jsxs as I, Fragment as M } from "react/jsx-runtime";
 import { c as S } from "react/compiler-runtime";
-import { I as w, S as W, P as k, a as C } from "../series-D3Pc-kYX.js";
-import { u as P } from "../widget-store-CB6Trp_0.js";
+import { I as w, S as W, P as k, a as C } from "../series-BAImrSBo.js";
+import { u as P } from "../widget-store-Dn0Bnc4h.js";
 import { useShallow as T } from "zustand/shallow";
 import { Box as v, Skeleton as F } from "@mui/material";
-import { R } from "../row-DrHwXNvF.js";
+import { R } from "../row-D3uVFImu.js";
 import "@mui/icons-material";
 import "react";
-import { u as V } from "../use-widget-ref-B0aNCANx.js";
+import { u as V } from "../use-widget-ref-B8x4sHIj.js";
 import "react-markdown";
 import "html2canvas";
-import "../lasso-tool-wFqOD6wk.js";
+import "../lasso-tool-BctzdzBu.js";
 import "../cjs-D4KH3azB.js";
 import "@dnd-kit/core";
 import "@dnd-kit/sortable";

package/dist/widgets/stores.js

@@ -1,4 +1,4 @@
-import { u as r } from "../widget-store-CB6Trp_0.js";
+import { u as r } from "../widget-store-Dn0Bnc4h.js";
 export {
   r as useWidgetStore
 };

package/dist/widgets/table.js

@@ -7,12 +7,12 @@ import ue from "@mui/icons-material/KeyboardArrowLeft";
 import ge from "@mui/icons-material/KeyboardArrowRight";
 import de from "@mui/icons-material/LastPage";
 import "react";
-import { u as pe } from "../use-widget-ref-B0aNCANx.js";
-import { u as M } from "../widget-store-CB6Trp_0.js";
+import { u as pe } from "../use-widget-ref-B8x4sHIj.js";
+import { u as M } from "../widget-store-Dn0Bnc4h.js";
 import { useShallow as j } from "zustand/shallow";
 import "@mui/icons-material";
 import { d as K, a as H } from "../exports-Cr43OCul.js";
-import "../lasso-tool-wFqOD6wk.js";
+import "../lasso-tool-BctzdzBu.js";
 import "../cjs-D4KH3azB.js";
 import "@dnd-kit/core";
 import "@dnd-kit/sortable";

package/dist/widgets/timeseries.js

@@ -2,7 +2,7 @@ import { jsxs as c, jsx as n } from "react/jsx-runtime";
 import { c as b } from "react/compiler-runtime";
 import "react";
 import "echarts";
-import "../widget-store-CB6Trp_0.js";
+import "../widget-store-Dn0Bnc4h.js";
 import "zustand/shallow";
 import { g as k } from "../options-D9wflre6.js";
 import { m as w } from "../utils-D3-eQyDR.js";
@@ -11,7 +11,7 @@ import { Box as s, Skeleton as o } from "@mui/material";
 import "@mui/icons-material";
 import "react-markdown";
 import { d as g, a as d } from "../exports-Cr43OCul.js";
-import "../lasso-tool-wFqOD6wk.js";
+import "../lasso-tool-BctzdzBu.js";
 import "../cjs-D4KH3azB.js";
 import "@dnd-kit/core";
 import "@dnd-kit/sortable";

package/dist/widgets/wrapper.js

@@ -3,10 +3,10 @@ import { c as _ } from "react/compiler-runtime";
 import { Box as O, IconButton as L, MenuItem as P, ListItemIcon as j, ListItemText as z, Menu as D, Typography as H, LinearProgress as N, AccordionSummary as G, AccordionDetails as U, Accordion as V } from "@mui/material";
 import { MoreVert as q } from "@mui/icons-material";
 import { useState as J, useEffect as K } from "react";
-import "../lasso-tool-wFqOD6wk.js";
+import "../lasso-tool-BctzdzBu.js";
 import "../cjs-D4KH3azB.js";
 import { S as Q } from "../smart-tooltip-BEtBaIdz.js";
-import { u as T } from "../widget-store-CB6Trp_0.js";
+import { u as T } from "../widget-store-Dn0Bnc4h.js";
 import { useShallow as R } from "zustand/shallow";
 const A = {
   root: {

package/dist/widgets.js

@@ -1,7 +1,7 @@
-import { u as r } from "./widget-store-CB6Trp_0.js";
-import { u as W } from "./use-widget-ref-B0aNCANx.js";
-import { W as s } from "./no-data-C54XJt13.js";
-import { W as d } from "./error-B2IJ9d2h.js";
+import { u as r } from "./widget-store-Dn0Bnc4h.js";
+import { u as W } from "./use-widget-ref-B8x4sHIj.js";
+import { W as s } from "./no-data-jdlbMef0.js";
+import { W as d } from "./error-piB8FwYO.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.3.5",
+  "version": "4.3.6",
   "description": "CARTO's Professional Service React Material library",
   "type": "module",
   "devDependencies": {

package/src/components/lasso-tool/lasso-tool.tsx

@@ -131,7 +131,7 @@ function LassoToolsUIAction({
 }
 
 function Options({
-  TriggerProps: { Icon = <ArrowDropDown />, sx } = {},
+  TriggerProps = {},
   MenuProps,
   children,
 }: {
@@ -142,6 +142,9 @@ function Options({
   MenuProps?: Partial<ComponentProps<typeof Menu>>
   children: (props: OptionsChildrenProps) => JSX.Element
 }) {
+  const { Icon, sx } = TriggerProps
+  const IconNode = Icon ?? <ArrowDropDown />
+
   const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null)
 
   const open = Boolean(anchorEl)
@@ -163,7 +166,7 @@ function Options({
         }}
         onClick={handleToggle}
       >
-        {Icon}
+        {IconNode}
       </IconButton>
       <Menu
         id='lasso-menu'

package/src/widgets/actions/index.ts

@@ -15,7 +15,7 @@ export {
 export type { RelativeDataProps } from './relative-data/types'
 
 /* Zoom Toggle Widget */
-export { ZoomToggle } from './zoom-toggle/zoom-toggle'
+export { ZoomToggle, ZOOM_TOGGLE_TOOL_ID } from './zoom-toggle/zoom-toggle'
 export type {
   ZoomToggleProps,
   ZoomState,
@@ -23,7 +23,7 @@ export type {
 } from './zoom-toggle/types'
 
 /* Stack Toggle Widget */
-export { StackToggle } from './stack-toggle/stack-toggle'
+export { StackToggle, STACK_TOGGLE_TOOL_ID } from './stack-toggle/stack-toggle'
 export type { StackToggleProps, StackToggleState } from './stack-toggle/types'
 
 /* Searcher Toggle Widget */

package/src/widgets/actions/stack-toggle/stack-toggle.test.tsx

@@ -1,6 +1,6 @@
 import { describe, test, expect, beforeEach } from 'vitest'
 import { render, screen, fireEvent, waitFor } from '@testing-library/react'
-import { StackToggle } from './stack-toggle'
+import { StackToggle, STACK_TOGGLE_TOOL_ID } from './stack-toggle'
 import { useWidgetStore } from '../../stores/widget-store'
 import { DEFAULT_STACK_GROUP } from '../../echart/const'
 
@@ -113,19 +113,28 @@ describe('StackToggle', () => {
     expect((widget as { isStacked?: boolean })?.isStacked).toBe(true)
   })
 
-  test('updates EChart series options when toggling to stacked', () => {
-    // setupMultiSeriesWidget already ran in beforeEach
+  test('applies stack to EChart series via config pipeline when toggling to stacked', async () => {
     render(<StackToggle id={widgetId} />)
     const button = screen.getByRole('button')
     fireEvent.click(button)
 
+    // Run the config pipeline to apply the stack tool's transformation
+    await useWidgetStore.getState().executeConfigPipeline(widgetId, {
+      option: {
+        series: [
+          { name: 'Series 1', type: 'bar' },
+          { name: 'Series 2', type: 'bar' },
+        ],
+      },
+    })
+
     const widget = useWidgetStore.getState().getWidget(widgetId)
     const series = (widget as { option?: { series?: { stack?: string }[] } })
       ?.option?.series?.[0]
     expect(series?.stack).toBe(DEFAULT_STACK_GROUP)
   })
 
-  test('removes stack from EChart series when toggling to unstacked', () => {
+  test('removes stack from EChart series via config pipeline when toggling to unstacked', async () => {
     useWidgetStore.getState().setWidget(widgetId, {
       option: {
         series: [
@@ -141,13 +150,23 @@ describe('StackToggle', () => {
     // First click unstacks (since series has stack, it starts stacked)
     fireEvent.click(button)
 
+    // Run the config pipeline — tool is disabled when unstacked, so stack is removed
+    await useWidgetStore.getState().executeConfigPipeline(widgetId, {
+      option: {
+        series: [
+          { name: 'Series 1', type: 'bar' },
+          { name: 'Series 2', type: 'bar' },
+        ],
+      },
+    })
+
     const widget = useWidgetStore.getState().getWidget(widgetId)
     const series = (widget as { option?: { series?: { stack?: string }[] } })
       ?.option?.series?.[0]
     expect(series?.stack).toBeUndefined()
   })
 
-  test('updates multiple series when toggling stack', () => {
+  test('applies stack to multiple series via config pipeline', async () => {
     useWidgetStore.getState().setWidget(widgetId, {
       option: {
         series: [
@@ -162,6 +181,16 @@ describe('StackToggle', () => {
     const button = screen.getByRole('button')
     fireEvent.click(button)
 
+    await useWidgetStore.getState().executeConfigPipeline(widgetId, {
+      option: {
+        series: [
+          { name: 'Series 1', type: 'bar' },
+          { name: 'Series 2', type: 'bar' },
+          { name: 'Series 3', type: 'bar' },
+        ],
+      },
+    })
+
     const widget = useWidgetStore.getState().getWidget(widgetId)
     const seriesArray = (
       widget as { option?: { series?: { stack?: string }[] } }
@@ -173,7 +202,7 @@ describe('StackToggle', () => {
     })
   })
 
-  test('uses default stack group when re-stacking after unstacking', () => {
+  test('preserves custom stack group via config pipeline', async () => {
     const customStackGroup = 'custom-group'
     useWidgetStore.getState().setWidget(widgetId, {
       option: {
@@ -187,11 +216,20 @@ describe('StackToggle', () => {
     render(<StackToggle id={widgetId} />)
     const button = screen.getByRole('button')
 
-    // Toggle off then on - re-stacking uses default stack group
+    // Toggle off then on
     fireEvent.click(button) // unstacked
     fireEvent.click(button) // stacked again
 
-    void waitFor(() => {
+    await useWidgetStore.getState().executeConfigPipeline(widgetId, {
+      option: {
+        series: [
+          { name: 'Series 1', type: 'bar', stack: customStackGroup },
+          { name: 'Series 2', type: 'bar', stack: customStackGroup },
+        ],
+      },
+    })
+
+    await waitFor(() => {
       const widget = useWidgetStore.getState().getWidget(widgetId)
       const series = (widget as { option?: { series?: { stack?: string }[] } })
         ?.option?.series?.[0]
@@ -238,7 +276,75 @@ describe('StackToggle', () => {
     expect(container.firstChild).toBeNull()
   })
 
-  test('preserves other option properties when updating series', () => {
+  test('config tool re-applies stack when config pipeline re-runs', async () => {
+    // Start with stacked widget
+    useWidgetStore.getState().setWidget(widgetId, {
+      isStacked: true,
+      option: {
+        series: [
+          { name: 'Series 1', type: 'bar', stack: DEFAULT_STACK_GROUP },
+          { name: 'Series 2', type: 'bar', stack: DEFAULT_STACK_GROUP },
+        ],
+      },
+    })
+
+    render(<StackToggle id={widgetId} defaultIsStacked />)
+
+    // Simulate loader running config pipeline with base config (no stack)
+    await useWidgetStore.getState().executeConfigPipeline(widgetId, {
+      option: {
+        series: [
+          { name: 'Series 1', type: 'bar' },
+          { name: 'Series 2', type: 'bar' },
+        ],
+      },
+    })
+
+    // Stack should be re-applied by the config tool
+    await waitFor(() => {
+      const widget = useWidgetStore.getState().getWidget(widgetId)
+      const series = (widget as { option?: { series?: { stack?: string }[] } })
+        ?.option?.series
+      expect(series?.[0]?.stack).toBe(DEFAULT_STACK_GROUP)
+      expect(series?.[1]?.stack).toBe(DEFAULT_STACK_GROUP)
+    })
+  })
+
+  test('config tool does not apply stack when unstacked and pipeline re-runs', async () => {
+    // Start with unstacked widget
+    useWidgetStore.getState().setWidget(widgetId, {
+      isStacked: false,
+      option: {
+        series: [
+          { name: 'Series 1', type: 'bar' },
+          { name: 'Series 2', type: 'bar' },
+        ],
+      },
+    })
+
+    render(<StackToggle id={widgetId} />)
+
+    // Run config pipeline with base config
+    await useWidgetStore.getState().executeConfigPipeline(widgetId, {
+      option: {
+        series: [
+          { name: 'Series 1', type: 'bar' },
+          { name: 'Series 2', type: 'bar' },
+        ],
+      },
+    })
+
+    // Stack should NOT be applied since isStacked is false (tool disabled)
+    await waitFor(() => {
+      const widget = useWidgetStore.getState().getWidget(widgetId)
+      const series = (widget as { option?: { series?: { stack?: string }[] } })
+        ?.option?.series
+      expect(series?.[0]?.stack).toBeUndefined()
+      expect(series?.[1]?.stack).toBeUndefined()
+    })
+  })
+
+  test('preserves other option properties via config pipeline', async () => {
     useWidgetStore.getState().setWidget(widgetId, {
       option: {
         title: { text: 'My Chart' },
@@ -254,6 +360,17 @@ describe('StackToggle', () => {
     const button = screen.getByRole('button')
     fireEvent.click(button)
 
+    await useWidgetStore.getState().executeConfigPipeline(widgetId, {
+      option: {
+        title: { text: 'My Chart' },
+        xAxis: { type: 'category' },
+        series: [
+          { name: 'Series 1', type: 'bar' },
+          { name: 'Series 2', type: 'bar' },
+        ],
+      },
+    })
+
     const widget = useWidgetStore.getState().getWidget(widgetId)
     const option = (
       widget as {
@@ -267,4 +384,21 @@ describe('StackToggle', () => {
     expect(option?.title?.text).toBe('My Chart')
     expect(option?.xAxis?.type).toBe('category')
   })
+
+  test('registers config tool on mount and unregisters on unmount', () => {
+    const { unmount } = render(<StackToggle id={widgetId} />)
+
+    const widget = useWidgetStore.getState().getWidget(widgetId)
+    const tools = widget?.registeredTools ?? []
+    const stackTool = tools.find((t) => t.id === STACK_TOGGLE_TOOL_ID)
+    expect(stackTool).toBeDefined()
+    expect(stackTool?.type).toBe('config')
+
+    unmount()
+
+    const widgetAfter = useWidgetStore.getState().getWidget(widgetId)
+    const toolsAfter = widgetAfter?.registeredTools ?? []
+    const stackToolAfter = toolsAfter.find((t) => t.id === STACK_TOGGLE_TOOL_ID)
+    expect(stackToolAfter).toBeUndefined()
+  })
 })