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

package/dist/components/menu-item/MenuItem.js

@@ -0,0 +1,66 @@
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import __z from "@mattermost/compass-icons/components/emoticon-happy-outline.js";const z=__z&&__z.default?__z.default:__z;
+import __I from "@mattermost/compass-icons/components/check.js";const I=__I&&__I.default?__I.default:__I;
+import r, { IconSlotContext as c } from "../icon/Icon.js";
+import x from "../tag/Tag.js";
+import j from "../mention-badge/MentionBadge.js";
+import i from "./MenuItem.module.scss.js";
+function O({
+  label: o,
+  secondaryLabel: l,
+  secondaryLabelPosition: a = "below",
+  leadingVisual: u,
+  leadingElement: d = !0,
+  trailingVisual: t,
+  trailingElement: _ = !1,
+  customStatusEmoji: s,
+  tag: h = !1,
+  mentionCount: m,
+  destructive: p = !1,
+  active: f = !1,
+  className: v = "",
+  disabled: N,
+  type: g = "button",
+  ...b
+}) {
+  const w = [
+    i["menu-item"],
+    p ? i["menu-item--destructive"] : "",
+    f ? i["menu-item--active"] : "",
+    v
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("button", { className: w, type: g, disabled: N, ...b, children: /* @__PURE__ */ n("div", { className: i["menu-item__content"], children: [
+    d && /* @__PURE__ */ e("div", { className: i["menu-item__left"], children: /* @__PURE__ */ e("span", { className: i["menu-item__leading-visual"], "aria-hidden": !0, children: /* @__PURE__ */ e(c.Provider, { value: { size: "16" }, children: u ?? /* @__PURE__ */ e(r, { glyph: /* @__PURE__ */ e(z, {}), size: "16" }) }) }) }),
+    /* @__PURE__ */ n("div", { className: i["menu-item__middle"], children: [
+      /* @__PURE__ */ n("div", { className: i["menu-item__top-row"], children: [
+        /* @__PURE__ */ e("span", { className: i["menu-item__label"], children: o }),
+        l && a === "inline" && /* @__PURE__ */ e("span", { className: i["menu-item__secondary-label-inline"], children: l }),
+        s && /* @__PURE__ */ e("span", { className: i["menu-item__custom-status"], "aria-hidden": !0, children: s }),
+        h && /* @__PURE__ */ e(x, { label: "NEW" }),
+        m != null && m > 0 && /* @__PURE__ */ e(
+          j,
+          {
+            count: m,
+            location: "menu-item",
+            size: "small"
+          }
+        )
+      ] }),
+      l && a === "below" && /* @__PURE__ */ e("div", { className: i["menu-item__bottom-row"], children: /* @__PURE__ */ e("span", { className: i["menu-item__secondary-label-below"], children: l }) })
+    ] }),
+    _ && /* @__PURE__ */ e("div", { className: i["menu-item__right"], children: /* @__PURE__ */ e(
+      "span",
+      {
+        className: [
+          i["menu-item__trailing-visual"],
+          t ? "" : i["menu-item__trailing-visual--check"]
+        ].filter(Boolean).join(" "),
+        children: /* @__PURE__ */ e(c.Provider, { value: { size: "16" }, children: t ?? /* @__PURE__ */ e(r, { glyph: /* @__PURE__ */ e(I, {}), size: "16" }) })
+      }
+    ) })
+  ] }) });
+}
+export {
+  O as default
+};
+//# sourceMappingURL=MenuItem.js.map

package/dist/components/menu-item/MenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.js","sources":["../../../src/components/menu-item/MenuItem.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, ReactNode } from 'react';\nimport EmoticonHappyOutlineIcon from '@mattermost/compass-icons/components/emoticon-happy-outline';\nimport CheckIcon from '@mattermost/compass-icons/components/check';\nimport Icon from '@/components/icon/Icon';\nimport { IconSlotContext } from '@/components/icon/Icon';\nimport Tag from '@/components/tag/Tag';\nimport MentionBadge from '@/components/mention-badge/MentionBadge';\nimport styles from './MenuItem.module.scss';\n\nexport interface MenuItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Primary label text. */\n  label: string;\n  /** Optional secondary label. */\n  secondaryLabel?: ReactNode;\n  /** Where the secondary label appears. Default: 'below'. */\n  secondaryLabelPosition?: 'inline' | 'below';\n  /** Custom content for the leading slot. When omitted, shows placeholder icon. When passing an icon, use `<Icon glyph={<SomeIcon />} />` — MenuItem provides the correct size via context. */\n  leadingVisual?: ReactNode;\n  /** Show the leading visual slot. Default: true. */\n  leadingElement?: boolean;\n  /** Custom content for the trailing slot. When omitted with trailingElement=true, shows check icon. When passing an icon, use `<Icon glyph={<SomeIcon />} />` — MenuItem provides the correct size via context. */\n  trailingVisual?: ReactNode;\n  /** Show the trailing visual slot. Default: false. */\n  trailingElement?: boolean;\n  /** Emoji character for custom status, shown inline after the label. */\n  customStatusEmoji?: string;\n  /** Show \"NEW\" label tag. */\n  tag?: boolean;\n  /** Inline mention count badge. */\n  mentionCount?: number;\n  /** Destructive (danger) styling. */\n  destructive?: boolean;\n  /** Highlight row (e.g. submenu parent while child menu is open). */\n  active?: boolean;\n}\n\n/**\n * Menu Items are the rows inside a Menu — the smallest selectable unit in any dropdown,\n * kebab, or context menu. One label, optional supporting visuals, and a clear hit target.\n */\nexport default function MenuItem({\n  label,\n  secondaryLabel,\n  secondaryLabelPosition = 'below',\n  leadingVisual,\n  leadingElement = true,\n  trailingVisual,\n  trailingElement = false,\n  customStatusEmoji,\n  tag = false,\n  mentionCount,\n  destructive = false,\n  active = false,\n  className = '',\n  disabled,\n  type = 'button',\n  ...rest\n}: MenuItemProps) {\n  const rootClass = [\n    styles['menu-item'],\n    destructive ? styles['menu-item--destructive'] : '',\n    active ? styles['menu-item--active'] : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <button className={rootClass} type={type} disabled={disabled} {...rest}>\n      <div className={styles['menu-item__content']}>\n        {leadingElement && (\n          <div className={styles['menu-item__left']}>\n            <span className={styles['menu-item__leading-visual']} aria-hidden>\n              <IconSlotContext.Provider value={{ size: '16' }}>\n                {leadingVisual ?? (\n                  <Icon glyph={<EmoticonHappyOutlineIcon />} size=\"16\" />\n                )}\n              </IconSlotContext.Provider>\n            </span>\n          </div>\n        )}\n        <div className={styles['menu-item__middle']}>\n          <div className={styles['menu-item__top-row']}>\n            <span className={styles['menu-item__label']}>{label}</span>\n            {secondaryLabel && secondaryLabelPosition === 'inline' && (\n              <span className={styles['menu-item__secondary-label-inline']}>\n                {secondaryLabel}\n              </span>\n            )}\n            {customStatusEmoji && (\n              <span className={styles['menu-item__custom-status']} aria-hidden>\n                {customStatusEmoji}\n              </span>\n            )}\n            {tag && <Tag label=\"NEW\" />}\n            {mentionCount != null && mentionCount > 0 && (\n              <MentionBadge\n                count={mentionCount}\n                location=\"menu-item\"\n                size=\"small\"\n              />\n            )}\n          </div>\n          {secondaryLabel && secondaryLabelPosition === 'below' && (\n            <div className={styles['menu-item__bottom-row']}>\n              <span className={styles['menu-item__secondary-label-below']}>\n                {secondaryLabel}\n              </span>\n            </div>\n          )}\n        </div>\n        {trailingElement && (\n          <div className={styles['menu-item__right']}>\n            <span\n              className={[\n                styles['menu-item__trailing-visual'],\n                !trailingVisual\n                  ? styles['menu-item__trailing-visual--check']\n                  : '',\n              ]\n                .filter(Boolean)\n                .join(' ')}\n            >\n              <IconSlotContext.Provider value={{ size: '16' }}>\n                {trailingVisual ?? <Icon glyph={<CheckIcon />} size=\"16\" />}\n              </IconSlotContext.Provider>\n            </span>\n          </div>\n        )}\n      </div>\n    </button>\n  );\n}\n"],"names":["MenuItem","label","secondaryLabel","secondaryLabelPosition","leadingVisual","leadingElement","trailingVisual","trailingElement","customStatusEmoji","tag","mentionCount","destructive","active","className","disabled","type","rest","rootClass","styles","jsx","jsxs","IconSlotContext","Icon","EmoticonHappyOutlineIcon","Tag","MentionBadge","CheckIcon"],"mappings":"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"}

package/dist/components/menu-item/MenuItem.module.scss.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./MenuItem.css');const e={"menu-item":"_menu-item_1nhr4_2","menu-item--active":"_menu-item--active_1nhr4_27","menu-item__leading-visual":"_menu-item__leading-visual_1nhr4_30","menu-item__trailing-visual":"_menu-item__trailing-visual_1nhr4_31","menu-item__content":"_menu-item__content_1nhr4_44","menu-item__left":"_menu-item__left_1nhr4_53","menu-item__trailing-visual--check":"_menu-item__trailing-visual--check_1nhr4_65","menu-item__middle":"_menu-item__middle_1nhr4_68","menu-item__top-row":"_menu-item__top-row_1nhr4_79","menu-item__label":"_menu-item__label_1nhr4_87","menu-item__secondary-label-inline":"_menu-item__secondary-label-inline_1nhr4_94","menu-item__bottom-row":"_menu-item__bottom-row_1nhr4_102","menu-item__secondary-label-below":"_menu-item__secondary-label-below_1nhr4_109","menu-item__custom-status":"_menu-item__custom-status_1nhr4_120","menu-item__right":"_menu-item__right_1nhr4_129","menu-item--destructive":"_menu-item--destructive_1nhr4_135"};exports.default=e;
+//# sourceMappingURL=MenuItem.module.scss.cjs.map

package/dist/components/menu-item/MenuItem.module.scss.cjs.map

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

package/dist/components/menu-item/MenuItem.module.scss.js

@@ -0,0 +1,22 @@
+import './MenuItem.css';const _ = {
+  "menu-item": "_menu-item_1nhr4_2",
+  "menu-item--active": "_menu-item--active_1nhr4_27",
+  "menu-item__leading-visual": "_menu-item__leading-visual_1nhr4_30",
+  "menu-item__trailing-visual": "_menu-item__trailing-visual_1nhr4_31",
+  "menu-item__content": "_menu-item__content_1nhr4_44",
+  "menu-item__left": "_menu-item__left_1nhr4_53",
+  "menu-item__trailing-visual--check": "_menu-item__trailing-visual--check_1nhr4_65",
+  "menu-item__middle": "_menu-item__middle_1nhr4_68",
+  "menu-item__top-row": "_menu-item__top-row_1nhr4_79",
+  "menu-item__label": "_menu-item__label_1nhr4_87",
+  "menu-item__secondary-label-inline": "_menu-item__secondary-label-inline_1nhr4_94",
+  "menu-item__bottom-row": "_menu-item__bottom-row_1nhr4_102",
+  "menu-item__secondary-label-below": "_menu-item__secondary-label-below_1nhr4_109",
+  "menu-item__custom-status": "_menu-item__custom-status_1nhr4_120",
+  "menu-item__right": "_menu-item__right_1nhr4_129",
+  "menu-item--destructive": "_menu-item--destructive_1nhr4_135"
+};
+export {
+  _ as default
+};
+//# sourceMappingURL=MenuItem.module.scss.js.map

package/dist/components/menu-item/MenuItem.module.scss.js.map

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

package/dist/components/menu-item/index.cjs

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

package/dist/components/menu-item/index.cjs.map

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

package/dist/components/menu-item/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/menu-item/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/menu-item/index.js

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

package/dist/components/menu-item/index.js.map

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

package/dist/components/message-actions/MessageActions.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../emoji/Emoji.cjs"),a=require("../icon-button/IconButton.cjs"),s=require("../icon/Icon.cjs"),__z=require("@mattermost/compass-icons/components/emoticon-plus-outline.js"),z=__z?.default??__z,__n=require("@mattermost/compass-icons/components/dots-horizontal.js"),n=__n?.default??__n,__o=require("@mattermost/compass-icons/components/bookmark-outline.js"),o=__o?.default??__o,__b=require("@mattermost/compass-icons/components/creation-outline.js"),b=__b?.default??__b,__y=require("@mattermost/compass-icons/components/apps.js"),y=__y?.default??__y,__r=require("@mattermost/compass-icons/components/reply-outline.js"),r=__r?.default??__r,d=require("./MessageActions.module.scss.cjs");function q({type:l="center-channel",visible:u=!0,collapsedReplyThreads:j=!0,quickReactions:m=!0,className:p="",...x}){if(!u)return null;const c=l==="center-channel",g=l==="rhs",i=l==="search-results",f=m&&j,h=[d.default["message-actions"],p].filter(Boolean).join(" ");return e.jsxs("div",{className:h,role:"toolbar","aria-label":"Message actions",...x,children:[f&&!i&&e.jsxs(e.Fragment,{children:[e.jsx(a.default,{"aria-label":"React with thumbs up",size:"small",padding:"compact",icon:e.jsx(t.default,{emoji:"👍",size:"16"})}),c&&e.jsxs(e.Fragment,{children:[e.jsx(a.default,{"aria-label":"React with raised hands",size:"small",padding:"compact",icon:e.jsx(t.default,{emoji:"🙌",size:"16"})}),e.jsx(a.default,{"aria-label":"React with OK hand",size:"small",padding:"compact",icon:e.jsx(t.default,{emoji:"👌",size:"16"})})]}),e.jsx(a.default,{"aria-label":"Add reaction",size:"small",padding:"compact",icon:e.jsx(s.default,{size:"16",glyph:e.jsx(z,{})})})]}),i&&e.jsx(a.default,{"aria-label":"More actions",size:"small",padding:"compact",icon:e.jsx(s.default,{size:"16",glyph:e.jsx(n,{})})}),c&&e.jsxs(e.Fragment,{children:[e.jsx(a.default,{"aria-label":"Save message",size:"small",padding:"compact",icon:e.jsx(s.default,{size:"16",glyph:e.jsx(o,{})})}),e.jsx(a.default,{"aria-label":"AI actions",size:"small",padding:"compact",icon:e.jsx(s.default,{size:"16",glyph:e.jsx(b,{})})}),e.jsx(a.default,{"aria-label":"Plugin actions",size:"small",padding:"compact",icon:e.jsx(s.default,{size:"16",glyph:e.jsx(y,{})})}),e.jsx(a.default,{"aria-label":"Reply in thread",size:"small",padding:"compact",icon:e.jsx(s.default,{size:"16",glyph:e.jsx(r,{})})}),e.jsx(a.default,{"aria-label":"More actions",size:"small",padding:"compact",icon:e.jsx(s.default,{size:"16",glyph:e.jsx(n,{})})})]}),g&&e.jsx(a.default,{"aria-label":"More actions",size:"small",padding:"compact",icon:e.jsx(s.default,{size:"16",glyph:e.jsx(n,{})})}),i&&e.jsxs(e.Fragment,{children:[e.jsx(a.default,{"aria-label":"Save message",size:"small",padding:"compact",icon:e.jsx(s.default,{size:"16",glyph:e.jsx(o,{})})}),e.jsx(a.default,{"aria-label":"Reply in thread",size:"small",padding:"compact",icon:e.jsx(s.default,{size:"16",glyph:e.jsx(r,{})})}),e.jsx("button",{type:"button",className:d.default["message-actions__jump"],"aria-label":"Jump to message",children:"Jump"})]})]})}exports.default=q;
+//# sourceMappingURL=MessageActions.cjs.map

package/dist/components/message-actions/MessageActions.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageActions.cjs","sources":["../../../src/components/message-actions/MessageActions.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport Emoji from '@/components/emoji/Emoji';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Icon from '@/components/icon/Icon';\nimport EmoticonPlusOutlineIcon from '@mattermost/compass-icons/components/emoticon-plus-outline';\nimport DotsHorizontalIcon from '@mattermost/compass-icons/components/dots-horizontal';\nimport BookmarkOutlineIcon from '@mattermost/compass-icons/components/bookmark-outline';\nimport CreationOutlineIcon from '@mattermost/compass-icons/components/creation-outline';\nimport AppsIcon from '@mattermost/compass-icons/components/apps';\nimport ReplyOutlineIcon from '@mattermost/compass-icons/components/reply-outline';\nimport styles from './MessageActions.module.scss';\n\nexport type MessageActionsType = 'center-channel' | 'rhs' | 'search-results';\n\nexport interface MessageActionsProps extends HTMLAttributes<HTMLDivElement> {\n  /** Context variant. Default: Center Channel. */\n  type?: MessageActionsType;\n  /** Whether the hover toolbar is visible. Default: true. */\n  visible?: boolean;\n  /** Whether collapsed reply threads feature is on. Default: true. */\n  collapsedReplyThreads?: boolean;\n  /** Whether quick reactions are shown. Default: true. */\n  quickReactions?: boolean;\n  /** Optional CSS class name. */\n  className?: string;\n}\n\n/**\n * Message Actions is the floating toolbar that appears on a message when you hover, tab, or\n * long-press it. It bundles the most common per-message actions — react, save, reply, more —\n * into a small, context-aware row that hovers above the post.\n */\nexport default function MessageActions({\n  type = 'center-channel',\n  visible = true,\n  collapsedReplyThreads = true,\n  quickReactions = true,\n  className = '',\n  ...rest\n}: MessageActionsProps) {\n  if (!visible) return null;\n\n  const isCenterChannel = type === 'center-channel';\n  const isRHS = type === 'rhs';\n  const isSearchResults = type === 'search-results';\n  const showQuickReactions = quickReactions && collapsedReplyThreads;\n\n  const rootClass = [styles['message-actions'], className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div\n      className={rootClass}\n      role=\"toolbar\"\n      aria-label=\"Message actions\"\n      {...rest}\n    >\n      {/* Quick reaction emojis — center channel + RHS */}\n      {showQuickReactions && !isSearchResults && (\n        <>\n          <IconButton\n            aria-label=\"React with thumbs up\"\n            size=\"small\"\n            padding=\"compact\"\n            icon={<Emoji emoji=\"👍\" size=\"16\" />}\n          />\n          {isCenterChannel && (\n            <>\n              <IconButton\n                aria-label=\"React with raised hands\"\n                size=\"small\"\n                padding=\"compact\"\n                icon={<Emoji emoji=\"🙌\" size=\"16\" />}\n              />\n              <IconButton\n                aria-label=\"React with OK hand\"\n                size=\"small\"\n                padding=\"compact\"\n                icon={<Emoji emoji=\"👌\" size=\"16\" />}\n              />\n            </>\n          )}\n          <IconButton\n            aria-label=\"Add reaction\"\n            size=\"small\"\n            padding=\"compact\"\n            icon={<Icon size=\"16\" glyph={<EmoticonPlusOutlineIcon />} />}\n          />\n        </>\n      )}\n\n      {/* Search results only: more button first */}\n      {isSearchResults && (\n        <IconButton\n          aria-label=\"More actions\"\n          size=\"small\"\n          padding=\"compact\"\n          icon={<Icon size=\"16\" glyph={<DotsHorizontalIcon />} />}\n        />\n      )}\n\n      {/* Center channel actions */}\n      {isCenterChannel && (\n        <>\n          <IconButton\n            aria-label=\"Save message\"\n            size=\"small\"\n            padding=\"compact\"\n            icon={<Icon size=\"16\" glyph={<BookmarkOutlineIcon />} />}\n          />\n          <IconButton\n            aria-label=\"AI actions\"\n            size=\"small\"\n            padding=\"compact\"\n            icon={<Icon size=\"16\" glyph={<CreationOutlineIcon />} />}\n          />\n          <IconButton\n            aria-label=\"Plugin actions\"\n            size=\"small\"\n            padding=\"compact\"\n            icon={<Icon size=\"16\" glyph={<AppsIcon />} />}\n          />\n          <IconButton\n            aria-label=\"Reply in thread\"\n            size=\"small\"\n            padding=\"compact\"\n            icon={<Icon size=\"16\" glyph={<ReplyOutlineIcon />} />}\n          />\n          <IconButton\n            aria-label=\"More actions\"\n            size=\"small\"\n            padding=\"compact\"\n            icon={<Icon size=\"16\" glyph={<DotsHorizontalIcon />} />}\n          />\n        </>\n      )}\n\n      {/* RHS actions */}\n      {isRHS && (\n        <IconButton\n          aria-label=\"More actions\"\n          size=\"small\"\n          padding=\"compact\"\n          icon={<Icon size=\"16\" glyph={<DotsHorizontalIcon />} />}\n        />\n      )}\n\n      {/* Search results additional buttons */}\n      {isSearchResults && (\n        <>\n          <IconButton\n            aria-label=\"Save message\"\n            size=\"small\"\n            padding=\"compact\"\n            icon={<Icon size=\"16\" glyph={<BookmarkOutlineIcon />} />}\n          />\n          <IconButton\n            aria-label=\"Reply in thread\"\n            size=\"small\"\n            padding=\"compact\"\n            icon={<Icon size=\"16\" glyph={<ReplyOutlineIcon />} />}\n          />\n          <button\n            type=\"button\"\n            className={styles['message-actions__jump']}\n            aria-label=\"Jump to message\"\n          >\n            Jump\n          </button>\n        </>\n      )}\n    </div>\n  );\n}\n"],"names":["MessageActions","type","visible","collapsedReplyThreads","quickReactions","className","rest","isCenterChannel","isRHS","isSearchResults","showQuickReactions","rootClass","styles","jsxs","Fragment","jsx","IconButton","Emoji","Icon","EmoticonPlusOutlineIcon","DotsHorizontalIcon","BookmarkOutlineIcon","CreationOutlineIcon","AppsIcon","ReplyOutlineIcon"],"mappings":"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"}

package/dist/components/message-actions/MessageActions.css

@@ -0,0 +1 @@
+._message-actions_1ie92_2{display:inline-flex;align-items:center;gap:0;padding:var(--spacing-xxxxs);background-color:var(--center-channel-bg);border:1px solid rgba(var(--center-channel-color-rgb),.08);border-radius:var(--radius-s);box-shadow:var(--elevation-1)}._message-actions__jump_1ie92_12{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 var(--spacing-xs);border:none;border-radius:var(--radius-s);background-color:transparent;color:rgba(var(--center-channel-color-rgb),.64);font-family:var(--font-family-body);font-size:var(--font-size-75);font-weight:var(--font-weight-semibold);line-height:var(--line-height-75);cursor:pointer;white-space:nowrap;transition:background-color var(--duration-quick) var(--ease-transition),color var(--duration-quick) var(--ease-transition)}._message-actions__jump_1ie92_12:hover{background-color:rgba(var(--center-channel-color-rgb),.08);color:var(--center-channel-color)}._message-actions__jump_1ie92_12:focus-visible{outline:2px solid var(--link-color);outline-offset:-1px}

package/dist/components/message-actions/MessageActions.d.ts

@@ -0,0 +1,21 @@
+import { HTMLAttributes } from 'react';
+export type MessageActionsType = 'center-channel' | 'rhs' | 'search-results';
+export interface MessageActionsProps extends HTMLAttributes<HTMLDivElement> {
+    /** Context variant. Default: Center Channel. */
+    type?: MessageActionsType;
+    /** Whether the hover toolbar is visible. Default: true. */
+    visible?: boolean;
+    /** Whether collapsed reply threads feature is on. Default: true. */
+    collapsedReplyThreads?: boolean;
+    /** Whether quick reactions are shown. Default: true. */
+    quickReactions?: boolean;
+    /** Optional CSS class name. */
+    className?: string;
+}
+/**
+ * Message Actions is the floating toolbar that appears on a message when you hover, tab, or
+ * long-press it. It bundles the most common per-message actions — react, save, reply, more —
+ * into a small, context-aware row that hovers above the post.
+ */
+export default function MessageActions({ type, visible, collapsedReplyThreads, quickReactions, className, ...rest }: MessageActionsProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=MessageActions.d.ts.map

package/dist/components/message-actions/MessageActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageActions.d.ts","sourceRoot":"","sources":["../../../src/components/message-actions/MessageActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAY5C,MAAM,MAAM,kBAAkB,GAAG,gBAAgB,GAAG,KAAK,GAAG,gBAAgB,CAAC;AAE7E,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACzE,gDAAgD;IAChD,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,2DAA2D;IAC3D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oEAAoE;IACpE,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,wDAAwD;IACxD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,IAAuB,EACvB,OAAc,EACd,qBAA4B,EAC5B,cAAqB,EACrB,SAAc,EACd,GAAG,IAAI,EACR,EAAE,mBAAmB,kDAuIrB"}

package/dist/components/message-actions/MessageActions.js

@@ -0,0 +1,171 @@
+import { jsxs as o, Fragment as l, jsx as a } from "react/jsx-runtime";
+import c from "../emoji/Emoji.js";
+import i from "../icon-button/IconButton.js";
+import e from "../icon/Icon.js";
+import __R from "@mattermost/compass-icons/components/emoticon-plus-outline.js";const R=__R&&__R.default?__R.default:__R;
+import __t from "@mattermost/compass-icons/components/dots-horizontal.js";const t=__t&&__t.default?__t.default:__t;
+import __m from "@mattermost/compass-icons/components/bookmark-outline.js";const m=__m&&__m.default?__m.default:__m;
+import __j from "@mattermost/compass-icons/components/creation-outline.js";const j=__j&&__j.default?__j.default:__j;
+import __M from "@mattermost/compass-icons/components/apps.js";const M=__M&&__M.default?__M.default:__M;
+import __p from "@mattermost/compass-icons/components/reply-outline.js";const p=__p&&__p.default?__p.default:__p;
+import d from "./MessageActions.module.scss.js";
+function J({
+  type: s = "center-channel",
+  visible: g = !0,
+  collapsedReplyThreads: h = !0,
+  quickReactions: z = !0,
+  className: u = "",
+  ...b
+}) {
+  if (!g) return null;
+  const r = s === "center-channel", f = s === "rhs", n = s === "search-results", y = z && h, I = [d["message-actions"], u].filter(Boolean).join(" ");
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: I,
+      role: "toolbar",
+      "aria-label": "Message actions",
+      ...b,
+      children: [
+        y && !n && /* @__PURE__ */ o(l, { children: [
+          /* @__PURE__ */ a(
+            i,
+            {
+              "aria-label": "React with thumbs up",
+              size: "small",
+              padding: "compact",
+              icon: /* @__PURE__ */ a(c, { emoji: "👍", size: "16" })
+            }
+          ),
+          r && /* @__PURE__ */ o(l, { children: [
+            /* @__PURE__ */ a(
+              i,
+              {
+                "aria-label": "React with raised hands",
+                size: "small",
+                padding: "compact",
+                icon: /* @__PURE__ */ a(c, { emoji: "🙌", size: "16" })
+              }
+            ),
+            /* @__PURE__ */ a(
+              i,
+              {
+                "aria-label": "React with OK hand",
+                size: "small",
+                padding: "compact",
+                icon: /* @__PURE__ */ a(c, { emoji: "👌", size: "16" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ a(
+            i,
+            {
+              "aria-label": "Add reaction",
+              size: "small",
+              padding: "compact",
+              icon: /* @__PURE__ */ a(e, { size: "16", glyph: /* @__PURE__ */ a(R, {}) })
+            }
+          )
+        ] }),
+        n && /* @__PURE__ */ a(
+          i,
+          {
+            "aria-label": "More actions",
+            size: "small",
+            padding: "compact",
+            icon: /* @__PURE__ */ a(e, { size: "16", glyph: /* @__PURE__ */ a(t, {}) })
+          }
+        ),
+        r && /* @__PURE__ */ o(l, { children: [
+          /* @__PURE__ */ a(
+            i,
+            {
+              "aria-label": "Save message",
+              size: "small",
+              padding: "compact",
+              icon: /* @__PURE__ */ a(e, { size: "16", glyph: /* @__PURE__ */ a(m, {}) })
+            }
+          ),
+          /* @__PURE__ */ a(
+            i,
+            {
+              "aria-label": "AI actions",
+              size: "small",
+              padding: "compact",
+              icon: /* @__PURE__ */ a(e, { size: "16", glyph: /* @__PURE__ */ a(j, {}) })
+            }
+          ),
+          /* @__PURE__ */ a(
+            i,
+            {
+              "aria-label": "Plugin actions",
+              size: "small",
+              padding: "compact",
+              icon: /* @__PURE__ */ a(e, { size: "16", glyph: /* @__PURE__ */ a(M, {}) })
+            }
+          ),
+          /* @__PURE__ */ a(
+            i,
+            {
+              "aria-label": "Reply in thread",
+              size: "small",
+              padding: "compact",
+              icon: /* @__PURE__ */ a(e, { size: "16", glyph: /* @__PURE__ */ a(p, {}) })
+            }
+          ),
+          /* @__PURE__ */ a(
+            i,
+            {
+              "aria-label": "More actions",
+              size: "small",
+              padding: "compact",
+              icon: /* @__PURE__ */ a(e, { size: "16", glyph: /* @__PURE__ */ a(t, {}) })
+            }
+          )
+        ] }),
+        f && /* @__PURE__ */ a(
+          i,
+          {
+            "aria-label": "More actions",
+            size: "small",
+            padding: "compact",
+            icon: /* @__PURE__ */ a(e, { size: "16", glyph: /* @__PURE__ */ a(t, {}) })
+          }
+        ),
+        n && /* @__PURE__ */ o(l, { children: [
+          /* @__PURE__ */ a(
+            i,
+            {
+              "aria-label": "Save message",
+              size: "small",
+              padding: "compact",
+              icon: /* @__PURE__ */ a(e, { size: "16", glyph: /* @__PURE__ */ a(m, {}) })
+            }
+          ),
+          /* @__PURE__ */ a(
+            i,
+            {
+              "aria-label": "Reply in thread",
+              size: "small",
+              padding: "compact",
+              icon: /* @__PURE__ */ a(e, { size: "16", glyph: /* @__PURE__ */ a(p, {}) })
+            }
+          ),
+          /* @__PURE__ */ a(
+            "button",
+            {
+              type: "button",
+              className: d["message-actions__jump"],
+              "aria-label": "Jump to message",
+              children: "Jump"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+export {
+  J as default
+};
+//# sourceMappingURL=MessageActions.js.map

package/dist/components/message-actions/MessageActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageActions.js","sources":["../../../src/components/message-actions/MessageActions.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport Emoji from '@/components/emoji/Emoji';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Icon from '@/components/icon/Icon';\nimport EmoticonPlusOutlineIcon from '@mattermost/compass-icons/components/emoticon-plus-outline';\nimport DotsHorizontalIcon from '@mattermost/compass-icons/components/dots-horizontal';\nimport BookmarkOutlineIcon from '@mattermost/compass-icons/components/bookmark-outline';\nimport CreationOutlineIcon from '@mattermost/compass-icons/components/creation-outline';\nimport AppsIcon from '@mattermost/compass-icons/components/apps';\nimport ReplyOutlineIcon from '@mattermost/compass-icons/components/reply-outline';\nimport styles from './MessageActions.module.scss';\n\nexport type MessageActionsType = 'center-channel' | 'rhs' | 'search-results';\n\nexport interface MessageActionsProps extends HTMLAttributes<HTMLDivElement> {\n  /** Context variant. Default: Center Channel. */\n  type?: MessageActionsType;\n  /** Whether the hover toolbar is visible. Default: true. */\n  visible?: boolean;\n  /** Whether collapsed reply threads feature is on. Default: true. */\n  collapsedReplyThreads?: boolean;\n  /** Whether quick reactions are shown. Default: true. */\n  quickReactions?: boolean;\n  /** Optional CSS class name. */\n  className?: string;\n}\n\n/**\n * Message Actions is the floating toolbar that appears on a message when you hover, tab, or\n * long-press it. It bundles the most common per-message actions — react, save, reply, more —\n * into a small, context-aware row that hovers above the post.\n */\nexport default function MessageActions({\n  type = 'center-channel',\n  visible = true,\n  collapsedReplyThreads = true,\n  quickReactions = true,\n  className = '',\n  ...rest\n}: MessageActionsProps) {\n  if (!visible) return null;\n\n  const isCenterChannel = type === 'center-channel';\n  const isRHS = type === 'rhs';\n  const isSearchResults = type === 'search-results';\n  const showQuickReactions = quickReactions && collapsedReplyThreads;\n\n  const rootClass = [styles['message-actions'], className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div\n      className={rootClass}\n      role=\"toolbar\"\n      aria-label=\"Message actions\"\n      {...rest}\n    >\n      {/* Quick reaction emojis — center channel + RHS */}\n      {showQuickReactions && !isSearchResults && (\n        <>\n          <IconButton\n            aria-label=\"React with thumbs up\"\n            size=\"small\"\n            padding=\"compact\"\n            icon={<Emoji emoji=\"👍\" size=\"16\" />}\n          />\n          {isCenterChannel && (\n            <>\n              <IconButton\n                aria-label=\"React with raised hands\"\n                size=\"small\"\n                padding=\"compact\"\n                icon={<Emoji emoji=\"🙌\" size=\"16\" />}\n              />\n              <IconButton\n                aria-label=\"React with OK hand\"\n                size=\"small\"\n                padding=\"compact\"\n                icon={<Emoji emoji=\"👌\" size=\"16\" />}\n              />\n            </>\n          )}\n          <IconButton\n            aria-label=\"Add reaction\"\n            size=\"small\"\n            padding=\"compact\"\n            icon={<Icon size=\"16\" glyph={<EmoticonPlusOutlineIcon />} />}\n          />\n        </>\n      )}\n\n      {/* Search results only: more button first */}\n      {isSearchResults && (\n        <IconButton\n          aria-label=\"More actions\"\n          size=\"small\"\n          padding=\"compact\"\n          icon={<Icon size=\"16\" glyph={<DotsHorizontalIcon />} />}\n        />\n      )}\n\n      {/* Center channel actions */}\n      {isCenterChannel && (\n        <>\n          <IconButton\n            aria-label=\"Save message\"\n            size=\"small\"\n            padding=\"compact\"\n            icon={<Icon size=\"16\" glyph={<BookmarkOutlineIcon />} />}\n          />\n          <IconButton\n            aria-label=\"AI actions\"\n            size=\"small\"\n            padding=\"compact\"\n            icon={<Icon size=\"16\" glyph={<CreationOutlineIcon />} />}\n          />\n          <IconButton\n            aria-label=\"Plugin actions\"\n            size=\"small\"\n            padding=\"compact\"\n            icon={<Icon size=\"16\" glyph={<AppsIcon />} />}\n          />\n          <IconButton\n            aria-label=\"Reply in thread\"\n            size=\"small\"\n            padding=\"compact\"\n            icon={<Icon size=\"16\" glyph={<ReplyOutlineIcon />} />}\n          />\n          <IconButton\n            aria-label=\"More actions\"\n            size=\"small\"\n            padding=\"compact\"\n            icon={<Icon size=\"16\" glyph={<DotsHorizontalIcon />} />}\n          />\n        </>\n      )}\n\n      {/* RHS actions */}\n      {isRHS && (\n        <IconButton\n          aria-label=\"More actions\"\n          size=\"small\"\n          padding=\"compact\"\n          icon={<Icon size=\"16\" glyph={<DotsHorizontalIcon />} />}\n        />\n      )}\n\n      {/* Search results additional buttons */}\n      {isSearchResults && (\n        <>\n          <IconButton\n            aria-label=\"Save message\"\n            size=\"small\"\n            padding=\"compact\"\n            icon={<Icon size=\"16\" glyph={<BookmarkOutlineIcon />} />}\n          />\n          <IconButton\n            aria-label=\"Reply in thread\"\n            size=\"small\"\n            padding=\"compact\"\n            icon={<Icon size=\"16\" glyph={<ReplyOutlineIcon />} />}\n          />\n          <button\n            type=\"button\"\n            className={styles['message-actions__jump']}\n            aria-label=\"Jump to message\"\n          >\n            Jump\n          </button>\n        </>\n      )}\n    </div>\n  );\n}\n"],"names":["MessageActions","type","visible","collapsedReplyThreads","quickReactions","className","rest","isCenterChannel","isRHS","isSearchResults","showQuickReactions","rootClass","styles","jsxs","Fragment","jsx","IconButton","Emoji","Icon","EmoticonPlusOutlineIcon","DotsHorizontalIcon","BookmarkOutlineIcon","CreationOutlineIcon","AppsIcon","ReplyOutlineIcon"],"mappings":"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"}

package/dist/components/message-actions/MessageActions.module.scss.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./MessageActions.css');const e={"message-actions":"_message-actions_1ie92_2","message-actions__jump":"_message-actions__jump_1ie92_12"};exports.default=e;
+//# sourceMappingURL=MessageActions.module.scss.cjs.map

package/dist/components/message-actions/MessageActions.module.scss.cjs.map

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

package/dist/components/message-actions/MessageActions.module.scss.js

@@ -0,0 +1,8 @@
+import './MessageActions.css';const s = {
+  "message-actions": "_message-actions_1ie92_2",
+  "message-actions__jump": "_message-actions__jump_1ie92_12"
+};
+export {
+  s as default
+};
+//# sourceMappingURL=MessageActions.module.scss.js.map

package/dist/components/message-actions/MessageActions.module.scss.js.map

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/message-actions/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,YAAY,EACV,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,kBAAkB,CAAC"}

package/dist/components/message-actions/index.js

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

package/dist/components/message-actions/index.js.map

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

package/dist/components/message-header/MessageHeader.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),u=require("../tag/Tag.cjs"),s=require("./MessageHeader.module.scss.cjs");function d({username:a,timestamp:r,isBot:t=!1,botLabel:l="Bot"}){return e.jsxs("div",{className:s.default["message-header"],children:[e.jsx("span",{className:s.default["message-header__username"],children:a}),t&&e.jsx(u.default,{label:l}),e.jsx("span",{className:s.default["message-header__timestamp"],children:r})]})}exports.default=d;
+//# sourceMappingURL=MessageHeader.cjs.map

package/dist/components/message-header/MessageHeader.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageHeader.cjs","sources":["../../../src/components/message-header/MessageHeader.tsx"],"sourcesContent":["import Tag from '@/components/tag/Tag';\nimport styles from './MessageHeader.module.scss';\n\ntype MessageHeaderProps = {\n  username: string;\n  timestamp: string;\n  isBot?: boolean;\n  botLabel?: string;\n};\n\n/**\n * The Message Header sits above every message body — username, optional bot or guest tag,\n * and timestamp. It's the byline of the conversation, so the rules are tight: same parts,\n * same order, every time.\n */\nexport default function MessageHeader({\n  username,\n  timestamp,\n  isBot = false,\n  botLabel = 'Bot',\n}: MessageHeaderProps) {\n  return (\n    <div className={styles['message-header']}>\n      <span className={styles['message-header__username']}>{username}</span>\n      {isBot && <Tag label={botLabel} />}\n      <span className={styles['message-header__timestamp']}>{timestamp}</span>\n    </div>\n  );\n}\n"],"names":["MessageHeader","username","timestamp","isBot","botLabel","jsxs","styles","jsx","Tag"],"mappings":"0NAeA,SAAwBA,EAAc,CACpC,SAAAC,EACA,UAAAC,EACA,MAAAC,EAAQ,GACR,SAAAC,EAAW,KACb,EAAuB,CACrB,OACEC,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAAA,QAAO,gBAAgB,EACrC,SAAA,CAAAC,MAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,0BAA0B,EAAI,SAAAL,EAAS,EAC9DE,GAASI,EAAAA,IAACC,EAAAA,QAAA,CAAI,MAAOJ,CAAA,CAAU,QAC/B,OAAA,CAAK,UAAWE,EAAAA,QAAO,2BAA2B,EAAI,SAAAJ,CAAA,CAAU,CAAA,EACnE,CAEJ"}

package/dist/components/message-header/MessageHeader.css

@@ -0,0 +1 @@
+._message-header_1u3ox_2{display:flex;align-items:center;gap:var(--spacing-xxs)}._message-header_1u3ox_2>*{align-self:center}._message-header__username_1u3ox_10{font-family:var(--font-family-body);font-size:var(--font-size-100);font-weight:var(--font-weight-semibold);line-height:var(--line-height-100);color:var(--center-channel-color);white-space:nowrap}._message-header__timestamp_1u3ox_18{font-family:var(--font-family-body);font-size:var(--font-size-75);font-weight:var(--font-weight-regular);line-height:var(--line-height-75);color:rgba(var(--center-channel-color-rgb),.56);white-space:nowrap}

package/dist/components/message-header/MessageHeader.d.ts

@@ -0,0 +1,14 @@
+type MessageHeaderProps = {
+    username: string;
+    timestamp: string;
+    isBot?: boolean;
+    botLabel?: string;
+};
+/**
+ * The Message Header sits above every message body — username, optional bot or guest tag,
+ * and timestamp. It's the byline of the conversation, so the rules are tight: same parts,
+ * same order, every time.
+ */
+export default function MessageHeader({ username, timestamp, isBot, botLabel, }: MessageHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MessageHeader.d.ts.map

package/dist/components/message-header/MessageHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageHeader.d.ts","sourceRoot":"","sources":["../../../src/components/message-header/MessageHeader.tsx"],"names":[],"mappings":"AAGA,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,QAAQ,EACR,SAAS,EACT,KAAa,EACb,QAAgB,GACjB,EAAE,kBAAkB,2CAQpB"}

package/dist/components/message-header/MessageHeader.js

@@ -0,0 +1,19 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import d from "../tag/Tag.js";
+import s from "./MessageHeader.module.scss.js";
+function c({
+  username: a,
+  timestamp: r,
+  isBot: m = !1,
+  botLabel: l = "Bot"
+}) {
+  return /* @__PURE__ */ t("div", { className: s["message-header"], children: [
+    /* @__PURE__ */ e("span", { className: s["message-header__username"], children: a }),
+    m && /* @__PURE__ */ e(d, { label: l }),
+    /* @__PURE__ */ e("span", { className: s["message-header__timestamp"], children: r })
+  ] });
+}
+export {
+  c as default
+};
+//# sourceMappingURL=MessageHeader.js.map

package/dist/components/message-header/MessageHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageHeader.js","sources":["../../../src/components/message-header/MessageHeader.tsx"],"sourcesContent":["import Tag from '@/components/tag/Tag';\nimport styles from './MessageHeader.module.scss';\n\ntype MessageHeaderProps = {\n  username: string;\n  timestamp: string;\n  isBot?: boolean;\n  botLabel?: string;\n};\n\n/**\n * The Message Header sits above every message body — username, optional bot or guest tag,\n * and timestamp. It's the byline of the conversation, so the rules are tight: same parts,\n * same order, every time.\n */\nexport default function MessageHeader({\n  username,\n  timestamp,\n  isBot = false,\n  botLabel = 'Bot',\n}: MessageHeaderProps) {\n  return (\n    <div className={styles['message-header']}>\n      <span className={styles['message-header__username']}>{username}</span>\n      {isBot && <Tag label={botLabel} />}\n      <span className={styles['message-header__timestamp']}>{timestamp}</span>\n    </div>\n  );\n}\n"],"names":["MessageHeader","username","timestamp","isBot","botLabel","jsxs","styles","jsx","Tag"],"mappings":";;;AAeA,SAAwBA,EAAc;AAAA,EACpC,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,UAAAC,IAAW;AACb,GAAuB;AACrB,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAO,gBAAgB,GACrC,UAAA;AAAA,IAAA,gBAAAC,EAAC,QAAA,EAAK,WAAWD,EAAO,0BAA0B,GAAI,UAAAL,GAAS;AAAA,IAC9DE,KAAS,gBAAAI,EAACC,GAAA,EAAI,OAAOJ,EAAA,CAAU;AAAA,sBAC/B,QAAA,EAAK,WAAWE,EAAO,2BAA2B,GAAI,UAAAJ,EAAA,CAAU;AAAA,EAAA,GACnE;AAEJ;"}

package/dist/components/message-header/MessageHeader.module.scss.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./MessageHeader.css');const e={"message-header":"_message-header_1u3ox_2","message-header__username":"_message-header__username_1u3ox_10","message-header__timestamp":"_message-header__timestamp_1u3ox_18"};exports.default=e;
+//# sourceMappingURL=MessageHeader.module.scss.cjs.map

package/dist/components/message-header/MessageHeader.module.scss.cjs.map

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

package/dist/components/message-header/MessageHeader.module.scss.js

@@ -0,0 +1,9 @@
+import './MessageHeader.css';const e = {
+  "message-header": "_message-header_1u3ox_2",
+  "message-header__username": "_message-header__username_1u3ox_10",
+  "message-header__timestamp": "_message-header__timestamp_1u3ox_18"
+};
+export {
+  e as default
+};
+//# sourceMappingURL=MessageHeader.module.scss.js.map

package/dist/components/message-header/MessageHeader.module.scss.js.map

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

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

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

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

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

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

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

package/dist/components/message-header/index.js

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

package/dist/components/message-header/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,__j=require("@mattermost/compass-icons/components/chevron-right.js"),j=__j?.default??__j,__x=require("@mattermost/compass-icons/components/clock-outline.js"),x=__x?.default??__x,__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"),n=require("../popover-menu/PopoverMenu.cjs"),M=require("../shortcut-tag/ShortcutTag.cjs");function t(s){return e.jsx(M.default,{label:s,size:"small"})}function I({permissionToEdit:s=!0,showFlagOption:a=!0,className:r="",style:u,...o}){return e.jsxs(n.default,{className:r,style:u,...o,children:[e.jsxs(n.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(x,{}),size:"16"}),trailingElement:!0,trailingVisual:e.jsx(l.default,{glyph:e.jsx(j,{}),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(n.PopoverMenuDivider,{}),e.jsxs(n.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")})]}),s&&e.jsxs(e.Fragment,{children:[e.jsx(n.PopoverMenuDivider,{}),e.jsxs(n.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:[!s&&e.jsx(n.PopoverMenuDivider,{}),e.jsx(n.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={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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"}