@carto/ps-react-ui 4.19.0 → 4.20.1

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 } 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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"}
+{"version":3,"file":"loader.js","names":["useEffect","useRef","WidgetLoaderProps","useWidgetStore","widgetStoreActions","WrapperState","WidgetLoader","props","$","_c","t0","id","state","widgets","registeredTools","dataRef","data","configRef","config","isMountedRef","t1","current","t2","t3","error","isFetching","isLoading","type","setWidget","t4","t5","executeConfigPipeline","t6","t7","executeToolPipeline","t8","rafId","requestAnimationFrame","cancelAnimationFrame","t9","children","deepmerge","ConfigOrFn","Partial","TConfig","baseConfig","data","TData","resolveConfig","config","mergeWidgetConfig","options","T","arrayMerge","_","source"],"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"],"mappings":"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"}

package/dist/widgets/markdown.js

@@ -1,130 +1,148 @@
-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-DFl2hW0R.js";
-import { ListItem as u, List as p, Link as g, Typography as m, Skeleton as a, Box as w } from "@mui/material";
-import k from "react-markdown";
-import "../widget-store-Bw5zRUGg.js";
-import "@mui/icons-material";
-import "react";
-import "html2canvas";
-import "../lasso-tool-YLFRgb-S.js";
-import "../cjs-D4KH3azB.js";
-import "@carto/ps-utils";
-import "@dnd-kit/core";
-import "@dnd-kit/sortable";
-import "@dnd-kit/utilities";
-import "react-dom";
-import "zustand/shallow";
-import { a as d } from "../exports-Cr43OCul.js";
-function V(t) {
-  const o = s(2), {
-    id: n
-  } = t, e = f(n, y);
-  if (!e)
-    return null;
-  let i;
-  return o[0] !== e ? (i = /* @__PURE__ */ r(S, { children: e }), o[0] = e, o[1] = i) : i = o[1], i;
+import { t as e } from "../use-widget-selector-VSPhfhNm.js";
+import { _ as t } from "../actions-DKX98LlI.js";
+import { c as n } from "react/compiler-runtime";
+import { Box as r, Link as i, List as a, ListItem as o, Skeleton as s, Typography as c } from "@mui/material";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import d from "react-markdown";
+//#region src/widgets/markdown/markdown.tsx
+function f(t) {
+	let r = n(2), { id: i } = t, a = e(i, p);
+	if (!a) return null;
+	let o;
+	return r[0] === a ? o = r[1] : (o = /* @__PURE__ */ l(g, { children: a }), r[0] = a, r[1] = o), o;
 }
-function y(t) {
-  return t?.data?.content;
+function p(e) {
+	return e?.data?.content;
 }
-const c = {
-  li: {
-    display: "list-item",
-    paddingTop: 0,
-    paddingBottom: 0
-  },
-  ul: {
-    listStyleType: "disc",
-    paddingLeft: ({
-      spacing: t
-    }) => t(2)
-  },
-  ol: {
-    listStyleType: "decimal",
-    paddingLeft: ({
-      spacing: t
-    }) => t(2)
-  }
-}, x = {
-  h1: ({
-    children: t
-  }) => /* @__PURE__ */ r(m, { variant: "h4", gutterBottom: !0, color: "inherit", children: t }),
-  h2: ({
-    children: t
-  }) => /* @__PURE__ */ r(m, { variant: "h5", gutterBottom: !0, color: "inherit", children: t }),
-  h3: ({
-    children: t
-  }) => /* @__PURE__ */ r(m, { variant: "h6", gutterBottom: !0, color: "inherit", children: t }),
-  p: ({
-    children: t
-  }) => /* @__PURE__ */ r(m, { paragraph: !0, color: "inherit", children: t }),
-  a: ({
-    children: t,
-    href: o,
-    target: n = "_blank",
-    rel: e = "noopener noreferrer"
-  }) => /* @__PURE__ */ r(g, { href: o, target: n, rel: e, children: t }),
-  ul: ({
-    children: t
-  }) => /* @__PURE__ */ r(p, { sx: c.ul, children: t }),
-  ol: ({
-    children: t
-  }) => /* @__PURE__ */ r(p, { component: "ol", sx: c.ol, children: t }),
-  li: ({
-    children: t
-  }) => /* @__PURE__ */ r(u, { sx: c.li, children: t })
+//#endregion
+//#region src/widgets/markdown/style.ts
+var m = {
+	container: {
+		display: "flex",
+		flexDirection: "column",
+		gap: ({ spacing: e }) => e(2)
+	},
+	markdown: {
+		overflow: "hidden",
+		typography: ({ typography: e }) => ({ ...e.body1 })
+	},
+	li: {
+		display: "list-item",
+		paddingTop: 0,
+		paddingBottom: 0
+	},
+	ul: {
+		listStyleType: "disc",
+		paddingLeft: ({ spacing: e }) => e(2)
+	},
+	ol: {
+		listStyleType: "decimal",
+		paddingLeft: ({ spacing: e }) => e(2)
+	}
+}, h = {
+	h1: ({ children: e }) => /* @__PURE__ */ l(c, {
+		variant: "h4",
+		gutterBottom: !0,
+		color: "inherit",
+		children: e
+	}),
+	h2: ({ children: e }) => /* @__PURE__ */ l(c, {
+		variant: "h5",
+		gutterBottom: !0,
+		color: "inherit",
+		children: e
+	}),
+	h3: ({ children: e }) => /* @__PURE__ */ l(c, {
+		variant: "h6",
+		gutterBottom: !0,
+		color: "inherit",
+		children: e
+	}),
+	p: ({ children: e }) => /* @__PURE__ */ l(c, {
+		paragraph: !0,
+		color: "inherit",
+		children: e
+	}),
+	a: ({ children: e, href: t, target: n = "_blank", rel: r = "noopener noreferrer" }) => /* @__PURE__ */ l(i, {
+		href: t,
+		target: n,
+		rel: r,
+		children: e
+	}),
+	ul: ({ children: e }) => /* @__PURE__ */ l(a, {
+		sx: m.ul,
+		children: e
+	}),
+	ol: ({ children: e }) => /* @__PURE__ */ l(a, {
+		component: "ol",
+		sx: m.ol,
+		children: e
+	}),
+	li: ({ children: e }) => /* @__PURE__ */ l(o, {
+		sx: m.li,
+		children: e
+	})
 };
-function S(t) {
-  const o = s(5), {
-    children: n,
-    overrides: e
-  } = t;
-  let i;
-  o[0] !== e ? (i = {
-    ...x,
-    ...e
-  }, o[0] = e, o[1] = i) : i = o[1];
-  let 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 g(e) {
+	let t = n(5), { children: r, overrides: i } = e, a;
+	t[0] === i ? a = t[1] : (a = {
+		...h,
+		...i
+	}, t[0] = i, t[1] = a);
+	let o;
+	return t[2] !== r || t[3] !== a ? (o = /* @__PURE__ */ l(d, {
+		components: a,
+		children: r
+	}), t[2] = r, t[3] = a, t[4] = o) : o = t[4], o;
 }
-function W() {
-  const t = s(3);
-  let o;
-  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 n;
-  t[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ r(a, { width: "90%", height: 20, sx: {
-    mb: 0.5
-  } }), t[1] = n) : n = t[1];
-  let e;
-  return t[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ h(w, { "aria-label": "Markdown skeleton", children: [
-    o,
-    n,
-    /* @__PURE__ */ r(a, { width: "85%", height: 20, sx: {
-      mb: 0.5
-    } }),
-    /* @__PURE__ */ r(a, { width: "75%", height: 20 })
-  ] }), t[2] = e) : e = t[2], e;
+//#endregion
+//#region src/widgets/markdown/skeleton.tsx
+function _() {
+	let e = n(3), t;
+	e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ l(s, {
+		width: "80%",
+		height: 24,
+		sx: { mb: 1 }
+	}), e[0] = t) : t = e[0];
+	let i;
+	e[1] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ l(s, {
+		width: "90%",
+		height: 20,
+		sx: { mb: .5 }
+	}), e[1] = i) : i = e[1];
+	let a;
+	return e[2] === Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ u(r, {
+		"aria-label": "Markdown skeleton",
+		children: [
+			t,
+			i,
+			/* @__PURE__ */ l(s, {
+				width: "85%",
+				height: 20,
+				sx: { mb: .5 }
+			}),
+			/* @__PURE__ */ l(s, {
+				width: "75%",
+				height: 20
+			})
+		]
+	}), e[2] = a) : a = e[2], a;
 }
-function q() {
-  return [{
-    ...d,
-    modifier: async (t) => {
-      const o = t?.content ?? "";
-      return d.modifier([["Content"], [o]]);
-    }
-  }];
+//#endregion
+//#region src/widgets/markdown/config.ts
+function v() {
+	return [{
+		...t,
+		modifier: async (e) => {
+			let n = e?.content ?? "";
+			return t.modifier([["Content"], [n]]);
+		}
+	}];
 }
-function z() {
-  return {};
+function y() {
+	return {};
 }
-export {
-  V as Markdown,
-  W as MarkdownSkeleton,
-  S as MarkdownUI,
-  z as markdownConfig,
-  q as markdownDownloadConfig
-};
-//# sourceMappingURL=markdown.js.map
+//#endregion
+export { f as Markdown, _ as MarkdownSkeleton, g as MarkdownUI, y 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 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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"}
+{"version":3,"file":"markdown.js","names":["MarkdownUIProps","MarkdownWidgetData","MarkdownUI","useWidgetSelector","Markdown","t0","$","_c","id","content","_temp","t1","w","data","SxProps","Theme","styles","Record","container","display","flexDirection","gap","spacing","markdown","overflow","typography","body1","li","paddingTop","paddingBottom","ul","listStyleType","paddingLeft","ol","Link","List","ListItem","Typography","ReactMarkdown","Components","styles","MarkdownComponentProps","COMPONENTS","h1","children","h2","h3","p","a","href","target","rel","ul","ol","li","MarkdownUI","t0","$","_c","overrides","t1","t2","Box","Skeleton","MarkdownSkeleton","$","_c","t0","Symbol","for","mb","t1","t2","downloadToCSV","DownloadItem","MarkdownWidgetConfig","MarkdownWidgetData","markdownDownloadConfig","modifier","data","content","markdownConfig"],"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"],"mappings":"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"}

package/dist/widgets/no-data.js

@@ -1,61 +1,55 @@
-import { jsx as u, jsxs as x } from "react/jsx-runtime";
-import { c as v } from "react/compiler-runtime";
-import { Typography as d, Box as b } from "@mui/material";
-import { u as j } from "../use-widget-selector-DFl2hW0R.js";
-const D = {
-  root: {
-    display: "flex",
-    flexDirection: "column",
-    gap: 1,
-    // 8px
-    paddingTop: 1,
-    // 8px
-    paddingBottom: 2,
-    // 16px
-    paddingX: 2,
-    // 16px
-    width: "100%",
-    minHeight: "100%"
-  }
-};
-function B(e) {
-  const t = v(7), {
-    id: p,
-    children: a,
-    title: l,
-    description: c,
-    isEmpty: f
-  } = e, n = l === void 0 ? "No data available" : l, s = c === void 0 ? "There are no results for the combination of filters applied to your data. Try tweaking your filters, or zoom and pan the map to adjust filters" : c, y = f === void 0 ? T : f, {
-    isLoading: g,
-    isFetching: m,
-    sourceData: h
-  } = j(p, A);
-  if (g || m)
-    return a;
-  if (y(h)) {
-    let r;
-    t[0] !== n ? (r = /* @__PURE__ */ u(d, { variant: "body2", color: "text.primary", children: n }), t[0] = n, t[1] = r) : r = t[1];
-    let i;
-    t[2] !== s ? (i = /* @__PURE__ */ u(d, { variant: "caption", color: "text.secondary", children: s }), t[2] = s, t[3] = i) : i = t[3];
-    let o;
-    return t[4] !== r || t[5] !== i ? (o = /* @__PURE__ */ x(b, { sx: D.root, children: [
-      r,
-      i
-    ] }), t[4] = r, t[5] = i, t[6] = o) : o = t[6], o;
-  }
-  return a;
+import { t as e } from "../use-widget-selector-VSPhfhNm.js";
+import { c as t } from "react/compiler-runtime";
+import { Box as n, Typography as r } from "@mui/material";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/widgets/no-data/style.ts
+var o = { root: {
+	display: "flex",
+	flexDirection: "column",
+	gap: 1,
+	paddingTop: 1,
+	paddingBottom: 2,
+	paddingX: 2,
+	width: "100%",
+	minHeight: "100%"
+} };
+//#endregion
+//#region src/widgets/no-data/no-data.tsx
+function s(s) {
+	let u = t(7), { id: d, children: f, title: p, description: m, isEmpty: h } = s, g = p === void 0 ? "No data available" : p, _ = m === void 0 ? "There are no results for the combination of filters applied to your data. Try tweaking your filters, or zoom and pan the map to adjust filters" : m, v = h === void 0 ? l : h, { isLoading: y, isFetching: b, sourceData: x } = e(d, c);
+	if (y || b) return f;
+	if (v(x)) {
+		let e;
+		u[0] === g ? e = u[1] : (e = /* @__PURE__ */ i(r, {
+			variant: "body2",
+			color: "text.primary",
+			children: g
+		}), u[0] = g, u[1] = e);
+		let t;
+		u[2] === _ ? t = u[3] : (t = /* @__PURE__ */ i(r, {
+			variant: "caption",
+			color: "text.secondary",
+			children: _
+		}), u[2] = _, u[3] = t);
+		let s;
+		return u[4] !== e || u[5] !== t ? (s = /* @__PURE__ */ a(n, {
+			sx: o.root,
+			children: [e, t]
+		}), u[4] = e, u[5] = t, u[6] = s) : s = u[6], s;
+	}
+	return f;
 }
-function A(e) {
-  return {
-    isLoading: e?.isLoading,
-    isFetching: e?.isFetching,
-    sourceData: e?.sourceData
-  };
+function c(e) {
+	return {
+		isLoading: e?.isLoading,
+		isFetching: e?.isFetching,
+		sourceData: e?.sourceData
+	};
 }
-function T(e) {
-  return e == null ? !0 : Array.isArray(e) ? !!(e.length === 0 || e.every((t) => Array.isArray(t) && t.length === 0)) : typeof e == "object" ? Object.keys(e).length === 0 : !1;
+function l(e) {
+	return e == null ? !0 : Array.isArray(e) ? !!(e.length === 0 || e.every((e) => Array.isArray(e) && e.length === 0)) : typeof e == "object" && Object.keys(e).length === 0;
 }
-export {
-  B as WidgetNoData
-};
-//# sourceMappingURL=no-data.js.map
+//#endregion
+export { s as WidgetNoData };
+
+//# sourceMappingURL=no-data.js.map

package/dist/widgets/no-data.js.map

@@ -1 +1 @@
-{"version":3,"file":"no-data.js","sources":["../../src/widgets/no-data/style.ts","../../src/widgets/no-data/no-data.tsx"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material'\n\n/**\n * Styles for NoData component matching Figma design specifications\n * Design reference: node 5781-11028\n */\nexport const styles: Record<string, SxProps<Theme>> = {\n  root: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 1, // 8px\n    paddingTop: 1, // 8px\n    paddingBottom: 2, // 16px\n    paddingX: 2, // 16px\n    width: '100%',\n    minHeight: '100%',\n  },\n}\n","import { Box, Typography } from '@mui/material'\nimport { useWidgetSelector } from '../stores/use-widget-selector'\nimport type { WidgetNoDataProps } from './types'\nimport { styles } from './style'\n\n/**\n * NoData wrapper component that displays empty state UI when widget has no data\n *\n * Integrates with widget store to check loading/fetching state and source data availability.\n * Uses `sourceData` (pre-pipeline data) instead of `data` (post-pipeline) to distinguish\n * \"API returned nothing\" from \"pipeline tools filtered everything out\".\n *\n * @example Basic usage\n * ```tsx\n * <NoData id=\"my-widget\">\n *   <WidgetContent id=\"my-widget\" />\n * </NoData>\n * ```\n *\n * @example With SkeletonLoader\n * ```tsx\n * <SkeletonLoader id=\"my-widget\" Skeleton={MySkeleton}>\n *   <NoData id=\"my-widget\">\n *     <WidgetContent id=\"my-widget\" />\n *   </NoData>\n * </SkeletonLoader>\n * ```\n *\n * @example With custom messages\n * ```tsx\n * <NoData\n *   id=\"my-widget\"\n *   title=\"No results found\"\n *   description=\"Try adjusting your filters\"\n * >\n *   <WidgetContent id=\"my-widget\" />\n * </NoData>\n * ```\n */\nexport function WidgetNoData({\n  id,\n  children,\n  title = 'No data available',\n  description = 'There are no results for the combination of filters applied to your data. Try tweaking your filters, or zoom and pan the map to adjust filters',\n  isEmpty = defaultIsEmpty,\n}: WidgetNoDataProps) {\n  // Single consolidated subscription instead of 3 separate ones.\n  // Reads sourceData (pre-pipeline) to check emptiness, not data (post-pipeline).\n  const { isLoading, isFetching, sourceData } = useWidgetSelector(id, (w) => ({\n    isLoading: w?.isLoading,\n    isFetching: w?.isFetching,\n    sourceData: w?.sourceData,\n  }))\n\n  // If loading or fetching, show children\n  // SkeletonLoader handles loading state, this allows proper composition\n  if (isLoading || isFetching) {\n    return children\n  }\n\n  // Check if data is empty\n  if (isEmpty(sourceData)) {\n    return (\n      <Box sx={styles.root}>\n        <Typography variant='body2' color='text.primary'>\n          {title}\n        </Typography>\n        <Typography variant='caption' color='text.secondary'>\n          {description}\n        </Typography>\n      </Box>\n    )\n  }\n\n  // Data exists, render children\n  return children\n}\n\n/**\n * Default function to determine if data is empty\n * Handles various data structures commonly used in widgets\n */\nfunction defaultIsEmpty(data: unknown): boolean {\n  // Null or undefined\n  if (data == null) {\n    return true\n  }\n\n  // Arrays (most common case)\n  if (Array.isArray(data)) {\n    // Empty array\n    if (data.length === 0) {\n      return true\n    }\n\n    // Array of arrays (CategoryWidget pattern: [[],[]])\n    // Check if all inner arrays are empty\n    if (data.every((item) => Array.isArray(item) && item.length === 0)) {\n      return true\n    }\n\n    return false\n  }\n\n  // Objects\n  if (typeof data === 'object') {\n    return Object.keys(data).length === 0\n  }\n\n  // Primitives (numbers, strings, booleans) are considered valid data\n  return false\n}\n"],"names":["styles","root","display","flexDirection","gap","paddingTop","paddingBottom","paddingX","width","minHeight","WidgetNoData","t0","$","_c","id","children","title","t1","description","t2","isEmpty","t3","undefined","defaultIsEmpty","isLoading","isFetching","sourceData","useWidgetSelector","_temp","t4","Typography","t5","t6","Box","w","data","Array","isArray","length","every","item","Object","keys"],"mappings":";;;;AAMO,MAAMA,IAAyC;AAAA,EACpDC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,eAAe;AAAA,IACfC,KAAK;AAAA;AAAA,IACLC,YAAY;AAAA;AAAA,IACZC,eAAe;AAAA;AAAA,IACfC,UAAU;AAAA;AAAA,IACVC,OAAO;AAAA,IACPC,WAAW;AAAA,EAAA;AAEf;ACsBO,SAAAC,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAAsB;AAAA,IAAAC,IAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,OAAAC;AAAAA,IAAAC,aAAAC;AAAAA,IAAAC,SAAAC;AAAAA,EAAAA,IAAAV,GAG3BK,IAAAC,MAAAK,SAAA,sBAAAL,GACAC,IAAAC,MAAAG,SAAA,mJAAAH,GACAC,IAAAC,MAAAC,SAAAC,IAAAF,GAIA;AAAA,IAAAG,WAAAA;AAAAA,IAAAC,YAAAA;AAAAA,IAAAC,YAAAA;AAAAA,EAAAA,IAA8CC,EAAkBb,GAAIc,CAIlE;AAIF,MAAIJ,KAAAC;AAAuB,WAClBV;AAIT,MAAIK,EAAQM,CAAU,GAAC;AAAA,QAAAG;AAAA,IAAAjB,SAAAI,KAGjBa,sBAACC,GAAA,EAAmB,SAAA,SAAc,OAAA,gBAC/Bd,UAAAA,GACH,GAAaJ,OAAAI,GAAAJ,OAAAiB,KAAAA,IAAAjB,EAAA,CAAA;AAAA,QAAAmB;AAAA,IAAAnB,SAAAM,KACba,sBAACD,GAAA,EAAmB,SAAA,WAAgB,OAAA,kBACjCZ,UAAAA,GACH,GAAaN,OAAAM,GAAAN,OAAAmB,KAAAA,IAAAnB,EAAA,CAAA;AAAA,QAAAoB;AAAA,WAAApB,EAAA,CAAA,MAAAiB,KAAAjB,SAAAmB,KANfC,sBAACC,GAAA,EAAQ,IAAAjC,EAAMC,MACb4B,UAAAA;AAAAA,MAAAA;AAAAA,MAGAE;AAAAA,IAAAA,GAGF,GAAMnB,OAAAiB,GAAAjB,OAAAmB,GAAAnB,OAAAoB,KAAAA,IAAApB,EAAA,CAAA,GAPNoB;AAAAA,EAOM;AAET,SAGMjB;AAAQ;AApCV,SAAAa,EAAAM,GAAA;AAAA,SASuE;AAAA,IAAAV,WAC/DU,GAACV;AAAAA,IAAWC,YACXS,GAACT;AAAAA,IAAYC,YACbQ,GAACR;AAAAA,EAAAA;AACd;AA8BH,SAASH,EAAeY,GAAwB;AAE9C,SAAIA,KAAQ,OACH,KAILC,MAAMC,QAAQF,CAAI,IAEhBA,GAAAA,EAAKG,WAAW,KAMhBH,EAAKI,MAAOC,CAAAA,MAASJ,MAAMC,QAAQG,CAAI,KAAKA,EAAKF,WAAW,CAAC,KAQ/D,OAAOH,KAAS,WACXM,OAAOC,KAAKP,CAAI,EAAEG,WAAW,IAI/B;AACT;"}
+{"version":3,"file":"no-data.js","names":["SxProps","Theme","styles","Record","root","display","flexDirection","gap","paddingTop","paddingBottom","paddingX","width","minHeight","Box","Typography","useWidgetSelector","WidgetNoDataProps","styles","WidgetNoData","t0","$","_c","id","children","title","t1","description","t2","isEmpty","t3","undefined","defaultIsEmpty","isLoading","isFetching","sourceData","_temp","t4","t5","t6","root","w","data","Array","isArray","length","every","item","Object","keys"],"sources":["../../src/widgets/no-data/style.ts","../../src/widgets/no-data/no-data.tsx"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material'\n\n/**\n * Styles for NoData component matching Figma design specifications\n * Design reference: node 5781-11028\n */\nexport const styles: Record<string, SxProps<Theme>> = {\n  root: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 1, // 8px\n    paddingTop: 1, // 8px\n    paddingBottom: 2, // 16px\n    paddingX: 2, // 16px\n    width: '100%',\n    minHeight: '100%',\n  },\n}\n","import { Box, Typography } from '@mui/material'\nimport { useWidgetSelector } from '../stores/use-widget-selector'\nimport type { WidgetNoDataProps } from './types'\nimport { styles } from './style'\n\n/**\n * NoData wrapper component that displays empty state UI when widget has no data\n *\n * Integrates with widget store to check loading/fetching state and source data availability.\n * Uses `sourceData` (pre-pipeline data) instead of `data` (post-pipeline) to distinguish\n * \"API returned nothing\" from \"pipeline tools filtered everything out\".\n *\n * @example Basic usage\n * ```tsx\n * <NoData id=\"my-widget\">\n *   <WidgetContent id=\"my-widget\" />\n * </NoData>\n * ```\n *\n * @example With SkeletonLoader\n * ```tsx\n * <SkeletonLoader id=\"my-widget\" Skeleton={MySkeleton}>\n *   <NoData id=\"my-widget\">\n *     <WidgetContent id=\"my-widget\" />\n *   </NoData>\n * </SkeletonLoader>\n * ```\n *\n * @example With custom messages\n * ```tsx\n * <NoData\n *   id=\"my-widget\"\n *   title=\"No results found\"\n *   description=\"Try adjusting your filters\"\n * >\n *   <WidgetContent id=\"my-widget\" />\n * </NoData>\n * ```\n */\nexport function WidgetNoData({\n  id,\n  children,\n  title = 'No data available',\n  description = 'There are no results for the combination of filters applied to your data. Try tweaking your filters, or zoom and pan the map to adjust filters',\n  isEmpty = defaultIsEmpty,\n}: WidgetNoDataProps) {\n  // Single consolidated subscription instead of 3 separate ones.\n  // Reads sourceData (pre-pipeline) to check emptiness, not data (post-pipeline).\n  const { isLoading, isFetching, sourceData } = useWidgetSelector(id, (w) => ({\n    isLoading: w?.isLoading,\n    isFetching: w?.isFetching,\n    sourceData: w?.sourceData,\n  }))\n\n  // If loading or fetching, show children\n  // SkeletonLoader handles loading state, this allows proper composition\n  if (isLoading || isFetching) {\n    return children\n  }\n\n  // Check if data is empty\n  if (isEmpty(sourceData)) {\n    return (\n      <Box sx={styles.root}>\n        <Typography variant='body2' color='text.primary'>\n          {title}\n        </Typography>\n        <Typography variant='caption' color='text.secondary'>\n          {description}\n        </Typography>\n      </Box>\n    )\n  }\n\n  // Data exists, render children\n  return children\n}\n\n/**\n * Default function to determine if data is empty\n * Handles various data structures commonly used in widgets\n */\nfunction defaultIsEmpty(data: unknown): boolean {\n  // Null or undefined\n  if (data == null) {\n    return true\n  }\n\n  // Arrays (most common case)\n  if (Array.isArray(data)) {\n    // Empty array\n    if (data.length === 0) {\n      return true\n    }\n\n    // Array of arrays (CategoryWidget pattern: [[],[]])\n    // Check if all inner arrays are empty\n    if (data.every((item) => Array.isArray(item) && item.length === 0)) {\n      return true\n    }\n\n    return false\n  }\n\n  // Objects\n  if (typeof data === 'object') {\n    return Object.keys(data).length === 0\n  }\n\n  // Primitives (numbers, strings, booleans) are considered valid data\n  return false\n}\n"],"mappings":";;;;;AAMA,IAAaE,IAAyC,EACpDE,MAAM;CACJC,SAAS;CACTC,eAAe;CACfC,KAAK;CACLC,YAAY;CACZC,eAAe;CACfC,UAAU;CACVC,OAAO;CACPC,WAAW;AACb,EACF;;;ACsBA,SAAOM,EAAAC,GAAA;CAAA,IAAAC,IAAAC,EAAA,CAAA,GAAsB,EAAAC,OAAAC,aAAAC,OAAAC,GAAAC,aAAAC,GAAAC,SAAAC,MAAAV,GAG3BK,IAAAC,MAAAK,KAAAA,IAAA,sBAAAL,GACAC,IAAAC,MAAAG,KAAAA,IAAA,mJAAAH,GACAC,IAAAC,MAAAC,KAAAA,IAAAC,IAAAF,GAIA,EAAAG,cAAAC,eAAAC,kBAA8CnB,EAAkBO,GAAIa,CAIlE;CAIF,IAAIH,KAAAC,GAAuB,OAClBV;CAIT,IAAIK,EAAQM,CAAU,GAAC;EAAA,IAAAE;EAAA,AAAAhB,EAAA,OAAAI,IAKJY,IAAAhB,EAAA,MAFbgB,IAAA,kBAAC,GAAD;GAAoB,SAAA;GAAc,OAAA;GAC/BZ,UAAAA;EADQ,CAAA,GAEEJ,EAAA,KAAAI,GAAAJ,EAAA,KAAAgB;EAAA,IAAAC;EAAA,AAAAjB,EAAA,OAAAM,IAGAW,IAAAjB,EAAA,MAFbiB,IAAA,kBAAC,GAAD;GAAoB,SAAA;GAAgB,OAAA;GACjCX,UAAAA;EADQ,CAAA,GAEEN,EAAA,KAAAM,GAAAN,EAAA,KAAAiB;EAAA,IAAAC;EACT,OADSlB,EAAA,OAAAgB,KAAAhB,EAAA,OAAAiB,KANfC,IAAA,kBAAC,GAAD;GAAS,IAAArB,EAAMsB;GAAf,UAAA,CACEH,GAGAC,CAJE;MAOEjB,EAAA,KAAAgB,GAAAhB,EAAA,KAAAiB,GAAAjB,EAAA,KAAAkB,KAAAA,IAAAlB,EAAA,IAPNkB;CAOM;CAET,OAGMf;AAAQ;AApCV,SAAAY,EAAAK,GAAA;CAAA,OASuE;EAAAR,WAC/DQ,GAACR;EAAWC,YACXO,GAACP;EAAYC,YACbM,GAACN;CACf;AAAC;AA8BH,SAASH,EAAeU,GAAwB;CA4B9C,OA1BIA,KAAQ,OACH,KAILC,MAAMC,QAAQF,CAAI,IAQpB,GANIA,EAAKG,WAAW,KAMhBH,EAAKI,OAAOC,MAASJ,MAAMC,QAAQG,CAAI,KAAKA,EAAKF,WAAW,CAAC,KAQ/D,OAAOH,KAAS,YACXM,OAAOC,KAAKP,CAAI,CAAC,CAACG,WAAW;AAKxC"}