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

package/dist/components/channel-header-menu/ChannelHeaderMenu.js

@@ -1,115 +0,0 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import __u from "@mattermost/compass-icons/components/account-outline.js";const u=__u&&__u.default?__u.default:__u;
-import __m from "@mattermost/compass-icons/components/apps.js";const m=__m&&__m.default?__m.default:__m;
-import __p from "@mattermost/compass-icons/components/archive-outline.js";const p=__p&&__p.default?__p.default:__p;
-import __g from "@mattermost/compass-icons/components/bell-off-outline.js";const g=__g&&__g.default?__g.default:__g;
-import __c from "@mattermost/compass-icons/components/bell-outline.js";const c=__c&&__c.default?__c.default:__c;
-import __h from "@mattermost/compass-icons/components/bookmark-outline.js";const h=__h&&__h.default?__h.default:__h;
-import __r from "@mattermost/compass-icons/components/chevron-right.js";const r=__r&&__r.default?__r.default:__r;
-import __f from "@mattermost/compass-icons/components/cog-outline.js";const f=__f&&__f.default?__f.default:__f;
-import __d from "@mattermost/compass-icons/components/exit-to-app.js";const d=__d&&__d.default?__d.default:__d;
-import __V from "@mattermost/compass-icons/components/folder-move-outline.js";const V=__V&&__V.default?__V.default:__V;
-import __y from "@mattermost/compass-icons/components/information-outline.js";const y=__y&&__y.default?__y.default:__y;
-import i from "../icon/Icon.js";
-import l from "../menu-item/MenuItem.js";
-import z, { PopoverMenuGroup as o, PopoverMenuDivider as t } from "../popover-menu/PopoverMenu.js";
-function F({
-  className: a = "",
-  ...s
-}) {
-  return /* @__PURE__ */ n(z, { className: a, ...s, children: [
-    /* @__PURE__ */ n(o, { children: [
-      /* @__PURE__ */ e(
-        l,
-        {
-          label: "View info",
-          leadingVisual: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(y, {}), size: "16" })
-        }
-      ),
-      /* @__PURE__ */ e(
-        l,
-        {
-          label: "Mute channel",
-          leadingVisual: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(g, {}), size: "16" })
-        }
-      ),
-      /* @__PURE__ */ e(
-        l,
-        {
-          label: "Notification preferences",
-          leadingVisual: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(c, {}), size: "16" })
-        }
-      ),
-      /* @__PURE__ */ e(
-        l,
-        {
-          label: "Channel settings",
-          leadingVisual: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(f, {}), size: "16" }),
-          trailingElement: !0,
-          trailingVisual: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(r, {}), size: "16" })
-        }
-      ),
-      /* @__PURE__ */ e(
-        l,
-        {
-          label: "Bookmarks bar",
-          leadingVisual: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(h, {}), size: "16" }),
-          trailingElement: !0,
-          trailingVisual: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(r, {}), size: "16" })
-        }
-      )
-    ] }),
-    /* @__PURE__ */ e(t, {}),
-    /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(
-      l,
-      {
-        label: "Members",
-        leadingVisual: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(u, {}), size: "16" })
-      }
-    ) }),
-    /* @__PURE__ */ e(t, {}),
-    /* @__PURE__ */ n(o, { children: [
-      /* @__PURE__ */ e(
-        l,
-        {
-          label: "Move to",
-          leadingVisual: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(V, {}), size: "16" }),
-          trailingElement: !0,
-          trailingVisual: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(r, {}), size: "16" })
-        }
-      ),
-      /* @__PURE__ */ e(
-        l,
-        {
-          label: "More actions",
-          leadingVisual: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(m, {}), size: "16" }),
-          trailingElement: !0,
-          trailingVisual: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(r, {}), size: "16" })
-        }
-      )
-    ] }),
-    /* @__PURE__ */ e(t, {}),
-    /* @__PURE__ */ n(o, { children: [
-      /* @__PURE__ */ e(
-        l,
-        {
-          label: "Leave channel",
-          destructive: !0,
-          leadingVisual: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(d, {}), size: "16" })
-        }
-      ),
-      /* @__PURE__ */ e(
-        l,
-        {
-          label: "Archive channel",
-          destructive: !0,
-          leadingVisual: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(p, {}), size: "16" })
-        }
-      )
-    ] })
-  ] });
-}
-export {
-  F as default
-};
-//# sourceMappingURL=ChannelHeaderMenu.js.map

package/dist/components/channel-header-menu/ChannelHeaderMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChannelHeaderMenu.js","sources":["../../../src/components/channel-header-menu/ChannelHeaderMenu.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport AccountOutlineIcon from '@mattermost/compass-icons/components/account-outline';\nimport AppsIcon from '@mattermost/compass-icons/components/apps';\nimport ArchiveOutlineIcon from '@mattermost/compass-icons/components/archive-outline';\nimport BellOffOutlineIcon from '@mattermost/compass-icons/components/bell-off-outline';\nimport BellOutlineIcon from '@mattermost/compass-icons/components/bell-outline';\nimport BookmarkOutlineIcon from '@mattermost/compass-icons/components/bookmark-outline';\nimport ChevronRightIcon from '@mattermost/compass-icons/components/chevron-right';\nimport CogOutlineIcon from '@mattermost/compass-icons/components/cog-outline';\nimport ExitToAppIcon from '@mattermost/compass-icons/components/exit-to-app';\nimport FolderMoveOutlineIcon from '@mattermost/compass-icons/components/folder-move-outline';\nimport InformationOutlineIcon from '@mattermost/compass-icons/components/information-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';\n\nexport interface ChannelHeaderMenuProps extends HTMLAttributes<HTMLDivElement> {}\n\n/**\n * Channel header overflow menu — settings, members, more actions, and archive.\n */\nexport default function ChannelHeaderMenu({\n  className = '',\n  ...rest\n}: ChannelHeaderMenuProps) {\n  return (\n    <PopoverMenu className={className} {...rest}>\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"View info\"\n          leadingVisual={<Icon glyph={<InformationOutlineIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Mute channel\"\n          leadingVisual={<Icon glyph={<BellOffOutlineIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Notification preferences\"\n          leadingVisual={<Icon glyph={<BellOutlineIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Channel settings\"\n          leadingVisual={<Icon glyph={<CogOutlineIcon />} size=\"16\" />}\n          trailingElement\n          trailingVisual={<Icon glyph={<ChevronRightIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Bookmarks bar\"\n          leadingVisual={<Icon glyph={<BookmarkOutlineIcon />} size=\"16\" />}\n          trailingElement\n          trailingVisual={<Icon glyph={<ChevronRightIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n      <PopoverMenuDivider />\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Members\"\n          leadingVisual={<Icon glyph={<AccountOutlineIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n      <PopoverMenuDivider />\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Move to\"\n          leadingVisual={<Icon glyph={<FolderMoveOutlineIcon />} size=\"16\" />}\n          trailingElement\n          trailingVisual={<Icon glyph={<ChevronRightIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"More actions\"\n          leadingVisual={<Icon glyph={<AppsIcon />} size=\"16\" />}\n          trailingElement\n          trailingVisual={<Icon glyph={<ChevronRightIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n      <PopoverMenuDivider />\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Leave channel\"\n          destructive\n          leadingVisual={<Icon glyph={<ExitToAppIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Archive channel\"\n          destructive\n          leadingVisual={<Icon glyph={<ArchiveOutlineIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n    </PopoverMenu>\n  );\n}\n"],"names":["ChannelHeaderMenu","className","rest","jsxs","PopoverMenu","PopoverMenuGroup","jsx","MenuItem","Icon","InformationOutlineIcon","BellOffOutlineIcon","BellOutlineIcon","CogOutlineIcon","ChevronRightIcon","BookmarkOutlineIcon","PopoverMenuDivider","AccountOutlineIcon","FolderMoveOutlineIcon","AppsIcon","ExitToAppIcon","ArchiveOutlineIcon"],"mappings":"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"}

package/dist/components/channel-header-menu/index.cjs

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

package/dist/components/channel-header-menu/index.d.ts

@@ -1,3 +0,0 @@
-export { default as ChannelHeaderMenu } from './ChannelHeaderMenu';
-export type { ChannelHeaderMenuProps } from './ChannelHeaderMenu';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/channel-header-menu/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/channel-header-menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,YAAY,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/components/channel-header-menu/index.js

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

package/dist/components/channel-info-msg-header/ChannelInfoMsgHeader.module.css

