@mattermost/compass-ui 0.1.0-alpha.11 → 0.1.0-alpha.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +0 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +44 -46
- package/dist/index.js.map +1 -1
- package/package.json +1 -4
- package/dist/components/team-sidebar/TeamSidebar.cjs +0 -2
- package/dist/components/team-sidebar/TeamSidebar.cjs.map +0 -1
- package/dist/components/team-sidebar/TeamSidebar.css +0 -1
- package/dist/components/team-sidebar/TeamSidebar.d.ts +0 -21
- package/dist/components/team-sidebar/TeamSidebar.d.ts.map +0 -1
- package/dist/components/team-sidebar/TeamSidebar.js +0 -85
- package/dist/components/team-sidebar/TeamSidebar.js.map +0 -1
- package/dist/components/team-sidebar/TeamSidebar.module.scss.cjs +0 -2
- package/dist/components/team-sidebar/TeamSidebar.module.scss.cjs.map +0 -1
- package/dist/components/team-sidebar/TeamSidebar.module.scss.js +0 -13
- package/dist/components/team-sidebar/TeamSidebar.module.scss.js.map +0 -1
- package/dist/components/team-sidebar/index.cjs +0 -2
- package/dist/components/team-sidebar/index.cjs.map +0 -1
- package/dist/components/team-sidebar/index.d.ts +0 -3
- package/dist/components/team-sidebar/index.d.ts.map +0 -1
- package/dist/components/team-sidebar/index.js +0 -5
- package/dist/components/team-sidebar/index.js.map +0 -1
package/dist/index.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./components/action-button/ActionButton.cjs"),i=require("./components/admin-console-header/AdminConsoleHeader.cjs"),s=require("./components/admin-panel/AdminPanel.cjs"),d=require("./components/admin-panel-footer/AdminPanelFooter.cjs"),l=require("./components/admin-panel-header/AdminPanelHeader.cjs"),c=require("./components/attachment-card/AttachmentCard.cjs"),f=require("./components/button/Button.cjs"),q=require("./components/button/Button.module.scss.cjs"),p=require("./components/card-button/CardButton.cjs"),P=require("./components/card-button/CardButtonGroup.cjs"),S=require("./components/channel-info-msg-header/ChannelInfoMsgHeader.cjs"),M=require("./components/channel-sidebar-item/ChannelSidebarItem.cjs"),T=require("./components/checkbox/Checkbox.cjs"),I=require("./components/chip/Chip.cjs"),v=require("./components/chip/ChipGroup.cjs"),g=require("./components/combobox/Combobox.cjs"),m=require("./components/date-range-picker/DateRangePicker.cjs"),B=require("./components/divider/Divider.cjs"),C=require("./components/dropdown/Dropdown.cjs"),h=require("./components/emoji/Emoji.cjs"),t=require("./components/emoji-button/EmojiButton.cjs"),A=require("./components/emoji-popover/EmojiPopover.cjs"),b=require("./components/empty-state/EmptyState.cjs"),_=require("./components/error-message/ErrorMessage.cjs"),E=require("./components/feature-discovery-panel/FeatureDiscoveryPanel.cjs"),O=require("./components/global-banner/GlobalBanner.cjs"),r=require("./components/icon/Icon.cjs"),o=require("./components/icon-button/IconButton.cjs"),G=require("./components/illustration/Illustration.cjs"),N=require("./components/image-preview/ImagePreview.cjs"),R=require("./components/tag/Tag.cjs"),x=require("./components/link-preview/LinkPreview.cjs"),w=require("./components/mention-badge/MentionBadge.cjs"),H=require("./components/menu-group-heading/MenuGroupHeading.cjs"),k=require("./components/menu-item/MenuItem.cjs"),D=require("./components/message-actions/MessageActions.cjs"),U=require("./components/message-header/MessageHeader.cjs"),F=require("./components/reactions-row/ReactionsRow.cjs"),j=require("./components/reaction-button/ReactionButton.cjs"),y=require("./components/message-separator/MessageSeparator.cjs"),Z=require("./components/modal/Modal.cjs"),J=require("./components/modal-footer/ModalFooter.cjs"),L=require("./components/modal-header/ModalHeader.cjs"),V=require("./components/more-unreads-banner/MoreUnreadsBanner.cjs"),K=require("./components/new-message-banner/NewMessageBanner.cjs"),z=require("./components/pagination-dots/PaginationDots.cjs"),Q=require("./components/permalink-preview/PermalinkPreview.cjs"),W=require("./components/pinned-saved-indicators/PinnedSavedIndicators.cjs"),e=require("./components/popover-menu/PopoverMenu.cjs"),X=require("./components/popover-notice/PopoverNotice.cjs"),Y=require("./components/profile-popover/ProfilePopover.cjs"),$=require("./components/progress-bar/ProgressBar.cjs"),ee=require("./components/radio/Radio.cjs"),re=require("./components/right-sidebar-header/RightSidebarHeader.cjs"),te=require("./components/scrollbar/Scrollbar.cjs"),oe=require("./components/search-input/SearchInput.cjs"),ne=require("./components/search-tip-banner/SearchTipBanner.cjs"),n=require("./components/shortcut-tag/ShortcutTag.cjs"),ue=require("./components/section-notice/SectionNotice.cjs"),ae=require("./components/select/Select.cjs"),ie=require("./components/spinner/Spinner.cjs"),se=require("./components/status-badge/StatusBadge.cjs"),de=require("./components/switch/Switch.cjs"),le=require("./components/tabs/Tabs.cjs"),ce=require("./components/team-avatar/TeamAvatar.cjs"),fe=require("./components/text-area/TextArea.cjs"),qe=require("./components/text-input/TextInput.cjs"),pe=require("./components/thread-footer/ThreadFooter.cjs"),Pe=require("./components/thread-list-item/ThreadListItem.cjs"),Se=require("./components/toast/Toast.cjs"),Me=require("./components/tooltip/Tooltip.cjs"),Te=require("./components/tour-point/TourPoint.cjs"),Ie=require("./components/unread-badge/UnreadBadge.cjs"),ve=require("./components/user-avatar/UserAvatar.cjs"),ge=require("./components/user-avatar-group/UserAvatarGroup.cjs"),me=require("./hooks/use-controllable.cjs"),Be=require("./hooks/use-exit-animation.cjs"),Ce=require("./hooks/use-outside-close.cjs"),u=require("./hooks/use-popover-transition.cjs"),he=require("./utils/string.cjs");exports.ActionButton=a.default;exports.AdminConsoleHeader=i.default;exports.AdminPanel=s.default;exports.AdminPanelFooter=d.default;exports.AdminPanelHeader=l.default;exports.AttachmentCard=c.default;exports.Button=f.default;exports.btnStyles=q.default;exports.CardButton=p.default;exports.CardButtonGroup=P.default;exports.ChannelInfoMsgHeader=S.default;exports.ChannelSidebarItem=M.default;exports.Checkbox=T.default;exports.Chip=I.default;exports.ChipGroup=v.default;exports.Combobox=g.default;exports.DateRangePicker=m.default;exports.Divider=B.default;exports.Dropdown=C.default;exports.Emoji=h.default;exports.EMOJI_BUTTON_EMOJI_SIZES=t.EMOJI_BUTTON_EMOJI_SIZES;exports.EmojiButton=t.default;exports.EmojiPopover=A.default;exports.EmptyState=b.default;exports.ErrorMessage=_.default;exports.FeatureDiscoveryPanel=E.default;exports.GlobalBanner=O.default;exports.Icon=r.default;exports.IconSlotContext=r.IconSlotContext;exports.SVG_SIZE_MAP=r.SVG_SIZE_MAP;exports.useIconSlotContext=r.useIconSlotContext;exports.ICON_BUTTON_ICON_SIZES=o.ICON_BUTTON_ICON_SIZES;exports.IconButton=o.default;exports.Illustration=G.default;exports.ImagePreview=N.default;exports.Tag=R.default;exports.LinkPreview=x.default;exports.MentionBadge=w.default;exports.MenuGroupHeading=H.default;exports.MenuItem=k.default;exports.MessageActions=D.default;exports.MessageHeader=U.default;exports.ReactionsRow=F.default;exports.ReactionButton=j.default;exports.MessageSeparator=y.default;exports.Modal=Z.default;exports.ModalFooter=J.default;exports.ModalHeader=L.default;exports.MoreUnreadsBanner=V.default;exports.NewMessageBanner=K.default;exports.PaginationDots=z.default;exports.PermalinkPreview=Q.default;exports.PinnedSavedIndicators=W.default;exports.PopoverMenu=e.default;exports.PopoverMenuDivider=e.PopoverMenuDivider;exports.PopoverMenuGroup=e.PopoverMenuGroup;exports.PopoverMenuGroupTitle=e.PopoverMenuGroupTitle;exports.PopoverMenuScroll=e.PopoverMenuScroll;exports.PopoverMenuTitle=e.PopoverMenuTitle;exports.PopoverNotice=X.default;exports.ProfilePopover=Y.default;exports.ProgressBar=$.default;exports.Radio=ee.default;exports.RightSidebarHeader=re.default;exports.Scrollbar=te.default;exports.SearchInput=oe.default;exports.SearchTipBanner=ne.default;exports.ShortcutTag=n.default;exports.ShortcutTagGroup=n.ShortcutTagGroup;exports.SectionNotice=ue.default;exports.Select=ae.default;exports.Spinner=ie.default;exports.StatusBadge=se.default;exports.Switch=de.default;exports.Tabs=le.default;exports.TeamAvatar=ce.default;exports.TextArea=fe.default;exports.TextInput=qe.default;exports.ThreadFooter=pe.default;exports.ThreadListItem=Pe.default;exports.Toast=Se.default;exports.Tooltip=Me.default;exports.TourPoint=Te.default;exports.UnreadBadge=Ie.default;exports.UserAvatar=ve.default;exports.UserAvatarGroup=ge.default;exports.useControllable=me.useControllable;exports.useExitAnimation=Be.useExitAnimation;exports.useOutsideClose=Ce.useOutsideClose;exports.POPOVER_TRANSITION_MS=u.POPOVER_TRANSITION_MS;exports.usePopoverTransition=u.usePopoverTransition;exports.toKebab=he.toKebab;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
package/dist/index.d.ts
CHANGED
|
@@ -65,7 +65,6 @@ export * from './components/status-badge/index';
|
|
|
65
65
|
export * from './components/switch/index';
|
|
66
66
|
export * from './components/tabs/index';
|
|
67
67
|
export * from './components/team-avatar/index';
|
|
68
|
-
export * from './components/team-sidebar/index';
|
|
69
68
|
export * from './components/text-area/index';
|
|
70
69
|
export * from './components/text-input/index';
|
|
71
70
|
export * from './components/thread-footer/index';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,wCAAwC,CAAC;AACjF,mBAAmB,wCAAwC,CAAC;AAC5D,cAAc,uCAAuC,CAAC;AACtD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qCAAqC,CAAC;AACpD,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,yCAAyC,CAAC;AACxD,cAAc,uCAAuC,CAAC;AACtD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oCAAoC,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAClE,mBAAmB,8BAA8B,CAAC;AAClD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iCAAiC,CAAC;AAChD,cAAc,0CAA0C,CAAC;AACzD,cAAc,iCAAiC,CAAC;AAChD,cAAc,yBAAyB,CAAC;AACxC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iCAAiC,CAAC;AAChD,cAAc,iCAAiC,CAAC;AAChD,cAAc,wBAAwB,CAAC;AACvC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iCAAiC,CAAC;AAChD,cAAc,qCAAqC,CAAC;AACpD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mCAAmC,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACpF,mBAAmB,0CAA0C,CAAC;AAC9D,cAAc,iCAAiC,CAAC;AAChD,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,0BAA0B,CAAC;AACzC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,sCAAsC,CAAC;AACrD,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,0CAA0C,CAAC;AACzD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,kCAAkC,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,4CAA4C,CAAC;AACvF,mBAAmB,4CAA4C,CAAC;AAChE,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0BAA0B,CAAC;AACzC,cAAc,uCAAuC,CAAC;AACtD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AACnD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,kCAAkC,CAAC;AACjD,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAClE,mBAAmB,8BAA8B,CAAC;AAClD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,wCAAwC,CAAC;AACjF,mBAAmB,wCAAwC,CAAC;AAC5D,cAAc,uCAAuC,CAAC;AACtD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qCAAqC,CAAC;AACpD,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,yCAAyC,CAAC;AACxD,cAAc,uCAAuC,CAAC;AACtD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oCAAoC,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAClE,mBAAmB,8BAA8B,CAAC;AAClD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iCAAiC,CAAC;AAChD,cAAc,0CAA0C,CAAC;AACzD,cAAc,iCAAiC,CAAC;AAChD,cAAc,yBAAyB,CAAC;AACxC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iCAAiC,CAAC;AAChD,cAAc,iCAAiC,CAAC;AAChD,cAAc,wBAAwB,CAAC;AACvC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iCAAiC,CAAC;AAChD,cAAc,qCAAqC,CAAC;AACpD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mCAAmC,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACpF,mBAAmB,0CAA0C,CAAC;AAC9D,cAAc,iCAAiC,CAAC;AAChD,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,0BAA0B,CAAC;AACzC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,sCAAsC,CAAC;AACrD,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,0CAA0C,CAAC;AACzD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,kCAAkC,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,4CAA4C,CAAC;AACvF,mBAAmB,4CAA4C,CAAC;AAChE,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0BAA0B,CAAC;AACzC,cAAc,uCAAuC,CAAC;AACtD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AACnD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,kCAAkC,CAAC;AACjD,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAClE,mBAAmB,8BAA8B,CAAC;AAClD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,iCAAiC,CAAC;AAChD,cAAc,mCAAmC,CAAC;AAClD,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,oCAAoC,CAAC;AAEnD,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,8BAA8B,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wCAAwC,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -5,9 +5,9 @@ import { default as d } from "./components/admin-panel-footer/AdminPanelFooter.j
|
|
|
5
5
|
import { default as l } from "./components/admin-panel-header/AdminPanelHeader.js";
|
|
6
6
|
import { default as x } from "./components/attachment-card/AttachmentCard.js";
|
|
7
7
|
import { default as i } from "./components/button/Button.js";
|
|
8
|
-
import { default as
|
|
8
|
+
import { default as S } from "./components/button/Button.module.scss.js";
|
|
9
9
|
import { default as M } from "./components/card-button/CardButton.js";
|
|
10
|
-
import { default as
|
|
10
|
+
import { default as T } from "./components/card-button/CardButtonGroup.js";
|
|
11
11
|
import { default as g } from "./components/channel-info-msg-header/ChannelInfoMsgHeader.js";
|
|
12
12
|
import { default as C } from "./components/channel-sidebar-item/ChannelSidebarItem.js";
|
|
13
13
|
import { default as A } from "./components/checkbox/Checkbox.js";
|
|
@@ -29,9 +29,9 @@ import { ICON_BUTTON_ICON_SIZES as se, default as ue } from "./components/icon-b
|
|
|
29
29
|
import { default as pe } from "./components/illustration/Illustration.js";
|
|
30
30
|
import { default as me } from "./components/image-preview/ImagePreview.js";
|
|
31
31
|
import { default as ne } from "./components/tag/Tag.js";
|
|
32
|
-
import { default as
|
|
32
|
+
import { default as Pe } from "./components/link-preview/LinkPreview.js";
|
|
33
33
|
import { default as ce } from "./components/mention-badge/MentionBadge.js";
|
|
34
|
-
import { default as
|
|
34
|
+
import { default as Ie } from "./components/menu-group-heading/MenuGroupHeading.js";
|
|
35
35
|
import { default as ve } from "./components/menu-item/MenuItem.js";
|
|
36
36
|
import { default as Be } from "./components/message-actions/MessageActions.js";
|
|
37
37
|
import { default as he } from "./components/message-header/MessageHeader.js";
|
|
@@ -53,9 +53,9 @@ import { default as so } from "./components/progress-bar/ProgressBar.js";
|
|
|
53
53
|
import { default as po } from "./components/radio/Radio.js";
|
|
54
54
|
import { default as mo } from "./components/right-sidebar-header/RightSidebarHeader.js";
|
|
55
55
|
import { default as no } from "./components/scrollbar/Scrollbar.js";
|
|
56
|
-
import { default as
|
|
56
|
+
import { default as Po } from "./components/search-input/SearchInput.js";
|
|
57
57
|
import { default as co } from "./components/search-tip-banner/SearchTipBanner.js";
|
|
58
|
-
import { default as
|
|
58
|
+
import { default as Io, ShortcutTagGroup as To } from "./components/shortcut-tag/ShortcutTag.js";
|
|
59
59
|
import { default as go } from "./components/section-notice/SectionNotice.js";
|
|
60
60
|
import { default as Co } from "./components/select/Select.js";
|
|
61
61
|
import { default as Ao } from "./components/spinner/Spinner.js";
|
|
@@ -63,22 +63,21 @@ import { default as Eo } from "./components/status-badge/StatusBadge.js";
|
|
|
63
63
|
import { default as _o } from "./components/switch/Switch.js";
|
|
64
64
|
import { default as No } from "./components/tabs/Tabs.js";
|
|
65
65
|
import { default as wo } from "./components/team-avatar/TeamAvatar.js";
|
|
66
|
-
import { default as Do } from "./components/
|
|
67
|
-
import { default as ko } from "./components/text-
|
|
68
|
-
import { default as jo } from "./components/
|
|
69
|
-
import { default as Zo } from "./components/thread-
|
|
70
|
-
import { default as Lo } from "./components/
|
|
71
|
-
import { default as Ko } from "./components/
|
|
72
|
-
import { default as zo } from "./components/
|
|
73
|
-
import { default as Wo } from "./components/
|
|
74
|
-
import { default as Yo } from "./components/
|
|
75
|
-
import { default as er } from "./components/user-avatar/
|
|
76
|
-
import {
|
|
77
|
-
import {
|
|
78
|
-
import {
|
|
79
|
-
import {
|
|
80
|
-
import {
|
|
81
|
-
import { toKebab as nr } from "./utils/string.js";
|
|
66
|
+
import { default as Do } from "./components/text-area/TextArea.js";
|
|
67
|
+
import { default as ko } from "./components/text-input/TextInput.js";
|
|
68
|
+
import { default as jo } from "./components/thread-footer/ThreadFooter.js";
|
|
69
|
+
import { default as Zo } from "./components/thread-list-item/ThreadListItem.js";
|
|
70
|
+
import { default as Lo } from "./components/toast/Toast.js";
|
|
71
|
+
import { default as Ko } from "./components/tooltip/Tooltip.js";
|
|
72
|
+
import { default as zo } from "./components/tour-point/TourPoint.js";
|
|
73
|
+
import { default as Wo } from "./components/unread-badge/UnreadBadge.js";
|
|
74
|
+
import { default as Yo } from "./components/user-avatar/UserAvatar.js";
|
|
75
|
+
import { default as er } from "./components/user-avatar-group/UserAvatarGroup.js";
|
|
76
|
+
import { useControllable as rr } from "./hooks/use-controllable.js";
|
|
77
|
+
import { useExitAnimation as ar } from "./hooks/use-exit-animation.js";
|
|
78
|
+
import { useOutsideClose as sr } from "./hooks/use-outside-close.js";
|
|
79
|
+
import { POPOVER_TRANSITION_MS as dr, usePopoverTransition as pr } from "./hooks/use-popover-transition.js";
|
|
80
|
+
import { toKebab as mr } from "./utils/string.js";
|
|
82
81
|
export {
|
|
83
82
|
r as ActionButton,
|
|
84
83
|
a as AdminConsoleHeader,
|
|
@@ -88,7 +87,7 @@ export {
|
|
|
88
87
|
x as AttachmentCard,
|
|
89
88
|
i as Button,
|
|
90
89
|
M as CardButton,
|
|
91
|
-
|
|
90
|
+
T as CardButtonGroup,
|
|
92
91
|
g as ChannelInfoMsgHeader,
|
|
93
92
|
C as ChannelSidebarItem,
|
|
94
93
|
A as Checkbox,
|
|
@@ -112,9 +111,9 @@ export {
|
|
|
112
111
|
re as IconSlotContext,
|
|
113
112
|
pe as Illustration,
|
|
114
113
|
me as ImagePreview,
|
|
115
|
-
|
|
114
|
+
Pe as LinkPreview,
|
|
116
115
|
ce as MentionBadge,
|
|
117
|
-
|
|
116
|
+
Ie as MenuGroupHeading,
|
|
118
117
|
ve as MenuItem,
|
|
119
118
|
Be as MessageActions,
|
|
120
119
|
he as MessageHeader,
|
|
@@ -124,7 +123,7 @@ export {
|
|
|
124
123
|
Ue as ModalHeader,
|
|
125
124
|
Fe as MoreUnreadsBanner,
|
|
126
125
|
ye as NewMessageBanner,
|
|
127
|
-
|
|
126
|
+
dr as POPOVER_TRANSITION_MS,
|
|
128
127
|
Je as PaginationDots,
|
|
129
128
|
Ve as PermalinkPreview,
|
|
130
129
|
qe as PinnedSavedIndicators,
|
|
@@ -143,35 +142,34 @@ export {
|
|
|
143
142
|
mo as RightSidebarHeader,
|
|
144
143
|
te as SVG_SIZE_MAP,
|
|
145
144
|
no as Scrollbar,
|
|
146
|
-
|
|
145
|
+
Po as SearchInput,
|
|
147
146
|
co as SearchTipBanner,
|
|
148
147
|
go as SectionNotice,
|
|
149
148
|
Co as Select,
|
|
150
|
-
|
|
151
|
-
|
|
149
|
+
Io as ShortcutTag,
|
|
150
|
+
To as ShortcutTagGroup,
|
|
152
151
|
Ao as Spinner,
|
|
153
152
|
Eo as StatusBadge,
|
|
154
153
|
_o as Switch,
|
|
155
154
|
No as Tabs,
|
|
156
155
|
ne as Tag,
|
|
157
156
|
wo as TeamAvatar,
|
|
158
|
-
Do as
|
|
159
|
-
ko as
|
|
160
|
-
jo as
|
|
161
|
-
Zo as
|
|
162
|
-
Lo as
|
|
163
|
-
Ko as
|
|
164
|
-
zo as
|
|
165
|
-
Wo as
|
|
166
|
-
Yo as
|
|
167
|
-
er as
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
ar as
|
|
172
|
-
sr as useExitAnimation,
|
|
157
|
+
Do as TextArea,
|
|
158
|
+
ko as TextInput,
|
|
159
|
+
jo as ThreadFooter,
|
|
160
|
+
Zo as ThreadListItem,
|
|
161
|
+
Lo as Toast,
|
|
162
|
+
Ko as Tooltip,
|
|
163
|
+
zo as TourPoint,
|
|
164
|
+
Wo as UnreadBadge,
|
|
165
|
+
Yo as UserAvatar,
|
|
166
|
+
er as UserAvatarGroup,
|
|
167
|
+
S as btnStyles,
|
|
168
|
+
mr as toKebab,
|
|
169
|
+
rr as useControllable,
|
|
170
|
+
ar as useExitAnimation,
|
|
173
171
|
ae as useIconSlotContext,
|
|
174
|
-
|
|
175
|
-
|
|
172
|
+
sr as useOutsideClose,
|
|
173
|
+
pr as usePopoverTransition
|
|
176
174
|
};
|
|
177
175
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mattermost/compass-ui",
|
|
3
|
-
"version": "0.1.0-alpha.
|
|
3
|
+
"version": "0.1.0-alpha.12",
|
|
4
4
|
"description": "Compass design system UI components for Mattermost products",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -297,9 +297,6 @@
|
|
|
297
297
|
"components/team-avatar": [
|
|
298
298
|
"./dist/components/team-avatar/index.d.ts"
|
|
299
299
|
],
|
|
300
|
-
"components/team-sidebar": [
|
|
301
|
-
"./dist/components/team-sidebar/index.d.ts"
|
|
302
|
-
],
|
|
303
300
|
"components/text-area": [
|
|
304
301
|
"./dist/components/text-area/index.d.ts"
|
|
305
302
|
],
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),__x=require("@mattermost/compass-icons/components/plus.js"),x=__x?.default??__x,__h=require("@mattermost/compass-icons/components/dialpad.js"),h=__h?.default??__h,l=require("../icon/Icon.cjs"),d=require("../icon-button/IconButton.cjs"),p=require("../team-avatar/TeamAvatar.cjs"),q=require("../unread-badge/UnreadBadge.cjs"),s=require("./TeamSidebar.module.scss.cjs");function g({className:n="",teams:u,activeTeamId:o,showAddTeam:c=!0,showDialPad:f=!1,dialPadActive:m=!1,onSelectTeam:i,onAddTeam:b,onDialPadClick:j}){const _=[s.default["team-sidebar"],n].filter(Boolean).join(" ");return a.jsxs("div",{className:_,children:[a.jsxs("div",{className:s.default["team-sidebar__teams"],children:[u.map(e=>{const t=e.id===o,r=e.mentions!=null&&e.mentions>0,v=e.unread&&!t&&!r;return a.jsxs("button",{type:"button",className:s.default["team-sidebar__team"],"aria-label":e.name,"aria-current":t?"true":void 0,onClick:()=>i==null?void 0:i(e.id),children:[a.jsx(p.default,{src:e.src,alt:e.name,initials:e.initials,state:t?"active":"default",badge:r?e.mentions:void 0}),v&&a.jsx(q.default,{className:s.default["team-sidebar__unread"],"aria-label":`${e.name} has unread messages`})]},e.id)}),c&&a.jsx(d.default,{"aria-label":"Add team",size:"medium",style:"inverted",icon:a.jsx(l.default,{size:"20",glyph:a.jsx(x,{})}),onClick:b,className:s.default["team-sidebar__add"]})]}),f&&a.jsx("div",{className:s.default["team-sidebar__footer"],children:a.jsx(d.default,{"aria-label":"Dial pad",size:"small",style:"inverted",active:m,icon:a.jsx(l.default,{size:"16",glyph:a.jsx(h,{})}),onClick:j,className:s.default["team-sidebar__dial-pad"]})})]})}exports.default=g;
|
|
2
|
-
//# sourceMappingURL=TeamSidebar.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TeamSidebar.cjs","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":"2cA6BA,SAAwBA,EAAY,CAClC,UAAAC,EAAY,GACZ,MAAAC,EACA,aAAAC,EACA,YAAAC,EAAc,GACd,YAAAC,EAAc,GACd,cAAAC,EAAgB,GAChB,aAAAC,EACA,UAAAC,EACA,eAAAC,CACF,EAAqB,CACnB,MAAMC,EAAY,CAACC,UAAO,cAAc,EAAGV,CAAS,EACjD,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEW,EAAAA,KAAC,MAAA,CAAI,UAAWF,EACd,SAAA,CAAAE,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,qBAAqB,EACzC,SAAA,CAAAT,EAAM,IAAKW,GAAS,CACnB,MAAMC,EAASD,EAAK,KAAOV,EACrBY,EAAcF,EAAK,UAAY,MAAQA,EAAK,SAAW,EACvDG,EAAgBH,EAAK,QAAU,CAACC,GAAU,CAACC,EACjD,OACEH,EAAAA,KAAC,SAAA,CAEC,KAAK,SACL,UAAWD,EAAAA,QAAO,oBAAoB,EACtC,aAAYE,EAAK,KACjB,eAAcC,EAAS,OAAS,OAChC,QAAS,IAAMP,GAAA,YAAAA,EAAeM,EAAK,IAEnC,SAAA,CAAAI,EAAAA,IAACC,EAAAA,QAAA,CACC,IAAKL,EAAK,IACV,IAAKA,EAAK,KACV,SAAUA,EAAK,SACf,MAAOC,EAAS,SAAW,UAC3B,MAAOC,EAAcF,EAAK,SAAW,MAAA,CAAA,EAEtCG,GACCC,EAAAA,IAACE,EAAAA,QAAA,CACC,UAAWR,EAAAA,QAAO,sBAAsB,EACxC,aAAY,GAAGE,EAAK,IAAI,sBAAA,CAAA,CAC1B,CAAA,EAlBGA,EAAK,EAAA,CAsBhB,CAAC,EACAT,GACCa,EAAAA,IAACG,EAAAA,QAAA,CACC,aAAW,WACX,KAAK,SACL,MAAM,WACN,WAAOC,UAAA,CAAK,KAAK,KAAK,MAAOJ,MAACK,IAAS,EAAI,EAC3C,QAASd,EACT,UAAWG,EAAAA,QAAO,mBAAmB,CAAA,CAAA,CACvC,EAEJ,EACCN,GACCY,EAAAA,IAAC,MAAA,CAAI,UAAWN,EAAAA,QAAO,sBAAsB,EAC3C,SAAAM,EAAAA,IAACG,EAAAA,QAAA,CACC,aAAW,WACX,KAAK,QACL,MAAM,WACN,OAAQd,EACR,WAAOe,UAAA,CAAK,KAAK,KAAK,MAAOJ,MAACM,IAAY,EAAI,EAC9C,QAASd,EACT,UAAWE,EAAAA,QAAO,wBAAwB,CAAA,CAAA,CAC5C,CACF,CAAA,EAEJ,CAEJ"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._team-sidebar_5rhbh_2{display:flex;flex-direction:column;align-items:stretch;padding:var(--spacing-m);background-color:var(--sidebar-header-bg);height:100%}._team-sidebar__teams_5rhbh_10{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-m)}._team-sidebar__footer_5rhbh_16{margin-top:auto;display:flex;justify-content:center;padding-top:var(--spacing-m)}._team-sidebar__dial-pad_5rhbh_22{border-radius:var(--radius-m)}._team-sidebar__team_5rhbh_10{position:relative;display:inline-flex;padding:0;border:0;background:transparent;cursor:pointer;border-radius:var(--radius-m)}._team-sidebar__team_5rhbh_10:focus-visible{outline:2px solid var(--sidebar-text-active-border);outline-offset:2px}._team-sidebar__unread_5rhbh_38{position:absolute;top:-2px;right:-2px;z-index:2;box-shadow:0 0 0 2px var(--sidebar-header-bg, #192a4d)}._team-sidebar__add_5rhbh_45{border-radius:var(--radius-m)}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
export interface TeamSidebarItem {
|
|
2
|
-
id: string;
|
|
3
|
-
name: string;
|
|
4
|
-
src?: string;
|
|
5
|
-
initials?: string;
|
|
6
|
-
unread?: boolean;
|
|
7
|
-
mentions?: number;
|
|
8
|
-
}
|
|
9
|
-
export interface TeamSidebarProps {
|
|
10
|
-
className?: string;
|
|
11
|
-
teams: TeamSidebarItem[];
|
|
12
|
-
activeTeamId?: string;
|
|
13
|
-
showAddTeam?: boolean;
|
|
14
|
-
showDialPad?: boolean;
|
|
15
|
-
dialPadActive?: boolean;
|
|
16
|
-
onSelectTeam?: (id: string) => void;
|
|
17
|
-
onAddTeam?: () => void;
|
|
18
|
-
onDialPadClick?: () => void;
|
|
19
|
-
}
|
|
20
|
-
export default function TeamSidebar({ className, teams, activeTeamId, showAddTeam, showDialPad, dialPadActive, onSelectTeam, onAddTeam, onDialPadClick, }: TeamSidebarProps): import("react/jsx-runtime").JSX.Element;
|
|
21
|
-
//# sourceMappingURL=TeamSidebar.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TeamSidebar.d.ts","sourceRoot":"","sources":["../../../src/components/team-sidebar/TeamSidebar.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,SAAc,EACd,KAAK,EACL,YAAY,EACZ,WAAkB,EAClB,WAAmB,EACnB,aAAqB,EACrB,YAAY,EACZ,SAAS,EACT,cAAc,GACf,EAAE,gBAAgB,2CA+DlB"}
|
|
@@ -1,85 +0,0 @@
|
|
|
1
|
-
import { jsxs as o, jsx as i } from "react/jsx-runtime";
|
|
2
|
-
import __N from "@mattermost/compass-icons/components/plus.js";const N=__N&&__N.default?__N.default:__N;
|
|
3
|
-
import __y from "@mattermost/compass-icons/components/dialpad.js";const y=__y&&__y.default?__y.default:__y;
|
|
4
|
-
import n from "../icon/Icon.js";
|
|
5
|
-
import l from "../icon-button/IconButton.js";
|
|
6
|
-
import g from "../team-avatar/TeamAvatar.js";
|
|
7
|
-
import z from "../unread-badge/UnreadBadge.js";
|
|
8
|
-
import s from "./TeamSidebar.module.scss.js";
|
|
9
|
-
function U({
|
|
10
|
-
className: d = "",
|
|
11
|
-
teams: m,
|
|
12
|
-
activeTeamId: c,
|
|
13
|
-
showAddTeam: u = !0,
|
|
14
|
-
showDialPad: p = !1,
|
|
15
|
-
dialPadActive: b = !1,
|
|
16
|
-
onSelectTeam: e,
|
|
17
|
-
onAddTeam: f,
|
|
18
|
-
onDialPadClick: _
|
|
19
|
-
}) {
|
|
20
|
-
const v = [s["team-sidebar"], d].filter(Boolean).join(" ");
|
|
21
|
-
return /* @__PURE__ */ o("div", { className: v, children: [
|
|
22
|
-
/* @__PURE__ */ o("div", { className: s["team-sidebar__teams"], children: [
|
|
23
|
-
m.map((a) => {
|
|
24
|
-
const r = a.id === c, t = a.mentions != null && a.mentions > 0, h = a.unread && !r && !t;
|
|
25
|
-
return /* @__PURE__ */ o(
|
|
26
|
-
"button",
|
|
27
|
-
{
|
|
28
|
-
type: "button",
|
|
29
|
-
className: s["team-sidebar__team"],
|
|
30
|
-
"aria-label": a.name,
|
|
31
|
-
"aria-current": r ? "true" : void 0,
|
|
32
|
-
onClick: () => e == null ? void 0 : e(a.id),
|
|
33
|
-
children: [
|
|
34
|
-
/* @__PURE__ */ i(
|
|
35
|
-
g,
|
|
36
|
-
{
|
|
37
|
-
src: a.src,
|
|
38
|
-
alt: a.name,
|
|
39
|
-
initials: a.initials,
|
|
40
|
-
state: r ? "active" : "default",
|
|
41
|
-
badge: t ? a.mentions : void 0
|
|
42
|
-
}
|
|
43
|
-
),
|
|
44
|
-
h && /* @__PURE__ */ i(
|
|
45
|
-
z,
|
|
46
|
-
{
|
|
47
|
-
className: s["team-sidebar__unread"],
|
|
48
|
-
"aria-label": `${a.name} has unread messages`
|
|
49
|
-
}
|
|
50
|
-
)
|
|
51
|
-
]
|
|
52
|
-
},
|
|
53
|
-
a.id
|
|
54
|
-
);
|
|
55
|
-
}),
|
|
56
|
-
u && /* @__PURE__ */ i(
|
|
57
|
-
l,
|
|
58
|
-
{
|
|
59
|
-
"aria-label": "Add team",
|
|
60
|
-
size: "medium",
|
|
61
|
-
style: "inverted",
|
|
62
|
-
icon: /* @__PURE__ */ i(n, { size: "20", glyph: /* @__PURE__ */ i(N, {}) }),
|
|
63
|
-
onClick: f,
|
|
64
|
-
className: s["team-sidebar__add"]
|
|
65
|
-
}
|
|
66
|
-
)
|
|
67
|
-
] }),
|
|
68
|
-
p && /* @__PURE__ */ i("div", { className: s["team-sidebar__footer"], children: /* @__PURE__ */ i(
|
|
69
|
-
l,
|
|
70
|
-
{
|
|
71
|
-
"aria-label": "Dial pad",
|
|
72
|
-
size: "small",
|
|
73
|
-
style: "inverted",
|
|
74
|
-
active: b,
|
|
75
|
-
icon: /* @__PURE__ */ i(n, { size: "16", glyph: /* @__PURE__ */ i(y, {}) }),
|
|
76
|
-
onClick: _,
|
|
77
|
-
className: s["team-sidebar__dial-pad"]
|
|
78
|
-
}
|
|
79
|
-
) })
|
|
80
|
-
] });
|
|
81
|
-
}
|
|
82
|
-
export {
|
|
83
|
-
U as default
|
|
84
|
-
};
|
|
85
|
-
//# sourceMappingURL=TeamSidebar.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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;"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"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;
|
|
2
|
-
//# sourceMappingURL=TeamSidebar.module.scss.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TeamSidebar.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import './TeamSidebar.css';const _ = {
|
|
2
|
-
"team-sidebar": "_team-sidebar_5rhbh_2",
|
|
3
|
-
"team-sidebar__teams": "_team-sidebar__teams_5rhbh_10",
|
|
4
|
-
"team-sidebar__footer": "_team-sidebar__footer_5rhbh_16",
|
|
5
|
-
"team-sidebar__dial-pad": "_team-sidebar__dial-pad_5rhbh_22",
|
|
6
|
-
"team-sidebar__team": "_team-sidebar__team_5rhbh_10",
|
|
7
|
-
"team-sidebar__unread": "_team-sidebar__unread_5rhbh_38",
|
|
8
|
-
"team-sidebar__add": "_team-sidebar__add_5rhbh_45"
|
|
9
|
-
};
|
|
10
|
-
export {
|
|
11
|
-
_ as default
|
|
12
|
-
};
|
|
13
|
-
//# sourceMappingURL=TeamSidebar.module.scss.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TeamSidebar.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|