npm - @mattermost/compass-ui - Versions diffs - 0.1.0-alpha.10 → 0.1.0-alpha.12 - Mend

@mattermost/compass-ui 0.1.0-alpha.10 → 0.1.0-alpha.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (458) hide show

package/dist/components/message-separator/MessageSeparator.module.scss.js CHANGED Viewed

@@ -1,15 +1,15 @@
 import './MessageSeparator.css';const e = {
-  "message-separator": "_message-separator_1c3en_3",
-  "message-separator__line": "_message-separator__line_1c3en_10",
-  "message-separator__label": "_message-separator__label_1c3en_16",
-  "message-separator__text": "_message-separator__text_1c3en_22",
-  "message-separator__summarize": "_message-separator__summarize_1c3en_30",
-  "message-separator__summarize-icon": "_message-separator__summarize-icon_1c3en_54",
-  "message-separator__reply-gutter": "_message-separator__reply-gutter_1c3en_62",
-  "message-separator__reply-line-start": "_message-separator__reply-line-start_1c3en_68",
-  "message-separator--date": "_message-separator--date_1c3en_73",
-  "message-separator--new": "_message-separator--new_1c3en_76",
-  "message-separator--reply": "_message-separator--reply_1c3en_82"
+  "message-separator": "_message-separator_143l5_3",
+  "message-separator__line": "_message-separator__line_143l5_10",
+  "message-separator__label": "_message-separator__label_143l5_16",
+  "message-separator__text": "_message-separator__text_143l5_22",
+  "message-separator__summarize": "_message-separator__summarize_143l5_30",
+  "message-separator__summarize-icon": "_message-separator__summarize-icon_143l5_54",
+  "message-separator__reply-gutter": "_message-separator__reply-gutter_143l5_62",
+  "message-separator__reply-line-start": "_message-separator__reply-line-start_143l5_68",
+  "message-separator--date": "_message-separator--date_143l5_73",
+  "message-separator--new": "_message-separator--new_143l5_76",
+  "message-separator--reply": "_message-separator--reply_143l5_82"
 };
 export {
   e as default

package/dist/components/new-message-banner/NewMessageBanner.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NewMessageBanner.cjs","sources":["../../../src/components/new-message-banner/NewMessageBanner.tsx"],"sourcesContent":["import Icon from '@/components/icon/Icon';\nimport ArrowDownIcon from '@mattermost/compass-icons/components/arrow-down';\nimport CloseIcon from '@mattermost/compass-icons/components/close';\nimport styles from './NewMessageBanner.module.scss';\n\nexport type NewMessageBannerType = 'jump-to-unreads' \| 'new-replies';\n\nexport interface NewMessageBannerProps {\n /** Optional CSS class name. /\n className?: string;\n /* Type controls the layout. Default: JumpToUnreads. /\n type?: NewMessageBannerType;\n /* Unread count label text (e.g. \"21 new messages since Saturday\"). Used in JumpToUnreads type. /\n countLabel?: string;\n /* Called when the banner itself is clicked. /\n onClick?: () => void;\n /* Called when the dismiss (×) button is clicked. /\n onDismiss?: () => void;\n}\n\n/\n The New Messages Banner alerts the user that there's fresh activity in the channel they're\n * reading. It floats over the message stream so they can jump to the unread region in one\n * click — or dismiss it if they'd rather keep scrolling.\n */\nexport default function NewMessageBanner({\n className = '',\n type = 'jump-to-unreads',\n countLabel,\n onClick,\n onDismiss,\n}: NewMessageBannerProps) {\n const typeClass =\n styles[\n `new-message-banner--type-${type === 'jump-to-unreads' ? 'jump-to-unreads' : 'new-replies'}`\n ];\n\n const rootClass = [\n styles['new-message-banner']~~,\n~~ typeClass~~,\n~~ className~~,\n~~ ]\n .filter(Boolean)\n .join(' ');\n\n return (\n <div className={rootClass}>\n <button\n className={styles['new-message-banner__main']}\n type=\"button\"\n onClick={onClick}\n aria-label={\n type === 'jump-to-unreads'\n ? countLabel != null\n ? `Jump to unreads, ${countLabel}`\n : 'Jump to unreads'\n : undefined\n }\n >\n <span className={styles['new-message-banner__left']}>\n <span className={styles['new-message-banner__icon']} aria-hidden>\n <Icon size=\"16\" glyph={<ArrowDownIcon />} />\n </span>\n <span className={styles['new-message-banner__jump-label']}>\n {type === 'jump-to-unreads' ? 'Jump to unreads' : 'New replies'}\n </span>\n </span>\n </button>\n {type === 'jump-to-unreads' && countLabel != null && (\n <span className={styles['new-message-banner__count']} aria-hidden>\n {countLabel}\n </span>\n )}\n {onDismiss != null && (\n <button\n className={styles['new-message-banner__dismiss']}\n type=\"button\"\n onClick={onDismiss}\n aria-label=\"Dismiss\"\n >\n <Icon size=\"16\" glyph={<CloseIcon />} />\n </button>\n )}\n </div>\n );\n}\n"],"names":["NewMessageBanner","className","type","countLabel","onClick","onDismiss","typeClass","styles","rootClass","jsxs","jsx","Icon","ArrowDownIcon","CloseIcon"],"mappings":"oVAyBA,SAAwBA,EAAiB,CACvC,UAAAC,EAAY,GACZ,KAAAC,EAAO,kBACP,WAAAC,EACA,QAAAC,EACA,UAAAC,CACF,EAA0B,CACxB,MAAMC,EACJC,EAAAA,QACE,4BAA4BL,IAAS,kBAAoB,kBAAoB,aAAa,EAC5F,EAEIM,EAAY,~~CAChBD~~,~~EAAAA~~,~~QAAO,~~oBAAoB,~~EAC3BD~~,~~EACAL~~,~~CAAA~~,~~EAEC~~,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEQ,EAAAA,KAAC,MAAA,CAAI,UAAWD,EACd,SAAA,CAAAE,EAAAA,IAAC,SAAA,CACC,UAAWH,EAAAA,QAAO,0BAA0B,EAC5C,KAAK,SACL,QAAAH,EACA,aACEF,IAAS,kBACLC,GAAc,KACZ,oBAAoBA,CAAU,GAC9B,kBACF,OAGN,SAAAM,EAAAA,KAAC,OAAA,CAAK,UAAWF,UAAO,0BAA0B,EAChD,SAAA,CAAAG,MAAC,OAAA,CAAK,UAAWH,EAAAA,QAAO,0BAA0B,EAAG,cAAW,GAC9D,SAAAG,EAAAA,IAACC,EAAAA,QAAA,CAAK,KAAK,KAAK,MAAOD,EAAAA,IAACE,EAAA,CAAA,CAAc,EAAI,EAC5C,EACAF,EAAAA,IAAC,QAAK,UAAWH,UAAO,gCAAgC,EACrD,SAAAL,IAAS,kBAAoB,kBAAoB,aAAA,CACpD,CAAA,CAAA,CACF,CAAA,CAAA,EAEDA,IAAS,mBAAqBC,GAAc,MAC3CO,EAAAA,IAAC,OAAA,CAAK,UAAWH,EAAAA,QAAO,2BAA2B,EAAG,cAAW,GAC9D,SAAAJ,CAAA,CACH,EAEDE,GAAa,MACZK,EAAAA,IAAC,SAAA,CACC,UAAWH,EAAAA,QAAO,6BAA6B,EAC/C,KAAK,SACL,QAASF,EACT,aAAW,UAEX,eAACM,EAAAA,QAAA,CAAK,KAAK,KAAK,MAAOD,EAAAA,IAACG,IAAU,CAAA,CAAI,CAAA,CAAA,CACxC,EAEJ,CAEJ"}
1	+ {"version":3,"file":"NewMessageBanner.cjs","sources":["../../../src/components/new-message-banner/NewMessageBanner.tsx"],"sourcesContent":["import Icon from '@/components/icon/Icon';\nimport ArrowDownIcon from '@mattermost/compass-icons/components/arrow-down';\nimport CloseIcon from '@mattermost/compass-icons/components/close';\nimport styles from './NewMessageBanner.module.scss';\n\nexport type NewMessageBannerType = 'jump-to-unreads' \| 'new-replies';\n\nexport interface NewMessageBannerProps {\n /** Optional CSS class name. /\n className?: string;\n /* Type controls the layout. Default: JumpToUnreads. /\n type?: NewMessageBannerType;\n /* Unread count label text (e.g. \"21 new messages since Saturday\"). Used in JumpToUnreads type. /\n countLabel?: string;\n /* Called when the banner itself is clicked. /\n onClick?: () => void;\n /* Called when the dismiss (×) button is clicked. /\n onDismiss?: () => void;\n}\n\n/\n The New Messages Banner alerts the user that there's fresh activity in the channel they're\n * reading. It floats over the message stream so they can jump to the unread region in one\n * click — or dismiss it if they'd rather keep scrolling.\n */\nexport default function NewMessageBanner({\n className = '',\n type = 'jump-to-unreads',\n countLabel,\n onClick,\n onDismiss,\n}: NewMessageBannerProps) {\n const typeClass =\n styles[\n `new-message-banner--type-${type === 'jump-to-unreads' ? 'jump-to-unreads' : 'new-replies'}`\n ];\n\n const rootClass = [styles['new-message-banner'], typeClass, className]\n .filter(Boolean)\n .join(' ');\n\n return (\n <div className={rootClass}>\n <button\n className={styles['new-message-banner__main']}\n type=\"button\"\n onClick={onClick}\n aria-label={\n type === 'jump-to-unreads'\n ? countLabel != null\n ? `Jump to unreads, ${countLabel}`\n : 'Jump to unreads'\n : undefined\n }\n >\n <span className={styles['new-message-banner__left']}>\n <span className={styles['new-message-banner__icon']} aria-hidden>\n <Icon size=\"16\" glyph={<ArrowDownIcon />} />\n </span>\n <span className={styles['new-message-banner__jump-label']}>\n {type === 'jump-to-unreads' ? 'Jump to unreads' : 'New replies'}\n </span>\n </span>\n </button>\n {type === 'jump-to-unreads' && countLabel != null && (\n <span className={styles['new-message-banner__count']} aria-hidden>\n {countLabel}\n </span>\n )}\n {onDismiss != null && (\n <button\n className={styles['new-message-banner__dismiss']}\n type=\"button\"\n onClick={onDismiss}\n aria-label=\"Dismiss\"\n >\n <Icon size=\"16\" glyph={<CloseIcon />} />\n </button>\n )}\n </div>\n );\n}\n"],"names":["NewMessageBanner","className","type","countLabel","onClick","onDismiss","typeClass","styles","rootClass","jsxs","jsx","Icon","ArrowDownIcon","CloseIcon"],"mappings":"oVAyBA,SAAwBA,EAAiB,CACvC,UAAAC,EAAY,GACZ,KAAAC,EAAO,kBACP,WAAAC,EACA,QAAAC,EACA,UAAAC,CACF,EAA0B,CACxB,MAAMC,EACJC,EAAAA,QACE,4BAA4BL,IAAS,kBAAoB,kBAAoB,aAAa,EAC5F,EAEIM,EAAY,CAACD,UAAO,oBAAoB,EAAGD,EAAWL,CAAS,EAClE,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEQ,EAAAA,KAAC,MAAA,CAAI,UAAWD,EACd,SAAA,CAAAE,EAAAA,IAAC,SAAA,CACC,UAAWH,EAAAA,QAAO,0BAA0B,EAC5C,KAAK,SACL,QAAAH,EACA,aACEF,IAAS,kBACLC,GAAc,KACZ,oBAAoBA,CAAU,GAC9B,kBACF,OAGN,SAAAM,EAAAA,KAAC,OAAA,CAAK,UAAWF,UAAO,0BAA0B,EAChD,SAAA,CAAAG,MAAC,OAAA,CAAK,UAAWH,EAAAA,QAAO,0BAA0B,EAAG,cAAW,GAC9D,SAAAG,EAAAA,IAACC,EAAAA,QAAA,CAAK,KAAK,KAAK,MAAOD,EAAAA,IAACE,EAAA,CAAA,CAAc,EAAI,EAC5C,EACAF,EAAAA,IAAC,QAAK,UAAWH,UAAO,gCAAgC,EACrD,SAAAL,IAAS,kBAAoB,kBAAoB,aAAA,CACpD,CAAA,CAAA,CACF,CAAA,CAAA,EAEDA,IAAS,mBAAqBC,GAAc,MAC3CO,EAAAA,IAAC,OAAA,CAAK,UAAWH,EAAAA,QAAO,2BAA2B,EAAG,cAAW,GAC9D,SAAAJ,CAAA,CACH,EAEDE,GAAa,MACZK,EAAAA,IAAC,SAAA,CACC,UAAWH,EAAAA,QAAO,6BAA6B,EAC/C,KAAK,SACL,QAASF,EACT,aAAW,UAEX,eAACM,EAAAA,QAAA,CAAK,KAAK,KAAK,MAAOD,EAAAA,IAACG,IAAU,CAAA,CAAI,CAAA,CAAA,CACxC,EAEJ,CAEJ"}

package/dist/components/new-message-banner/NewMessageBanner.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NewMessageBanner.d.ts","sourceRoot":"","sources":["../../../src/components/new-message-banner/NewMessageBanner.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,oBAAoB,GAAG,iBAAiB,GAAG,aAAa,CAAC;AAErE,MAAM,WAAW,qBAAqB;IACpC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,mGAAmG;IACnG,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,SAAc,EACd,IAAwB,EACxB,UAAU,EACV,OAAO,EACP,SAAS,GACV,EAAE,qBAAqB,~~2CAsDvB~~"}
1	+ {"version":3,"file":"NewMessageBanner.d.ts","sourceRoot":"","sources":["../../../src/components/new-message-banner/NewMessageBanner.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,oBAAoB,GAAG,iBAAiB,GAAG,aAAa,CAAC;AAErE,MAAM,WAAW,qBAAqB;IACpC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,mGAAmG;IACnG,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,SAAc,EACd,IAAwB,EACxB,UAAU,EACV,OAAO,EACP,SAAS,GACV,EAAE,qBAAqB,2CAkDvB"}

package/dist/components/new-message-banner/NewMessageBanner.js CHANGED Viewed

@@ -10,11 +10,7 @@ function h({
   onClick: t,
   onDismiss: r
 }) {
-  const i = n[`new-message-banner--type-${s === "jump-to-unreads" ? "jump-to-unreads" : "new-replies"}`], u = [
-    n["new-message-banner"],
-    i,
-    l
-  ].filter(Boolean).join(" ");
+  const i = n[`new-message-banner--type-${s === "jump-to-unreads" ? "jump-to-unreads" : "new-replies"}`], u = [n["new-message-banner"], i, l].filter(Boolean).join(" ");
   return /* @__PURE__ */ o("div", { className: u, children: [
     /* @__PURE__ */ e(
       "button",

package/dist/components/new-message-banner/NewMessageBanner.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NewMessageBanner.js","sources":["../../../src/components/new-message-banner/NewMessageBanner.tsx"],"sourcesContent":["import Icon from '@/components/icon/Icon';\nimport ArrowDownIcon from '@mattermost/compass-icons/components/arrow-down';\nimport CloseIcon from '@mattermost/compass-icons/components/close';\nimport styles from './NewMessageBanner.module.scss';\n\nexport type NewMessageBannerType = 'jump-to-unreads' \| 'new-replies';\n\nexport interface NewMessageBannerProps {\n /** Optional CSS class name. /\n className?: string;\n /* Type controls the layout. Default: JumpToUnreads. /\n type?: NewMessageBannerType;\n /* Unread count label text (e.g. \"21 new messages since Saturday\"). Used in JumpToUnreads type. /\n countLabel?: string;\n /* Called when the banner itself is clicked. /\n onClick?: () => void;\n /* Called when the dismiss (×) button is clicked. /\n onDismiss?: () => void;\n}\n\n/\n The New Messages Banner alerts the user that there's fresh activity in the channel they're\n * reading. It floats over the message stream so they can jump to the unread region in one\n * click — or dismiss it if they'd rather keep scrolling.\n */\nexport default function NewMessageBanner({\n className = '',\n type = 'jump-to-unreads',\n countLabel,\n onClick,\n onDismiss,\n}: NewMessageBannerProps) {\n const typeClass =\n styles[\n `new-message-banner--type-${type === 'jump-to-unreads' ? 'jump-to-unreads' : 'new-replies'}`\n ];\n\n const rootClass = [\n styles['new-message-banner']~~,\n~~ typeClass~~,\n~~ className~~,\n~~ ]\n .filter(Boolean)\n .join(' ');\n\n return (\n <div className={rootClass}>\n <button\n className={styles['new-message-banner__main']}\n type=\"button\"\n onClick={onClick}\n aria-label={\n type === 'jump-to-unreads'\n ? countLabel != null\n ? `Jump to unreads, ${countLabel}`\n : 'Jump to unreads'\n : undefined\n }\n >\n <span className={styles['new-message-banner__left']}>\n <span className={styles['new-message-banner__icon']} aria-hidden>\n <Icon size=\"16\" glyph={<ArrowDownIcon />} />\n </span>\n <span className={styles['new-message-banner__jump-label']}>\n {type === 'jump-to-unreads' ? 'Jump to unreads' : 'New replies'}\n </span>\n </span>\n </button>\n {type === 'jump-to-unreads' && countLabel != null && (\n <span className={styles['new-message-banner__count']} aria-hidden>\n {countLabel}\n </span>\n )}\n {onDismiss != null && (\n <button\n className={styles['new-message-banner__dismiss']}\n type=\"button\"\n onClick={onDismiss}\n aria-label=\"Dismiss\"\n >\n <Icon size=\"16\" glyph={<CloseIcon />} />\n </button>\n )}\n </div>\n );\n}\n"],"names":["NewMessageBanner","className","type","countLabel","onClick","onDismiss","typeClass","styles","rootClass","jsxs","jsx","Icon","ArrowDownIcon","CloseIcon"],"mappings":";;;;;AAyBA,SAAwBA,EAAiB;AAAA,EACvC,WAAAC,IAAY;AAAA,EACZ,MAAAC,IAAO;AAAA,EACP,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AACF,GAA0B;AACxB,QAAMC,IACJC,EACE,4BAA4BL,MAAS,oBAAoB,oBAAoB,aAAa,EAC5F,GAEIM,IAAY~~;AAAA~~,~~IAChBD~~,EAAO,oBAAoB~~;AAAA~~,~~IAC3BD;AAAA~~,~~IACAL;AAAA~~,~~EAAA~~,~~EAEC~~,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAQ,EAAC,OAAA,EAAI,WAAWD,GACd,UAAA;AAAA,IAAA,gBAAAE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWH,EAAO,0BAA0B;AAAA,QAC5C,MAAK;AAAA,QACL,SAAAH;AAAA,QACA,cACEF,MAAS,oBACLC,KAAc,OACZ,oBAAoBA,CAAU,KAC9B,oBACF;AAAA,QAGN,UAAA,gBAAAM,EAAC,QAAA,EAAK,WAAWF,EAAO,0BAA0B,GAChD,UAAA;AAAA,UAAA,gBAAAG,EAAC,QAAA,EAAK,WAAWH,EAAO,0BAA0B,GAAG,eAAW,IAC9D,UAAA,gBAAAG,EAACC,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAD,EAACE,GAAA,CAAA,CAAc,GAAI,GAC5C;AAAA,UACA,gBAAAF,EAAC,UAAK,WAAWH,EAAO,gCAAgC,GACrD,UAAAL,MAAS,oBAAoB,oBAAoB,cAAA,CACpD;AAAA,QAAA,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,IAEDA,MAAS,qBAAqBC,KAAc,QAC3C,gBAAAO,EAAC,QAAA,EAAK,WAAWH,EAAO,2BAA2B,GAAG,eAAW,IAC9D,UAAAJ,EAAA,CACH;AAAA,IAEDE,KAAa,QACZ,gBAAAK;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWH,EAAO,6BAA6B;AAAA,QAC/C,MAAK;AAAA,QACL,SAASF;AAAA,QACT,cAAW;AAAA,QAEX,4BAACM,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAD,EAACG,KAAU,EAAA,CAAI;AAAA,MAAA;AAAA,IAAA;AAAA,EACxC,GAEJ;AAEJ;"}
1	+ {"version":3,"file":"NewMessageBanner.js","sources":["../../../src/components/new-message-banner/NewMessageBanner.tsx"],"sourcesContent":["import Icon from '@/components/icon/Icon';\nimport ArrowDownIcon from '@mattermost/compass-icons/components/arrow-down';\nimport CloseIcon from '@mattermost/compass-icons/components/close';\nimport styles from './NewMessageBanner.module.scss';\n\nexport type NewMessageBannerType = 'jump-to-unreads' \| 'new-replies';\n\nexport interface NewMessageBannerProps {\n /** Optional CSS class name. /\n className?: string;\n /* Type controls the layout. Default: JumpToUnreads. /\n type?: NewMessageBannerType;\n /* Unread count label text (e.g. \"21 new messages since Saturday\"). Used in JumpToUnreads type. /\n countLabel?: string;\n /* Called when the banner itself is clicked. /\n onClick?: () => void;\n /* Called when the dismiss (×) button is clicked. /\n onDismiss?: () => void;\n}\n\n/\n The New Messages Banner alerts the user that there's fresh activity in the channel they're\n * reading. It floats over the message stream so they can jump to the unread region in one\n * click — or dismiss it if they'd rather keep scrolling.\n */\nexport default function NewMessageBanner({\n className = '',\n type = 'jump-to-unreads',\n countLabel,\n onClick,\n onDismiss,\n}: NewMessageBannerProps) {\n const typeClass =\n styles[\n `new-message-banner--type-${type === 'jump-to-unreads' ? 'jump-to-unreads' : 'new-replies'}`\n ];\n\n const rootClass = [styles['new-message-banner'], typeClass, className]\n .filter(Boolean)\n .join(' ');\n\n return (\n <div className={rootClass}>\n <button\n className={styles['new-message-banner__main']}\n type=\"button\"\n onClick={onClick}\n aria-label={\n type === 'jump-to-unreads'\n ? countLabel != null\n ? `Jump to unreads, ${countLabel}`\n : 'Jump to unreads'\n : undefined\n }\n >\n <span className={styles['new-message-banner__left']}>\n <span className={styles['new-message-banner__icon']} aria-hidden>\n <Icon size=\"16\" glyph={<ArrowDownIcon />} />\n </span>\n <span className={styles['new-message-banner__jump-label']}>\n {type === 'jump-to-unreads' ? 'Jump to unreads' : 'New replies'}\n </span>\n </span>\n </button>\n {type === 'jump-to-unreads' && countLabel != null && (\n <span className={styles['new-message-banner__count']} aria-hidden>\n {countLabel}\n </span>\n )}\n {onDismiss != null && (\n <button\n className={styles['new-message-banner__dismiss']}\n type=\"button\"\n onClick={onDismiss}\n aria-label=\"Dismiss\"\n >\n <Icon size=\"16\" glyph={<CloseIcon />} />\n </button>\n )}\n </div>\n );\n}\n"],"names":["NewMessageBanner","className","type","countLabel","onClick","onDismiss","typeClass","styles","rootClass","jsxs","jsx","Icon","ArrowDownIcon","CloseIcon"],"mappings":";;;;;AAyBA,SAAwBA,EAAiB;AAAA,EACvC,WAAAC,IAAY;AAAA,EACZ,MAAAC,IAAO;AAAA,EACP,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AACF,GAA0B;AACxB,QAAMC,IACJC,EACE,4BAA4BL,MAAS,oBAAoB,oBAAoB,aAAa,EAC5F,GAEIM,IAAY,CAACD,EAAO,oBAAoB,GAAGD,GAAWL,CAAS,EAClE,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAQ,EAAC,OAAA,EAAI,WAAWD,GACd,UAAA;AAAA,IAAA,gBAAAE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWH,EAAO,0BAA0B;AAAA,QAC5C,MAAK;AAAA,QACL,SAAAH;AAAA,QACA,cACEF,MAAS,oBACLC,KAAc,OACZ,oBAAoBA,CAAU,KAC9B,oBACF;AAAA,QAGN,UAAA,gBAAAM,EAAC,QAAA,EAAK,WAAWF,EAAO,0BAA0B,GAChD,UAAA;AAAA,UAAA,gBAAAG,EAAC,QAAA,EAAK,WAAWH,EAAO,0BAA0B,GAAG,eAAW,IAC9D,UAAA,gBAAAG,EAACC,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAD,EAACE,GAAA,CAAA,CAAc,GAAI,GAC5C;AAAA,UACA,gBAAAF,EAAC,UAAK,WAAWH,EAAO,gCAAgC,GACrD,UAAAL,MAAS,oBAAoB,oBAAoB,cAAA,CACpD;AAAA,QAAA,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,IAEDA,MAAS,qBAAqBC,KAAc,QAC3C,gBAAAO,EAAC,QAAA,EAAK,WAAWH,EAAO,2BAA2B,GAAG,eAAW,IAC9D,UAAAJ,EAAA,CACH;AAAA,IAEDE,KAAa,QACZ,gBAAAK;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWH,EAAO,6BAA6B;AAAA,QAC/C,MAAK;AAAA,QACL,SAASF;AAAA,QACT,cAAW;AAAA,QAEX,4BAACM,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAD,EAACG,KAAU,EAAA,CAAI;AAAA,MAAA;AAAA,IAAA;AAAA,EACxC,GAEJ;AAEJ;"}

package/dist/components/permalink-preview/PermalinkPreview.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),c=require("../user-avatar/UserAvatar.cjs"),m=require("../message-header/MessageHeader.cjs"),o=require("../icon/Icon.cjs"),p=require("../icon-button/IconButton.cjs"),__v=require("@mattermost/compass-icons/components/close.js"),v=__v?.default??__v,s=require("./PermalinkPreview.module.scss.cjs");function f({authorName:i="Leonard Riley",avatarSrc:r,timestamp:l="10:43 AM",messageText:n="At eu sed tristique gravida et fames vel pellentesque. Urna phasellus integer eu tempor mauris amet sagittis. Mollis risus mi felis magna.",originalChannel:t="~Desktop App",onDismiss:a,className:d=""}){const u=[s.default["permalink-preview"],d].filter(Boolean).join(" ");return e.jsxs("div",{className:u,children:[a!=null&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:s.default["permalink-preview__dismiss-bridge"],"aria-hidden":!0}),e.jsx(p.default,{className:s.default["permalink-preview__dismiss"],size:"x-small",padding:"compact","aria-label":"Remove permalink preview",icon:e.jsx(o.default,{size:"12",glyph:e.jsx(v,{})}),onClick:a})]}),e.jsxs("div",{className:s.default["permalink-preview__card"],children:[e.jsxs("div",{className:s.default["permalink-preview__message"],children:[e.jsxs("div",{className:s.default["permalink-preview__header"],children:[e.jsx(c.default,{src:r,alt:i,size:"24"}),e.jsx(m.default,{username:i,timestamp:l})]}),e.jsx("div",{className:s.default["permalink-preview__body"],children:e.jsx("p",{className:s.default["permalink-preview__text"],children:n})})]}),e.jsxs("p",{className:s.default["permalink-preview__origin"],children:["Originally posted in ",t]})]})]})}exports.default=f;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("react"),N=require("../user-avatar/UserAvatar.cjs"),y=require("../message-header/MessageHeader.cjs"),q=require("../icon/Icon.cjs"),R=require("../icon-button/IconButton.cjs"),__P=require("@mattermost/compass-icons/components/close.js"),P=__P?.default??__P,s=require("./PermalinkPreview.module.scss.cjs"),S=100;function C({authorName:l="Leonard Riley",avatarSrc:p,timestamp:m="10:43 AM",messageText:f="At eu sed tristique gravida et fames vel pellentesque. Urna phasellus integer eu tempor mauris amet sagittis. Mollis risus mi felis magna.",children:v,originalChannel:_="~Desktop App",onDismiss:t,className:x=""}){const[n,h]=r.useState(!1),[d,w]=r.useState(!1),[j,k]=r.useState(0),o=r.useRef(null);r.useEffect(()=>{const i=o.current;if(!i)return;const a=()=>{const u=i.scrollHeight;k(u),w(u>S)};a();const c=new ResizeObserver(a);return c.observe(i),()=>c.disconnect()},[]);const g=[s.default["permalink-preview"],x].filter(Boolean).join(" "),b=[s.default["permalink-preview__body-clip"],d?s.default["permalink-preview__body-clip--truncated"]:"",n?s.default["permalink-preview__body-clip--expanded"]:""].filter(Boolean).join(" ");return e.jsxs("div",{className:g,children:[t!=null&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:s.default["permalink-preview__dismiss-bridge"],"aria-hidden":!0}),e.jsx(R.default,{className:s.default["permalink-preview__dismiss"],size:"x-small",padding:"compact","aria-label":"Remove permalink preview",icon:e.jsx(q.default,{size:"12",glyph:e.jsx(P,{})}),onClick:t})]}),e.jsxs("div",{className:s.default["permalink-preview__card"],children:[e.jsxs("div",{className:s.default["permalink-preview__message"],children:[e.jsxs("div",{className:s.default["permalink-preview__header"],children:[e.jsx(N.default,{src:p,alt:l,size:"24"}),e.jsx(y.default,{username:l,timestamp:m})]}),e.jsxs("div",{className:s.default["permalink-preview__body"],children:[e.jsx("div",{ref:o,className:b,style:{"--permalink-preview-body-height":`${j}px`},children:v??e.jsx("p",{className:s.default["permalink-preview__text"],children:f})}),d&&e.jsx("button",{className:s.default["permalink-preview__show-more"],onClick:i=>{i.stopPropagation(),h(a=>!a)},children:n?"Show less":"Show more"})]})]}),e.jsxs("p",{className:s.default["permalink-preview__origin"],children:["Originally posted in ",_]})]})]})}exports.default=C;
 //# sourceMappingURL=PermalinkPreview.cjs.map

