@carto/ps-react-ui 4.2.7 → 4.3.0

package/dist/types/widgets/wrapper/styles.d.ts

@@ -0,0 +1,89 @@
+import { Theme } from '@mui/material';
+export declare const styles: {
+    root: {
+        '.Mui-disabled .MuiAccordionSummary-expandIconWrapper': {
+            display: "none";
+        };
+        '.widget-wrapper-actions > *': {
+            opacity: number;
+            transition: ({ transitions }: Theme) => string;
+            '@media (hover: hover)': {
+                opacity: number;
+            };
+            '&:has(.active)': {
+                opacity: number;
+            };
+        };
+        '&:hover': {
+            '& .widget-wrapper-actions > *': {
+                opacity: number;
+            };
+        };
+        '&.collapsed .widget-wrapper-actions > *': {
+            opacity: number;
+            pointerEvents: "none";
+            '&:has(.active)': {
+                opacity: number;
+            };
+        };
+    };
+    summary: {
+        minHeight: ({ spacing }: Theme) => string;
+        '& .MuiAccordionSummary-content': {
+            gap: ({ spacing }: Theme) => string;
+            paddingInlineEnd: ({ spacing }: Theme) => string;
+        };
+    };
+    loading: {
+        height: ({ spacing }: Theme) => string;
+        left: number;
+        position: "absolute";
+        top: number;
+        width: string;
+        zIndex: number;
+    };
+    title: {
+        wrapper: {
+            flexGrow: number;
+            flexShrink: number;
+            minWidth: number;
+            display: "flex";
+            justifyContent: "center";
+            flexDirection: "column";
+        };
+        container: {
+            display: "flex";
+            alignItems: "center";
+            flexGrow: number;
+            minHeight: ({ spacing }: Theme) => string;
+        };
+        text: {
+            wordBreak: "break-word";
+            overflow: "hidden";
+            display: "-webkit-box";
+            WebkitLineClamp: number;
+            WebkitBoxOrient: "vertical";
+        };
+    };
+    actions: {
+        display: "flex";
+        gap: ({ spacing }: Theme) => string;
+        alignItems: "center";
+        flexShrink: number;
+        justifyContent: "flex-end";
+        '& > div': {
+            pointerEvents: "auto";
+        };
+    };
+    options: {
+        trigger: {
+            pointerEvents: "auto";
+        };
+    };
+    detail: {
+        display: "flex";
+        flexDirection: "column";
+        gap: ({ spacing }: Theme) => string;
+        paddingTop: ({ spacing }: Theme) => string;
+    };
+};

package/dist/types/widgets/wrapper/types.d.ts

@@ -0,0 +1,37 @@
+import { ReactNode, SyntheticEvent } from 'react';
+import { SxProps, Theme } from '@mui/material';
+import { BaseWidgetState } from '../stores/types';
+export interface WrapperProps extends Pick<WrapperUIProps, 'sx' | 'actions' | 'options' | 'labels' | 'children' | 'onChangeCollapsed'>, Pick<WrapperState, 'disabled' | 'title'> {
+    id: WrapperState['id'];
+    defaultCollapsed?: boolean;
+}
+export type WrapperState<T = unknown> = BaseWidgetState<T & {
+    title: string;
+    disabled?: boolean;
+    collapsed?: boolean;
+    isLoading?: boolean;
+}>;
+export interface WrapperUIProps extends WrapperActionsProps, Omit<WrapperOptionsProps, 'labels' | ''> {
+    id: WrapperState['id'];
+    children: ReactNode;
+    sx?: SxProps<Theme>;
+    labels?: {
+        options?: WrapperOptionsProps['labels'];
+    };
+    onChangeCollapsed?: (event: SyntheticEvent<Element, Event>, collapsed: boolean) => void;
+}
+export interface WrapperActionsProps {
+    actions?: ReactNode[];
+}
+export interface WrapperOptionsProps {
+    labels?: {
+        title: string;
+    };
+    options?: WrapperOption[];
+}
+export interface WrapperOption {
+    label: string;
+    disabled?: boolean;
+    icon?: ReactNode;
+    onClick: () => void;
+}

package/dist/types/widgets/wrapper/wrapper-ui.d.ts

