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

package/dist/components/channel-sidebar-item/ChannelSidebarItem.d.ts

@@ -1,16 +1,33 @@
+import { MouseEvent, ReactNode } from 'react';
+import { BuiltInButtonProps } from '../../utils/props';
 export type ChannelSidebarItemLeadingVisual = 'public' | 'private' | 'group-message' | 'direct-message' | 'drafts' | 'insights' | 'threads' | 'dial-pad';
 export type ChannelSidebarItemStatus = 'read' | 'unread' | 'mention';
 export interface ChannelSidebarItemProps {
     className?: string;
-    /** Channel or user display name. */
-    name: string;
+    /** Channel or user display name. Accepts translated nodes. */
+    name: ReactNode;
     /**
      * Text-only row (e.g. System Console navigation): no channel glyph or
      * overflow menu; name aligns with channel sidebar label padding.
      */
     hideLeadingVisual?: boolean;
-    /** Leading visual type. Default: Public. Ignored when `hideLeadingVisual`. */
-    leadingVisual?: ChannelSidebarItemLeadingVisual;
+    /**
+     * Leading visual. A built-in type string (`'public'`, `'private'`, …) keeps its
+     * glyph; any other node (not a string) replaces the icon, like `MenuItem`. Custom
+     * nodes render in the same 24px icon column, so the label stays aligned. For an
+     * icon use `<Icon glyph={<SomeIcon />} />` — the size (16) comes from context.
+     * A 16–24px element such as a 20px avatar is centered in the column.
+     * Default: Public. Ignored when `hideLeadingVisual`.
+     */
+    leadingVisual?: ChannelSidebarItemLeadingVisual | ReactNode;
+    /**
+     * Custom content for the trailing slot, after the name and before the mention
+     * badge / menu button (e.g. a responding indicator). Status-only: on rows with
+     * the overflow menu it fades out on hover / focus, like the mention badge, so
+     * don't put interactive content in it. `status` styling is independent of it.
+     * When omitted, nothing is rendered.
+     */
+    trailingVisual?: ReactNode;
     /** Read/unread/mention state. Default: Read. */
     status?: ChannelSidebarItemStatus;
     /** Highlighted as the currently active item. */
@@ -25,20 +42,71 @@ export interface ChannelSidebarItemProps {
     mentionCount?: number;
     /** Member count shown in the group icon when leadingVisual='group-message'. */
     memberCount?: number;
-    /** Avatar image URL for leadingVisual='direct-message'. */
+    /** Avatar image URL for leadingVisual='direct-message' (not used with a custom node). */
     avatarSrc?: string;
     /** Avatar alt text for leadingVisual='direct-message'. */
     avatarAlt?: string;
-    /** Shows status badge on the avatar when leadingVisual='direct-message'. */
+    /** Shows status badge on the avatar when leadingVisual='direct-message' (not used with a custom node). */
     showAvatarStatus?: boolean;
-    /** Custom status emoji shown after the name for leadingVisual='direct-message'. */
-    customStatusEmoji?: string;
+    /** Custom status emoji after the name for a direct message or a custom leading visual. A node can carry a tooltip trigger. */
+    customStatusEmoji?: ReactNode;
+    /**
+     * Visually hidden description of the custom status (for example "🌴 Out of
+     * office"), read with the row name. The emoji itself stays `aria-hidden`, so
+     * pass this whenever `customStatusEmoji` carries meaning. Accepts translated
+     * nodes.
+     */
+    customStatusLabel?: ReactNode;
     onClick?: () => void;
+    /** Overflow menu (kebab). Sibling of the channel control so it is keyboard-reachable. */
+    onMenuClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+    /** Visually hidden mention hint. Default: `{count} mention(s)`. */
+    formatMentionLabel?: (count: number) => ReactNode;
+    /** Visually hidden unread hint. Default: "unread". */
+    unreadLabel?: ReactNode;
+    /** Accessible name for the overflow menu button. Default: "Channel options". */
+    menuLabel?: string;
+    /**
+     * Interactive controls (e.g. an `IconButton`) shown at the right edge, in the
+     * overflow menu's place: it replaces the built-in menu. Unlike
+     * `trailingVisual`, actions stay clickable. See `actionsReveal`.
+     */
+    actions?: ReactNode;
+    /**
+     * When `actions` show. `hover` (default): hidden until the row is hovered or
+     * has focus, like the built-in menu (the mention badge and `trailingVisual`
+     * give way). `always`: visible, slightly dimmed, at rest and at full
+     * strength on hover / focus; the badge and `trailingVisual` stay visible
+     * beside it.
+     */
+    actionsReveal?: 'hover' | 'always';
+    /** Keeps `actions` revealed, e.g. while a menu opened from them is open. */
+    actionsOpen?: boolean;
+    /** Hides the built-in overflow menu without adding `actions`. */
+    hideMenu?: boolean;
+    /**
+     * Turns the row into the parent of a collapsible group: shows a chevron
+     * toggle in the left gutter (revealed on hover / focus) and sets
+     * `aria-expanded` on it. The row itself stays a navigation control; the
+     * group's list and animation are up to the host. Omit for a normal row.
+     */
+    expanded?: boolean;
+    /** Called with the next state when the chevron toggle is activated. */
+    onExpandedChange?: (expanded: boolean) => void;
+    /** `id` of the list the toggle controls (`aria-controls`). */
+    controlsId?: string;
+    /**
+     * Accessible name of the toggle. It stays the same in both states;
+     * `aria-expanded` carries the state. Default: "Toggle".
+     */
+    toggleLabel?: string;
+    /** Extra attributes for the chevron toggle button. */
+    toggleButtonProps?: BuiltInButtonProps;
 }
 /**
  * The Channel Sidebar Item is the row people use to move between channels, DMs, and group
  * messages. It compresses a lot of state — channel type, unread, mention count, mute,
  * in-call — into a single, scannable line.
  */
-export default function ChannelSidebarItem({ className, name, hideLeadingVisual, leadingVisual, status, active, muted, callActive, sharedChannel, mentionCount, memberCount, avatarSrc, avatarAlt, showAvatarStatus, customStatusEmoji, onClick, }: ChannelSidebarItemProps): import("react/jsx-runtime").JSX.Element;
+export default function ChannelSidebarItem({ className, name, hideLeadingVisual, leadingVisual, trailingVisual, status, active, muted, callActive, sharedChannel, mentionCount, memberCount, avatarSrc, showAvatarStatus, customStatusEmoji, customStatusLabel, onClick, onMenuClick, formatMentionLabel, unreadLabel, menuLabel, actions, actionsReveal, actionsOpen, hideMenu, expanded, onExpandedChange, controlsId, toggleLabel, toggleButtonProps, }: ChannelSidebarItemProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ChannelSidebarItem.d.ts.map

package/dist/components/channel-sidebar-item/ChannelSidebarItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChannelSidebarItem.d.ts","sourceRoot":"","sources":["../../../src/components/channel-sidebar-item/ChannelSidebarItem.tsx"],"names":[],"mappings":"AAcA,MAAM,MAAM,+BAA+B,GACvC,QAAQ,GACR,SAAS,GACT,eAAe,GACf,gBAAgB,GAChB,QAAQ,GACR,UAAU,GACV,SAAS,GACT,UAAU,CAAC;AAEf,MAAM,MAAM,wBAAwB,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;AAErE,MAAM,WAAW,uBAAuB;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oCAAoC;IACpC,IAAI,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,8EAA8E;IAC9E,aAAa,CAAC,EAAE,+BAA+B,CAAC;IAChD,gDAAgD;IAChD,MAAM,CAAC,EAAE,wBAAwB,CAAC;IAClC,gDAAgD;IAChD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iDAAiD;IACjD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,uDAAuD;IACvD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oDAAoD;IACpD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,8DAA8D;IAC9D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+EAA+E;IAC/E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4EAA4E;IAC5E,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,mFAAmF;IACnF,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AA+CD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,SAAS,EACT,IAAI,EACJ,iBAAyB,EACzB,aAAwB,EACxB,MAAe,EACf,MAAc,EACd,KAAa,EACb,UAAkB,EAClB,aAAqB,EACrB,YAAY,EACZ,WAAW,EACX,SAAS,EACT,SAAS,EACT,gBAAwB,EACxB,iBAAiB,EACjB,OAAO,GACR,EAAE,uBAAuB,2CAuGzB"}
+{"version":3,"file":"ChannelSidebarItem.d.ts","sourceRoot":"","sources":["../../../src/components/channel-sidebar-item/ChannelSidebarItem.tsx"],"names":[],"mappings":"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"}

package/dist/components/channel-sidebar-item/ChannelSidebarItem.js

@@ -1,139 +1,234 @@
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import __B from "@mattermost/compass-icons/components/globe.js";const B=__B&&__B.default?__B.default:__B;
-import __O from "@mattermost/compass-icons/components/lock-outline.js";const O=__O&&__O.default?__O.default:__O;
-import __j from "@mattermost/compass-icons/components/message-text-outline.js";const j=__j&&__j.default?__j.default:__j;
-import __w from "@mattermost/compass-icons/components/send-outline.js";const w=__w&&__w.default?__w.default:__w;
-import __P from "@mattermost/compass-icons/components/chart-line.js";const P=__P&&__P.default?__P.default:__P;
-import __S from "@mattermost/compass-icons/components/circle-multiple-outline.js";const S=__S&&__S.default?__S.default:__S;
-import __T from "@mattermost/compass-icons/components/phone-in-talk.js";const T=__T&&__T.default?__T.default:__T;
-import __A from "@mattermost/compass-icons/components/dots-vertical.js";const A=__A&&__A.default?__A.default:__A;
-import __G from "@mattermost/compass-icons/components/dialpad.js";const G=__G&&__G.default?__G.default:__G;
-import K from "../user-avatar/UserAvatar.js";
-import U from "../mention-badge/MentionBadge.js";
-import $ from "../icon-button/IconButton.js";
-import n from "./ChannelSidebarItem.module.scss.js";
-function k({
-  leadingVisual: o,
-  memberCount: l,
-  avatarSrc: a,
-  avatarAlt: s,
+import { jsxs as b, jsx as e } from "react/jsx-runtime";
+import __ae from "@mattermost/compass-icons/components/globe.js";const ae=__ae&&__ae.default?__ae.default:__ae;
+import __ie from "@mattermost/compass-icons/components/lock-outline.js";const ie=__ie&&__ie.default?__ie.default:__ie;
+import __ne from "@mattermost/compass-icons/components/message-text-outline.js";const ne=__ne&&__ne.default?__ne.default:__ne;
+import __se from "@mattermost/compass-icons/components/send-outline.js";const se=__se&&__se.default?__se.default:__se;
+import __re from "@mattermost/compass-icons/components/chart-line.js";const re=__re&&__re.default?__re.default:__re;
+import __te from "@mattermost/compass-icons/components/circle-multiple-outline.js";const te=__te&&__te.default?__te.default:__te;
+import __ce from "@mattermost/compass-icons/components/phone-in-talk.js";const ce=__ce&&__ce.default?__ce.default:__ce;
+import __le from "@mattermost/compass-icons/components/dots-vertical.js";const le=__le&&__le.default?__le.default:__le;
+import __me from "@mattermost/compass-icons/components/dialpad.js";const me=__me&&__me.default?__me.default:__me;
+import __oe from "@mattermost/compass-icons/components/chevron-down.js";const oe=__oe&&__oe.default?__oe.default:__oe;
+import __de from "@mattermost/compass-icons/components/chevron-right.js";const de=__de&&__de.default?__de.default:__de;
+import he from "../user-avatar/UserAvatar.js";
+import be from "../mention-badge/MentionBadge.js";
+import z, { IconSlotContext as S } from "../icon/Icon.js";
+import _e from "../icon-button/IconButton.js";
+import { mergeClassNames as k } from "../../utils/props.js";
+import a from "./ChannelSidebarItem.module.scss.js";
+const fe = (i) => `${i} mention${i === 1 ? "" : "s"}`;
+function x(i) {
+  return i === void 0 || typeof i == "string";
+}
+function ue({
+  leadingVisual: i,
+  memberCount: _,
+  avatarSrc: s,
   showAvatarStatus: r
 }) {
-  switch (o) {
+  switch (i) {
     case "private":
-      return /* @__PURE__ */ e(O, { size: 16 });
+      return /* @__PURE__ */ e(ie, { size: 16 });
     case "group-message":
-      return /* @__PURE__ */ e("div", { className: n["channel-sidebar-item__group-icon"], children: l ?? 2 });
+      return /* @__PURE__ */ e("div", { className: a["channel-sidebar-item__group-icon"], children: _ ?? 2 });
     case "direct-message":
       return /* @__PURE__ */ e(
-        K,
+        he,
         {
-          src: a ?? "",
-          alt: s ?? "",
+          src: s ?? "",
+          alt: "",
           size: "20",
           status: !!r
         }
       );
     case "drafts":
-      return /* @__PURE__ */ e(w, { size: 16 });
+      return /* @__PURE__ */ e(se, { size: 16 });
     case "insights":
-      return /* @__PURE__ */ e(P, { size: 16 });
+      return /* @__PURE__ */ e(re, { size: 16 });
     case "threads":
-      return /* @__PURE__ */ e(j, { size: 16 });
+      return /* @__PURE__ */ e(ne, { size: 16 });
     case "dial-pad":
-      return /* @__PURE__ */ e(G, { size: 16 });
+      return /* @__PURE__ */ e(me, { size: 16 });
     case "public":
     default:
-      return /* @__PURE__ */ e(B, { size: 16 });
+      return /* @__PURE__ */ e(ae, { size: 16 });
   }
 }
-function ne({
-  className: o,
-  name: l,
-  hideLeadingVisual: a = !1,
-  leadingVisual: s = "public",
-  status: r = "read",
-  active: m = !1,
-  muted: b = !1,
-  callActive: u = !1,
-  sharedChannel: _ = !1,
-  mentionCount: v,
-  memberCount: I,
-  avatarSrc: N,
-  avatarAlt: z,
-  showAvatarStatus: g = !1,
-  customStatusEmoji: d,
-  onClick: i
+function xe({
+  className: i,
+  name: _,
+  hideLeadingVisual: s = !1,
+  leadingVisual: r,
+  trailingVisual: f,
+  status: y = "read",
+  active: u = !1,
+  muted: F = !1,
+  callActive: G = !1,
+  sharedChannel: R = !1,
+  mentionCount: C,
+  memberCount: U,
+  avatarSrc: q,
+  showAvatarStatus: J = !1,
+  customStatusEmoji: w,
+  customStatusLabel: D,
+  onClick: K,
+  onMenuClick: p,
+  formatMentionLabel: Q = fe,
+  unreadLabel: W = "unread",
+  menuLabel: X = "Channel options",
+  actions: v,
+  actionsReveal: Y = "hover",
+  actionsOpen: O = !1,
+  hideMenu: Z = !1,
+  expanded: l,
+  onExpandedChange: N,
+  controlsId: j,
+  toggleLabel: L = "Toggle",
+  toggleButtonProps: n
 }) {
-  const h = !a && s === "direct-message", f = !a && s === "drafts", p = f && r === "unread" ? "read" : r, x = p === "mention", C = !a && ["public", "private", "group-message", "direct-message"].includes(
-    s
-  ), D = [
-    n["channel-sidebar-item"],
-    a ? n["channel-sidebar-item--text-only"] : "",
-    m ? n["channel-sidebar-item--active"] : "",
-    b ? n["channel-sidebar-item--muted"] : "",
-    n[`channel-sidebar-item--status-${p.toLowerCase()}`],
-    f ? n["channel-sidebar-item--drafts"] : "",
-    o
-  ].filter(Boolean).join(" "), y = [
-    n["channel-sidebar-item__icon-container"],
-    h ? n["channel-sidebar-item__icon-container--dm"] : ""
-  ].filter(Boolean).join(" "), M = n["channel-sidebar-item__right"];
-  return /* @__PURE__ */ c(
-    "div",
-    {
-      role: "button",
-      tabIndex: 0,
-      className: D,
-      onClick: i,
-      onKeyDown: (t) => {
-        (t.key === "Enter" || t.key === " ") && (t.preventDefault(), i == null || i());
-      },
-      children: [
-        m && /* @__PURE__ */ e("div", { className: n["channel-sidebar-item__active-border"] }),
-        /* @__PURE__ */ c("div", { className: n["channel-sidebar-item__left"], children: [
-          !a && /* @__PURE__ */ e("div", { className: y, children: /* @__PURE__ */ e(
-            k,
+  const t = !s && r !== null && !x(r), m = x(
+    r
+  ) ? r ?? "public" : "public", I = !s && m === "direct-message" && !t, M = !s && m === "drafts" && !t, o = M && y === "unread" ? "read" : y, E = o === "mention", V = !s && (t || ["public", "private", "group-message", "direct-message"].includes(
+    m
+  )), c = v != null && v !== !1, d = c && Y === "always", T = V && !Z && !c, A = T || c && !d, B = l !== void 0, g = [
+    a["channel-sidebar-item"],
+    s ? a["channel-sidebar-item--text-only"] : "",
+    u ? a["channel-sidebar-item--active"] : "",
+    F ? a["channel-sidebar-item--muted"] : "",
+    a[`channel-sidebar-item--status-${o.toLowerCase()}`],
+    M ? a["channel-sidebar-item--drafts"] : "",
+    d ? a["channel-sidebar-item--actions-always"] : "",
+    A ? "" : a["channel-sidebar-item--no-hover-menu"],
+    c && O && !d ? a["channel-sidebar-item--actions-open"] : "",
+    i
+  ].filter(Boolean).join(" "), P = [
+    a["channel-sidebar-item__icon-container"],
+    I ? a["channel-sidebar-item__icon-container--dm"] : "",
+    t ? a["channel-sidebar-item__icon-container--custom"] : ""
+  ].filter(Boolean).join(" "), ee = a["channel-sidebar-item__right"], $ = o === "mention" ? Q(C ?? 1) : o === "unread" ? W : void 0;
+  return /* @__PURE__ */ b("div", { className: g, children: [
+    u && /* @__PURE__ */ e("div", { className: a["channel-sidebar-item__active-border"] }),
+    /* @__PURE__ */ b(
+      "button",
+      {
+        type: "button",
+        className: a["channel-sidebar-item__left"],
+        onClick: K,
+        "aria-current": u ? !0 : void 0,
+        children: [
+          !s && /* @__PURE__ */ e("div", { className: P, "aria-hidden": !0, children: t ? /* @__PURE__ */ e(S.Provider, { value: { size: "16" }, children: r }) : /* @__PURE__ */ e(
+            ue,
             {
-              leadingVisual: s,
-              memberCount: I,
-              avatarSrc: N,
-              avatarAlt: z,
-              showAvatarStatus: g
+              leadingVisual: m,
+              memberCount: U,
+              avatarSrc: q,
+              showAvatarStatus: J
             }
           ) }),
-          /* @__PURE__ */ c("div", { className: n["channel-sidebar-item__content"], children: [
-            /* @__PURE__ */ e("span", { className: n["channel-sidebar-item__name"], children: l }),
-            _ && /* @__PURE__ */ e("span", { className: n["channel-sidebar-item__shared-icon"], children: /* @__PURE__ */ e(S, { size: 12 }) }),
-            h && d && /* @__PURE__ */ e("span", { className: n["channel-sidebar-item__custom-status"], children: d })
+          /* @__PURE__ */ b("div", { className: a["channel-sidebar-item__content"], children: [
+            /* @__PURE__ */ e("span", { className: a["channel-sidebar-item__name"], children: _ }),
+            $ && /* @__PURE__ */ e("span", { className: a["channel-sidebar-item__status-hint"], children: $ }),
+            R && /* @__PURE__ */ e(
+              "span",
+              {
+                className: a["channel-sidebar-item__shared-icon"],
+                "aria-hidden": !0,
+                children: /* @__PURE__ */ e(z, { glyph: /* @__PURE__ */ e(te, {}), size: "12" })
+              }
+            ),
+            (I || t) && D && /* @__PURE__ */ e("span", { className: a["channel-sidebar-item__status-hint"], children: D }),
+            (I || t) && w && /* @__PURE__ */ e(
+              "span",
+              {
+                className: a["channel-sidebar-item__custom-status"],
+                "aria-hidden": !0,
+                children: w
+              }
+            )
           ] })
-        ] }),
-        /* @__PURE__ */ c("div", { className: M, children: [
-          u && /* @__PURE__ */ e("div", { className: n["channel-sidebar-item__call"], children: /* @__PURE__ */ e(T, { size: 12 }) }),
-          x && /* @__PURE__ */ e("span", { className: n["channel-sidebar-item__mention-badge"], children: /* @__PURE__ */ e(
-            U,
+        ]
+      }
+    ),
+    B && /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        ...n,
+        ...j ? { "aria-controls": j } : {},
+        className: k(
+          a["channel-sidebar-item__toggle"],
+          n == null ? void 0 : n.className
+        ),
+        "aria-expanded": l,
+        "aria-label": L,
+        onClick: (h) => {
+          var H;
+          (H = n == null ? void 0 : n.onClick) == null || H.call(n, h), N == null || N(!l);
+        },
+        children: /* @__PURE__ */ e(
+          z,
+          {
+            glyph: l ? /* @__PURE__ */ e(oe, {}) : /* @__PURE__ */ e(de, {}),
+            size: "12"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ b("div", { className: ee, children: [
+      f != null && f !== !1 && /* @__PURE__ */ e(
+        "span",
+        {
+          className: [
+            a["channel-sidebar-item__trailing-visual"],
+            A ? a["channel-sidebar-item__trailing-visual--with-menu"] : ""
+          ].filter(Boolean).join(" "),
+          children: /* @__PURE__ */ e(S.Provider, { value: { size: "16" }, children: f })
+        }
+      ),
+      G && /* @__PURE__ */ e("div", { className: a["channel-sidebar-item__call"], "aria-hidden": !0, children: /* @__PURE__ */ e(ce, { size: 12 }) }),
+      E && /* @__PURE__ */ e(
+        "span",
+        {
+          className: a["channel-sidebar-item__mention-badge"],
+          "aria-hidden": !0,
+          children: /* @__PURE__ */ e(
+            be,
             {
-              count: v ?? 1,
+              count: C ?? 1,
               location: "sidebar",
               size: "medium"
             }
-          ) }),
-          C && /* @__PURE__ */ e("span", { className: n["channel-sidebar-item__menu-button"], children: /* @__PURE__ */ e(
-            $,
-            {
-              size: "x-small",
-              style: "inverted",
-              icon: /* @__PURE__ */ e(A, { size: 12 }),
-              "aria-label": "Channel options",
-              onClick: (t) => t.stopPropagation()
-            }
-          ) })
-        ] })
-      ]
-    }
-  );
+          )
+        }
+      ),
+      c && /* @__PURE__ */ e(
+        "span",
+        {
+          className: k(
+            a["channel-sidebar-item__actions"],
+            d && a["channel-sidebar-item__actions--always"],
+            O && a["channel-sidebar-item__actions--open"]
+          ),
+          children: v
+        }
+      ),
+      T && /* @__PURE__ */ e("span", { className: a["channel-sidebar-item__menu-button"], children: /* @__PURE__ */ e(
+        _e,
+        {
+          className: a["channel-sidebar-item__menu-icon"],
+          size: "x-small",
+          style: "inverted",
+          icon: /* @__PURE__ */ e(z, { glyph: /* @__PURE__ */ e(le, {}) }),
+          "aria-label": X,
+          onClick: (h) => {
+            h.stopPropagation(), p == null || p(h);
+          }
+        }
+      ) })
+    ] })
+  ] });
 }
 export {
-  ne as default
+  xe as default
 };
 //# sourceMappingURL=ChannelSidebarItem.js.map

package/dist/components/channel-sidebar-item/ChannelSidebarItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChannelSidebarItem.js","sources":["../../../src/components/channel-sidebar-item/ChannelSidebarItem.tsx"],"sourcesContent":["import GlobeIcon from '@mattermost/compass-icons/components/globe';\nimport LockOutlineIcon from '@mattermost/compass-icons/components/lock-outline';\nimport MessageTextOutlineIcon from '@mattermost/compass-icons/components/message-text-outline';\nimport SendOutlineIcon from '@mattermost/compass-icons/components/send-outline';\nimport ChartLineIcon from '@mattermost/compass-icons/components/chart-line';\nimport CircleMultipleOutlineIcon from '@mattermost/compass-icons/components/circle-multiple-outline';\nimport PhoneInTalkIcon from '@mattermost/compass-icons/components/phone-in-talk';\nimport DotsVerticalIcon from '@mattermost/compass-icons/components/dots-vertical';\nimport DialpadIcon from '@mattermost/compass-icons/components/dialpad';\nimport UserAvatar from '@/components/user-avatar/UserAvatar';\nimport MentionBadge from '@/components/mention-badge/MentionBadge';\nimport IconButton from '@/components/icon-button/IconButton';\nimport styles from './ChannelSidebarItem.module.scss';\n\nexport type ChannelSidebarItemLeadingVisual =\n  | 'public'\n  | 'private'\n  | 'group-message'\n  | 'direct-message'\n  | 'drafts'\n  | 'insights'\n  | 'threads'\n  | 'dial-pad';\n\nexport type ChannelSidebarItemStatus = 'read' | 'unread' | 'mention';\n\nexport interface ChannelSidebarItemProps {\n  className?: string;\n  /** Channel or user display name. */\n  name: string;\n  /**\n   * Text-only row (e.g. System Console navigation): no channel glyph or\n   * overflow menu; name aligns with channel sidebar label padding.\n   */\n  hideLeadingVisual?: boolean;\n  /** Leading visual type. Default: Public. Ignored when `hideLeadingVisual`. */\n  leadingVisual?: ChannelSidebarItemLeadingVisual;\n  /** Read/unread/mention state. Default: Read. */\n  status?: ChannelSidebarItemStatus;\n  /** Highlighted as the currently active item. */\n  active?: boolean;\n  /** Muted channel — reduces visual prominence. */\n  muted?: boolean;\n  /** Shows a call-in-progress indicator on the right. */\n  callActive?: boolean;\n  /** Shows the shared-channel icon after the name. */\n  sharedChannel?: boolean;\n  /** Mention count shown in the badge when status='mention'. */\n  mentionCount?: number;\n  /** Member count shown in the group icon when leadingVisual='group-message'. */\n  memberCount?: number;\n  /** Avatar image URL for leadingVisual='direct-message'. */\n  avatarSrc?: string;\n  /** Avatar alt text for leadingVisual='direct-message'. */\n  avatarAlt?: string;\n  /** Shows status badge on the avatar when leadingVisual='direct-message'. */\n  showAvatarStatus?: boolean;\n  /** Custom status emoji shown after the name for leadingVisual='direct-message'. */\n  customStatusEmoji?: string;\n  onClick?: () => void;\n}\n\nfunction LeadingVisualContent({\n  leadingVisual,\n  memberCount,\n  avatarSrc,\n  avatarAlt,\n  showAvatarStatus,\n}: {\n  leadingVisual: ChannelSidebarItemLeadingVisual;\n  memberCount: number | undefined;\n  avatarSrc: string | undefined;\n  avatarAlt: string | undefined;\n  showAvatarStatus: boolean | undefined;\n}) {\n  switch (leadingVisual) {\n    case 'private':\n      return <LockOutlineIcon size={16} />;\n    case 'group-message':\n      return (\n        <div className={styles['channel-sidebar-item__group-icon']}>\n          {memberCount ?? 2}\n        </div>\n      );\n    case 'direct-message':\n      return (\n        <UserAvatar\n          src={avatarSrc ?? ''}\n          alt={avatarAlt ?? ''}\n          size=\"20\"\n          status={!!showAvatarStatus}\n        />\n      );\n    case 'drafts':\n      return <SendOutlineIcon size={16} />;\n    case 'insights':\n      return <ChartLineIcon size={16} />;\n    case 'threads':\n      return <MessageTextOutlineIcon size={16} />;\n    case 'dial-pad':\n      return <DialpadIcon size={16} />;\n    case 'public':\n    default:\n      return <GlobeIcon size={16} />;\n  }\n}\n\n/**\n * The Channel Sidebar Item is the row people use to move between channels, DMs, and group\n * messages. It compresses a lot of state — channel type, unread, mention count, mute,\n * in-call — into a single, scannable line.\n */\nexport default function ChannelSidebarItem({\n  className,\n  name,\n  hideLeadingVisual = false,\n  leadingVisual = 'public',\n  status = 'read',\n  active = false,\n  muted = false,\n  callActive = false,\n  sharedChannel = false,\n  mentionCount,\n  memberCount,\n  avatarSrc,\n  avatarAlt,\n  showAvatarStatus = false,\n  customStatusEmoji,\n  onClick,\n}: ChannelSidebarItemProps) {\n  const isDM = !hideLeadingVisual && leadingVisual === 'direct-message';\n  const isDrafts = !hideLeadingVisual && leadingVisual === 'drafts';\n  const effectiveStatus = isDrafts && status === 'unread' ? 'read' : status;\n  const hasMentionBadge = effectiveStatus === 'mention';\n  const isChannelOrDM =\n    !hideLeadingVisual &&\n    ['public', 'private', 'group-message', 'direct-message'].includes(\n      leadingVisual,\n    );\n\n  const rootClass = [\n    styles['channel-sidebar-item'],\n    hideLeadingVisual ? styles['channel-sidebar-item--text-only'] : '',\n    active ? styles['channel-sidebar-item--active'] : '',\n    muted ? styles['channel-sidebar-item--muted'] : '',\n    styles[`channel-sidebar-item--status-${effectiveStatus.toLowerCase()}`],\n    isDrafts ? styles['channel-sidebar-item--drafts'] : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const iconContainerClass = [\n    styles['channel-sidebar-item__icon-container'],\n    isDM ? styles['channel-sidebar-item__icon-container--dm'] : '',\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const rightClass = styles['channel-sidebar-item__right'];\n\n  return (\n    <div\n      role=\"button\"\n      tabIndex={0}\n      className={rootClass}\n      onClick={onClick}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault();\n          onClick?.();\n        }\n      }}\n    >\n      {active && (\n        <div className={styles['channel-sidebar-item__active-border']} />\n      )}\n      <div className={styles['channel-sidebar-item__left']}>\n        {!hideLeadingVisual && (\n          <div className={iconContainerClass}>\n            <LeadingVisualContent\n              leadingVisual={leadingVisual}\n              memberCount={memberCount}\n              avatarSrc={avatarSrc}\n              avatarAlt={avatarAlt}\n              showAvatarStatus={showAvatarStatus}\n            />\n          </div>\n        )}\n        <div className={styles['channel-sidebar-item__content']}>\n          <span className={styles['channel-sidebar-item__name']}>{name}</span>\n          {sharedChannel && (\n            <span className={styles['channel-sidebar-item__shared-icon']}>\n              <CircleMultipleOutlineIcon size={12} />\n            </span>\n          )}\n          {isDM && customStatusEmoji && (\n            <span className={styles['channel-sidebar-item__custom-status']}>\n              {customStatusEmoji}\n            </span>\n          )}\n        </div>\n      </div>\n      <div className={rightClass}>\n        {callActive && (\n          <div className={styles['channel-sidebar-item__call']}>\n            <PhoneInTalkIcon size={12} />\n          </div>\n        )}\n        {hasMentionBadge && (\n          <span className={styles['channel-sidebar-item__mention-badge']}>\n            <MentionBadge\n              count={mentionCount ?? 1}\n              location=\"sidebar\"\n              size=\"medium\"\n            />\n          </span>\n        )}\n        {isChannelOrDM && (\n          <span className={styles['channel-sidebar-item__menu-button']}>\n            <IconButton\n              size=\"x-small\"\n              style=\"inverted\"\n              icon={<DotsVerticalIcon size={12} />}\n              aria-label=\"Channel options\"\n              onClick={(e) => e.stopPropagation()}\n            />\n          </span>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["LeadingVisualContent","leadingVisual","memberCount","avatarSrc","avatarAlt","showAvatarStatus","jsx","LockOutlineIcon","styles","UserAvatar","SendOutlineIcon","ChartLineIcon","MessageTextOutlineIcon","DialpadIcon","GlobeIcon","ChannelSidebarItem","className","name","hideLeadingVisual","status","active","muted","callActive","sharedChannel","mentionCount","customStatusEmoji","onClick","isDM","isDrafts","effectiveStatus","hasMentionBadge","isChannelOrDM","rootClass","iconContainerClass","rightClass","jsxs","e","CircleMultipleOutlineIcon","PhoneInTalkIcon","MentionBadge","IconButton","DotsVerticalIcon"],"mappings":"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"}
+{"version":3,"file":"ChannelSidebarItem.js","sources":["../../../src/components/channel-sidebar-item/ChannelSidebarItem.tsx"],"sourcesContent":["import type { MouseEvent, ReactNode } from 'react';\nimport GlobeIcon from '@mattermost/compass-icons/components/globe';\nimport LockOutlineIcon from '@mattermost/compass-icons/components/lock-outline';\nimport MessageTextOutlineIcon from '@mattermost/compass-icons/components/message-text-outline';\nimport SendOutlineIcon from '@mattermost/compass-icons/components/send-outline';\nimport ChartLineIcon from '@mattermost/compass-icons/components/chart-line';\nimport CircleMultipleOutlineIcon from '@mattermost/compass-icons/components/circle-multiple-outline';\nimport PhoneInTalkIcon from '@mattermost/compass-icons/components/phone-in-talk';\nimport DotsVerticalIcon from '@mattermost/compass-icons/components/dots-vertical';\nimport DialpadIcon from '@mattermost/compass-icons/components/dialpad';\nimport ChevronDownIcon from '@mattermost/compass-icons/components/chevron-down';\nimport ChevronRightIcon from '@mattermost/compass-icons/components/chevron-right';\nimport UserAvatar from '@/components/user-avatar/UserAvatar';\nimport MentionBadge from '@/components/mention-badge/MentionBadge';\nimport Icon, { IconSlotContext } from '@/components/icon/Icon';\nimport IconButton from '@/components/icon-button/IconButton';\nimport { mergeClassNames, type BuiltInButtonProps } from '@/utils/props';\nimport styles from './ChannelSidebarItem.module.scss';\n\nexport type ChannelSidebarItemLeadingVisual =\n  | 'public'\n  | 'private'\n  | 'group-message'\n  | 'direct-message'\n  | 'drafts'\n  | 'insights'\n  | 'threads'\n  | 'dial-pad';\n\nexport type ChannelSidebarItemStatus = 'read' | 'unread' | 'mention';\n\nexport interface ChannelSidebarItemProps {\n  className?: string;\n  /** Channel or user display name. Accepts translated nodes. */\n  name: ReactNode;\n  /**\n   * Text-only row (e.g. System Console navigation): no channel glyph or\n   * overflow menu; name aligns with channel sidebar label padding.\n   */\n  hideLeadingVisual?: boolean;\n  /**\n   * Leading visual. A built-in type string (`'public'`, `'private'`, …) keeps its\n   * glyph; any other node (not a string) replaces the icon, like `MenuItem`. Custom\n   * nodes render in the same 24px icon column, so the label stays aligned. For an\n   * icon use `<Icon glyph={<SomeIcon />} />` — the size (16) comes from context.\n   * A 16–24px element such as a 20px avatar is centered in the column.\n   * Default: Public. Ignored when `hideLeadingVisual`.\n   */\n  leadingVisual?: ChannelSidebarItemLeadingVisual | ReactNode;\n  /**\n   * Custom content for the trailing slot, after the name and before the mention\n   * badge / menu button (e.g. a responding indicator). Status-only: on rows with\n   * the overflow menu it fades out on hover / focus, like the mention badge, so\n   * don't put interactive content in it. `status` styling is independent of it.\n   * When omitted, nothing is rendered.\n   */\n  trailingVisual?: ReactNode;\n  /** Read/unread/mention state. Default: Read. */\n  status?: ChannelSidebarItemStatus;\n  /** Highlighted as the currently active item. */\n  active?: boolean;\n  /** Muted channel — reduces visual prominence. */\n  muted?: boolean;\n  /** Shows a call-in-progress indicator on the right. */\n  callActive?: boolean;\n  /** Shows the shared-channel icon after the name. */\n  sharedChannel?: boolean;\n  /** Mention count shown in the badge when status='mention'. */\n  mentionCount?: number;\n  /** Member count shown in the group icon when leadingVisual='group-message'. */\n  memberCount?: number;\n  /** Avatar image URL for leadingVisual='direct-message' (not used with a custom node). */\n  avatarSrc?: string;\n  /** Avatar alt text for leadingVisual='direct-message'. */\n  avatarAlt?: string;\n  /** Shows status badge on the avatar when leadingVisual='direct-message' (not used with a custom node). */\n  showAvatarStatus?: boolean;\n  /** Custom status emoji after the name for a direct message or a custom leading visual. A node can carry a tooltip trigger. */\n  customStatusEmoji?: ReactNode;\n  /**\n   * Visually hidden description of the custom status (for example \"🌴 Out of\n   * office\"), read with the row name. The emoji itself stays `aria-hidden`, so\n   * pass this whenever `customStatusEmoji` carries meaning. Accepts translated\n   * nodes.\n   */\n  customStatusLabel?: ReactNode;\n  onClick?: () => void;\n  /** Overflow menu (kebab). Sibling of the channel control so it is keyboard-reachable. */\n  onMenuClick?: (event: MouseEvent<HTMLButtonElement>) => void;\n  /** Visually hidden mention hint. Default: `{count} mention(s)`. */\n  formatMentionLabel?: (count: number) => ReactNode;\n  /** Visually hidden unread hint. Default: \"unread\". */\n  unreadLabel?: ReactNode;\n  /** Accessible name for the overflow menu button. Default: \"Channel options\". */\n  menuLabel?: string;\n  /**\n   * Interactive controls (e.g. an `IconButton`) shown at the right edge, in the\n   * overflow menu's place: it replaces the built-in menu. Unlike\n   * `trailingVisual`, actions stay clickable. See `actionsReveal`.\n   */\n  actions?: ReactNode;\n  /**\n   * When `actions` show. `hover` (default): hidden until the row is hovered or\n   * has focus, like the built-in menu (the mention badge and `trailingVisual`\n   * give way). `always`: visible, slightly dimmed, at rest and at full\n   * strength on hover / focus; the badge and `trailingVisual` stay visible\n   * beside it.\n   */\n  actionsReveal?: 'hover' | 'always';\n  /** Keeps `actions` revealed, e.g. while a menu opened from them is open. */\n  actionsOpen?: boolean;\n  /** Hides the built-in overflow menu without adding `actions`. */\n  hideMenu?: boolean;\n  /**\n   * Turns the row into the parent of a collapsible group: shows a chevron\n   * toggle in the left gutter (revealed on hover / focus) and sets\n   * `aria-expanded` on it. The row itself stays a navigation control; the\n   * group's list and animation are up to the host. Omit for a normal row.\n   */\n  expanded?: boolean;\n  /** Called with the next state when the chevron toggle is activated. */\n  onExpandedChange?: (expanded: boolean) => void;\n  /** `id` of the list the toggle controls (`aria-controls`). */\n  controlsId?: string;\n  /**\n   * Accessible name of the toggle. It stays the same in both states;\n   * `aria-expanded` carries the state. Default: \"Toggle\".\n   */\n  toggleLabel?: string;\n  /** Extra attributes for the chevron toggle button. */\n  toggleButtonProps?: BuiltInButtonProps;\n}\n\nconst defaultFormatMentions = (count: number) =>\n  `${count} mention${count === 1 ? '' : 's'}`;\n\nfunction isBuiltInLeadingVisual(\n  value: unknown,\n): value is ChannelSidebarItemLeadingVisual | undefined {\n  // Strings (and omitted) keep today's built-in behavior, including the\n  // fallback to the public glyph for unknown strings.\n  return value === undefined || typeof value === 'string';\n}\n\nfunction LeadingVisualContent({\n  leadingVisual,\n  memberCount,\n  avatarSrc,\n  showAvatarStatus,\n}: {\n  leadingVisual: ChannelSidebarItemLeadingVisual | undefined;\n  memberCount: number | undefined;\n  avatarSrc: string | undefined;\n  showAvatarStatus: boolean | undefined;\n}) {\n  switch (leadingVisual) {\n    case 'private':\n      return <LockOutlineIcon size={16} />;\n    case 'group-message':\n      return (\n        <div className={styles['channel-sidebar-item__group-icon']}>\n          {memberCount ?? 2}\n        </div>\n      );\n    case 'direct-message':\n      return (\n        <UserAvatar\n          src={avatarSrc ?? ''}\n          alt=\"\"\n          size=\"20\"\n          status={!!showAvatarStatus}\n        />\n      );\n    case 'drafts':\n      return <SendOutlineIcon size={16} />;\n    case 'insights':\n      return <ChartLineIcon size={16} />;\n    case 'threads':\n      return <MessageTextOutlineIcon size={16} />;\n    case 'dial-pad':\n      return <DialpadIcon size={16} />;\n    case 'public':\n    default:\n      return <GlobeIcon size={16} />;\n  }\n}\n\n/**\n * The Channel Sidebar Item is the row people use to move between channels, DMs, and group\n * messages. It compresses a lot of state — channel type, unread, mention count, mute,\n * in-call — into a single, scannable line.\n */\nexport default function ChannelSidebarItem({\n  className,\n  name,\n  hideLeadingVisual = false,\n  leadingVisual,\n  trailingVisual,\n  status = 'read',\n  active = false,\n  muted = false,\n  callActive = false,\n  sharedChannel = false,\n  mentionCount,\n  memberCount,\n  avatarSrc,\n  showAvatarStatus = false,\n  customStatusEmoji,\n  customStatusLabel,\n  onClick,\n  onMenuClick,\n  formatMentionLabel = defaultFormatMentions,\n  unreadLabel = 'unread',\n  menuLabel = 'Channel options',\n  actions,\n  actionsReveal = 'hover',\n  actionsOpen = false,\n  hideMenu = false,\n  expanded,\n  onExpandedChange,\n  controlsId,\n  toggleLabel = 'Toggle',\n  toggleButtonProps,\n}: ChannelSidebarItemProps) {\n  const isCustomVisual =\n    !hideLeadingVisual &&\n    leadingVisual !== null &&\n    !isBuiltInLeadingVisual(leadingVisual);\n  const builtInVisual: ChannelSidebarItemLeadingVisual = isBuiltInLeadingVisual(\n    leadingVisual,\n  )\n    ? (leadingVisual ?? 'public')\n    : 'public';\n  const isDM =\n    !hideLeadingVisual && builtInVisual === 'direct-message' && !isCustomVisual;\n  const isDrafts =\n    !hideLeadingVisual && builtInVisual === 'drafts' && !isCustomVisual;\n  const effectiveStatus = isDrafts && status === 'unread' ? 'read' : status;\n  const hasMentionBadge = effectiveStatus === 'mention';\n  const isChannelOrDM =\n    !hideLeadingVisual &&\n    (isCustomVisual ||\n      ['public', 'private', 'group-message', 'direct-message'].includes(\n        builtInVisual,\n      ));\n\n  const hasActions = actions != null && actions !== false;\n  const actionsAlways = hasActions && actionsReveal === 'always';\n  const showMenu = isChannelOrDM && !hideMenu && !hasActions;\n  // Trailing content gives way on hover only when something takes its place.\n  const revealsOnHover = showMenu || (hasActions && !actionsAlways);\n  const hasToggle = expanded !== undefined;\n\n  const rootClass = [\n    styles['channel-sidebar-item'],\n    hideLeadingVisual ? styles['channel-sidebar-item--text-only'] : '',\n    active ? styles['channel-sidebar-item--active'] : '',\n    muted ? styles['channel-sidebar-item--muted'] : '',\n    styles[`channel-sidebar-item--status-${effectiveStatus.toLowerCase()}`],\n    isDrafts ? styles['channel-sidebar-item--drafts'] : '',\n    actionsAlways ? styles['channel-sidebar-item--actions-always'] : '',\n    !revealsOnHover ? styles['channel-sidebar-item--no-hover-menu'] : '',\n    hasActions && actionsOpen && !actionsAlways\n      ? styles['channel-sidebar-item--actions-open']\n      : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const iconContainerClass = [\n    styles['channel-sidebar-item__icon-container'],\n    isDM ? styles['channel-sidebar-item__icon-container--dm'] : '',\n    isCustomVisual\n      ? styles['channel-sidebar-item__icon-container--custom']\n      : '',\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const rightClass = styles['channel-sidebar-item__right'];\n\n  const statusHint =\n    effectiveStatus === 'mention'\n      ? formatMentionLabel(mentionCount ?? 1)\n      : effectiveStatus === 'unread'\n        ? unreadLabel\n        : undefined;\n\n  return (\n    <div className={rootClass}>\n      {active && (\n        <div className={styles['channel-sidebar-item__active-border']} />\n      )}\n      <button\n        type=\"button\"\n        className={styles['channel-sidebar-item__left']}\n        onClick={onClick}\n        aria-current={active ? true : undefined}\n      >\n        {!hideLeadingVisual && (\n          <div className={iconContainerClass} aria-hidden>\n            {isCustomVisual ? (\n              <IconSlotContext.Provider value={{ size: '16' }}>\n                {leadingVisual as ReactNode}\n              </IconSlotContext.Provider>\n            ) : (\n              <LeadingVisualContent\n                leadingVisual={builtInVisual}\n                memberCount={memberCount}\n                avatarSrc={avatarSrc}\n                showAvatarStatus={showAvatarStatus}\n              />\n            )}\n          </div>\n        )}\n        <div className={styles['channel-sidebar-item__content']}>\n          <span className={styles['channel-sidebar-item__name']}>{name}</span>\n          {statusHint && (\n            <span className={styles['channel-sidebar-item__status-hint']}>\n              {statusHint}\n            </span>\n          )}\n          {sharedChannel && (\n            <span\n              className={styles['channel-sidebar-item__shared-icon']}\n              aria-hidden\n            >\n              <Icon glyph={<CircleMultipleOutlineIcon />} size=\"12\" />\n            </span>\n          )}\n          {(isDM || isCustomVisual) && customStatusLabel && (\n            <span className={styles['channel-sidebar-item__status-hint']}>\n              {customStatusLabel}\n            </span>\n          )}\n          {(isDM || isCustomVisual) && customStatusEmoji && (\n            <span\n              className={styles['channel-sidebar-item__custom-status']}\n              aria-hidden\n            >\n              {customStatusEmoji}\n            </span>\n          )}\n        </div>\n      </button>\n      {hasToggle && (\n        <button\n          type=\"button\"\n          {...toggleButtonProps}\n          {...(controlsId ? { 'aria-controls': controlsId } : {})}\n          className={mergeClassNames(\n            styles['channel-sidebar-item__toggle'],\n            toggleButtonProps?.className,\n          )}\n          aria-expanded={expanded}\n          aria-label={toggleLabel}\n          onClick={(e) => {\n            toggleButtonProps?.onClick?.(e);\n            onExpandedChange?.(!expanded);\n          }}\n        >\n          <Icon\n            glyph={expanded ? <ChevronDownIcon /> : <ChevronRightIcon />}\n            size=\"12\"\n          />\n        </button>\n      )}\n      <div className={rightClass}>\n        {trailingVisual != null && trailingVisual !== false && (\n          <span\n            className={[\n              styles['channel-sidebar-item__trailing-visual'],\n              revealsOnHover\n                ? styles['channel-sidebar-item__trailing-visual--with-menu']\n                : '',\n            ]\n              .filter(Boolean)\n              .join(' ')}\n          >\n            <IconSlotContext.Provider value={{ size: '16' }}>\n              {trailingVisual}\n            </IconSlotContext.Provider>\n          </span>\n        )}\n        {callActive && (\n          <div className={styles['channel-sidebar-item__call']} aria-hidden>\n            <PhoneInTalkIcon size={12} />\n          </div>\n        )}\n        {hasMentionBadge && (\n          <span\n            className={styles['channel-sidebar-item__mention-badge']}\n            aria-hidden\n          >\n            <MentionBadge\n              count={mentionCount ?? 1}\n              location=\"sidebar\"\n              size=\"medium\"\n            />\n          </span>\n        )}\n        {hasActions && (\n          <span\n            className={mergeClassNames(\n              styles['channel-sidebar-item__actions'],\n              actionsAlways && styles['channel-sidebar-item__actions--always'],\n              actionsOpen && styles['channel-sidebar-item__actions--open'],\n            )}\n          >\n            {actions}\n          </span>\n        )}\n        {showMenu && (\n          <span className={styles['channel-sidebar-item__menu-button']}>\n            <IconButton\n              className={styles['channel-sidebar-item__menu-icon']}\n              size=\"x-small\"\n              style=\"inverted\"\n              icon={<Icon glyph={<DotsVerticalIcon />} />}\n              aria-label={menuLabel}\n              onClick={(e) => {\n                e.stopPropagation();\n                onMenuClick?.(e);\n              }}\n            />\n          </span>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["defaultFormatMentions","count","isBuiltInLeadingVisual","value","LeadingVisualContent","leadingVisual","memberCount","avatarSrc","showAvatarStatus","jsx","LockOutlineIcon","styles","UserAvatar","SendOutlineIcon","ChartLineIcon","MessageTextOutlineIcon","DialpadIcon","GlobeIcon","ChannelSidebarItem","className","name","hideLeadingVisual","trailingVisual","status","active","muted","callActive","sharedChannel","mentionCount","customStatusEmoji","customStatusLabel","onClick","onMenuClick","formatMentionLabel","unreadLabel","menuLabel","actions","actionsReveal","actionsOpen","hideMenu","expanded","onExpandedChange","controlsId","toggleLabel","toggleButtonProps","isCustomVisual","builtInVisual","isDM","isDrafts","effectiveStatus","hasMentionBadge","isChannelOrDM","hasActions","actionsAlways","showMenu","revealsOnHover","hasToggle","rootClass","iconContainerClass","rightClass","statusHint","jsxs","IconSlotContext","Icon","CircleMultipleOutlineIcon","mergeClassNames","e","_a","ChevronDownIcon","ChevronRightIcon","PhoneInTalkIcon","MentionBadge","IconButton","DotsVerticalIcon"],"mappings":"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"}

package/dist/components/channel-sidebar-item/ChannelSidebarItem.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ChannelSidebarItem.module.css');const e={"channel-sidebar-item":"_channel-sidebar-item_1e5ys_2","channel-sidebar-item__menu-button":"_channel-sidebar-item__menu-button_1e5ys_11","channel-sidebar-item__mention-badge":"_channel-sidebar-item__mention-badge_1e5ys_20","channel-sidebar-item__active-border":"_channel-sidebar-item__active-border_1e5ys_27","channel-sidebar-item__left":"_channel-sidebar-item__left_1e5ys_34","channel-sidebar-item__icon-container":"_channel-sidebar-item__icon-container_1e5ys_42","channel-sidebar-item__icon-container--dm":"_channel-sidebar-item__icon-container--dm_1e5ys_50","channel-sidebar-item__group-icon":"_channel-sidebar-item__group-icon_1e5ys_55","channel-sidebar-item__content":"_channel-sidebar-item__content_1e5ys_71","channel-sidebar-item__name":"_channel-sidebar-item__name_1e5ys_79","channel-sidebar-item__shared-icon":"_channel-sidebar-item__shared-icon_1e5ys_92","channel-sidebar-item__custom-status":"_channel-sidebar-item__custom-status_1e5ys_100","channel-sidebar-item__right":"_channel-sidebar-item__right_1e5ys_108","channel-sidebar-item__call":"_channel-sidebar-item__call_1e5ys_117","channel-sidebar-item--text-only":"_channel-sidebar-item--text-only_1e5ys_127","channel-sidebar-item--active":"_channel-sidebar-item--active_1e5ys_130","channel-sidebar-item--status-unread":"_channel-sidebar-item--status-unread_1e5ys_139","channel-sidebar-item--status-mention":"_channel-sidebar-item--status-mention_1e5ys_139","channel-sidebar-item--drafts":"_channel-sidebar-item--drafts_1e5ys_146","channel-sidebar-item--muted":"_channel-sidebar-item--muted_1e5ys_162"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ChannelSidebarItem.css');const e={"channel-sidebar-item":"_channel-sidebar-item_1w0n4_13","channel-sidebar-item__menu-button":"_channel-sidebar-item__menu-button_1w0n4_21","channel-sidebar-item__actions":"_channel-sidebar-item__actions_1w0n4_21","channel-sidebar-item__mention-badge":"_channel-sidebar-item__mention-badge_1w0n4_31","channel-sidebar-item__actions--always":"_channel-sidebar-item__actions--always_1w0n4_41","channel-sidebar-item__actions--open":"_channel-sidebar-item__actions--open_1w0n4_45","channel-sidebar-item__toggle":"_channel-sidebar-item__toggle_1w0n4_49","focus-ring-in":"_focus-ring-in_1w0n4_1","-host-shadow-a":"_-host-shadow-a_1w0n4_62","-host-shadow-b":"_-host-shadow-b_1w0n4_62","channel-sidebar-item__menu-icon":"_channel-sidebar-item__menu-icon_1w0n4_93","channel-sidebar-item--active":"_channel-sidebar-item--active_1w0n4_115","channel-sidebar-item__active-border":"_channel-sidebar-item__active-border_1w0n4_118","channel-sidebar-item__left":"_channel-sidebar-item__left_1w0n4_125","channel-sidebar-item__icon-container":"_channel-sidebar-item__icon-container_1w0n4_148","channel-sidebar-item__icon-container--dm":"_channel-sidebar-item__icon-container--dm_1w0n4_156","channel-sidebar-item__icon-container--custom":"_channel-sidebar-item__icon-container--custom_1w0n4_161","channel-sidebar-item__trailing-visual":"_channel-sidebar-item__trailing-visual_1w0n4_169","channel-sidebar-item__trailing-visual--with-menu":"_channel-sidebar-item__trailing-visual--with-menu_1w0n4_177","channel-sidebar-item__group-icon":"_channel-sidebar-item__group-icon_1w0n4_181","channel-sidebar-item__content":"_channel-sidebar-item__content_1w0n4_197","channel-sidebar-item__name":"_channel-sidebar-item__name_1w0n4_205","channel-sidebar-item__status-hint":"_channel-sidebar-item__status-hint_1w0n4_218","channel-sidebar-item__shared-icon":"_channel-sidebar-item__shared-icon_1w0n4_229","channel-sidebar-item__custom-status":"_channel-sidebar-item__custom-status_1w0n4_237","channel-sidebar-item__right":"_channel-sidebar-item__right_1w0n4_245","channel-sidebar-item__call":"_channel-sidebar-item__call_1w0n4_254","channel-sidebar-item--actions-open":"_channel-sidebar-item--actions-open_1w0n4_261","channel-sidebar-item--actions-always":"_channel-sidebar-item--actions-always_1w0n4_266","channel-sidebar-item--no-hover-menu":"_channel-sidebar-item--no-hover-menu_1w0n4_269","channel-sidebar-item--text-only":"_channel-sidebar-item--text-only_1w0n4_276","channel-sidebar-item--status-unread":"_channel-sidebar-item--status-unread_1w0n4_288","channel-sidebar-item--status-mention":"_channel-sidebar-item--status-mention_1w0n4_288","channel-sidebar-item--drafts":"_channel-sidebar-item--drafts_1w0n4_295","channel-sidebar-item--muted":"_channel-sidebar-item--muted_1w0n4_314"};exports.default=e;
 //# sourceMappingURL=ChannelSidebarItem.module.scss.cjs.map