npm - @mattermost/compass-ui - Versions diffs - 0.1.0-alpha.1 → 0.1.0-alpha.3 - Mend

@mattermost/compass-ui 0.1.0-alpha.1 → 0.1.0-alpha.3

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 (1623) hide show

package/dist/components/message-input/MessageInput.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MessageInput.js","sources":["../../../src/components/message-input/MessageInput.tsx"],"sourcesContent":["import { useEffect, useState, useRef, useCallback } from 'react';\nimport AlertCircleOutlineIcon from '@mattermost/compass-icons/components/alert-circle-outline';\nimport ChevronDownIcon from '@mattermost/compass-icons/components/chevron-down';\nimport ChevronUpIcon from '@mattermost/compass-icons/components/chevron-up';\nimport DotsHorizontalIcon from '@mattermost/compass-icons/components/dots-horizontal';\nimport CodeTagsIcon from '@mattermost/compass-icons/components/code-tags';\nimport CreationOutlineIcon from '@mattermost/compass-icons/components/creation-outline';\nimport EmoticonHappyOutlineIcon from '@mattermost/compass-icons/components/emoticon-happy-outline';\nimport EyeOutlineIcon from '@mattermost/compass-icons/components/eye-outline';\nimport FireIcon from '@mattermost/compass-icons/components/fire';\nimport FormatBoldIcon from '@mattermost/compass-icons/components/format-bold';\nimport FormatHeaderIcon from '@mattermost/compass-icons/components/format-header';\nimport FormatItalicIcon from '@mattermost/compass-icons/components/format-italic';\nimport FormatLetterCaseIcon from '@mattermost/compass-icons/components/format-letter-case';\nimport FormatListBulletedIcon from '@mattermost/compass-icons/components/format-list-bulleted';\nimport FormatListNumberedIcon from '@mattermost/compass-icons/components/format-list-numbered';\nimport FormatQuoteOpenIcon from '@mattermost/compass-icons/components/format-quote-open';\nimport FormatStrikethroughVariantIcon from '@mattermost/compass-icons/components/format-strikethrough-variant';\nimport LinkVariantIcon from '@mattermost/compass-icons/components/link-variant';\nimport PaperclipIcon from '@mattermost/compass-icons/components/paperclip';\nimport SendIcon from '@mattermost/compass-icons/components/send';\nimport Icon from '@/components/icon/Icon';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Tag from '@/components/tag/Tag';\nimport AttachmentCard from '@/components/attachment-card/AttachmentCard';\nimport styles from './MessageInput.module.scss';\n\nexport type MessageInputWidth = 'wide' | 'narrow';\n\nexport interface MessageInputProps {\n className?: string;\n placeholder?: string;\n showPriorityIndicator?: boolean;\n showAttachments?: boolean;\n value?: string;\n onChange?: (value: string) => void;\n onSelectionChange?: () => void;\n inputRef?: React.RefObject<HTMLTextAreaElement | null>;\n /** `narrow` matches the Figma Message Input “Narrow” / right-sidebar layout. */\n width?: MessageInputWidth;\n}\n\nexport default function MessageInput({\n className = '',\n placeholder = 'Message channel…',\n showPriorityIndicator = false,\n showAttachments = false,\n value,\n onChange,\n onSelectionChange,\n inputRef,\n width = 'wide',\n}: MessageInputProps) {\n const [internalText, setInternalText] = useState('');\n const isControlled = value !== undefined;\n const text = isControlled ? value : internalText;\n const setText = (next: string) => {\n if (isControlled) onChange?.(next);\n else setInternalText(next);\n };\n const [formattingOpen, setFormattingOpen] = useState(false);\n const internalRef = useRef<HTMLTextAreaElement>(null);\n\n const setTextareaRef = (node: HTMLTextAreaElement | null) => {\n internalRef.current = node;\n if (inputRef) {\n (inputRef as React.MutableRefObject<HTMLTextAreaElement | null>).current = node;\n }\n };\n\n const handleInput = useCallback(() => {\n const el = internalRef.current;\n if (!el) return;\n el.style.height = 'auto';\n el.style.height = `${el.scrollHeight}px`;\n }, []);\n\n useEffect(() => {\n handleInput();\n }, [text, handleInput]);\n\n const hasSendValue = text.trim().length > 0;\n\n const cls = (base: string, mod?: string) =>\n [styles[base], mod ? styles[mod] : ''].filter(Boolean).join(' ');\n\n const isNarrowFormattingOpen = width === 'narrow' && formattingOpen;\n const showWideFormattingBar = formattingOpen && width === 'wide';\n\n const composerActions = (\n <>\n <button\n type=\"button\"\n className={cls(\n 'message-input__format-btn',\n formattingOpen ? 'message-input__format-btn--active' : '',\n )}\n aria-label={\n formattingOpen\n ? 'Hide formatting toolbar'\n : 'Show formatting toolbar'\n }\n aria-pressed={formattingOpen}\n onClick={() => setFormattingOpen((prev) => !prev)}\n >\n <Icon glyph={<FormatLetterCaseIcon />} size=\"16\" />\n {isNarrowFormattingOpen ? (\n <span className={styles['message-input__format-chevron']}>\n <Icon glyph={<ChevronUpIcon />} size=\"12\" />\n </span>\n ) : (\n <span\n className={cls(\n 'message-input__format-chevron',\n formattingOpen ? 'message-input__format-chevron--rotated' : '',\n )}\n >\n <Icon glyph={<ChevronDownIcon />} size=\"12\" />\n </span>\n )}\n </button>\n\n <span\n className={styles['message-input__actions-divider']}\n aria-hidden\n />\n\n <IconButton\n icon={<Icon glyph={<PaperclipIcon />} size=\"16\" />}\n size=\"small\"\n aria-label=\"Attach a file\"\n />\n <IconButton\n icon={<Icon glyph={<EmoticonHappyOutlineIcon />} size=\"16\" />}\n size=\"small\"\n aria-label=\"Add an emoji\"\n />\n\n <div\n className={cls(\n 'message-input__send',\n !hasSendValue ? 'message-input__send--disabled' : '',\n )}\n >\n <button\n type=\"button\"\n className={styles['message-input__send-main']}\n aria-label=\"Send message\"\n disabled={!hasSendValue}\n >\n <Icon glyph={<SendIcon />} size=\"16\" />\n </button>\n <button\n type=\"button\"\n className={styles['message-input__send-dropdown']}\n aria-label=\"Send options\"\n disabled={!hasSendValue}\n >\n <Icon glyph={<ChevronDownIcon />} size=\"16\" />\n </button>\n </div>\n </>\n );\n\n const rootClass = [\n styles['message-input'],\n width === 'narrow' ? styles['message-input--width-narrow'] : '',\n className,\n ]\n .filter(Boolean)\n .join(' ');\n\n return (\n <div className={rootClass}>\n <div\n className={cls(\n 'message-input__container',\n formattingOpen ? 'message-input__container--formatting-open' : '',\n )}\n >\n {/* Preview button — fades in when formatting is open */}\n <button\n type=\"button\"\n className={cls(\n 'message-input__preview-btn',\n formattingOpen ? 'message-input__preview-btn--visible' : '',\n )}\n aria-label=\"Preview\"\n tabIndex={formattingOpen ? 0 : -1}\n >\n <Icon glyph={<EyeOutlineIcon />} size=\"16\" />\n </button>\n\n {/* Main text area */}\n <div\n className={cls(\n 'message-input__body',\n formattingOpen ? 'message-input__body--formatting-open' : '',\n )}\n >\n {showPriorityIndicator && (\n <div className={styles['message-input__priority-row']}>\n <Tag\n label=\"IMPORTANT\"\n type=\"info\"\n size=\"x-small\"\n casing=\"all-caps\"\n leadingIcon={\n <Icon glyph={<AlertCircleOutlineIcon />} size=\"10\" />\n }\n />\n </div>\n )}\n <textarea\n ref={setTextareaRef}\n className={styles['message-input__textarea']}\n placeholder={placeholder}\n value={text}\n onChange={(e) => setText(e.target.value)}\n onInput={handleInput}\n onSelect={onSelectionChange}\n onKeyUp={onSelectionChange}\n onClick={onSelectionChange}\n rows={1}\n />\n </div>\n\n {/* Attachment cards */}\n {showAttachments && (\n <div className={styles['message-input__attachments']}>\n <div className={styles['message-input__attachments-list']}>\n <AttachmentCard\n fileName=\"Design_Brief.pdf\"\n fileMeta=\"PDF 240KB\"\n fileType=\"pdf\"\n state=\"default\"\n onRemove={() => {}}\n />\n <AttachmentCard\n fileName=\"Wireframes_v3.png\"\n fileMeta=\"PNG 1.2MB\"\n fileType=\"image-icon\"\n state=\"default\"\n onRemove={() => {}}\n />\n </div>\n </div>\n )}\n\n {/* Formatting toolbar — full bar (wide only); narrow uses collapsed strip in footer */}\n <div\n className={cls(\n 'message-input__formatting-bar',\n showWideFormattingBar ? 'message-input__formatting-bar--open' : '',\n )}\n aria-hidden={!showWideFormattingBar}\n >\n <div className={styles['message-input__toolbar-controls']}>\n {/* Style */}\n <div className={styles['message-input__toolbar-group']}>\n <IconButton\n icon={<Icon glyph={<FormatBoldIcon />} size=\"16\" />}\n size=\"small\"\n aria-label=\"Bold\"\n />\n <IconButton\n icon={<Icon glyph={<FormatItalicIcon />} size=\"16\" />}\n size=\"small\"\n aria-label=\"Italic\"\n />\n <IconButton\n icon={\n <Icon glyph={<FormatStrikethroughVariantIcon />} size=\"16\" />\n }\n size=\"small\"\n aria-label=\"Strikethrough\"\n />\n <IconButton\n icon={<Icon glyph={<FormatHeaderIcon />} size=\"16\" />}\n size=\"small\"\n aria-label=\"Heading\"\n />\n </div>\n\n <span\n className={styles['message-input__toolbar-divider']}\n aria-hidden\n />\n\n {/* Links + Code */}\n <div className={styles['message-input__toolbar-group']}>\n <IconButton\n icon={<Icon glyph={<LinkVariantIcon />} size=\"16\" />}\n size=\"small\"\n aria-label=\"Add link\"\n />\n <IconButton\n icon={<Icon glyph={<CodeTagsIcon />} size=\"16\" />}\n size=\"small\"\n aria-label=\"Code\"\n />\n </div>\n\n <span\n className={styles['message-input__toolbar-divider']}\n aria-hidden\n />\n\n {/* Paragraph */}\n <div className={styles['message-input__toolbar-group']}>\n <IconButton\n icon={<Icon glyph={<FormatQuoteOpenIcon />} size=\"16\" />}\n size=\"small\"\n aria-label=\"Quote\"\n />\n <IconButton\n icon={<Icon glyph={<FormatListBulletedIcon />} size=\"16\" />}\n size=\"small\"\n aria-label=\"Bulleted list\"\n />\n <IconButton\n icon={<Icon glyph={<FormatListNumberedIcon />} size=\"16\" />}\n size=\"small\"\n aria-label=\"Numbered list\"\n />\n </div>\n\n <span\n className={styles['message-input__toolbar-divider']}\n aria-hidden\n />\n\n {/* Tools */}\n <div className={styles['message-input__toolbar-group']}>\n <IconButton\n icon={<Icon glyph={<AlertCircleOutlineIcon />} size=\"16\" />}\n size=\"small\"\n aria-label=\"Message priority\"\n />\n <IconButton\n icon={<Icon glyph={<FireIcon />} size=\"16\" />}\n size=\"small\"\n aria-label=\"Burn on read\"\n />\n <IconButton\n icon={<Icon glyph={<CreationOutlineIcon />} size=\"16\" />}\n size=\"small\"\n aria-label=\"AI assistance\"\n />\n </div>\n </div>\n </div>\n\n {width === 'narrow' ? (\n <div className={styles['message-input__narrow-chrome']}>\n <div className={styles['message-input__narrow-chrome-left']}>\n {formattingOpen && (\n <div className={styles['message-input__formatting-collapsed']}>\n <IconButton\n icon={<Icon glyph={<FormatBoldIcon />} size=\"16\" />}\n size=\"small\"\n aria-label=\"Bold\"\n />\n <IconButton\n icon={<Icon glyph={<FormatItalicIcon />} size=\"16\" />}\n size=\"small\"\n aria-label=\"Italic\"\n />\n <IconButton\n icon={<Icon glyph={<LinkVariantIcon />} size=\"16\" />}\n size=\"small\"\n aria-label=\"Add link\"\n />\n <IconButton\n icon={<Icon glyph={<DotsHorizontalIcon />} size=\"16\" />}\n size=\"small\"\n aria-label=\"More formatting options\"\n />\n </div>\n )}\n </div>\n <div\n className={[\n styles['message-input__actions'],\n styles['message-input__actions--narrow-chrome'],\n ].join(' ')}\n >\n {composerActions}\n </div>\n </div>\n ) : (\n <div className={styles['message-input__actions']}>{composerActions}</div>\n )}\n </div>\n </div>\n );\n}\n"],"names":["MessageInput","className","placeholder","showPriorityIndicator","showAttachments","value","onChange","onSelectionChange","inputRef","width","internalText","setInternalText","useState","isControlled","text","setText","next","formattingOpen","setFormattingOpen","internalRef","useRef","setTextareaRef","node","handleInput","useCallback","el","useEffect","hasSendValue","cls","base","mod","styles","isNarrowFormattingOpen","showWideFormattingBar","composerActions","jsxs","Fragment","prev","jsx","Icon","FormatLetterCaseIcon","ChevronUpIcon","ChevronDownIcon","IconButton","PaperclipIcon","EmoticonHappyOutlineIcon","SendIcon","rootClass","EyeOutlineIcon","Tag","AlertCircleOutlineIcon","e","AttachmentCard","FormatBoldIcon","FormatItalicIcon","FormatStrikethroughVariantIcon","FormatHeaderIcon","LinkVariantIcon","CodeTagsIcon","FormatQuoteOpenIcon","FormatListBulletedIcon","FormatListNumberedIcon","FireIcon","CreationOutlineIcon","DotsHorizontalIcon"],"mappings":"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"}

