@mattermost/compass-ui 0.1.0-alpha.11 → 0.1.0-alpha.13

package/dist/components/team-sidebar/TeamSidebar.js

@@ -1,85 +0,0 @@
-import { jsxs as o, jsx as i } from "react/jsx-runtime";
-import __N from "@mattermost/compass-icons/components/plus.js";const N=__N&&__N.default?__N.default:__N;
-import __y from "@mattermost/compass-icons/components/dialpad.js";const y=__y&&__y.default?__y.default:__y;
-import n from "../icon/Icon.js";
-import l from "../icon-button/IconButton.js";
-import g from "../team-avatar/TeamAvatar.js";
-import z from "../unread-badge/UnreadBadge.js";
-import s from "./TeamSidebar.module.scss.js";
-function U({
-  className: d = "",
-  teams: m,
-  activeTeamId: c,
-  showAddTeam: u = !0,
-  showDialPad: p = !1,
-  dialPadActive: b = !1,
-  onSelectTeam: e,
-  onAddTeam: f,
-  onDialPadClick: _
-}) {
-  const v = [s["team-sidebar"], d].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o("div", { className: v, children: [
-    /* @__PURE__ */ o("div", { className: s["team-sidebar__teams"], children: [
-      m.map((a) => {
-        const r = a.id === c, t = a.mentions != null && a.mentions > 0, h = a.unread && !r && !t;
-        return /* @__PURE__ */ o(
-          "button",
-          {
-            type: "button",
-            className: s["team-sidebar__team"],
-            "aria-label": a.name,
-            "aria-current": r ? "true" : void 0,
-            onClick: () => e == null ? void 0 : e(a.id),
-            children: [
-              /* @__PURE__ */ i(
-                g,
-                {
-                  src: a.src,
-                  alt: a.name,
-                  initials: a.initials,
-                  state: r ? "active" : "default",
-                  badge: t ? a.mentions : void 0
-                }
-              ),
-              h && /* @__PURE__ */ i(
-                z,
-                {
-                  className: s["team-sidebar__unread"],
-                  "aria-label": `${a.name} has unread messages`
-                }
-              )
-            ]
-          },
-          a.id
-        );
-      }),
-      u && /* @__PURE__ */ i(
-        l,
-        {
-          "aria-label": "Add team",
-          size: "medium",
-          style: "inverted",
-          icon: /* @__PURE__ */ i(n, { size: "20", glyph: /* @__PURE__ */ i(N, {}) }),
-          onClick: f,
-          className: s["team-sidebar__add"]
-        }
-      )
-    ] }),
-    p && /* @__PURE__ */ i("div", { className: s["team-sidebar__footer"], children: /* @__PURE__ */ i(
-      l,
-      {
-        "aria-label": "Dial pad",
-        size: "small",
-        style: "inverted",
-        active: b,
-        icon: /* @__PURE__ */ i(n, { size: "16", glyph: /* @__PURE__ */ i(y, {}) }),
-        onClick: _,
-        className: s["team-sidebar__dial-pad"]
-      }
-    ) })
-  ] });
-}
-export {
-  U as default
-};
-//# sourceMappingURL=TeamSidebar.js.map