package/dist/components/permalink-preview/PermalinkPreview.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PermalinkPreview.cjs","sources":["../../../src/components/permalink-preview/PermalinkPreview.tsx"],"sourcesContent":["import UserAvatar from '@/components/user-avatar/UserAvatar';\nimport MessageHeader from '@/components/message-header/MessageHeader';\nimport Icon from '@/components/icon/Icon';\nimport IconButton from '@/components/icon-button/IconButton';\nimport CloseIcon from '@mattermost/compass-icons/components/close';\nimport styles from './PermalinkPreview.module.scss';\n\nexport interface PermalinkPreviewProps {\n /** Sender's display name. /\n authorName?: string;\n /* Avatar image src. /\n avatarSrc: string;\n /* Timestamp label. /\n timestamp?: string;\n /* The quoted message body text. /\n messageText?: string;\n /* \"Originally posted in ~Channel\" footer text. /\n originalChannel?: string;\n /* Called when the dismiss control is clicked. Shown on hover when provided. /\n onDismiss?: () => void;\n /* Optional CSS class name. /\n className?: string;\n}\n\n/\n A Permalink Preview renders an inline card for a message that another message links to.\n * Sender, timestamp, body, and origin channel — enough context to recognise the quoted\n * message without leaving where you are.\n */\nexport default function PermalinkPreview({\n authorName = 'Leonard Riley',\n avatarSrc,\n timestamp = '10:43 AM',\n messageText = 'At eu sed tristique gravida et fames vel pellentesque. Urna phasellus integer eu tempor mauris amet sagittis. Mollis risus mi felis magna.',\n originalChannel = '~Desktop App',\n onDismiss,\n className = '',\n}: PermalinkPreviewProps) {\n const rootClass = [styles['permalink-preview'], className]\n .filter(Boolean)\n .join(' ');\n\n return (\n <div className={rootClass}>\n {onDismiss != null && (\n <>\n <div\n className={styles['permalink-preview__dismiss-bridge']}\n aria-hidden\n />\n <IconButton\n className={styles['permalink-preview__dismiss']}\n size=\"x-small\"\n padding=\"compact\"\n aria-label=\"Remove permalink preview\"\n icon={<Icon size=\"12\" glyph={<CloseIcon />} />}\n onClick={onDismiss}\n />\n </>\n )}\n\n <div className={styles['permalink-preview__card']}>\n <div className={styles['permalink-preview__message']}>\n <div className={styles['permalink-preview__header']}>\n <UserAvatar src={avatarSrc} alt={authorName} size=\"24\" />\n <MessageHeader username={authorName} timestamp={timestamp} />\n </div>\n <div className={styles['permalink-preview__body']}>\n <p className={styles['permalink-preview__text']}>{messageText}</p>\n </div>\n </div>\n <p className={styles['permalink-preview__origin']}>\n Originally posted in {originalChannel}\n </p>\n </div>\n </div>\n );\n}\n"],"names":["PermalinkPreview","authorName","avatarSrc","timestamp","messageText","originalChannel","onDismiss","className","rootClass","styles","jsxs","Fragment","jsx","IconButton","Icon","CloseIcon","UserAvatar","MessageHeader"],"mappings":"~~2ZA6BA~~,~~SAAwBA~~,EAAiB,CACvC,WAAAC,EAAa,gBACb,UAAAC,EACA,UAAAC,EAAY,WACZ,YAAAC,EAAc,6IACd,gBAAAC,EAAkB,eAClB,UAAAC,EACA,UAAAC,EAAY,EACd,EAA0B,CACxB,MAAMC,EAAY,CAACC,UAAO,mBAAmB,~~EAAGF~~,CAAS,EACtD,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,~~OACEG~~,EAAAA,KAAC,MAAA,CAAI,~~UAAWF~~,EACb,SAAA,~~CAAAF~~,GAAa,~~MACZI~~,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAC,EAAAA,IAAC,MAAA,CACC,~~UAAWH~~,EAAAA,QAAO,mCAAmC,EACrD,cAAW,EAAA,CAAA,~~EAEbG~~,EAAAA,IAACC,EAAAA,QAAA,CACC,~~UAAWJ~~,EAAAA,QAAO,4BAA4B,EAC9C,KAAK,UACL,QAAQ,UACR,aAAW,2BACX,~~WAAOK~~,UAAA,CAAK,KAAK,KAAK,MAAOF,MAACG,IAAU,EAAI,EAC5C,~~QAAST~~,CAAA,CAAA,CACX,EACF,~~EAGFI~~,EAAAA,KAAC,MAAA,CAAI,~~UAAWD~~,EAAAA,QAAO,yBAAyB,EAC9C,SAAA,~~CAAAC~~,EAAAA,KAAC,MAAA,CAAI,~~UAAWD~~,EAAAA,QAAO,4BAA4B,EACjD,SAAA,~~CAAAC~~,EAAAA,KAAC,MAAA,CAAI,~~UAAWD~~,EAAAA,QAAO,2BAA2B,EAChD,SAAA,~~CAAAG~~,MAACI,EAAAA,SAAW,~~IAAKd~~,EAAW,IAAKD,EAAY,KAAK,KAAK,~~EACvDW~~,EAAAA,IAACK,EAAAA,QAAA,CAAc,~~SAAUhB~~,EAAY,UAAAE,CAAA,CAAsB,CAAA,EAC7D,~~EACAS~~,EAAAA,~~IAAC~~,MAAA,CAAI,~~UAAWH~~,EAAAA,QAAO,yBAAyB,EAC9C,~~SAAAG~~,EAAAA,IAAC,IAAA,CAAE,~~UAAWH~~,~~UAAO~~,yBAAyB,~~EAAI~~,~~WAAY~~,CAAA,~~CAChE~~,CAAA,EACF,~~EACAC~~,EAAAA,KAAC,IAAA,CAAE,~~UAAWD~~,EAAAA,QAAO,2BAA2B,EAAG,SAAA,CAAA,~~wBAC3BJ~~,CAAA,CAAA,CACxB,CAAA,CAAA,CACF,CAAA,EACF,CAEJ"}
1	+ {"version":3,"file":"PermalinkPreview.cjs","sources":["../../../src/components/permalink-preview/PermalinkPreview.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport UserAvatar from '@/components/user-avatar/UserAvatar';\nimport MessageHeader from '@/components/message-header/MessageHeader';\nimport Icon from '@/components/icon/Icon';\nimport IconButton from '@/components/icon-button/IconButton';\nimport CloseIcon from '@mattermost/compass-icons/components/close';\nimport styles from './PermalinkPreview.module.scss';\n\n// Keep in sync with max-height in PermalinkPreview.module.scss __body-clip\nconst TRUNCATION_HEIGHT_PX = 100;\n\nexport interface PermalinkPreviewProps {\n /** Sender's display name. /\n authorName?: string;\n /* Avatar image src. /\n avatarSrc: string;\n /* Timestamp label. /\n timestamp?: string;\n /* The quoted message body text. Ignored when `children` is provided. /\n messageText?: string;\n /\n Rich content to render in the message body instead of the plain `messageText` string.\n * Use this to embed structured content such as attachment cards or formatted fields.\n * When present, `messageText` is not rendered.\n /\n children?: React.ReactNode;\n /* \"Originally posted in ~Channel\" footer text. /\n originalChannel?: string;\n /* Called when the dismiss control is clicked. Shown on hover when provided. /\n onDismiss?: () => void;\n /* Optional CSS class name. /\n className?: string;\n}\n\n/\n A Permalink Preview renders an inline card for a message that another message links to.\n * Sender, timestamp, body, and origin channel — enough context to recognise the quoted\n * message without leaving where you are.\n */\nexport default function PermalinkPreview({\n authorName = 'Leonard Riley',\n avatarSrc,\n timestamp = '10:43 AM',\n messageText = 'At eu sed tristique gravida et fames vel pellentesque. Urna phasellus integer eu tempor mauris amet sagittis. Mollis risus mi felis magna.',\n children,\n originalChannel = '~Desktop App',\n onDismiss,\n className = '',\n}: PermalinkPreviewProps) {\n const [isExpanded, setIsExpanded] = useState(false);\n const [needsTruncation, setNeedsTruncation] = useState(false);\n const [bodyHeight, setBodyHeight] = useState(0);\n const clipRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n const el = clipRef.current;\n if (!el) return;\n const measure = () => {\n const full = el.scrollHeight;\n setBodyHeight(full);\n setNeedsTruncation(full > TRUNCATION_HEIGHT_PX);\n };\n measure();\n const ro = new ResizeObserver(measure);\n ro.observe(el);\n return () => ro.disconnect();\n }, []);\n\n const rootClass = [styles['permalink-preview'], className]\n .filter(Boolean)\n .join(' ');\n\n const clipClass = [\n styles['permalink-preview__body-clip'],\n needsTruncation ? styles['permalink-preview__body-clip--truncated'] : '',\n isExpanded ? styles['permalink-preview__body-clip--expanded'] : '',\n ]\n .filter(Boolean)\n .join(' ');\n\n return (\n <div className={rootClass}>\n {onDismiss != null && (\n <>\n <div\n className={styles['permalink-preview__dismiss-bridge']}\n aria-hidden\n />\n <IconButton\n className={styles['permalink-preview__dismiss']}\n size=\"x-small\"\n padding=\"compact\"\n aria-label=\"Remove permalink preview\"\n icon={<Icon size=\"12\" glyph={<CloseIcon />} />}\n onClick={onDismiss}\n />\n </>\n )}\n\n <div className={styles['permalink-preview__card']}>\n <div className={styles['permalink-preview__message']}>\n <div className={styles['permalink-preview__header']}>\n <UserAvatar src={avatarSrc} alt={authorName} size=\"24\" />\n <MessageHeader username={authorName} timestamp={timestamp} />\n </div>\n <div className={styles['permalink-preview__body']}>\n <div\n ref={clipRef}\n className={clipClass}\n style={\n {\n '--permalink-preview-body-height': `${bodyHeight}px`,\n } as React.CSSProperties\n }\n >\n {children ?? (\n <p className={styles['permalink-preview__text']}>\n {messageText}\n </p>\n )}\n </div>\n {needsTruncation && (\n <button\n className={styles['permalink-preview__show-more']}\n onClick={(e) => {\n e.stopPropagation();\n setIsExpanded((prev) => !prev);\n }}\n >\n {isExpanded ? 'Show less' : 'Show more'}\n </button>\n )}\n </div>\n </div>\n <p className={styles['permalink-preview__origin']}>\n Originally posted in {originalChannel}\n </p>\n </div>\n </div>\n );\n}\n"],"names":["TRUNCATION_HEIGHT_PX","PermalinkPreview","authorName","avatarSrc","timestamp","messageText","children","originalChannel","onDismiss","className","isExpanded","setIsExpanded","useState","needsTruncation","setNeedsTruncation","bodyHeight","setBodyHeight","clipRef","useRef","useEffect","el","measure","full","ro","rootClass","styles","clipClass","jsxs","Fragment","jsx","IconButton","Icon","CloseIcon","UserAvatar","MessageHeader","e","prev"],"mappings":"8aASMA,EAAuB,IA8B7B,SAAwBC,EAAiB,CACvC,WAAAC,EAAa,gBACb,UAAAC,EACA,UAAAC,EAAY,WACZ,YAAAC,EAAc,6IACd,SAAAC,EACA,gBAAAC,EAAkB,eAClB,UAAAC,EACA,UAAAC,EAAY,EACd,EAA0B,CACxB,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAAA,SAAS,EAAK,EAC5C,CAACC,EAAiBC,CAAkB,EAAIF,EAAAA,SAAS,EAAK,EACtD,CAACG,EAAYC,CAAa,EAAIJ,EAAAA,SAAS,CAAC,EACxCK,EAAUC,EAAAA,OAAuB,IAAI,EAE3CC,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAKH,EAAQ,QACnB,GAAI,CAACG,EAAI,OACT,MAAMC,EAAU,IAAM,CACpB,MAAMC,EAAOF,EAAG,aAChBJ,EAAcM,CAAI,EAClBR,EAAmBQ,EAAOtB,CAAoB,CAChD,EACAqB,EAAA,EACA,MAAME,EAAK,IAAI,eAAeF,CAAO,EACrC,OAAAE,EAAG,QAAQH,CAAE,EACN,IAAMG,EAAG,WAAA,CAClB,EAAG,CAAA,CAAE,EAEL,MAAMC,EAAY,CAACC,UAAO,mBAAmB,EAAGhB,CAAS,EACtD,OAAO,OAAO,EACd,KAAK,GAAG,EAELiB,EAAY,CAChBD,EAAAA,QAAO,8BAA8B,EACrCZ,EAAkBY,EAAAA,QAAO,yCAAyC,EAAI,GACtEf,EAAae,EAAAA,QAAO,wCAAwC,EAAI,EAAA,EAE/D,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEE,EAAAA,KAAC,MAAA,CAAI,UAAWH,EACb,SAAA,CAAAhB,GAAa,MACZmB,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAC,EAAAA,IAAC,MAAA,CACC,UAAWJ,EAAAA,QAAO,mCAAmC,EACrD,cAAW,EAAA,CAAA,EAEbI,EAAAA,IAACC,EAAAA,QAAA,CACC,UAAWL,EAAAA,QAAO,4BAA4B,EAC9C,KAAK,UACL,QAAQ,UACR,aAAW,2BACX,WAAOM,UAAA,CAAK,KAAK,KAAK,MAAOF,MAACG,IAAU,EAAI,EAC5C,QAASxB,CAAA,CAAA,CACX,EACF,EAGFmB,EAAAA,KAAC,MAAA,CAAI,UAAWF,EAAAA,QAAO,yBAAyB,EAC9C,SAAA,CAAAE,EAAAA,KAAC,MAAA,CAAI,UAAWF,EAAAA,QAAO,4BAA4B,EACjD,SAAA,CAAAE,EAAAA,KAAC,MAAA,CAAI,UAAWF,EAAAA,QAAO,2BAA2B,EAChD,SAAA,CAAAI,MAACI,EAAAA,SAAW,IAAK9B,EAAW,IAAKD,EAAY,KAAK,KAAK,EACvD2B,EAAAA,IAACK,EAAAA,QAAA,CAAc,SAAUhC,EAAY,UAAAE,CAAA,CAAsB,CAAA,EAC7D,EACAuB,EAAAA,KAAC,MAAA,CAAI,UAAWF,EAAAA,QAAO,yBAAyB,EAC9C,SAAA,CAAAI,EAAAA,IAAC,MAAA,CACC,IAAKZ,EACL,UAAWS,EACX,MACE,CACE,kCAAmC,GAAGX,CAAU,IAAA,EAInD,YACCc,EAAAA,IAAC,IAAA,CAAE,UAAWJ,EAAAA,QAAO,yBAAyB,EAC3C,SAAApB,CAAA,CACH,CAAA,CAAA,EAGHQ,GACCgB,EAAAA,IAAC,SAAA,CACC,UAAWJ,EAAAA,QAAO,8BAA8B,EAChD,QAAUU,GAAM,CACdA,EAAE,gBAAA,EACFxB,EAAeyB,GAAS,CAACA,CAAI,CAC/B,EAEC,WAAa,YAAc,WAAA,CAAA,CAC9B,CAAA,CAEJ,CAAA,EACF,EACAT,EAAAA,KAAC,IAAA,CAAE,UAAWF,EAAAA,QAAO,2BAA2B,EAAG,SAAA,CAAA,wBAC3BlB,CAAA,CAAA,CACxB,CAAA,CAAA,CACF,CAAA,EACF,CAEJ"}

package/dist/components/permalink-preview/PermalinkPreview.css CHANGED Viewed

	@@ -1 +1 @@
1	- ._permalink-~~preview_wn42x_2~~{--permalink-preview-dismiss-size: 20px;--permalink-preview-dismiss-outset: calc( var(--permalink-preview-dismiss-size) + var(--spacing-xxxs) );display:flex;align-items:flex-start;max-width:700px;position:relative}._permalink-preview__dismiss-~~bridge_wn42x_12~~{position:absolute;top:calc(-1 * var(--permalink-preview-dismiss-outset));bottom:0;left:calc(-1 * var(--permalink-preview-dismiss-outset));width:var(--permalink-preview-dismiss-outset);z-index:1;pointer-events:none}._permalink-~~preview__dismiss_wn42x_12~~{position:absolute;top:0;left:calc(-1 * var(--spacing-xxl));z-index:2;opacity:0;pointer-events:none;transition:opacity var(--duration-quick) var(--ease-transition)}._permalink-~~preview_wn42x_2~~:hover ._permalink-preview__dismiss-~~bridge_wn42x_12~~,._permalink-~~preview_wn42x_2~~:focus-within ._permalink-preview__dismiss-~~bridge_wn42x_12~~{pointer-events:auto}._permalink-~~preview_wn42x_2~~:hover ._permalink-~~preview__dismiss_wn42x_12~~,._permalink-~~preview_wn42x_2~~:focus-within ._permalink-~~preview__dismiss_wn42x_12~~{opacity:1;pointer-events:auto}._permalink-~~preview__card_wn42x_37~~{background-color:var(--center-channel-bg);border:1px solid rgba(var(--center-channel-color-rgb),.16);border-radius:var(--radius-s);box-shadow:var(--elevation-1);display:flex;flex-direction:column;flex:1 0 0;gap:var(--spacing-s);align-items:flex-start;min-width:0;padding:var(--spacing-xl);transition:box-shadow var(--duration-quick) var(--ease-transition),border-color var(--duration-quick) var(--ease-transition)}._permalink-~~preview__card_wn42x_37~~:hover{box-shadow:var(--elevation-2);border-color:rgba(var(--center-channel-color-rgb),.24);cursor:pointer}._permalink-~~preview__message_wn42x_56~~{display:flex;flex-direction:column;gap:var(--spacing-~~xxxxs, 4px~~);align-items:flex-start;overflow:hidden;width:100%}._permalink-~~preview__header_wn42x_64~~{display:flex;gap:var(--spacing-s);align-items:center;flex-shrink:0}._permalink-~~preview__body_wn42x_70~~{display:flex;flex-direction:column;align-items:flex-start;width:100%}._permalink-~~preview__text_wn42x_76~~{font-size:var(--font-size-100);font-weight:var(--font-weight-regular);line-height:var(--line-height-100);color:var(--center-channel-color);width:100%}._permalink-~~preview__origin_wn42x_83~~{font-size:var(--font-size-75);font-weight:var(--font-weight-regular);line-height:var(--line-height-75);color:rgba(var(--center-channel-color-rgb),.64);white-space:nowrap;flex-shrink:0}
1	+ ._permalink-preview_d73bp_2{--permalink-preview-dismiss-size: 20px;--permalink-preview-dismiss-outset: calc( var(--permalink-preview-dismiss-size) + var(--spacing-xxxs) );display:flex;align-items:flex-start;width:100%;max-width:700px;position:relative}._permalink-preview__dismiss-bridge_d73bp_13{position:absolute;top:calc(-1 * var(--permalink-preview-dismiss-outset));bottom:0;left:calc(-1 * var(--permalink-preview-dismiss-outset));width:var(--permalink-preview-dismiss-outset);z-index:1;pointer-events:none}._permalink-preview__dismiss_d73bp_13{position:absolute;top:0;left:calc(-1 * var(--spacing-xxl));z-index:2;opacity:0;pointer-events:none;transition:opacity var(--duration-quick) var(--ease-transition)}._permalink-preview_d73bp_2:hover ._permalink-preview__dismiss-bridge_d73bp_13,._permalink-preview_d73bp_2:focus-within ._permalink-preview__dismiss-bridge_d73bp_13{pointer-events:auto}._permalink-preview_d73bp_2:hover ._permalink-preview__dismiss_d73bp_13,._permalink-preview_d73bp_2:focus-within ._permalink-preview__dismiss_d73bp_13{opacity:1;pointer-events:auto}._permalink-preview__card_d73bp_38{background-color:var(--center-channel-bg);border:1px solid rgba(var(--center-channel-color-rgb),.16);border-radius:var(--radius-s);box-shadow:var(--elevation-1);display:flex;flex-direction:column;flex:1 0 0;gap:var(--spacing-s);align-items:flex-start;min-width:0;padding:var(--spacing-xl);transition:box-shadow var(--duration-quick) var(--ease-transition),border-color var(--duration-quick) var(--ease-transition)}._permalink-preview__card_d73bp_38:hover{box-shadow:var(--elevation-2);border-color:rgba(var(--center-channel-color-rgb),.24);cursor:pointer}._permalink-preview__message_d73bp_57{display:flex;flex-direction:column;gap:var(--spacing-xxs);align-items:flex-start;overflow:hidden;width:100%}._permalink-preview__header_d73bp_65{display:flex;gap:var(--spacing-s);align-items:center;flex-shrink:0}._permalink-preview__body_d73bp_71{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-xxs);width:100%}._permalink-preview__body-clip_d73bp_78{overflow:hidden;max-height:100px;width:100%;position:relative;transition:max-height var(--duration-moderate) var(--ease-transition)}._permalink-preview__body-clip_d73bp_78:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(to bottom,transparent,var(--center-channel-bg));pointer-events:none;opacity:0;transition:opacity var(--duration-quick) var(--ease-transition)}._permalink-preview__body-clip--truncated_d73bp_97:after{opacity:1}._permalink-preview__body-clip--expanded_d73bp_100{max-height:var(--permalink-preview-body-height)}._permalink-preview__body-clip--expanded_d73bp_100:after{opacity:0}._permalink-preview__show-more_d73bp_106{font-size:var(--font-size-75);line-height:var(--line-height-75);font-weight:var(--font-weight-regular);color:var(--link-color);background:none;border:none;padding:0;cursor:pointer}._permalink-preview__show-more_d73bp_106:hover{text-decoration:underline}._permalink-preview__show-more_d73bp_106:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px;border-radius:var(--radius-xs)}._permalink-preview__text_d73bp_124{font-size:var(--font-size-100);font-weight:var(--font-weight-regular);line-height:var(--line-height-100);color:var(--center-channel-color);width:100%}._permalink-preview__origin_d73bp_131{font-size:var(--font-size-75);font-weight:var(--font-weight-regular);line-height:var(--line-height-75);color:rgba(var(--center-channel-color-rgb),.64);white-space:nowrap;flex-shrink:0}