package/dist/components/message-input/MessageInput.module.css ADDED Viewed

@@ -0,0 +1 @@

+ ._message-input_qwke8_2{box-sizing:border-box;width:100%;max-width:100%;min-width:0;background-color:var(--center-channel-bg)}._message-input__container_qwke8_9{position:relative;min-width:0;background-color:var(--center-channel-bg);border:2px solid rgba(var(--center-channel-color-rgb),.16);border-radius:var(--radius-s);display:flex;flex-direction:column;padding-bottom:0;transition:padding-bottom var(--duration-moderate) var(--ease-transition)}._message-input__container--formatting-open_qwke8_20{padding-bottom:var(--spacing-xxxxxl)}._message-input__preview-btn_qwke8_23{position:absolute;top:var(--spacing-xxs);right:var(--spacing-xxs);display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs);border-radius:var(--radius-s);border:none;background:none;cursor:pointer;color:rgba(var(--center-channel-color-rgb),.64);opacity:0;pointer-events:none;transition:opacity var(--duration-quick) var(--ease-entrance)}._message-input__preview-btn--visible_qwke8_40{opacity:1;pointer-events:auto}._message-input__preview-btn_qwke8_23:hover{background-color:rgba(var(--center-channel-color-rgb),.08);color:var(--center-channel-color)}._message-input__body_qwke8_48{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:14px 188px 14px var(--spacing-l);transition:padding-right var(--duration-quick) var(--ease-transition)}._message-input__body--formatting-open_qwke8_56{padding-right:var(--spacing-xxxxxl)}._message-input__priority-row_qwke8_59{padding-bottom:var(--spacing-xs)}._message-input__textarea_qwke8_62{display:block;width:100%;resize:none;overflow:hidden;min-height:20px;line-height:var(--line-height-100);font-size:var(--font-size-100);font-family:var(--font-family-body);color:var(--center-channel-color);background:transparent;border:none;outline:none;padding:0}._message-input__textarea_qwke8_62::placeholder{color:rgba(var(--center-channel-color-rgb),.64)}._message-input__attachments_qwke8_80{min-width:0;overflow:hidden;padding:var(--spacing-xxxs) var(--spacing-xxxs) var(--spacing-l)}._message-input__attachments-list_qwke8_85{min-width:0;display:flex;align-items:flex-start;gap:var(--spacing-xs);padding:0 var(--spacing-l);overflow-x:auto}._message-input__attachments-list_qwke8_85::-webkit-scrollbar{display:none}._message-input__formatting-bar_qwke8_96{position:absolute;bottom:0;left:0;right:0;height:0;overflow:hidden;display:flex;align-items:center;background-color:var(--center-channel-bg);border-radius:0 0 4px 4px;padding:0 var(--spacing-xs);opacity:0;z-index:0;transition:height var(--duration-quick) var(--ease-transition),opacity var(--duration-quick) var(--ease-entrance)}._message-input__formatting-bar--open_qwke8_112{height:var(--spacing-xxxxxl);opacity:1}._message-input__narrow-chrome_qwke8_116{position:absolute;bottom:0;left:0;right:0;z-index:1;box-sizing:border-box;height:var(--spacing-xxxxxl);padding:0 var(--spacing-xs);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:var(--spacing-xs);background-color:var(--center-channel-bg);border-radius:0 0 var(--radius-s) var(--radius-s)}._message-input__narrow-chrome-left_qwke8_132{min-width:0;display:flex;align-items:center;justify-content:flex-start}._message-input__formatting-collapsed_qwke8_138{display:flex;align-items:center;gap:var(--spacing-xxxs);min-width:0;overflow-x:auto}._message-input__formatting-collapsed_qwke8_138::-webkit-scrollbar{display:none}._message-input__toolbar-controls_qwke8_148{display:flex;align-items:center;gap:var(--spacing-xxxs);flex:1;min-width:0;overflow:hidden}._message-input__toolbar-group_qwke8_156{display:flex;align-items:center;gap:var(--spacing-xxxs);flex-shrink:0}._message-input__toolbar-divider_qwke8_162{display:block;width:1px;height:var(--spacing-xxl);background-color:rgba(var(--center-channel-color-rgb),.16);flex-shrink:0;align-self:center}._message-input__actions_qwke8_170{position:absolute;bottom:0;right:0;display:flex;align-items:center;gap:var(--spacing-xxxs);padding:var(--spacing-xs);background-color:var(--center-channel-bg);border-radius:0 0 4px}._message-input__actions--narrow-chrome_qwke8_181{position:static;padding:0;background:transparent;border-radius:0;flex-shrink:0;justify-self:end}._message-input__actions-divider_qwke8_189{display:block;width:1px;height:var(--spacing-xxl);background-color:rgba(var(--center-channel-color-rgb),.16);flex-shrink:0;align-self:center}._message-input__format-btn_qwke8_197{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-xxs) var(--spacing-xs) var(--spacing-xs);border-radius:var(--radius-s);border:none;background:none;cursor:pointer;color:rgba(var(--center-channel-color-rgb),.64);gap:0;flex-shrink:0}._message-input__format-btn_qwke8_197:hover{background-color:rgba(var(--center-channel-color-rgb),.08);color:var(--center-channel-color)}._message-input__format-btn--active_qwke8_213{color:var(--button-bg)}._message-input__format-btn--active_qwke8_213:hover{background-color:rgba(var(--button-bg-rgb),.08);color:var(--button-bg)}._message-input__format-chevron_qwke8_220{display:flex;align-items:center;transition:transform var(--duration-quick) var(--ease-transition)}._message-input__format-chevron--rotated_qwke8_225{transform:rotate(180deg)}._message-input__send_qwke8_228{display:flex;align-items:stretch;border-radius:var(--radius-s);overflow:hidden;background-color:var(--button-bg);flex-shrink:0}._message-input__send--disabled_qwke8_236{background-color:rgba(var(--center-channel-color-rgb),.08)}._message-input__send--disabled_qwke8_236 ._message-input__send-main_qwke8_239,._message-input__send--disabled_qwke8_236 ._message-input__send-dropdown_qwke8_240{color:rgba(var(--center-channel-color-rgb),.36);cursor:not-allowed}._message-input__send--disabled_qwke8_236 ._message-input__send-main_qwke8_239{border-right-color:rgba(var(--center-channel-color-rgb),.12)}._message-input__send-main_qwke8_239{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs) 7px var(--spacing-xs) 9px;border:none;border-right:1px solid rgba(var(--color-neutral-0-rgb),.12);background:none;cursor:pointer;color:var(--button-color, var(--color-neutral-0))}._message-input__send-dropdown_qwke8_240{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs) var(--spacing-xxxs);border:none;background:none;cursor:pointer;color:var(--button-color, var(--color-neutral-0))}._message-input--width-narrow_qwke8_268{width:100%}._message-input--width-narrow_qwke8_268 ._message-input__container_qwke8_9{padding-bottom:calc(var(--spacing-xxxxxl) - var(--spacing-xxs))}._message-input--width-narrow_qwke8_268 ._message-input__body_qwke8_48{padding:14px var(--spacing-l)}._message-input--width-narrow_qwke8_268 ._message-input__body_qwke8_48._message-input__body--formatting-open_qwke8_56{padding-right:var(--spacing-l)}