@@ -1 +0,0 @@
-._channel-info-msg-header_1vrlp_2{display:flex;align-items:center;padding:0 var(--spacing-xs)}._channel-info-msg-header__container_1vrlp_7{display:flex;align-items:center;flex-shrink:0}._channel-info-msg-header__tab-area_1vrlp_12{display:flex;align-items:flex-start;padding:0}._channel-info-msg-header__tab-area_1vrlp_12:not(:last-child){border-right:1px solid rgba(var(--center-channel-color-rgb),.16)}._channel-info-msg-header__tab-area--active_1vrlp_20 ._channel-info-msg-header__tab_1vrlp_12{color:var(--center-channel-color);font-weight:var(--font-weight-semibold)}._channel-info-msg-header__tab_1vrlp_12{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xxs);height:24px;padding:var(--spacing-xxxs) var(--spacing-s);border-radius:var(--radius-s);border:none;background:transparent;cursor:pointer;font-size:var(--font-size-75);font-weight:var(--font-weight-semibold);line-height:var(--line-height-75);color:rgba(var(--center-channel-color-rgb),.75);white-space:nowrap;transition:background-color var(--duration-quick) var(--ease-transition),color var(--duration-quick) var(--ease-transition)}._channel-info-msg-header__tab_1vrlp_12:hover{background-color:rgba(var(--center-channel-color-rgb),.08);color:var(--center-channel-color)}._channel-info-msg-header__tab--active_1vrlp_46{color:var(--center-channel-color)}._channel-info-msg-header__team_1vrlp_49{display:flex;align-items:flex-start;padding:var(--spacing-xxs) var(--spacing-s)}._channel-info-msg-header__team-name_1vrlp_54{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),.75);white-space:nowrap}

package/dist/components/channel-menu/ChannelMenu.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),__t=require("@mattermost/compass-icons/components/account-plus-outline.js"),t=__t?.default??__t,__a=require("@mattermost/compass-icons/components/bell-off-outline.js"),a=__a?.default??__a,__o=require("@mattermost/compass-icons/components/chevron-right.js"),o=__o?.default??__o,__d=require("@mattermost/compass-icons/components/exit-to-app.js"),d=__d?.default??__d,__c=require("@mattermost/compass-icons/components/folder-move-outline.js"),c=__c?.default??__c,__x=require("@mattermost/compass-icons/components/link-variant.js"),x=__x?.default??__x,__j=require("@mattermost/compass-icons/components/mark-as-unread.js"),j=__j?.default??__j,__p=require("@mattermost/compass-icons/components/star-outline.js"),p=__p?.default??__p,l=require("../icon/Icon.cjs"),u=require("../menu-item/MenuItem.cjs"),s=require("../popover-menu/PopoverMenu.cjs");function f({className:i="",style:n,...r}){return e.jsxs(s.default,{className:i,style:{width:"174px",...n},...r,children:[e.jsxs(s.PopoverMenuGroup,{children:[e.jsx(u.default,{label:"Mark as read",leadingVisual:e.jsx(l.default,{glyph:e.jsx(j,{}),size:"16"})}),e.jsx(u.default,{label:"Favorite",leadingVisual:e.jsx(l.default,{glyph:e.jsx(p,{}),size:"16"})}),e.jsx(u.default,{label:"Mute channel",leadingVisual:e.jsx(l.default,{glyph:e.jsx(a,{}),size:"16"})})]}),e.jsx(s.PopoverMenuDivider,{}),e.jsx(s.PopoverMenuGroup,{children:e.jsx(u.default,{label:"Move to",leadingVisual:e.jsx(l.default,{glyph:e.jsx(c,{}),size:"16"}),trailingElement:!0,trailingVisual:e.jsx(l.default,{glyph:e.jsx(o,{}),size:"16"})})}),e.jsx(s.PopoverMenuDivider,{}),e.jsxs(s.PopoverMenuGroup,{children:[e.jsx(u.default,{label:"Copy link",leadingVisual:e.jsx(l.default,{glyph:e.jsx(x,{}),size:"16"})}),e.jsx(u.default,{label:"Add members",leadingVisual:e.jsx(l.default,{glyph:e.jsx(t,{}),size:"16"})})]}),e.jsx(s.PopoverMenuDivider,{}),e.jsx(s.PopoverMenuGroup,{children:e.jsx(u.default,{label:"Leave channel",destructive:!0,leadingVisual:e.jsx(l.default,{glyph:e.jsx(d,{}),size:"16"})})})]})}exports.default=f;
-//# sourceMappingURL=ChannelMenu.cjs.map

package/dist/components/channel-menu/ChannelMenu.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChannelMenu.cjs","sources":["../../../src/components/channel-menu/ChannelMenu.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport AccountPlusOutlineIcon from '@mattermost/compass-icons/components/account-plus-outline';\nimport BellOffOutlineIcon from '@mattermost/compass-icons/components/bell-off-outline';\nimport ChevronRightIcon from '@mattermost/compass-icons/components/chevron-right';\nimport ExitToAppIcon from '@mattermost/compass-icons/components/exit-to-app';\nimport FolderMoveOutlineIcon from '@mattermost/compass-icons/components/folder-move-outline';\nimport LinkVariantIcon from '@mattermost/compass-icons/components/link-variant';\nimport MarkAsUnreadIcon from '@mattermost/compass-icons/components/mark-as-unread';\nimport StarOutlineIcon from '@mattermost/compass-icons/components/star-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';\n\nexport interface ChannelMenuProps extends HTMLAttributes<HTMLDivElement> {}\n\n/**\n * Narrow channel sidebar context menu (174px).\n */\nexport default function ChannelMenu({\n  className = '',\n  style,\n  ...rest\n}: ChannelMenuProps) {\n  return (\n    <PopoverMenu\n      className={className}\n      style={{ width: '174px', ...style }}\n      {...rest}\n    >\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Mark as read\"\n          leadingVisual={<Icon glyph={<MarkAsUnreadIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Favorite\"\n          leadingVisual={<Icon glyph={<StarOutlineIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Mute channel\"\n          leadingVisual={<Icon glyph={<BellOffOutlineIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n      <PopoverMenuDivider />\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Move to\"\n          leadingVisual={<Icon glyph={<FolderMoveOutlineIcon />} size=\"16\" />}\n          trailingElement\n          trailingVisual={<Icon glyph={<ChevronRightIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n      <PopoverMenuDivider />\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Copy link\"\n          leadingVisual={<Icon glyph={<LinkVariantIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Add members\"\n          leadingVisual={<Icon glyph={<AccountPlusOutlineIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n      <PopoverMenuDivider />\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Leave channel\"\n          destructive\n          leadingVisual={<Icon glyph={<ExitToAppIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n    </PopoverMenu>\n  );\n}\n"],"names":["ChannelMenu","className","style","rest","jsxs","PopoverMenu","PopoverMenuGroup","jsx","MenuItem","Icon","MarkAsUnreadIcon","StarOutlineIcon","BellOffOutlineIcon","PopoverMenuDivider","FolderMoveOutlineIcon","ChevronRightIcon","LinkVariantIcon","AccountPlusOutlineIcon","ExitToAppIcon"],"mappings":"8wBAqBA,SAAwBA,EAAY,CAClC,UAAAC,EAAY,GACZ,MAAAC,EACA,GAAGC,CACL,EAAqB,CACnB,OACEC,EAAAA,KAACC,EAAAA,QAAA,CACC,UAAAJ,EACA,MAAO,CAAE,MAAO,QAAS,GAAGC,CAAA,EAC3B,GAAGC,EAEJ,SAAA,CAAAC,OAACE,EAAAA,iBAAA,CACC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,eACN,oBAAgBC,EAAAA,QAAA,CAAK,YAAQC,EAAA,CAAA,CAAiB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAE9DH,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,WACN,oBAAgBC,EAAAA,QAAA,CAAK,YAAQE,EAAA,CAAA,CAAgB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAE7DJ,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,eACN,oBAAgBC,EAAAA,QAAA,CAAK,YAAQG,EAAA,CAAA,CAAmB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,CAChE,EACF,QACCC,EAAAA,mBAAA,EAAmB,QACnBP,EAAAA,iBAAA,CACC,SAAAC,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,UACN,oBAAgBC,UAAA,CAAK,YAAQK,EAAA,EAAsB,EAAI,KAAK,KAAK,EACjE,gBAAe,GACf,qBAAiBL,EAAAA,QAAA,CAAK,YAAQM,EAAA,CAAA,CAAiB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAEjE,QACCF,EAAAA,mBAAA,EAAmB,SACnBP,EAAAA,iBAAA,CACC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,YACN,oBAAgBC,EAAAA,QAAA,CAAK,YAAQO,EAAA,CAAA,CAAgB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,EAE7DT,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,cACN,oBAAgBC,EAAAA,QAAA,CAAK,YAAQQ,EAAA,CAAA,CAAuB,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,CACpE,EACF,QACCJ,EAAAA,mBAAA,EAAmB,QACnBP,EAAAA,iBAAA,CACC,SAAAC,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAM,gBACN,YAAW,GACX,oBAAgBC,EAAAA,QAAA,CAAK,YAAQS,EAAA,CAAA,CAAc,EAAI,KAAK,IAAA,CAAK,CAAA,CAAA,CAC3D,CACF,CAAA,CAAA,CAAA,CAGN"}

