@mattermost/compass-ui 0.1.0-alpha.10 → 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.
Files changed (458) hide show
  1. package/README.md +5 -4
  2. package/dist/components/action-button/ActionButton.cjs +1 -1
  3. package/dist/components/action-button/ActionButton.cjs.map +1 -1
  4. package/dist/components/action-button/ActionButton.d.ts +2 -1
  5. package/dist/components/action-button/ActionButton.d.ts.map +1 -1
  6. package/dist/components/action-button/ActionButton.js +36 -31
  7. package/dist/components/action-button/ActionButton.js.map +1 -1
  8. package/dist/components/admin-console-header/AdminConsoleHeader.cjs.map +1 -1
  9. package/dist/components/admin-console-header/AdminConsoleHeader.d.ts.map +1 -1
  10. package/dist/components/admin-console-header/AdminConsoleHeader.js.map +1 -1
  11. package/dist/components/admin-panel/AdminPanel.cjs.map +1 -1
  12. package/dist/components/admin-panel/AdminPanel.d.ts.map +1 -1
  13. package/dist/components/admin-panel/AdminPanel.js.map +1 -1
  14. package/dist/components/admin-panel/index.d.ts +1 -1
  15. package/dist/components/admin-panel/index.d.ts.map +1 -1
  16. package/dist/components/admin-panel-footer/AdminPanelFooter.cjs.map +1 -1
  17. package/dist/components/admin-panel-footer/AdminPanelFooter.d.ts.map +1 -1
  18. package/dist/components/admin-panel-footer/AdminPanelFooter.js +1 -8
  19. package/dist/components/admin-panel-footer/AdminPanelFooter.js.map +1 -1
  20. package/dist/components/admin-panel-header/AdminPanelHeader.cjs.map +1 -1
  21. package/dist/components/admin-panel-header/AdminPanelHeader.d.ts.map +1 -1
  22. package/dist/components/admin-panel-header/AdminPanelHeader.js +2 -16
  23. package/dist/components/admin-panel-header/AdminPanelHeader.js.map +1 -1
  24. package/dist/components/attachment-card/AttachmentCard.cjs.map +1 -1
  25. package/dist/components/attachment-card/AttachmentCard.d.ts.map +1 -1
  26. package/dist/components/attachment-card/AttachmentCard.js.map +1 -1
  27. package/dist/components/button/Button.cjs +1 -1
  28. package/dist/components/button/Button.cjs.map +1 -1
  29. package/dist/components/button/Button.d.ts +4 -3
  30. package/dist/components/button/Button.d.ts.map +1 -1
  31. package/dist/components/button/Button.js +39 -23
  32. package/dist/components/button/Button.js.map +1 -1
  33. package/dist/components/card-button/CardButton.cjs +1 -1
  34. package/dist/components/card-button/CardButton.cjs.map +1 -1
  35. package/dist/components/card-button/CardButton.d.ts +2 -1
  36. package/dist/components/card-button/CardButton.d.ts.map +1 -1
  37. package/dist/components/card-button/CardButton.js +47 -42
  38. package/dist/components/card-button/CardButton.js.map +1 -1
  39. package/dist/components/channel-info-msg-header/ChannelInfoMsgHeader.cjs.map +1 -1
  40. package/dist/components/channel-info-msg-header/ChannelInfoMsgHeader.js.map +1 -1
  41. package/dist/components/checkbox/Checkbox.cjs +1 -1
  42. package/dist/components/checkbox/Checkbox.cjs.map +1 -1
  43. package/dist/components/checkbox/Checkbox.d.ts +2 -1
  44. package/dist/components/checkbox/Checkbox.d.ts.map +1 -1
  45. package/dist/components/checkbox/Checkbox.js +39 -37
  46. package/dist/components/checkbox/Checkbox.js.map +1 -1
  47. package/dist/components/chip/Chip.cjs.map +1 -1
  48. package/dist/components/chip/Chip.d.ts.map +1 -1
  49. package/dist/components/chip/Chip.js.map +1 -1
  50. package/dist/components/chip/ChipGroup.cjs.map +1 -1
  51. package/dist/components/chip/ChipGroup.d.ts.map +1 -1
  52. package/dist/components/chip/ChipGroup.js.map +1 -1
  53. package/dist/components/combobox/Combobox.cjs +1 -1
  54. package/dist/components/combobox/Combobox.cjs.map +1 -1
  55. package/dist/components/combobox/Combobox.css +1 -1
  56. package/dist/components/combobox/Combobox.d.ts +30 -1
  57. package/dist/components/combobox/Combobox.d.ts.map +1 -1
  58. package/dist/components/combobox/Combobox.js +381 -276
  59. package/dist/components/combobox/Combobox.js.map +1 -1
  60. package/dist/components/combobox/Combobox.module.scss.cjs +1 -1
  61. package/dist/components/combobox/Combobox.module.scss.js +24 -22
  62. package/dist/components/combobox/Combobox.module.scss.js.map +1 -1
  63. package/dist/components/combobox/index.d.ts +1 -1
  64. package/dist/components/combobox/index.d.ts.map +1 -1
  65. package/dist/components/date-range-picker/DateRangePicker.cjs.map +1 -1
  66. package/dist/components/date-range-picker/DateRangePicker.css +1 -1
  67. package/dist/components/date-range-picker/DateRangePicker.d.ts.map +1 -1
  68. package/dist/components/date-range-picker/DateRangePicker.js +27 -10
  69. package/dist/components/date-range-picker/DateRangePicker.js.map +1 -1
  70. package/dist/components/date-range-picker/DateRangePicker.module.scss.cjs +1 -1
  71. package/dist/components/date-range-picker/DateRangePicker.module.scss.js +26 -26
  72. package/dist/components/emoji/Emoji.cjs.map +1 -1
  73. package/dist/components/emoji/Emoji.d.ts.map +1 -1
  74. package/dist/components/emoji/Emoji.js +1 -5
  75. package/dist/components/emoji/Emoji.js.map +1 -1
  76. package/dist/components/emoji-button/EmojiButton.cjs.map +1 -1
  77. package/dist/components/emoji-button/EmojiButton.d.ts.map +1 -1
  78. package/dist/components/emoji-button/EmojiButton.js +10 -1
  79. package/dist/components/emoji-button/EmojiButton.js.map +1 -1
  80. package/dist/components/emoji-popover/EmojiPopover.cjs.map +1 -1
  81. package/dist/components/emoji-popover/EmojiPopover.d.ts.map +1 -1
  82. package/dist/components/emoji-popover/EmojiPopover.js +34 -17
  83. package/dist/components/emoji-popover/EmojiPopover.js.map +1 -1
  84. package/dist/components/empty-state/EmptyState.cjs.map +1 -1
  85. package/dist/components/empty-state/EmptyState.d.ts +2 -2
  86. package/dist/components/empty-state/EmptyState.d.ts.map +1 -1
  87. package/dist/components/empty-state/EmptyState.js.map +1 -1
  88. package/dist/components/error-message/ErrorMessage.cjs.map +1 -1
  89. package/dist/components/error-message/ErrorMessage.d.ts +3 -2
  90. package/dist/components/error-message/ErrorMessage.d.ts.map +1 -1
  91. package/dist/components/error-message/ErrorMessage.js.map +1 -1
  92. package/dist/components/icon/Icon.js +2 -2
  93. package/dist/components/icon/index.d.ts +1 -1
  94. package/dist/components/icon/index.d.ts.map +1 -1
  95. package/dist/components/icon-button/IconButton.cjs +1 -1
  96. package/dist/components/icon-button/IconButton.cjs.map +1 -1
  97. package/dist/components/icon-button/IconButton.d.ts +2 -1
  98. package/dist/components/icon-button/IconButton.d.ts.map +1 -1
  99. package/dist/components/icon-button/IconButton.js +61 -57
  100. package/dist/components/icon-button/IconButton.js.map +1 -1
  101. package/dist/components/image-preview/ImagePreview.cjs.map +1 -1
  102. package/dist/components/image-preview/ImagePreview.d.ts.map +1 -1
  103. package/dist/components/image-preview/ImagePreview.js +8 -1
  104. package/dist/components/image-preview/ImagePreview.js.map +1 -1
  105. package/dist/components/link-preview/LinkPreview.cjs.map +1 -1
  106. package/dist/components/link-preview/LinkPreview.d.ts.map +1 -1
  107. package/dist/components/link-preview/LinkPreview.js +1 -7
  108. package/dist/components/link-preview/LinkPreview.js.map +1 -1
  109. package/dist/components/link-preview/index.d.ts +1 -1
  110. package/dist/components/link-preview/index.d.ts.map +1 -1
  111. package/dist/components/menu-item/MenuItem.cjs +1 -1
  112. package/dist/components/menu-item/MenuItem.cjs.map +1 -1
  113. package/dist/components/menu-item/MenuItem.d.ts +4 -3
  114. package/dist/components/menu-item/MenuItem.d.ts.map +1 -1
  115. package/dist/components/menu-item/MenuItem.js +55 -43
  116. package/dist/components/menu-item/MenuItem.js.map +1 -1
  117. package/dist/components/message-actions/index.d.ts +1 -1
  118. package/dist/components/message-actions/index.d.ts.map +1 -1
  119. package/dist/components/message-separator/MessageSeparator.cjs.map +1 -1
  120. package/dist/components/message-separator/MessageSeparator.css +1 -1
  121. package/dist/components/message-separator/MessageSeparator.d.ts.map +1 -1
  122. package/dist/components/message-separator/MessageSeparator.js +8 -1
  123. package/dist/components/message-separator/MessageSeparator.js.map +1 -1
  124. package/dist/components/message-separator/MessageSeparator.module.scss.cjs +1 -1
  125. package/dist/components/message-separator/MessageSeparator.module.scss.js +11 -11
  126. package/dist/components/new-message-banner/NewMessageBanner.cjs.map +1 -1
  127. package/dist/components/new-message-banner/NewMessageBanner.d.ts.map +1 -1
  128. package/dist/components/new-message-banner/NewMessageBanner.js +1 -5
  129. package/dist/components/new-message-banner/NewMessageBanner.js.map +1 -1
  130. package/dist/components/permalink-preview/PermalinkPreview.cjs +1 -1
  131. package/dist/components/permalink-preview/PermalinkPreview.cjs.map +1 -1
  132. package/dist/components/permalink-preview/PermalinkPreview.css +1 -1
  133. package/dist/components/permalink-preview/PermalinkPreview.d.ts +9 -2
  134. package/dist/components/permalink-preview/PermalinkPreview.d.ts.map +1 -1
  135. package/dist/components/permalink-preview/PermalinkPreview.js +66 -25
  136. package/dist/components/permalink-preview/PermalinkPreview.js.map +1 -1
  137. package/dist/components/permalink-preview/PermalinkPreview.module.scss.cjs +1 -1
  138. package/dist/components/permalink-preview/PermalinkPreview.module.scss.js +13 -9
  139. package/dist/components/permalink-preview/PermalinkPreview.module.scss.js.map +1 -1
  140. package/dist/components/popover-menu/PopoverMenu.cjs.map +1 -1
  141. package/dist/components/popover-menu/PopoverMenu.d.ts +1 -2
  142. package/dist/components/popover-menu/PopoverMenu.d.ts.map +1 -1
  143. package/dist/components/popover-menu/PopoverMenu.js.map +1 -1
  144. package/dist/components/popover-notice/PopoverNotice.cjs.map +1 -1
  145. package/dist/components/popover-notice/PopoverNotice.d.ts +4 -3
  146. package/dist/components/popover-notice/PopoverNotice.d.ts.map +1 -1
  147. package/dist/components/popover-notice/PopoverNotice.js.map +1 -1
  148. package/dist/components/profile-popover/ProfilePopover.cjs.map +1 -1
  149. package/dist/components/profile-popover/ProfilePopover.d.ts.map +1 -1
  150. package/dist/components/profile-popover/ProfilePopover.js +14 -1
  151. package/dist/components/profile-popover/ProfilePopover.js.map +1 -1
  152. package/dist/components/progress-bar/ProgressBar.cjs +1 -1
  153. package/dist/components/progress-bar/ProgressBar.cjs.map +1 -1
  154. package/dist/components/progress-bar/ProgressBar.css +1 -1
  155. package/dist/components/progress-bar/ProgressBar.d.ts +6 -1
  156. package/dist/components/progress-bar/ProgressBar.d.ts.map +1 -1
  157. package/dist/components/progress-bar/ProgressBar.js +21 -15
  158. package/dist/components/progress-bar/ProgressBar.js.map +1 -1
  159. package/dist/components/progress-bar/ProgressBar.module.scss.cjs +1 -1
  160. package/dist/components/progress-bar/ProgressBar.module.scss.js +9 -8
  161. package/dist/components/progress-bar/ProgressBar.module.scss.js.map +1 -1
  162. package/dist/components/radio/Radio.cjs +1 -1
  163. package/dist/components/radio/Radio.cjs.map +1 -1
  164. package/dist/components/radio/Radio.d.ts +2 -1
  165. package/dist/components/radio/Radio.d.ts.map +1 -1
  166. package/dist/components/radio/Radio.js +15 -13
  167. package/dist/components/radio/Radio.js.map +1 -1
  168. package/dist/components/reactions-row/ReactionsRow.cjs.map +1 -1
  169. package/dist/components/reactions-row/ReactionsRow.d.ts.map +1 -1
  170. package/dist/components/reactions-row/ReactionsRow.js.map +1 -1
  171. package/dist/components/right-sidebar-header/RightSidebarHeader.cjs +1 -1
  172. package/dist/components/right-sidebar-header/RightSidebarHeader.cjs.map +1 -1
  173. package/dist/components/right-sidebar-header/RightSidebarHeader.d.ts +4 -2
  174. package/dist/components/right-sidebar-header/RightSidebarHeader.d.ts.map +1 -1
  175. package/dist/components/right-sidebar-header/RightSidebarHeader.js +51 -43
  176. package/dist/components/right-sidebar-header/RightSidebarHeader.js.map +1 -1
  177. package/dist/components/search-input/SearchInput.cjs.map +1 -1
  178. package/dist/components/search-input/SearchInput.d.ts.map +1 -1
  179. package/dist/components/search-input/SearchInput.js.map +1 -1
  180. package/dist/components/section-notice/SectionNotice.cjs.map +1 -1
  181. package/dist/components/section-notice/SectionNotice.d.ts +4 -4
  182. package/dist/components/section-notice/SectionNotice.d.ts.map +1 -1
  183. package/dist/components/section-notice/SectionNotice.js.map +1 -1
  184. package/dist/components/select/Select.cjs.map +1 -1
  185. package/dist/components/select/Select.d.ts.map +1 -1
  186. package/dist/components/select/Select.js.map +1 -1
  187. package/dist/components/switch/Switch.cjs +1 -1
  188. package/dist/components/switch/Switch.cjs.map +1 -1
  189. package/dist/components/switch/Switch.d.ts +2 -1
  190. package/dist/components/switch/Switch.d.ts.map +1 -1
  191. package/dist/components/switch/Switch.js +31 -29
  192. package/dist/components/switch/Switch.js.map +1 -1
  193. package/dist/components/tabs/Tabs.cjs +1 -1
  194. package/dist/components/tabs/Tabs.cjs.map +1 -1
  195. package/dist/components/tabs/Tabs.css +1 -1
  196. package/dist/components/tabs/Tabs.d.ts +6 -2
  197. package/dist/components/tabs/Tabs.d.ts.map +1 -1
  198. package/dist/components/tabs/Tabs.js +47 -39
  199. package/dist/components/tabs/Tabs.js.map +1 -1
  200. package/dist/components/tabs/Tabs.module.scss.cjs +1 -1
  201. package/dist/components/tabs/Tabs.module.scss.js +13 -12
  202. package/dist/components/tabs/Tabs.module.scss.js.map +1 -1
  203. package/dist/components/tag/Tag.cjs.map +1 -1
  204. package/dist/components/tag/Tag.css +1 -1
  205. package/dist/components/tag/Tag.d.ts +2 -2
  206. package/dist/components/tag/Tag.d.ts.map +1 -1
  207. package/dist/components/tag/Tag.js.map +1 -1
  208. package/dist/components/tag/Tag.module.scss.cjs +1 -1
  209. package/dist/components/tag/Tag.module.scss.js +11 -11
  210. package/dist/components/thread-footer/ThreadFooter.cjs +1 -1
  211. package/dist/components/thread-footer/ThreadFooter.cjs.map +1 -1
  212. package/dist/components/thread-footer/ThreadFooter.css +1 -1
  213. package/dist/components/thread-footer/ThreadFooter.d.ts.map +1 -1
  214. package/dist/components/thread-footer/ThreadFooter.js +39 -43
  215. package/dist/components/thread-footer/ThreadFooter.js.map +1 -1
  216. package/dist/components/thread-footer/ThreadFooter.module.scss.cjs +1 -1
  217. package/dist/components/thread-footer/ThreadFooter.module.scss.js +18 -17
  218. package/dist/components/thread-footer/ThreadFooter.module.scss.js.map +1 -1
  219. package/dist/components/thread-list-item/ThreadListItem.cjs.map +1 -1
  220. package/dist/components/thread-list-item/ThreadListItem.d.ts.map +1 -1
  221. package/dist/components/thread-list-item/ThreadListItem.js +3 -1
  222. package/dist/components/thread-list-item/ThreadListItem.js.map +1 -1
  223. package/dist/components/toast/Toast.cjs.map +1 -1
  224. package/dist/components/toast/Toast.d.ts +3 -2
  225. package/dist/components/toast/Toast.d.ts.map +1 -1
  226. package/dist/components/toast/Toast.js.map +1 -1
  227. package/dist/components/tooltip/Tooltip.cjs +1 -1
  228. package/dist/components/tooltip/Tooltip.cjs.map +1 -1
  229. package/dist/components/tooltip/Tooltip.d.ts +3 -3
  230. package/dist/components/tooltip/Tooltip.d.ts.map +1 -1
  231. package/dist/components/tooltip/Tooltip.js +9 -9
  232. package/dist/components/tooltip/Tooltip.js.map +1 -1
  233. package/dist/components/tour-point/TourPoint.cjs.map +1 -1
  234. package/dist/components/tour-point/TourPoint.d.ts.map +1 -1
  235. package/dist/components/tour-point/TourPoint.js +8 -6
  236. package/dist/components/tour-point/TourPoint.js.map +1 -1
  237. package/dist/components/user-avatar-group/UserAvatarGroup.cjs.map +1 -1
  238. package/dist/components/user-avatar-group/UserAvatarGroup.d.ts.map +1 -1
  239. package/dist/components/user-avatar-group/UserAvatarGroup.js +23 -30
  240. package/dist/components/user-avatar-group/UserAvatarGroup.js.map +1 -1
  241. package/dist/hooks/use-anchored-popup-portal.cjs.map +1 -1
  242. package/dist/hooks/use-anchored-popup-portal.d.ts.map +1 -1
  243. package/dist/hooks/use-anchored-popup-portal.js +1 -3
  244. package/dist/hooks/use-anchored-popup-portal.js.map +1 -1
  245. package/dist/illustrations/incoming-webhook.svg.cjs +1 -1
  246. package/dist/illustrations/incoming-webhook.svg.cjs.map +1 -1
  247. package/dist/illustrations/incoming-webhook.svg.js +1 -1
  248. package/dist/illustrations/incoming-webhook.svg.js.map +1 -1
  249. package/dist/index.cjs +1 -1
  250. package/dist/index.d.ts +0 -14
  251. package/dist/index.d.ts.map +1 -1
  252. package/dist/index.js +170 -204
  253. package/dist/index.js.map +1 -1
  254. package/dist/utils/anchoredPopupPlacement.cjs.map +1 -1
  255. package/dist/utils/anchoredPopupPlacement.d.ts.map +1 -1
  256. package/dist/utils/anchoredPopupPlacement.js +4 -1
  257. package/dist/utils/anchoredPopupPlacement.js.map +1 -1
  258. package/package.json +1 -44
  259. package/dist/components/admin-console-sidebar/AdminConsoleSidebar.cjs +0 -2
  260. package/dist/components/admin-console-sidebar/AdminConsoleSidebar.cjs.map +0 -1
  261. package/dist/components/admin-console-sidebar/AdminConsoleSidebar.css +0 -1
  262. package/dist/components/admin-console-sidebar/AdminConsoleSidebar.d.ts +0 -12
  263. package/dist/components/admin-console-sidebar/AdminConsoleSidebar.d.ts.map +0 -1
  264. package/dist/components/admin-console-sidebar/AdminConsoleSidebar.js +0 -122
  265. package/dist/components/admin-console-sidebar/AdminConsoleSidebar.js.map +0 -1
  266. package/dist/components/admin-console-sidebar/AdminConsoleSidebar.module.scss.cjs +0 -2
  267. package/dist/components/admin-console-sidebar/AdminConsoleSidebar.module.scss.cjs.map +0 -1
  268. package/dist/components/admin-console-sidebar/AdminConsoleSidebar.module.scss.js +0 -20
  269. package/dist/components/admin-console-sidebar/AdminConsoleSidebar.module.scss.js.map +0 -1
  270. package/dist/components/admin-console-sidebar/adminConsoleSidebarModel.d.ts +0 -14
  271. package/dist/components/admin-console-sidebar/adminConsoleSidebarModel.d.ts.map +0 -1
  272. package/dist/components/admin-console-sidebar/index.cjs +0 -2
  273. package/dist/components/admin-console-sidebar/index.cjs.map +0 -1
  274. package/dist/components/admin-console-sidebar/index.d.ts +0 -4
  275. package/dist/components/admin-console-sidebar/index.d.ts.map +0 -1
  276. package/dist/components/admin-console-sidebar/index.js +0 -5
  277. package/dist/components/admin-console-sidebar/index.js.map +0 -1
  278. package/dist/components/channel-category-menu/ChannelCategoryMenu.cjs +0 -2
  279. package/dist/components/channel-category-menu/ChannelCategoryMenu.cjs.map +0 -1
  280. package/dist/components/channel-category-menu/ChannelCategoryMenu.css +0 -1
  281. package/dist/components/channel-category-menu/ChannelCategoryMenu.d.ts +0 -10
  282. package/dist/components/channel-category-menu/ChannelCategoryMenu.d.ts.map +0 -1
  283. package/dist/components/channel-category-menu/ChannelCategoryMenu.js +0 -103
  284. package/dist/components/channel-category-menu/ChannelCategoryMenu.js.map +0 -1
  285. package/dist/components/channel-category-menu/ChannelCategoryMenu.module.scss.cjs +0 -2
  286. package/dist/components/channel-category-menu/ChannelCategoryMenu.module.scss.cjs.map +0 -1
  287. package/dist/components/channel-category-menu/ChannelCategoryMenu.module.scss.js +0 -8
  288. package/dist/components/channel-category-menu/ChannelCategoryMenu.module.scss.js.map +0 -1
  289. package/dist/components/channel-category-menu/index.cjs +0 -2
  290. package/dist/components/channel-category-menu/index.cjs.map +0 -1
  291. package/dist/components/channel-category-menu/index.d.ts +0 -3
  292. package/dist/components/channel-category-menu/index.d.ts.map +0 -1
  293. package/dist/components/channel-category-menu/index.js +0 -5
  294. package/dist/components/channel-category-menu/index.js.map +0 -1
  295. package/dist/components/channel-header-menu/ChannelHeaderMenu.cjs +0 -2
  296. package/dist/components/channel-header-menu/ChannelHeaderMenu.cjs.map +0 -1
  297. package/dist/components/channel-header-menu/ChannelHeaderMenu.d.ts +0 -8
  298. package/dist/components/channel-header-menu/ChannelHeaderMenu.d.ts.map +0 -1
  299. package/dist/components/channel-header-menu/ChannelHeaderMenu.js +0 -115
  300. package/dist/components/channel-header-menu/ChannelHeaderMenu.js.map +0 -1
  301. package/dist/components/channel-header-menu/index.cjs +0 -2
  302. package/dist/components/channel-header-menu/index.cjs.map +0 -1
  303. package/dist/components/channel-header-menu/index.d.ts +0 -3
  304. package/dist/components/channel-header-menu/index.d.ts.map +0 -1
  305. package/dist/components/channel-header-menu/index.js +0 -5
  306. package/dist/components/channel-header-menu/index.js.map +0 -1
  307. package/dist/components/channel-menu/ChannelMenu.cjs +0 -2
  308. package/dist/components/channel-menu/ChannelMenu.cjs.map +0 -1
  309. package/dist/components/channel-menu/ChannelMenu.d.ts +0 -8
  310. package/dist/components/channel-menu/ChannelMenu.d.ts.map +0 -1
  311. package/dist/components/channel-menu/ChannelMenu.js +0 -91
  312. package/dist/components/channel-menu/ChannelMenu.js.map +0 -1
  313. package/dist/components/channel-menu/index.cjs +0 -2
  314. package/dist/components/channel-menu/index.cjs.map +0 -1
  315. package/dist/components/channel-menu/index.d.ts +0 -3
  316. package/dist/components/channel-menu/index.d.ts.map +0 -1
  317. package/dist/components/channel-menu/index.js +0 -5
  318. package/dist/components/channel-menu/index.js.map +0 -1
  319. package/dist/components/channels-sidebar/ChannelsSidebar.cjs +0 -2
  320. package/dist/components/channels-sidebar/ChannelsSidebar.cjs.map +0 -1
  321. package/dist/components/channels-sidebar/ChannelsSidebar.css +0 -1
  322. package/dist/components/channels-sidebar/ChannelsSidebar.d.ts +0 -57
  323. package/dist/components/channels-sidebar/ChannelsSidebar.d.ts.map +0 -1
  324. package/dist/components/channels-sidebar/ChannelsSidebar.js +0 -177
  325. package/dist/components/channels-sidebar/ChannelsSidebar.js.map +0 -1
  326. package/dist/components/channels-sidebar/ChannelsSidebar.module.scss.cjs +0 -2
  327. package/dist/components/channels-sidebar/ChannelsSidebar.module.scss.cjs.map +0 -1
  328. package/dist/components/channels-sidebar/ChannelsSidebar.module.scss.js +0 -35
  329. package/dist/components/channels-sidebar/ChannelsSidebar.module.scss.js.map +0 -1
  330. package/dist/components/channels-sidebar/channelsSidebarModel.cjs +0 -2
  331. package/dist/components/channels-sidebar/channelsSidebarModel.cjs.map +0 -1
  332. package/dist/components/channels-sidebar/channelsSidebarModel.d.ts +0 -22
  333. package/dist/components/channels-sidebar/channelsSidebarModel.d.ts.map +0 -1
  334. package/dist/components/channels-sidebar/channelsSidebarModel.js +0 -20
  335. package/dist/components/channels-sidebar/channelsSidebarModel.js.map +0 -1
  336. package/dist/components/channels-sidebar/index.cjs +0 -2
  337. package/dist/components/channels-sidebar/index.cjs.map +0 -1
  338. package/dist/components/channels-sidebar/index.d.ts +0 -6
  339. package/dist/components/channels-sidebar/index.d.ts.map +0 -1
  340. package/dist/components/channels-sidebar/index.js +0 -12
  341. package/dist/components/channels-sidebar/index.js.map +0 -1
  342. package/dist/components/global-header/GlobalHeader.cjs +0 -2
  343. package/dist/components/global-header/GlobalHeader.cjs.map +0 -1
  344. package/dist/components/global-header/GlobalHeader.css +0 -1
  345. package/dist/components/global-header/GlobalHeader.d.ts +0 -28
  346. package/dist/components/global-header/GlobalHeader.d.ts.map +0 -1
  347. package/dist/components/global-header/GlobalHeader.js +0 -157
  348. package/dist/components/global-header/GlobalHeader.js.map +0 -1
  349. package/dist/components/global-header/GlobalHeader.module.scss.cjs +0 -2
  350. package/dist/components/global-header/GlobalHeader.module.scss.cjs.map +0 -1
  351. package/dist/components/global-header/GlobalHeader.module.scss.js +0 -20
  352. package/dist/components/global-header/GlobalHeader.module.scss.js.map +0 -1
  353. package/dist/components/global-header/index.cjs +0 -2
  354. package/dist/components/global-header/index.cjs.map +0 -1
  355. package/dist/components/global-header/index.d.ts +0 -3
  356. package/dist/components/global-header/index.d.ts.map +0 -1
  357. package/dist/components/global-header/index.js +0 -5
  358. package/dist/components/global-header/index.js.map +0 -1
  359. package/dist/components/help-menu/HelpMenu.cjs +0 -2
  360. package/dist/components/help-menu/HelpMenu.cjs.map +0 -1
  361. package/dist/components/help-menu/HelpMenu.d.ts +0 -8
  362. package/dist/components/help-menu/HelpMenu.d.ts.map +0 -1
  363. package/dist/components/help-menu/HelpMenu.js +0 -64
  364. package/dist/components/help-menu/HelpMenu.js.map +0 -1
  365. package/dist/components/help-menu/index.cjs +0 -2
  366. package/dist/components/help-menu/index.cjs.map +0 -1
  367. package/dist/components/help-menu/index.d.ts +0 -3
  368. package/dist/components/help-menu/index.d.ts.map +0 -1
  369. package/dist/components/help-menu/index.js +0 -5
  370. package/dist/components/help-menu/index.js.map +0 -1
  371. package/dist/components/message-more-options-menu/MessageMoreOptionsMenu.cjs +0 -2
  372. package/dist/components/message-more-options-menu/MessageMoreOptionsMenu.cjs.map +0 -1
  373. package/dist/components/message-more-options-menu/MessageMoreOptionsMenu.d.ts +0 -12
  374. package/dist/components/message-more-options-menu/MessageMoreOptionsMenu.d.ts.map +0 -1
  375. package/dist/components/message-more-options-menu/MessageMoreOptionsMenu.js +0 -172
  376. package/dist/components/message-more-options-menu/MessageMoreOptionsMenu.js.map +0 -1
  377. package/dist/components/message-more-options-menu/index.cjs +0 -2
  378. package/dist/components/message-more-options-menu/index.cjs.map +0 -1
  379. package/dist/components/message-more-options-menu/index.d.ts +0 -3
  380. package/dist/components/message-more-options-menu/index.d.ts.map +0 -1
  381. package/dist/components/message-more-options-menu/index.js +0 -5
  382. package/dist/components/message-more-options-menu/index.js.map +0 -1
  383. package/dist/components/plus-menu/PlusMenu.cjs +0 -2
  384. package/dist/components/plus-menu/PlusMenu.cjs.map +0 -1
  385. package/dist/components/plus-menu/PlusMenu.d.ts +0 -8
  386. package/dist/components/plus-menu/PlusMenu.d.ts.map +0 -1
  387. package/dist/components/plus-menu/PlusMenu.js +0 -69
  388. package/dist/components/plus-menu/PlusMenu.js.map +0 -1
  389. package/dist/components/plus-menu/index.cjs +0 -2
  390. package/dist/components/plus-menu/index.cjs.map +0 -1
  391. package/dist/components/plus-menu/index.d.ts +0 -3
  392. package/dist/components/plus-menu/index.d.ts.map +0 -1
  393. package/dist/components/plus-menu/index.js +0 -5
  394. package/dist/components/plus-menu/index.js.map +0 -1
  395. package/dist/components/product-switcher-menu/ProductSwitcherMenu.cjs +0 -2
  396. package/dist/components/product-switcher-menu/ProductSwitcherMenu.cjs.map +0 -1
  397. package/dist/components/product-switcher-menu/ProductSwitcherMenu.css +0 -1
  398. package/dist/components/product-switcher-menu/ProductSwitcherMenu.d.ts +0 -47
  399. package/dist/components/product-switcher-menu/ProductSwitcherMenu.d.ts.map +0 -1
  400. package/dist/components/product-switcher-menu/ProductSwitcherMenu.js +0 -110
  401. package/dist/components/product-switcher-menu/ProductSwitcherMenu.js.map +0 -1
  402. package/dist/components/product-switcher-menu/ProductSwitcherMenu.module.scss.cjs +0 -2
  403. package/dist/components/product-switcher-menu/ProductSwitcherMenu.module.scss.cjs.map +0 -1
  404. package/dist/components/product-switcher-menu/ProductSwitcherMenu.module.scss.js +0 -8
  405. package/dist/components/product-switcher-menu/ProductSwitcherMenu.module.scss.js.map +0 -1
  406. package/dist/components/product-switcher-menu/index.cjs +0 -2
  407. package/dist/components/product-switcher-menu/index.cjs.map +0 -1
  408. package/dist/components/product-switcher-menu/index.d.ts +0 -4
  409. package/dist/components/product-switcher-menu/index.d.ts.map +0 -1
  410. package/dist/components/product-switcher-menu/index.js +0 -6
  411. package/dist/components/product-switcher-menu/index.js.map +0 -1
  412. package/dist/components/team-menu/TeamMenu.cjs +0 -2
  413. package/dist/components/team-menu/TeamMenu.cjs.map +0 -1
  414. package/dist/components/team-menu/TeamMenu.css +0 -1
  415. package/dist/components/team-menu/TeamMenu.d.ts +0 -15
  416. package/dist/components/team-menu/TeamMenu.d.ts.map +0 -1
  417. package/dist/components/team-menu/TeamMenu.js +0 -107
  418. package/dist/components/team-menu/TeamMenu.js.map +0 -1
  419. package/dist/components/team-menu/TeamMenu.module.scss.cjs +0 -2
  420. package/dist/components/team-menu/TeamMenu.module.scss.cjs.map +0 -1
  421. package/dist/components/team-menu/TeamMenu.module.scss.js +0 -7
  422. package/dist/components/team-menu/TeamMenu.module.scss.js.map +0 -1
  423. package/dist/components/team-menu/index.cjs +0 -2
  424. package/dist/components/team-menu/index.cjs.map +0 -1
  425. package/dist/components/team-menu/index.d.ts +0 -3
  426. package/dist/components/team-menu/index.d.ts.map +0 -1
  427. package/dist/components/team-menu/index.js +0 -5
  428. package/dist/components/team-menu/index.js.map +0 -1
  429. package/dist/components/team-sidebar/TeamSidebar.cjs +0 -2
  430. package/dist/components/team-sidebar/TeamSidebar.cjs.map +0 -1
  431. package/dist/components/team-sidebar/TeamSidebar.css +0 -1
  432. package/dist/components/team-sidebar/TeamSidebar.d.ts +0 -21
  433. package/dist/components/team-sidebar/TeamSidebar.d.ts.map +0 -1
  434. package/dist/components/team-sidebar/TeamSidebar.js +0 -85
  435. package/dist/components/team-sidebar/TeamSidebar.js.map +0 -1
  436. package/dist/components/team-sidebar/TeamSidebar.module.scss.cjs +0 -2
  437. package/dist/components/team-sidebar/TeamSidebar.module.scss.cjs.map +0 -1
  438. package/dist/components/team-sidebar/TeamSidebar.module.scss.js +0 -13
  439. package/dist/components/team-sidebar/TeamSidebar.module.scss.js.map +0 -1
  440. package/dist/components/team-sidebar/index.cjs +0 -2
  441. package/dist/components/team-sidebar/index.cjs.map +0 -1
  442. package/dist/components/team-sidebar/index.d.ts +0 -3
  443. package/dist/components/team-sidebar/index.d.ts.map +0 -1
  444. package/dist/components/team-sidebar/index.js +0 -5
  445. package/dist/components/team-sidebar/index.js.map +0 -1
  446. package/dist/components/thread-actions-menu/ThreadActionsMenu.cjs +0 -2
  447. package/dist/components/thread-actions-menu/ThreadActionsMenu.cjs.map +0 -1
  448. package/dist/components/thread-actions-menu/ThreadActionsMenu.d.ts +0 -8
  449. package/dist/components/thread-actions-menu/ThreadActionsMenu.d.ts.map +0 -1
  450. package/dist/components/thread-actions-menu/ThreadActionsMenu.js +0 -77
  451. package/dist/components/thread-actions-menu/ThreadActionsMenu.js.map +0 -1
  452. package/dist/components/thread-actions-menu/index.cjs +0 -2
  453. package/dist/components/thread-actions-menu/index.cjs.map +0 -1
  454. package/dist/components/thread-actions-menu/index.d.ts +0 -3
  455. package/dist/components/thread-actions-menu/index.d.ts.map +0 -1
  456. package/dist/components/thread-actions-menu/index.js +0 -5
  457. package/dist/components/thread-actions-menu/index.js.map +0 -1
  458. package/dist/index.css +0 -162