package/dist/components/message-input/MessageInput.module.scss.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./MessageInput.module.css');const e={"message-input":"_message-input_qwke8_2","message-input__container":"_message-input__container_qwke8_9","message-input__container--formatting-open":"_message-input__container--formatting-open_qwke8_20","message-input__preview-btn":"_message-input__preview-btn_qwke8_23","message-input__preview-btn--visible":"_message-input__preview-btn--visible_qwke8_40","message-input__body":"_message-input__body_qwke8_48","message-input__body--formatting-open":"_message-input__body--formatting-open_qwke8_56","message-input__priority-row":"_message-input__priority-row_qwke8_59","message-input__textarea":"_message-input__textarea_qwke8_62","message-input__attachments":"_message-input__attachments_qwke8_80","message-input__attachments-list":"_message-input__attachments-list_qwke8_85","message-input__formatting-bar":"_message-input__formatting-bar_qwke8_96","message-input__formatting-bar--open":"_message-input__formatting-bar--open_qwke8_112","message-input__narrow-chrome":"_message-input__narrow-chrome_qwke8_116","message-input__narrow-chrome-left":"_message-input__narrow-chrome-left_qwke8_132","message-input__formatting-collapsed":"_message-input__formatting-collapsed_qwke8_138","message-input__toolbar-controls":"_message-input__toolbar-controls_qwke8_148","message-input__toolbar-group":"_message-input__toolbar-group_qwke8_156","message-input__toolbar-divider":"_message-input__toolbar-divider_qwke8_162","message-input__actions":"_message-input__actions_qwke8_170","message-input__actions--narrow-chrome":"_message-input__actions--narrow-chrome_qwke8_181","message-input__actions-divider":"_message-input__actions-divider_qwke8_189","message-input__format-btn":"_message-input__format-btn_qwke8_197","message-input__format-btn--active":"_message-input__format-btn--active_qwke8_213","message-input__format-chevron":"_message-input__format-chevron_qwke8_220","message-input__format-chevron--rotated":"_message-input__format-chevron--rotated_qwke8_225","message-input__send":"_message-input__send_qwke8_228","message-input__send--disabled":"_message-input__send--disabled_qwke8_236","message-input__send-main":"_message-input__send-main_qwke8_239","message-input__send-dropdown":"_message-input__send-dropdown_qwke8_240","message-input--width-narrow":"_message-input--width-narrow_qwke8_268"};exports.default=e;
2	+ //# sourceMappingURL=MessageInput.module.scss.cjs.map

package/dist/components/message-input/MessageInput.module.scss.cjs.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"MessageInput.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/message-input/MessageInput.module.scss.js ADDED Viewed

@@ -0,0 +1,37 @@
+import './MessageInput.module.css';const e = {
+  "message-input": "_message-input_qwke8_2",
+  "message-input__container": "_message-input__container_qwke8_9",
+  "message-input__container--formatting-open": "_message-input__container--formatting-open_qwke8_20",
+  "message-input__preview-btn": "_message-input__preview-btn_qwke8_23",
+  "message-input__preview-btn--visible": "_message-input__preview-btn--visible_qwke8_40",
+  "message-input__body": "_message-input__body_qwke8_48",
+  "message-input__body--formatting-open": "_message-input__body--formatting-open_qwke8_56",
+  "message-input__priority-row": "_message-input__priority-row_qwke8_59",
+  "message-input__textarea": "_message-input__textarea_qwke8_62",
+  "message-input__attachments": "_message-input__attachments_qwke8_80",
+  "message-input__attachments-list": "_message-input__attachments-list_qwke8_85",
+  "message-input__formatting-bar": "_message-input__formatting-bar_qwke8_96",
+  "message-input__formatting-bar--open": "_message-input__formatting-bar--open_qwke8_112",
+  "message-input__narrow-chrome": "_message-input__narrow-chrome_qwke8_116",
+  "message-input__narrow-chrome-left": "_message-input__narrow-chrome-left_qwke8_132",
+  "message-input__formatting-collapsed": "_message-input__formatting-collapsed_qwke8_138",
+  "message-input__toolbar-controls": "_message-input__toolbar-controls_qwke8_148",
+  "message-input__toolbar-group": "_message-input__toolbar-group_qwke8_156",
+  "message-input__toolbar-divider": "_message-input__toolbar-divider_qwke8_162",
+  "message-input__actions": "_message-input__actions_qwke8_170",
+  "message-input__actions--narrow-chrome": "_message-input__actions--narrow-chrome_qwke8_181",
+  "message-input__actions-divider": "_message-input__actions-divider_qwke8_189",
+  "message-input__format-btn": "_message-input__format-btn_qwke8_197",
+  "message-input__format-btn--active": "_message-input__format-btn--active_qwke8_213",
+  "message-input__format-chevron": "_message-input__format-chevron_qwke8_220",
+  "message-input__format-chevron--rotated": "_message-input__format-chevron--rotated_qwke8_225",
+  "message-input__send": "_message-input__send_qwke8_228",
+  "message-input__send--disabled": "_message-input__send--disabled_qwke8_236",
+  "message-input__send-main": "_message-input__send-main_qwke8_239",
+  "message-input__send-dropdown": "_message-input__send-dropdown_qwke8_240",
+  "message-input--width-narrow": "_message-input--width-narrow_qwke8_268"
+};
+export {
+  e as default
+};
+//# sourceMappingURL=MessageInput.module.scss.js.map

package/dist/components/message-input/MessageInput.module.scss.js.map ADDED Viewed

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

package/dist/components/message-input/index.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./MessageInput.cjs");exports.MessageInput=e.default;
2	+ //# sourceMappingURL=index.cjs.map

package/dist/components/message-input/index.cjs.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/message-input/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/message-input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,YAAY,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/message-input/index.js ADDED Viewed

@@ -0,0 +1,5 @@
+import { default as s } from "./MessageInput.js";
+export {
+  s as MessageInput
+};
+//# sourceMappingURL=index.js.map

package/dist/components/message-input/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/message-more-options-menu/MessageMoreOptionsMenu.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),__d=require("@mattermost/compass-icons/components/arrow-right-bold-outline.js"),d=__d?.default??__d,__g=require("@mattermost/compass-icons/components/bookmark-outline.js"),g=__g?.default??__g,__x=require("@mattermost/compass-icons/components/chevron-right.js"),x=__x?.default??__x,__j=require("@mattermost/compass-icons/components/clock-outline.js"),j=__j?.default??__j,__c=require("@mattermost/compass-icons/components/content-copy.js"),c=__c?.default??__c,__f=require("@mattermost/compass-icons/components/flag-outline.js"),f=__f?.default??__f,__h=require("@mattermost/compass-icons/components/link-variant.js"),h=__h?.default??__h,__p=require("@mattermost/compass-icons/components/mark-as-unread.js"),p=__p?.default??__p,__V=require("@mattermost/compass-icons/components/message-check-outline.js"),V=__V?.default??__V,__y=require("@mattermost/compass-icons/components/pencil-outline.js"),y=__y?.default??__y,__m=require("@mattermost/compass-icons/components/pin-outline.js"),m=__m?.default??__m,__q=require("@mattermost/compass-icons/components/reply-outline.js"),q=__q?.default??__q,__b=require("@mattermost/compass-icons/components/translate.js"),b=__b?.default??__b,__v=require("@mattermost/compass-icons/components/trash-can-outline.js"),v=__v?.default??__v,l=require("../icon/Icon.cjs"),i=require("../menu-item/MenuItem.cjs"),s=require("../popover-menu/PopoverMenu.cjs"),M=require("../shortcut-tag/ShortcutTag.cjs");function t(n){return e.jsx(M.default,{label:n,size:"small"})}function I({permissionToEdit:n=!0,showFlagOption:a=!0,className:r="",style:u,...o}){return e.jsxs(s.default,{className:r,style:{width:"236px",...u},...o,children:[e.jsxs(s.PopoverMenuGroup,{children:[e.jsx(i.default,{label:"Reply",leadingVisual:e.jsx(l.default,{glyph:e.jsx(q,{}),size:"16"}),trailingElement:!0,trailingVisual:t("R")}),e.jsx(i.default,{label:"Forward",leadingVisual:e.jsx(l.default,{glyph:e.jsx(d,{}),size:"16"}),trailingElement:!0,trailingVisual:t("Shift + F")}),e.jsx(i.default,{label:"Follow thread",leadingVisual:e.jsx(l.default,{glyph:e.jsx(V,{}),size:"16"}),trailingElement:!0,trailingVisual:t("F")}),e.jsx(i.default,{label:"Mark as unread",leadingVisual:e.jsx(l.default,{glyph:e.jsx(p,{}),size:"16"}),trailingElement:!0,trailingVisual:t("U")}),e.jsx(i.default,{label:"Save",leadingVisual:e.jsx(l.default,{glyph:e.jsx(g,{}),size:"16"}),trailingElement:!0,trailingVisual:t("S")}),e.jsx(i.default,{label:"Remind",leadingVisual:e.jsx(l.default,{glyph:e.jsx(j,{}),size:"16"}),trailingElement:!0,trailingVisual:e.jsx(l.default,{glyph:e.jsx(x,{}),size:"16"})}),e.jsx(i.default,{label:"Pin to channel",leadingVisual:e.jsx(l.default,{glyph:e.jsx(m,{}),size:"16"}),trailingElement:!0,trailingVisual:t("P")})]}),e.jsx(s.PopoverMenuDivider,{}),e.jsxs(s.PopoverMenuGroup,{children:[e.jsx(i.default,{label:"Copy text",leadingVisual:e.jsx(l.default,{glyph:e.jsx(c,{}),size:"16"}),trailingElement:!0,trailingVisual:t("C")}),e.jsx(i.default,{label:"Show translation",leadingVisual:e.jsx(l.default,{glyph:e.jsx(b,{}),size:"16"})}),e.jsx(i.default,{label:"Copy link",leadingVisual:e.jsx(l.default,{glyph:e.jsx(h,{}),size:"16"}),trailingElement:!0,trailingVisual:t("K")})]}),n&&e.jsxs(e.Fragment,{children:[e.jsx(s.PopoverMenuDivider,{}),e.jsxs(s.PopoverMenuGroup,{children:[e.jsx(i.default,{label:"Edit",leadingVisual:e.jsx(l.default,{glyph:e.jsx(y,{}),size:"16"}),trailingElement:!0,trailingVisual:t("E")}),e.jsx(i.default,{label:"Delete",destructive:!0,leadingVisual:e.jsx(l.default,{glyph:e.jsx(v,{}),size:"16"}),trailingElement:!0,trailingVisual:t("delete")})]})]}),a&&e.jsxs(e.Fragment,{children:[!n&&e.jsx(s.PopoverMenuDivider,{}),e.jsx(s.PopoverMenuGroup,{children:e.jsx(i.default,{label:"Flag message",destructive:!0,leadingVisual:e.jsx(l.default,{glyph:e.jsx(f,{}),size:"16"})})})]})]})}exports.default=I;
2	+ //# sourceMappingURL=MessageMoreOptionsMenu.cjs.map