package/dist/components/channel-menu/ChannelMenu.d.ts

@@ -1,8 +0,0 @@
-import { HTMLAttributes } from 'react';
-export interface ChannelMenuProps extends HTMLAttributes<HTMLDivElement> {
-}
-/**
- * Narrow channel sidebar context menu (174px).
- */
-export default function ChannelMenu({ className, style, ...rest }: ChannelMenuProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ChannelMenu.d.ts.map

package/dist/components/channel-menu/ChannelMenu.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChannelMenu.d.ts","sourceRoot":"","sources":["../../../src/components/channel-menu/ChannelMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAgB5C,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3E;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,SAAc,EACd,KAAK,EACL,GAAG,IAAI,EACR,EAAE,gBAAgB,2CAmDlB"}

package/dist/components/channel-menu/ChannelMenu.js

@@ -1,91 +0,0 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import __m from "@mattermost/compass-icons/components/account-plus-outline.js";const m=__m&&__m.default?__m.default:__m;
-import __u from "@mattermost/compass-icons/components/bell-off-outline.js";const u=__u&&__u.default?__u.default:__u;
-import __s from "@mattermost/compass-icons/components/chevron-right.js";const s=__s&&__s.default?__s.default:__s;
-import __d from "@mattermost/compass-icons/components/exit-to-app.js";const d=__d&&__d.default?__d.default:__d;
-import __c from "@mattermost/compass-icons/components/folder-move-outline.js";const c=__c&&__c.default?__c.default:__c;
-import __h from "@mattermost/compass-icons/components/link-variant.js";const h=__h&&__h.default?__h.default:__h;
-import __g from "@mattermost/compass-icons/components/mark-as-unread.js";const g=__g&&__g.default?__g.default:__g;
-import __f from "@mattermost/compass-icons/components/star-outline.js";const f=__f&&__f.default?__f.default:__f;
-import i from "../icon/Icon.js";
-import l from "../menu-item/MenuItem.js";
-import v, { PopoverMenuGroup as r, PopoverMenuDivider as n } from "../popover-menu/PopoverMenu.js";
-function j({
-  className: a = "",
-  style: t,
-  ...p
-}) {
-  return /* @__PURE__ */ o(
-    v,
-    {
-      className: a,
-      style: { width: "174px", ...t },
-      ...p,
-      children: [
-        /* @__PURE__ */ o(r, { children: [
-          /* @__PURE__ */ e(
-            l,
-            {
-              label: "Mark as read",
-              leadingVisual: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(g, {}), size: "16" })
-            }
-          ),
-          /* @__PURE__ */ e(
-            l,
-            {
-              label: "Favorite",
-              leadingVisual: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(f, {}), size: "16" })
-            }
-          ),
-          /* @__PURE__ */ e(
-            l,
-            {
-              label: "Mute channel",
-              leadingVisual: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(u, {}), size: "16" })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ e(n, {}),
-        /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
-          l,
-          {
-            label: "Move to",
-            leadingVisual: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(c, {}), size: "16" }),
-            trailingElement: !0,
-            trailingVisual: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(s, {}), size: "16" })
-          }
-        ) }),
-        /* @__PURE__ */ e(n, {}),
-        /* @__PURE__ */ o(r, { children: [
-          /* @__PURE__ */ e(
-            l,
-            {
-              label: "Copy link",
-              leadingVisual: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(h, {}), size: "16" })
-            }
-          ),
-          /* @__PURE__ */ e(
-            l,
-            {
-              label: "Add members",
-              leadingVisual: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(m, {}), size: "16" })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ e(n, {}),
-        /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
-          l,
-          {
-            label: "Leave channel",
-            destructive: !0,
-            leadingVisual: /* @__PURE__ */ e(i, { glyph: /* @__PURE__ */ e(d, {}), size: "16" })
-          }
-        ) })
-      ]
-    }
-  );
-}
-export {
-  j as default
-};
-//# sourceMappingURL=ChannelMenu.js.map

package/dist/components/channel-menu/ChannelMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChannelMenu.js","sources":["../../../src/components/channel-menu/ChannelMenu.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport AccountPlusOutlineIcon from '@mattermost/compass-icons/components/account-plus-outline';\nimport BellOffOutlineIcon from '@mattermost/compass-icons/components/bell-off-outline';\nimport ChevronRightIcon from '@mattermost/compass-icons/components/chevron-right';\nimport ExitToAppIcon from '@mattermost/compass-icons/components/exit-to-app';\nimport FolderMoveOutlineIcon from '@mattermost/compass-icons/components/folder-move-outline';\nimport LinkVariantIcon from '@mattermost/compass-icons/components/link-variant';\nimport MarkAsUnreadIcon from '@mattermost/compass-icons/components/mark-as-unread';\nimport StarOutlineIcon from '@mattermost/compass-icons/components/star-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';\n\nexport interface ChannelMenuProps extends HTMLAttributes<HTMLDivElement> {}\n\n/**\n * Narrow channel sidebar context menu (174px).\n */\nexport default function ChannelMenu({\n  className = '',\n  style,\n  ...rest\n}: ChannelMenuProps) {\n  return (\n    <PopoverMenu\n      className={className}\n      style={{ width: '174px', ...style }}\n      {...rest}\n    >\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Mark as read\"\n          leadingVisual={<Icon glyph={<MarkAsUnreadIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Favorite\"\n          leadingVisual={<Icon glyph={<StarOutlineIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Mute channel\"\n          leadingVisual={<Icon glyph={<BellOffOutlineIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n      <PopoverMenuDivider />\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Move to\"\n          leadingVisual={<Icon glyph={<FolderMoveOutlineIcon />} size=\"16\" />}\n          trailingElement\n          trailingVisual={<Icon glyph={<ChevronRightIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n      <PopoverMenuDivider />\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Copy link\"\n          leadingVisual={<Icon glyph={<LinkVariantIcon />} size=\"16\" />}\n        />\n        <MenuItem\n          label=\"Add members\"\n          leadingVisual={<Icon glyph={<AccountPlusOutlineIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n      <PopoverMenuDivider />\n      <PopoverMenuGroup>\n        <MenuItem\n          label=\"Leave channel\"\n          destructive\n          leadingVisual={<Icon glyph={<ExitToAppIcon />} size=\"16\" />}\n        />\n      </PopoverMenuGroup>\n    </PopoverMenu>\n  );\n}\n"],"names":["ChannelMenu","className","style","rest","jsxs","PopoverMenu","PopoverMenuGroup","jsx","MenuItem","Icon","MarkAsUnreadIcon","StarOutlineIcon","BellOffOutlineIcon","PopoverMenuDivider","FolderMoveOutlineIcon","ChevronRightIcon","LinkVariantIcon","AccountPlusOutlineIcon","ExitToAppIcon"],"mappings":";;;;;;;;;;;;AAqBA,SAAwBA,EAAY;AAAA,EAClC,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,GAAGC;AACL,GAAqB;AACnB,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAAJ;AAAA,MACA,OAAO,EAAE,OAAO,SAAS,GAAGC,EAAA;AAAA,MAC3B,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAC,EAACE,GAAA,EACC,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,iCAAgBC,GAAA,EAAK,yBAAQC,GAAA,CAAA,CAAiB,GAAI,MAAK,KAAA,CAAK;AAAA,YAAA;AAAA,UAAA;AAAA,UAE9D,gBAAAH;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,iCAAgBC,GAAA,EAAK,yBAAQE,GAAA,CAAA,CAAgB,GAAI,MAAK,KAAA,CAAK;AAAA,YAAA;AAAA,UAAA;AAAA,UAE7D,gBAAAJ;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,iCAAgBC,GAAA,EAAK,yBAAQG,GAAA,CAAA,CAAmB,GAAI,MAAK,KAAA,CAAK;AAAA,YAAA;AAAA,UAAA;AAAA,QAChE,GACF;AAAA,0BACCC,GAAA,EAAmB;AAAA,0BACnBP,GAAA,EACC,UAAA,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,iCAAgBC,GAAA,EAAK,yBAAQK,GAAA,EAAsB,GAAI,MAAK,MAAK;AAAA,YACjE,iBAAe;AAAA,YACf,kCAAiBL,GAAA,EAAK,yBAAQM,GAAA,CAAA,CAAiB,GAAI,MAAK,KAAA,CAAK;AAAA,UAAA;AAAA,QAAA,GAEjE;AAAA,0BACCF,GAAA,EAAmB;AAAA,0BACnBP,GAAA,EACC,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,iCAAgBC,GAAA,EAAK,yBAAQO,GAAA,CAAA,CAAgB,GAAI,MAAK,KAAA,CAAK;AAAA,YAAA;AAAA,UAAA;AAAA,UAE7D,gBAAAT;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,iCAAgBC,GAAA,EAAK,yBAAQQ,GAAA,CAAA,CAAuB,GAAI,MAAK,KAAA,CAAK;AAAA,YAAA;AAAA,UAAA;AAAA,QACpE,GACF;AAAA,0BACCJ,GAAA,EAAmB;AAAA,0BACnBP,GAAA,EACC,UAAA,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,aAAW;AAAA,YACX,iCAAgBC,GAAA,EAAK,yBAAQS,GAAA,CAAA,CAAc,GAAI,MAAK,KAAA,CAAK;AAAA,UAAA;AAAA,QAAA,EAC3D,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

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

package/dist/components/channel-menu/index.d.ts

@@ -1,3 +0,0 @@
-export { default as ChannelMenu } from './ChannelMenu';
-export type { ChannelMenuProps } from './ChannelMenu';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/channel-menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}

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

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

