@carto/ps-react-ui 5.0.0-widgets.4 → 5.0.0-widgets.6

package/dist/widget-store-Dd7_sWZT.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"widget-store-Dd7_sWZT.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        const result = tool.fn(transformedData, tool.config)\n\n        // Await if Promise, otherwise use directly\n        transformedData = result instanceof Promise ? await result : result\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    // Final check before updating store (in case cancelled during async operation)\n    if (activePipelines.get(widgetId) !== currentExecution) {\n      return\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","result","fn","Promise","error","console","currentWidget","data","delete"],"mappings":"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"}

package/dist/widgets/actions.js

@@ -1,11 +1,12 @@
 import { jsx as g, jsxs as X, Fragment as ce } from "react/jsx-runtime";
 import { c as K } from "react/compiler-runtime";
 import { IconButton as q, DialogContent as Se, Typography as ve, DialogTitle as Ie, Dialog as Ce, CircularProgress as _e, MenuItem as ge, ListItemIcon as Te, ListItemText as pe, Menu as he, useTheme as ke, Box as ye, TextField as xe, InputAdornment as de, SvgIcon as Ee } from "@mui/material";
-import { u as O } from "../widget-store-DNyVElxd.js";
+import { u as O } from "../widget-store-Dd7_sWZT.js";
 import { FullscreenOutlined as Le, Close as we, FileDownloadOutlined as ze, PercentOutlined as $e, SubdirectoryArrowLeftOutlined as We, ZoomInOutlined as De, CheckBoxOutlined as Oe, SearchOutlined as be, ClearOutlined as Re } from "@mui/icons-material";
 import { useShallow as Q } from "zustand/shallow";
 import { useState as re, useEffect as j, useRef as se } from "react";
-import { a as sl, d as il } from "../exports-Cr43OCul.js";
+import "react-markdown";
+import { a as il, d as rl } from "../exports-Cr43OCul.js";
 import "../lasso-tool-CYn3ivf-.js";
 import "../cjs-D9ro6BXv.js";
 import { T as ee } from "../tooltip-BDnrRKrp.js";
@@ -30,7 +31,7 @@ const fe = {
     }) => l(1)
   }
 };
-function Kt(l) {
+function Yt(l) {
   const e = K(46), {
     id: t,
     labels: L,
@@ -115,7 +116,7 @@ function Kt(l) {
 function qe(l) {
   return l.setWidget;
 }
-function Yt(l) {
+function qt(l) {
   const e = K(35), {
     id: t,
     items: L,
@@ -208,7 +209,7 @@ function Qe(l, e) {
   }));
 }
 const ie = "relative-data";
-function qt(l) {
+function Jt(l) {
   const e = K(35), {
     id: t,
     order: L,
@@ -284,7 +285,7 @@ const me = {
     }
   }
 };
-function Jt(l) {
+function Qt(l) {
   const e = K(59), {
     id: t,
     defaultZoom: L,
@@ -380,7 +381,7 @@ const rt = () => {
   let e;
   return l[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ g("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ g("path", { d: "M4 20V8H8V20H4ZM9 20V13H13V20H9ZM16 20V4H20V20H16Z", fill: "currentColor" }) }), l[0] = e) : e = l[0], e;
 };
-function Qt(l) {
+function Xt(l) {
   const e = K(30), {
     id: t,
     defaultIsStacked: L,
@@ -456,7 +457,7 @@ function dt(l) {
   return l.setWidget;
 }
 const le = "lock-selection";
-function Xt(l) {
+function el(l) {
   const e = K(37), {
     id: t,
     selectedItems: L,
@@ -537,7 +538,7 @@ function bt(l, e) {
   }));
 }
 const te = "searcher", St = 300;
-function el(l) {
+function tl(l) {
   const e = K(49), {
     id: t,
     filterFn: L,
@@ -640,7 +641,7 @@ const kt = (l, e) => {
   const t = e.toLowerCase();
   return Promise.resolve(l.map((L) => L.filter((S) => Object.values(S).some((v) => typeof v == "string" && v.toLowerCase().includes(t)))));
 };
-function tl(l) {
+function ll(l) {
   const e = K(23), {
     id: t,
     defaultEnabled: L,
@@ -724,7 +725,7 @@ function Lt(l) {
 function wt(l) {
   return `2px solid ${l.palette.primary.main}`;
 }
-function ll(l) {
+function nl(l) {
   const e = K(42), {
     id: t,
     labels: L,
@@ -811,19 +812,19 @@ function Wt(l) {
   return l.setWidget;
 }
 export {
-  ll as ChangeColumn,
-  Yt as Download,
-  Kt as FullScreen,
+  nl as ChangeColumn,
+  qt as Download,
+  Yt as FullScreen,
   le as LOCK_SELECTION_TOOL_ID,
-  Xt as LockSelection,
+  el as LockSelection,
   ie as RELATIVE_DATA_TOOL_ID,
-  qt as RelativeData,
+  Jt as RelativeData,
   te as SEARCHER_TOOL_ID,
-  el as Searcher,
-  tl as SearcherToggle,
-  Qt as StackToggle,
-  Jt as ZoomToggle,
-  sl as downloadToCSV,
-  il as downloadToPNG
+  tl as Searcher,
+  ll as SearcherToggle,
+  Xt as StackToggle,
+  Qt as ZoomToggle,
+  il as downloadToCSV,
+  rl as downloadToPNG
 };
 //# sourceMappingURL=actions.js.map