package/dist/components/message-more-options-menu/MessageMoreOptionsMenu.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MessageMoreOptionsMenu.cjs","sources":["../../../src/components/message-more-options-menu/MessageMoreOptionsMenu.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport ArrowRightBoldOutlineIcon from '@mattermost/compass-icons/components/arrow-right-bold-outline';\nimport BookmarkOutlineIcon from '@mattermost/compass-icons/components/bookmark-outline';\nimport ChevronRightIcon from '@mattermost/compass-icons/components/chevron-right';\nimport ClockOutlineIcon from '@mattermost/compass-icons/components/clock-outline';\nimport ContentCopyIcon from '@mattermost/compass-icons/components/content-copy';\nimport FlagOutlineIcon from '@mattermost/compass-icons/components/flag-outline';\nimport LinkVariantIcon from '@mattermost/compass-icons/components/link-variant';\nimport MarkAsUnreadIcon from '@mattermost/compass-icons/components/mark-as-unread';\nimport MessageCheckOutlineIcon from '@mattermost/compass-icons/components/message-check-outline';\nimport PencilOutlineIcon from '@mattermost/compass-icons/components/pencil-outline';\nimport PinOutlineIcon from '@mattermost/compass-icons/components/pin-outline';\nimport ReplyOutlineIcon from '@mattermost/compass-icons/components/reply-outline';\nimport TranslateIcon from '@mattermost/compass-icons/components/translate';\nimport TrashCanOutlineIcon from '@mattermost/compass-icons/components/trash-can-outline';\nimport Icon from '@/components/icon/Icon';\nimport MenuItem from '@/components/menu-item/MenuItem';\nimport PopoverMenu, {\n PopoverMenuDivider,\n PopoverMenuGroup,\n} from '@/components/popover-menu/PopoverMenu';\nimport ShortcutTag from '@/components/shortcut-tag/ShortcutTag';\n\nexport interface MessageMoreOptionsMenuProps\n extends HTMLAttributes<HTMLDivElement> {\n /** Shows Edit and Delete rows. Default: true. */\n permissionToEdit?: boolean;\n /** Shows Flag message row. Default: true. */\n showFlagOption?: boolean;\n}\n\nfunction shortcutLabel(text: string) {\n return <ShortcutTag label={text} size=\"small\" />;\n}\n\n/**\n * Message “more options” menu — actions with keyboard hints, optional edit/flag.\n */\nexport default function MessageMoreOptionsMenu({\n permissionToEdit = true,\n showFlagOption = true,\n className = '',\n style,\n ...rest\n}: MessageMoreOptionsMenuProps) {\n return (\n <PopoverMenu\n className={className}\n style={{ width: '236px', ...style }}\n {...rest}\n >\n <PopoverMenuGroup>\n <MenuItem\n label=\"Reply\"\n leadingVisual={<Icon glyph={<ReplyOutlineIcon />} size=\"16\" />}\n trailingElement\n trailingVisual={shortcutLabel('R')}\n />\n <MenuItem\n label=\"Forward\"\n leadingVisual={\n <Icon glyph={<ArrowRightBoldOutlineIcon />} size=\"16\" />\n }\n trailingElement\n trailingVisual={shortcutLabel('Shift + F')}\n />\n <MenuItem\n label=\"Follow thread\"\n leadingVisual={<Icon glyph={<MessageCheckOutlineIcon />} size=\"16\" />}\n trailingElement\n trailingVisual={shortcutLabel('F')}\n />\n <MenuItem\n label=\"Mark as unread\"\n leadingVisual={<Icon glyph={<MarkAsUnreadIcon />} size=\"16\" />}\n trailingElement\n trailingVisual={shortcutLabel('U')}\n />\n <MenuItem\n label=\"Save\"\n leadingVisual={<Icon glyph={<BookmarkOutlineIcon />} size=\"16\" />}\n trailingElement\n trailingVisual={shortcutLabel('S')}\n />\n <MenuItem\n label=\"Remind\"\n leadingVisual={<Icon glyph={<ClockOutlineIcon />} size=\"16\" />}\n trailingElement\n trailingVisual={<Icon glyph={<ChevronRightIcon />} size=\"16\" />}\n />\n <MenuItem\n label=\"Pin to channel\"\n leadingVisual={<Icon glyph={<PinOutlineIcon />} size=\"16\" />}\n trailingElement\n trailingVisual={shortcutLabel('P')}\n />\n </PopoverMenuGroup>\n <PopoverMenuDivider />\n <PopoverMenuGroup>\n <MenuItem\n label=\"Copy text\"\n leadingVisual={<Icon glyph={<ContentCopyIcon />} size=\"16\" />}\n trailingElement\n trailingVisual={shortcutLabel('C')}\n />\n <MenuItem\n label=\"Show translation\"\n leadingVisual={<Icon glyph={<TranslateIcon />} size=\"16\" />}\n />\n <MenuItem\n label=\"Copy link\"\n leadingVisual={<Icon glyph={<LinkVariantIcon />} size=\"16\" />}\n trailingElement\n trailingVisual={shortcutLabel('K')}\n />\n </PopoverMenuGroup>\n {permissionToEdit && (\n <>\n <PopoverMenuDivider />\n <PopoverMenuGroup>\n <MenuItem\n label=\"Edit\"\n leadingVisual={<Icon glyph={<PencilOutlineIcon />} size=\"16\" />}\n trailingElement\n trailingVisual={shortcutLabel('E')}\n />\n <MenuItem\n label=\"Delete\"\n destructive\n leadingVisual={<Icon glyph={<TrashCanOutlineIcon />} size=\"16\" />}\n trailingElement\n trailingVisual={shortcutLabel('delete')}\n />\n </PopoverMenuGroup>\n </>\n )}\n {showFlagOption && (\n <>\n {!permissionToEdit && <PopoverMenuDivider />}\n <PopoverMenuGroup>\n <MenuItem\n label=\"Flag message\"\n destructive\n leadingVisual={<Icon glyph={<FlagOutlineIcon />} size=\"16\" />}\n />\n </PopoverMenuGroup>\n </>\n )}\n </PopoverMenu>\n );\n}\n"],"names":["shortcutLabel","text","jsx","ShortcutTag","MessageMoreOptionsMenu","permissionToEdit","showFlagOption","className","style","rest","jsxs","PopoverMenu","PopoverMenuGroup","MenuItem","Icon","ReplyOutlineIcon","ArrowRightBoldOutlineIcon","MessageCheckOutlineIcon","MarkAsUnreadIcon","BookmarkOutlineIcon","ClockOutlineIcon","ChevronRightIcon","PinOutlineIcon","PopoverMenuDivider","ContentCopyIcon","TranslateIcon","LinkVariantIcon","Fragment","PencilOutlineIcon","TrashCanOutlineIcon","FlagOutlineIcon"],"mappings":"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"}

package/dist/components/message-more-options-menu/MessageMoreOptionsMenu.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MessageMoreOptionsMenu.d.ts","sourceRoot":"","sources":["../../../src/components/message-more-options-menu/MessageMoreOptionsMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAuB5C,MAAM,WAAW,2BACf,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtC,iDAAiD;IACjD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,6CAA6C;IAC7C,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAMD;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAC7C,gBAAuB,EACvB,cAAqB,EACrB,SAAc,EACd,KAAK,EACL,GAAG,IAAI,EACR,EAAE,2BAA2B,2CA0G7B"}

package/dist/components/message-more-options-menu/MessageMoreOptionsMenu.js ADDED Viewed