package/dist/components/permalink-preview/PermalinkPreview.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 export interface PermalinkPreviewProps {
     /** Sender's display name. */
     authorName?: string;
@@ -5,8 +6,14 @@ export interface PermalinkPreviewProps {
     avatarSrc: string;
     /** Timestamp label. */
     timestamp?: string;
-    /** The quoted message body text. */
+    /** The quoted message body text. Ignored when `children` is provided. */
     messageText?: string;
+    /**
+     * Rich content to render in the message body instead of the plain `messageText` string.
+     * Use this to embed structured content such as attachment cards or formatted fields.
+     * When present, `messageText` is not rendered.
+     */
+    children?: React.ReactNode;
     /** "Originally posted in ~Channel" footer text. */
     originalChannel?: string;
     /** Called when the dismiss control is clicked. Shown on hover when provided. */
@@ -19,5 +26,5 @@ export interface PermalinkPreviewProps {
  * Sender, timestamp, body, and origin channel — enough context to recognise the quoted
  * message without leaving where you are.
  */
-export default function PermalinkPreview({ authorName, avatarSrc, timestamp, messageText, originalChannel, onDismiss, className, }: PermalinkPreviewProps): import("react/jsx-runtime").JSX.Element;
+export default function PermalinkPreview({ authorName, avatarSrc, timestamp, messageText, children, originalChannel, onDismiss, className, }: PermalinkPreviewProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=PermalinkPreview.d.ts.map

package/dist/components/permalink-preview/PermalinkPreview.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PermalinkPreview.d.ts","sourceRoot":"","sources":["../../../src/components/permalink-preview/PermalinkPreview.tsx"],"names":[],"mappings":"~~AAOA~~,MAAM,WAAW,qBAAqB;IACpC,6BAA6B;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wBAAwB;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,~~oCAAoC~~;~~IACpC~~,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mDAAmD;IACnD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gFAAgF;IAChF,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,UAA4B,EAC5B,SAAS,EACT,SAAsB,EACtB,WAA0J,EAC1J,eAAgC,EAChC,SAAS,EACT,SAAc,GACf,EAAE,qBAAqB,~~2CAwCvB~~"}
1	+ {"version":3,"file":"PermalinkPreview.d.ts","sourceRoot":"","sources":["../../../src/components/permalink-preview/PermalinkPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAW3D,MAAM,WAAW,qBAAqB;IACpC,6BAA6B;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wBAAwB;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yEAAyE;IACzE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,mDAAmD;IACnD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gFAAgF;IAChF,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,UAA4B,EAC5B,SAAS,EACT,SAAsB,EACtB,WAA0J,EAC1J,QAAQ,EACR,eAAgC,EAChC,SAAS,EACT,SAAc,GACf,EAAE,qBAAqB,2CA4FvB"}

package/dist/components/permalink-preview/PermalinkPreview.js CHANGED Viewed

@@ -1,22 +1,41 @@
-import { jsxs as r, Fragment as d, jsx as i } from "react/jsx-runtime";
-import c from "../user-avatar/UserAvatar.js";
-import v from "../message-header/MessageHeader.js";
-import _ from "../icon/Icon.js";
-import k from "../icon-button/IconButton.js";
-import __u from "@mattermost/compass-icons/components/close.js";const u=__u&&__u.default?__u.default:__u;
+import { jsxs as r, Fragment as C, jsx as i } from "react/jsx-runtime";
+import { useState as l, useRef as H, useEffect as I } from "react";
+import R from "../user-avatar/UserAvatar.js";
+import A from "../message-header/MessageHeader.js";
+import T from "../icon/Icon.js";
+import j from "../icon-button/IconButton.js";
+import __z from "@mattermost/compass-icons/components/close.js";const z=__z&&__z.default?__z.default:__z;
 import e from "./PermalinkPreview.module.scss.js";
-function A({
-  authorName: a = "Leonard Riley",
-  avatarSrc: l,
-  timestamp: m = "10:43 AM",
-  messageText: n = "At eu sed tristique gravida et fames vel pellentesque. Urna phasellus integer eu tempor mauris amet sagittis. Mollis risus mi felis magna.",
-  originalChannel: p = "~Desktop App",
-  onDismiss: s,
-  className: o = ""
+const B = 100;
+function G({
+  authorName: n = "Leonard Riley",
+  avatarSrc: v,
+  timestamp: u = "10:43 AM",
+  messageText: _ = "At eu sed tristique gravida et fames vel pellentesque. Urna phasellus integer eu tempor mauris amet sagittis. Mollis risus mi felis magna.",
+  children: f,
+  originalChannel: h = "~Desktop App",
+  onDismiss: o,
+  className: w = ""
 }) {
-  const t = [e["permalink-preview"], o].filter(Boolean).join(" ");
-  return /* @__PURE__ */ r("div", { className: t, children: [
-    s != null && /* @__PURE__ */ r(d, { children: [
+  const [t, k] = l(!1), [p, g] = l(!1), [N, y] = l(0), m = H(null);
+  I(() => {
+    const s = m.current;
+    if (!s) return;
+    const a = () => {
+      const d = s.scrollHeight;
+      y(d), g(d > B);
+    };
+    a();
+    const c = new ResizeObserver(a);
+    return c.observe(s), () => c.disconnect();
+  }, []);
+  const b = [e["permalink-preview"], w].filter(Boolean).join(" "), x = [
+    e["permalink-preview__body-clip"],
+    p ? e["permalink-preview__body-clip--truncated"] : "",
+    t ? e["permalink-preview__body-clip--expanded"] : ""
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r("div", { className: b, children: [
+    o != null && /* @__PURE__ */ r(C, { children: [
       /* @__PURE__ */ i(
         "div",
         {
@@ -25,33 +44,55 @@ function A({
         }
       ),
       /* @__PURE__ */ i(
-        k,
+        j,
         {
           className: e["permalink-preview__dismiss"],
           size: "x-small",
           padding: "compact",
           "aria-label": "Remove permalink preview",
-          icon: /* @__PURE__ */ i(_, { size: "12", glyph: /* @__PURE__ */ i(u, {}) }),
-          onClick: s
+          icon: /* @__PURE__ */ i(T, { size: "12", glyph: /* @__PURE__ */ i(z, {}) }),
+          onClick: o
         }
       )
     ] }),
     /* @__PURE__ */ r("div", { className: e["permalink-preview__card"], children: [
       /* @__PURE__ */ r("div", { className: e["permalink-preview__message"], children: [
         /* @__PURE__ */ r("div", { className: e["permalink-preview__header"], children: [
-          /* @__PURE__ */ i(c, { src: l, alt: a, size: "24" }),
-          /* @__PURE__ */ i(v, { username: a, timestamp: m })
+          /* @__PURE__ */ i(R, { src: v, alt: n, size: "24" }),
+          /* @__PURE__ */ i(A, { username: n, timestamp: u })
         ] }),
-        /* @__PURE__ */ i("div", { className: e["permalink-preview__body"], children: /* @__PURE__ */ i("p", { className: e["permalink-preview__text"], children: n }) })
+        /* @__PURE__ */ r("div", { className: e["permalink-preview__body"], children: [
+          /* @__PURE__ */ i(
+            "div",
+            {
+              ref: m,
+              className: x,
+              style: {
+                "--permalink-preview-body-height": `${N}px`
+              },
+              children: f ?? /* @__PURE__ */ i("p", { className: e["permalink-preview__text"], children: _ })
+            }
+          ),
+          p && /* @__PURE__ */ i(
+            "button",
+            {
+              className: e["permalink-preview__show-more"],
+              onClick: (s) => {
+                s.stopPropagation(), k((a) => !a);
+              },
+              children: t ? "Show less" : "Show more"
+            }
+          )
+        ] })
       ] }),
       /* @__PURE__ */ r("p", { className: e["permalink-preview__origin"], children: [
         "Originally posted in ",
-        p
+        h
       ] })
     ] })
   ] });
 }
 export {
-  A as default
+  G as default
 };
 //# sourceMappingURL=PermalinkPreview.js.map

package/dist/components/permalink-preview/PermalinkPreview.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PermalinkPreview.js","sources":["../../../src/components/permalink-preview/PermalinkPreview.tsx"],"sourcesContent":["import UserAvatar from '@/components/user-avatar/UserAvatar';\nimport MessageHeader from '@/components/message-header/MessageHeader';\nimport Icon from '@/components/icon/Icon';\nimport IconButton from '@/components/icon-button/IconButton';\nimport CloseIcon from '@mattermost/compass-icons/components/close';\nimport styles from './PermalinkPreview.module.scss';\n\nexport interface PermalinkPreviewProps {\n /** Sender's display name. /\n authorName?: string;\n /* Avatar image src. /\n avatarSrc: string;\n /* Timestamp label. /\n timestamp?: string;\n /* The quoted message body text. /\n messageText?: string;\n /* \"Originally posted in ~Channel\" footer text. /\n originalChannel?: string;\n /* Called when the dismiss control is clicked. Shown on hover when provided. /\n onDismiss?: () => void;\n /* Optional CSS class name. /\n className?: string;\n}\n\n/\n A Permalink Preview renders an inline card for a message that another message links to.\n * Sender, timestamp, body, and origin channel — enough context to recognise the quoted\n * message without leaving where you are.\n */\nexport default function PermalinkPreview({\n authorName = 'Leonard Riley',\n avatarSrc,\n timestamp = '10:43 AM',\n messageText = 'At eu sed tristique gravida et fames vel pellentesque. Urna phasellus integer eu tempor mauris amet sagittis. Mollis risus mi felis magna.',\n originalChannel = '~Desktop App',\n onDismiss,\n className = '',\n}: PermalinkPreviewProps) {\n const rootClass = [styles['permalink-preview'], className]\n .filter(Boolean)\n .join(' ');\n\n return (\n <div className={rootClass}>\n {onDismiss != null && (\n <>\n <div\n className={styles['permalink-preview__dismiss-bridge']}\n aria-hidden\n />\n <IconButton\n className={styles['permalink-preview__dismiss']}\n size=\"x-small\"\n padding=\"compact\"\n aria-label=\"Remove permalink preview\"\n icon={<Icon size=\"12\" glyph={<CloseIcon />} />}\n onClick={onDismiss}\n />\n </>\n )}\n\n <div className={styles['permalink-preview__card']}>\n <div className={styles['permalink-preview__message']}>\n <div className={styles['permalink-preview__header']}>\n <UserAvatar src={avatarSrc} alt={authorName} size=\"24\" />\n <MessageHeader username={authorName} timestamp={timestamp} />\n </div>\n <div className={styles['permalink-preview__body']}>\n <p className={styles['permalink-preview__text']}>{messageText}</p>\n </div>\n </div>\n <p className={styles['permalink-preview__origin']}>\n Originally posted in {originalChannel}\n </p>\n </div>\n </div>\n );\n}\n"],"names":["PermalinkPreview","authorName","avatarSrc","timestamp","messageText","originalChannel","onDismiss","className","rootClass","styles","jsxs","Fragment","jsx","IconButton","Icon","CloseIcon","UserAvatar","MessageHeader"],"mappings":"~~;;;;;;;AA6BA~~,~~SAAwBA~~,EAAiB;AAAA,EACvC,YAAAC,IAAa;AAAA,EACb,WAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,aAAAC,IAAc;AAAA,EACd,iBAAAC,IAAkB;AAAA,EAClB,WAAAC;AAAA,EACA,WAAAC,IAAY;AACd,GAA0B;AACxB,QAAMC,IAAY,CAACC,EAAO,mBAAmB,~~GAAGF~~,CAAS,EACtD,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,~~gBAAAG~~,EAAC,OAAA,EAAI,~~WAAWF~~,GACb,UAAA;AAAA,~~IAAAF~~,KAAa,QACZ,~~gBAAAI~~,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,~~WAAWH~~,EAAO,mCAAmC;AAAA,UACrD,eAAW;AAAA,QAAA;AAAA,MAAA;AAAA,MAEb,~~gBAAAG~~;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,~~WAAWJ~~,EAAO,4BAA4B;AAAA,UAC9C,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,cAAW;AAAA,UACX,~~wBAAOK~~,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAF,EAACG,KAAU,GAAI;AAAA,UAC5C,~~SAAST~~;AAAA,QAAA;AAAA,MAAA;AAAA,IACX,GACF;AAAA,IAGF,~~gBAAAI~~,EAAC,OAAA,EAAI,~~WAAWD~~,EAAO,yBAAyB,GAC9C,UAAA;AAAA,MAAA,~~gBAAAC~~,EAAC,OAAA,EAAI,~~WAAWD~~,EAAO,4BAA4B,GACjD,UAAA;AAAA,QAAA,~~gBAAAC~~,EAAC,OAAA,EAAI,~~WAAWD~~,EAAO,2BAA2B,GAChD,UAAA;AAAA,UAAA,~~gBAAAG~~,EAACI,KAAW,~~KAAKd~~,GAAW,KAAKD,GAAY,MAAK,MAAK;AAAA,UACvD,~~gBAAAW~~,EAACK,GAAA,EAAc,~~UAAUhB~~,GAAY,WAAAE,EAAA,CAAsB;AAAA,QAAA,GAC7D;AAAA,QACA,~~gBAAAS~~,EAAC,OAAA,EAAI,~~WAAWH~~,EAAO,yBAAyB,GAC9C,UAAA,~~gBAAAG~~,EAAC,KAAA,EAAE,~~WAAWH~~,EAAO,yBAAyB,~~GAAI~~,~~aAAY~~,EAAA,~~CAChE~~;AAAA,MAAA,GACF;AAAA,MACA,~~gBAAAC~~,EAAC,KAAA,EAAE,~~WAAWD~~,EAAO,2BAA2B,GAAG,UAAA;AAAA,QAAA;AAAA,~~QAC3BJ~~;AAAA,MAAA,EAAA,CACxB;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}
1	+ {"version":3,"file":"PermalinkPreview.js","sources":["../../../src/components/permalink-preview/PermalinkPreview.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport UserAvatar from '@/components/user-avatar/UserAvatar';\nimport MessageHeader from '@/components/message-header/MessageHeader';\nimport Icon from '@/components/icon/Icon';\nimport IconButton from '@/components/icon-button/IconButton';\nimport CloseIcon from '@mattermost/compass-icons/components/close';\nimport styles from './PermalinkPreview.module.scss';\n\n// Keep in sync with max-height in PermalinkPreview.module.scss __body-clip\nconst TRUNCATION_HEIGHT_PX = 100;\n\nexport interface PermalinkPreviewProps {\n /** Sender's display name. /\n authorName?: string;\n /* Avatar image src. /\n avatarSrc: string;\n /* Timestamp label. /\n timestamp?: string;\n /* The quoted message body text. Ignored when `children` is provided. /\n messageText?: string;\n /\n Rich content to render in the message body instead of the plain `messageText` string.\n * Use this to embed structured content such as attachment cards or formatted fields.\n * When present, `messageText` is not rendered.\n /\n children?: React.ReactNode;\n /* \"Originally posted in ~Channel\" footer text. /\n originalChannel?: string;\n /* Called when the dismiss control is clicked. Shown on hover when provided. /\n onDismiss?: () => void;\n /* Optional CSS class name. /\n className?: string;\n}\n\n/\n A Permalink Preview renders an inline card for a message that another message links to.\n * Sender, timestamp, body, and origin channel — enough context to recognise the quoted\n * message without leaving where you are.\n */\nexport default function PermalinkPreview({\n authorName = 'Leonard Riley',\n avatarSrc,\n timestamp = '10:43 AM',\n messageText = 'At eu sed tristique gravida et fames vel pellentesque. Urna phasellus integer eu tempor mauris amet sagittis. Mollis risus mi felis magna.',\n children,\n originalChannel = '~Desktop App',\n onDismiss,\n className = '',\n}: PermalinkPreviewProps) {\n const [isExpanded, setIsExpanded] = useState(false);\n const [needsTruncation, setNeedsTruncation] = useState(false);\n const [bodyHeight, setBodyHeight] = useState(0);\n const clipRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n const el = clipRef.current;\n if (!el) return;\n const measure = () => {\n const full = el.scrollHeight;\n setBodyHeight(full);\n setNeedsTruncation(full > TRUNCATION_HEIGHT_PX);\n };\n measure();\n const ro = new ResizeObserver(measure);\n ro.observe(el);\n return () => ro.disconnect();\n }, []);\n\n const rootClass = [styles['permalink-preview'], className]\n .filter(Boolean)\n .join(' ');\n\n const clipClass = [\n styles['permalink-preview__body-clip'],\n needsTruncation ? styles['permalink-preview__body-clip--truncated'] : '',\n isExpanded ? styles['permalink-preview__body-clip--expanded'] : '',\n ]\n .filter(Boolean)\n .join(' ');\n\n return (\n <div className={rootClass}>\n {onDismiss != null && (\n <>\n <div\n className={styles['permalink-preview__dismiss-bridge']}\n aria-hidden\n />\n <IconButton\n className={styles['permalink-preview__dismiss']}\n size=\"x-small\"\n padding=\"compact\"\n aria-label=\"Remove permalink preview\"\n icon={<Icon size=\"12\" glyph={<CloseIcon />} />}\n onClick={onDismiss}\n />\n </>\n )}\n\n <div className={styles['permalink-preview__card']}>\n <div className={styles['permalink-preview__message']}>\n <div className={styles['permalink-preview__header']}>\n <UserAvatar src={avatarSrc} alt={authorName} size=\"24\" />\n <MessageHeader username={authorName} timestamp={timestamp} />\n </div>\n <div className={styles['permalink-preview__body']}>\n <div\n ref={clipRef}\n className={clipClass}\n style={\n {\n '--permalink-preview-body-height': `${bodyHeight}px`,\n } as React.CSSProperties\n }\n >\n {children ?? (\n <p className={styles['permalink-preview__text']}>\n {messageText}\n </p>\n )}\n </div>\n {needsTruncation && (\n <button\n className={styles['permalink-preview__show-more']}\n onClick={(e) => {\n e.stopPropagation();\n setIsExpanded((prev) => !prev);\n }}\n >\n {isExpanded ? 'Show less' : 'Show more'}\n </button>\n )}\n </div>\n </div>\n <p className={styles['permalink-preview__origin']}>\n Originally posted in {originalChannel}\n </p>\n </div>\n </div>\n );\n}\n"],"names":["TRUNCATION_HEIGHT_PX","PermalinkPreview","authorName","avatarSrc","timestamp","messageText","children","originalChannel","onDismiss","className","isExpanded","setIsExpanded","useState","needsTruncation","setNeedsTruncation","bodyHeight","setBodyHeight","clipRef","useRef","useEffect","el","measure","full","ro","rootClass","styles","clipClass","jsxs","Fragment","jsx","IconButton","Icon","CloseIcon","UserAvatar","MessageHeader","e","prev"],"mappings":"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"}

package/dist/components/permalink-preview/PermalinkPreview.module.scss.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./PermalinkPreview.css');const e={"permalink-preview":"_permalink-preview_wn42x_2","permalink-preview__dismiss-bridge":"_permalink-preview__dismiss-bridge_wn42x_12","permalink-preview__dismiss":"_permalink-preview__dismiss_wn42x_12","permalink-preview__card":"_permalink-preview__card_wn42x_37","permalink-preview__message":"_permalink-preview__message_wn42x_56","permalink-preview__header":"_permalink-preview__header_wn42x_64","permalink-preview__body":"_permalink-preview__body_wn42x_70","permalink-preview__text":"_permalink-preview__text_wn42x_76","permalink-preview__origin":"_permalink-preview__origin_wn42x_83"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./PermalinkPreview.css');const e={"permalink-preview":"_permalink-preview_d73bp_2","permalink-preview__dismiss-bridge":"_permalink-preview__dismiss-bridge_d73bp_13","permalink-preview__dismiss":"_permalink-preview__dismiss_d73bp_13","permalink-preview__card":"_permalink-preview__card_d73bp_38","permalink-preview__message":"_permalink-preview__message_d73bp_57","permalink-preview__header":"_permalink-preview__header_d73bp_65","permalink-preview__body":"_permalink-preview__body_d73bp_71","permalink-preview__body-clip":"_permalink-preview__body-clip_d73bp_78","permalink-preview__body-clip--truncated":"_permalink-preview__body-clip--truncated_d73bp_97","permalink-preview__body-clip--expanded":"_permalink-preview__body-clip--expanded_d73bp_100","permalink-preview__show-more":"_permalink-preview__show-more_d73bp_106","permalink-preview__text":"_permalink-preview__text_d73bp_124","permalink-preview__origin":"_permalink-preview__origin_d73bp_131"};exports.default=e;
 //# sourceMappingURL=PermalinkPreview.module.scss.cjs.map

package/dist/components/permalink-preview/PermalinkPreview.module.scss.js CHANGED Viewed

@@ -1,13 +1,17 @@
 import './PermalinkPreview.css';const e = {
-  "permalink-preview": "_permalink-preview_wn42x_2",
-  "permalink-preview__dismiss-bridge": "_permalink-preview__dismiss-bridge_wn42x_12",
-  "permalink-preview__dismiss": "_permalink-preview__dismiss_wn42x_12",
-  "permalink-preview__card": "_permalink-preview__card_wn42x_37",
-  "permalink-preview__message": "_permalink-preview__message_wn42x_56",
-  "permalink-preview__header": "_permalink-preview__header_wn42x_64",
-  "permalink-preview__body": "_permalink-preview__body_wn42x_70",
-  "permalink-preview__text": "_permalink-preview__text_wn42x_76",
-  "permalink-preview__origin": "_permalink-preview__origin_wn42x_83"
+  "permalink-preview": "_permalink-preview_d73bp_2",
+  "permalink-preview__dismiss-bridge": "_permalink-preview__dismiss-bridge_d73bp_13",
+  "permalink-preview__dismiss": "_permalink-preview__dismiss_d73bp_13",
+  "permalink-preview__card": "_permalink-preview__card_d73bp_38",
+  "permalink-preview__message": "_permalink-preview__message_d73bp_57",
+  "permalink-preview__header": "_permalink-preview__header_d73bp_65",
+  "permalink-preview__body": "_permalink-preview__body_d73bp_71",
+  "permalink-preview__body-clip": "_permalink-preview__body-clip_d73bp_78",
+  "permalink-preview__body-clip--truncated": "_permalink-preview__body-clip--truncated_d73bp_97",
+  "permalink-preview__body-clip--expanded": "_permalink-preview__body-clip--expanded_d73bp_100",
+  "permalink-preview__show-more": "_permalink-preview__show-more_d73bp_106",
+  "permalink-preview__text": "_permalink-preview__text_d73bp_124",
+  "permalink-preview__origin": "_permalink-preview__origin_d73bp_131"
 };
 export {
   e as default

package/dist/components/permalink-preview/PermalinkPreview.module.scss.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PermalinkPreview.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":"~~;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"PermalinkPreview.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/dist/components/popover-menu/PopoverMenu.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PopoverMenu.cjs","sources":["../../../src/components/popover-menu/PopoverMenu.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\nimport Scrollbar from '@/components/scrollbar/Scrollbar';\nimport styles from './PopoverMenu.module.scss';\n\nexport interface PopoverMenuProps extends HTMLAttributes<HTMLDivElement> {\n /** Parent menus use Elevation 4; nested child menus use Elevation 5. /\n variant?: 'parent' \| 'child';\n children: ReactNode;\n}\n\n/\n Surface container for popover-style menus — border, fill, elevation, and width\n * constraints per Compass. Compose with {@link MenuItem} rows and optional\n * titles, group labels, and dividers. Use {@link PopoverMenuScroll} when the item\n * list should scroll while a {@link PopoverMenuTitle} stays pinned.\n /\nexport default function PopoverMenu({\n variant = 'parent',\n children,\n className = '',\n ...rest\n}: PopoverMenuProps) {\n const rootClass = [\n styles['popover-menu'],\n variant === 'child'\n ? styles['popover-menu--child']\n : styles['popover-menu--parent'],\n className,\n ]\n .filter(Boolean)\n .join(' ');\n\n return (\n <div className={rootClass} {...rest}>\n {children}\n </div>\n );\n}\n\nexport interface PopoverMenuScrollProps {\n children: ReactNode;\n /* Maximum height of the scrollable region (coerces numbers to px). /\n maxHeight: string \| number;\n className?: string;\n}\n\n/* Scrollable region for long item lists; keeps a sibling title visible when used with `maxHeight`. /\nexport function PopoverMenuScroll({\n maxHeight,\n children,\n className = '',\n}: PopoverMenuScrollProps) {\n const maxH ~~=\n~~ typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight;\n return (\n <Scrollbar\n className={[styles['popover-menu__scroll'], className]\n .filter(Boolean)\n .join(' ')}\n style={{ maxHeight: maxH }}\n >\n {children}\n </Scrollbar>\n );\n}\n\nexport interface PopoverMenuTitleProps extends HTMLAttributes<HTMLParagraphElement> {\n children: ReactNode;\n}\n\n/* Optional heading above menu items; keep pinned outside a scrolling body when using `maxHeight` on `PopoverMenu`. /\nexport function PopoverMenuTitle({\n children,\n className = '',\n ...rest\n}: PopoverMenuTitleProps) {\n return (\n <p\n className={[styles['popover-menu__title'], className].filter(Boolean).join(' ')}\n {...rest}\n >\n {children}\n </p>\n );\n}\n\nexport interface PopoverMenuGroupProps extends HTMLAttributes<HTMLDivElement> {\n children: ReactNode;\n /* Accessible label when the group has no visible `PopoverMenuGroupTitle`. /\n 'aria-label'?: string;\n}\n\n/* Groups related menu items. /\nexport function PopoverMenuGroup({\n children,\n className = '',\n ...rest\n}: PopoverMenuGroupProps) {\n return (\n <div\n role=\"group\"\n className={[styles['popover-menu__group'], className].filter(Boolean).join(' ')}\n {...rest}\n >\n {children}\n </div>\n );\n}\n\nexport interface PopoverMenuGroupTitleProps extends HTMLAttributes<HTMLParagraphElement> {\n children: ReactNode;\n}\n\n/* Optional label for a `PopoverMenuGroup`. /\nexport function PopoverMenuGroupTitle({\n children,\n className = '',\n ...rest\n}: PopoverMenuGroupTitleProps) {\n return (\n <p\n className={[styles['popover-menu__group-title'], className]\n .filter(Boolean)\n .join(' ')}\n {...rest}\n >\n {children}\n </p>\n );\n}\n\nexport ~~interface~~ PopoverMenuDividerProps ~~extends~~ HTMLAttributes<HTMLDivElement~~> {}\~~n\n/* Horizontal rule between groups or below a menu title. */\nexport function PopoverMenuDivider({\n className = '',\n ...rest\n}: PopoverMenuDividerProps) {\n return (\n <div\n className={[styles['popover-menu__divider'], className].filter(Boolean).join(' ')}\n role=\"separator\"\n {...rest}\n />\n );\n}\n"],"names":["PopoverMenu","variant","children","className","rest","rootClass","styles","PopoverMenuScroll","maxHeight","maxH","jsx","Scrollbar","PopoverMenuTitle","PopoverMenuGroup","PopoverMenuGroupTitle","PopoverMenuDivider"],"mappings":"oOAgBA,SAAwBA,EAAY,CAClC,QAAAC,EAAU,SACV,SAAAC,EACA,UAAAC,EAAY,GACZ,GAAGC,CACL,EAAqB,CACnB,MAAMC,EAAY,CAChBC,EAAAA,QAAO,cAAc,EACrBL,IAAY,QACRK,EAAAA,QAAO,qBAAqB,EAC5BA,EAAAA,QAAO,sBAAsB,EACjCH,CAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,aACG,MAAA,CAAI,UAAWE,EAAY,GAAGD,EAC5B,SAAAF,EACH,CAEJ,CAUO,SAASK,EAAkB,CAChC,UAAAC,EACA,SAAAN,EACA,UAAAC,EAAY,EACd,EAA2B,CACzB,MAAMM,~~EACJ~~,OAAOD,GAAc,SAAW,GAAGA,CAAS,KAAOA,~~EACrD~~,OACEE,EAAAA,IAACC,EAAAA,QAAA,CACC,UAAW,CAACL,UAAO,sBAAsB,EAAGH,CAAS,EAClD,OAAO,OAAO,EACd,KAAK,GAAG,EACX,MAAO,CAAE,UAAWM,CAAA,EAEnB,SAAAP,CAAA,CAAA,CAGP,CAOO,SAASU,EAAiB,CAC/B,SAAAV,EACA,UAAAC,EAAY,GACZ,GAAGC,CACL,EAA0B,CACxB,OACEM,EAAAA,IAAC,IAAA,CACC,UAAW,CAACJ,UAAO,qBAAqB,EAAGH,CAAS,~~EAAE~~,OAAO,OAAO,~~EAAE~~,KAAK,GAAG,~~EAC7E~~,GAAGC,EAEH,SAAAF,CAAA,CAAA,CAGP,CASO,SAASW,EAAiB,CAC/B,SAAAX,EACA,UAAAC,EAAY,GACZ,GAAGC,CACL,EAA0B,CACxB,OACEM,EAAAA,IAAC,MAAA,CACC,KAAK,QACL,UAAW,CAACJ,UAAO,qBAAqB,EAAGH,CAAS,~~EAAE~~,OAAO,OAAO,~~EAAE~~,KAAK,GAAG,~~EAC7E~~,GAAGC,EAEH,SAAAF,CAAA,CAAA,CAGP,CAOO,SAASY,EAAsB,CACpC,SAAAZ,EACA,UAAAC,EAAY,GACZ,GAAGC,CACL,EAA+B,CAC7B,OACEM,EAAAA,IAAC,IAAA,CACC,UAAW,CAACJ,UAAO,2BAA2B,EAAGH,CAAS,EACvD,OAAO,OAAO,EACd,KAAK,GAAG,EACV,GAAGC,EAEH,SAAAF,CAAA,CAAA,CAGP,CAKO,SAASa,EAAmB,CACjC,UAAAZ,EAAY,GACZ,GAAGC,CACL,EAA4B,CAC1B,OACEM,EAAAA,IAAC,MAAA,CACC,UAAW,CAACJ,UAAO,uBAAuB,EAAGH,CAAS,~~EAAE~~,OAAO,OAAO,~~EAAE~~,KAAK,GAAG,~~EAChF~~,KAAK,YACJ,GAAGC,CAAA,CAAA,CAGV"}
1	+ {"version":3,"file":"PopoverMenu.cjs","sources":["../../../src/components/popover-menu/PopoverMenu.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\nimport Scrollbar from '@/components/scrollbar/Scrollbar';\nimport styles from './PopoverMenu.module.scss';\n\nexport interface PopoverMenuProps extends HTMLAttributes<HTMLDivElement> {\n /** Parent menus use Elevation 4; nested child menus use Elevation 5. /\n variant?: 'parent' \| 'child';\n children: ReactNode;\n}\n\n/\n Surface container for popover-style menus — border, fill, elevation, and width\n * constraints per Compass. Compose with {@link MenuItem} rows and optional\n * titles, group labels, and dividers. Use {@link PopoverMenuScroll} when the item\n * list should scroll while a {@link PopoverMenuTitle} stays pinned.\n /\nexport default function PopoverMenu({\n variant = 'parent',\n children,\n className = '',\n ...rest\n}: PopoverMenuProps) {\n const rootClass = [\n styles['popover-menu'],\n variant === 'child'\n ? styles['popover-menu--child']\n : styles['popover-menu--parent'],\n className,\n ]\n .filter(Boolean)\n .join(' ');\n\n return (\n <div className={rootClass} {...rest}>\n {children}\n </div>\n );\n}\n\nexport interface PopoverMenuScrollProps {\n children: ReactNode;\n /* Maximum height of the scrollable region (coerces numbers to px). /\n maxHeight: string \| number;\n className?: string;\n}\n\n/* Scrollable region for long item lists; keeps a sibling title visible when used with `maxHeight`. /\nexport function PopoverMenuScroll({\n maxHeight,\n children,\n className = '',\n}: PopoverMenuScrollProps) {\n const maxH = typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight;\n return (\n <Scrollbar\n className={[styles['popover-menu__scroll'], className]\n .filter(Boolean)\n .join(' ')}\n style={{ maxHeight: maxH }}\n >\n {children}\n </Scrollbar>\n );\n}\n\nexport interface PopoverMenuTitleProps extends HTMLAttributes<HTMLParagraphElement> {\n children: ReactNode;\n}\n\n/* Optional heading above menu items; keep pinned outside a scrolling body when using `maxHeight` on `PopoverMenu`. /\nexport function PopoverMenuTitle({\n children,\n className = '',\n ...rest\n}: PopoverMenuTitleProps) {\n return (\n <p\n className={[styles['popover-menu__title'], className]\n .filter(Boolean)\n .join(' ')}\n {...rest}\n >\n {children}\n </p>\n );\n}\n\nexport interface PopoverMenuGroupProps extends HTMLAttributes<HTMLDivElement> {\n children: ReactNode;\n /* Accessible label when the group has no visible `PopoverMenuGroupTitle`. /\n 'aria-label'?: string;\n}\n\n/* Groups related menu items. /\nexport function PopoverMenuGroup({\n children,\n className = '',\n ...rest\n}: PopoverMenuGroupProps) {\n return (\n <div\n role=\"group\"\n className={[styles['popover-menu__group'], className]\n .filter(Boolean)\n .join(' ')}\n {...rest}\n >\n {children}\n </div>\n );\n}\n\nexport interface PopoverMenuGroupTitleProps extends HTMLAttributes<HTMLParagraphElement> {\n children: ReactNode;\n}\n\n/* Optional label for a `PopoverMenuGroup`. /\nexport function PopoverMenuGroupTitle({\n children,\n className = '',\n ...rest\n}: PopoverMenuGroupTitleProps) {\n return (\n <p\n className={[styles['popover-menu__group-title'], className]\n .filter(Boolean)\n .join(' ')}\n {...rest}\n >\n {children}\n </p>\n );\n}\n\nexport type PopoverMenuDividerProps = HTMLAttributes<HTMLDivElement>;\n\n/* Horizontal rule between groups or below a menu title. */\nexport function PopoverMenuDivider({\n className = '',\n ...rest\n}: PopoverMenuDividerProps) {\n return (\n <div\n className={[styles['popover-menu__divider'], className]\n .filter(Boolean)\n .join(' ')}\n role=\"separator\"\n {...rest}\n />\n );\n}\n"],"names":["PopoverMenu","variant","children","className","rest","rootClass","styles","PopoverMenuScroll","maxHeight","maxH","jsx","Scrollbar","PopoverMenuTitle","PopoverMenuGroup","PopoverMenuGroupTitle","PopoverMenuDivider"],"mappings":"oOAgBA,SAAwBA,EAAY,CAClC,QAAAC,EAAU,SACV,SAAAC,EACA,UAAAC,EAAY,GACZ,GAAGC,CACL,EAAqB,CACnB,MAAMC,EAAY,CAChBC,EAAAA,QAAO,cAAc,EACrBL,IAAY,QACRK,EAAAA,QAAO,qBAAqB,EAC5BA,EAAAA,QAAO,sBAAsB,EACjCH,CAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,aACG,MAAA,CAAI,UAAWE,EAAY,GAAGD,EAC5B,SAAAF,EACH,CAEJ,CAUO,SAASK,EAAkB,CAChC,UAAAC,EACA,SAAAN,EACA,UAAAC,EAAY,EACd,EAA2B,CACzB,MAAMM,EAAO,OAAOD,GAAc,SAAW,GAAGA,CAAS,KAAOA,EAChE,OACEE,EAAAA,IAACC,EAAAA,QAAA,CACC,UAAW,CAACL,UAAO,sBAAsB,EAAGH,CAAS,EAClD,OAAO,OAAO,EACd,KAAK,GAAG,EACX,MAAO,CAAE,UAAWM,CAAA,EAEnB,SAAAP,CAAA,CAAA,CAGP,CAOO,SAASU,EAAiB,CAC/B,SAAAV,EACA,UAAAC,EAAY,GACZ,GAAGC,CACL,EAA0B,CACxB,OACEM,EAAAA,IAAC,IAAA,CACC,UAAW,CAACJ,UAAO,qBAAqB,EAAGH,CAAS,EACjD,OAAO,OAAO,EACd,KAAK,GAAG,EACV,GAAGC,EAEH,SAAAF,CAAA,CAAA,CAGP,CASO,SAASW,EAAiB,CAC/B,SAAAX,EACA,UAAAC,EAAY,GACZ,GAAGC,CACL,EAA0B,CACxB,OACEM,EAAAA,IAAC,MAAA,CACC,KAAK,QACL,UAAW,CAACJ,UAAO,qBAAqB,EAAGH,CAAS,EACjD,OAAO,OAAO,EACd,KAAK,GAAG,EACV,GAAGC,EAEH,SAAAF,CAAA,CAAA,CAGP,CAOO,SAASY,EAAsB,CACpC,SAAAZ,EACA,UAAAC,EAAY,GACZ,GAAGC,CACL,EAA+B,CAC7B,OACEM,EAAAA,IAAC,IAAA,CACC,UAAW,CAACJ,UAAO,2BAA2B,EAAGH,CAAS,EACvD,OAAO,OAAO,EACd,KAAK,GAAG,EACV,GAAGC,EAEH,SAAAF,CAAA,CAAA,CAGP,CAKO,SAASa,EAAmB,CACjC,UAAAZ,EAAY,GACZ,GAAGC,CACL,EAA4B,CAC1B,OACEM,EAAAA,IAAC,MAAA,CACC,UAAW,CAACJ,UAAO,uBAAuB,EAAGH,CAAS,EACnD,OAAO,OAAO,EACd,KAAK,GAAG,EACX,KAAK,YACJ,GAAGC,CAAA,CAAA,CAGV"}

package/dist/components/popover-menu/PopoverMenu.d.ts CHANGED Viewed

@@ -36,8 +36,7 @@ export interface PopoverMenuGroupTitleProps extends HTMLAttributes<HTMLParagraph
 }
 /** Optional label for a `PopoverMenuGroup`. */
 export declare function PopoverMenuGroupTitle({ children, className, ...rest }: PopoverMenuGroupTitleProps): import("react/jsx-runtime").JSX.Element;
-export interface PopoverMenuDividerProps extends HTMLAttributes<HTMLDivElement> {
-}
+export type PopoverMenuDividerProps = HTMLAttributes<HTMLDivElement>;
 /** Horizontal rule between groups or below a menu title. */
 export declare function PopoverMenuDivider({ className, ...rest }: PopoverMenuDividerProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=PopoverMenu.d.ts.map

package/dist/components/popover-menu/PopoverMenu.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PopoverMenu.d.ts","sourceRoot":"","sources":["../../../src/components/popover-menu/PopoverMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvD,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE,wEAAwE;IACxE,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC7B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,OAAkB,EAClB,QAAQ,EACR,SAAc,EACd,GAAG,IAAI,EACR,EAAE,gBAAgB,2CAgBlB;AAED,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,SAAS,CAAC;IACpB,uEAAuE;IACvE,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,uGAAuG;AACvG,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,QAAQ,EACR,SAAc,GACf,EAAE,sBAAsB,~~2CAaxB~~;AAED,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,oBAAoB,CAAC;IACjF,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,uHAAuH;AACvH,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,SAAc,EACd,GAAG,IAAI,EACR,EAAE,qBAAqB,~~2CASvB~~;AAED,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC3E,QAAQ,EAAE,SAAS,CAAC;IACpB,8EAA8E;IAC9E,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,iCAAiC;AACjC,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,SAAc,EACd,GAAG,IAAI,EACR,EAAE,qBAAqB,~~2CAUvB~~;AAED,MAAM,WAAW,0BAA2B,SAAQ,cAAc,CAAC,oBAAoB,CAAC;IACtF,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,+CAA+C;AAC/C,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,SAAc,EACd,GAAG,IAAI,EACR,EAAE,0BAA0B,2CAW5B;AAED,MAAM,~~WAAW~~,~~uBAAwB~~,~~SAAQ~~,cAAc,CAAC,cAAc,CAAC;~~CAAG;AAElF~~,4DAA4D;AAC5D,wBAAgB,kBAAkB,CAAC,EACjC,SAAc,EACd,GAAG,IAAI,EACR,EAAE,uBAAuB,~~2CAQzB~~"}
1	+ {"version":3,"file":"PopoverMenu.d.ts","sourceRoot":"","sources":["../../../src/components/popover-menu/PopoverMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvD,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE,wEAAwE;IACxE,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC7B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,OAAkB,EAClB,QAAQ,EACR,SAAc,EACd,GAAG,IAAI,EACR,EAAE,gBAAgB,2CAgBlB;AAED,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,SAAS,CAAC;IACpB,uEAAuE;IACvE,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,uGAAuG;AACvG,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,QAAQ,EACR,SAAc,GACf,EAAE,sBAAsB,2CAYxB;AAED,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,oBAAoB,CAAC;IACjF,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,uHAAuH;AACvH,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,SAAc,EACd,GAAG,IAAI,EACR,EAAE,qBAAqB,2CAWvB;AAED,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC3E,QAAQ,EAAE,SAAS,CAAC;IACpB,8EAA8E;IAC9E,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,iCAAiC;AACjC,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,SAAc,EACd,GAAG,IAAI,EACR,EAAE,qBAAqB,2CAYvB;AAED,MAAM,WAAW,0BAA2B,SAAQ,cAAc,CAAC,oBAAoB,CAAC;IACtF,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,+CAA+C;AAC/C,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,SAAc,EACd,GAAG,IAAI,EACR,EAAE,0BAA0B,2CAW5B;AAED,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAErE,4DAA4D;AAC5D,wBAAgB,kBAAkB,CAAC,EACjC,SAAc,EACd,GAAG,IAAI,EACR,EAAE,uBAAuB,2CAUzB"}

package/dist/components/popover-menu/PopoverMenu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PopoverMenu.js","sources":["../../../src/components/popover-menu/PopoverMenu.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\nimport Scrollbar from '@/components/scrollbar/Scrollbar';\nimport styles from './PopoverMenu.module.scss';\n\nexport interface PopoverMenuProps extends HTMLAttributes<HTMLDivElement> {\n /** Parent menus use Elevation 4; nested child menus use Elevation 5. /\n variant?: 'parent' \| 'child';\n children: ReactNode;\n}\n\n/\n Surface container for popover-style menus — border, fill, elevation, and width\n * constraints per Compass. Compose with {@link MenuItem} rows and optional\n * titles, group labels, and dividers. Use {@link PopoverMenuScroll} when the item\n * list should scroll while a {@link PopoverMenuTitle} stays pinned.\n /\nexport default function PopoverMenu({\n variant = 'parent',\n children,\n className = '',\n ...rest\n}: PopoverMenuProps) {\n const rootClass = [\n styles['popover-menu'],\n variant === 'child'\n ? styles['popover-menu--child']\n : styles['popover-menu--parent'],\n className,\n ]\n .filter(Boolean)\n .join(' ');\n\n return (\n <div className={rootClass} {...rest}>\n {children}\n </div>\n );\n}\n\nexport interface PopoverMenuScrollProps {\n children: ReactNode;\n /* Maximum height of the scrollable region (coerces numbers to px). /\n maxHeight: string \| number;\n className?: string;\n}\n\n/* Scrollable region for long item lists; keeps a sibling title visible when used with `maxHeight`. /\nexport function PopoverMenuScroll({\n maxHeight,\n children,\n className = '',\n}: PopoverMenuScrollProps) {\n const maxH ~~=\n~~ typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight;\n return (\n <Scrollbar\n className={[styles['popover-menu__scroll'], className]\n .filter(Boolean)\n .join(' ')}\n style={{ maxHeight: maxH }}\n >\n {children}\n </Scrollbar>\n );\n}\n\nexport interface PopoverMenuTitleProps extends HTMLAttributes<HTMLParagraphElement> {\n children: ReactNode;\n}\n\n/* Optional heading above menu items; keep pinned outside a scrolling body when using `maxHeight` on `PopoverMenu`. /\nexport function PopoverMenuTitle({\n children,\n className = '',\n ...rest\n}: PopoverMenuTitleProps) {\n return (\n <p\n className={[styles['popover-menu__title'], className].filter(Boolean).join(' ')}\n {...rest}\n >\n {children}\n </p>\n );\n}\n\nexport interface PopoverMenuGroupProps extends HTMLAttributes<HTMLDivElement> {\n children: ReactNode;\n /* Accessible label when the group has no visible `PopoverMenuGroupTitle`. /\n 'aria-label'?: string;\n}\n\n/* Groups related menu items. /\nexport function PopoverMenuGroup({\n children,\n className = '',\n ...rest\n}: PopoverMenuGroupProps) {\n return (\n <div\n role=\"group\"\n className={[styles['popover-menu__group'], className].filter(Boolean).join(' ')}\n {...rest}\n >\n {children}\n </div>\n );\n}\n\nexport interface PopoverMenuGroupTitleProps extends HTMLAttributes<HTMLParagraphElement> {\n children: ReactNode;\n}\n\n/* Optional label for a `PopoverMenuGroup`. /\nexport function PopoverMenuGroupTitle({\n children,\n className = '',\n ...rest\n}: PopoverMenuGroupTitleProps) {\n return (\n <p\n className={[styles['popover-menu__group-title'], className]\n .filter(Boolean)\n .join(' ')}\n {...rest}\n >\n {children}\n </p>\n );\n}\n\nexport ~~interface~~ PopoverMenuDividerProps ~~extends~~ HTMLAttributes<HTMLDivElement~~> {}\~~n\n/* Horizontal rule between groups or below a menu title. */\nexport function PopoverMenuDivider({\n className = '',\n ...rest\n}: PopoverMenuDividerProps) {\n return (\n <div\n className={[styles['popover-menu__divider'], className].filter(Boolean).join(' ')}\n role=\"separator\"\n {...rest}\n />\n );\n}\n"],"names":["PopoverMenu","variant","children","className","rest","rootClass","styles","PopoverMenuScroll","maxHeight","maxH","jsx","Scrollbar","PopoverMenuTitle","PopoverMenuGroup","PopoverMenuGroupTitle","PopoverMenuDivider"],"mappings":";;;AAgBA,SAAwBA,EAAY;AAAA,EAClC,SAAAC,IAAU;AAAA,EACV,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAAqB;AACnB,QAAMC,IAAY;AAAA,IAChBC,EAAO,cAAc;AAAA,IACrBL,MAAY,UACRK,EAAO,qBAAqB,IAC5BA,EAAO,sBAAsB;AAAA,IACjCH;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,2BACG,OAAA,EAAI,WAAWE,GAAY,GAAGD,GAC5B,UAAAF,GACH;AAEJ;AAUO,SAASK,EAAkB;AAAA,EAChC,WAAAC;AAAA,EACA,UAAAN;AAAA,EACA,WAAAC,IAAY;AACd,GAA2B;AACzB,QAAMM,~~IACJ~~,OAAOD,KAAc,WAAW,GAAGA,CAAS,OAAOA;~~AACrD~~,SACE,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAW,CAACL,EAAO,sBAAsB,GAAGH,CAAS,EAClD,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACX,OAAO,EAAE,WAAWM,EAAA;AAAA,MAEnB,UAAAP;AAAA,IAAA;AAAA,EAAA;AAGP;AAOO,SAASU,EAAiB;AAAA,EAC/B,UAAAV;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAA0B;AACxB,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,CAACJ,EAAO,qBAAqB,GAAGH,CAAS,~~EAAE~~,OAAO,OAAO,~~EAAE~~,KAAK,GAAG;AAAA,~~MAC7E~~,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP;AASO,SAASW,EAAiB;AAAA,EAC/B,UAAAX;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAA0B;AACxB,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAW,CAACJ,EAAO,qBAAqB,GAAGH,CAAS,~~EAAE~~,OAAO,OAAO,~~EAAE~~,KAAK,GAAG;AAAA,~~MAC7E~~,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP;AAOO,SAASY,EAAsB;AAAA,EACpC,UAAAZ;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAA+B;AAC7B,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,CAACJ,EAAO,2BAA2B,GAAGH,CAAS,EACvD,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP;AAKO,SAASa,EAAmB;AAAA,EACjC,WAAAZ,IAAY;AAAA,EACZ,GAAGC;AACL,GAA4B;AAC1B,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,CAACJ,EAAO,uBAAuB,GAAGH,CAAS,~~EAAE~~,OAAO,OAAO,~~EAAE~~,KAAK,GAAG;AAAA,~~MAChF~~,MAAK;AAAA,MACJ,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}
1	+ {"version":3,"file":"PopoverMenu.js","sources":["../../../src/components/popover-menu/PopoverMenu.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\nimport Scrollbar from '@/components/scrollbar/Scrollbar';\nimport styles from './PopoverMenu.module.scss';\n\nexport interface PopoverMenuProps extends HTMLAttributes<HTMLDivElement> {\n /** Parent menus use Elevation 4; nested child menus use Elevation 5. /\n variant?: 'parent' \| 'child';\n children: ReactNode;\n}\n\n/\n Surface container for popover-style menus — border, fill, elevation, and width\n * constraints per Compass. Compose with {@link MenuItem} rows and optional\n * titles, group labels, and dividers. Use {@link PopoverMenuScroll} when the item\n * list should scroll while a {@link PopoverMenuTitle} stays pinned.\n /\nexport default function PopoverMenu({\n variant = 'parent',\n children,\n className = '',\n ...rest\n}: PopoverMenuProps) {\n const rootClass = [\n styles['popover-menu'],\n variant === 'child'\n ? styles['popover-menu--child']\n : styles['popover-menu--parent'],\n className,\n ]\n .filter(Boolean)\n .join(' ');\n\n return (\n <div className={rootClass} {...rest}>\n {children}\n </div>\n );\n}\n\nexport interface PopoverMenuScrollProps {\n children: ReactNode;\n /* Maximum height of the scrollable region (coerces numbers to px). /\n maxHeight: string \| number;\n className?: string;\n}\n\n/* Scrollable region for long item lists; keeps a sibling title visible when used with `maxHeight`. /\nexport function PopoverMenuScroll({\n maxHeight,\n children,\n className = '',\n}: PopoverMenuScrollProps) {\n const maxH = typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight;\n return (\n <Scrollbar\n className={[styles['popover-menu__scroll'], className]\n .filter(Boolean)\n .join(' ')}\n style={{ maxHeight: maxH }}\n >\n {children}\n </Scrollbar>\n );\n}\n\nexport interface PopoverMenuTitleProps extends HTMLAttributes<HTMLParagraphElement> {\n children: ReactNode;\n}\n\n/* Optional heading above menu items; keep pinned outside a scrolling body when using `maxHeight` on `PopoverMenu`. /\nexport function PopoverMenuTitle({\n children,\n className = '',\n ...rest\n}: PopoverMenuTitleProps) {\n return (\n <p\n className={[styles['popover-menu__title'], className]\n .filter(Boolean)\n .join(' ')}\n {...rest}\n >\n {children}\n </p>\n );\n}\n\nexport interface PopoverMenuGroupProps extends HTMLAttributes<HTMLDivElement> {\n children: ReactNode;\n /* Accessible label when the group has no visible `PopoverMenuGroupTitle`. /\n 'aria-label'?: string;\n}\n\n/* Groups related menu items. /\nexport function PopoverMenuGroup({\n children,\n className = '',\n ...rest\n}: PopoverMenuGroupProps) {\n return (\n <div\n role=\"group\"\n className={[styles['popover-menu__group'], className]\n .filter(Boolean)\n .join(' ')}\n {...rest}\n >\n {children}\n </div>\n );\n}\n\nexport interface PopoverMenuGroupTitleProps extends HTMLAttributes<HTMLParagraphElement> {\n children: ReactNode;\n}\n\n/* Optional label for a `PopoverMenuGroup`. /\nexport function PopoverMenuGroupTitle({\n children,\n className = '',\n ...rest\n}: PopoverMenuGroupTitleProps) {\n return (\n <p\n className={[styles['popover-menu__group-title'], className]\n .filter(Boolean)\n .join(' ')}\n {...rest}\n >\n {children}\n </p>\n );\n}\n\nexport type PopoverMenuDividerProps = HTMLAttributes<HTMLDivElement>;\n\n/* Horizontal rule between groups or below a menu title. */\nexport function PopoverMenuDivider({\n className = '',\n ...rest\n}: PopoverMenuDividerProps) {\n return (\n <div\n className={[styles['popover-menu__divider'], className]\n .filter(Boolean)\n .join(' ')}\n role=\"separator\"\n {...rest}\n />\n );\n}\n"],"names":["PopoverMenu","variant","children","className","rest","rootClass","styles","PopoverMenuScroll","maxHeight","maxH","jsx","Scrollbar","PopoverMenuTitle","PopoverMenuGroup","PopoverMenuGroupTitle","PopoverMenuDivider"],"mappings":";;;AAgBA,SAAwBA,EAAY;AAAA,EAClC,SAAAC,IAAU;AAAA,EACV,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAAqB;AACnB,QAAMC,IAAY;AAAA,IAChBC,EAAO,cAAc;AAAA,IACrBL,MAAY,UACRK,EAAO,qBAAqB,IAC5BA,EAAO,sBAAsB;AAAA,IACjCH;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,2BACG,OAAA,EAAI,WAAWE,GAAY,GAAGD,GAC5B,UAAAF,GACH;AAEJ;AAUO,SAASK,EAAkB;AAAA,EAChC,WAAAC;AAAA,EACA,UAAAN;AAAA,EACA,WAAAC,IAAY;AACd,GAA2B;AACzB,QAAMM,IAAO,OAAOD,KAAc,WAAW,GAAGA,CAAS,OAAOA;AAChE,SACE,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAW,CAACL,EAAO,sBAAsB,GAAGH,CAAS,EAClD,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACX,OAAO,EAAE,WAAWM,EAAA;AAAA,MAEnB,UAAAP;AAAA,IAAA;AAAA,EAAA;AAGP;AAOO,SAASU,EAAiB;AAAA,EAC/B,UAAAV;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAA0B;AACxB,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,CAACJ,EAAO,qBAAqB,GAAGH,CAAS,EACjD,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP;AASO,SAASW,EAAiB;AAAA,EAC/B,UAAAX;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAA0B;AACxB,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAW,CAACJ,EAAO,qBAAqB,GAAGH,CAAS,EACjD,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP;AAOO,SAASY,EAAsB;AAAA,EACpC,UAAAZ;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAA+B;AAC7B,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,CAACJ,EAAO,2BAA2B,GAAGH,CAAS,EACvD,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACV,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP;AAKO,SAASa,EAAmB;AAAA,EACjC,WAAAZ,IAAY;AAAA,EACZ,GAAGC;AACL,GAA4B;AAC1B,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,CAACJ,EAAO,uBAAuB,GAAGH,CAAS,EACnD,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACX,MAAK;AAAA,MACJ,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/components/popover-notice/PopoverNotice.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PopoverNotice.cjs","sources":["../../../src/components/popover-notice/PopoverNotice.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport CloseIcon from '@mattermost/compass-icons/components/close';\nimport InformationOutlineIcon from '@mattermost/compass-icons/components/information-outline';\nimport CheckCircleOutlineIcon from '@mattermost/compass-icons/components/check-circle-outline';\nimport AlertCircleOutlineIcon from '@mattermost/compass-icons/components/alert-circle-outline';\nimport AlertOutlineIcon from '@mattermost/compass-icons/components/alert-outline';\nimport Button from '@/components/button/Button';\nimport Checkbox from '@/components/checkbox/Checkbox';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Icon from '@/components/icon/Icon';\nimport { IconSlotContext } from '@/components/icon/Icon';\nimport styles from './PopoverNotice.module.scss';\n\nexport type PopoverNoticeVariant = 'info' \| 'success' \| 'warning' \| 'danger';\n\nexport interface PopoverNoticeAction {\n label: ~~string~~;\n onClick?: () => void;\n emphasis?: 'primary' \| 'tertiary';\n}\n\nexport interface PopoverNoticeProps {\n /** Popover title ~~text~~. /\n title: ~~string~~;\n /* Body content. /\n children: ReactNode;\n /\n Semantic variant — sets the icon and its color automatically.\n * Ignored if `icon` is also provided.\n /\n variant?: PopoverNoticeVariant;\n /* Optional icon shown to the left of the title. Overrides the variant icon. Pass `<Icon glyph={<SomeIcon />} />` — PopoverNotice provides the correct size via context. /\n icon?: ReactNode;\n /* Action buttons rendered below the body. /\n actions?: PopoverNoticeAction[];\n /* When true, shows a \"Don't show this again\" checkbox. /\n showCheckbox?: boolean;\n /* Checkbox label override. /\n checkboxLabel?: string;\n /* Callback when close button is clicked. /\n onClose?: () => void;\n /* Optional CSS class name. /\n className?: string;\n}\n\nconst VARIANT_ICONS: Record<PopoverNoticeVariant, ReactNode> = {\n info: <Icon size=\"20\" glyph={<InformationOutlineIcon />} />,\n success: <Icon size=\"20\" glyph={<CheckCircleOutlineIcon />} />,\n warning: <Icon size=\"20\" glyph={<AlertCircleOutlineIcon />} />,\n danger: <Icon size=\"20\" glyph={<AlertOutlineIcon />} />,\n};\n\nconst VARIANT_ICON_CLASS: Record<PopoverNoticeVariant, string> = {\n info: styles['popover-notice__icon--info'],\n success: styles['popover-notice__icon--success'],\n warning: styles['popover-notice__icon--warning'],\n danger: styles['popover-notice__icon--danger'],\n};\n\n/\n Popover Notice is a small overlay card that surfaces a transient message — a tip, a\n * confirmation, a warning — without taking over the screen. Think of it as a [Section\n * Notice](/components/section-notice) that floats: shorter, dismissable, and gone in five\n * seconds unless the user engages.\n */\nexport default function PopoverNotice({\n title,\n children,\n variant,\n icon,\n actions,\n showCheckbox = false,\n checkboxLabel = \"Don't show this confirmation again\",\n onClose,\n className = '',\n}: PopoverNoticeProps) {\n const resolvedIcon = icon ?? (variant ? VARIANT_ICONS[variant] : null);\n const iconColorClass = !icon && variant ? VARIANT_ICON_CLASS[variant] : '';\n\n const rootClass = [\n styles['popover-notice'],\n resolvedIcon == null ? styles['popover-notice--no-icon'] : '',\n className,\n ]\n .filter(Boolean)\n .join(' ');\n\n return (\n <div className={rootClass}>\n <div className={styles['popover-notice__content']}>\n {resolvedIcon != null && (\n <div\n className={[styles['popover-notice__icon'], iconColorClass]\n .filter(Boolean)\n .join(' ')}\n aria-hidden\n >\n <IconSlotContext.Provider value={{ size: '20' }}>\n {resolvedIcon}\n </IconSlotContext.Provider>\n </div>\n )}\n\n <div className={styles['popover-notice__body']}>\n <div className={styles['popover-notice__title-row']}>\n <span className={styles['popover-notice__title']}>{title}</span>\n </div>\n\n <div className={styles['popover-notice__description']}>\n {children}\n </div>\n\n {actions && actions.length > 0 && (\n <div className={styles['popover-notice__actions']}>\n {actions.map((action, i) => (\n <Button\n key={i}\n emphasis={action.emphasis ?? 'primary'}\n size=\"small\"\n onClick={action.onClick}\n >\n {action.label}\n </Button>\n ))}\n </div>\n )}\n\n {showCheckbox && <Checkbox size=\"medium\">{checkboxLabel}</Checkbox>}\n </div>\n </div>\n\n {onClose && (\n <IconButton\n className={styles['popover-notice__close']}\n aria-label=\"Close\"\n size=\"small\"\n icon={<Icon size=\"16\" glyph={<CloseIcon />} />}\n onClick={onClose}\n />\n )}\n </div>\n );\n}\n"],"names":["VARIANT_ICONS","Icon","jsx","InformationOutlineIcon","CheckCircleOutlineIcon","AlertCircleOutlineIcon","AlertOutlineIcon","VARIANT_ICON_CLASS","styles","PopoverNotice","title","children","variant","icon","actions","showCheckbox","checkboxLabel","onClose","className","resolvedIcon","iconColorClass","rootClass","jsxs","IconSlotContext","action","i","Button","Checkbox","IconButton","CloseIcon"],"mappings":"~~0pBA6CMA~~,EAAyD,CAC7D,WAAOC,UAAA,CAAK,KAAK,KAAK,MAAOC,MAACC,IAAuB,EAAI,EACzD,cAAUF,UAAA,CAAK,KAAK,KAAK,MAAOC,MAACE,IAAuB,EAAI,EAC5D,cAAUH,UAAA,CAAK,KAAK,KAAK,MAAOC,MAACG,IAAuB,EAAI,EAC5D,aAASJ,EAAAA,QAAA,CAAK,KAAK,KAAK,MAAOC,EAAAA,IAACI,IAAiB,CAAA,CAAI,CACvD,EAEMC,EAA2D,CAC/D,KAAMC,EAAAA,QAAO,4BAA4B,EACzC,QAASA,EAAAA,QAAO,+BAA+B,EAC/C,QAASA,EAAAA,QAAO,+BAA+B,EAC/C,OAAQA,EAAAA,QAAO,8BAA8B,CAC/C,EAQA,SAAwBC,EAAc,CACpC,MAAAC,EACA,SAAAC,EACA,QAAAC,EACA,KAAAC,EACA,QAAAC,EACA,aAAAC,EAAe,GACf,cAAAC,EAAgB,qCAChB,QAAAC,EACA,UAAAC,EAAY,EACd,EAAuB,CACrB,MAAMC,EAAeN,IAASD,EAAUZ,EAAcY,CAAO,EAAI,MAC3DQ,EAAiB,CAACP,GAAQD,EAAUL,EAAmBK,CAAO,EAAI,GAElES,EAAY,CAChBb,EAAAA,QAAO,gBAAgB,EACvBW,GAAgB,KAAOX,UAAO,yBAAyB,EAAI,GAC3DU,CAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEI,EAAAA,KAAC,MAAA,CAAI,UAAWD,EACd,SAAA,CAAAC,EAAAA,KAAC,MAAA,CAAI,UAAWd,EAAAA,QAAO,yBAAyB,EAC7C,SAAA,CAAAW,GAAgB,MACfjB,EAAAA,IAAC,MAAA,CACC,UAAW,CAACM,UAAO,sBAAsB,EAAGY,CAAc,EACvD,OAAO,OAAO,EACd,KAAK,GAAG,EACX,cAAW,GAEX,SAAAlB,EAAAA,IAACqB,kBAAgB,SAAhB,CAAyB,MAAO,CAAE,KAAM,IAAA,EACtC,SAAAJ,CAAA,CACH,CAAA,CAAA,EAIJG,EAAAA,KAAC,MAAA,CAAI,UAAWd,EAAAA,QAAO,sBAAsB,EAC3C,SAAA,CAAAN,EAAAA,IAAC,MAAA,CAAI,UAAWM,EAAAA,QAAO,2BAA2B,EAChD,SAAAN,EAAAA,IAAC,OAAA,CAAK,UAAWM,EAAAA,QAAO,uBAAuB,EAAI,SAAAE,CAAA,CAAM,EAC3D,QAEC,MAAA,CAAI,UAAWF,EAAAA,QAAO,6BAA6B,EACjD,SAAAG,EACH,EAECG,GAAWA,EAAQ,OAAS,SAC1B,MAAA,CAAI,UAAWN,EAAAA,QAAO,yBAAyB,EAC7C,SAAAM,EAAQ,IAAI,CAACU,EAAQC,IACpBvB,EAAAA,IAACwB,EAAAA,QAAA,CAEC,SAAUF,EAAO,UAAY,UAC7B,KAAK,QACL,QAASA,EAAO,QAEf,SAAAA,EAAO,KAAA,EALHC,CAAA,CAOR,EACH,EAGDV,GAAgBb,EAAAA,IAACyB,UAAA,CAAS,KAAK,SAAU,SAAAX,CAAA,CAAc,CAAA,CAAA,CAC1D,CAAA,EACF,EAECC,GACCf,EAAAA,IAAC0B,EAAAA,QAAA,CACC,UAAWpB,EAAAA,QAAO,uBAAuB,EACzC,aAAW,QACX,KAAK,QACL,WAAOP,UAAA,CAAK,KAAK,KAAK,MAAOC,MAAC2B,IAAU,EAAI,EAC5C,QAASZ,CAAA,CAAA,CACX,EAEJ,CAEJ"}
1	+ {"version":3,"file":"PopoverNotice.cjs","sources":["../../../src/components/popover-notice/PopoverNotice.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport CloseIcon from '@mattermost/compass-icons/components/close';\nimport InformationOutlineIcon from '@mattermost/compass-icons/components/information-outline';\nimport CheckCircleOutlineIcon from '@mattermost/compass-icons/components/check-circle-outline';\nimport AlertCircleOutlineIcon from '@mattermost/compass-icons/components/alert-circle-outline';\nimport AlertOutlineIcon from '@mattermost/compass-icons/components/alert-outline';\nimport Button from '@/components/button/Button';\nimport Checkbox from '@/components/checkbox/Checkbox';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Icon from '@/components/icon/Icon';\nimport { IconSlotContext } from '@/components/icon/Icon';\nimport styles from './PopoverNotice.module.scss';\n\nexport type PopoverNoticeVariant = 'info' \| 'success' \| 'warning' \| 'danger';\n\nexport interface PopoverNoticeAction {\n /** Button label. Accepts translated nodes (e.g. `<FormattedMessage/>`). /\n label: ReactNode;\n onClick?: () => void;\n emphasis?: 'primary' \| 'tertiary';\n}\n\nexport interface PopoverNoticeProps {\n /* Popover title. Accepts translated nodes (e.g. `<FormattedMessage/>`). /\n title: ReactNode;\n /* Body content. /\n children: ReactNode;\n /\n Semantic variant — sets the icon and its color automatically.\n * Ignored if `icon` is also provided.\n /\n variant?: PopoverNoticeVariant;\n /* Optional icon shown to the left of the title. Overrides the variant icon. Pass `<Icon glyph={<SomeIcon />} />` — PopoverNotice provides the correct size via context. /\n icon?: ReactNode;\n /* Action buttons rendered below the body. /\n actions?: PopoverNoticeAction[];\n /* When true, shows a \"Don't show this again\" checkbox. /\n showCheckbox?: boolean;\n /* Checkbox label override. /\n checkboxLabel?: string;\n /* Callback when close button is clicked. /\n onClose?: () => void;\n /* Optional CSS class name. /\n className?: string;\n}\n\nconst VARIANT_ICONS: Record<PopoverNoticeVariant, ReactNode> = {\n info: <Icon size=\"20\" glyph={<InformationOutlineIcon />} />,\n success: <Icon size=\"20\" glyph={<CheckCircleOutlineIcon />} />,\n warning: <Icon size=\"20\" glyph={<AlertCircleOutlineIcon />} />,\n danger: <Icon size=\"20\" glyph={<AlertOutlineIcon />} />,\n};\n\nconst VARIANT_ICON_CLASS: Record<PopoverNoticeVariant, string> = {\n info: styles['popover-notice__icon--info'],\n success: styles['popover-notice__icon--success'],\n warning: styles['popover-notice__icon--warning'],\n danger: styles['popover-notice__icon--danger'],\n};\n\n/\n Popover Notice is a small overlay card that surfaces a transient message — a tip, a\n * confirmation, a warning — without taking over the screen. Think of it as a [Section\n * Notice](/components/section-notice) that floats: shorter, dismissable, and gone in five\n * seconds unless the user engages.\n */\nexport default function PopoverNotice({\n title,\n children,\n variant,\n icon,\n actions,\n showCheckbox = false,\n checkboxLabel = \"Don't show this confirmation again\",\n onClose,\n className = '',\n}: PopoverNoticeProps) {\n const resolvedIcon = icon ?? (variant ? VARIANT_ICONS[variant] : null);\n const iconColorClass = !icon && variant ? VARIANT_ICON_CLASS[variant] : '';\n\n const rootClass = [\n styles['popover-notice'],\n resolvedIcon == null ? styles['popover-notice--no-icon'] : '',\n className,\n ]\n .filter(Boolean)\n .join(' ');\n\n return (\n <div className={rootClass}>\n <div className={styles['popover-notice__content']}>\n {resolvedIcon != null && (\n <div\n className={[styles['popover-notice__icon'], iconColorClass]\n .filter(Boolean)\n .join(' ')}\n aria-hidden\n >\n <IconSlotContext.Provider value={{ size: '20' }}>\n {resolvedIcon}\n </IconSlotContext.Provider>\n </div>\n )}\n\n <div className={styles['popover-notice__body']}>\n <div className={styles['popover-notice__title-row']}>\n <span className={styles['popover-notice__title']}>{title}</span>\n </div>\n\n <div className={styles['popover-notice__description']}>\n {children}\n </div>\n\n {actions && actions.length > 0 && (\n <div className={styles['popover-notice__actions']}>\n {actions.map((action, i) => (\n <Button\n key={i}\n emphasis={action.emphasis ?? 'primary'}\n size=\"small\"\n onClick={action.onClick}\n >\n {action.label}\n </Button>\n ))}\n </div>\n )}\n\n {showCheckbox && <Checkbox size=\"medium\">{checkboxLabel}</Checkbox>}\n </div>\n </div>\n\n {onClose && (\n <IconButton\n className={styles['popover-notice__close']}\n aria-label=\"Close\"\n size=\"small\"\n icon={<Icon size=\"16\" glyph={<CloseIcon />} />}\n onClick={onClose}\n />\n )}\n </div>\n );\n}\n"],"names":["VARIANT_ICONS","Icon","jsx","InformationOutlineIcon","CheckCircleOutlineIcon","AlertCircleOutlineIcon","AlertOutlineIcon","VARIANT_ICON_CLASS","styles","PopoverNotice","title","children","variant","icon","actions","showCheckbox","checkboxLabel","onClose","className","resolvedIcon","iconColorClass","rootClass","jsxs","IconSlotContext","action","i","Button","Checkbox","IconButton","CloseIcon"],"mappings":"0pBA8CMA,EAAyD,CAC7D,WAAOC,UAAA,CAAK,KAAK,KAAK,MAAOC,MAACC,IAAuB,EAAI,EACzD,cAAUF,UAAA,CAAK,KAAK,KAAK,MAAOC,MAACE,IAAuB,EAAI,EAC5D,cAAUH,UAAA,CAAK,KAAK,KAAK,MAAOC,MAACG,IAAuB,EAAI,EAC5D,aAASJ,EAAAA,QAAA,CAAK,KAAK,KAAK,MAAOC,EAAAA,IAACI,IAAiB,CAAA,CAAI,CACvD,EAEMC,EAA2D,CAC/D,KAAMC,EAAAA,QAAO,4BAA4B,EACzC,QAASA,EAAAA,QAAO,+BAA+B,EAC/C,QAASA,EAAAA,QAAO,+BAA+B,EAC/C,OAAQA,EAAAA,QAAO,8BAA8B,CAC/C,EAQA,SAAwBC,EAAc,CACpC,MAAAC,EACA,SAAAC,EACA,QAAAC,EACA,KAAAC,EACA,QAAAC,EACA,aAAAC,EAAe,GACf,cAAAC,EAAgB,qCAChB,QAAAC,EACA,UAAAC,EAAY,EACd,EAAuB,CACrB,MAAMC,EAAeN,IAASD,EAAUZ,EAAcY,CAAO,EAAI,MAC3DQ,EAAiB,CAACP,GAAQD,EAAUL,EAAmBK,CAAO,EAAI,GAElES,EAAY,CAChBb,EAAAA,QAAO,gBAAgB,EACvBW,GAAgB,KAAOX,UAAO,yBAAyB,EAAI,GAC3DU,CAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEI,EAAAA,KAAC,MAAA,CAAI,UAAWD,EACd,SAAA,CAAAC,EAAAA,KAAC,MAAA,CAAI,UAAWd,EAAAA,QAAO,yBAAyB,EAC7C,SAAA,CAAAW,GAAgB,MACfjB,EAAAA,IAAC,MAAA,CACC,UAAW,CAACM,UAAO,sBAAsB,EAAGY,CAAc,EACvD,OAAO,OAAO,EACd,KAAK,GAAG,EACX,cAAW,GAEX,SAAAlB,EAAAA,IAACqB,kBAAgB,SAAhB,CAAyB,MAAO,CAAE,KAAM,IAAA,EACtC,SAAAJ,CAAA,CACH,CAAA,CAAA,EAIJG,EAAAA,KAAC,MAAA,CAAI,UAAWd,EAAAA,QAAO,sBAAsB,EAC3C,SAAA,CAAAN,EAAAA,IAAC,MAAA,CAAI,UAAWM,EAAAA,QAAO,2BAA2B,EAChD,SAAAN,EAAAA,IAAC,OAAA,CAAK,UAAWM,EAAAA,QAAO,uBAAuB,EAAI,SAAAE,CAAA,CAAM,EAC3D,QAEC,MAAA,CAAI,UAAWF,EAAAA,QAAO,6BAA6B,EACjD,SAAAG,EACH,EAECG,GAAWA,EAAQ,OAAS,SAC1B,MAAA,CAAI,UAAWN,EAAAA,QAAO,yBAAyB,EAC7C,SAAAM,EAAQ,IAAI,CAACU,EAAQC,IACpBvB,EAAAA,IAACwB,EAAAA,QAAA,CAEC,SAAUF,EAAO,UAAY,UAC7B,KAAK,QACL,QAASA,EAAO,QAEf,SAAAA,EAAO,KAAA,EALHC,CAAA,CAOR,EACH,EAGDV,GAAgBb,EAAAA,IAACyB,UAAA,CAAS,KAAK,SAAU,SAAAX,CAAA,CAAc,CAAA,CAAA,CAC1D,CAAA,EACF,EAECC,GACCf,EAAAA,IAAC0B,EAAAA,QAAA,CACC,UAAWpB,EAAAA,QAAO,uBAAuB,EACzC,aAAW,QACX,KAAK,QACL,WAAOP,UAAA,CAAK,KAAK,KAAK,MAAOC,MAAC2B,IAAU,EAAI,EAC5C,QAASZ,CAAA,CAAA,CACX,EAEJ,CAEJ"}

package/dist/components/popover-notice/PopoverNotice.d.ts CHANGED Viewed

@@ -1,13 +1,14 @@
 import { ReactNode } from 'react';
 export type PopoverNoticeVariant = 'info' | 'success' | 'warning' | 'danger';
 export interface PopoverNoticeAction {
-    label: string;
+    /** Button label. Accepts translated nodes (e.g. `<FormattedMessage/>`). */
+    label: ReactNode;
     onClick?: () => void;
     emphasis?: 'primary' | 'tertiary';
 }
 export interface PopoverNoticeProps {
-    /** Popover title text. */
-    title: string;
+    /** Popover title. Accepts translated nodes (e.g. `<FormattedMessage/>`). */
+    title: ReactNode;
     /** Body content. */
     children: ReactNode;
     /**

package/dist/components/popover-notice/PopoverNotice.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PopoverNotice.d.ts","sourceRoot":"","sources":["../../../src/components/popover-notice/PopoverNotice.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAavC,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE7E,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,~~MAAM~~,CAAC;~~IACd~~,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;CACnC;AAED,MAAM,WAAW,kBAAkB;IACjC,~~0BAA0B~~;~~IAC1B~~,KAAK,EAAE,~~MAAM~~,CAAC;~~IACd~~,oBAAoB;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,4KAA4K;IAC5K,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAChC,2DAA2D;IAC3D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,+BAA+B;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAgBD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,KAAK,EACL,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,OAAO,EACP,YAAoB,EACpB,aAAoD,EACpD,OAAO,EACP,SAAc,GACf,EAAE,kBAAkB,2CAmEpB"}
1	+ {"version":3,"file":"PopoverNotice.d.ts","sourceRoot":"","sources":["../../../src/components/popover-notice/PopoverNotice.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAavC,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE7E,MAAM,WAAW,mBAAmB;IAClC,2EAA2E;IAC3E,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;CACnC;AAED,MAAM,WAAW,kBAAkB;IACjC,4EAA4E;IAC5E,KAAK,EAAE,SAAS,CAAC;IACjB,oBAAoB;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,4KAA4K;IAC5K,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAChC,2DAA2D;IAC3D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,+BAA+B;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAgBD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,KAAK,EACL,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,OAAO,EACP,YAAoB,EACpB,aAAoD,EACpD,OAAO,EACP,SAAc,GACf,EAAE,kBAAkB,2CAmEpB"}