package/dist/components/channel-sidebar-item/ChannelSidebarItem.module.css

@@ -1 +0,0 @@
-._channel-sidebar-item_1e5ys_2{position:relative;display:flex;align-items:center;height:32px;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none}._channel-sidebar-item__menu-button_1e5ys_11{display:none}._channel-sidebar-item_1e5ys_2:hover{background:rgba(var(--sidebar-text-rgb),.08)}._channel-sidebar-item_1e5ys_2:hover ._channel-sidebar-item__menu-button_1e5ys_11{display:contents}._channel-sidebar-item_1e5ys_2:hover ._channel-sidebar-item__mention-badge_1e5ys_20{display:none}._channel-sidebar-item_1e5ys_2:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--sidebar-text-active-border)}._channel-sidebar-item__active-border_1e5ys_27{flex-shrink:0;width:2px;align-self:stretch;border-radius:0 2px 2px 0;background:var(--sidebar-text-active-border)}._channel-sidebar-item__left_1e5ys_34{display:flex;align-items:center;flex:1;min-width:0;gap:var(--spacing-xxxxs);padding:var(--spacing-xxxxs) var(--spacing-xs) var(--spacing-xxxxs) 18px}._channel-sidebar-item__icon-container_1e5ys_42{display:flex;align-items:center;flex-shrink:0;padding:var(--spacing-xxxs);color:var(--sidebar-text);opacity:.64}._channel-sidebar-item__icon-container--dm_1e5ys_50{padding:var(--spacing-xxxxs);opacity:1;--status-badge-bg: var(--sidebar-bg)}._channel-sidebar-item__group-icon_1e5ys_55{width:var(--icon-size-16);height:var(--icon-size-16);display:flex;align-items:center;justify-content:center;background:rgba(var(--sidebar-text-rgb),.16);border-radius:var(--radius-s);font-family:var(--font-family-body);font-size:var(--font-size-50);font-weight:var(--font-weight-semibold);line-height:var(--line-height-25);letter-spacing:.01em;color:var(--sidebar-text);opacity:.72}._channel-sidebar-item__content_1e5ys_71{display:flex;align-items:center;flex:1;min-width:0;gap:var(--spacing-xs);padding:2px var(--spacing-xxxxs)}._channel-sidebar-item__name_1e5ys_79{font-family:var(--font-family-body);font-size:var(--font-size-100);font-weight:var(--font-weight-regular);line-height:var(--line-height-100);letter-spacing:.02em;color:var(--sidebar-text);opacity:.72;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:144px}._channel-sidebar-item__shared-icon_1e5ys_92{display:flex;align-items:center;flex-shrink:0;padding:var(--spacing-xxxs) 0;color:var(--sidebar-text);opacity:.72}._channel-sidebar-item__custom-status_1e5ys_100{display:flex;align-items:center;flex-shrink:0;font-size:var(--font-size-200);line-height:var(--line-height-25);opacity:.8}._channel-sidebar-item__right_1e5ys_108{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0;gap:var(--spacing-xxxxs);padding-right:var(--spacing-l);color:var(--sidebar-text)}._channel-sidebar-item__call_1e5ys_117{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xxxs);border-radius:var(--radius-s)}._channel-sidebar-item--text-only_1e5ys_127 ._channel-sidebar-item__left_1e5ys_34{gap:0}._channel-sidebar-item--active_1e5ys_130{background:rgba(var(--sidebar-text-rgb),.12)}._channel-sidebar-item--active_1e5ys_130 ._channel-sidebar-item__left_1e5ys_34{padding-left:var(--spacing-l)}._channel-sidebar-item--active_1e5ys_130 ._channel-sidebar-item__name_1e5ys_79,._channel-sidebar-item--status-unread_1e5ys_139 ._channel-sidebar-item__icon-container_1e5ys_42,._channel-sidebar-item--status-mention_1e5ys_139 ._channel-sidebar-item__icon-container_1e5ys_42{opacity:1}._channel-sidebar-item--status-unread_1e5ys_139 ._channel-sidebar-item__name_1e5ys_79,._channel-sidebar-item--status-mention_1e5ys_139 ._channel-sidebar-item__name_1e5ys_79{font-weight:var(--font-weight-semibold);opacity:1}._channel-sidebar-item--drafts_1e5ys_146 ._channel-sidebar-item__icon-container_1e5ys_42{opacity:.64}._channel-sidebar-item--drafts_1e5ys_146 ._channel-sidebar-item__name_1e5ys_79{font-weight:var(--font-weight-regular);opacity:.72}._channel-sidebar-item--drafts_1e5ys_146 ._channel-sidebar-item__mention-badge_1e5ys_20>*{background-color:transparent;color:var(--sidebar-text);padding-left:0;padding-right:var(--spacing-xxs)}._channel-sidebar-item--drafts_1e5ys_146._channel-sidebar-item--active_1e5ys_130 ._channel-sidebar-item__name_1e5ys_79{opacity:1}._channel-sidebar-item--muted_1e5ys_162 ._channel-sidebar-item__icon-container_1e5ys_42,._channel-sidebar-item--muted_1e5ys_162 ._channel-sidebar-item__name_1e5ys_79,._channel-sidebar-item--muted_1e5ys_162 ._channel-sidebar-item__shared-icon_1e5ys_92{opacity:.4}

