@carto/ps-react-ui 5.3.0 → 6.1.0

package/dist/{markdown-oo9mnJun.js → markdown-Bn2nKCbn.js}

@@ -1,10 +1,10 @@
-import { S as e, T as t } from "./stores-tiFePP0A.js";
-import { t as n } from "./markdown-content-BWUqwx9F.js";
-import { a as r, n as i, r as a } from "./download-DGgFOaXj.js";
+import { D as e, S as t } from "./stores-DcBOZlU3.js";
+import { t as n } from "./markdown-content-kYNLOX0T.js";
+import { i as r, o as i, t as a } from "./download-B4sykOFm.js";
 import { c as o } from "react/compiler-runtime";
 import { Box as s, Skeleton as c, Typography as l } from "@mui/material";
 import { jsx as u } from "react/jsx-runtime";
-//#region src/widgets-v2/markdown/style.ts
+//#region src/widgets/markdown/style.ts
 var d = {
 	root: {
 		color: "text.primary",
@@ -94,16 +94,16 @@ function m(e) {
 	}), t[0] = r, t[1] = i), i;
 }
 //#endregion
-//#region src/widgets-v2/markdown/markdown.tsx
+//#region src/widgets/markdown/markdown.tsx
 function h() {
-	let n = o(2), r = t(), i = e(r, g), a;
+	let n = o(2), r = e(), i = t(r, g), a;
 	return n[0] === i ? a = n[1] : (a = /* @__PURE__ */ u(m, { content: i }), n[0] = i, n[1] = a), a;
 }
 function g(e) {
 	return e.data?.content ?? "";
 }
 //#endregion