@@ -0,0 +1,172 @@
+import { jsxs as t, jsx as i, Fragment as u } from "react/jsx-runtime";
+import __h from "@mattermost/compass-icons/components/arrow-right-bold-outline.js";const h=__h&&__h.default?__h.default:__h;
+import __c from "@mattermost/compass-icons/components/bookmark-outline.js";const c=__c&&__c.default?__c.default:__c;
+import __d from "@mattermost/compass-icons/components/chevron-right.js";const d=__d&&__d.default?__d.default:__d;
+import __V from "@mattermost/compass-icons/components/clock-outline.js";const V=__V&&__V.default?__V.default:__V;
+import __f from "@mattermost/compass-icons/components/content-copy.js";const f=__f&&__f.default?__f.default:__f;
+import __y from "@mattermost/compass-icons/components/flag-outline.js";const y=__y&&__y.default?__y.default:__y;
+import __I from "@mattermost/compass-icons/components/link-variant.js";const I=__I&&__I.default?__I.default:__I;
+import __b from "@mattermost/compass-icons/components/mark-as-unread.js";const b=__b&&__b.default?__b.default:__b;
+import __z from "@mattermost/compass-icons/components/message-check-outline.js";const z=__z&&__z.default?__z.default:__z;
+import __E from "@mattermost/compass-icons/components/pencil-outline.js";const E=__E&&__E.default?__E.default:__E;
+import __M from "@mattermost/compass-icons/components/pin-outline.js";const M=__M&&__M.default?__M.default:__M;
+import __O from "@mattermost/compass-icons/components/reply-outline.js";const O=__O&&__O.default?__O.default:__O;
+import __C from "@mattermost/compass-icons/components/translate.js";const C=__C&&__C.default?__C.default:__C;
+import __k from "@mattermost/compass-icons/components/trash-can-outline.js";const k=__k&&__k.default?__k.default:__k;
+import l from "../icon/Icon.js";
+import e from "../menu-item/MenuItem.js";
+import v, { PopoverMenuGroup as a, PopoverMenuDivider as o } from "../popover-menu/PopoverMenu.js";
+import F from "../shortcut-tag/ShortcutTag.js";
+function r(n) {
+  return /* @__PURE__ */ i(F, { label: n, size: "small" });
+}
+function W({
+  permissionToEdit: n = !0,
+  showFlagOption: g = !0,
+  className: s = "",
+  style: m,
+  ...p
+}) {
+  return /* @__PURE__ */ t(
+    v,
+    {
+      className: s,
+      style: { width: "236px", ...m },
+      ...p,
+      children: [
+        /* @__PURE__ */ t(a, { children: [
+          /* @__PURE__ */ i(
+            e,
+            {
+              label: "Reply",
+              leadingVisual: /* @__PURE__ */ i(l, { glyph: /* @__PURE__ */ i(O, {}), size: "16" }),
+              trailingElement: !0,
+              trailingVisual: r("R")
+            }
+          ),
+          /* @__PURE__ */ i(
+            e,
+            {
+              label: "Forward",
+              leadingVisual: /* @__PURE__ */ i(l, { glyph: /* @__PURE__ */ i(h, {}), size: "16" }),
+              trailingElement: !0,
+              trailingVisual: r("Shift + F")
+            }
+          ),
+          /* @__PURE__ */ i(
+            e,
+            {
+              label: "Follow thread",
+              leadingVisual: /* @__PURE__ */ i(l, { glyph: /* @__PURE__ */ i(z, {}), size: "16" }),
+              trailingElement: !0,
+              trailingVisual: r("F")
+            }
+          ),
+          /* @__PURE__ */ i(
+            e,
+            {
+              label: "Mark as unread",
+              leadingVisual: /* @__PURE__ */ i(l, { glyph: /* @__PURE__ */ i(b, {}), size: "16" }),
+              trailingElement: !0,
+              trailingVisual: r("U")
+            }
+          ),
+          /* @__PURE__ */ i(
+            e,
+            {
+              label: "Save",
+              leadingVisual: /* @__PURE__ */ i(l, { glyph: /* @__PURE__ */ i(c, {}), size: "16" }),
+              trailingElement: !0,
+              trailingVisual: r("S")
+            }
+          ),
+          /* @__PURE__ */ i(
+            e,
+            {
+              label: "Remind",
+              leadingVisual: /* @__PURE__ */ i(l, { glyph: /* @__PURE__ */ i(V, {}), size: "16" }),
+              trailingElement: !0,
+              trailingVisual: /* @__PURE__ */ i(l, { glyph: /* @__PURE__ */ i(d, {}), size: "16" })
+            }
+          ),
+          /* @__PURE__ */ i(
+            e,
+            {
+              label: "Pin to channel",
+              leadingVisual: /* @__PURE__ */ i(l, { glyph: /* @__PURE__ */ i(M, {}), size: "16" }),
+              trailingElement: !0,
+              trailingVisual: r("P")
+            }
+          )
+        ] }),
+        /* @__PURE__ */ i(o, {}),
+        /* @__PURE__ */ t(a, { children: [
+          /* @__PURE__ */ i(
+            e,
+            {
+              label: "Copy text",
+              leadingVisual: /* @__PURE__ */ i(l, { glyph: /* @__PURE__ */ i(f, {}), size: "16" }),
+              trailingElement: !0,
+              trailingVisual: r("C")
+            }
+          ),
+          /* @__PURE__ */ i(
+            e,
+            {
+              label: "Show translation",
+              leadingVisual: /* @__PURE__ */ i(l, { glyph: /* @__PURE__ */ i(C, {}), size: "16" })
+            }
+          ),
+          /* @__PURE__ */ i(
+            e,
+            {
+              label: "Copy link",
+              leadingVisual: /* @__PURE__ */ i(l, { glyph: /* @__PURE__ */ i(I, {}), size: "16" }),
+              trailingElement: !0,
+              trailingVisual: r("K")
+            }
+          )
+        ] }),
+        n && /* @__PURE__ */ t(u, { children: [
+          /* @__PURE__ */ i(o, {}),
+          /* @__PURE__ */ t(a, { children: [
+            /* @__PURE__ */ i(
+              e,
+              {
+                label: "Edit",
+                leadingVisual: /* @__PURE__ */ i(l, { glyph: /* @__PURE__ */ i(E, {}), size: "16" }),
+                trailingElement: !0,
+                trailingVisual: r("E")
+              }
+            ),
+            /* @__PURE__ */ i(
+              e,
+              {
+                label: "Delete",
+                destructive: !0,
+                leadingVisual: /* @__PURE__ */ i(l, { glyph: /* @__PURE__ */ i(k, {}), size: "16" }),
+                trailingElement: !0,
+                trailingVisual: r("delete")
+              }
+            )
+          ] })
+        ] }),
+        g && /* @__PURE__ */ t(u, { children: [
+          !n && /* @__PURE__ */ i(o, {}),
+          /* @__PURE__ */ i(a, { children: /* @__PURE__ */ i(
+            e,
+            {
+              label: "Flag message",
+              destructive: !0,
+              leadingVisual: /* @__PURE__ */ i(l, { glyph: /* @__PURE__ */ i(y, {}), size: "16" })
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  W as default
+};
+//# sourceMappingURL=MessageMoreOptionsMenu.js.map

package/dist/components/message-more-options-menu/MessageMoreOptionsMenu.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MessageMoreOptionsMenu.js","sources":["../../../src/components/message-more-options-menu/MessageMoreOptionsMenu.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport ArrowRightBoldOutlineIcon from '@mattermost/compass-icons/components/arrow-right-bold-outline';\nimport BookmarkOutlineIcon from '@mattermost/compass-icons/components/bookmark-outline';\nimport ChevronRightIcon from '@mattermost/compass-icons/components/chevron-right';\nimport ClockOutlineIcon from '@mattermost/compass-icons/components/clock-outline';\nimport ContentCopyIcon from '@mattermost/compass-icons/components/content-copy';\nimport FlagOutlineIcon from '@mattermost/compass-icons/components/flag-outline';\nimport LinkVariantIcon from '@mattermost/compass-icons/components/link-variant';\nimport MarkAsUnreadIcon from '@mattermost/compass-icons/components/mark-as-unread';\nimport MessageCheckOutlineIcon from '@mattermost/compass-icons/components/message-check-outline';\nimport PencilOutlineIcon from '@mattermost/compass-icons/components/pencil-outline';\nimport PinOutlineIcon from '@mattermost/compass-icons/components/pin-outline';\nimport ReplyOutlineIcon from '@mattermost/compass-icons/components/reply-outline';\nimport TranslateIcon from '@mattermost/compass-icons/components/translate';\nimport TrashCanOutlineIcon from '@mattermost/compass-icons/components/trash-can-outline';\nimport Icon from '@/components/icon/Icon';\nimport MenuItem from '@/components/menu-item/MenuItem';\nimport PopoverMenu, {\n PopoverMenuDivider,\n PopoverMenuGroup,\n} from '@/components/popover-menu/PopoverMenu';\nimport ShortcutTag from '@/components/shortcut-tag/ShortcutTag';\n\nexport interface MessageMoreOptionsMenuProps\n extends HTMLAttributes<HTMLDivElement> {\n /** Shows Edit and Delete rows. Default: true. */\n permissionToEdit?: boolean;\n /** Shows Flag message row. Default: true. */\n showFlagOption?: boolean;\n}\n\nfunction shortcutLabel(text: string) {\n return <ShortcutTag label={text} size=\"small\" />;\n}\n\n/**\n * Message “more options” menu — actions with keyboard hints, optional edit/flag.\n */\nexport default function MessageMoreOptionsMenu({\n permissionToEdit = true,\n showFlagOption = true,\n className = '',\n style,\n ...rest\n}: MessageMoreOptionsMenuProps) {\n return (\n <PopoverMenu\n className={className}\n style={{ width: '236px', ...style }}\n {...rest}\n >\n <PopoverMenuGroup>\n <MenuItem\n label=\"Reply\"\n leadingVisual={<Icon glyph={<ReplyOutlineIcon />} size=\"16\" />}\n trailingElement\n trailingVisual={shortcutLabel('R')}\n />\n <MenuItem\n label=\"Forward\"\n leadingVisual={\n <Icon glyph={<ArrowRightBoldOutlineIcon />} size=\"16\" />\n }\n trailingElement\n trailingVisual={shortcutLabel('Shift + F')}\n />\n <MenuItem\n label=\"Follow thread\"\n leadingVisual={<Icon glyph={<MessageCheckOutlineIcon />} size=\"16\" />}\n trailingElement\n trailingVisual={shortcutLabel('F')}\n />\n <MenuItem\n label=\"Mark as unread\"\n leadingVisual={<Icon glyph={<MarkAsUnreadIcon />} size=\"16\" />}\n trailingElement\n trailingVisual={shortcutLabel('U')}\n />\n <MenuItem\n label=\"Save\"\n leadingVisual={<Icon glyph={<BookmarkOutlineIcon />} size=\"16\" />}\n trailingElement\n trailingVisual={shortcutLabel('S')}\n />\n <MenuItem\n label=\"Remind\"\n leadingVisual={<Icon glyph={<ClockOutlineIcon />} size=\"16\" />}\n trailingElement\n trailingVisual={<Icon glyph={<ChevronRightIcon />} size=\"16\" />}\n />\n <MenuItem\n label=\"Pin to channel\"\n leadingVisual={<Icon glyph={<PinOutlineIcon />} size=\"16\" />}\n trailingElement\n trailingVisual={shortcutLabel('P')}\n />\n </PopoverMenuGroup>\n <PopoverMenuDivider />\n <PopoverMenuGroup>\n <MenuItem\n label=\"Copy text\"\n leadingVisual={<Icon glyph={<ContentCopyIcon />} size=\"16\" />}\n trailingElement\n trailingVisual={shortcutLabel('C')}\n />\n <MenuItem\n label=\"Show translation\"\n leadingVisual={<Icon glyph={<TranslateIcon />} size=\"16\" />}\n />\n <MenuItem\n label=\"Copy link\"\n leadingVisual={<Icon glyph={<LinkVariantIcon />} size=\"16\" />}\n trailingElement\n trailingVisual={shortcutLabel('K')}\n />\n </PopoverMenuGroup>\n {permissionToEdit && (\n <>\n <PopoverMenuDivider />\n <PopoverMenuGroup>\n <MenuItem\n label=\"Edit\"\n leadingVisual={<Icon glyph={<PencilOutlineIcon />} size=\"16\" />}\n trailingElement\n trailingVisual={shortcutLabel('E')}\n />\n <MenuItem\n label=\"Delete\"\n destructive\n leadingVisual={<Icon glyph={<TrashCanOutlineIcon />} size=\"16\" />}\n trailingElement\n trailingVisual={shortcutLabel('delete')}\n />\n </PopoverMenuGroup>\n </>\n )}\n {showFlagOption && (\n <>\n {!permissionToEdit && <PopoverMenuDivider />}\n <PopoverMenuGroup>\n <MenuItem\n label=\"Flag message\"\n destructive\n leadingVisual={<Icon glyph={<FlagOutlineIcon />} size=\"16\" />}\n />\n </PopoverMenuGroup>\n </>\n )}\n </PopoverMenu>\n );\n}\n"],"names":["shortcutLabel","text","jsx","ShortcutTag","MessageMoreOptionsMenu","permissionToEdit","showFlagOption","className","style","rest","jsxs","PopoverMenu","PopoverMenuGroup","MenuItem","Icon","ReplyOutlineIcon","ArrowRightBoldOutlineIcon","MessageCheckOutlineIcon","MarkAsUnreadIcon","BookmarkOutlineIcon","ClockOutlineIcon","ChevronRightIcon","PinOutlineIcon","PopoverMenuDivider","ContentCopyIcon","TranslateIcon","LinkVariantIcon","Fragment","PencilOutlineIcon","TrashCanOutlineIcon","FlagOutlineIcon"],"mappings":"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"}

package/dist/components/message-more-options-menu/index.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./MessageMoreOptionsMenu.cjs");exports.MessageMoreOptionsMenu=e.default;
2	+ //# sourceMappingURL=index.cjs.map

package/dist/components/message-more-options-menu/index.cjs.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/message-more-options-menu/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/message-more-options-menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAC7E,YAAY,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/components/message-more-options-menu/index.js ADDED Viewed

@@ -0,0 +1,5 @@
+import { default as s } from "./MessageMoreOptionsMenu.js";
+export {
+  s as MessageMoreOptionsMenu
+};
+//# sourceMappingURL=index.js.map

package/dist/components/message-more-options-menu/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/message-reactions/MessageReactions.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),p=require("../icon-button/IconButton.cjs"),c=require("../icon/Icon.cjs"),__x=require("@mattermost/compass-icons/components/check-circle-outline.js"),x=__x?.default??__x,__h=require("@mattermost/compass-icons/components/emoticon-plus-outline.js"),h=__h?.default??__h,s=require("./MessageReactions.module.scss.cjs"),N=[{emoji:"👍",count:1},{emoji:"😀",count:4},{emoji:"🙌",count:1}];function b({reactions:o=N,showAddReaction:r=!1,acknowledged:u=!1,acknowledgeCount:d=0,currentUserAcknowledged:l=!1,onAddReaction:m,onReactionClick:t,onAcknowledge:_,className:f="",...j}){const g=[s.default["message-reactions"],f].filter(Boolean).join(" ");return e.jsxs("div",{className:g,...j,children:[u&&e.jsxs("button",{type:"button",className:[s.default["message-reactions__ack"],l?s.default["message-reactions__ack--active"]:""].filter(Boolean).join(" "),onClick:_,"aria-pressed":l,"aria-label":"Acknowledge message",children:[e.jsx("span",{className:s.default["message-reactions__ack-icon"],"aria-hidden":!0,children:e.jsx(c.default,{size:"16",glyph:e.jsx(x,{})})}),l?e.jsx("span",{className:s.default["message-reactions__ack-count"],children:d}):e.jsx("span",{className:s.default["message-reactions__ack-label"],children:"Acknowledge"})]}),e.jsxs("div",{className:s.default["message-reactions__pills"],children:[o.map(({emoji:a,count:i,byCurrentUser:n})=>e.jsxs("button",{type:"button",className:[s.default["message-reactions__pill"],n?s.default["message-reactions__pill--mine"]:""].filter(Boolean).join(" "),onClick:()=>t==null?void 0:t(a),"aria-label":`${a} ${i} reaction${i!==1?"s":""}`,"aria-pressed":n,children:[e.jsx("span",{className:s.default["message-reactions__pill-emoji"],"aria-hidden":!0,children:a}),e.jsx("span",{className:s.default["message-reactions__pill-count"],children:i})]},a)),r&&e.jsx(p.default,{"aria-label":"Add reaction",className:s.default["message-reactions__add-reaction"],size:"x-small",onClick:m,icon:e.jsx(c.default,{size:"16",glyph:e.jsx(h,{})})})]})]})}exports.default=b;
2	+ //# sourceMappingURL=MessageReactions.cjs.map

package/dist/components/message-reactions/MessageReactions.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MessageReactions.cjs","sources":["../../../src/components/message-reactions/MessageReactions.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Icon from '@/components/icon/Icon';\nimport CheckCircleOutlineIcon from '@mattermost/compass-icons/components/check-circle-outline';\nimport EmoticonPlusOutlineIcon from '@mattermost/compass-icons/components/emoticon-plus-outline';\nimport styles from './MessageReactions.module.scss';\n\nexport interface ReactionItem {\n emoji: string;\n count: number;\n /** Whether the current user reacted with this emoji. */\n byCurrentUser?: boolean;\n}\n\nexport interface MessageReactionsProps extends HTMLAttributes<HTMLDivElement> {\n /** List of reactions to display. */\n reactions?: ReactionItem[];\n /** Whether to show the add-reaction button. Default: false. */\n showAddReaction?: boolean;\n /** Whether to show the acknowledge button. */\n acknowledged?: boolean;\n /** Acknowledge count. */\n acknowledgeCount?: number;\n /** Whether the current user has acknowledged. Default: false. */\n currentUserAcknowledged?: boolean;\n /** Called when add-reaction is clicked. */\n onAddReaction?: () => void;\n /** Called when a reaction pill is clicked. */\n onReactionClick?: (emoji: string) => void;\n /** Called when the acknowledge button is clicked. */\n onAcknowledge?: () => void;\n /** Optional CSS class name. */\n className?: string;\n}\n\nconst DEFAULT_REACTIONS: ReactionItem[] = [\n { emoji: '👍', count: 1 },\n { emoji: '😀', count: 4 },\n { emoji: '🙌', count: 1 },\n];\n\n/**\n * Message Reactions are the row of emoji pills below a message — the lightest weight way to\n * respond, applaud, or acknowledge without adding to the thread. The component handles the\n * count, the \"this is mine\" highlight, and the add-reaction affordance.\n */\nexport default function MessageReactions({\n reactions = DEFAULT_REACTIONS,\n showAddReaction = false,\n acknowledged = false,\n acknowledgeCount = 0,\n currentUserAcknowledged = false,\n onAddReaction,\n onReactionClick,\n onAcknowledge,\n className = '',\n ...rest\n}: MessageReactionsProps) {\n const rootClass = [styles['message-reactions'], className]\n .filter(Boolean)\n .join(' ');\n\n return (\n <div className={rootClass} {...rest}>\n {/* Acknowledge button */}\n {acknowledged && (\n <button\n type=\"button\"\n className={[\n styles['message-reactions__ack'],\n currentUserAcknowledged\n ? styles['message-reactions__ack--active']\n : '',\n ]\n .filter(Boolean)\n .join(' ')}\n onClick={onAcknowledge}\n aria-pressed={currentUserAcknowledged}\n aria-label=\"Acknowledge message\"\n >\n <span className={styles['message-reactions__ack-icon']} aria-hidden>\n <Icon size=\"16\" glyph={<CheckCircleOutlineIcon />} />\n </span>\n {currentUserAcknowledged ? (\n <span className={styles['message-reactions__ack-count']}>\n {acknowledgeCount}\n </span>\n ) : (\n <span className={styles['message-reactions__ack-label']}>\n Acknowledge\n </span>\n )}\n </button>\n )}\n\n {/* Reaction pills */}\n <div className={styles['message-reactions__pills']}>\n {reactions.map(({ emoji, count, byCurrentUser }) => (\n <button\n key={emoji}\n type=\"button\"\n className={[\n styles['message-reactions__pill'],\n byCurrentUser ? styles['message-reactions__pill--mine'] : '',\n ]\n .filter(Boolean)\n .join(' ')}\n onClick={() => onReactionClick?.(emoji)}\n aria-label={`${emoji} ${count} reaction${count !== 1 ? 's' : ''}`}\n aria-pressed={byCurrentUser}\n >\n <span\n className={styles['message-reactions__pill-emoji']}\n aria-hidden\n >\n {emoji}\n </span>\n <span className={styles['message-reactions__pill-count']}>\n {count}\n </span>\n </button>\n ))}\n\n {/* Add reaction button */}\n {showAddReaction && (\n <IconButton\n aria-label=\"Add reaction\"\n className={styles['message-reactions__add-reaction']}\n size=\"x-small\"\n onClick={onAddReaction}\n icon={<Icon size=\"16\" glyph={<EmoticonPlusOutlineIcon />} />}\n />\n )}\n </div>\n </div>\n );\n}\n"],"names":["DEFAULT_REACTIONS","MessageReactions","reactions","showAddReaction","acknowledged","acknowledgeCount","currentUserAcknowledged","onAddReaction","onReactionClick","onAcknowledge","className","rest","rootClass","styles","jsxs","jsx","Icon","CheckCircleOutlineIcon","emoji","count","byCurrentUser","IconButton","EmoticonPlusOutlineIcon"],"mappings":"wZAmCMA,EAAoC,CACxC,CAAE,MAAO,KAAM,MAAO,CAAA,EACtB,CAAE,MAAO,KAAM,MAAO,CAAA,EACtB,CAAE,MAAO,KAAM,MAAO,CAAA,CACxB,EAOA,SAAwBC,EAAiB,CACvC,UAAAC,EAAYF,EACZ,gBAAAG,EAAkB,GAClB,aAAAC,EAAe,GACf,iBAAAC,EAAmB,EACnB,wBAAAC,EAA0B,GAC1B,cAAAC,EACA,gBAAAC,EACA,cAAAC,EACA,UAAAC,EAAY,GACZ,GAAGC,CACL,EAA0B,CACxB,MAAMC,EAAY,CAACC,UAAO,mBAAmB,EAAGH,CAAS,EACtD,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEI,EAAAA,KAAC,MAAA,CAAI,UAAWF,EAAY,GAAGD,EAE5B,SAAA,CAAAP,GACCU,EAAAA,KAAC,SAAA,CACC,KAAK,SACL,UAAW,CACTD,EAAAA,QAAO,wBAAwB,EAC/BP,EACIO,EAAAA,QAAO,gCAAgC,EACvC,EAAA,EAEH,OAAO,OAAO,EACd,KAAK,GAAG,EACX,QAASJ,EACT,eAAcH,EACd,aAAW,sBAEX,SAAA,CAAAS,MAAC,OAAA,CAAK,UAAWF,EAAAA,QAAO,6BAA6B,EAAG,cAAW,GACjE,SAAAE,EAAAA,IAACC,EAAAA,QAAA,CAAK,KAAK,KAAK,MAAOD,EAAAA,IAACE,EAAA,CAAA,CAAuB,EAAI,EACrD,EACCX,EACCS,EAAAA,IAAC,OAAA,CAAK,UAAWF,UAAO,8BAA8B,EACnD,SAAAR,CAAA,CACH,QAEC,OAAA,CAAK,UAAWQ,EAAAA,QAAO,8BAA8B,EAAG,SAAA,aAAA,CAEzD,CAAA,CAAA,CAAA,EAMNC,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,0BAA0B,EAC9C,SAAA,CAAAX,EAAU,IAAI,CAAC,CAAE,MAAAgB,EAAO,MAAAC,EAAO,cAAAC,KAC9BN,EAAAA,KAAC,SAAA,CAEC,KAAK,SACL,UAAW,CACTD,EAAAA,QAAO,yBAAyB,EAChCO,EAAgBP,EAAAA,QAAO,+BAA+B,EAAI,EAAA,EAEzD,OAAO,OAAO,EACd,KAAK,GAAG,EACX,QAAS,IAAML,GAAA,YAAAA,EAAkBU,GACjC,aAAY,GAAGA,CAAK,IAAIC,CAAK,YAAYA,IAAU,EAAI,IAAM,EAAE,GAC/D,eAAcC,EAEd,SAAA,CAAAL,EAAAA,IAAC,OAAA,CACC,UAAWF,EAAAA,QAAO,+BAA+B,EACjD,cAAW,GAEV,SAAAK,CAAA,CAAA,QAEF,OAAA,CAAK,UAAWL,EAAAA,QAAO,+BAA+B,EACpD,SAAAM,CAAA,CACH,CAAA,CAAA,EApBKD,CAAA,CAsBR,EAGAf,GACCY,EAAAA,IAACM,EAAAA,QAAA,CACC,aAAW,eACX,UAAWR,EAAAA,QAAO,iCAAiC,EACnD,KAAK,UACL,QAASN,EACT,WAAOS,EAAAA,QAAA,CAAK,KAAK,KAAK,MAAOD,EAAAA,IAACO,IAAwB,CAAA,CAAI,CAAA,CAAA,CAC5D,CAAA,CAEJ,CAAA,EACF,CAEJ"}

package/dist/components/message-reactions/MessageReactions.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MessageReactions.d.ts","sourceRoot":"","sources":["../../../src/components/message-reactions/MessageReactions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAO5C,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,wDAAwD;IACxD,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC3E,oCAAoC;IACpC,SAAS,CAAC,EAAE,YAAY,EAAE,CAAC;IAC3B,+DAA+D;IAC/D,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,8CAA8C;IAC9C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,yBAAyB;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iEAAiE;IACjE,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,8CAA8C;IAC9C,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,qDAAqD;IACrD,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,SAA6B,EAC7B,eAAuB,EACvB,YAAoB,EACpB,gBAAoB,EACpB,uBAA+B,EAC/B,aAAa,EACb,eAAe,EACf,aAAa,EACb,SAAc,EACd,GAAG,IAAI,EACR,EAAE,qBAAqB,2CA+EvB"}

package/dist/components/message-reactions/MessageReactions.js ADDED Viewed

@@ -0,0 +1,85 @@
+import { jsxs as i, jsx as a } from "react/jsx-runtime";
+import N from "../icon-button/IconButton.js";
+import t from "../icon/Icon.js";
+import __b from "@mattermost/compass-icons/components/check-circle-outline.js";const b=__b&&__b.default?__b.default:__b;
+import __j from "@mattermost/compass-icons/components/emoticon-plus-outline.js";const j=__j&&__j.default?__j.default:__j;
+import e from "./MessageReactions.module.scss.js";
+const k = [
+  { emoji: "👍", count: 1 },
+  { emoji: "😀", count: 4 },
+  { emoji: "🙌", count: 1 }
+];
+function A({
+  reactions: r = k,
+  showAddReaction: m = !1,
+  acknowledged: p = !1,
+  acknowledgeCount: _ = 0,
+  currentUserAcknowledged: l = !1,
+  onAddReaction: d,
+  onReactionClick: o,
+  onAcknowledge: g,
+  className: f = "",
+  ...h
+}) {
+  const u = [e["message-reactions"], f].filter(Boolean).join(" ");
+  return /* @__PURE__ */ i("div", { className: u, ...h, children: [
+    p && /* @__PURE__ */ i(
+      "button",
+      {
+        type: "button",
+        className: [
+          e["message-reactions__ack"],
+          l ? e["message-reactions__ack--active"] : ""
+        ].filter(Boolean).join(" "),
+        onClick: g,
+        "aria-pressed": l,
+        "aria-label": "Acknowledge message",
+        children: [
+          /* @__PURE__ */ a("span", { className: e["message-reactions__ack-icon"], "aria-hidden": !0, children: /* @__PURE__ */ a(t, { size: "16", glyph: /* @__PURE__ */ a(b, {}) }) }),
+          l ? /* @__PURE__ */ a("span", { className: e["message-reactions__ack-count"], children: _ }) : /* @__PURE__ */ a("span", { className: e["message-reactions__ack-label"], children: "Acknowledge" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ i("div", { className: e["message-reactions__pills"], children: [
+      r.map(({ emoji: s, count: n, byCurrentUser: c }) => /* @__PURE__ */ i(
+        "button",
+        {
+          type: "button",
+          className: [
+            e["message-reactions__pill"],
+            c ? e["message-reactions__pill--mine"] : ""
+          ].filter(Boolean).join(" "),
+          onClick: () => o == null ? void 0 : o(s),
+          "aria-label": `${s} ${n} reaction${n !== 1 ? "s" : ""}`,
+          "aria-pressed": c,
+          children: [
+            /* @__PURE__ */ a(
+              "span",
+              {
+                className: e["message-reactions__pill-emoji"],
+                "aria-hidden": !0,
+                children: s
+              }
+            ),
+            /* @__PURE__ */ a("span", { className: e["message-reactions__pill-count"], children: n })
+          ]
+        },
+        s
+      )),
+      m && /* @__PURE__ */ a(
+        N,
+        {
+          "aria-label": "Add reaction",
+          className: e["message-reactions__add-reaction"],
+          size: "x-small",
+          onClick: d,
+          icon: /* @__PURE__ */ a(t, { size: "16", glyph: /* @__PURE__ */ a(j, {}) })
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  A as default
+};
+//# sourceMappingURL=MessageReactions.js.map

package/dist/components/message-reactions/MessageReactions.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MessageReactions.js","sources":["../../../src/components/message-reactions/MessageReactions.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Icon from '@/components/icon/Icon';\nimport CheckCircleOutlineIcon from '@mattermost/compass-icons/components/check-circle-outline';\nimport EmoticonPlusOutlineIcon from '@mattermost/compass-icons/components/emoticon-plus-outline';\nimport styles from './MessageReactions.module.scss';\n\nexport interface ReactionItem {\n emoji: string;\n count: number;\n /** Whether the current user reacted with this emoji. */\n byCurrentUser?: boolean;\n}\n\nexport interface MessageReactionsProps extends HTMLAttributes<HTMLDivElement> {\n /** List of reactions to display. */\n reactions?: ReactionItem[];\n /** Whether to show the add-reaction button. Default: false. */\n showAddReaction?: boolean;\n /** Whether to show the acknowledge button. */\n acknowledged?: boolean;\n /** Acknowledge count. */\n acknowledgeCount?: number;\n /** Whether the current user has acknowledged. Default: false. */\n currentUserAcknowledged?: boolean;\n /** Called when add-reaction is clicked. */\n onAddReaction?: () => void;\n /** Called when a reaction pill is clicked. */\n onReactionClick?: (emoji: string) => void;\n /** Called when the acknowledge button is clicked. */\n onAcknowledge?: () => void;\n /** Optional CSS class name. */\n className?: string;\n}\n\nconst DEFAULT_REACTIONS: ReactionItem[] = [\n { emoji: '👍', count: 1 },\n { emoji: '😀', count: 4 },\n { emoji: '🙌', count: 1 },\n];\n\n/**\n * Message Reactions are the row of emoji pills below a message — the lightest weight way to\n * respond, applaud, or acknowledge without adding to the thread. The component handles the\n * count, the \"this is mine\" highlight, and the add-reaction affordance.\n */\nexport default function MessageReactions({\n reactions = DEFAULT_REACTIONS,\n showAddReaction = false,\n acknowledged = false,\n acknowledgeCount = 0,\n currentUserAcknowledged = false,\n onAddReaction,\n onReactionClick,\n onAcknowledge,\n className = '',\n ...rest\n}: MessageReactionsProps) {\n const rootClass = [styles['message-reactions'], className]\n .filter(Boolean)\n .join(' ');\n\n return (\n <div className={rootClass} {...rest}>\n {/* Acknowledge button */}\n {acknowledged && (\n <button\n type=\"button\"\n className={[\n styles['message-reactions__ack'],\n currentUserAcknowledged\n ? styles['message-reactions__ack--active']\n : '',\n ]\n .filter(Boolean)\n .join(' ')}\n onClick={onAcknowledge}\n aria-pressed={currentUserAcknowledged}\n aria-label=\"Acknowledge message\"\n >\n <span className={styles['message-reactions__ack-icon']} aria-hidden>\n <Icon size=\"16\" glyph={<CheckCircleOutlineIcon />} />\n </span>\n {currentUserAcknowledged ? (\n <span className={styles['message-reactions__ack-count']}>\n {acknowledgeCount}\n </span>\n ) : (\n <span className={styles['message-reactions__ack-label']}>\n Acknowledge\n </span>\n )}\n </button>\n )}\n\n {/* Reaction pills */}\n <div className={styles['message-reactions__pills']}>\n {reactions.map(({ emoji, count, byCurrentUser }) => (\n <button\n key={emoji}\n type=\"button\"\n className={[\n styles['message-reactions__pill'],\n byCurrentUser ? styles['message-reactions__pill--mine'] : '',\n ]\n .filter(Boolean)\n .join(' ')}\n onClick={() => onReactionClick?.(emoji)}\n aria-label={`${emoji} ${count} reaction${count !== 1 ? 's' : ''}`}\n aria-pressed={byCurrentUser}\n >\n <span\n className={styles['message-reactions__pill-emoji']}\n aria-hidden\n >\n {emoji}\n </span>\n <span className={styles['message-reactions__pill-count']}>\n {count}\n </span>\n </button>\n ))}\n\n {/* Add reaction button */}\n {showAddReaction && (\n <IconButton\n aria-label=\"Add reaction\"\n className={styles['message-reactions__add-reaction']}\n size=\"x-small\"\n onClick={onAddReaction}\n icon={<Icon size=\"16\" glyph={<EmoticonPlusOutlineIcon />} />}\n />\n )}\n </div>\n </div>\n );\n}\n"],"names":["DEFAULT_REACTIONS","MessageReactions","reactions","showAddReaction","acknowledged","acknowledgeCount","currentUserAcknowledged","onAddReaction","onReactionClick","onAcknowledge","className","rest","rootClass","styles","jsxs","jsx","Icon","CheckCircleOutlineIcon","emoji","count","byCurrentUser","IconButton","EmoticonPlusOutlineIcon"],"mappings":";;;;;;AAmCA,MAAMA,IAAoC;AAAA,EACxC,EAAE,OAAO,MAAM,OAAO,EAAA;AAAA,EACtB,EAAE,OAAO,MAAM,OAAO,EAAA;AAAA,EACtB,EAAE,OAAO,MAAM,OAAO,EAAA;AACxB;AAOA,SAAwBC,EAAiB;AAAA,EACvC,WAAAC,IAAYF;AAAA,EACZ,iBAAAG,IAAkB;AAAA,EAClB,cAAAC,IAAe;AAAA,EACf,kBAAAC,IAAmB;AAAA,EACnB,yBAAAC,IAA0B;AAAA,EAC1B,eAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAA0B;AACxB,QAAMC,IAAY,CAACC,EAAO,mBAAmB,GAAGH,CAAS,EACtD,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAI,EAAC,OAAA,EAAI,WAAWF,GAAY,GAAGD,GAE5B,UAAA;AAAA,IAAAP,KACC,gBAAAU;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAW;AAAA,UACTD,EAAO,wBAAwB;AAAA,UAC/BP,IACIO,EAAO,gCAAgC,IACvC;AAAA,QAAA,EAEH,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,QACX,SAASJ;AAAA,QACT,gBAAcH;AAAA,QACd,cAAW;AAAA,QAEX,UAAA;AAAA,UAAA,gBAAAS,EAAC,QAAA,EAAK,WAAWF,EAAO,6BAA6B,GAAG,eAAW,IACjE,UAAA,gBAAAE,EAACC,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAD,EAACE,GAAA,CAAA,CAAuB,GAAI,GACrD;AAAA,UACCX,IACC,gBAAAS,EAAC,QAAA,EAAK,WAAWF,EAAO,8BAA8B,GACnD,UAAAR,EAAA,CACH,sBAEC,QAAA,EAAK,WAAWQ,EAAO,8BAA8B,GAAG,UAAA,cAAA,CAEzD;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAMN,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAO,0BAA0B,GAC9C,UAAA;AAAA,MAAAX,EAAU,IAAI,CAAC,EAAE,OAAAgB,GAAO,OAAAC,GAAO,eAAAC,QAC9B,gBAAAN;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,MAAK;AAAA,UACL,WAAW;AAAA,YACTD,EAAO,yBAAyB;AAAA,YAChCO,IAAgBP,EAAO,+BAA+B,IAAI;AAAA,UAAA,EAEzD,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,UACX,SAAS,MAAML,KAAA,gBAAAA,EAAkBU;AAAA,UACjC,cAAY,GAAGA,CAAK,IAAIC,CAAK,YAAYA,MAAU,IAAI,MAAM,EAAE;AAAA,UAC/D,gBAAcC;AAAA,UAEd,UAAA;AAAA,YAAA,gBAAAL;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAWF,EAAO,+BAA+B;AAAA,gBACjD,eAAW;AAAA,gBAEV,UAAAK;AAAA,cAAA;AAAA,YAAA;AAAA,8BAEF,QAAA,EAAK,WAAWL,EAAO,+BAA+B,GACpD,UAAAM,EAAA,CACH;AAAA,UAAA;AAAA,QAAA;AAAA,QApBKD;AAAA,MAAA,CAsBR;AAAA,MAGAf,KACC,gBAAAY;AAAA,QAACM;AAAA,QAAA;AAAA,UACC,cAAW;AAAA,UACX,WAAWR,EAAO,iCAAiC;AAAA,UACnD,MAAK;AAAA,UACL,SAASN;AAAA,UACT,wBAAOS,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAD,EAACO,KAAwB,EAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,IAC5D,EAAA,CAEJ;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/message-reactions/MessageReactions.module.css ADDED Viewed

@@ -0,0 +1 @@

+ ._message-reactions_v1bab_2{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-xs);padding:var(--spacing-xxxxs) 0}._message-reactions__pills_v1bab_9{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-xxxs)}._message-reactions__pill_v1bab_9{display:inline-flex;align-items:center;gap:var(--spacing-xxxs);padding:var(--spacing-xxxs) var(--spacing-xxs);border:none;border-radius:var(--radius-s);background-color:rgba(var(--center-channel-color-rgb),.08);cursor:pointer;transition:background-color var(--duration-quick) var(--ease-transition),box-shadow var(--duration-quick) var(--ease-transition)}._message-reactions__pill_v1bab_9:hover{background-color:rgba(var(--center-channel-color-rgb),.12)}._message-reactions__pill_v1bab_9:focus-visible{outline:2px solid var(--link-color);outline-offset:1px}._message-reactions__pill--mine_v1bab_33{background-color:rgba(var(--link-color-rgb),.08);box-shadow:inset 0 0 0 1px var(--link-color)}._message-reactions__pill--mine_v1bab_33:hover{background-color:rgba(var(--link-color-rgb),.12)}._message-reactions__pill--mine_v1bab_33 ._message-reactions__pill-count_v1bab_40{color:var(--link-color)}._message-reactions__pill-emoji_v1bab_43{font-size:var(--font-size-200);line-height:var(--line-height-50)}._message-reactions__pill-count_v1bab_40{font-family:var(--font-family-body);font-size:var(--font-size-75);font-weight:var(--font-weight-semibold);line-height:var(--line-height-75);color:rgba(var(--center-channel-color-rgb),.56)}@media(hover:hover)and (pointer:fine){._message-reactions__add-reaction_v1bab_55{opacity:0;pointer-events:none;transition:opacity var(--duration-quick) var(--ease-transition)}._message-reactions_v1bab_2:hover ._message-reactions__add-reaction_v1bab_55,._message-reactions_v1bab_2:focus-within ._message-reactions__add-reaction_v1bab_55{opacity:1;pointer-events:auto}}._message-reactions__ack_v1bab_65{display:inline-flex;align-items:center;gap:var(--spacing-xxxs);padding:var(--spacing-xxxs) var(--spacing-xxs);border:none;border-radius:var(--radius-s);background-color:rgba(var(--color-success-rgb),.12);color:var(--color-success);cursor:pointer;transition:background-color var(--duration-quick) var(--ease-transition)}._message-reactions__ack_v1bab_65:hover{background-color:rgba(var(--color-success-rgb),.2)}._message-reactions__ack_v1bab_65:focus-visible{outline:2px solid var(--color-success);outline-offset:1px}._message-reactions__ack--active_v1bab_84{background-color:var(--color-success);color:var(--button-color)}._message-reactions__ack--active_v1bab_84:hover{background-image:linear-gradient(#00000014,#00000014);background-color:var(--color-success)}._message-reactions__ack-icon_v1bab_92{display:inline-flex;align-items:center}._message-reactions__ack-count_v1bab_96,._message-reactions__ack-label_v1bab_102{font-family:var(--font-family-body);font-size:var(--font-size-75);font-weight:var(--font-weight-semibold);line-height:var(--line-height-75)}

package/dist/components/message-reactions/MessageReactions.module.scss.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./MessageReactions.module.css');const e={"message-reactions":"_message-reactions_v1bab_2","message-reactions__pills":"_message-reactions__pills_v1bab_9","message-reactions__pill":"_message-reactions__pill_v1bab_9","message-reactions__pill--mine":"_message-reactions__pill--mine_v1bab_33","message-reactions__pill-count":"_message-reactions__pill-count_v1bab_40","message-reactions__pill-emoji":"_message-reactions__pill-emoji_v1bab_43","message-reactions__add-reaction":"_message-reactions__add-reaction_v1bab_55","message-reactions__ack":"_message-reactions__ack_v1bab_65","message-reactions__ack--active":"_message-reactions__ack--active_v1bab_84","message-reactions__ack-icon":"_message-reactions__ack-icon_v1bab_92","message-reactions__ack-count":"_message-reactions__ack-count_v1bab_96","message-reactions__ack-label":"_message-reactions__ack-label_v1bab_102"};exports.default=e;
2	+ //# sourceMappingURL=MessageReactions.module.scss.cjs.map

package/dist/components/message-reactions/MessageReactions.module.scss.cjs.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"MessageReactions.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/message-reactions/MessageReactions.module.scss.js ADDED Viewed

@@ -0,0 +1,18 @@
+import './MessageReactions.module.css';const e = {
+  "message-reactions": "_message-reactions_v1bab_2",
+  "message-reactions__pills": "_message-reactions__pills_v1bab_9",
+  "message-reactions__pill": "_message-reactions__pill_v1bab_9",
+  "message-reactions__pill--mine": "_message-reactions__pill--mine_v1bab_33",
+  "message-reactions__pill-count": "_message-reactions__pill-count_v1bab_40",
+  "message-reactions__pill-emoji": "_message-reactions__pill-emoji_v1bab_43",
+  "message-reactions__add-reaction": "_message-reactions__add-reaction_v1bab_55",
+  "message-reactions__ack": "_message-reactions__ack_v1bab_65",
+  "message-reactions__ack--active": "_message-reactions__ack--active_v1bab_84",
+  "message-reactions__ack-icon": "_message-reactions__ack-icon_v1bab_92",
+  "message-reactions__ack-count": "_message-reactions__ack-count_v1bab_96",
+  "message-reactions__ack-label": "_message-reactions__ack-label_v1bab_102"
+};
+export {
+  e as default
+};
+//# sourceMappingURL=MessageReactions.module.scss.js.map

package/dist/components/message-reactions/MessageReactions.module.scss.js.map ADDED Viewed

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