package/dist/components/channels-sidebar/ChannelsSidebar.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),N=require("react"),__j=require("@mattermost/compass-icons/components/chevron-down.js"),j=__j?.default??__j,__x=require("@mattermost/compass-icons/components/plus.js"),x=__x?.default??__x,__C=require("@mattermost/compass-icons/components/magnify.js"),C=__C?.default??__C,__q=require("@mattermost/compass-icons/components/filter-variant.js"),q=__q?.default??__q,_=require("../channel-sidebar-item/ChannelSidebarItem.cjs"),m=require("../more-unreads-banner/MoreUnreadsBanner.cjs"),f=require("../icon-button/IconButton.cjs"),b=require("../icon/Icon.cjs"),S=require("../scrollbar/Scrollbar.cjs"),I=require("./channelsSidebarModel.cjs"),a=require("./ChannelsSidebar.module.scss.cjs");function $(n,t,r){const i=s=>({...s,active:t===void 0?s.active:s.name===t,onClick:r?()=>r(s.name):s.onClick});return{topGroupItems:n.topGroupItems.map(i),groups:n.groups.map(s=>({...s,items:s.items.map(i)}))}}function p({teamName:n}){return e.jsxs("div",{className:a.default["channels-sidebar__header"],children:[e.jsxs("div",{className:a.default["channels-sidebar__team-dropdown"],children:[e.jsx("span",{className:a.default["channels-sidebar__team-name"],children:n}),e.jsx("span",{className:a.default["channels-sidebar__team-chevron"],children:e.jsx(j,{size:16})})]}),e.jsx(f.default,{"aria-label":"Add channels",size:"small",style:"inverted",padding:"compact",rounded:!0,icon:e.jsx(b.default,{size:"16",glyph:e.jsx(x,{})}),className:a.default["channels-sidebar__sidebar-icon-button"]})]})}function g({showFilter:n=!1}){return e.jsxs("div",{className:a.default["channels-sidebar__navigator"],children:[n&&e.jsx(f.default,{"aria-label":"Filter channels",size:"small",style:"inverted",padding:"compact",icon:e.jsx(b.default,{size:"16",glyph:e.jsx(q,{})}),className:a.default["channels-sidebar__sidebar-icon-button"]}),e.jsxs("div",{className:a.default["channels-sidebar__find-channels"],children:[e.jsx("span",{className:a.default["channels-sidebar__find-channels-icon"],children:e.jsx(C,{size:16})}),e.jsx("span",{className:a.default["channels-sidebar__find-channels-label"],children:"Find channels"})]})]})}function v({label:n,showChevron:t=!0,showPlusButton:r=!1,leadingIcon:i,sticky:s=!1,opaqueCategory:u=!1}){const d=!!i,o=t&&!d,h=[a.default["channels-sidebar__category"],d?a.default["channels-sidebar__category--with-leading-icon"]:"",u?a.default["channels-sidebar__category--opaque"]:"",!o&&!d?a.default["channels-sidebar__category--no-chevron"]:"",r?a.default["channels-sidebar__category--has-action"]:"",s?a.default["channels-sidebar__category--sticky"]:""].filter(Boolean).join(" ");return e.jsxs("div",{className:h,children:[e.jsxs("div",{className:a.default["channels-sidebar__category-left"],children:[d&&e.jsx("span",{className:a.default["channels-sidebar__category-leading-icon"],children:i}),o&&e.jsx("span",{className:a.default["channels-sidebar__category-chevron"],children:e.jsx(j,{size:12})}),e.jsx("span",{className:a.default["channels-sidebar__category-label"],children:n})]}),r&&e.jsx(f.default,{"aria-label":`New ${n.toLowerCase()}`,size:"x-small",style:"inverted",icon:e.jsx(b.default,{size:"12",glyph:e.jsx(x,{})})})]})}function w({teamName:n="Contributors",showFilter:t=!1,moreUnreadsAbove:r=!1,moreUnreadsBelow:i=!1,channelNameOverrides:s,activeChannelName:u,onItemClick:d,model:o}){const h=N.useMemo(()=>{const l=o??{topGroupItems:[],groups:[]},c=I.applyChannelNameOverrides(l,s);return $(c,u,d)},[o,s,u,d]);return e.jsxs("div",{className:a.default["channels-sidebar"],children:[e.jsx(p,{teamName:n}),e.jsx(g,{showFilter:t}),e.jsx("div",{className:a.default["channels-sidebar__top-group"],children:h.topGroupItems.map((l,c)=>e.jsx(_.default,{...l},`top-${c}-${l.name}`))}),e.jsxs("div",{className:a.default["channels-sidebar__scroll-view"],children:[e.jsx(S.default,{color:"--sidebar-text-rgb",children:e.jsx("div",{className:a.default["channels-sidebar__channel-groups"],children:h.groups.map(l=>e.jsxs("div",{className:a.default["channels-sidebar__channel-group"],children:[e.jsx(v,{label:l.category.label,showChevron:l.category.showChevron,showPlusButton:l.category.showPlusButton}),l.items.map((c,y)=>e.jsx(_.default,{...c},`${l.key}-${y}-${c.name}`))]},l.key))})}),r&&e.jsx(m.default,{direction:"up",className:`${a.default["channels-sidebar__more-unreads"]} ${a.default["channels-sidebar__more-unreads--above"]}`}),i&&e.jsx(m.default,{direction:"down",className:`${a.default["channels-sidebar__more-unreads"]} ${a.default["channels-sidebar__more-unreads--below"]}`})]})]})}exports.ChannelsSidebarCategory=v;exports.ChannelsSidebarHeader=p;exports.ChannelsSidebarNavigator=g;exports.default=w;
-//# sourceMappingURL=ChannelsSidebar.cjs.map

