@carto/ps-react-ui 5.0.0-widgets.9 → 5.0.0

package/dist/widgets/markdown.js

@@ -1,127 +1,148 @@
-import { jsx as i, jsxs as f } from "react/jsx-runtime";
-import { c } from "react/compiler-runtime";
-import { u } from "../widget-store-CB6Trp_0.js";
-import { useShallow as g } from "zustand/shallow";
-import { ListItem as w, List as d, Link as k, Typography as m, Skeleton as s, Box as y } from "@mui/material";
-import S from "react-markdown";
-import "@mui/icons-material";
-import "react";
-import "html2canvas";
-import "../lasso-tool-CYn3ivf-.js";
-import "../cjs-D9ro6BXv.js";
-import "@dnd-kit/core";
-import "@dnd-kit/sortable";
-import "@dnd-kit/utilities";
-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)
-    return null;
-  let l;
-  return o[2] !== n ? (l = /* @__PURE__ */ i(b, { children: n }), o[2] = n, o[3] = l) : l = o[3], l;
+import { t as e } from "../use-widget-selector-VSPhfhNm.js";
+import { _ as t } from "../actions-CGJD6q0t.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;
 }
-const a = {
-  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__ */ i(m, { variant: "h4", gutterBottom: !0, color: "inherit", children: t }),
-  h2: ({
-    children: t
-  }) => /* @__PURE__ */ i(m, { variant: "h5", gutterBottom: !0, color: "inherit", children: t }),
-  h3: ({
-    children: t
-  }) => /* @__PURE__ */ i(m, { variant: "h6", gutterBottom: !0, color: "inherit", children: t }),
-  p: ({
-    children: t
-  }) => /* @__PURE__ */ i(m, { paragraph: !0, color: "inherit", children: t }),
-  a: ({
-    children: t,
-    href: o,
-    target: r = "_blank",
-    rel: e = "noopener noreferrer"
-  }) => /* @__PURE__ */ i(k, { href: o, target: r, rel: e, children: t }),
-  ul: ({
-    children: t
-  }) => /* @__PURE__ */ i(d, { sx: a.ul, children: t }),
-  ol: ({
-    children: t
-  }) => /* @__PURE__ */ i(d, { component: "ol", sx: a.ol, children: t }),
-  li: ({
-    children: t
-  }) => /* @__PURE__ */ i(w, { sx: a.li, children: t })
+function p(e) {
+	return e?.data?.content;
+}
+//#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 b(t) {
-  const o = c(5), {
-    children: r,
-    overrides: e
-  } = t;
-  let n;
-  o[0] !== e ? (n = {
-    ...x,
-    ...e
-  }, o[0] = e, o[1] = n) : n = 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;
+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 R() {
-  const t = c(3);
-  let o;
-  t[0] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ i(s, { width: "80%", height: 24, sx: {
-    mb: 1
-  } }), t[0] = o) : o = t[0];
-  let r;
-  t[1] === Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ i(s, { width: "90%", height: 20, sx: {
-    mb: 0.5
-  } }), t[1] = r) : r = t[1];
-  let e;
-  return t[2] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ f(y, { "aria-label": "Markdown skeleton", children: [
-    o,
-    r,
-    /* @__PURE__ */ i(s, { width: "85%", height: 20, sx: {
-      mb: 0.5
-    } }),
-    /* @__PURE__ */ i(s, { 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 U() {
-  return [{
-    ...p,
-    modifier: async (t) => {
-      const o = t?.content ?? "";
-      return p.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 V() {
-  return {};
+function y() {
+	return {};
 }
-export {
-  P as Markdown,
-  R as MarkdownSkeleton,
-  b as MarkdownUI,
-  V as markdownConfig,
-  U 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 { useWidgetStore } from '../stores/widget-store'\nimport type { MarkdownWidgetData } from './types'\nimport { MarkdownUI } from '.'\nimport { useShallow } from 'zustand/shallow'\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\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\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\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","names":["{ id }: MarkdownUIProps","(w) => (w?.data as MarkdownWidgetData | undefined)?.content","<MarkdownUI>{content}</MarkdownUI>","{ children, overrides }: MarkdownComponentProps","{\n        ...COMPONENTS,\n        ...overrides,\n      }","<ReactMarkdown\n      components={{\n        ...COMPONENTS,\n        ...overrides,\n      }}\n    >\n      {children}\n    </ReactMarkdown>","<Skeleton width='80%' height={24} sx={{ mb: 1 }} />","<Skeleton width='90%' height={20} sx={{ mb: 0.5 }} />","<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>"],"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":";;;;;;;AAQA,SAAgB,EAAA,GAAkC;eAAzB,EAAE,UAAFA,GACjB,IAAU,EACd,GACAC,CACF;CAEA,IAAI,CAAC,GACH,OAAO;CAGFC,IAAAA;CAAP,OAAoB,EAAA,OAAA,gBAAb,IAAA,kBAAC,GAAD,EAAA,UAAa,EAAoB,CAAA,GAApB,EAAA,KAAA,cAAbA;AACT;AARI,SAAA,EAAC,GAAA;CAAO,OAAA,GAAG,MAAyC;;;;ACTxD,IAAa,IAAyC;CACpD,WAAW;EACT,SAAS;EACT,eAAe;EACf,MAAM,EAAE,iBAAc,EAAQ,CAAC;CACjC;CACA,UAAU;EACR,UAAU;EACV,aAAa,EAAE,qBAAkB,EAC/B,GAAG,EAAW,MAChB;CACF;CACA,IAAI;EACF,SAAS;EACT,YAAY;EACZ,eAAe;CACjB;CACA,IAAI;EACF,eAAe;EACf,cAAc,EAAE,iBAAc,EAAQ,CAAC;CACzC;CACA,IAAI;EACF,eAAe;EACf,cAAc,EAAE,iBAAc,EAAQ,CAAC;CACzC;AACF,GCtBM,IAAyB;CAC7B,KAAK,EAAE,kBACL,kBAAC,GAAD;EAAY,SAAQ;EAAK,cAAA;EAAa,OAAM;EACzC;CACS,CAAA;CAEd,KAAK,EAAE,kBACL,kBAAC,GAAD;EAAY,SAAQ;EAAK,cAAA;EAAa,OAAM;EACzC;CACS,CAAA;CAEd,KAAK,EAAE,kBACL,kBAAC,GAAD;EAAY,SAAQ;EAAK,cAAA;EAAa,OAAM;EACzC;CACS,CAAA;CAEd,IAAI,EAAE,kBACJ,kBAAC,GAAD;EAAY,WAAA;EAAU,OAAM;EACzB;CACS,CAAA;CAEd,IAAI,EAAE,aAAU,SAAM,YAAS,UAAU,SAAM,4BAC7C,kBAAC,GAAD;EAAY;EAAc;EAAa;EACpC;CACG,CAAA;CAER,KAAK,EAAE,kBAAe,kBAAC,GAAD;EAAM,IAAI,EAAO;EAAK;CAAe,CAAA;CAC3D,KAAK,EAAE,kBACL,kBAAC,GAAD;EAAM,WAAU;EAAK,IAAI,EAAO;EAC7B;CACG,CAAA;CAER,KAAK,EAAE,kBAAe,kBAAC,GAAD;EAAU,IAAI,EAAO;EAAK;CAAmB,CAAA;AACrE;AASA,SAAgB,EAAA,GAA4D;eAAjD,EAAE,aAAU,iBAAZC,GAGTC;CAEP,AAAA,EAAA,OAAA,gBAFO,IAAA;EACV,GAAG;EACH,GAAG;CACL,GADK,EAAA,KAAA;CAHPC,IAAAA;CADF,OAOK,EAAA,OAAA,KAAA,EAAA,OALWD,KADd,IAAA,kBAAC,GAAD;EACE,YAAYA;EAKX;CACY,CAAA,GADZ,EAAA,KAAA,GALWA,EAAAA,KAAAA,yBADdC;AASJ;;;ACxDA,SAAgB,IAAmB;eAG7BC;qDAAC,IAAA,kBAAA,GAAD;EAAU,OAAM;EAAM,QAAQ;EAAI,IAAI,EAAE,IAAI,EAAE;CAAI,CAAA;CAClDC,IAAAA;qDAAC,IAAA,kBAAA,GAAD;EAAU,OAAM;EAAM,QAAQ;EAAI,IAAI,EAAE,IAAI,GAAI;CAAI,CAAA;CAFtDC,IAAAA;CADF,2DACG,IAAA,kBAAA,GAAD;EAAK,cAAW;EAAhB,UAAA;GACEF;GACAC;GACA,kBAAC,GAAD;IAAU,OAAM;IAAM,QAAQ;IAAI,IAAI,EAAE,IAAI,GAAI;GAAI,CAAA;GACpD,kBAAC,GAAD;IAAU,OAAM;IAAM,QAAQ;GAAK,CAAA;EAChC;2BALLC;AAOJ;;;ACHA,SAAgB,IAA6D;CAC3E,OAAO,CACL;EACE,GAAG;EACH,UAAU,OAAO,MAAS;GACxB,IAAM,IAAU,GAAM,WAAW;GACjC,OAAO,EAAc,SAAS,CAAC,CAAC,SAAS,GAAG,CAAC,CAAO,CAAC,CAAC;EACxD;CACF,CACF;AACF;AAOA,SAAgB,IAAuC;CACrD,OAAO,CAAC;AACV"}

package/dist/widgets/no-data.js

@@ -1,5 +1,55 @@
-import { W as t } from "../no-data-C54XJt13.js";
-export {
-  t as WidgetNoData
-};
-//# sourceMappingURL=no-data.js.map
+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 c(e) {
+	return {
+		isLoading: e?.isLoading,
+		isFetching: e?.isFetching,
+		sourceData: e?.sourceData
+	};
+}
+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;
+}
+//#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":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"no-data.js","names":["{\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","title = 'No data available'","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'","isEmpty = defaultIsEmpty","(w) => ({\n    isLoading: w?.isLoading,\n    isFetching: w?.isFetching,\n    sourceData: w?.sourceData,\n  })","<Typography variant='body2' color='text.primary'>\n          {title}\n        </Typography>","<Typography variant='caption' color='text.secondary'>\n          {description}\n        </Typography>","<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>"],"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,IAAa,IAAyC,EACpD,MAAM;CACJ,SAAS;CACT,eAAe;CACf,KAAK;CACL,YAAY;CACZ,eAAe;CACf,UAAU;CACV,OAAO;CACP,WAAW;AACb,EACF;;;ACsBA,SAAgB,EAAA,GAMM;eANO,EAC3B,OACA,aACA,OAAA,GACA,aAAA,GACA,SAAA,MAL2BA,GAG3B,IAAA,MAAA,KAAA,IAAQ,sBAARC,GACA,IAAA,MAAA,KAAA,IAAc,mJAAdC,GACA,IAAA,MAAA,KAAA,IAAU,IAAVC,GAIM,EAAE,cAAW,eAAY,kBAAe,EAAkB,GAAIC,CAIlE;CAIF,IAAI,KAAa,GACf,OAAO;CAIT,IAAI,EAAQ,CAAU,GAAG;EAGnBC,IAAAA;EACG,AAAA,EAAA,OAAA,gBADH,IAAA,kBAAC,GAAD;GAAY,SAAQ;GAAQ,OAAM;GAC/B,UAAA;EACS,CAAA,GADT,EAAA,KAAA;EAEHC,IAAAA;EACG,AAAA,EAAA,OAAA,gBADH,IAAA,kBAAC,GAAD;GAAY,SAAQ;GAAU,OAAM;GACjC,UAAA;EACS,CAAA,GADT,EAAA,KAAA;EALLC,IAAAA;EADF,OAEIF,EAAAA,OAAAA,KAAAA,EAAAA,OAGAC,KAJF,IAAA,kBAAC,GAAD;GAAK,IAAI,EAAO;GAAhB,UAAA,CACED,GAGAC,CAGG;MANHD,EAAAA,KAAAA,GAGAC,EAAAA,KAAAA,yBAJFC;CASJ;CAGA,OAAO;AACT;AA5BsE,SAAA,EAAC,GAAA;CAAO,OAAA;EAC1E,WAAW,GAAG;EACd,YAAY,GAAG;EACf,YAAY,GAAG;CACjB;;AA8BF,SAAS,EAAe,GAAwB;CA4B9C,OA1BI,KAAQ,OACH,KAIL,MAAM,QAAQ,CAAI,IAQpB,GANI,EAAK,WAAW,KAMhB,EAAK,OAAO,MAAS,MAAM,QAAQ,CAAI,KAAK,EAAK,WAAW,CAAC,KAQ/D,OAAO,KAAS,YACX,OAAO,KAAK,CAAI,CAAC,CAAC,WAAW;AAKxC"}

package/dist/widgets/note.js

@@ -1,5 +1,127 @@
-import { W as t } from "../note-Clng2ej6.js";
-export {
-  t as WidgetNote
+import { c as e } from "react/compiler-runtime";
+import { useEffect as t, useEffectEvent as n, useRef as r, useState as i } from "react";
+import { Box as a, Button as o, Link 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/note/style.ts
+var f = {
+	root: {
+		typography: "caption",
+		color: (e) => e.palette.text.secondary,
+		marginBlockStart: ({ spacing: e }) => e(1)
+	},
+	clamped: {
+		display: "-webkit-box",
+		WebkitLineClamp: 3,
+		WebkitBoxOrient: "vertical",
+		overflow: "hidden"
+	},
+	expanded: { display: "block" },
+	linkButton: {
+		padding: 0,
+		minWidth: "auto",
+		textTransform: "none",
+		typography: "caption",
+		fontWeight: 500,
+		textDecoration: "none",
+		"&:hover": { backgroundColor: "transparent" }
+	}
+}, p = {
+	showMore: "Show More",
+	showLess: "Show Less"
+}, m = (t) => {
+	let n = e(2), { children: r } = t, i;
+	return n[0] === r ? i = n[1] : (i = /* @__PURE__ */ l(c, {
+		paragraph: !0,
+		color: "inherit",
+		variant: "caption",
+		children: r
+	}), n[0] = r, n[1] = i), i;
+}, h = {
+	h1: m,
+	h2: m,
+	h3: m,
+	p: m,
+	a: ({ children: e, href: t, target: n = "_blank", rel: r = "noopener noreferrer" }) => /* @__PURE__ */ l(s, {
+		href: t,
+		target: n,
+		rel: r,
+		color: "text.primary",
+		underline: "always",
+		children: e
+	}),
+	img: () => null,
+	ul: m,
+	ol: m,
+	li: m
 };
-//# sourceMappingURL=note.js.map
+function g(s) {
+	let c = e(27), { children: m, labels: g } = s, _ = g === void 0 ? p : g, [v, y] = i(!1), [b, x] = i(!1), S = r(null), C;
+	c[0] === Symbol.for("react.memo_cache_sentinel") ? (C = () => {
+		if (S.current) {
+			let e = S.current.scrollHeight > S.current.clientHeight;
+			x(e);
+		}
+	}, c[0] = C) : C = c[0];
+	let w = n(C), T;
+	c[1] === w ? T = c[2] : (T = () => {
+		w();
+	}, c[1] = w, c[2] = T);
+	let E;
+	c[3] === m ? E = c[4] : (E = [m], c[3] = m, c[4] = E), t(T, E);
+	let D;
+	c[5] === w ? D = c[6] : (D = () => {
+		let e = S.current;
+		if (!e) return;
+		let t = new ResizeObserver(() => {
+			w();
+		});
+		return t.observe(e), () => {
+			t.disconnect();
+		};
+	}, c[5] = w, c[6] = D);
+	let O;
+	if (c[7] === Symbol.for("react.memo_cache_sentinel") ? (O = [], c[7] = O) : O = c[7], t(D, O), !m) return null;
+	let k;
+	c[8] === v ? k = c[9] : (k = () => {
+		y(!v);
+	}, c[8] = v, c[9] = k);
+	let A = k, j;
+	c[10] === _ ? j = c[11] : (j = {
+		...p,
+		..._
+	}, c[10] = _, c[11] = j);
+	let M = j, N = v ? f.expanded : f.clamped, P;
+	c[12] === N ? P = c[13] : (P = {
+		...f.root,
+		...N
+	}, c[12] = N, c[13] = P);
+	let F;
+	c[14] === m ? F = c[15] : (F = /* @__PURE__ */ l(d, {
+		components: h,
+		children: m
+	}), c[14] = m, c[15] = F);
+	let I;
+	c[16] !== P || c[17] !== F ? (I = /* @__PURE__ */ l(a, {
+		ref: S,
+		sx: P,
+		children: F
+	}), c[16] = P, c[17] = F, c[18] = I) : I = c[18];
+	let L;
+	c[19] !== A || c[20] !== v || c[21] !== M || c[22] !== b ? (L = (b || v) && /* @__PURE__ */ l(o, {
+		onClick: A,
+		variant: "text",
+		color: "primary",
+		sx: f.linkButton,
+		"aria-expanded": v,
+		"aria-label": v ? M.showLess : M.showMore,
+		"aria-controls": "note-content",
+		children: v ? M.showLess : M.showMore
+	}), c[19] = A, c[20] = v, c[21] = M, c[22] = b, c[23] = L) : L = c[23];
+	let R;
+	return c[24] !== I || c[25] !== L ? (R = /* @__PURE__ */ u(a, { children: [I, L] }), c[24] = I, c[25] = L, c[26] = R) : R = c[26], R;
+}
+//#endregion
+export { g as WidgetNote };
+
+//# sourceMappingURL=note.js.map

package/dist/widgets/note.js.map

@@ -1 +1 @@
-{"version":3,"file":"note.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"note.js","names":["{ children }: { children?: React.ReactNode }","<Typography paragraph color='inherit' variant='caption'>\n    {children}\n  </Typography>","{\n  children,\n  labels = DEFAULT_LABELS,\n}: WidgetNoteProps","labels = DEFAULT_LABELS","() => {\n    if (contentRef.current) {\n      // Check if content overflows 3 lines\n      const isOverflowing =\n        contentRef.current.scrollHeight > contentRef.current.clientHeight\n      setShouldShowToggle(isOverflowing)\n    }\n  }","() => {\n    checkOverflow()\n  }","[children]","() => {\n    const element = contentRef.current\n    if (!element) return\n\n    const resizeObserver = new ResizeObserver(() => {\n      checkOverflow()\n    })\n\n    resizeObserver.observe(element)\n\n    return () => {\n      resizeObserver.disconnect()\n    }\n  }","[]","() => {\n    setIsExpanded(!isExpanded)\n  }","{ ...DEFAULT_LABELS, ...labels }","{\n          ...styles.root,\n          ...(isExpanded ? styles.expanded : styles.clamped),\n        }","isExpanded ? styles.expanded : styles.clamped","<ReactMarkdown components={COMPONENTS}>{children}</ReactMarkdown>","<Box\n        ref={contentRef}\n        sx={{\n          ...styles.root,\n          ...(isExpanded ? styles.expanded : styles.clamped),\n        }}\n      >\n        <ReactMarkdown components={COMPONENTS}>{children}</ReactMarkdown>\n      </Box>","(shouldShowToggle || isExpanded) && (\n        <Button\n          onClick={handleToggle}\n          variant='text'\n          color='primary'\n          sx={styles.linkButton}\n          aria-expanded={isExpanded}\n          aria-label={\n            isExpanded ? mergedLabels.showLess : mergedLabels.showMore\n          }\n          aria-controls='note-content'\n        >\n          {isExpanded ? mergedLabels.showLess : mergedLabels.showMore}\n        </Button>\n      )","mergedLabels.showLess","<Box>\n      <Box\n        ref={contentRef}\n        sx={{\n          ...styles.root,\n          ...(isExpanded ? styles.expanded : styles.clamped),\n        }}\n      >\n        <ReactMarkdown components={COMPONENTS}>{children}</ReactMarkdown>\n      </Box>\n      {(shouldShowToggle || isExpanded) && (\n        <Button\n          onClick={handleToggle}\n          variant='text'\n          color='primary'\n          sx={styles.linkButton}\n          aria-expanded={isExpanded}\n          aria-label={\n            isExpanded ? mergedLabels.showLess : mergedLabels.showMore\n          }\n          aria-controls='note-content'\n        >\n          {isExpanded ? mergedLabels.showLess : mergedLabels.showMore}\n        </Button>\n      )}\n    </Box>"],"sources":["../../src/widgets/note/style.ts","../../src/widgets/note/note.tsx"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material'\n\nexport const styles = {\n  root: {\n    typography: 'caption',\n    color: (theme: Theme) => theme.palette.text.secondary,\n    marginBlockStart: ({ spacing }) => spacing(1),\n  },\n  clamped: {\n    display: '-webkit-box',\n    WebkitLineClamp: 3,\n    WebkitBoxOrient: 'vertical',\n    overflow: 'hidden',\n  },\n  expanded: {\n    display: 'block',\n  },\n  linkButton: {\n    padding: 0,\n    minWidth: 'auto',\n    textTransform: 'none',\n    typography: 'caption',\n    fontWeight: 500,\n    textDecoration: 'none',\n    '&:hover': {\n      backgroundColor: 'transparent',\n    },\n  },\n} satisfies Record<string, SxProps<Theme>>\n","import { useState, useEffect, useRef, useEffectEvent } from 'react'\nimport { Box, Button, Link, Typography } from '@mui/material'\nimport type { WidgetNoteProps } from './types'\nimport { styles } from './style'\nimport ReactMarkdown, { type Components } from 'react-markdown'\n\nconst DEFAULT_LABELS = {\n  showMore: 'Show More',\n  showLess: 'Show Less',\n} as const\n\nconst DEFAULT_P = ({ children }: { children?: React.ReactNode }) => (\n  <Typography paragraph color='inherit' variant='caption'>\n    {children}\n  </Typography>\n)\n\nconst COMPONENTS: Components = {\n  h1: DEFAULT_P,\n  h2: DEFAULT_P,\n  h3: DEFAULT_P,\n  p: DEFAULT_P,\n  a: ({ children, href, target = '_blank', rel = 'noopener noreferrer' }) => (\n    <Link\n      href={href}\n      target={target}\n      rel={rel}\n      color='text.primary'\n      underline='always'\n    >\n      {children}\n    </Link>\n  ),\n  img: () => null,\n  ul: DEFAULT_P,\n  ol: DEFAULT_P,\n  li: DEFAULT_P,\n}\n\n/**\n * Displays text content with markdown support and automatic show more/less functionality for long content. Automatically detects content exceeding 3 lines and shows an expand/collapse button.\n *\n * @example\n * ```tsx\n * <WidgetNote>\n *   {\"**Important:** This data is from Q4 2024.\"}\n * </WidgetNote>\n * ```\n */\nexport function WidgetNote({\n  children,\n  labels = DEFAULT_LABELS,\n}: WidgetNoteProps) {\n  const [isExpanded, setIsExpanded] = useState(false)\n  const [shouldShowToggle, setShouldShowToggle] = useState(false)\n  const contentRef = useRef<HTMLDivElement>(null)\n\n  const checkOverflow = useEffectEvent(() => {\n    if (contentRef.current) {\n      // Check if content overflows 3 lines\n      const isOverflowing =\n        contentRef.current.scrollHeight > contentRef.current.clientHeight\n      setShouldShowToggle(isOverflowing)\n    }\n  })\n\n  useEffect(() => {\n    checkOverflow()\n  }, [children])\n\n  useEffect(() => {\n    const element = contentRef.current\n    if (!element) return\n\n    const resizeObserver = new ResizeObserver(() => {\n      checkOverflow()\n    })\n\n    resizeObserver.observe(element)\n\n    return () => {\n      resizeObserver.disconnect()\n    }\n  }, [])\n\n  if (!children) {\n    return null\n  }\n\n  const handleToggle = () => {\n    setIsExpanded(!isExpanded)\n  }\n\n  const mergedLabels = { ...DEFAULT_LABELS, ...labels }\n\n  return (\n    <Box>\n      <Box\n        ref={contentRef}\n        sx={{\n          ...styles.root,\n          ...(isExpanded ? styles.expanded : styles.clamped),\n        }}\n      >\n        <ReactMarkdown components={COMPONENTS}>{children}</ReactMarkdown>\n      </Box>\n      {(shouldShowToggle || isExpanded) && (\n        <Button\n          onClick={handleToggle}\n          variant='text'\n          color='primary'\n          sx={styles.linkButton}\n          aria-expanded={isExpanded}\n          aria-label={\n            isExpanded ? mergedLabels.showLess : mergedLabels.showMore\n          }\n          aria-controls='note-content'\n        >\n          {isExpanded ? mergedLabels.showLess : mergedLabels.showMore}\n        </Button>\n      )}\n    </Box>\n  )\n}\n"],"mappings":"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"}