@carto/ps-react-ui 4.20.0 → 4.20.1

package/dist/widgets/note.js

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

package/dist/widgets/note.js.map

@@ -1 +1 @@
-{"version":3,"file":"note.js","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"],"names":["styles","root","typography","color","theme","palette","text","secondary","marginBlockStart","spacing","clamped","display","WebkitLineClamp","WebkitBoxOrient","overflow","expanded","linkButton","padding","minWidth","textTransform","fontWeight","textDecoration","backgroundColor","DEFAULT_LABELS","showMore","showLess","DEFAULT_P","t0","$","_c","children","t1","jsx","Typography","COMPONENTS","h1","h2","h3","p","a","href","target","rel","Link","img","ul","ol","li","WidgetNote","labels","undefined","isExpanded","setIsExpanded","useState","shouldShowToggle","setShouldShowToggle","contentRef","useRef","t2","Symbol","for","current","isOverflowing","scrollHeight","clientHeight","checkOverflow","useEffectEvent","t3","t4","useEffect","t5","element","resizeObserver","ResizeObserver","observe","disconnect","t6","t7","handleToggle","t8","mergedLabels","t9","t10","t11","ReactMarkdown","t12","Box","t13","Button","t14"],"mappings":"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"}
+{"version":3,"file":"note.js","names":["SxProps","Theme","styles","root","typography","color","theme","palette","text","secondary","marginBlockStart","spacing","clamped","display","WebkitLineClamp","WebkitBoxOrient","overflow","expanded","linkButton","padding","minWidth","textTransform","fontWeight","textDecoration","backgroundColor","Record","useState","useEffect","useRef","useEffectEvent","Box","Button","Link","Typography","WidgetNoteProps","styles","ReactMarkdown","Components","DEFAULT_LABELS","showMore","showLess","const","DEFAULT_P","t0","$","_c","children","t1","COMPONENTS","h1","h2","h3","p","a","href","target","rel","img","ul","ol","li","WidgetNote","labels","undefined","isExpanded","setIsExpanded","shouldShowToggle","setShouldShowToggle","contentRef","t2","Symbol","for","current","isOverflowing","scrollHeight","clientHeight","checkOverflow","t3","t4","t5","element","resizeObserver","ResizeObserver","observe","disconnect","t6","t7","handleToggle","t8","mergedLabels","t9","expanded","clamped","t10","root","t11","t12","t13","linkButton","t14"],"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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"}