@carto/ps-react-ui 4.20.0 → 4.20.1

package/dist/markdown-DnSJMPjQ.js

@@ -0,0 +1,165 @@
+import { S as e, T as t } from "./stores-BVFMfgyo.js";
+import { t as n } from "./markdown-content-BzKoX3eu.js";
+import { a as r, n as i, r as a } from "./download-BT6qBamM.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
+var d = {
+	root: {
+		color: "text.primary",
+		"& a": { color: "primary.main" },
+		"& code": {
+			bgcolor: "action.hover",
+			px: .5,
+			borderRadius: .5,
+			fontFamily: "monospace",
+			fontSize: "0.875em"
+		},
+		"& pre": {
+			bgcolor: "action.hover",
+			p: 1.5,
+			borderRadius: 1,
+			overflowX: "auto"
+		},
+		"& blockquote": {
+			borderLeft: "3px solid",
+			borderColor: "divider",
+			pl: 1.5,
+			ml: 0,
+			color: "text.secondary",
+			fontStyle: "italic"
+		},
+		"& ul, & ol": {
+			pl: 3,
+			my: 1
+		},
+		"& li": { my: .25 },
+		"& hr": {
+			border: "none",
+			borderTop: "1px solid",
+			borderColor: "divider",
+			my: 1.5
+		},
+		"& table": {
+			borderCollapse: "collapse",
+			width: "100%"
+		},
+		"& th, & td": {
+			border: "1px solid",
+			borderColor: "divider",
+			px: 1,
+			py: .5,
+			textAlign: "left"
+		}
+	},
+	paragraph: { my: 1 },
+	heading: {
+		mt: 2,
+		mb: 1,
+		fontWeight: 600
+	}
+}, f = {
+	h1: (e) => p(e, "h4"),
+	h2: (e) => p(e, "h5"),
+	h3: (e) => p(e, "h6"),
+	h4: (e) => p(e, "subtitle1"),
+	h5: (e) => p(e, "subtitle2"),
+	h6: (e) => p(e, "subtitle2"),
+	p: ({ children: e }) => /* @__PURE__ */ u(l, {
+		variant: "body2",
+		component: "p",
+		sx: d.paragraph,
+		children: e
+	})
+};
+function p(e, t) {
+	return /* @__PURE__ */ u(l, {
+		variant: t,
+		component: "div",
+		sx: d.heading,
+		children: e.children
+	});
+}
+function m(e) {
+	let t = o(2), { content: r } = e, i;
+	return t[0] === r ? i = t[1] : (i = /* @__PURE__ */ u(s, {
+		sx: d.root,
+		children: /* @__PURE__ */ u(n, {
+			content: r,
+			components: f,
+			allowHtml: !0,
+			allowImages: !0
+		})
+	}), t[0] = r, t[1] = i), i;
+}
+//#endregion
+//#region src/widgets-v2/markdown/markdown.tsx
+function h() {
+	let n = o(2), r = t(), i = e(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
+var _ = {
+	root: {
+		display: "flex",
+		flexDirection: "column",
+		gap: 1,
+		py: 1
+	},
+	line: (e) => ({
+		width: e,
+		height: 18
+	})
+};
+function v(e) {
+	let t = o(2), { lines: n } = e, r = n === void 0 ? 5 : n, i;
+	if (t[0] !== r) {
+		let e = [
+			"100%",
+			"95%",
+			"90%",
+			"85%",
+			"70%"
+		];
+		i = /* @__PURE__ */ u(s, {
+			sx: _.root,
+			children: Array.from({ length: r }).map((t, n) => /* @__PURE__ */ u(c, {
+				variant: "rectangular",
+				sx: _.line(e[n % e.length] ?? "85%")
+			}, `line-${n}`))
+		}), t[0] = r, t[1] = i;
+	} else i = t[1];
+	return i;
+}
+//#endregion
+//#region src/widgets-v2/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,
+		label: "Markdown",
+		icon: /* @__PURE__ */ u(r, { fontSize: "small" }),
+		resolve: () => {
+			let t = e.getData(), n = new Blob([t.content ?? ""], { type: "text/markdown;charset=utf-8;" }), r = URL.createObjectURL(n);
+			return Promise.resolve({
+				url: r,
+				filename: `${e.filename}.md`,
+				revoke: () => URL.revokeObjectURL(r)
+			});
+		}
+	}), t;
+}
+//#endregion
+export { m as i, v as n, h as r, y as t };
+
+//# sourceMappingURL=markdown-DnSJMPjQ.js.map