package/dist/components/team-sidebar/TeamSidebar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TeamSidebar.js","sources":["../../../src/components/team-sidebar/TeamSidebar.tsx"],"sourcesContent":["import PlusIcon from '@mattermost/compass-icons/components/plus';\nimport DialpadIcon from '@mattermost/compass-icons/components/dialpad';\nimport Icon from '@/components/icon/Icon';\nimport IconButton from '@/components/icon-button/IconButton';\nimport TeamAvatar from '@/components/team-avatar/TeamAvatar';\nimport UnreadBadge from '@/components/unread-badge/UnreadBadge';\nimport styles from './TeamSidebar.module.scss';\n\nexport interface TeamSidebarItem {\n  id: string;\n  name: string;\n  src?: string;\n  initials?: string;\n  unread?: boolean;\n  mentions?: number;\n}\n\nexport interface TeamSidebarProps {\n  className?: string;\n  teams: TeamSidebarItem[];\n  activeTeamId?: string;\n  showAddTeam?: boolean;\n  showDialPad?: boolean;\n  dialPadActive?: boolean;\n  onSelectTeam?: (id: string) => void;\n  onAddTeam?: () => void;\n  onDialPadClick?: () => void;\n}\n\nexport default function TeamSidebar({\n  className = '',\n  teams,\n  activeTeamId,\n  showAddTeam = true,\n  showDialPad = false,\n  dialPadActive = false,\n  onSelectTeam,\n  onAddTeam,\n  onDialPadClick,\n}: TeamSidebarProps) {\n  const rootClass = [styles['team-sidebar'], className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={rootClass}>\n      <div className={styles['team-sidebar__teams']}>\n        {teams.map((team) => {\n          const active = team.id === activeTeamId;\n          const hasMentions = team.mentions != null && team.mentions > 0;\n          const showUnreadDot = team.unread && !active && !hasMentions;\n          return (\n            <button\n              key={team.id}\n              type=\"button\"\n              className={styles['team-sidebar__team']}\n              aria-label={team.name}\n              aria-current={active ? 'true' : undefined}\n              onClick={() => onSelectTeam?.(team.id)}\n            >\n              <TeamAvatar\n                src={team.src}\n                alt={team.name}\n                initials={team.initials}\n                state={active ? 'active' : 'default'}\n                badge={hasMentions ? team.mentions : undefined}\n              />\n              {showUnreadDot && (\n                <UnreadBadge\n                  className={styles['team-sidebar__unread']}\n                  aria-label={`${team.name} has unread messages`}\n                />\n              )}\n            </button>\n          );\n        })}\n        {showAddTeam && (\n          <IconButton\n            aria-label=\"Add team\"\n            size=\"medium\"\n            style=\"inverted\"\n            icon={<Icon size=\"20\" glyph={<PlusIcon />} />}\n            onClick={onAddTeam}\n            className={styles['team-sidebar__add']}\n          />\n        )}\n      </div>\n      {showDialPad && (\n        <div className={styles['team-sidebar__footer']}>\n          <IconButton\n            aria-label=\"Dial pad\"\n            size=\"small\"\n            style=\"inverted\"\n            active={dialPadActive}\n            icon={<Icon size=\"16\" glyph={<DialpadIcon />} />}\n            onClick={onDialPadClick}\n            className={styles['team-sidebar__dial-pad']}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["TeamSidebar","className","teams","activeTeamId","showAddTeam","showDialPad","dialPadActive","onSelectTeam","onAddTeam","onDialPadClick","rootClass","styles","jsxs","team","active","hasMentions","showUnreadDot","jsx","TeamAvatar","UnreadBadge","IconButton","Icon","PlusIcon","DialpadIcon"],"mappings":";;;;;;;;AA6BA,SAAwBA,EAAY;AAAA,EAClC,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,aAAAC,IAAc;AAAA,EACd,eAAAC,IAAgB;AAAA,EAChB,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,gBAAAC;AACF,GAAqB;AACnB,QAAMC,IAAY,CAACC,EAAO,cAAc,GAAGV,CAAS,EACjD,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAW,EAAC,OAAA,EAAI,WAAWF,GACd,UAAA;AAAA,IAAA,gBAAAE,EAAC,OAAA,EAAI,WAAWD,EAAO,qBAAqB,GACzC,UAAA;AAAA,MAAAT,EAAM,IAAI,CAACW,MAAS;AACnB,cAAMC,IAASD,EAAK,OAAOV,GACrBY,IAAcF,EAAK,YAAY,QAAQA,EAAK,WAAW,GACvDG,IAAgBH,EAAK,UAAU,CAACC,KAAU,CAACC;AACjD,eACE,gBAAAH;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,MAAK;AAAA,YACL,WAAWD,EAAO,oBAAoB;AAAA,YACtC,cAAYE,EAAK;AAAA,YACjB,gBAAcC,IAAS,SAAS;AAAA,YAChC,SAAS,MAAMP,KAAA,gBAAAA,EAAeM,EAAK;AAAA,YAEnC,UAAA;AAAA,cAAA,gBAAAI;AAAA,gBAACC;AAAA,gBAAA;AAAA,kBACC,KAAKL,EAAK;AAAA,kBACV,KAAKA,EAAK;AAAA,kBACV,UAAUA,EAAK;AAAA,kBACf,OAAOC,IAAS,WAAW;AAAA,kBAC3B,OAAOC,IAAcF,EAAK,WAAW;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEtCG,KACC,gBAAAC;AAAA,gBAACE;AAAA,gBAAA;AAAA,kBACC,WAAWR,EAAO,sBAAsB;AAAA,kBACxC,cAAY,GAAGE,EAAK,IAAI;AAAA,gBAAA;AAAA,cAAA;AAAA,YAC1B;AAAA,UAAA;AAAA,UAlBGA,EAAK;AAAA,QAAA;AAAA,MAsBhB,CAAC;AAAA,MACAT,KACC,gBAAAa;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,cAAW;AAAA,UACX,MAAK;AAAA,UACL,OAAM;AAAA,UACN,wBAAOC,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAJ,EAACK,KAAS,GAAI;AAAA,UAC3C,SAASd;AAAA,UACT,WAAWG,EAAO,mBAAmB;AAAA,QAAA;AAAA,MAAA;AAAA,IACvC,GAEJ;AAAA,IACCN,KACC,gBAAAY,EAAC,OAAA,EAAI,WAAWN,EAAO,sBAAsB,GAC3C,UAAA,gBAAAM;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,cAAW;AAAA,QACX,MAAK;AAAA,QACL,OAAM;AAAA,QACN,QAAQd;AAAA,QACR,wBAAOe,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAJ,EAACM,KAAY,GAAI;AAAA,QAC9C,SAASd;AAAA,QACT,WAAWE,EAAO,wBAAwB;AAAA,MAAA;AAAA,IAAA,EAC5C,CACF;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/team-sidebar/TeamSidebar.module.scss.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./TeamSidebar.css');const e={"team-sidebar":"_team-sidebar_5rhbh_2","team-sidebar__teams":"_team-sidebar__teams_5rhbh_10","team-sidebar__footer":"_team-sidebar__footer_5rhbh_16","team-sidebar__dial-pad":"_team-sidebar__dial-pad_5rhbh_22","team-sidebar__team":"_team-sidebar__team_5rhbh_10","team-sidebar__unread":"_team-sidebar__unread_5rhbh_38","team-sidebar__add":"_team-sidebar__add_5rhbh_45"};exports.default=e;
-//# sourceMappingURL=TeamSidebar.module.scss.cjs.map

package/dist/components/team-sidebar/TeamSidebar.module.scss.cjs.map

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

package/dist/components/team-sidebar/TeamSidebar.module.scss.js

@@ -1,13 +0,0 @@
-import './TeamSidebar.css';const _ = {
-  "team-sidebar": "_team-sidebar_5rhbh_2",
-  "team-sidebar__teams": "_team-sidebar__teams_5rhbh_10",
-  "team-sidebar__footer": "_team-sidebar__footer_5rhbh_16",
-  "team-sidebar__dial-pad": "_team-sidebar__dial-pad_5rhbh_22",
-  "team-sidebar__team": "_team-sidebar__team_5rhbh_10",
-  "team-sidebar__unread": "_team-sidebar__unread_5rhbh_38",
-  "team-sidebar__add": "_team-sidebar__add_5rhbh_45"
-};
-export {
-  _ as default
-};
-//# sourceMappingURL=TeamSidebar.module.scss.js.map

package/dist/components/team-sidebar/TeamSidebar.module.scss.js.map

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

package/dist/components/team-sidebar/index.cjs

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

package/dist/components/team-sidebar/index.cjs.map

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

package/dist/components/team-sidebar/index.d.ts

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

package/dist/components/team-sidebar/index.d.ts.map

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

package/dist/components/team-sidebar/index.js

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

package/dist/components/team-sidebar/index.js.map

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

package/dist/node_modules/simplebar-react/dist/simplebar.min.css

@@ -1 +0,0 @@
-[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:" ";display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging,[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:"";background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s .5s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{top:2px;bottom:2px;left:2px;right:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:0;bottom:0;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}