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

package/dist/components/message-input/MessageInput.js

@@ -0,0 +1,407 @@
+import { jsxs as o, Fragment as D, jsx as e } from "react/jsx-runtime";
+import { useState as v, useRef as L, useCallback as E, useEffect as V } from "react";
+import __N from "@mattermost/compass-icons/components/alert-circle-outline.js";const N=__N&&__N.default?__N.default:__N;
+import __I from "@mattermost/compass-icons/components/chevron-down.js";const I=__I&&__I.default?__I.default:__I;
+import __K from "@mattermost/compass-icons/components/chevron-up.js";const K=__K&&__K.default?__K.default:__K;
+import __Q from "@mattermost/compass-icons/components/dots-horizontal.js";const Q=__Q&&__Q.default?__Q.default:__Q;
+import __U from "@mattermost/compass-icons/components/code-tags.js";const U=__U&&__U.default?__U.default:__U;
+import __W from "@mattermost/compass-icons/components/creation-outline.js";const W=__W&&__W.default?__W.default:__W;
+import __G from "@mattermost/compass-icons/components/emoticon-happy-outline.js";const G=__G&&__G.default?__G.default:__G;
+import __$ from "@mattermost/compass-icons/components/eye-outline.js";const $=__$&&__$.default?__$.default:__$;
+import __q from "@mattermost/compass-icons/components/fire.js";const q=__q&&__q.default?__q.default:__q;
+import __w from "@mattermost/compass-icons/components/format-bold.js";const w=__w&&__w.default?__w.default:__w;
+import __J from "@mattermost/compass-icons/components/format-header.js";const J=__J&&__J.default?__J.default:__J;
+import __F from "@mattermost/compass-icons/components/format-italic.js";const F=__F&&__F.default?__F.default:__F;
+import __X from "@mattermost/compass-icons/components/format-letter-case.js";const X=__X&&__X.default?__X.default:__X;
+import __Y from "@mattermost/compass-icons/components/format-list-bulleted.js";const Y=__Y&&__Y.default?__Y.default:__Y;
+import __Z from "@mattermost/compass-icons/components/format-list-numbered.js";const Z=__Z&&__Z.default?__Z.default:__Z;
+import __ee from "@mattermost/compass-icons/components/format-quote-open.js";const ee=__ee&&__ee.default?__ee.default:__ee;
+import __ae from "@mattermost/compass-icons/components/format-strikethrough-variant.js";const ae=__ae&&__ae.default?__ae.default:__ae;
+import __B from "@mattermost/compass-icons/components/link-variant.js";const B=__B&&__B.default?__B.default:__B;
+import __ie from "@mattermost/compass-icons/components/paperclip.js";const ie=__ie&&__ie.default?__ie.default:__ie;
+import __se from "@mattermost/compass-icons/components/send.js";const se=__se&&__se.default?__se.default:__se;
+import i from "../icon/Icon.js";
+import s from "../icon-button/IconButton.js";
+import te from "../tag/Tag.js";
+import x from "../attachment-card/AttachmentCard.js";
+import a from "./MessageInput.module.scss.js";
+function Ce({
+  className: T = "",
+  placeholder: A = "Message channel…",
+  showPriorityIndicator: O = !1,
+  showAttachments: k = !1,
+  value: u,
+  onChange: m,
+  onSelectionChange: c,
+  inputRef: h,
+  width: n = "wide"
+}) {
+  const [C, M] = v(""), _ = u !== void 0, p = _ ? u : C, S = (t) => {
+    _ ? m == null || m(t) : M(t);
+  }, [l, j] = v(!1), f = L(null), H = (t) => {
+    f.current = t, h && (h.current = t);
+  }, d = E(() => {
+    const t = f.current;
+    t && (t.style.height = "auto", t.style.height = `${t.scrollHeight}px`);
+  }, []);
+  V(() => {
+    d();
+  }, [p, d]);
+  const g = p.trim().length > 0, r = (t, y) => [a[t], y ? a[y] : ""].filter(Boolean).join(" "), P = n === "narrow" && l, b = l && n === "wide", z = /* @__PURE__ */ o(D, { children: [
+    /* @__PURE__ */ o(
+      "button",
+      {
+        type: "button",
+        className: r(
+          "message-input__format-btn",
+          l ? "message-input__format-btn--active" : ""
+        ),
+        "aria-label": l ? "Hide formatting toolbar" : "Show formatting toolbar",
+        "aria-pressed": l,
+        onClick: () => j((t) => !t),
+        children: [
+          /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(X, {}), size: "16" }),
+          P ? /* @__PURE__ */ e("span", { className: a["message-input__format-chevron"], children: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(K, {}), size: "12" }) }) : /* @__PURE__ */ e(
+            "span",
+            {
+              className: r(
+                "message-input__format-chevron",
+                l ? "message-input__format-chevron--rotated" : ""
+              ),
+              children: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(I, {}), size: "12" })
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ e(
+      "span",
+      {
+        className: a["message-input__actions-divider"],
+        "aria-hidden": !0
+      }
+    ),
+    /* @__PURE__ */ e(
+      s,
+      {
+        icon: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(ie, {}), size: "16" }),
+        size: "small",
+        "aria-label": "Attach a file"
+      }
+    ),
+    /* @__PURE__ */ e(
+      s,
+      {
+        icon: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(G, {}), size: "16" }),
+        size: "small",
+        "aria-label": "Add an emoji"
+      }
+    ),
+    /* @__PURE__ */ o(
+      "div",
+      {
+        className: r(
+          "message-input__send",
+          g ? "" : "message-input__send--disabled"
+        ),
+        children: [
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: a["message-input__send-main"],
+              "aria-label": "Send message",
+              disabled: !g,
+              children: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(se, {}), size: "16" })
+            }
+          ),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: a["message-input__send-dropdown"],
+              "aria-label": "Send options",
+              disabled: !g,
+              children: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(I, {}), size: "16" })
+            }
+          )
+        ]
+      }
+    )
+  ] }), R = [
+    a["message-input"],
+    n === "narrow" ? a["message-input--width-narrow"] : "",
+    T
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("div", { className: R, children: /* @__PURE__ */ o(
+    "div",
+    {
+      className: r(
+        "message-input__container",
+        l ? "message-input__container--formatting-open" : ""
+      ),
+      children: [
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: r(
+              "message-input__preview-btn",
+              l ? "message-input__preview-btn--visible" : ""
+            ),
+            "aria-label": "Preview",
+            tabIndex: l ? 0 : -1,
+            children: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e($, {}), size: "16" })
+          }
+        ),
+        /* @__PURE__ */ o(
+          "div",
+          {
+            className: r(
+              "message-input__body",
+              l ? "message-input__body--formatting-open" : ""
+            ),
+            children: [
+              O && /* @__PURE__ */ e("div", { className: a["message-input__priority-row"], children: /* @__PURE__ */ e(
+                te,
+                {
+                  label: "IMPORTANT",
+                  type: "info",
+                  size: "x-small",
+                  casing: "all-caps",
+                  leadingIcon: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(N, {}), size: "10" })
+                }
+              ) }),
+              /* @__PURE__ */ e(
+                "textarea",
+                {
+                  ref: H,
+                  className: a["message-input__textarea"],
+                  placeholder: A,
+                  value: p,
+                  onChange: (t) => S(t.target.value),
+                  onInput: d,
+                  onSelect: c,
+                  onKeyUp: c,
+                  onClick: c,
+                  rows: 1
+                }
+              )
+            ]
+          }
+        ),
+        k && /* @__PURE__ */ e("div", { className: a["message-input__attachments"], children: /* @__PURE__ */ o("div", { className: a["message-input__attachments-list"], children: [
+          /* @__PURE__ */ e(
+            x,
+            {
+              fileName: "Design_Brief.pdf",
+              fileMeta: "PDF 240KB",
+              fileType: "pdf",
+              state: "default",
+              onRemove: () => {
+              }
+            }
+          ),
+          /* @__PURE__ */ e(
+            x,
+            {
+              fileName: "Wireframes_v3.png",
+              fileMeta: "PNG 1.2MB",
+              fileType: "image-icon",
+              state: "default",
+              onRemove: () => {
+              }
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: r(
+              "message-input__formatting-bar",
+              b ? "message-input__formatting-bar--open" : ""
+            ),
+            "aria-hidden": !b,
+            children: /* @__PURE__ */ o("div", { className: a["message-input__toolbar-controls"], children: [
+              /* @__PURE__ */ o("div", { className: a["message-input__toolbar-group"], children: [
+                /* @__PURE__ */ e(
+                  s,
+                  {
+                    icon: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(w, {}), size: "16" }),
+                    size: "small",
+                    "aria-label": "Bold"
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  s,
+                  {
+                    icon: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(F, {}), size: "16" }),
+                    size: "small",
+                    "aria-label": "Italic"
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  s,
+                  {
+                    icon: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(ae, {}), size: "16" }),
+                    size: "small",
+                    "aria-label": "Strikethrough"
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  s,
+                  {
+                    icon: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(J, {}), size: "16" }),
+                    size: "small",
+                    "aria-label": "Heading"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ e(
+                "span",
+                {
+                  className: a["message-input__toolbar-divider"],
+                  "aria-hidden": !0
+                }
+              ),
+              /* @__PURE__ */ o("div", { className: a["message-input__toolbar-group"], children: [
+                /* @__PURE__ */ e(
+                  s,
+                  {
+                    icon: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(B, {}), size: "16" }),
+                    size: "small",
+                    "aria-label": "Add link"
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  s,
+                  {
+                    icon: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(U, {}), size: "16" }),
+                    size: "small",
+                    "aria-label": "Code"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ e(
+                "span",
+                {
+                  className: a["message-input__toolbar-divider"],
+                  "aria-hidden": !0
+                }
+              ),
+              /* @__PURE__ */ o("div", { className: a["message-input__toolbar-group"], children: [
+                /* @__PURE__ */ e(
+                  s,
+                  {
+                    icon: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(ee, {}), size: "16" }),
+                    size: "small",
+                    "aria-label": "Quote"
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  s,
+                  {
+                    icon: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(Y, {}), size: "16" }),
+                    size: "small",
+                    "aria-label": "Bulleted list"
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  s,
+                  {
+                    icon: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(Z, {}), size: "16" }),
+                    size: "small",
+                    "aria-label": "Numbered list"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ e(
+                "span",
+                {
+                  className: a["message-input__toolbar-divider"],
+                  "aria-hidden": !0
+                }
+              ),
+              /* @__PURE__ */ o("div", { className: a["message-input__toolbar-group"], children: [
+                /* @__PURE__ */ e(
+                  s,
+                  {
+                    icon: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(N, {}), size: "16" }),
+                    size: "small",
+                    "aria-label": "Message priority"
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  s,
+                  {
+                    icon: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(q, {}), size: "16" }),
+                    size: "small",
+                    "aria-label": "Burn on read"
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  s,
+                  {
+                    icon: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(W, {}), size: "16" }),
+                    size: "small",
+                    "aria-label": "AI assistance"
+                  }
+                )
+              ] })
+            ] })
+          }
+        ),
+        n === "narrow" ? /* @__PURE__ */ o("div", { className: a["message-input__narrow-chrome"], children: [
+          /* @__PURE__ */ e("div", { className: a["message-input__narrow-chrome-left"], children: l && /* @__PURE__ */ o("div", { className: a["message-input__formatting-collapsed"], children: [
+            /* @__PURE__ */ e(
+              s,
+              {
+                icon: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(w, {}), size: "16" }),
+                size: "small",
+                "aria-label": "Bold"
+              }
+            ),
+            /* @__PURE__ */ e(
+              s,
+              {
+                icon: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(F, {}), size: "16" }),
+                size: "small",
+                "aria-label": "Italic"
+              }
+            ),
+            /* @__PURE__ */ e(
+              s,
+              {
+                icon: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(B, {}), size: "16" }),
+                size: "small",
+                "aria-label": "Add link"
+              }
+            ),
+            /* @__PURE__ */ e(
+              s,
+              {
+                icon: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(Q, {}), size: "16" }),
+                size: "small",
+                "aria-label": "More formatting options"
+              }
+            )
+          ] }) }),
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: [
+                a["message-input__actions"],
+                a["message-input__actions--narrow-chrome"]
+              ].join(" "),
+              children: z
+            }
+          )
+        ] }) : /* @__PURE__ */ e("div", { className: a["message-input__actions"], children: z })
+      ]
+    }
+  ) });
+}
+export {
+  Ce as default
+};
+//# sourceMappingURL=MessageInput.js.map

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

@@ -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

@@ -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

@@ -0,0 +1,2 @@
+"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;
+//# sourceMappingURL=MessageInput.module.scss.cjs.map

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

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

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

@@ -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

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

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

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

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

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

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

@@ -0,0 +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

@@ -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

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

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

@@ -0,0 +1,2 @@
+"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;
+//# sourceMappingURL=MessageMoreOptionsMenu.cjs.map

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

@@ -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

@@ -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"}