package/dist/markdown-DnSJMPjQ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-DnSJMPjQ.js","names":["SxProps","Theme","styles","root","color","bgcolor","px","borderRadius","fontFamily","fontSize","p","overflowX","borderLeft","borderColor","pl","ml","fontStyle","my","border","borderTop","borderCollapse","width","py","textAlign","paragraph","heading","mt","mb","fontWeight","Record","Box","Typography","TypographyProps","Components","MarkdownContent","styles","MarkdownUIProps","content","components","h1","props","mdHeading","h2","h3","h4","h5","h6","p","children","paragraph","React","ReactNode","variant","heading","MarkdownUI","t0","$","_c","t1","root","useWidgetId","useWidget","MarkdownUI","MarkdownWidgetData","Markdown","$","_c","id","content","_temp","t0","s","data","Box","Skeleton","SxProps","Theme","styles","root","display","flexDirection","gap","py","line","width","height","const","MarkdownSkeletonProps","lines","MarkdownSkeleton","t0","$","_c","t1","undefined","t2","widths","Array","from","length","map","_","i","DOWNLOAD_ITEM_IDS","MarkdownIcon","buildPngDownloadItem","toCsvString","triggerLinkDownload","DownloadItem","MarkdownWidgetData","createMarkdownDownloadConfig","args","filename","getData","getCaptureEl","HTMLElement","pngPixelRatio","pngBackgroundColor","items","push","pixelRatio","backgroundColor","id","markdown","label","icon","resolve","data","blob","Blob","content","type","url","URL","createObjectURL","Promise","revoke","revokeObjectURL"],"sources":["../src/widgets-v2/markdown/style.ts","../src/widgets-v2/markdown/markdown-ui.tsx","../src/widgets-v2/markdown/markdown.tsx","../src/widgets-v2/markdown/skeleton.tsx","../src/widgets-v2/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  buildPngDownloadItem,\n  toCsvString,\n  triggerLinkDownload,\n  type DownloadItem,\n} from '../actions/download'\nimport type { MarkdownWidgetData } from './types'\n\n/**\n * Download menu items for the Markdown widget. Always includes a `.md`\n * item that saves the markdown source verbatim. When `getCaptureEl` is\n * supplied, prepends a PNG item that rasterises the captured element via\n * `html2canvas`.\n */\nexport function createMarkdownDownloadConfig(args: {\n  filename: string\n  getData: () => MarkdownWidgetData\n  getCaptureEl?: () => HTMLElement | null\n  pngPixelRatio?: number\n  pngBackgroundColor?: string | null\n}): DownloadItem[] {\n  const items: DownloadItem[] = []\n  if (args.getCaptureEl) {\n    items.push(\n      buildPngDownloadItem({\n        filename: args.filename,\n        getCaptureEl: args.getCaptureEl,\n        pixelRatio: args.pngPixelRatio,\n        backgroundColor: args.pngBackgroundColor,\n      }),\n    )\n  }\n  items.push({\n    id: DOWNLOAD_ITEM_IDS.markdown,\n    label: 'Markdown',\n    icon: <MarkdownIcon fontSize='small' />,\n    resolve: () => {\n      const data = args.getData()\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  return items\n}\n\n// Re-export pure helpers consumers may want when building a custom Download item.\nexport { toCsvString, triggerLinkDownload }\n"],"mappings":"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"}