package/dist/components/channels-sidebar/ChannelsSidebar.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChannelsSidebar.cjs","sources":["../../../src/components/channels-sidebar/ChannelsSidebar.tsx"],"sourcesContent":["import { useMemo, type ReactNode } from 'react';\nimport ChevronDownIcon from '@mattermost/compass-icons/components/chevron-down';\nimport PlusIcon from '@mattermost/compass-icons/components/plus';\nimport MagnifyIcon from '@mattermost/compass-icons/components/magnify';\nimport FilterVariantIcon from '@mattermost/compass-icons/components/filter-variant';\nimport ChannelSidebarItem from '@/components/channel-sidebar-item/ChannelSidebarItem';\nimport MoreUnreadsBanner from '@/components/more-unreads-banner/MoreUnreadsBanner';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Icon from '@/components/icon/Icon';\nimport Scrollbar from '@/components/scrollbar/Scrollbar';\nimport {\n  applyChannelNameOverrides,\n  type ChannelsSidebarItemModel,\n  type ChannelsSidebarModel,\n} from './channelsSidebarModel';\nimport styles from './ChannelsSidebar.module.scss';\n\nfunction applyChannelSidebarInteractivity(\n  model: ChannelsSidebarModel,\n  activeChannelName: string | undefined,\n  onItemClick?: (name: string) => void,\n): ChannelsSidebarModel {\n  const mapRow = (row: ChannelsSidebarItemModel) => ({\n    ...row,\n    active:\n      activeChannelName === undefined\n        ? row.active\n        : row.name === activeChannelName,\n    onClick: onItemClick ? () => onItemClick(row.name) : row.onClick,\n  });\n  return {\n    topGroupItems: model.topGroupItems.map(mapRow),\n    groups: model.groups.map((g) => ({\n      ...g,\n      items: g.items.map(mapRow),\n    })),\n  };\n}\n\nexport interface ChannelsSidebarHeaderProps {\n  teamName: string;\n}\n\n/** Team row + Add control; same markup as the top of `ChannelsSidebar`. */\nexport function ChannelsSidebarHeader({ teamName }: ChannelsSidebarHeaderProps) {\n  return (\n    <div className={styles['channels-sidebar__header']}>\n      <div className={styles['channels-sidebar__team-dropdown']}>\n        <span className={styles['channels-sidebar__team-name']}>\n          {teamName}\n        </span>\n        <span className={styles['channels-sidebar__team-chevron']}>\n          <ChevronDownIcon size={16} />\n        </span>\n      </div>\n      <IconButton\n        aria-label=\"Add channels\"\n        size=\"small\"\n        style=\"inverted\"\n        padding=\"compact\"\n        rounded\n        icon={<Icon size=\"16\" glyph={<PlusIcon />} />}\n        className={styles['channels-sidebar__sidebar-icon-button']}\n      />\n    </div>\n  );\n}\n\nexport interface ChannelsSidebarNavigatorProps {\n  showFilter?: boolean;\n}\n\n/** Find channels row + optional unread filter control; same markup as `ChannelsSidebar`. */\nexport function ChannelsSidebarNavigator({\n  showFilter = false,\n}: ChannelsSidebarNavigatorProps) {\n  return (\n    <div className={styles['channels-sidebar__navigator']}>\n      {showFilter && (\n        <IconButton\n          aria-label=\"Filter channels\"\n          size=\"small\"\n          style=\"inverted\"\n          padding=\"compact\"\n          icon={<Icon size=\"16\" glyph={<FilterVariantIcon />} />}\n          className={styles['channels-sidebar__sidebar-icon-button']}\n        />\n      )}\n      <div className={styles['channels-sidebar__find-channels']}>\n        <span className={styles['channels-sidebar__find-channels-icon']}>\n          <MagnifyIcon size={16} />\n        </span>\n        <span className={styles['channels-sidebar__find-channels-label']}>\n          Find channels\n        </span>\n      </div>\n    </div>\n  );\n}\n\nexport interface ChannelsSidebarCategoryProps {\n  label: string;\n  showChevron?: boolean;\n  showPlusButton?: boolean;\n  /** When set, shown instead of the expand chevron (e.g. System Console categories). */\n  leadingIcon?: ReactNode;\n  /** Pin category row to the top of the scroll container while scrolling (e.g. first console section). */\n  sticky?: boolean;\n  /** Full-opacity label + leading icon (System Console categories). Default: toned like channel sidebar. */\n  opaqueCategory?: boolean;\n}\n\nexport function ChannelsSidebarCategory({\n  label,\n  showChevron = true,\n  showPlusButton = false,\n  leadingIcon,\n  sticky = false,\n  opaqueCategory = false,\n}: ChannelsSidebarCategoryProps) {\n  const hasLeadingIcon = Boolean(leadingIcon);\n  const showChevronRow = showChevron && !hasLeadingIcon;\n\n  const categoryClass = [\n    styles['channels-sidebar__category'],\n    hasLeadingIcon ? styles['channels-sidebar__category--with-leading-icon'] : '',\n    opaqueCategory ? styles['channels-sidebar__category--opaque'] : '',\n    !showChevronRow && !hasLeadingIcon\n      ? styles['channels-sidebar__category--no-chevron']\n      : '',\n    showPlusButton ? styles['channels-sidebar__category--has-action'] : '',\n    sticky ? styles['channels-sidebar__category--sticky'] : '',\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={categoryClass}>\n      <div className={styles['channels-sidebar__category-left']}>\n        {hasLeadingIcon && (\n          <span className={styles['channels-sidebar__category-leading-icon']}>\n            {leadingIcon}\n          </span>\n        )}\n        {showChevronRow && (\n          <span className={styles['channels-sidebar__category-chevron']}>\n            <ChevronDownIcon size={12} />\n          </span>\n        )}\n        <span className={styles['channels-sidebar__category-label']}>\n          {label}\n        </span>\n      </div>\n      {showPlusButton && (\n        <IconButton\n          aria-label={`New ${label.toLowerCase()}`}\n          size=\"x-small\"\n          style=\"inverted\"\n          icon={<Icon size=\"12\" glyph={<PlusIcon />} />}\n        />\n      )}\n    </div>\n  );\n}\n\nexport interface ChannelsSidebarProps {\n  teamName?: string;\n  showUnreadsCategory?: boolean;\n  showFilter?: boolean;\n  showDialPad?: boolean;\n  moreUnreadsAbove?: boolean;\n  moreUnreadsBelow?: boolean;\n  /**\n   * Rename built-in channel/DM items without editing the model.\n   * Keys are the default names; values are the display names to use instead.\n   * Applies to `name` and `avatarAlt` on each item (same as the legacy hardcoded list).\n   */\n  channelNameOverrides?: Record<string, string>;\n  /**\n   * Match against **resolved** item names (after `channelNameOverrides`).\n   * Omit to keep each row’s fixture `active` value; pass `''` to clear selection.\n   */\n  activeChannelName?: string;\n  /** Receives the row's visible `name` (after overrides). */\n  onItemClick?: (name: string) => void;\n  avatarAikoTan?: string;\n  avatarArjunPatel?: string;\n  avatarDanielleOkoro?: string;\n  avatarDariusCole?: string;\n  avatarDavidLiang?: string;\n  avatarEmmaNovak?: string;\n  avatarEthanBrooks?: string;\n  /** When set, overrides the default channel tree (for per-prototype sidebars). */\n  model?: ChannelsSidebarModel;\n}\n\nexport default function ChannelsSidebar({\n  teamName = 'Contributors',\n  showFilter = false,\n  moreUnreadsAbove = false,\n  moreUnreadsBelow = false,\n  channelNameOverrides,\n  activeChannelName,\n  onItemClick,\n  model: modelProp,\n}: ChannelsSidebarProps) {\n  const model = useMemo(() => {\n    const baseModel = modelProp ?? { topGroupItems: [], groups: [] };\n    const withOverrides = applyChannelNameOverrides(baseModel, channelNameOverrides);\n    return applyChannelSidebarInteractivity(\n      withOverrides,\n      activeChannelName,\n      onItemClick,\n    );\n  }, [\n    modelProp,\n    channelNameOverrides,\n    activeChannelName,\n    onItemClick,\n  ]);\n\n  return (\n    <div className={styles['channels-sidebar']}>\n      <ChannelsSidebarHeader teamName={teamName} />\n      <ChannelsSidebarNavigator showFilter={showFilter} />\n\n      <div className={styles['channels-sidebar__top-group']}>\n        {model.topGroupItems.map((row, i) => (\n          <ChannelSidebarItem key={`top-${i}-${row.name}`} {...row} />\n        ))}\n      </div>\n\n      <div className={styles['channels-sidebar__scroll-view']}>\n        <Scrollbar color=\"--sidebar-text-rgb\">\n          <div className={styles['channels-sidebar__channel-groups']}>\n            {model.groups.map((group) => (\n              <div\n                key={group.key}\n                className={styles['channels-sidebar__channel-group']}\n              >\n                <ChannelsSidebarCategory\n                  label={group.category.label}\n                  showChevron={group.category.showChevron}\n                  showPlusButton={group.category.showPlusButton}\n                />\n                {group.items.map((row, index) => (\n                  <ChannelSidebarItem\n                    key={`${group.key}-${index}-${row.name}`}\n                    {...row}\n                  />\n                ))}\n              </div>\n            ))}\n          </div>\n        </Scrollbar>\n\n        {moreUnreadsAbove && (\n          <MoreUnreadsBanner\n            direction=\"up\"\n            className={`${styles['channels-sidebar__more-unreads']} ${styles['channels-sidebar__more-unreads--above']}`}\n          />\n        )}\n        {moreUnreadsBelow && (\n          <MoreUnreadsBanner\n            direction=\"down\"\n            className={`${styles['channels-sidebar__more-unreads']} ${styles['channels-sidebar__more-unreads--below']}`}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport type { ChannelsSidebarModel } from './channelsSidebarModel';\n"],"names":["applyChannelSidebarInteractivity","model","activeChannelName","onItemClick","mapRow","row","g","ChannelsSidebarHeader","teamName","jsxs","styles","jsx","ChevronDownIcon","IconButton","Icon","PlusIcon","ChannelsSidebarNavigator","showFilter","FilterVariantIcon","MagnifyIcon","ChannelsSidebarCategory","label","showChevron","showPlusButton","leadingIcon","sticky","opaqueCategory","hasLeadingIcon","showChevronRow","categoryClass","ChannelsSidebar","moreUnreadsAbove","moreUnreadsBelow","channelNameOverrides","modelProp","useMemo","baseModel","withOverrides","applyChannelNameOverrides","i","ChannelSidebarItem","Scrollbar","group","index","MoreUnreadsBanner"],"mappings":"8sBAiBA,SAASA,EACPC,EACAC,EACAC,EACsB,CACtB,MAAMC,EAAUC,IAAmC,CACjD,GAAGA,EACH,OACEH,IAAsB,OAClBG,EAAI,OACJA,EAAI,OAASH,EACnB,QAASC,EAAc,IAAMA,EAAYE,EAAI,IAAI,EAAIA,EAAI,OAAA,GAE3D,MAAO,CACL,cAAeJ,EAAM,cAAc,IAAIG,CAAM,EAC7C,OAAQH,EAAM,OAAO,IAAKK,IAAO,CAC/B,GAAGA,EACH,MAAOA,EAAE,MAAM,IAAIF,CAAM,CAAA,EACzB,CAAA,CAEN,CAOO,SAASG,EAAsB,CAAE,SAAAC,GAAwC,CAC9E,OACEC,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAAA,QAAO,0BAA0B,EAC/C,SAAA,CAAAD,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAAA,QAAO,iCAAiC,EACtD,SAAA,CAAAC,MAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,6BAA6B,EAClD,SAAAF,EACH,EACAG,EAAAA,IAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,gCAAgC,EACtD,SAAAC,EAAAA,IAACC,EAAA,CAAgB,KAAM,EAAA,CAAI,CAAA,CAC7B,CAAA,EACF,EACAD,EAAAA,IAACE,EAAAA,QAAA,CACC,aAAW,eACX,KAAK,QACL,MAAM,WACN,QAAQ,UACR,QAAO,GACP,WAAOC,UAAA,CAAK,KAAK,KAAK,MAAOH,MAACI,IAAS,EAAI,EAC3C,UAAWL,EAAAA,QAAO,uCAAuC,CAAA,CAAA,CAC3D,EACF,CAEJ,CAOO,SAASM,EAAyB,CACvC,WAAAC,EAAa,EACf,EAAkC,CAChC,OACER,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAAA,QAAO,6BAA6B,EACjD,SAAA,CAAAO,GACCN,EAAAA,IAACE,EAAAA,QAAA,CACC,aAAW,kBACX,KAAK,QACL,MAAM,WACN,QAAQ,UACR,WAAOC,UAAA,CAAK,KAAK,KAAK,MAAOH,MAACO,IAAkB,EAAI,EACpD,UAAWR,EAAAA,QAAO,uCAAuC,CAAA,CAAA,EAG7DD,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAAA,QAAO,iCAAiC,EACtD,SAAA,CAAAC,EAAAA,IAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,sCAAsC,EAC5D,SAAAC,EAAAA,IAACQ,EAAA,CAAY,KAAM,EAAA,CAAI,CAAA,CACzB,QACC,OAAA,CAAK,UAAWT,EAAAA,QAAO,uCAAuC,EAAG,SAAA,eAAA,CAElE,CAAA,CAAA,CACF,CAAA,EACF,CAEJ,CAcO,SAASU,EAAwB,CACtC,MAAAC,EACA,YAAAC,EAAc,GACd,eAAAC,EAAiB,GACjB,YAAAC,EACA,OAAAC,EAAS,GACT,eAAAC,EAAiB,EACnB,EAAiC,CAC/B,MAAMC,EAAiB,EAAQH,EACzBI,EAAiBN,GAAe,CAACK,EAEjCE,EAAgB,CACpBnB,EAAAA,QAAO,4BAA4B,EACnCiB,EAAiBjB,EAAAA,QAAO,+CAA+C,EAAI,GAC3EgB,EAAiBhB,EAAAA,QAAO,oCAAoC,EAAI,GAChE,CAACkB,GAAkB,CAACD,EAChBjB,EAAAA,QAAO,wCAAwC,EAC/C,GACJa,EAAiBb,EAAAA,QAAO,wCAAwC,EAAI,GACpEe,EAASf,EAAAA,QAAO,oCAAoC,EAAI,EAAA,EAEvD,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACED,EAAAA,KAAC,MAAA,CAAI,UAAWoB,EACd,SAAA,CAAApB,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAAA,QAAO,iCAAiC,EACrD,SAAA,CAAAiB,SACE,OAAA,CAAK,UAAWjB,EAAAA,QAAO,yCAAyC,EAC9D,SAAAc,EACH,EAEDI,GACCjB,EAAAA,IAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,oCAAoC,EAC1D,SAAAC,EAAAA,IAACC,EAAA,CAAgB,KAAM,EAAA,CAAI,CAAA,CAC7B,QAED,OAAA,CAAK,UAAWF,EAAAA,QAAO,kCAAkC,EACvD,SAAAW,CAAA,CACH,CAAA,EACF,EACCE,GACCZ,EAAAA,IAACE,EAAAA,QAAA,CACC,aAAY,OAAOQ,EAAM,YAAA,CAAa,GACtC,KAAK,UACL,MAAM,WACN,WAAOP,EAAAA,QAAA,CAAK,KAAK,KAAK,MAAOH,EAAAA,IAACI,IAAS,CAAA,CAAI,CAAA,CAAA,CAC7C,EAEJ,CAEJ,CAiCA,SAAwBe,EAAgB,CACtC,SAAAtB,EAAW,eACX,WAAAS,EAAa,GACb,iBAAAc,EAAmB,GACnB,iBAAAC,EAAmB,GACnB,qBAAAC,EACA,kBAAA/B,EACA,YAAAC,EACA,MAAO+B,CACT,EAAyB,CACvB,MAAMjC,EAAQkC,EAAAA,QAAQ,IAAM,CAC1B,MAAMC,EAAYF,GAAa,CAAE,cAAe,CAAA,EAAI,OAAQ,EAAC,EACvDG,EAAgBC,EAAAA,0BAA0BF,EAAWH,CAAoB,EAC/E,OAAOjC,EACLqC,EACAnC,EACAC,CAAA,CAEJ,EAAG,CACD+B,EACAD,EACA/B,EACAC,CAAA,CACD,EAED,OACEM,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAAA,QAAO,kBAAkB,EACvC,SAAA,CAAAC,MAACJ,GAAsB,SAAAC,EAAoB,EAC3CG,MAACK,GAAyB,WAAAC,EAAwB,EAElDN,EAAAA,IAAC,OAAI,UAAWD,EAAAA,QAAO,6BAA6B,EACjD,SAAAT,EAAM,cAAc,IAAI,CAACI,EAAKkC,IAC7B5B,EAAAA,IAAC6B,UAAA,CAAiD,GAAGnC,CAAA,EAA5B,OAAOkC,CAAC,IAAIlC,EAAI,IAAI,EAAa,CAC3D,CAAA,CACH,EAEAI,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAAA,QAAO,+BAA+B,EACpD,SAAA,CAAAC,EAAAA,IAAC8B,EAAAA,QAAA,CAAU,MAAM,qBACf,SAAA9B,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,kCAAkC,EACtD,SAAAT,EAAM,OAAO,IAAKyC,GACjBjC,EAAAA,KAAC,MAAA,CAEC,UAAWC,EAAAA,QAAO,iCAAiC,EAEnD,SAAA,CAAAC,EAAAA,IAACS,EAAA,CACC,MAAOsB,EAAM,SAAS,MACtB,YAAaA,EAAM,SAAS,YAC5B,eAAgBA,EAAM,SAAS,cAAA,CAAA,EAEhCA,EAAM,MAAM,IAAI,CAACrC,EAAKsC,IACrBhC,EAAAA,IAAC6B,EAAAA,QAAA,CAEE,GAAGnC,CAAA,EADC,GAAGqC,EAAM,GAAG,IAAIC,CAAK,IAAItC,EAAI,IAAI,EAAA,CAGzC,CAAA,CAAA,EAbIqC,EAAM,GAAA,CAed,EACH,CAAA,CACF,EAECX,GACCpB,EAAAA,IAACiC,EAAAA,QAAA,CACC,UAAU,KACV,UAAW,GAAGlC,UAAO,gCAAgC,CAAC,IAAIA,EAAAA,QAAO,uCAAuC,CAAC,EAAA,CAAA,EAG5GsB,GACCrB,EAAAA,IAACiC,EAAAA,QAAA,CACC,UAAU,OACV,UAAW,GAAGlC,UAAO,gCAAgC,CAAC,IAAIA,EAAAA,QAAO,uCAAuC,CAAC,EAAA,CAAA,CAC3G,CAAA,CAEJ,CAAA,EACF,CAEJ"}