@@ -1,177 +0,0 @@
1
- import { jsxs as i, jsx as e } from "react/jsx-runtime";
2
- import { useMemo as N } from "react";
3
- import __y from "@mattermost/compass-icons/components/chevron-down.js";const y=__y&&__y.default?__y.default:__y;
4
- import __v from "@mattermost/compass-icons/components/plus.js";const v=__v&&__v.default?__v.default:__v;
5
- import __C from "@mattermost/compass-icons/components/magnify.js";const C=__C&&__C.default?__C.default:__C;
6
- import __I from "@mattermost/compass-icons/components/filter-variant.js";const I=__I&&__I.default?__I.default:__I;
7
- import u from "../channel-sidebar-item/ChannelSidebarItem.js";
8
- import f from "../more-unreads-banner/MoreUnreadsBanner.js";
9
- import b from "../icon-button/IconButton.js";
10
- import p from "../icon/Icon.js";
11
- import $ from "../scrollbar/Scrollbar.js";
12
- import { applyChannelNameOverrides as w } from "./channelsSidebarModel.js";
13
- import a from "./ChannelsSidebar.module.scss.js";
14
- function z(s, t, l) {
15
- const c = (n) => ({
16
- ...n,
17
- active: t === void 0 ? n.active : n.name === t,
18
- onClick: l ? () => l(n.name) : n.onClick
19
- });
20
- return {
21
- topGroupItems: s.topGroupItems.map(c),
22
- groups: s.groups.map((n) => ({
23
- ...n,
24
- items: n.items.map(c)
25
- }))
26
- };
27
- }
28
- function S({ teamName: s }) {
29
- return /* @__PURE__ */ i("div", { className: a["channels-sidebar__header"], children: [
30
- /* @__PURE__ */ i("div", { className: a["channels-sidebar__team-dropdown"], children: [
31
- /* @__PURE__ */ e("span", { className: a["channels-sidebar__team-name"], children: s }),
32
- /* @__PURE__ */ e("span", { className: a["channels-sidebar__team-chevron"], children: /* @__PURE__ */ e(y, { size: 16 }) })
33
- ] }),
34
- /* @__PURE__ */ e(
35
- b,
36
- {
37
- "aria-label": "Add channels",
38
- size: "small",
39
- style: "inverted",
40
- padding: "compact",
41
- rounded: !0,
42
- icon: /* @__PURE__ */ e(p, { size: "16", glyph: /* @__PURE__ */ e(v, {}) }),
43
- className: a["channels-sidebar__sidebar-icon-button"]
44
- }
45
- )
46
- ] });
47
- }
48
- function x({
49
- showFilter: s = !1
50
- }) {
51
- return /* @__PURE__ */ i("div", { className: a["channels-sidebar__navigator"], children: [
52
- s && /* @__PURE__ */ e(
53
- b,
54
- {
55
- "aria-label": "Filter channels",
56
- size: "small",
57
- style: "inverted",
58
- padding: "compact",
59
- icon: /* @__PURE__ */ e(p, { size: "16", glyph: /* @__PURE__ */ e(I, {}) }),
60
- className: a["channels-sidebar__sidebar-icon-button"]
61
- }
62
- ),
63
- /* @__PURE__ */ i("div", { className: a["channels-sidebar__find-channels"], children: [
64
- /* @__PURE__ */ e("span", { className: a["channels-sidebar__find-channels-icon"], children: /* @__PURE__ */ e(C, { size: 16 }) }),
65
- /* @__PURE__ */ e("span", { className: a["channels-sidebar__find-channels-label"], children: "Find channels" })
66
- ] })
67
- ] });
68
- }
69
- function B({
70
- label: s,
71
- showChevron: t = !0,
72
- showPlusButton: l = !1,
73
- leadingIcon: c,
74
- sticky: n = !1,
75
- opaqueCategory: m = !1
76
- }) {
77
- const o = !!c, h = t && !o, _ = [
78
- a["channels-sidebar__category"],
79
- o ? a["channels-sidebar__category--with-leading-icon"] : "",
80
- m ? a["channels-sidebar__category--opaque"] : "",
81
- !h && !o ? a["channels-sidebar__category--no-chevron"] : "",
82
- l ? a["channels-sidebar__category--has-action"] : "",
83
- n ? a["channels-sidebar__category--sticky"] : ""
84
- ].filter(Boolean).join(" ");
85
- return /* @__PURE__ */ i("div", { className: _, children: [
86
- /* @__PURE__ */ i("div", { className: a["channels-sidebar__category-left"], children: [
87
- o && /* @__PURE__ */ e("span", { className: a["channels-sidebar__category-leading-icon"], children: c }),
88
- h && /* @__PURE__ */ e("span", { className: a["channels-sidebar__category-chevron"], children: /* @__PURE__ */ e(y, { size: 12 }) }),
89
- /* @__PURE__ */ e("span", { className: a["channels-sidebar__category-label"], children: s })
90
- ] }),
91
- l && /* @__PURE__ */ e(
92
- b,
93
- {
94
- "aria-label": `New ${s.toLowerCase()}`,
95
- size: "x-small",
96
- style: "inverted",
97
- icon: /* @__PURE__ */ e(p, { size: "12", glyph: /* @__PURE__ */ e(v, {}) })
98
- }
99
- )
100
- ] });
101
- }
102
- function U({
103
- teamName: s = "Contributors",
104
- showFilter: t = !1,
105
- moreUnreadsAbove: l = !1,
106
- moreUnreadsBelow: c = !1,
107
- channelNameOverrides: n,
108
- activeChannelName: m,
109
- onItemClick: o,
110
- model: h
111
- }) {
112
- const _ = N(() => {
113
- const d = w(h ?? { topGroupItems: [], groups: [] }, n);
114
- return z(
115
- d,
116
- m,
117
- o
118
- );
119
- }, [
120
- h,
121
- n,
122
- m,
123
- o
124
- ]);
125
- return /* @__PURE__ */ i("div", { className: a["channels-sidebar"], children: [
126
- /* @__PURE__ */ e(S, { teamName: s }),
127
- /* @__PURE__ */ e(x, { showFilter: t }),
128
- /* @__PURE__ */ e("div", { className: a["channels-sidebar__top-group"], children: _.topGroupItems.map((r, d) => /* @__PURE__ */ e(u, { ...r }, `top-${d}-${r.name}`)) }),
129
- /* @__PURE__ */ i("div", { className: a["channels-sidebar__scroll-view"], children: [
130
- /* @__PURE__ */ e($, { color: "--sidebar-text-rgb", children: /* @__PURE__ */ e("div", { className: a["channels-sidebar__channel-groups"], children: _.groups.map((r) => /* @__PURE__ */ i(
131
- "div",
132
- {
133
- className: a["channels-sidebar__channel-group"],
134
- children: [
135
- /* @__PURE__ */ e(
136
- B,
137
- {
138
- label: r.category.label,
139
- showChevron: r.category.showChevron,
140
- showPlusButton: r.category.showPlusButton
141
- }
142
- ),
143
- r.items.map((d, g) => /* @__PURE__ */ e(
144
- u,
145
- {
146
- ...d
147
- },
148
- `${r.key}-${g}-${d.name}`
149
- ))
150
- ]
151
- },
152
- r.key
153
- )) }) }),
154
- l && /* @__PURE__ */ e(
155
- f,
156
- {
157
- direction: "up",
158
- className: `${a["channels-sidebar__more-unreads"]} ${a["channels-sidebar__more-unreads--above"]}`
159
- }
160
- ),
161
- c && /* @__PURE__ */ e(
162
- f,
163
- {
164
- direction: "down",
165
- className: `${a["channels-sidebar__more-unreads"]} ${a["channels-sidebar__more-unreads--below"]}`
166
- }
167
- )
168
- ] })
169
- ] });
170
- }
171
- export {
172
- B as ChannelsSidebarCategory,
173
- S as ChannelsSidebarHeader,
174
- x as ChannelsSidebarNavigator,
175
- U as default
176
- };
177
- //# sourceMappingURL=ChannelsSidebar.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ChannelsSidebar.js","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","withOverrides","applyChannelNameOverrides","i","ChannelSidebarItem","Scrollbar","group","index","MoreUnreadsBanner"],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ChannelsSidebar.css');const e={"channels-sidebar":"_channels-sidebar_5crxb_2","channels-sidebar--header-preview":"_channels-sidebar--header-preview_5crxb_12","channels-sidebar--navigator-preview":"_channels-sidebar--navigator-preview_5crxb_19","channels-sidebar__sidebar-icon-button":"_channels-sidebar__sidebar-icon-button_5crxb_23","channels-sidebar__header":"_channels-sidebar__header_5crxb_29","channels-sidebar__team-dropdown":"_channels-sidebar__team-dropdown_5crxb_36","channels-sidebar__team-name":"_channels-sidebar__team-name_5crxb_48","channels-sidebar__team-chevron":"_channels-sidebar__team-chevron_5crxb_58","channels-sidebar__navigator":"_channels-sidebar__navigator_5crxb_64","channels-sidebar__find-channels":"_channels-sidebar__find-channels_5crxb_71","channels-sidebar__find-channels-icon":"_channels-sidebar__find-channels-icon_5crxb_82","channels-sidebar__find-channels-label":"_channels-sidebar__find-channels-label_5crxb_89","channels-sidebar__top-group":"_channels-sidebar__top-group_5crxb_99","channels-sidebar__scroll-view":"_channels-sidebar__scroll-view_5crxb_105","channels-sidebar__channel-groups":"_channels-sidebar__channel-groups_5crxb_112","channels-sidebar__channel-group":"_channels-sidebar__channel-group_5crxb_112","channels-sidebar__category":"_channels-sidebar__category_5crxb_122","channels-sidebar__category--with-leading-icon":"_channels-sidebar__category--with-leading-icon_5crxb_132","channels-sidebar__category--sticky":"_channels-sidebar__category--sticky_5crxb_135","channels-sidebar__category--no-chevron":"_channels-sidebar__category--no-chevron_5crxb_141","channels-sidebar__category--has-action":"_channels-sidebar__category--has-action_5crxb_144","channels-sidebar__category-left":"_channels-sidebar__category-left_5crxb_147","channels-sidebar__category-leading-icon":"_channels-sidebar__category-leading-icon_5crxb_154","channels-sidebar__category--opaque":"_channels-sidebar__category--opaque_5crxb_175","channels-sidebar__category-label":"_channels-sidebar__category-label_5crxb_175","channels-sidebar__category-chevron":"_channels-sidebar__category-chevron_5crxb_181","channels-sidebar__more-unreads":"_channels-sidebar__more-unreads_5crxb_201","channels-sidebar__more-unreads--above":"_channels-sidebar__more-unreads--above_5crxb_207","channels-sidebar__more-unreads--below":"_channels-sidebar__more-unreads--below_5crxb_210"};exports.default=e;
2
- //# sourceMappingURL=ChannelsSidebar.module.scss.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ChannelsSidebar.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,35 +0,0 @@
1
- import './ChannelsSidebar.css';const e = {
2
- "channels-sidebar": "_channels-sidebar_5crxb_2",
3
- "channels-sidebar--header-preview": "_channels-sidebar--header-preview_5crxb_12",
4
- "channels-sidebar--navigator-preview": "_channels-sidebar--navigator-preview_5crxb_19",
5
- "channels-sidebar__sidebar-icon-button": "_channels-sidebar__sidebar-icon-button_5crxb_23",
6
- "channels-sidebar__header": "_channels-sidebar__header_5crxb_29",
7
- "channels-sidebar__team-dropdown": "_channels-sidebar__team-dropdown_5crxb_36",
8
- "channels-sidebar__team-name": "_channels-sidebar__team-name_5crxb_48",
9
- "channels-sidebar__team-chevron": "_channels-sidebar__team-chevron_5crxb_58",
10
- "channels-sidebar__navigator": "_channels-sidebar__navigator_5crxb_64",
11
- "channels-sidebar__find-channels": "_channels-sidebar__find-channels_5crxb_71",
12
- "channels-sidebar__find-channels-icon": "_channels-sidebar__find-channels-icon_5crxb_82",
13
- "channels-sidebar__find-channels-label": "_channels-sidebar__find-channels-label_5crxb_89",
14
- "channels-sidebar__top-group": "_channels-sidebar__top-group_5crxb_99",
15
- "channels-sidebar__scroll-view": "_channels-sidebar__scroll-view_5crxb_105",
16
- "channels-sidebar__channel-groups": "_channels-sidebar__channel-groups_5crxb_112",
17
- "channels-sidebar__channel-group": "_channels-sidebar__channel-group_5crxb_112",
18
- "channels-sidebar__category": "_channels-sidebar__category_5crxb_122",
19
- "channels-sidebar__category--with-leading-icon": "_channels-sidebar__category--with-leading-icon_5crxb_132",
20
- "channels-sidebar__category--sticky": "_channels-sidebar__category--sticky_5crxb_135",
21
- "channels-sidebar__category--no-chevron": "_channels-sidebar__category--no-chevron_5crxb_141",
22
- "channels-sidebar__category--has-action": "_channels-sidebar__category--has-action_5crxb_144",
23
- "channels-sidebar__category-left": "_channels-sidebar__category-left_5crxb_147",
24
- "channels-sidebar__category-leading-icon": "_channels-sidebar__category-leading-icon_5crxb_154",
25
- "channels-sidebar__category--opaque": "_channels-sidebar__category--opaque_5crxb_175",
26
- "channels-sidebar__category-label": "_channels-sidebar__category-label_5crxb_175",
27
- "channels-sidebar__category-chevron": "_channels-sidebar__category-chevron_5crxb_181",
28
- "channels-sidebar__more-unreads": "_channels-sidebar__more-unreads_5crxb_201",
29
- "channels-sidebar__more-unreads--above": "_channels-sidebar__more-unreads--above_5crxb_207",
30
- "channels-sidebar__more-unreads--below": "_channels-sidebar__more-unreads--below_5crxb_210"
31
- };
32
- export {
33
- e as default
34
- };
35
- //# sourceMappingURL=ChannelsSidebar.module.scss.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ChannelsSidebar.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,2 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function n(a,e){if(!e||Object.keys(e).length===0)return a;const p=t=>e[t]??t,r=t=>({...t,name:p(t.name),avatarAlt:t.avatarAlt!=null?p(t.avatarAlt):t.avatarAlt});return{topGroupItems:a.topGroupItems.map(r),groups:a.groups.map(t=>({...t,items:t.items.map(r)}))}}exports.applyChannelNameOverrides=n;
2
- //# sourceMappingURL=channelsSidebarModel.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"channelsSidebarModel.cjs","sources":["../../../src/components/channels-sidebar/channelsSidebarModel.ts"],"sourcesContent":["import type { ChannelSidebarItemProps } from '@/components/channel-sidebar-item/ChannelSidebarItem';\n\nexport type ChannelsSidebarItemModel = Pick<\n ChannelSidebarItemProps,\n | 'name'\n | 'leadingVisual'\n | 'active'\n | 'status'\n | 'mentionCount'\n | 'memberCount'\n | 'avatarSrc'\n | 'avatarAlt'\n | 'showAvatarStatus'\n | 'onClick'\n>;\n\nexport interface ChannelsSidebarCategoryModel {\n label: string;\n showChevron?: boolean;\n showPlusButton?: boolean;\n}\n\nexport interface ChannelsSidebarGroupModel {\n key: string;\n category: ChannelsSidebarCategoryModel;\n items: ChannelsSidebarItemModel[];\n}\n\nexport interface ChannelsSidebarModel {\n topGroupItems: ChannelsSidebarItemModel[];\n groups: ChannelsSidebarGroupModel[];\n}\n\n/**\n * Applies per-page display renames (keys = default names from the model) to\n * `name` and `avatarAlt` on each row, matching pre-model `channelNameOverrides` behavior.\n */\nexport function applyChannelNameOverrides(\n model: ChannelsSidebarModel,\n channelNameOverrides?: Record<string, string>,\n): ChannelsSidebarModel {\n if (!channelNameOverrides || Object.keys(channelNameOverrides).length === 0) {\n return model;\n }\n\n const resolve = (s: string) => channelNameOverrides[s] ?? s;\n\n const mapRow = (row: ChannelsSidebarItemModel): ChannelsSidebarItemModel => ({\n ...row,\n name: resolve(row.name),\n avatarAlt: row.avatarAlt != null ? resolve(row.avatarAlt) : row.avatarAlt,\n });\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"],"names":["applyChannelNameOverrides","model","channelNameOverrides","resolve","s","mapRow","row","g"],"mappings":"gFAqCO,SAASA,EACdC,EACAC,EACsB,CACtB,GAAI,CAACA,GAAwB,OAAO,KAAKA,CAAoB,EAAE,SAAW,EACxE,OAAOD,EAGT,MAAME,EAAWC,GAAcF,EAAqBE,CAAC,GAAKA,EAEpDC,EAAUC,IAA6D,CAC3E,GAAGA,EACH,KAAMH,EAAQG,EAAI,IAAI,EACtB,UAAWA,EAAI,WAAa,KAAOH,EAAQG,EAAI,SAAS,EAAIA,EAAI,SAAA,GAGlE,MAAO,CACL,cAAeL,EAAM,cAAc,IAAII,CAAM,EAC7C,OAAQJ,EAAM,OAAO,IAAKM,IAAO,CAC/B,GAAGA,EACH,MAAOA,EAAE,MAAM,IAAIF,CAAM,CAAA,EACzB,CAAA,CAEN"}
@@ -1,22 +0,0 @@
1
- import { ChannelSidebarItemProps } from '../channel-sidebar-item/ChannelSidebarItem';
2
- export type ChannelsSidebarItemModel = Pick<ChannelSidebarItemProps, 'name' | 'leadingVisual' | 'active' | 'status' | 'mentionCount' | 'memberCount' | 'avatarSrc' | 'avatarAlt' | 'showAvatarStatus' | 'onClick'>;
3
- export interface ChannelsSidebarCategoryModel {
4
- label: string;
5
- showChevron?: boolean;
6
- showPlusButton?: boolean;
7
- }
8
- export interface ChannelsSidebarGroupModel {
9
- key: string;
10
- category: ChannelsSidebarCategoryModel;
11
- items: ChannelsSidebarItemModel[];
12
- }
13
- export interface ChannelsSidebarModel {
14
- topGroupItems: ChannelsSidebarItemModel[];
15
- groups: ChannelsSidebarGroupModel[];
16
- }
17
- /**
18
- * Applies per-page display renames (keys = default names from the model) to
19
- * `name` and `avatarAlt` on each row, matching pre-model `channelNameOverrides` behavior.
20
- */
21
- export declare function applyChannelNameOverrides(model: ChannelsSidebarModel, channelNameOverrides?: Record<string, string>): ChannelsSidebarModel;
22
- //# sourceMappingURL=channelsSidebarModel.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"channelsSidebarModel.d.ts","sourceRoot":"","sources":["../../../src/components/channels-sidebar/channelsSidebarModel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,oDAAoD,CAAC;AAElG,MAAM,MAAM,wBAAwB,GAAG,IAAI,CACzC,uBAAuB,EACrB,MAAM,GACN,eAAe,GACf,QAAQ,GACR,QAAQ,GACR,cAAc,GACd,aAAa,GACb,WAAW,GACX,WAAW,GACX,kBAAkB,GAClB,SAAS,CACZ,CAAC;AAEF,MAAM,WAAW,4BAA4B;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,yBAAyB;IACxC,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,4BAA4B,CAAC;IACvC,KAAK,EAAE,wBAAwB,EAAE,CAAC;CACnC;AAED,MAAM,WAAW,oBAAoB;IACnC,aAAa,EAAE,wBAAwB,EAAE,CAAC;IAC1C,MAAM,EAAE,yBAAyB,EAAE,CAAC;CACrC;AAED;;;GAGG;AACH,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,oBAAoB,EAC3B,oBAAoB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAC5C,oBAAoB,CAoBtB"}
@@ -1,20 +0,0 @@
1
- function r(a, p) {
2
- if (!p || Object.keys(p).length === 0)
3
- return a;
4
- const e = (t) => p[t] ?? t, n = (t) => ({
5
- ...t,
6
- name: e(t.name),
7
- avatarAlt: t.avatarAlt != null ? e(t.avatarAlt) : t.avatarAlt
8
- });
9
- return {
10
- topGroupItems: a.topGroupItems.map(n),
11
- groups: a.groups.map((t) => ({
12
- ...t,
13
- items: t.items.map(n)
14
- }))
15
- };
16
- }
17
- export {
18
- r as applyChannelNameOverrides
19
- };
20
- //# sourceMappingURL=channelsSidebarModel.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"channelsSidebarModel.js","sources":["../../../src/components/channels-sidebar/channelsSidebarModel.ts"],"sourcesContent":["import type { ChannelSidebarItemProps } from '@/components/channel-sidebar-item/ChannelSidebarItem';\n\nexport type ChannelsSidebarItemModel = Pick<\n ChannelSidebarItemProps,\n | 'name'\n | 'leadingVisual'\n | 'active'\n | 'status'\n | 'mentionCount'\n | 'memberCount'\n | 'avatarSrc'\n | 'avatarAlt'\n | 'showAvatarStatus'\n | 'onClick'\n>;\n\nexport interface ChannelsSidebarCategoryModel {\n label: string;\n showChevron?: boolean;\n showPlusButton?: boolean;\n}\n\nexport interface ChannelsSidebarGroupModel {\n key: string;\n category: ChannelsSidebarCategoryModel;\n items: ChannelsSidebarItemModel[];\n}\n\nexport interface ChannelsSidebarModel {\n topGroupItems: ChannelsSidebarItemModel[];\n groups: ChannelsSidebarGroupModel[];\n}\n\n/**\n * Applies per-page display renames (keys = default names from the model) to\n * `name` and `avatarAlt` on each row, matching pre-model `channelNameOverrides` behavior.\n */\nexport function applyChannelNameOverrides(\n model: ChannelsSidebarModel,\n channelNameOverrides?: Record<string, string>,\n): ChannelsSidebarModel {\n if (!channelNameOverrides || Object.keys(channelNameOverrides).length === 0) {\n return model;\n }\n\n const resolve = (s: string) => channelNameOverrides[s] ?? s;\n\n const mapRow = (row: ChannelsSidebarItemModel): ChannelsSidebarItemModel => ({\n ...row,\n name: resolve(row.name),\n avatarAlt: row.avatarAlt != null ? resolve(row.avatarAlt) : row.avatarAlt,\n });\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"],"names":["applyChannelNameOverrides","model","channelNameOverrides","resolve","s","mapRow","row","g"],"mappings":"AAqCO,SAASA,EACdC,GACAC,GACsB;AACtB,MAAI,CAACA,KAAwB,OAAO,KAAKA,CAAoB,EAAE,WAAW;AACxE,WAAOD;AAGT,QAAME,IAAU,CAACC,MAAcF,EAAqBE,CAAC,KAAKA,GAEpDC,IAAS,CAACC,OAA6D;AAAA,IAC3E,GAAGA;AAAA,IACH,MAAMH,EAAQG,EAAI,IAAI;AAAA,IACtB,WAAWA,EAAI,aAAa,OAAOH,EAAQG,EAAI,SAAS,IAAIA,EAAI;AAAA,EAAA;AAGlE,SAAO;AAAA,IACL,eAAeL,EAAM,cAAc,IAAII,CAAM;AAAA,IAC7C,QAAQJ,EAAM,OAAO,IAAI,CAACM,OAAO;AAAA,MAC/B,GAAGA;AAAA,MACH,OAAOA,EAAE,MAAM,IAAIF,CAAM;AAAA,IAAA,EACzB;AAAA,EAAA;AAEN;"}
@@ -1,2 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ChannelsSidebar.cjs"),a=require("./channelsSidebarModel.cjs"),n=require("./ChannelsSidebar.module.scss.cjs");exports.ChannelsSidebar=e.default;exports.ChannelsSidebarCategory=e.ChannelsSidebarCategory;exports.ChannelsSidebarHeader=e.ChannelsSidebarHeader;exports.ChannelsSidebarNavigator=e.ChannelsSidebarNavigator;exports.applyChannelNameOverrides=a.applyChannelNameOverrides;exports.channelsSidebarStyles=n.default;
2
- //# sourceMappingURL=index.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,6 +0,0 @@
1
- export { default as ChannelsSidebar } from './ChannelsSidebar';
2
- export { ChannelsSidebarHeader, ChannelsSidebarNavigator, ChannelsSidebarCategory, } from './ChannelsSidebar';
3
- export type { ChannelsSidebarProps, ChannelsSidebarHeaderProps, ChannelsSidebarNavigatorProps, ChannelsSidebarCategoryProps, ChannelsSidebarModel, } from './ChannelsSidebar';
4
- export * from './channelsSidebarModel';
5
- export { default as channelsSidebarStyles } from './ChannelsSidebar.module.scss';
6
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/channels-sidebar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EACL,qBAAqB,EACrB,wBAAwB,EACxB,uBAAuB,GACxB,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EACV,oBAAoB,EACpB,0BAA0B,EAC1B,6BAA6B,EAC7B,4BAA4B,EAC5B,oBAAoB,GACrB,MAAM,mBAAmB,CAAC;AAC3B,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,+BAA+B,CAAC"}
@@ -1,12 +0,0 @@
1
- import { default as r, ChannelsSidebarCategory as n, ChannelsSidebarHeader as l, ChannelsSidebarNavigator as d } from "./ChannelsSidebar.js";
2
- import { applyChannelNameOverrides as o } from "./channelsSidebarModel.js";
3
- import { default as i } from "./ChannelsSidebar.module.scss.js";
4
- export {
5
- r as ChannelsSidebar,
6
- n as ChannelsSidebarCategory,
7
- l as ChannelsSidebarHeader,
8
- d as ChannelsSidebarNavigator,
9
- o as applyChannelNameOverrides,
10
- i as channelsSidebarStyles
11
- };
12
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
@@ -1,2 +0,0 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),__x=require("@mattermost/compass-icons/components/products.js"),x=__x?.default??__x,__b=require("@mattermost/compass-icons/components/product-channels.js"),b=__b?.default??__b,__g=require("@mattermost/compass-icons/components/product-playbooks.js"),g=__g?.default??__g,__p=require("@mattermost/compass-icons/components/product-boards.js"),p=__p?.default??__p,__f=require("@mattermost/compass-icons/components/arrow-left.js"),f=__f?.default??__f,___=require("@mattermost/compass-icons/components/arrow-right.js"),_=___?.default??___,__m=require("@mattermost/compass-icons/components/magnify.js"),m=__m?.default??__m,__t=require("@mattermost/compass-icons/components/help-circle-outline.js"),t=__t?.default??__t,__y=require("@mattermost/compass-icons/components/cog-outline.js"),y=__y?.default??__y,__q=require("@mattermost/compass-icons/components/at.js"),q=__q?.default??__q,__I=require("@mattermost/compass-icons/components/bookmark-outline.js"),I=__I?.default??__I,__v=require("@mattermost/compass-icons/components/checkbox-multiple-marked-outline.js"),v=__v?.default??__v,N=require("../button/Button.cjs"),o=require("../icon/Icon.cjs"),L=require("../icon-button/IconButton.cjs"),P=require("../user-avatar/UserAvatar.cjs"),a=require("./GlobalHeader.module.scss.cjs"),k={channels:b,playbooks:g,boards:p},B={channels:"Channels",playbooks:"Playbooks",boards:"Boards"};function s({ariaLabel:r,glyph:l}){return e.jsx(L.default,{"aria-label":r,size:"small",padding:"compact",style:"inverted",icon:e.jsx(o.default,{size:"16",glyph:l})})}function C({product:r}){const l=k[r];return e.jsxs("div",{className:a.default["global-header__product"],children:[e.jsx("span",{className:a.default["global-header__product-icon"],"aria-hidden":!0,children:e.jsx(o.default,{size:"20",glyph:e.jsx(l,{})})}),e.jsx("span",{className:a.default["global-header__product-name"],children:B[r]})]})}function O(){return e.jsxs("div",{className:a.default["global-header__navigator"],children:[e.jsx(s,{ariaLabel:"Back",glyph:e.jsx(f,{})}),e.jsx(s,{ariaLabel:"Forward",glyph:e.jsx(_,{})})]})}function z({className:r="",product:l="channels",showChannelsBranding:c=!0,showUpgradeButton:i=!1,userAvatarSrc:d,userAvatarAlt:u="User"}){const n=l==="channels",h=n?c:!0,j=[a.default["global-header"],n?a.default["global-header--channels"]:a.default["global-header--product-only"],r].filter(Boolean).join(" ");return e.jsxs("header",{className:j,children:[e.jsxs("div",{className:a.default["global-header__left"],children:[e.jsx(s,{ariaLabel:"Product switcher",glyph:e.jsx(x,{})}),h&&e.jsx(C,{product:l}),e.jsx(O,{})]}),n&&e.jsxs("div",{className:a.default["global-header__center"],children:[e.jsxs("div",{className:a.default["global-header__search"],children:[e.jsx("span",{className:a.default["global-header__search-icon"],"aria-hidden":!0,children:e.jsx(o.default,{size:"12",glyph:e.jsx(m,{})})}),e.jsx("input",{type:"search",className:a.default["global-header__search-input"],placeholder:"Search","aria-label":"Search"})]}),e.jsx(s,{ariaLabel:"Help",glyph:e.jsx(t,{})})]}),e.jsxs("div",{className:a.default["global-header__right"],children:[i&&e.jsx(N.default,{emphasis:"primary",size:"x-small",children:"Upgrade"}),l==="playbooks"&&e.jsx(s,{ariaLabel:"Tasks",glyph:e.jsx(v,{})}),n&&e.jsxs(e.Fragment,{children:[e.jsx(s,{ariaLabel:"Recent mentions",glyph:e.jsx(q,{})}),e.jsx(s,{ariaLabel:"Saved messages",glyph:e.jsx(I,{})})]}),!n&&e.jsx(s,{ariaLabel:"Help",glyph:e.jsx(t,{})}),e.jsx(s,{ariaLabel:"Settings",glyph:e.jsx(y,{})}),e.jsx("button",{className:a.default["global-header__account"],"aria-label":"Account menu",children:e.jsx(P.default,{src:d,alt:u,size:"24",status:!0})})]})]})}exports.default=z;
2
- //# sourceMappingURL=GlobalHeader.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"GlobalHeader.cjs","sources":["../../../src/components/global-header/GlobalHeader.tsx"],"sourcesContent":["import ProductsIcon from '@mattermost/compass-icons/components/products';\nimport ProductChannelsIcon from '@mattermost/compass-icons/components/product-channels';\nimport ProductPlaybooksIcon from '@mattermost/compass-icons/components/product-playbooks';\nimport ProductBoardsIcon from '@mattermost/compass-icons/components/product-boards';\nimport ArrowLeftIcon from '@mattermost/compass-icons/components/arrow-left';\nimport ArrowRightIcon from '@mattermost/compass-icons/components/arrow-right';\nimport MagnifyIcon from '@mattermost/compass-icons/components/magnify';\nimport HelpCircleOutlineIcon from '@mattermost/compass-icons/components/help-circle-outline';\nimport CogOutlineIcon from '@mattermost/compass-icons/components/cog-outline';\nimport AtIcon from '@mattermost/compass-icons/components/at';\nimport BookmarkOutlineIcon from '@mattermost/compass-icons/components/bookmark-outline';\nimport CheckboxMultipleMarkedOutlineIcon from '@mattermost/compass-icons/components/checkbox-multiple-marked-outline';\nimport Button from '@/components/button/Button';\nimport Icon from '@/components/icon/Icon';\nimport IconButton from '@/components/icon-button/IconButton';\nimport UserAvatar from '@/components/user-avatar/UserAvatar';\nimport type { ComponentType } from 'react';\nimport styles from './GlobalHeader.module.scss';\n\nexport type GlobalHeaderProduct = 'channels' | 'playbooks' | 'boards';\n\nexport interface GlobalHeaderProps {\n /** Optional CSS class name. */\n className?: string;\n /** Product context. Controls branding + right-side controls. Default: Channels. */\n product?: GlobalHeaderProduct;\n /** When true and product is Channels, shows the Channels product icon + label. */\n showChannelsBranding?: boolean;\n /** When true, shows the Upgrade button in the right controls. */\n showUpgradeButton?: boolean;\n /** URL for the signed-in user avatar. Omit for initials fallback. */\n userAvatarSrc?: string;\n /** Alt text for the signed-in user avatar. */\n userAvatarAlt?: string;\n}\n\nconst PRODUCT_ICON: Record<\n GlobalHeaderProduct,\n ComponentType<{ size?: number }>\n> = {\n channels: ProductChannelsIcon,\n playbooks: ProductPlaybooksIcon,\n boards: ProductBoardsIcon,\n};\n\nconst PRODUCT_LABEL: Record<GlobalHeaderProduct, string> = {\n channels: 'Channels',\n playbooks: 'Playbooks',\n boards: 'Boards',\n};\n\nfunction InvertedIconButton({\n ariaLabel,\n glyph,\n}: {\n ariaLabel: string;\n glyph: React.ReactNode;\n}) {\n return (\n <IconButton\n aria-label={ariaLabel}\n size=\"small\"\n padding=\"compact\"\n style=\"inverted\"\n icon={<Icon size=\"16\" glyph={glyph} />}\n />\n );\n}\n\nfunction ProductBrand({ product }: { product: GlobalHeaderProduct }) {\n const ProductIcon = PRODUCT_ICON[product];\n return (\n <div className={styles['global-header__product']}>\n <span className={styles['global-header__product-icon']} aria-hidden>\n <Icon size=\"20\" glyph={<ProductIcon />} />\n </span>\n <span className={styles['global-header__product-name']}>\n {PRODUCT_LABEL[product]}\n </span>\n </div>\n );\n}\n\nfunction Navigator() {\n return (\n <div className={styles['global-header__navigator']}>\n <InvertedIconButton ariaLabel=\"Back\" glyph={<ArrowLeftIcon />} />\n <InvertedIconButton ariaLabel=\"Forward\" glyph={<ArrowRightIcon />} />\n </div>\n );\n}\n\n/**\n * Global Header pattern — top bar spanning the full viewport that contains\n * the product switcher, product branding, navigator, and session-level\n * controls (search, mentions, saved, settings, account).\n *\n * Layout uses a three-column CSS grid for Channels (left | centered search + help | session)\n * so session controls stay anchored to the trailing edge. Playbooks/Boards omit the center\n * column and use two tracks (left product block | session).\n *\n * Matches Figma Global Header v1.2.1 (node 613:4135).\n */\nexport default function GlobalHeader({\n className = '',\n product = 'channels',\n showChannelsBranding = true,\n showUpgradeButton = false,\n userAvatarSrc,\n userAvatarAlt = 'User',\n}: GlobalHeaderProps) {\n const isChannels = product === 'channels';\n const showBrand = isChannels ? showChannelsBranding : true;\n\n const rootClass = [\n styles['global-header'],\n isChannels\n ? styles['global-header--channels']\n : styles['global-header--product-only'],\n className,\n ]\n .filter(Boolean)\n .join(' ');\n\n return (\n <header className={rootClass}>\n <div className={styles['global-header__left']}>\n <InvertedIconButton\n ariaLabel=\"Product switcher\"\n glyph={<ProductsIcon />}\n />\n {showBrand && <ProductBrand product={product} />}\n <Navigator />\n </div>\n\n {isChannels && (\n <div className={styles['global-header__center']}>\n <div className={styles['global-header__search']}>\n <span className={styles['global-header__search-icon']} aria-hidden>\n <Icon size=\"12\" glyph={<MagnifyIcon />} />\n </span>\n <input\n type=\"search\"\n className={styles['global-header__search-input']}\n placeholder=\"Search\"\n aria-label=\"Search\"\n />\n </div>\n <InvertedIconButton\n ariaLabel=\"Help\"\n glyph={<HelpCircleOutlineIcon />}\n />\n </div>\n )}\n\n <div className={styles['global-header__right']}>\n {showUpgradeButton && (\n <Button emphasis=\"primary\" size=\"x-small\">\n Upgrade\n </Button>\n )}\n {product === 'playbooks' && (\n <InvertedIconButton\n ariaLabel=\"Tasks\"\n glyph={<CheckboxMultipleMarkedOutlineIcon />}\n />\n )}\n {isChannels && (\n <>\n <InvertedIconButton\n ariaLabel=\"Recent mentions\"\n glyph={<AtIcon />}\n />\n <InvertedIconButton\n ariaLabel=\"Saved messages\"\n glyph={<BookmarkOutlineIcon />}\n />\n </>\n )}\n {!isChannels && (\n <InvertedIconButton\n ariaLabel=\"Help\"\n glyph={<HelpCircleOutlineIcon />}\n />\n )}\n <InvertedIconButton ariaLabel=\"Settings\" glyph={<CogOutlineIcon />} />\n <button\n className={styles['global-header__account']}\n aria-label=\"Account menu\"\n >\n <UserAvatar\n src={userAvatarSrc}\n alt={userAvatarAlt}\n size=\"24\"\n status\n />\n </button>\n </div>\n </header>\n );\n}\n"],"names":["PRODUCT_ICON","ProductChannelsIcon","ProductPlaybooksIcon","ProductBoardsIcon","PRODUCT_LABEL","InvertedIconButton","ariaLabel","glyph","jsx","IconButton","Icon","ProductBrand","product","ProductIcon","jsxs","styles","Navigator","ArrowLeftIcon","ArrowRightIcon","GlobalHeader","className","showChannelsBranding","showUpgradeButton","userAvatarSrc","userAvatarAlt","isChannels","showBrand","rootClass","ProductsIcon","MagnifyIcon","HelpCircleOutlineIcon","Button","CheckboxMultipleMarkedOutlineIcon","Fragment","AtIcon","BookmarkOutlineIcon","CogOutlineIcon","UserAvatar"],"mappings":"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"}
@@ -1 +0,0 @@
1
- ._global-header_11raj_2{position:relative;display:grid;align-items:center;width:100%;height:40px;flex-shrink:0;padding:0 var(--spacing-xxxxs);background:var(--sidebar-header-bg)}._global-header--channels_11raj_13{grid-template-columns:max-content minmax(0,1fr) max-content}._global-header--product-only_11raj_16{grid-template-columns:auto minmax(0,1fr)}._global-header__left_11raj_19{grid-column:1;grid-row:1;display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xxxs) var(--spacing-xs);flex-shrink:0}._global-header__product_11raj_28{display:flex;align-items:center;gap:var(--spacing-xxxs);padding:2px 0}._global-header__product-icon_11raj_34{display:inline-flex;align-items:center;justify-content:center;padding:2px;color:var(--sidebar-text);opacity:.64}._global-header__product-name_11raj_42{margin:0;font-family:var(--font-family-heading);font-size:var(--font-size-200);font-weight:var(--font-weight-semibold);line-height:var(--line-height-200);color:rgba(var(--sidebar-text-rgb),.64);white-space:nowrap}._global-header__navigator_11raj_51{display:flex;align-items:center;gap:var(--spacing-xxxs)}._global-header__center_11raj_56{grid-column:2;grid-row:1;justify-self:center;display:flex;align-items:center;gap:var(--spacing-xxxs);padding:var(--spacing-xxxxs) 0 var(--spacing-xxxxs) var(--spacing-xxxs);min-width:0;width:max-content;max-width:100%}._global-header__search_11raj_68{display:flex;align-items:center;gap:var(--spacing-xs);width:432px;height:28px;padding:var(--spacing-xs) var(--spacing-m) var(--spacing-xs) var(--spacing-xs);background:rgba(var(--sidebar-text-rgb),.08);border-radius:var(--radius-s);cursor:text;transition:background-color var(--duration-quick) var(--ease-transition)}._global-header__search_11raj_68:hover{background:rgba(var(--sidebar-text-rgb),.12)}._global-header__search-icon_11raj_83{display:inline-flex;align-items:center;flex-shrink:0;color:rgba(var(--sidebar-text-rgb),.64)}._global-header__search-input_11raj_89{flex:1 1 0;min-width:0;margin:0;padding:0;border:0;background:transparent;font-family:var(--font-family-body);font-size:var(--font-size-75);line-height:var(--line-height-75);font-weight:var(--font-weight-regular);letter-spacing:.02em;color:var(--sidebar-text)}._global-header__search-input_11raj_89:focus{outline:none}._global-header__search-input_11raj_89::placeholder{color:rgba(var(--sidebar-text-rgb),.64)}._global-header__right_11raj_109{grid-row:1;display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-xxxs);padding:0 var(--spacing-xs);flex-shrink:0}._global-header--channels_11raj_13 ._global-header__right_11raj_109{grid-column:3}._global-header--product-only_11raj_16 ._global-header__right_11raj_109{grid-column:2}._global-header__account_11raj_124{--status-badge-bg: var(--sidebar-header-bg);display:inline-flex;align-items:center;padding:var(--spacing-xxxxs) var(--spacing-xs);background:transparent;border:0;border-radius:var(--radius-s);cursor:pointer;transition:background-color var(--duration-quick) var(--ease-transition)}._global-header__account_11raj_124:hover{background:rgba(var(--sidebar-text-rgb),.08)}
@@ -1,28 +0,0 @@
1
- export type GlobalHeaderProduct = 'channels' | 'playbooks' | 'boards';
2
- export interface GlobalHeaderProps {
3
- /** Optional CSS class name. */
4
- className?: string;
5
- /** Product context. Controls branding + right-side controls. Default: Channels. */
6
- product?: GlobalHeaderProduct;
7
- /** When true and product is Channels, shows the Channels product icon + label. */
8
- showChannelsBranding?: boolean;
9
- /** When true, shows the Upgrade button in the right controls. */
10
- showUpgradeButton?: boolean;
11
- /** URL for the signed-in user avatar. Omit for initials fallback. */
12
- userAvatarSrc?: string;
13
- /** Alt text for the signed-in user avatar. */
14
- userAvatarAlt?: string;
15
- }
16
- /**
17
- * Global Header pattern — top bar spanning the full viewport that contains
18
- * the product switcher, product branding, navigator, and session-level
19
- * controls (search, mentions, saved, settings, account).
20
- *
21
- * Layout uses a three-column CSS grid for Channels (left | centered search + help | session)
22
- * so session controls stay anchored to the trailing edge. Playbooks/Boards omit the center
23
- * column and use two tracks (left product block | session).
24
- *
25
- * Matches Figma Global Header v1.2.1 (node 613:4135).
26
- */
27
- export default function GlobalHeader({ className, product, showChannelsBranding, showUpgradeButton, userAvatarSrc, userAvatarAlt, }: GlobalHeaderProps): import("react/jsx-runtime").JSX.Element;
28
- //# sourceMappingURL=GlobalHeader.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"GlobalHeader.d.ts","sourceRoot":"","sources":["../../../src/components/global-header/GlobalHeader.tsx"],"names":[],"mappings":"AAmBA,MAAM,MAAM,mBAAmB,GAAG,UAAU,GAAG,WAAW,GAAG,QAAQ,CAAC;AAEtE,MAAM,WAAW,iBAAiB;IAChC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mFAAmF;IACnF,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,kFAAkF;IAClF,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,iEAAiE;IACjE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,qEAAqE;IACrE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,8CAA8C;IAC9C,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AA0DD;;;;;;;;;;GAUG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,SAAc,EACd,OAAoB,EACpB,oBAA2B,EAC3B,iBAAyB,EACzB,aAAa,EACb,aAAsB,GACvB,EAAE,iBAAiB,2CA0FnB"}
@@ -1,157 +0,0 @@
1
- import { jsxs as o, jsx as a, Fragment as b } from "react/jsx-runtime";
2
- import __g from "@mattermost/compass-icons/components/products.js";const g=__g&&__g.default?__g.default:__g;
3
- import __f from "@mattermost/compass-icons/components/product-channels.js";const f=__f&&__f.default?__f.default:__f;
4
- import ___ from "@mattermost/compass-icons/components/product-playbooks.js";const _=___&&___.default?___.default:___;
5
- import __y from "@mattermost/compass-icons/components/product-boards.js";const y=__y&&__y.default?__y.default:__y;
6
- import __I from "@mattermost/compass-icons/components/arrow-left.js";const I=__I&&__I.default?__I.default:__I;
7
- import __N from "@mattermost/compass-icons/components/arrow-right.js";const N=__N&&__N.default?__N.default:__N;
8
- import __v from "@mattermost/compass-icons/components/magnify.js";const v=__v&&__v.default?__v.default:__v;
9
- import __i from "@mattermost/compass-icons/components/help-circle-outline.js";const i=__i&&__i.default?__i.default:__i;
10
- import __L from "@mattermost/compass-icons/components/cog-outline.js";const L=__L&&__L.default?__L.default:__L;
11
- import __k from "@mattermost/compass-icons/components/at.js";const k=__k&&__k.default?__k.default:__k;
12
- import __B from "@mattermost/compass-icons/components/bookmark-outline.js";const B=__B&&__B.default?__B.default:__B;
13
- import __P from "@mattermost/compass-icons/components/checkbox-multiple-marked-outline.js";const P=__P&&__P.default?__P.default:__P;
14
- import C from "../button/Button.js";
15
- import t from "../icon/Icon.js";
16
- import O from "../icon-button/IconButton.js";
17
- import z from "../user-avatar/UserAvatar.js";
18
- import e from "./GlobalHeader.module.scss.js";
19
- const A = {
20
- channels: f,
21
- playbooks: _,
22
- boards: y
23
- }, w = {
24
- channels: "Channels",
25
- playbooks: "Playbooks",
26
- boards: "Boards"
27
- };
28
- function r({
29
- ariaLabel: n,
30
- glyph: l
31
- }) {
32
- return /* @__PURE__ */ a(
33
- O,
34
- {
35
- "aria-label": n,
36
- size: "small",
37
- padding: "compact",
38
- style: "inverted",
39
- icon: /* @__PURE__ */ a(t, { size: "16", glyph: l })
40
- }
41
- );
42
- }
43
- function x({ product: n }) {
44
- const l = A[n];
45
- return /* @__PURE__ */ o("div", { className: e["global-header__product"], children: [
46
- /* @__PURE__ */ a("span", { className: e["global-header__product-icon"], "aria-hidden": !0, children: /* @__PURE__ */ a(t, { size: "20", glyph: /* @__PURE__ */ a(l, {}) }) }),
47
- /* @__PURE__ */ a("span", { className: e["global-header__product-name"], children: w[n] })
48
- ] });
49
- }
50
- function U() {
51
- return /* @__PURE__ */ o("div", { className: e["global-header__navigator"], children: [
52
- /* @__PURE__ */ a(r, { ariaLabel: "Back", glyph: /* @__PURE__ */ a(I, {}) }),
53
- /* @__PURE__ */ a(r, { ariaLabel: "Forward", glyph: /* @__PURE__ */ a(N, {}) })
54
- ] });
55
- }
56
- function Z({
57
- className: n = "",
58
- product: l = "channels",
59
- showChannelsBranding: c = !0,
60
- showUpgradeButton: d = !1,
61
- userAvatarSrc: h,
62
- userAvatarAlt: m = "User"
63
- }) {
64
- const s = l === "channels", p = s ? c : !0, u = [
65
- e["global-header"],
66
- s ? e["global-header--channels"] : e["global-header--product-only"],
67
- n
68
- ].filter(Boolean).join(" ");
69
- return /* @__PURE__ */ o("header", { className: u, children: [
70
- /* @__PURE__ */ o("div", { className: e["global-header__left"], children: [
71
- /* @__PURE__ */ a(
72
- r,
73
- {
74
- ariaLabel: "Product switcher",
75
- glyph: /* @__PURE__ */ a(g, {})
76
- }
77
- ),
78
- p && /* @__PURE__ */ a(x, { product: l }),
79
- /* @__PURE__ */ a(U, {})
80
- ] }),
81
- s && /* @__PURE__ */ o("div", { className: e["global-header__center"], children: [
82
- /* @__PURE__ */ o("div", { className: e["global-header__search"], children: [
83
- /* @__PURE__ */ a("span", { className: e["global-header__search-icon"], "aria-hidden": !0, children: /* @__PURE__ */ a(t, { size: "12", glyph: /* @__PURE__ */ a(v, {}) }) }),
84
- /* @__PURE__ */ a(
85
- "input",
86
- {
87
- type: "search",
88
- className: e["global-header__search-input"],
89
- placeholder: "Search",
90
- "aria-label": "Search"
91
- }
92
- )
93
- ] }),
94
- /* @__PURE__ */ a(
95
- r,
96
- {
97
- ariaLabel: "Help",
98
- glyph: /* @__PURE__ */ a(i, {})
99
- }
100
- )
101
- ] }),
102
- /* @__PURE__ */ o("div", { className: e["global-header__right"], children: [
103
- d && /* @__PURE__ */ a(C, { emphasis: "primary", size: "x-small", children: "Upgrade" }),
104
- l === "playbooks" && /* @__PURE__ */ a(
105
- r,
106
- {
107
- ariaLabel: "Tasks",
108
- glyph: /* @__PURE__ */ a(P, {})
109
- }
110
- ),
111
- s && /* @__PURE__ */ o(b, { children: [
112
- /* @__PURE__ */ a(
113
- r,
114
- {
115
- ariaLabel: "Recent mentions",
116
- glyph: /* @__PURE__ */ a(k, {})
117
- }
118
- ),
119
- /* @__PURE__ */ a(
120
- r,
121
- {
122
- ariaLabel: "Saved messages",
123
- glyph: /* @__PURE__ */ a(B, {})
124
- }
125
- )
126
- ] }),
127
- !s && /* @__PURE__ */ a(
128
- r,
129
- {
130
- ariaLabel: "Help",
131
- glyph: /* @__PURE__ */ a(i, {})
132
- }
133
- ),
134
- /* @__PURE__ */ a(r, { ariaLabel: "Settings", glyph: /* @__PURE__ */ a(L, {}) }),
135
- /* @__PURE__ */ a(
136
- "button",
137
- {
138
- className: e["global-header__account"],
139
- "aria-label": "Account menu",
140
- children: /* @__PURE__ */ a(
141
- z,
142
- {
143
- src: h,
144
- alt: m,
145
- size: "24",
146
- status: !0
147
- }
148
- )
149
- }
150
- )
151
- ] })
152
- ] });
153
- }
154
- export {
155
- Z as default
156
- };
157
- //# sourceMappingURL=GlobalHeader.js.map