@@ -0,0 +1,2 @@
+import { WrapperUIProps } from './types';
+export declare function WrapperUI({ children, id, actions, sx, labels, options, onChangeCollapsed, }: WrapperUIProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/widgets/wrapper/wrapper.d.ts

@@ -0,0 +1,2 @@
+import { WrapperProps } from './types';
+export declare function WidgetWrapper({ id, title, defaultCollapsed, disabled, sx, actions, options, labels, children, onChangeCollapsed, }: WrapperProps): import("react/jsx-runtime").JSX.Element;

package/dist/use-widget-ref-B0aNCANx.js

@@ -0,0 +1,19 @@
+import { c as u } from "react/compiler-runtime";
+import { useRef as n, useEffect as c } from "react";
+import { u as i } from "./widget-store-CB6Trp_0.js";
+function a(t) {
+  const e = u(4), s = n(null), r = i(m);
+  let f, o;
+  return e[0] !== r || e[1] !== t ? (f = () => {
+    s.current && r(t, {
+      refUI: s
+    });
+  }, o = [t, r], e[0] = r, e[1] = t, e[2] = f, e[3] = o) : (f = e[2], o = e[3]), c(f, o), s;
+}
+function m(t) {
+  return t.setWidget;
+}
+export {
+  a as u
+};
+//# sourceMappingURL=use-widget-ref-B0aNCANx.js.map

package/dist/use-widget-ref-B0aNCANx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-widget-ref-B0aNCANx.js","sources":["../src/hooks/use-widget-ref.ts"],"sourcesContent":["import { useEffect, useRef } from 'react'\nimport { useWidgetStore } from '../widgets/stores/widget-store'\n\n/**\n * Custom hook for registering a DOM element ref with the widget store.\n * This allows other parts of the application to access the widget's DOM element.\n *\n * @param widgetId - The widget ID to register the ref under\n * @returns A ref object to attach to the DOM element\n *\n * @example\n * ```tsx\n * function MyWidget({ id }: { id: string }) {\n *   const ref = useWidgetRef<HTMLDivElement>(id)\n *\n *   return <div ref={ref}>Widget content</div>\n * }\n * ```\n */\nexport function useWidgetRef<T extends HTMLElement = HTMLElement>(\n  widgetId: string,\n) {\n  const ref = useRef<T | null>(null)\n  const setWidget = useWidgetStore((store) => store.setWidget)\n\n  useEffect(() => {\n    if (ref.current) {\n      setWidget(widgetId, { refUI: ref })\n    }\n  }, [widgetId, setWidget])\n\n  return ref\n}\n"],"names":["useWidgetRef","widgetId","$","_c","ref","useRef","setWidget","useWidgetStore","_temp","t0","t1","current","refUI","useEffect","store"],"mappings":";;;AAmBO,SAAAA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAGLC,IAAYC,EAAiB,IAAI,GACjCC,IAAkBC,EAAeC,CAA0B;AAAC,MAAAC,GAAAC;AAAA,SAAAR,EAAA,CAAA,MAAAI,KAAAJ,SAAAD,KAElDQ,IAAAA,MAAA;AACR,IAAIL,EAAGO,WACLL,EAAUL,GAAU;AAAA,MAAAW,OAASR;AAAAA,IAAAA,CAAK;AAAA,EACnC,GACAM,IAAA,CAACT,GAAUK,CAAS,GAACJ,OAAAI,GAAAJ,OAAAD,GAAAC,OAAAO,GAAAP,OAAAQ,MAAAD,IAAAP,EAAA,CAAA,GAAAQ,IAAAR,EAAA,CAAA,IAJxBW,EAAUJ,GAIPC,CAAqB,GAEjBN;AAAG;AAZL,SAAAI,EAAAM,GAAA;AAAA,SAIuCA,EAAKR;AAAU;"}

package/dist/utils-D3-eQyDR.js

@@ -0,0 +1,144 @@
+import { d as n } from "./cjs-D4KH3azB.js";
+const s = "stacked";
+function S(...e) {
+  return n(e[0] ?? {}, e[1] ?? {}, {
+    customMerge: (i) => {
+      if (i === "color")
+        return (I, a) => a;
+      if (i === "series")
+        return (I, a) => I.length ? a?.map((t, r) => {
+          const l = I?.[r] ?? {};
+          return n(l, t);
+        }) : I;
+    }
+  });
+}
+function h(e, {
+  start: i,
+  end: I
+} = {
+  start: 0,
+  end: 100
+}, {
+  inside: a = !0,
+  xSlider: g = !0,
+  ySlider: t = !1,
+  showSliders: r = !0,
+  xAxisLabelFormatter: l
+} = {}, o) {
+  const d = o ? y(o) : {};
+  return {
+    dataZoom: [a && {
+      throttle: 0,
+      type: "inside",
+      xAxisIndex: g ? [0] : [],
+      yAxisIndex: t ? [0] : [],
+      show: e,
+      zoomLock: !e,
+      start: i,
+      end: I
+    }, a && t && {
+      throttle: 0,
+      type: "inside",
+      show: e,
+      zoomLock: !e,
+      start: i,
+      end: I,
+      orientation: "vertical"
+    }, g && {
+      throttle: 0,
+      type: "slider",
+      xAxisIndex: [0],
+      bottom: 0,
+      height: parseInt(o?.spacing?.(4) ?? "32"),
+      show: e && r,
+      zoomLock: !e,
+      start: i,
+      end: I,
+      labelFormatter: l,
+      showDetail: !1,
+      ...d,
+      brushSelect: !1,
+      moveHandleSize: 8,
+      handleSize: "100%",
+      handleIcon: "image://data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIzNiIgdmlld0JveD0iMCAwIDkgMzYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHg9IjAuNSIgeT0iLTAuNSIgd2lkdGg9IjgiIGhlaWdodD0iMTgiIHJ4PSI0IiB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAwIDI3KSIgZmlsbD0id2hpdGUiIHN0cm9rZT0iIzM1OEJFNyIvPgo8cmVjdCB3aWR0aD0iMyIgaGVpZ2h0PSIyIiByeD0iMSIgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMyAyMykiIGZpbGw9IiMzNThCRTciLz4KPHJlY3Qgd2lkdGg9IjMiIGhlaWdodD0iMiIgcng9IjEiIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDMgMTkpIiBmaWxsPSIjMzU4QkU3Ii8+CjxyZWN0IHdpZHRoPSIzIiBoZWlnaHQ9IjIiIHJ4PSIxIiB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAzIDE1KSIgZmlsbD0iIzM1OEJFNyIvPgo8L3N2Zz4="
+    }, t && {
+      throttle: 0,
+      type: "slider",
+      left: parseInt(o?.spacing?.(6) ?? "48"),
+      width: parseInt(o?.spacing?.(4) ?? "32"),
+      yAxisIndex: [0],
+      show: e && r,
+      zoomLock: !e,
+      start: i,
+      end: I,
+      ...d,
+      brushSelect: !1,
+      moveHandleSize: 8,
+      handleSize: "100%",
+      handleIcon: "image://data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDM2IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iOCIgaGVpZ2h0PSIxOCIgcng9IjQiIHRyYW5zZm9ybT0icm90YXRlKC05MCAwLjUgMC41KSIgZmlsbD0id2hpdGUiIHN0cm9rZT0iIzM1OEJFNyIvPgo8cmVjdCB3aWR0aD0iMyIgaGVpZ2h0PSIyIiByeD0iMSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDEzIDYpIiBmaWxsPSIjMzU4QkU3Ii8+CjxyZWN0IHdpZHRoPSIzIiBoZWlnaHQ9IjIiIHJ4PSIxIiB0cmFuc2Zvcm09InJvdGF0ZSgtOTAgMTcgNikiIGZpbGw9IiMzNThCRTciLz4KPHJlY3Qgd2lkdGg9IjMiIGhlaWdodD0iMiIgcng9IjEiIHRyYW5zZm9ybT0icm90YXRlKC05MCAyMSA2KSIgZmlsbD0iIzM1OEJFNyIvPgo8L3N2Zz4="
+    }].filter((c) => !!c)
+  };
+}
+function y(e) {
+  return {
+    fillerColor: "rgba(53, 139, 231, 0.25)",
+    borderColor: "rgba(53, 139, 231, 0.3)",
+    borderWidth: 0.5,
+    backgroundColor: "transparent",
+    borderRadius: 4,
+    dataBackground: {
+      lineStyle: {
+        opacity: 0
+      },
+      areaStyle: {
+        opacity: 1,
+        color: e.palette.secondary.main
+      }
+    },
+    selectedDataBackground: {
+      lineStyle: {
+        opacity: 0
+      },
+      areaStyle: {
+        opacity: 1,
+        color: e.palette.secondary.main
+      }
+    },
+    handleStyle: {
+      color: e.palette.common.white,
+      borderColor: "rgba(3, 111, 226, 0.08)",
+      borderWidth: 1,
+      shadowBlur: 3,
+      shadowColor: "rgba(0, 0, 0, 0.1)",
+      shadowOffsetX: 0,
+      shadowOffsetY: 1
+    },
+    textStyle: {
+      color: e.palette.black[60],
+      fontSize: parseInt(e.typography.overlineDelicate.fontSize),
+      fontFamily: e.typography.overlineDelicate.fontFamily
+    }
+  };
+}
+function p(e) {
+  return e ? {
+    brush: {
+      brushType: "rect",
+      brushMode: "single"
+    }
+  } : {};
+}
+function b(e, i = s) {
+  return {
+    stack: e ? i : void 0
+  };
+}
+export {
+  s as D,
+  b as a,
+  h as b,
+  p as g,
+  S as m
+};
+//# sourceMappingURL=utils-D3-eQyDR.js.map

package/dist/utils-D3-eQyDR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-D3-eQyDR.js","sources":["../src/widgets/echart/const.ts","../src/widgets/echart/utils.ts"],"sourcesContent":["export const DEFAULT_STACK_GROUP = 'stacked'\n","import deepmerge from 'deepmerge'\nimport type { EchartOptionsProps } from './types'\nimport type { Theme } from '@mui/material'\nimport { DEFAULT_STACK_GROUP } from './const'\n\nexport function mergeEchartWidgetConfig<T extends EchartOptionsProps>(\n  ...options: [T | undefined, T | undefined]\n): T {\n  return deepmerge(options[0] ?? {}, options[1] ?? {}, {\n    customMerge: (key) => {\n      if (key === 'color') {\n        return (_, b: T['color']) => b\n      }\n      if (key === 'series') {\n        return (a: T['series'][], b: T['series'][]) => {\n          if (!a.length) return a // If there is no series in a, return a as is\n\n          const mergedSeries = b?.map((bItem, index) => {\n            const aItem = a?.[index] ?? {}\n            return deepmerge(aItem, bItem as object)\n          })\n          return mergedSeries\n        }\n      }\n    },\n  }) as T\n}\n\nexport function getEChartZoomConfig(\n  zoom: boolean,\n  { start, end }: { start: number; end: number } = { start: 0, end: 100 },\n  {\n    inside = true,\n    xSlider = true,\n    ySlider = false,\n    showSliders = true,\n    xAxisLabelFormatter,\n  } = {} as {\n    inside?: boolean\n    xSlider?: boolean\n    ySlider?: boolean\n    showSliders?: boolean\n    xAxisLabelFormatter?: (value: number) => string\n  },\n  theme?: Theme,\n) {\n  const sliderStyles = theme ? getEChartZoomSliderStyles(theme) : {}\n\n  return {\n    dataZoom: [\n      inside && {\n        throttle: 0,\n        type: 'inside',\n        xAxisIndex: xSlider ? [0] : [],\n        yAxisIndex: ySlider ? [0] : [],\n        show: zoom,\n        zoomLock: !zoom,\n        start,\n        end,\n      },\n      inside &&\n        ySlider && {\n          throttle: 0,\n          type: 'inside',\n          show: zoom,\n          zoomLock: !zoom,\n          start,\n          end,\n          orientation: 'vertical',\n        },\n      xSlider && {\n        throttle: 0,\n        type: 'slider',\n        xAxisIndex: [0],\n        bottom: 0,\n        height: parseInt(theme?.spacing?.(4) ?? '32'),\n        show: zoom && showSliders,\n        zoomLock: !zoom,\n        start,\n        end,\n        labelFormatter: xAxisLabelFormatter,\n        showDetail: false,\n        ...sliderStyles,\n        brushSelect: false,\n        moveHandleSize: 8,\n        handleSize: '100%',\n        handleIcon:\n          'image://data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIzNiIgdmlld0JveD0iMCAwIDkgMzYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHg9IjAuNSIgeT0iLTAuNSIgd2lkdGg9IjgiIGhlaWdodD0iMTgiIHJ4PSI0IiB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAwIDI3KSIgZmlsbD0id2hpdGUiIHN0cm9rZT0iIzM1OEJFNyIvPgo8cmVjdCB3aWR0aD0iMyIgaGVpZ2h0PSIyIiByeD0iMSIgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMyAyMykiIGZpbGw9IiMzNThCRTciLz4KPHJlY3Qgd2lkdGg9IjMiIGhlaWdodD0iMiIgcng9IjEiIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDMgMTkpIiBmaWxsPSIjMzU4QkU3Ii8+CjxyZWN0IHdpZHRoPSIzIiBoZWlnaHQ9IjIiIHJ4PSIxIiB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAzIDE1KSIgZmlsbD0iIzM1OEJFNyIvPgo8L3N2Zz4=',\n      },\n      ySlider && {\n        throttle: 0,\n        type: 'slider',\n        left: parseInt(theme?.spacing?.(6) ?? '48'),\n        width: parseInt(theme?.spacing?.(4) ?? '32'),\n        yAxisIndex: [0],\n        show: zoom && showSliders,\n        zoomLock: !zoom,\n        start,\n        end,\n        ...sliderStyles,\n        brushSelect: false,\n        moveHandleSize: 8,\n        handleSize: '100%',\n        handleIcon:\n          'image://data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDM2IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iOCIgaGVpZ2h0PSIxOCIgcng9IjQiIHRyYW5zZm9ybT0icm90YXRlKC05MCAwLjUgMC41KSIgZmlsbD0id2hpdGUiIHN0cm9rZT0iIzM1OEJFNyIvPgo8cmVjdCB3aWR0aD0iMyIgaGVpZ2h0PSIyIiByeD0iMSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDEzIDYpIiBmaWxsPSIjMzU4QkU3Ii8+CjxyZWN0IHdpZHRoPSIzIiBoZWlnaHQ9IjIiIHJ4PSIxIiB0cmFuc2Zvcm09InJvdGF0ZSgtOTAgMTcgNikiIGZpbGw9IiMzNThCRTciLz4KPHJlY3Qgd2lkdGg9IjMiIGhlaWdodD0iMiIgcng9IjEiIHRyYW5zZm9ybT0icm90YXRlKC05MCAyMSA2KSIgZmlsbD0iIzM1OEJFNyIvPgo8L3N2Zz4=',\n      },\n    ].filter((d) => !!d),\n  }\n}\n\nfunction getEChartZoomSliderStyles(theme: Theme) {\n  return {\n    fillerColor: 'rgba(53, 139, 231, 0.25)',\n    borderColor: 'rgba(53, 139, 231, 0.3)',\n    borderWidth: 0.5,\n    backgroundColor: 'transparent',\n    borderRadius: 4,\n    dataBackground: {\n      lineStyle: {\n        opacity: 0,\n      },\n      areaStyle: {\n        opacity: 1,\n        color: theme.palette.secondary.main,\n      },\n    },\n    selectedDataBackground: {\n      lineStyle: {\n        opacity: 0,\n      },\n      areaStyle: {\n        opacity: 1,\n        color: theme.palette.secondary.main,\n      },\n    },\n    handleStyle: {\n      color: theme.palette.common.white,\n      borderColor: 'rgba(3, 111, 226, 0.08)',\n      borderWidth: 1,\n      shadowBlur: 3,\n      shadowColor: 'rgba(0, 0, 0, 0.1)',\n      shadowOffsetX: 0,\n      shadowOffsetY: 1,\n    },\n    textStyle: {\n      color: theme.palette.black[60],\n      fontSize: parseInt(theme.typography.overlineDelicate.fontSize as string),\n      fontFamily: theme.typography.overlineDelicate.fontFamily,\n    },\n  } as const\n}\n\nexport function getEChartBrushConfig(brush: boolean) {\n  return brush\n    ? {\n        brush: {\n          brushType: 'rect',\n          brushMode: 'single',\n        },\n      }\n    : {}\n}\n\nexport function getEChartStackConfig(\n  stack: boolean,\n  stackGroup: string = DEFAULT_STACK_GROUP,\n) {\n  return { stack: stack ? stackGroup : undefined }\n}\n"],"names":["DEFAULT_STACK_GROUP","mergeEchartWidgetConfig","options","deepmerge","customMerge","key","_","b","a","length","map","bItem","index","aItem","getEChartZoomConfig","zoom","start","end","inside","xSlider","ySlider","showSliders","xAxisLabelFormatter","theme","sliderStyles","getEChartZoomSliderStyles","dataZoom","throttle","type","xAxisIndex","yAxisIndex","show","zoomLock","orientation","bottom","height","parseInt","spacing","labelFormatter","showDetail","brushSelect","moveHandleSize","handleSize","handleIcon","left","width","filter","d","fillerColor","borderColor","borderWidth","backgroundColor","borderRadius","dataBackground","lineStyle","opacity","areaStyle","color","palette","secondary","main","selectedDataBackground","handleStyle","common","white","shadowBlur","shadowColor","shadowOffsetX","shadowOffsetY","textStyle","black","fontSize","typography","overlineDelicate","fontFamily","getEChartBrushConfig","brush","brushType","brushMode","getEChartStackConfig","stack","stackGroup","undefined"],"mappings":"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"}

package/dist/widget-store-CB6Trp_0.js

@@ -0,0 +1,131 @@
+import { create as f } from "zustand";
+const T = /* @__PURE__ */ new Map(), w = f()((g, u) => ({
+  // State
+  widgets: {},
+  // Actions
+  setWidget: (e, t) => g((o) => {
+    const r = o.widgets[e] ?? {};
+    return {
+      widgets: {
+        ...o.widgets,
+        [e]: {
+          ...r,
+          ...t,
+          id: e
+        }
+      }
+    };
+  }),
+  removeWidget: (e) => g((t) => {
+    const o = {
+      ...t.widgets
+    };
+    return delete o[e], {
+      widgets: o
+    };
+  }),
+  clearWidgets: () => g({
+    widgets: {}
+  }),
+  getWidget: (e) => u().widgets[e],
+  registerTool: (e, t) => g((o) => {
+    const r = o.widgets[e] ?? {}, l = (r.registeredTools ?? []).filter((d) => d.id !== t.id);
+    return {
+      widgets: {
+        ...o.widgets,
+        [e]: {
+          ...r,
+          id: e,
+          registeredTools: [...l, t]
+        }
+      }
+    };
+  }),
+  unregisterTool: (e, t) => g((o) => {
+    const r = o.widgets[e];
+    if (!r) return o;
+    const l = (r.registeredTools ?? []).filter((d) => d.id !== t);
+    return {
+      widgets: {
+        ...o.widgets,
+        [e]: {
+          ...r,
+          registeredTools: l
+        }
+      }
+    };
+  }),
+  updateToolConfig: (e, t, o) => g((r) => {
+    const i = r.widgets[e];
+    if (!i) return r;
+    const d = (i.registeredTools ?? []).map((n) => n.id === t ? {
+      ...n,
+      config: {
+        ...n.config,
+        ...o
+      }
+    } : n);
+    return {
+      widgets: {
+        ...r.widgets,
+        [e]: {
+          ...i,
+          registeredTools: d
+        }
+      }
+    };
+  }),
+  setToolEnabled: (e, t, o) => g((r) => {
+    const i = r.widgets[e];
+    if (!i) return r;
+    const d = (i.registeredTools ?? []).map((n) => n.id === t ? {
+      ...n,
+      enabled: o
+    } : n);
+    return {
+      widgets: {
+        ...r.widgets,
+        [e]: {
+          ...i,
+          registeredTools: d
+        }
+      }
+    };
+  }),
+  executeToolPipeline: async (e, t) => {
+    const o = u().widgets[e];
+    if (!o) return;
+    const r = (T.get(e) ?? 0) + 1;
+    T.set(e, r);
+    const i = o, l = /* @__PURE__ */ new Set();
+    for (const s of i.registeredTools ?? [])
+      s.enabled && s.disables && s.disables.forEach((c) => l.add(c));
+    const d = [...i.registeredTools ?? []].filter((s) => s.enabled && !l.has(s.id)).sort((s, c) => s.order - c.order);
+    let n = t;
+    for (const s of d) {
+      if (T.get(e) !== r)
+        return;
+      try {
+        n = await s.fn(n, s.config);
+      } catch (c) {
+        console.error(`Tool ${s.id} failed for widget ${e}:`, c);
+      }
+    }
+    g((s) => {
+      const c = s.widgets[e];
+      return c ? {
+        widgets: {
+          ...s.widgets,
+          [e]: {
+            ...c,
+            data: n
+          }
+        }
+      } : s;
+    }), T.get(e) === r && T.delete(e);
+  }
+}));
+export {
+  w as u
+};
+//# sourceMappingURL=widget-store-CB6Trp_0.js.map

package/dist/widget-store-CB6Trp_0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget-store-CB6Trp_0.js","sources":["../src/widgets/stores/widget-store.ts"],"sourcesContent":["import { create } from 'zustand'\nimport type { WidgetState, WidgetStore, ToolRegistration } from './types'\n\n// Track active pipeline executions for cancellation\nconst activePipelines = new Map<string, number>()\n\n/**\n * Zustand store for managing widget state across the application.\n *\n * This store provides centralized state management for all widget UI components\n *\n * @example\n * ```tsx\n * // Import the store\n * import { useWidgetStore } from '@carto/ps-react-ui/widgets'\n *\n * // Use in a component\n * function MyWidget() {\n *   const setWidget = useWidgetStore((state) => state.setWidget)\n *   const widget = useWidgetStore((state) => state.widgets['my-widget'])\n *\n *   useEffect(() => {\n *     setWidget({\n *       id: 'my-widget',\n *       type: 'formula',\n *       title: 'Total Sales',\n *       isLoading: false,\n *       visible: true,\n *       data: { value: 1000, prefix: '$' }\n *     })\n *   }, [setWidget])\n *\n *   return <div>{widget?.data?.value}</div>\n * }\n * ```\n *\n * @example\n * ```tsx\n * // Get widgets by type\n * const getWidgetsByType = useWidgetStore((state) => state.getWidgetsByType)\n * const formulaWidgets = getWidgetsByType('formula')\n * ```\n */\nexport const useWidgetStore = create<WidgetStore>()((set, get) => ({\n  // State\n  widgets: {},\n\n  // Actions\n  setWidget: (id, widget) =>\n    set((state) => {\n      const current =\n        state.widgets[id] ?? ({} as WidgetStore['widgets'][string])\n      return {\n        widgets: {\n          ...state.widgets,\n          [id]: {\n            ...current,\n            ...widget,\n            id,\n          },\n        },\n      }\n    }),\n\n  removeWidget: (id) =>\n    set((state) => {\n      const widgets = { ...state.widgets }\n\n      delete widgets[id]\n\n      return { widgets }\n    }),\n\n  clearWidgets: () =>\n    set({\n      widgets: {},\n    }),\n\n  getWidget: <T extends WidgetState>(id: string) => {\n    return get().widgets[id] as T | undefined\n  },\n\n  registerTool: (widgetId: string, tool: ToolRegistration) =>\n    set((state) => {\n      const current = state.widgets[widgetId] ?? ({} as WidgetState)\n      const registeredTools = current.registeredTools ?? []\n\n      // Remove existing tool with same id if present\n      const filteredTools = registeredTools.filter(\n        (t: ToolRegistration) => t.id !== tool.id,\n      )\n\n      return {\n        widgets: {\n          ...state.widgets,\n          [widgetId]: {\n            ...current,\n            id: widgetId,\n            registeredTools: [...filteredTools, tool],\n          },\n        },\n      }\n    }),\n\n  unregisterTool: (widgetId: string, toolId: string) =>\n    set((state) => {\n      const current = state.widgets[widgetId]\n      if (!current) return state\n\n      const registeredTools = current.registeredTools ?? []\n      const filteredTools = registeredTools.filter(\n        (t: ToolRegistration) => t.id !== toolId,\n      )\n\n      return {\n        widgets: {\n          ...state.widgets,\n          [widgetId]: {\n            ...current,\n            registeredTools: filteredTools,\n          },\n        },\n      }\n    }),\n\n  updateToolConfig: (\n    widgetId: string,\n    toolId: string,\n    config: Record<string, unknown>,\n  ) =>\n    set((state) => {\n      const current = state.widgets[widgetId]\n      if (!current) return state\n\n      const registeredTools = current.registeredTools ?? []\n      const updatedTools = registeredTools.map((tool: ToolRegistration) =>\n        tool.id === toolId\n          ? {\n              ...tool,\n              config: { ...tool.config, ...config },\n            }\n          : tool,\n      )\n\n      return {\n        widgets: {\n          ...state.widgets,\n          [widgetId]: {\n            ...current,\n            registeredTools: updatedTools,\n          },\n        },\n      }\n    }),\n\n  setToolEnabled: (widgetId: string, toolId: string, enabled: boolean) =>\n    set((state) => {\n      const current = state.widgets[widgetId]\n      if (!current) return state\n\n      const registeredTools = current.registeredTools ?? []\n      const updatedTools = registeredTools.map((tool: ToolRegistration) =>\n        tool.id === toolId ? { ...tool, enabled } : tool,\n      )\n\n      return {\n        widgets: {\n          ...state.widgets,\n          [widgetId]: {\n            ...current,\n            registeredTools: updatedTools,\n          },\n        },\n      }\n    }),\n\n  executeToolPipeline: async (widgetId: string, sourceData: unknown) => {\n    const widget = get().widgets[widgetId]\n    if (!widget) return\n\n    // Cancel any in-progress pipeline for this widget\n    const currentExecution = (activePipelines.get(widgetId) ?? 0) + 1\n    activePipelines.set(widgetId, currentExecution)\n\n    const widgetWithTools = widget\n\n    // Build set of tool IDs that should be disabled\n    const disabledToolIds = new Set<string>()\n    for (const tool of widgetWithTools.registeredTools ?? []) {\n      if (tool.enabled && tool.disables) {\n        tool.disables.forEach((id) => disabledToolIds.add(id))\n      }\n    }\n\n    // Sort tools by order and filter enabled only, excluding disabled tools\n    const sortedTools = [...(widgetWithTools.registeredTools ?? [])]\n      .filter((tool) => tool.enabled && !disabledToolIds.has(tool.id))\n      .sort((a, b) => a.order - b.order)\n\n    // Execute pipeline - handle both sync and async tools\n    let transformedData = sourceData\n    for (const tool of sortedTools) {\n      // Check if this execution was cancelled\n      if (activePipelines.get(widgetId) !== currentExecution) {\n        return\n      }\n\n      try {\n        // Call tool function (may return Promise or direct value)\n        transformedData = await tool.fn(transformedData, tool.config)\n      } catch (error) {\n        // eslint-disable-next-line no-console\n        console.error(`Tool ${tool.id} failed for widget ${widgetId}:`, error)\n        // Continue with current data to prevent one tool from breaking all\n      }\n    }\n\n    // Single store update with final transformed data\n    set((state) => {\n      const currentWidget = state.widgets[widgetId]\n      if (!currentWidget) return state\n\n      return {\n        widgets: {\n          ...state.widgets,\n          [widgetId]: {\n            ...currentWidget,\n            data: transformedData,\n          },\n        },\n      }\n    })\n\n    // Clean up tracking\n    if (activePipelines.get(widgetId) === currentExecution) {\n      activePipelines.delete(widgetId)\n    }\n  },\n}))\n"],"names":["activePipelines","Map","useWidgetStore","create","set","get","widgets","setWidget","id","widget","state","current","removeWidget","clearWidgets","getWidget","registerTool","widgetId","tool","filteredTools","registeredTools","filter","t","unregisterTool","toolId","updateToolConfig","config","updatedTools","map","setToolEnabled","enabled","executeToolPipeline","sourceData","currentExecution","widgetWithTools","disabledToolIds","Set","disables","forEach","add","sortedTools","has","sort","a","b","order","transformedData","fn","error","console","currentWidget","data","delete"],"mappings":"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"}