package/dist/components/channels-sidebar/ChannelsSidebar.d.ts

@@ -1,57 +0,0 @@
-import { ReactNode } from 'react';
-import { ChannelsSidebarModel } from './channelsSidebarModel';
-export interface ChannelsSidebarHeaderProps {
-    teamName: string;
-}
-/** Team row + Add control; same markup as the top of `ChannelsSidebar`. */
-export declare function ChannelsSidebarHeader({ teamName }: ChannelsSidebarHeaderProps): import("react/jsx-runtime").JSX.Element;
-export interface ChannelsSidebarNavigatorProps {
-    showFilter?: boolean;
-}
-/** Find channels row + optional unread filter control; same markup as `ChannelsSidebar`. */
-export declare function ChannelsSidebarNavigator({ showFilter, }: ChannelsSidebarNavigatorProps): import("react/jsx-runtime").JSX.Element;
-export interface ChannelsSidebarCategoryProps {
-    label: string;
-    showChevron?: boolean;
-    showPlusButton?: boolean;
-    /** When set, shown instead of the expand chevron (e.g. System Console categories). */
-    leadingIcon?: ReactNode;
-    /** Pin category row to the top of the scroll container while scrolling (e.g. first console section). */
-    sticky?: boolean;
-    /** Full-opacity label + leading icon (System Console categories). Default: toned like channel sidebar. */
-    opaqueCategory?: boolean;
-}
-export declare function ChannelsSidebarCategory({ label, showChevron, showPlusButton, leadingIcon, sticky, opaqueCategory, }: ChannelsSidebarCategoryProps): import("react/jsx-runtime").JSX.Element;
-export interface ChannelsSidebarProps {
-    teamName?: string;
-    showUnreadsCategory?: boolean;
-    showFilter?: boolean;
-    showDialPad?: boolean;
-    moreUnreadsAbove?: boolean;
-    moreUnreadsBelow?: boolean;
-    /**
-     * Rename built-in channel/DM items without editing the model.
-     * Keys are the default names; values are the display names to use instead.
-     * Applies to `name` and `avatarAlt` on each item (same as the legacy hardcoded list).
-     */
-    channelNameOverrides?: Record<string, string>;
-    /**
-     * Match against **resolved** item names (after `channelNameOverrides`).
-     * Omit to keep each row’s fixture `active` value; pass `''` to clear selection.
-     */
-    activeChannelName?: string;
-    /** Receives the row's visible `name` (after overrides). */
-    onItemClick?: (name: string) => void;
-    avatarAikoTan?: string;
-    avatarArjunPatel?: string;
-    avatarDanielleOkoro?: string;
-    avatarDariusCole?: string;
-    avatarDavidLiang?: string;
-    avatarEmmaNovak?: string;
-    avatarEthanBrooks?: string;
-    /** When set, overrides the default channel tree (for per-prototype sidebars). */
-    model?: ChannelsSidebarModel;
-}
-export default function ChannelsSidebar({ teamName, showFilter, moreUnreadsAbove, moreUnreadsBelow, channelNameOverrides, activeChannelName, onItemClick, model: modelProp, }: ChannelsSidebarProps): import("react/jsx-runtime").JSX.Element;
-export type { ChannelsSidebarModel } from './channelsSidebarModel';
-//# sourceMappingURL=ChannelsSidebar.d.ts.map

