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

package/dist/markdown-2dfL6Cmb.js

@@ -0,0 +1,165 @@
+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-DdaK3qgC.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-2dfL6Cmb.js.map

package/dist/markdown-2dfL6Cmb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-2dfL6Cmb.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-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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"}