@carto/ps-react-ui 4.4.2 → 4.5.0

package/dist/widgets/loader.js

@@ -1,71 +1,64 @@
-import { c as _ } from "react/compiler-runtime";
-import { useSyncExternalStore as b, useRef as R, useEffect as f } from "react";
-import { u as c } from "../widget-store-CzDt8oSK.js";
-import { d as E } from "../cjs-D4KH3azB.js";
-function z(t) {
-  const e = _(36), i = c(w), n = c(v), d = c(M);
-  let u;
-  e[0] !== t.id ? (u = () => c.getState().widgets[t.id]?.registeredTools, e[0] = t.id, e[1] = u) : u = e[1];
-  const C = b(c.subscribe, u), S = R(t.data), P = R(t.config), T = R(!1);
-  let g;
-  e[2] !== t.config || e[3] !== t.data ? (g = () => {
-    S.current = t.data, P.current = t.config;
-  }, e[2] = t.config, e[3] = t.data, e[4] = g) : g = e[4], f(g);
-  let l, a;
-  e[5] !== t.id || e[6] !== t.type || e[7] !== i ? (l = () => {
-    i(t.id, {
-      type: t.type
+import { c as W } from "react/compiler-runtime";
+import { useRef as x, useEffect as n } from "react";
+import { u as w, w as y } from "../widget-store-CIrb9RKP.js";
+import { d as A } from "../cjs-D4KH3azB.js";
+function v(e) {
+  const i = W(25);
+  let t;
+  i[0] !== e.id ? (t = (L) => L.widgets[e.id]?.registeredTools, i[0] = e.id, i[1] = t) : t = i[1];
+  const F = w(t), C = x(e.data), h = x(e.config), P = x(!1);
+  let d;
+  i[2] !== e.config || i[3] !== e.data ? (d = () => {
+    C.current = e.data, h.current = e.config;
+  }, i[2] = e.config, i[3] = e.data, i[4] = d) : d = i[4], n(d);
+  let f, c;
+  i[5] !== e.error || i[6] !== e.id || i[7] !== e.isFetching || i[8] !== e.isLoading || i[9] !== e.type ? (f = () => {
+    y.setWidget(e.id, {
+      type: e.type,
+      isLoading: e.isLoading ?? !1,
+      isFetching: e.isFetching ?? !1,
+      error: e.error
     });
-  }, a = [t.id, t.type, i], e[5] = t.id, e[6] = t.type, e[7] = i, e[8] = l, e[9] = a) : (l = e[8], a = e[9]), f(l, a);
-  let r, m;
-  e[10] !== t.error || e[11] !== t.id || e[12] !== t.isFetching || e[13] !== t.isLoading || e[14] !== i ? (r = () => {
-    i(t.id, {
-      isLoading: t.isLoading ?? !1,
-      isFetching: t.isFetching ?? !1,
-      error: t.error
-    });
-  }, m = [t.id, t.isLoading, t.isFetching, t.error, i], e[10] = t.error, e[11] = t.id, e[12] = t.isFetching, e[13] = t.isLoading, e[14] = i, e[15] = r, e[16] = m) : (r = e[15], m = e[16]), f(r, m);
-  let y, h;
-  e[17] !== d || e[18] !== t.config || e[19] !== t.id ? (y = () => {
-    t.config && d(t.id, t.config);
-  }, h = [t.id, t.config, d], e[17] = d, e[18] = t.config, e[19] = t.id, e[20] = y, e[21] = h) : (y = e[20], h = e[21]), f(y, h);
-  let x, L;
-  e[22] !== n || e[23] !== t.data || e[24] !== t.id ? (x = () => {
-    n(t.id, t.data);
-  }, L = [t.id, t.data, n], e[22] = n, e[23] = t.data, e[24] = t.id, e[25] = x, e[26] = L) : (x = e[25], L = e[26]), f(x, L);
-  let F;
-  e[27] !== d || e[28] !== n || e[29] !== t.id ? (F = () => {
-    if (!T.current) {
-      T.current = !0;
+  }, c = [e.id, e.type, e.isLoading, e.isFetching, e.error], i[5] = e.error, i[6] = e.id, i[7] = e.isFetching, i[8] = e.isLoading, i[9] = e.type, i[10] = f, i[11] = c) : (f = i[10], c = i[11]), n(f, c);
+  let a, g;
+  i[12] !== e.config || i[13] !== e.id ? (a = () => {
+    e.config && y.executeConfigPipeline(e.id, e.config);
+  }, g = [e.id, e.config], i[12] = e.config, i[13] = e.id, i[14] = a, i[15] = g) : (a = i[14], g = i[15]), n(a, g);
+  let l, u;
+  i[16] !== e.data || i[17] !== e.id ? (l = () => {
+    y.executeToolPipeline(e.id, e.data);
+  }, u = [e.id, e.data], i[16] = e.data, i[17] = e.id, i[18] = l, i[19] = u) : (l = i[18], u = i[19]), n(l, u);
+  let r;
+  i[20] !== e.id ? (r = () => {
+    if (!P.current) {
+      P.current = !0;
       return;
     }
-    n(t.id, S.current), P.current && d(t.id, P.current);
-  }, e[27] = d, e[28] = n, e[29] = t.id, e[30] = F) : F = e[30];
-  let W;
-  return e[31] !== d || e[32] !== n || e[33] !== t.id || e[34] !== C ? (W = [C, t.id, n, d], e[31] = d, e[32] = n, e[33] = t.id, e[34] = C, e[35] = W) : W = e[35], f(F, W), t.children;
-}
-function M(t) {
-  return t.executeConfigPipeline;
-}
-function v(t) {
-  return t.executeToolPipeline;
-}
-function w(t) {
-  return t.setWidget;
+    const L = requestAnimationFrame(() => {
+      const {
+        executeToolPipeline: R,
+        executeConfigPipeline: T
+      } = y;
+      R(e.id, C.current), h.current && T(e.id, h.current);
+    });
+    return () => cancelAnimationFrame(L);
+  }, i[20] = e.id, i[21] = r) : r = i[21];
+  let m;
+  return i[22] !== e.id || i[23] !== F ? (m = [F, e.id], i[22] = e.id, i[23] = F, i[24] = m) : m = i[24], n(r, m), e.children;
 }
-function A(t, e, i) {
-  return typeof t == "function" ? t(e, i) : t;
+function E(e, i, t) {
+  return typeof e == "function" ? e(i, t) : e;
 }
-function B(...t) {
-  return E(t[0] ?? {}, t[1] ?? {}, {
-    arrayMerge(e, i) {
-      return i;
+function I(...e) {
+  return A(e[0] ?? {}, e[1] ?? {}, {
+    arrayMerge(i, t) {
+      return t;
     }
   });
 }
 export {
-  z as WidgetLoader,
-  B as mergeWidgetConfig,
-  A as resolveConfig
+  v as WidgetLoader,
+  I as mergeWidgetConfig,
+  E 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, useRef, useSyncExternalStore } from 'react'\nimport type { WidgetLoaderProps } from './types'\nimport { useWidgetStore } from '../stores/widget-store'\nimport type { WrapperState } from '../wrapper'\n\n/**\n * Foundation component for all widgets that manages state initialization, synchronization with the widget store, and data transformation pipeline execution.\n *\n * @remarks\n * The WidgetLoader is stateless -- it manages data flow but does not render any UI. Always wrap it with WidgetWrapper for consistent widget appearance.\n *\n * @example\n * ```tsx\n * <WidgetLoader\n *   id=\"sales-chart\"\n *   type=\"bar\"\n *   data={data}\n *   isLoading={false}\n *   isFetching={false}\n *   config={barConfig({ data })}\n * >\n *   <WidgetWrapper id=\"sales-chart\" title=\"Sales\">\n *     <Echart id=\"sales-chart\" />\n *   </WidgetWrapper>\n * </WidgetLoader>\n * ```\n */\nexport function WidgetLoader<T extends object = Record<string, unknown>>(\n  props: WidgetLoaderProps<T>,\n) {\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  const registeredTools = useSyncExternalStore(\n    useWidgetStore.subscribe,\n    () => useWidgetStore.getState().widgets[props.id]?.registeredTools,\n  )\n\n  const dataRef = useRef(props.data)\n  const configRef = useRef(props.config)\n  const isMountedRef = useRef(false)\n\n  useEffect(() => {\n    dataRef.current = props.data\n    configRef.current = props.config\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 registered tools change\n  useEffect(() => {\n    if (!isMountedRef.current) {\n      isMountedRef.current = true\n      return\n    }\n\n    void executeToolPipeline(props.id, dataRef.current)\n    if (configRef.current) {\n      void executeConfigPipeline(props.id, configRef.current)\n    }\n  }, [registeredTools, props.id, executeToolPipeline, executeConfigPipeline])\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 widget config that may be either a partial object or a function receiving the computed base config and data. If it is a function, calls it with `baseConfig` and `data`; otherwise returns the value as-is.\n *\n * @param config - The config object or function to resolve.\n * @param baseConfig - The computed base configuration.\n * @param data - The widget data.\n * @returns Resolved partial config, or undefined.\n *\n * @example\n * ```tsx\n * const resolved = resolveConfig(\n *   (base, data) => ({ maxItems: base.maxItems + 5 }),\n *   baseConfig,\n *   widgetData,\n * )\n * ```\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\n/**\n * Deep-merges two partial widget config objects using `deepmerge`, with arrays replaced rather than concatenated.\n *\n * @param options - A tuple of two partial configs to merge (base and override).\n * @returns The merged config object.\n *\n * @example\n * ```tsx\n * const finalConfig = mergeWidgetConfig(baseConfig, resolvedConfig)\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","id","getState","widgets","registeredTools","useSyncExternalStore","subscribe","dataRef","useRef","data","configRef","config","isMountedRef","t1","current","useEffect","t2","t3","type","t4","t5","error","isFetching","isLoading","t6","t7","t8","t9","t10","t11","children","state_1","state","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, useRef } from 'react'\nimport type { WidgetLoaderProps } from './types'\nimport { useWidgetStore, widgetStoreActions } from '../stores/widget-store'\nimport type { WrapperState } from '../wrapper'\n\n/**\n * Foundation component for all widgets that manages state initialization, synchronization with the widget store, and data transformation pipeline execution.\n *\n * @remarks\n * The WidgetLoader is stateless -- it manages data flow but does not render any UI. Always wrap it with WidgetWrapper for consistent widget appearance.\n *\n * @example\n * ```tsx\n * <WidgetLoader\n *   id=\"sales-chart\"\n *   type=\"bar\"\n *   data={data}\n *   isLoading={false}\n *   isFetching={false}\n *   config={barConfig({ data })}\n * >\n *   <WidgetWrapper id=\"sales-chart\" title=\"Sales\">\n *     <Echart id=\"sales-chart\" />\n *   </WidgetWrapper>\n * </WidgetLoader>\n * ```\n */\nexport function WidgetLoader<T extends object = Record<string, unknown>>(\n  props: WidgetLoaderProps<T>,\n) {\n  // Subscribe only to this widget's registeredTools via Zustand selector.\n  // The selector returns a stable reference when other widgets change,\n  // avoiding unnecessary re-evaluations of Effect 4.\n  const registeredTools = useWidgetStore(\n    (state) => state.widgets[props.id]?.registeredTools,\n  )\n\n  const dataRef = useRef(props.data)\n  const configRef = useRef(props.config)\n  const isMountedRef = useRef(false)\n\n  useEffect(() => {\n    dataRef.current = props.data\n    configRef.current = props.config\n  })\n\n  // Effect 1: Metadata — type, loading, and error states in a single setWidget call.\n  // Merged to reduce store updates from 2 to 1 per widget during initialization.\n  useEffect(() => {\n    widgetStoreActions.setWidget<WrapperState>(props.id, {\n      type: props.type,\n      isLoading: props.isLoading ?? false,\n      isFetching: props.isFetching ?? false,\n      error: props.error,\n    })\n  }, [props.id, props.type, props.isLoading, props.isFetching, props.error])\n\n  // Effect 2: Config updates — run through config pipeline\n  useEffect(() => {\n    if (props.config) {\n      void widgetStoreActions.executeConfigPipeline(props.id, props.config)\n    }\n  }, [props.id, props.config])\n\n  // Effect 3: Execute tool pipeline when props.data changes\n  useEffect(() => {\n    void widgetStoreActions.executeToolPipeline(props.id, props.data)\n  }, [props.id, props.data])\n\n  // Effect 4: Re-execute pipelines when registered tools change.\n  // Uses requestAnimationFrame to coalesce rapid successive registeredTools\n  // changes (e.g., 6 action components each calling registerTool on mount)\n  // into a single pipeline execution instead of 6 pairs.\n  useEffect(() => {\n    if (!isMountedRef.current) {\n      isMountedRef.current = true\n      return\n    }\n\n    const rafId = requestAnimationFrame(() => {\n      const { executeToolPipeline, executeConfigPipeline } = widgetStoreActions\n      void executeToolPipeline(props.id, dataRef.current)\n      if (configRef.current) {\n        void executeConfigPipeline(props.id, configRef.current)\n      }\n    })\n\n    return () => cancelAnimationFrame(rafId)\n  }, [registeredTools, props.id])\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 widget config that may be either a partial object or a function receiving the computed base config and data. If it is a function, calls it with `baseConfig` and `data`; otherwise returns the value as-is.\n *\n * @param config - The config object or function to resolve.\n * @param baseConfig - The computed base configuration.\n * @param data - The widget data.\n * @returns Resolved partial config, or undefined.\n *\n * @example\n * ```tsx\n * const resolved = resolveConfig(\n *   (base, data) => ({ maxItems: base.maxItems + 5 }),\n *   baseConfig,\n *   widgetData,\n * )\n * ```\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\n/**\n * Deep-merges two partial widget config objects using `deepmerge`, with arrays replaced rather than concatenated.\n *\n * @param options - A tuple of two partial configs to merge (base and override).\n * @returns The merged config object.\n *\n * @example\n * ```tsx\n * const finalConfig = mergeWidgetConfig(baseConfig, resolvedConfig)\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","t0","id","state","widgets","registeredTools","useWidgetStore","dataRef","useRef","data","configRef","config","isMountedRef","t1","current","useEffect","t2","t3","error","isFetching","isLoading","type","widgetStoreActions","setWidget","t4","t5","executeConfigPipeline","t6","t7","executeToolPipeline","t8","rafId","requestAnimationFrame","cancelAnimationFrame","t9","children","resolveConfig","baseConfig","mergeWidgetConfig","options","deepmerge","arrayMerge","_","source"],"mappings":"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"}

package/dist/widgets/markdown.js

@@ -1,9 +1,9 @@
-import { jsx as i, jsxs as f } from "react/jsx-runtime";
-import { c } from "react/compiler-runtime";
-import { u } from "../widget-store-CzDt8oSK.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 { jsx as r, jsxs as h } from "react/jsx-runtime";
+import { c as s } from "react/compiler-runtime";
+import { u as f } from "../use-widget-selector-DqRmWQ1K.js";
+import { ListItem as u, List as d, Link as g, Typography as m, Skeleton as a, Box as w } from "@mui/material";
+import k from "react-markdown";
+import "../widget-store-CIrb9RKP.js";
 import "@mui/icons-material";
 import "react";
 import "html2canvas";
@@ -12,20 +12,21 @@ import "../cjs-D4KH3azB.js";
 import "@dnd-kit/core";
 import "@dnd-kit/sortable";
 import "@dnd-kit/utilities";
+import "zustand/shallow";
 import { a as p } from "../exports-Cr43OCul.js";
-function P(t) {
-  const o = c(4), {
-    id: r
-  } = t;
-  let e;
-  o[0] !== r ? (e = (h) => h.getWidget(r)?.data?.content, o[0] = r, o[1] = e) : e = o[1];
-  const n = u(g(e));
-  if (!n)
+function R(t) {
+  const o = s(2), {
+    id: n
+  } = t, e = f(n, y);
+  if (!e)
     return null;
-  let l;
-  return o[2] !== n ? (l = /* @__PURE__ */ i(b, { children: n }), o[2] = n, o[3] = l) : l = o[3], l;
+  let i;
+  return o[0] !== e ? (i = /* @__PURE__ */ r(S, { children: e }), o[0] = e, o[1] = i) : i = o[1], i;
 }
-const a = {
+function y(t) {
+  return t?.data?.content;
+}
+const c = {
   li: {
     display: "list-item",
     paddingTop: 0,
@@ -46,66 +47,66 @@ const a = {
 }, x = {
   h1: ({
     children: t
-  }) => /* @__PURE__ */ i(m, { variant: "h4", gutterBottom: !0, color: "inherit", children: t }),
+  }) => /* @__PURE__ */ r(m, { variant: "h4", gutterBottom: !0, color: "inherit", children: t }),
   h2: ({
     children: t
-  }) => /* @__PURE__ */ i(m, { variant: "h5", gutterBottom: !0, color: "inherit", children: t }),
+  }) => /* @__PURE__ */ r(m, { variant: "h5", gutterBottom: !0, color: "inherit", children: t }),
   h3: ({
     children: t
-  }) => /* @__PURE__ */ i(m, { variant: "h6", gutterBottom: !0, color: "inherit", children: t }),
+  }) => /* @__PURE__ */ r(m, { variant: "h6", gutterBottom: !0, color: "inherit", children: t }),
   p: ({
     children: t
-  }) => /* @__PURE__ */ i(m, { paragraph: !0, color: "inherit", children: t }),
+  }) => /* @__PURE__ */ r(m, { paragraph: !0, color: "inherit", children: t }),
   a: ({
     children: t,
     href: o,
-    target: r = "_blank",
+    target: n = "_blank",
     rel: e = "noopener noreferrer"
-  }) => /* @__PURE__ */ i(k, { href: o, target: r, rel: e, children: t }),
+  }) => /* @__PURE__ */ r(g, { href: o, target: n, rel: e, children: t }),
   ul: ({
     children: t
-  }) => /* @__PURE__ */ i(d, { sx: a.ul, children: t }),
+  }) => /* @__PURE__ */ r(d, { sx: c.ul, children: t }),
   ol: ({
     children: t
-  }) => /* @__PURE__ */ i(d, { component: "ol", sx: a.ol, children: t }),
+  }) => /* @__PURE__ */ r(d, { component: "ol", sx: c.ol, children: t }),
   li: ({
     children: t
-  }) => /* @__PURE__ */ i(w, { sx: a.li, children: t })
+  }) => /* @__PURE__ */ r(u, { sx: c.li, children: t })
 };
-function b(t) {
-  const o = c(5), {
-    children: r,
+function S(t) {
+  const o = s(5), {
+    children: n,
     overrides: e
   } = t;
-  let n;
-  o[0] !== e ? (n = {
+  let i;
+  o[0] !== e ? (i = {
     ...x,
     ...e
-  }, o[0] = e, o[1] = n) : n = o[1];
+  }, o[0] = e, o[1] = i) : i = o[1];
   let l;
-  return o[2] !== r || o[3] !== n ? (l = /* @__PURE__ */ i(S, { components: n, children: r }), o[2] = r, o[3] = n, o[4] = l) : l = o[4], l;
+  return o[2] !== n || o[3] !== i ? (l = /* @__PURE__ */ r(k, { components: i, children: n }), o[2] = n, o[3] = i, o[4] = l) : l = o[4], l;
 }
-function R() {
-  const t = c(3);
+function U() {
+  const t = s(3);
   let o;
-  t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ i(s, { width: "80%", height: 24, sx: {
+  t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ r(a, { width: "80%", height: 24, sx: {
     mb: 1
   } }), t[0] = o) : o = t[0];
-  let r;
-  t[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ i(s, { width: "90%", height: 20, sx: {
+  let n;
+  t[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ r(a, { width: "90%", height: 20, sx: {
     mb: 0.5
-  } }), t[1] = r) : r = t[1];
+  } }), t[1] = n) : n = t[1];
   let e;
-  return t[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ f(y, { "aria-label": "Markdown skeleton", children: [
+  return t[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ h(w, { "aria-label": "Markdown skeleton", children: [
     o,
-    r,
-    /* @__PURE__ */ i(s, { width: "85%", height: 20, sx: {
+    n,
+    /* @__PURE__ */ r(a, { width: "85%", height: 20, sx: {
       mb: 0.5
     } }),
-    /* @__PURE__ */ i(s, { width: "75%", height: 20 })
+    /* @__PURE__ */ r(a, { width: "75%", height: 20 })
   ] }), t[2] = e) : e = t[2], e;
 }
-function U() {
+function V() {
   return [{
     ...p,
     modifier: async (t) => {
@@ -114,14 +115,14 @@ function U() {
     }
   }];
 }
-function V() {
+function W() {
   return {};
 }
 export {
-  P as Markdown,
-  R as MarkdownSkeleton,
-  b as MarkdownUI,
-  V as markdownConfig,
-  U as markdownDownloadConfig
+  R as Markdown,
+  U as MarkdownSkeleton,
+  S as MarkdownUI,
+  W as markdownConfig,
+  V as markdownDownloadConfig
 };
 //# sourceMappingURL=markdown.js.map

package/dist/widgets/markdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"markdown.js","sources":["../../src/widgets/markdown/markdown.tsx","../../src/widgets/markdown/style.ts","../../src/widgets/markdown/markdown-ui.tsx","../../src/widgets/markdown/skeleton.tsx","../../src/widgets/markdown/config.ts"],"sourcesContent":["import type { MarkdownUIProps } from './types'\nimport { useWidgetStore } from '../stores/widget-store'\nimport type { MarkdownWidgetData } from './types'\nimport { MarkdownUI } from '.'\nimport { useShallow } from 'zustand/shallow'\n\n/**\n * Stateful markdown widget component that reads content from the widget store and renders it as formatted rich text.\n */\nexport function Markdown({ id }: MarkdownUIProps) {\n  const content = useWidgetStore(\n    useShallow(\n      (state) =>\n        (state.getWidget(id)?.data as MarkdownWidgetData | undefined)?.content,\n    ),\n  )\n\n  if (!content) {\n    return null\n  }\n\n  return <MarkdownUI>{content}</MarkdownUI>\n}\n","import type { SxProps, Theme } from '@mui/material'\n\nexport const styles: Record<string, SxProps<Theme>> = {\n  container: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: ({ spacing }) => spacing(2),\n  },\n  markdown: {\n    overflow: 'hidden',\n    typography: ({ typography }) => ({\n      ...typography.body1,\n    }),\n  },\n  li: {\n    display: 'list-item',\n    paddingTop: 0,\n    paddingBottom: 0,\n  },\n  ul: {\n    listStyleType: 'disc',\n    paddingLeft: ({ spacing }) => spacing(2),\n  },\n  ol: {\n    listStyleType: 'decimal',\n    paddingLeft: ({ spacing }) => spacing(2),\n  },\n}\n","import { Link, List, ListItem, Typography } from '@mui/material'\nimport ReactMarkdown, { type Components } from 'react-markdown'\nimport { styles } from '../markdown/style'\nimport type { MarkdownComponentProps } from './types'\n\nconst COMPONENTS: Components = {\n  h1: ({ children }) => (\n    <Typography variant='h4' gutterBottom color='inherit'>\n      {children}\n    </Typography>\n  ),\n  h2: ({ children }) => (\n    <Typography variant='h5' gutterBottom color='inherit'>\n      {children}\n    </Typography>\n  ),\n  h3: ({ children }) => (\n    <Typography variant='h6' gutterBottom color='inherit'>\n      {children}\n    </Typography>\n  ),\n  p: ({ children }) => (\n    <Typography paragraph color='inherit'>\n      {children}\n    </Typography>\n  ),\n  a: ({ children, href, target = '_blank', rel = 'noopener noreferrer' }) => (\n    <Link href={href} target={target} rel={rel}>\n      {children}\n    </Link>\n  ),\n  ul: ({ children }) => <List sx={styles.ul}>{children}</List>,\n  ol: ({ children }) => (\n    <List component='ol' sx={styles.ol}>\n      {children}\n    </List>\n  ),\n  li: ({ children }) => <ListItem sx={styles.li}>{children}</ListItem>,\n}\n\n/**\n * Presentational component that renders a Markdown string as MUI-styled HTML using react-markdown.\n *\n * @remarks\n * Maps Markdown elements (headings, paragraphs, links, lists) to MUI Typography and Link components.\n * Custom component overrides can be passed via the `overrides` prop.\n */\nexport function MarkdownUI({ children, overrides }: MarkdownComponentProps) {\n  return (\n    <ReactMarkdown\n      components={{\n        ...COMPONENTS,\n        ...overrides,\n      }}\n    >\n      {children}\n    </ReactMarkdown>\n  )\n}\n","import { Box, Skeleton } from '@mui/material'\n\nexport function MarkdownSkeleton() {\n  return (\n    <Box aria-label='Markdown skeleton'>\n      <Skeleton width='80%' height={24} sx={{ mb: 1 }} />\n      <Skeleton width='90%' height={20} sx={{ mb: 0.5 }} />\n      <Skeleton width='85%' height={20} sx={{ mb: 0.5 }} />\n      <Skeleton width='75%' height={20} />\n    </Box>\n  )\n}\n","import { downloadToCSV, type DownloadItem } from '../actions'\nimport type { MarkdownWidgetConfig, MarkdownWidgetData } from './types'\n\n/**\n * Creates download configuration for markdown widgets, supporting CSV export of text content. Does not require `refUI` since it only exports text.\n *\n * @returns Array of download items for use with the Download action.\n */\nexport function markdownDownloadConfig(): DownloadItem<MarkdownWidgetData>[] {\n  return [\n    {\n      ...downloadToCSV,\n      modifier: async (data) => {\n        const content = data?.content ?? ''\n        return downloadToCSV.modifier([['Content'], [content]])\n      },\n    },\n  ]\n}\n\n/**\n * Returns the default configuration for markdown content display widgets.\n *\n * @returns Default markdown widget config (empty object).\n */\nexport function markdownConfig(): MarkdownWidgetConfig {\n  return {}\n}\n"],"names":["Markdown","t0","$","_c","id","t1","state","getWidget","data","content","useWidgetStore","useShallow","t2","MarkdownUI","styles","li","display","paddingTop","paddingBottom","ul","listStyleType","paddingLeft","spacing","ol","COMPONENTS","h1","children","Typography","h2","h3","p","jsx","a","href","target","rel","Link","List","ListItem","overrides","ReactMarkdown","MarkdownSkeleton","Symbol","for","Skeleton","mb","jsxs","Box","markdownDownloadConfig","downloadToCSV","modifier","markdownConfig"],"mappings":"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"}
+{"version":3,"file":"markdown.js","sources":["../../src/widgets/markdown/markdown.tsx","../../src/widgets/markdown/style.ts","../../src/widgets/markdown/markdown-ui.tsx","../../src/widgets/markdown/skeleton.tsx","../../src/widgets/markdown/config.ts"],"sourcesContent":["import type { MarkdownUIProps } from './types'\nimport type { MarkdownWidgetData } from './types'\nimport { MarkdownUI } from '.'\nimport { useWidgetSelector } from '../stores/use-widget-selector'\n\n/**\n * Stateful markdown widget component that reads content from the widget store and renders it as formatted rich text.\n */\nexport function Markdown({ id }: MarkdownUIProps) {\n  const content = useWidgetSelector(\n    id,\n    (w) => (w?.data as MarkdownWidgetData | undefined)?.content,\n  )\n\n  if (!content) {\n    return null\n  }\n\n  return <MarkdownUI>{content}</MarkdownUI>\n}\n","import type { SxProps, Theme } from '@mui/material'\n\nexport const styles: Record<string, SxProps<Theme>> = {\n  container: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: ({ spacing }) => spacing(2),\n  },\n  markdown: {\n    overflow: 'hidden',\n    typography: ({ typography }) => ({\n      ...typography.body1,\n    }),\n  },\n  li: {\n    display: 'list-item',\n    paddingTop: 0,\n    paddingBottom: 0,\n  },\n  ul: {\n    listStyleType: 'disc',\n    paddingLeft: ({ spacing }) => spacing(2),\n  },\n  ol: {\n    listStyleType: 'decimal',\n    paddingLeft: ({ spacing }) => spacing(2),\n  },\n}\n","import { Link, List, ListItem, Typography } from '@mui/material'\nimport ReactMarkdown, { type Components } from 'react-markdown'\nimport { styles } from '../markdown/style'\nimport type { MarkdownComponentProps } from './types'\n\nconst COMPONENTS: Components = {\n  h1: ({ children }) => (\n    <Typography variant='h4' gutterBottom color='inherit'>\n      {children}\n    </Typography>\n  ),\n  h2: ({ children }) => (\n    <Typography variant='h5' gutterBottom color='inherit'>\n      {children}\n    </Typography>\n  ),\n  h3: ({ children }) => (\n    <Typography variant='h6' gutterBottom color='inherit'>\n      {children}\n    </Typography>\n  ),\n  p: ({ children }) => (\n    <Typography paragraph color='inherit'>\n      {children}\n    </Typography>\n  ),\n  a: ({ children, href, target = '_blank', rel = 'noopener noreferrer' }) => (\n    <Link href={href} target={target} rel={rel}>\n      {children}\n    </Link>\n  ),\n  ul: ({ children }) => <List sx={styles.ul}>{children}</List>,\n  ol: ({ children }) => (\n    <List component='ol' sx={styles.ol}>\n      {children}\n    </List>\n  ),\n  li: ({ children }) => <ListItem sx={styles.li}>{children}</ListItem>,\n}\n\n/**\n * Presentational component that renders a Markdown string as MUI-styled HTML using react-markdown.\n *\n * @remarks\n * Maps Markdown elements (headings, paragraphs, links, lists) to MUI Typography and Link components.\n * Custom component overrides can be passed via the `overrides` prop.\n */\nexport function MarkdownUI({ children, overrides }: MarkdownComponentProps) {\n  return (\n    <ReactMarkdown\n      components={{\n        ...COMPONENTS,\n        ...overrides,\n      }}\n    >\n      {children}\n    </ReactMarkdown>\n  )\n}\n","import { Box, Skeleton } from '@mui/material'\n\nexport function MarkdownSkeleton() {\n  return (\n    <Box aria-label='Markdown skeleton'>\n      <Skeleton width='80%' height={24} sx={{ mb: 1 }} />\n      <Skeleton width='90%' height={20} sx={{ mb: 0.5 }} />\n      <Skeleton width='85%' height={20} sx={{ mb: 0.5 }} />\n      <Skeleton width='75%' height={20} />\n    </Box>\n  )\n}\n","import { downloadToCSV, type DownloadItem } from '../actions'\nimport type { MarkdownWidgetConfig, MarkdownWidgetData } from './types'\n\n/**\n * Creates download configuration for markdown widgets, supporting CSV export of text content. Does not require `refUI` since it only exports text.\n *\n * @returns Array of download items for use with the Download action.\n */\nexport function markdownDownloadConfig(): DownloadItem<MarkdownWidgetData>[] {\n  return [\n    {\n      ...downloadToCSV,\n      modifier: async (data) => {\n        const content = data?.content ?? ''\n        return downloadToCSV.modifier([['Content'], [content]])\n      },\n    },\n  ]\n}\n\n/**\n * Returns the default configuration for markdown content display widgets.\n *\n * @returns Default markdown widget config (empty object).\n */\nexport function markdownConfig(): MarkdownWidgetConfig {\n  return {}\n}\n"],"names":["Markdown","t0","$","_c","id","content","useWidgetSelector","_temp","t1","MarkdownUI","w","data","styles","li","display","paddingTop","paddingBottom","ul","listStyleType","paddingLeft","spacing","ol","COMPONENTS","h1","children","Typography","h2","h3","p","jsx","a","href","target","rel","Link","List","ListItem","overrides","t2","ReactMarkdown","MarkdownSkeleton","Symbol","for","Skeleton","mb","jsxs","Box","markdownDownloadConfig","downloadToCSV","modifier","markdownConfig"],"mappings":"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"}

package/dist/widgets/no-data.js

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