package/dist/components/channels-sidebar/ChannelsSidebar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChannelsSidebar.d.ts","sourceRoot":"","sources":["../../../src/components/channels-sidebar/ChannelsSidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAUhD,OAAO,EAGL,KAAK,oBAAoB,EAC1B,MAAM,wBAAwB,CAAC;AAyBhC,MAAM,WAAW,0BAA0B;IACzC,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,2EAA2E;AAC3E,wBAAgB,qBAAqB,CAAC,EAAE,QAAQ,EAAE,EAAE,0BAA0B,2CAsB7E;AAED,MAAM,WAAW,6BAA6B;IAC5C,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,4FAA4F;AAC5F,wBAAgB,wBAAwB,CAAC,EACvC,UAAkB,GACnB,EAAE,6BAA6B,2CAuB/B;AAED,MAAM,WAAW,4BAA4B;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,sFAAsF;IACtF,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,wGAAwG;IACxG,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,0GAA0G;IAC1G,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,wBAAgB,uBAAuB,CAAC,EACtC,KAAK,EACL,WAAkB,EAClB,cAAsB,EACtB,WAAW,EACX,MAAc,EACd,cAAsB,GACvB,EAAE,4BAA4B,2CA4C9B;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9C;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2DAA2D;IAC3D,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iFAAiF;IACjF,KAAK,CAAC,EAAE,oBAAoB,CAAC;CAC9B;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,QAAyB,EACzB,UAAkB,EAClB,gBAAwB,EACxB,gBAAwB,EACxB,oBAAoB,EACpB,iBAAiB,EACjB,WAAW,EACX,KAAK,EAAE,SAAS,GACjB,EAAE,oBAAoB,2CAkEtB;AAED,YAAY,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/components/channels-sidebar/ChannelsSidebar.js

@@ -1,177 +0,0 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { useMemo as N } from "react";
-import __y from "@mattermost/compass-icons/components/chevron-down.js";const y=__y&&__y.default?__y.default:__y;
-import __v from "@mattermost/compass-icons/components/plus.js";const v=__v&&__v.default?__v.default:__v;
-import __C from "@mattermost/compass-icons/components/magnify.js";const C=__C&&__C.default?__C.default:__C;
-import __I from "@mattermost/compass-icons/components/filter-variant.js";const I=__I&&__I.default?__I.default:__I;
-import u from "../channel-sidebar-item/ChannelSidebarItem.js";
-import f from "../more-unreads-banner/MoreUnreadsBanner.js";
-import b from "../icon-button/IconButton.js";
-import p from "../icon/Icon.js";
-import $ from "../scrollbar/Scrollbar.js";
-import { applyChannelNameOverrides as w } from "./channelsSidebarModel.js";
-import a from "./ChannelsSidebar.module.scss.js";
-function z(s, t, l) {
-  const c = (n) => ({
-    ...n,
-    active: t === void 0 ? n.active : n.name === t,
-    onClick: l ? () => l(n.name) : n.onClick
-  });
-  return {
-    topGroupItems: s.topGroupItems.map(c),
-    groups: s.groups.map((n) => ({
-      ...n,
-      items: n.items.map(c)
-    }))
-  };
-}
-function S({ teamName: s }) {
-  return /* @__PURE__ */ i("div", { className: a["channels-sidebar__header"], children: [
-    /* @__PURE__ */ i("div", { className: a["channels-sidebar__team-dropdown"], children: [
-      /* @__PURE__ */ e("span", { className: a["channels-sidebar__team-name"], children: s }),
-      /* @__PURE__ */ e("span", { className: a["channels-sidebar__team-chevron"], children: /* @__PURE__ */ e(y, { size: 16 }) })
-    ] }),
-    /* @__PURE__ */ e(
-      b,
-      {
-        "aria-label": "Add channels",
-        size: "small",
-        style: "inverted",
-        padding: "compact",
-        rounded: !0,
-        icon: /* @__PURE__ */ e(p, { size: "16", glyph: /* @__PURE__ */ e(v, {}) }),
-        className: a["channels-sidebar__sidebar-icon-button"]
-      }
-    )
-  ] });
-}
-function x({
-  showFilter: s = !1
-}) {
-  return /* @__PURE__ */ i("div", { className: a["channels-sidebar__navigator"], children: [
-    s && /* @__PURE__ */ e(
-      b,
-      {
-        "aria-label": "Filter channels",
-        size: "small",
-        style: "inverted",
-        padding: "compact",
-        icon: /* @__PURE__ */ e(p, { size: "16", glyph: /* @__PURE__ */ e(I, {}) }),
-        className: a["channels-sidebar__sidebar-icon-button"]
-      }
-    ),
-    /* @__PURE__ */ i("div", { className: a["channels-sidebar__find-channels"], children: [
-      /* @__PURE__ */ e("span", { className: a["channels-sidebar__find-channels-icon"], children: /* @__PURE__ */ e(C, { size: 16 }) }),
-      /* @__PURE__ */ e("span", { className: a["channels-sidebar__find-channels-label"], children: "Find channels" })
-    ] })
-  ] });
-}
-function B({
-  label: s,
-  showChevron: t = !0,
-  showPlusButton: l = !1,
-  leadingIcon: c,
-  sticky: n = !1,
-  opaqueCategory: m = !1
-}) {
-  const o = !!c, h = t && !o, _ = [
-    a["channels-sidebar__category"],
-    o ? a["channels-sidebar__category--with-leading-icon"] : "",
-    m ? a["channels-sidebar__category--opaque"] : "",
-    !h && !o ? a["channels-sidebar__category--no-chevron"] : "",
-    l ? a["channels-sidebar__category--has-action"] : "",
-    n ? a["channels-sidebar__category--sticky"] : ""
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ i("div", { className: _, children: [
-    /* @__PURE__ */ i("div", { className: a["channels-sidebar__category-left"], children: [
-      o && /* @__PURE__ */ e("span", { className: a["channels-sidebar__category-leading-icon"], children: c }),
-      h && /* @__PURE__ */ e("span", { className: a["channels-sidebar__category-chevron"], children: /* @__PURE__ */ e(y, { size: 12 }) }),
-      /* @__PURE__ */ e("span", { className: a["channels-sidebar__category-label"], children: s })
-    ] }),
-    l && /* @__PURE__ */ e(
-      b,
-      {
-        "aria-label": `New ${s.toLowerCase()}`,
-        size: "x-small",
-        style: "inverted",
-        icon: /* @__PURE__ */ e(p, { size: "12", glyph: /* @__PURE__ */ e(v, {}) })
-      }
-    )
-  ] });
-}
-function U({
-  teamName: s = "Contributors",
-  showFilter: t = !1,
-  moreUnreadsAbove: l = !1,
-  moreUnreadsBelow: c = !1,
-  channelNameOverrides: n,
-  activeChannelName: m,
-  onItemClick: o,
-  model: h
-}) {
-  const _ = N(() => {
-    const d = w(h ?? { topGroupItems: [], groups: [] }, n);
-    return z(
-      d,
-      m,
-      o
-    );
-  }, [
-    h,
-    n,
-    m,
-    o
-  ]);
-  return /* @__PURE__ */ i("div", { className: a["channels-sidebar"], children: [
-    /* @__PURE__ */ e(S, { teamName: s }),
-    /* @__PURE__ */ e(x, { showFilter: t }),
-    /* @__PURE__ */ e("div", { className: a["channels-sidebar__top-group"], children: _.topGroupItems.map((r, d) => /* @__PURE__ */ e(u, { ...r }, `top-${d}-${r.name}`)) }),
-    /* @__PURE__ */ i("div", { className: a["channels-sidebar__scroll-view"], children: [
-      /* @__PURE__ */ e($, { color: "--sidebar-text-rgb", children: /* @__PURE__ */ e("div", { className: a["channels-sidebar__channel-groups"], children: _.groups.map((r) => /* @__PURE__ */ i(
-        "div",
-        {
-          className: a["channels-sidebar__channel-group"],
-          children: [
-            /* @__PURE__ */ e(
-              B,
-              {
-                label: r.category.label,
-                showChevron: r.category.showChevron,
-                showPlusButton: r.category.showPlusButton
-              }
-            ),
-            r.items.map((d, g) => /* @__PURE__ */ e(
-              u,
-              {
-                ...d
-              },
-              `${r.key}-${g}-${d.name}`
-            ))
-          ]
-        },
-        r.key
-      )) }) }),
-      l && /* @__PURE__ */ e(
-        f,
-        {
-          direction: "up",
-          className: `${a["channels-sidebar__more-unreads"]} ${a["channels-sidebar__more-unreads--above"]}`
-        }
-      ),
-      c && /* @__PURE__ */ e(
-        f,
-        {
-          direction: "down",
-          className: `${a["channels-sidebar__more-unreads"]} ${a["channels-sidebar__more-unreads--below"]}`
-        }
-      )
-    ] })
-  ] });
-}
-export {
-  B as ChannelsSidebarCategory,
-  S as ChannelsSidebarHeader,
-  x as ChannelsSidebarNavigator,
-  U as default
-};
-//# sourceMappingURL=ChannelsSidebar.js.map