-//#region src/widgets-v2/markdown/skeleton.tsx
+//#region src/widgets/markdown/skeleton.tsx
 var _ = {
 	root: {
 		display: "flex",
@@ -137,18 +137,12 @@ function v(e) {
 	return i;
 }
 //#endregion
-//#region src/widgets-v2/markdown/download.tsx
+//#region src/widgets/markdown/download.tsx
 function y(e) {
-	let t = [];
-	return e.getCaptureEl && t.push(i({
-		filename: e.filename,
-		getCaptureEl: e.getCaptureEl,
-		pixelRatio: e.pngPixelRatio,
-		backgroundColor: e.pngBackgroundColor
-	})), t.push({
-		id: a.markdown,
+	return a(e, {
+		id: r.markdown,
 		label: "Markdown",
-		icon: /* @__PURE__ */ u(r, { fontSize: "small" }),
+		icon: /* @__PURE__ */ u(i, { fontSize: "small" }),
 		resolve: (t) => {
 			let n = e.getData(t), r = new Blob([n.content ?? ""], { type: "text/markdown;charset=utf-8;" }), i = URL.createObjectURL(r);
 			return Promise.resolve({
@@ -157,9 +151,9 @@ function y(e) {
 				revoke: () => URL.revokeObjectURL(i)
 			});
 		}
-	}), t;
+	});
 }
 //#endregion
 export { m as i, v as n, h as r, y as t };
 
-//# sourceMappingURL=markdown-oo9mnJun.js.map
+//# sourceMappingURL=markdown-Bn2nKCbn.js.map

package/dist/markdown-Bn2nKCbn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-Bn2nKCbn.js","names":["{ content }: MarkdownUIProps","<Box sx={styles.root}>\n      <MarkdownContent\n        content={content}\n        components={components}\n        allowHtml\n        allowImages\n      />\n    </Box>","(s) => {\n    const data = s.data as MarkdownWidgetData | undefined\n    return data?.content ?? ''\n  }","<MarkdownUI content={content} />","{ lines = 5 }: MarkdownSkeletonProps","lines = 5","<Box sx={styles.root}>\n      {Array.from({ length: lines }).map((_, i) => (\n        <Skeleton\n          key={`line-${i}`}\n          variant='rectangular'\n          sx={styles.line(widths[i % widths.length] ?? '85%')}\n        />\n      ))}\n    </Box>"],"sources":["../src/widgets/markdown/style.ts","../src/widgets/markdown/markdown-ui.tsx","../src/widgets/markdown/markdown.tsx","../src/widgets/markdown/skeleton.tsx","../src/widgets/markdown/download.tsx"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material'\n\nexport const styles = {\n  root: {\n    color: 'text.primary',\n    '& a': { color: 'primary.main' },\n    '& code': {\n      bgcolor: 'action.hover',\n      px: 0.5,\n      borderRadius: 0.5,\n      fontFamily: 'monospace',\n      fontSize: '0.875em',\n    },\n    '& pre': {\n      bgcolor: 'action.hover',\n      p: 1.5,\n      borderRadius: 1,\n      overflowX: 'auto',\n    },\n    '& blockquote': {\n      borderLeft: '3px solid',\n      borderColor: 'divider',\n      pl: 1.5,\n      ml: 0,\n      color: 'text.secondary',\n      fontStyle: 'italic',\n    },\n    '& ul, & ol': { pl: 3, my: 1 },\n    '& li': { my: 0.25 },\n    '& hr': {\n      border: 'none',\n      borderTop: '1px solid',\n      borderColor: 'divider',\n      my: 1.5,\n    },\n    '& table': { borderCollapse: 'collapse', width: '100%' },\n    '& th, & td': {\n      border: '1px solid',\n      borderColor: 'divider',\n      px: 1,\n      py: 0.5,\n      textAlign: 'left',\n    },\n  },\n  paragraph: {\n    my: 1,\n  },\n  heading: {\n    mt: 2,\n    mb: 1,\n    fontWeight: 600,\n  },\n} satisfies Record<string, SxProps<Theme>>\n","import { Box, Typography, type TypographyProps } from '@mui/material'\nimport type { Components } from 'react-markdown'\nimport { MarkdownContent } from './markdown-content'\nimport { styles } from './style'\n\nexport interface MarkdownUIProps {\n  content: string\n}\n\n/** MUI-styled element mapping for `react-markdown`. */\nconst components: Components = {\n  h1: (props) => mdHeading(props, 'h4'),\n  h2: (props) => mdHeading(props, 'h5'),\n  h3: (props) => mdHeading(props, 'h6'),\n  h4: (props) => mdHeading(props, 'subtitle1'),\n  h5: (props) => mdHeading(props, 'subtitle2'),\n  h6: (props) => mdHeading(props, 'subtitle2'),\n  p: ({ children }) => (\n    <Typography variant='body2' component='p' sx={styles.paragraph}>\n      {children}\n    </Typography>\n  ),\n}\n\nfunction mdHeading(\n  props: { children?: React.ReactNode },\n  variant: TypographyProps['variant'],\n) {\n  return (\n    <Typography variant={variant} component='div' sx={styles.heading}>\n      {props.children}\n    </Typography>\n  )\n}\n\n/**\n * Pure presentational component for the Markdown widget. Delegates the\n * `react-markdown` engine to {@link MarkdownContent} and supplies a\n * document-style MUI element mapping (body2 paragraphs, real heading\n * typography). Opts INTO raw HTML and inline images — the Markdown widget is\n * the one slot in the library where authors can ship rich content. Caption\n * slots like `Note` keep the conservative defaults.\n */\nexport function MarkdownUI({ content }: MarkdownUIProps) {\n  return (\n    <Box sx={styles.root}>\n      <MarkdownContent\n        content={content}\n        components={components}\n        allowHtml\n        allowImages\n      />\n    </Box>\n  )\n}\n","import { useWidgetId, useWidget } from '../stores'\nimport { MarkdownUI } from './markdown-ui'\nimport type { MarkdownWidgetData } from './types'\n\n/**\n * Stateful Markdown bridge — reads `data.content` (post-pipeline) from the\n * per-widget store and forwards it to the pure {@link MarkdownUI}. Sits\n * inside `<Widget.Provider>`.\n */\nexport function Markdown() {\n  const id = useWidgetId()\n  const content = useWidget(id, (s) => {\n    const data = s.data as MarkdownWidgetData | undefined\n    return data?.content ?? ''\n  })\n  return <MarkdownUI content={content} />\n}\n","import { Box, Skeleton } from '@mui/material'\nimport type { SxProps, Theme } from '@mui/material'\n\nconst styles = {\n  root: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 1,\n    py: 1,\n  },\n  line: (width: string): SxProps<Theme> => ({ width, height: 18 }),\n} as const\n\nexport interface MarkdownSkeletonProps {\n  lines?: number\n}\n\nexport function MarkdownSkeleton({ lines = 5 }: MarkdownSkeletonProps) {\n  // Vary widths to mimic prose.\n  const widths = ['100%', '95%', '90%', '85%', '70%']\n  return (\n    <Box sx={styles.root}>\n      {Array.from({ length: lines }).map((_, i) => (\n        <Skeleton\n          key={`line-${i}`}\n          variant='rectangular'\n          sx={styles.line(widths[i % widths.length] ?? '85%')}\n        />\n      ))}\n    </Box>\n  )\n}\n","import {\n  DOWNLOAD_ITEM_IDS,\n  MarkdownIcon,\n  withPngItem,\n  toCsvString,\n  triggerLinkDownload,\n  type DownloadItem,\n  type WidgetDownloadArgs,\n} from '../actions/download'\nimport type { MarkdownWidgetData } from './types'\n\n/**\n * Download menu items for the Markdown widget. Always includes a `.md` item\n * that saves the markdown source verbatim. When `getCaptureEl` is given,\n * prepends a PNG item that rasterises the captured element via\n * `html2canvas`.\n */\nexport function createMarkdownDownloadConfig(\n  args: WidgetDownloadArgs<MarkdownWidgetData>,\n): DownloadItem[] {\n  return withPngItem(args, {\n    id: DOWNLOAD_ITEM_IDS.markdown,\n    label: 'Markdown',\n    icon: <MarkdownIcon fontSize='small' />,\n    resolve: (ctx) => {\n      const data = args.getData(ctx)\n      const blob = new Blob([data.content ?? ''], {\n        type: 'text/markdown;charset=utf-8;',\n      })\n      const url = URL.createObjectURL(blob)\n      return Promise.resolve({\n        url,\n        filename: `${args.filename}.md`,\n        revoke: () => URL.revokeObjectURL(url),\n      })\n    },\n  })\n}\n\n// Re-export pure helpers consumers may want when building a custom Download item.\nexport { toCsvString, triggerLinkDownload }\n"],"mappings":";;;;;;;AAEA,IAAa,IAAS;CACpB,MAAM;EACJ,OAAO;EACP,OAAO,EAAE,OAAO,eAAe;EAC/B,UAAU;GACR,SAAS;GACT,IAAI;GACJ,cAAc;GACd,YAAY;GACZ,UAAU;EACZ;EACA,SAAS;GACP,SAAS;GACT,GAAG;GACH,cAAc;GACd,WAAW;EACb;EACA,gBAAgB;GACd,YAAY;GACZ,aAAa;GACb,IAAI;GACJ,IAAI;GACJ,OAAO;GACP,WAAW;EACb;EACA,cAAc;GAAE,IAAI;GAAG,IAAI;EAAE;EAC7B,QAAQ,EAAE,IAAI,IAAK;EACnB,QAAQ;GACN,QAAQ;GACR,WAAW;GACX,aAAa;GACb,IAAI;EACN;EACA,WAAW;GAAE,gBAAgB;GAAY,OAAO;EAAO;EACvD,cAAc;GACZ,QAAQ;GACR,aAAa;GACb,IAAI;GACJ,IAAI;GACJ,WAAW;EACb;CACF;CACA,WAAW,EACT,IAAI,EACN;CACA,SAAS;EACP,IAAI;EACJ,IAAI;EACJ,YAAY;CACd;AACF,GC1CM,IAAyB;CAC7B,KAAK,MAAU,EAAU,GAAO,IAAI;CACpC,KAAK,MAAU,EAAU,GAAO,IAAI;CACpC,KAAK,MAAU,EAAU,GAAO,IAAI;CACpC,KAAK,MAAU,EAAU,GAAO,WAAW;CAC3C,KAAK,MAAU,EAAU,GAAO,WAAW;CAC3C,KAAK,MAAU,EAAU,GAAO,WAAW;CAC3C,IAAI,EAAE,kBACJ,kBAAC,GAAD;EAAY,SAAQ;EAAQ,WAAU;EAAI,IAAI,EAAO;EAClD;CACS,CAAA;AAEhB;AAEA,SAAS,EACP,GACA,GACA;CACA,OACE,kBAAC,GAAD;EAAqB;EAAS,WAAU;EAAM,IAAI,EAAO;EACtD,UAAA,EAAM;CACG,CAAA;AAEhB;AAUA,SAAgB,EAAA,GAAyC;eAA9B,EAAE,eAAFA,GAEvBC;CADF,OAGe,EAAA,OAAA,gBAFb,IAAA,kBAAC,GAAD;EAAK,IAAI,EAAO;EACd,UAAA,kBAAC,GAAD;GACW;GACG;GACZ,WAAA;GACA,aAAA;EACD,CAAA;CACE,CAAA,GALQ,EAAA,KAAA,cAFbA;AASJ;;;AC7CA,SAAgB,IAAW;eACnB,IAAK,EAAY,GACjB,IAAU,EAAU,GAAIC,CAG7B,GACMC;CAAP,OAA4B,EAAA,OAAA,gBAArB,IAAA,kBAAC,GAAD,EAAqB,WAAU,CAAA,GAAV,EAAA,KAAA,cAArBA;AACT;AALgC,SAAA,EAAC,GAAM;CAEnC,OADa,EAAE,MACF,WAAW;AAC1B;;;ACXF,IAAM,IAAS;CACb,MAAM;EACJ,SAAS;EACT,eAAe;EACf,KAAK;EACL,IAAI;CACN;CACA,OAAO,OAAmC;EAAE;EAAO,QAAQ;CAAG;AAChE;AAMA,SAAgB,EAAA,GAAuD;eAAtC,EAAE,OAAA,MAAFC,GAAE,IAAA,MAAA,KAAA,IAAQ,IAARC,GAI/BC;CACwB,IAAA,EAAA,OAAA,GAAA;EAH1B,IAAM,IAAS;GAAC;GAAQ;GAAO;GAAO;GAAO;EAAK;EAEhD,IAAA,kBAAC,GAAD;GAAK,IAAI,EAAO;GACb,UAAA,MAAM,KAAK,EAAE,QAAQ,EAAM,CAAC,CAAC,CAAC,KAAK,GAAG,MACrC,kBAAC,GAAD;IAEE,SAAQ;IACR,IAAI,EAAO,KAAK,EAAO,IAAI,EAAO,WAAW,KAAK;GACnD,GAHM,QAAQ,GAGd,CACF;EACE,CAAA,GAPmB,EAAA,KAAA;;CAF1B,OACEA;AAUJ;;;ACdA,SAAgB,EACd,GACgB;CAChB,OAAO,EAAY,GAAM;EACvB,IAAI,EAAkB;EACtB,OAAO;EACP,MAAM,kBAAC,GAAD,EAAc,UAAS,QAAS,CAAA;EACtC,UAAU,MAAQ;GAChB,IAAM,IAAO,EAAK,QAAQ,CAAG,GACvB,IAAO,IAAI,KAAK,CAAC,EAAK,WAAW,EAAE,GAAG,EAC1C,MAAM,+BACR,CAAC,GACK,IAAM,IAAI,gBAAgB,CAAI;GACpC,OAAO,QAAQ,QAAQ;IACrB;IACA,UAAU,GAAG,EAAK,SAAS;IAC3B,cAAc,IAAI,gBAAgB,CAAG;GACvC,CAAC;EACH;CACF,CAAC;AACH"}

package/dist/{markdown-content-BWUqwx9F.js → markdown-content-kYNLOX0T.js}

@@ -8746,7 +8746,7 @@ function Dl(e) {
 	i.push(Tl(n)), a.push(wc()), o.push(Tc(n));
 }
 //#endregion
-//#region src/widgets-v2/markdown/markdown-content.tsx
+//#region src/widgets/markdown/markdown-content.tsx
 var Ol = /* @__PURE__ */ e({ MarkdownContent: () => jl }), kl = /^(https?:|mailto:|tel:|#|\/|\.\/|\.\.\/)/i;
 function Al(e) {
 	let t = (e ?? "").trim();
@@ -8773,4 +8773,4 @@ function jl(e) {
 //#endregion
 export { Ol as n, jl as t };
 
-//# sourceMappingURL=markdown-content-BWUqwx9F.js.map
+//# sourceMappingURL=markdown-content-kYNLOX0T.js.map