@mattermost/compass-ui 0.1.0-alpha.10 → 0.1.0-alpha.11
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/README.md +5 -4
- package/dist/components/action-button/ActionButton.cjs +1 -1
- package/dist/components/action-button/ActionButton.cjs.map +1 -1
- package/dist/components/action-button/ActionButton.d.ts +2 -1
- package/dist/components/action-button/ActionButton.d.ts.map +1 -1
- package/dist/components/action-button/ActionButton.js +36 -31
- package/dist/components/action-button/ActionButton.js.map +1 -1
- package/dist/components/admin-console-header/AdminConsoleHeader.cjs.map +1 -1
- package/dist/components/admin-console-header/AdminConsoleHeader.d.ts.map +1 -1
- package/dist/components/admin-console-header/AdminConsoleHeader.js.map +1 -1
- package/dist/components/admin-panel/AdminPanel.cjs.map +1 -1
- package/dist/components/admin-panel/AdminPanel.d.ts.map +1 -1
- package/dist/components/admin-panel/AdminPanel.js.map +1 -1
- package/dist/components/admin-panel/index.d.ts +1 -1
- package/dist/components/admin-panel/index.d.ts.map +1 -1
- package/dist/components/admin-panel-footer/AdminPanelFooter.cjs.map +1 -1
- package/dist/components/admin-panel-footer/AdminPanelFooter.d.ts.map +1 -1
- package/dist/components/admin-panel-footer/AdminPanelFooter.js +1 -8
- package/dist/components/admin-panel-footer/AdminPanelFooter.js.map +1 -1
- package/dist/components/admin-panel-header/AdminPanelHeader.cjs.map +1 -1
- package/dist/components/admin-panel-header/AdminPanelHeader.d.ts.map +1 -1
- package/dist/components/admin-panel-header/AdminPanelHeader.js +2 -16
- package/dist/components/admin-panel-header/AdminPanelHeader.js.map +1 -1
- package/dist/components/attachment-card/AttachmentCard.cjs.map +1 -1
- package/dist/components/attachment-card/AttachmentCard.d.ts.map +1 -1
- package/dist/components/attachment-card/AttachmentCard.js.map +1 -1
- package/dist/components/button/Button.cjs +1 -1
- package/dist/components/button/Button.cjs.map +1 -1
- package/dist/components/button/Button.d.ts +4 -3
- package/dist/components/button/Button.d.ts.map +1 -1
- package/dist/components/button/Button.js +39 -23
- package/dist/components/button/Button.js.map +1 -1
- package/dist/components/card-button/CardButton.cjs +1 -1
- package/dist/components/card-button/CardButton.cjs.map +1 -1
- package/dist/components/card-button/CardButton.d.ts +2 -1
- package/dist/components/card-button/CardButton.d.ts.map +1 -1
- package/dist/components/card-button/CardButton.js +47 -42
- package/dist/components/card-button/CardButton.js.map +1 -1
- package/dist/components/channel-info-msg-header/ChannelInfoMsgHeader.cjs.map +1 -1
- package/dist/components/channel-info-msg-header/ChannelInfoMsgHeader.js.map +1 -1
- package/dist/components/checkbox/Checkbox.cjs +1 -1
- package/dist/components/checkbox/Checkbox.cjs.map +1 -1
- package/dist/components/checkbox/Checkbox.d.ts +2 -1
- package/dist/components/checkbox/Checkbox.d.ts.map +1 -1
- package/dist/components/checkbox/Checkbox.js +39 -37
- package/dist/components/checkbox/Checkbox.js.map +1 -1
- package/dist/components/chip/Chip.cjs.map +1 -1
- package/dist/components/chip/Chip.d.ts.map +1 -1
- package/dist/components/chip/Chip.js.map +1 -1
- package/dist/components/chip/ChipGroup.cjs.map +1 -1
- package/dist/components/chip/ChipGroup.d.ts.map +1 -1
- package/dist/components/chip/ChipGroup.js.map +1 -1
- package/dist/components/combobox/Combobox.cjs +1 -1
- package/dist/components/combobox/Combobox.cjs.map +1 -1
- package/dist/components/combobox/Combobox.css +1 -1
- package/dist/components/combobox/Combobox.d.ts +30 -1
- package/dist/components/combobox/Combobox.d.ts.map +1 -1
- package/dist/components/combobox/Combobox.js +381 -276
- package/dist/components/combobox/Combobox.js.map +1 -1
- package/dist/components/combobox/Combobox.module.scss.cjs +1 -1
- package/dist/components/combobox/Combobox.module.scss.js +24 -22
- package/dist/components/combobox/Combobox.module.scss.js.map +1 -1
- package/dist/components/combobox/index.d.ts +1 -1
- package/dist/components/combobox/index.d.ts.map +1 -1
- package/dist/components/date-range-picker/DateRangePicker.cjs.map +1 -1
- package/dist/components/date-range-picker/DateRangePicker.css +1 -1
- package/dist/components/date-range-picker/DateRangePicker.d.ts.map +1 -1
- package/dist/components/date-range-picker/DateRangePicker.js +27 -10
- package/dist/components/date-range-picker/DateRangePicker.js.map +1 -1
- package/dist/components/date-range-picker/DateRangePicker.module.scss.cjs +1 -1
- package/dist/components/date-range-picker/DateRangePicker.module.scss.js +26 -26
- package/dist/components/emoji/Emoji.cjs.map +1 -1
- package/dist/components/emoji/Emoji.d.ts.map +1 -1
- package/dist/components/emoji/Emoji.js +1 -5
- package/dist/components/emoji/Emoji.js.map +1 -1
- package/dist/components/emoji-button/EmojiButton.cjs.map +1 -1
- package/dist/components/emoji-button/EmojiButton.d.ts.map +1 -1
- package/dist/components/emoji-button/EmojiButton.js +10 -1
- package/dist/components/emoji-button/EmojiButton.js.map +1 -1
- package/dist/components/emoji-popover/EmojiPopover.cjs.map +1 -1
- package/dist/components/emoji-popover/EmojiPopover.d.ts.map +1 -1
- package/dist/components/emoji-popover/EmojiPopover.js +34 -17
- package/dist/components/emoji-popover/EmojiPopover.js.map +1 -1
- package/dist/components/empty-state/EmptyState.cjs.map +1 -1
- package/dist/components/empty-state/EmptyState.d.ts +2 -2
- package/dist/components/empty-state/EmptyState.d.ts.map +1 -1
- package/dist/components/empty-state/EmptyState.js.map +1 -1
- package/dist/components/error-message/ErrorMessage.cjs.map +1 -1
- package/dist/components/error-message/ErrorMessage.d.ts +3 -2
- package/dist/components/error-message/ErrorMessage.d.ts.map +1 -1
- package/dist/components/error-message/ErrorMessage.js.map +1 -1
- package/dist/components/icon/Icon.js +2 -2
- package/dist/components/icon/index.d.ts +1 -1
- package/dist/components/icon/index.d.ts.map +1 -1
- package/dist/components/icon-button/IconButton.cjs +1 -1
- package/dist/components/icon-button/IconButton.cjs.map +1 -1
- package/dist/components/icon-button/IconButton.d.ts +2 -1
- package/dist/components/icon-button/IconButton.d.ts.map +1 -1
- package/dist/components/icon-button/IconButton.js +61 -57
- package/dist/components/icon-button/IconButton.js.map +1 -1
- package/dist/components/image-preview/ImagePreview.cjs.map +1 -1
- package/dist/components/image-preview/ImagePreview.d.ts.map +1 -1
- package/dist/components/image-preview/ImagePreview.js +8 -1
- package/dist/components/image-preview/ImagePreview.js.map +1 -1
- package/dist/components/link-preview/LinkPreview.cjs.map +1 -1
- package/dist/components/link-preview/LinkPreview.d.ts.map +1 -1
- package/dist/components/link-preview/LinkPreview.js +1 -7
- package/dist/components/link-preview/LinkPreview.js.map +1 -1
- package/dist/components/link-preview/index.d.ts +1 -1
- package/dist/components/link-preview/index.d.ts.map +1 -1
- package/dist/components/menu-item/MenuItem.cjs +1 -1
- package/dist/components/menu-item/MenuItem.cjs.map +1 -1
- package/dist/components/menu-item/MenuItem.d.ts +4 -3
- package/dist/components/menu-item/MenuItem.d.ts.map +1 -1
- package/dist/components/menu-item/MenuItem.js +55 -43
- package/dist/components/menu-item/MenuItem.js.map +1 -1
- package/dist/components/message-actions/index.d.ts +1 -1
- package/dist/components/message-actions/index.d.ts.map +1 -1
- package/dist/components/message-separator/MessageSeparator.cjs.map +1 -1
- package/dist/components/message-separator/MessageSeparator.css +1 -1
- package/dist/components/message-separator/MessageSeparator.d.ts.map +1 -1
- package/dist/components/message-separator/MessageSeparator.js +8 -1
- package/dist/components/message-separator/MessageSeparator.js.map +1 -1
- package/dist/components/message-separator/MessageSeparator.module.scss.cjs +1 -1
- package/dist/components/message-separator/MessageSeparator.module.scss.js +11 -11
- package/dist/components/new-message-banner/NewMessageBanner.cjs.map +1 -1
- package/dist/components/new-message-banner/NewMessageBanner.d.ts.map +1 -1
- package/dist/components/new-message-banner/NewMessageBanner.js +1 -5
- package/dist/components/new-message-banner/NewMessageBanner.js.map +1 -1
- package/dist/components/permalink-preview/PermalinkPreview.cjs +1 -1
- package/dist/components/permalink-preview/PermalinkPreview.cjs.map +1 -1
- package/dist/components/permalink-preview/PermalinkPreview.css +1 -1
- package/dist/components/permalink-preview/PermalinkPreview.d.ts +9 -2
- package/dist/components/permalink-preview/PermalinkPreview.d.ts.map +1 -1
- package/dist/components/permalink-preview/PermalinkPreview.js +66 -25
- package/dist/components/permalink-preview/PermalinkPreview.js.map +1 -1
- package/dist/components/permalink-preview/PermalinkPreview.module.scss.cjs +1 -1
- package/dist/components/permalink-preview/PermalinkPreview.module.scss.js +13 -9
- package/dist/components/permalink-preview/PermalinkPreview.module.scss.js.map +1 -1
- package/dist/components/popover-menu/PopoverMenu.cjs.map +1 -1
- package/dist/components/popover-menu/PopoverMenu.d.ts +1 -2
- package/dist/components/popover-menu/PopoverMenu.d.ts.map +1 -1
- package/dist/components/popover-menu/PopoverMenu.js.map +1 -1
- package/dist/components/popover-notice/PopoverNotice.cjs.map +1 -1
- package/dist/components/popover-notice/PopoverNotice.d.ts +4 -3
- package/dist/components/popover-notice/PopoverNotice.d.ts.map +1 -1
- package/dist/components/popover-notice/PopoverNotice.js.map +1 -1
- package/dist/components/profile-popover/ProfilePopover.cjs.map +1 -1
- package/dist/components/profile-popover/ProfilePopover.d.ts.map +1 -1
- package/dist/components/profile-popover/ProfilePopover.js +14 -1
- package/dist/components/profile-popover/ProfilePopover.js.map +1 -1
- package/dist/components/progress-bar/ProgressBar.cjs +1 -1
- package/dist/components/progress-bar/ProgressBar.cjs.map +1 -1
- package/dist/components/progress-bar/ProgressBar.css +1 -1
- package/dist/components/progress-bar/ProgressBar.d.ts +6 -1
- package/dist/components/progress-bar/ProgressBar.d.ts.map +1 -1
- package/dist/components/progress-bar/ProgressBar.js +21 -15
- package/dist/components/progress-bar/ProgressBar.js.map +1 -1
- package/dist/components/progress-bar/ProgressBar.module.scss.cjs +1 -1
- package/dist/components/progress-bar/ProgressBar.module.scss.js +9 -8
- package/dist/components/progress-bar/ProgressBar.module.scss.js.map +1 -1
- package/dist/components/radio/Radio.cjs +1 -1
- package/dist/components/radio/Radio.cjs.map +1 -1
- package/dist/components/radio/Radio.d.ts +2 -1
- package/dist/components/radio/Radio.d.ts.map +1 -1
- package/dist/components/radio/Radio.js +15 -13
- package/dist/components/radio/Radio.js.map +1 -1
- package/dist/components/reactions-row/ReactionsRow.cjs.map +1 -1
- package/dist/components/reactions-row/ReactionsRow.d.ts.map +1 -1
- package/dist/components/reactions-row/ReactionsRow.js.map +1 -1
- package/dist/components/right-sidebar-header/RightSidebarHeader.cjs +1 -1
- package/dist/components/right-sidebar-header/RightSidebarHeader.cjs.map +1 -1
- package/dist/components/right-sidebar-header/RightSidebarHeader.d.ts +4 -2
- package/dist/components/right-sidebar-header/RightSidebarHeader.d.ts.map +1 -1
- package/dist/components/right-sidebar-header/RightSidebarHeader.js +51 -43
- package/dist/components/right-sidebar-header/RightSidebarHeader.js.map +1 -1
- package/dist/components/search-input/SearchInput.cjs.map +1 -1
- package/dist/components/search-input/SearchInput.d.ts.map +1 -1
- package/dist/components/search-input/SearchInput.js.map +1 -1
- package/dist/components/section-notice/SectionNotice.cjs.map +1 -1
- package/dist/components/section-notice/SectionNotice.d.ts +4 -4
- package/dist/components/section-notice/SectionNotice.d.ts.map +1 -1
- package/dist/components/section-notice/SectionNotice.js.map +1 -1
- package/dist/components/select/Select.cjs.map +1 -1
- package/dist/components/select/Select.d.ts.map +1 -1
- package/dist/components/select/Select.js.map +1 -1
- package/dist/components/switch/Switch.cjs +1 -1
- package/dist/components/switch/Switch.cjs.map +1 -1
- package/dist/components/switch/Switch.d.ts +2 -1
- package/dist/components/switch/Switch.d.ts.map +1 -1
- package/dist/components/switch/Switch.js +31 -29
- package/dist/components/switch/Switch.js.map +1 -1
- package/dist/components/tabs/Tabs.cjs +1 -1
- package/dist/components/tabs/Tabs.cjs.map +1 -1
- package/dist/components/tabs/Tabs.css +1 -1
- package/dist/components/tabs/Tabs.d.ts +6 -2
- package/dist/components/tabs/Tabs.d.ts.map +1 -1
- package/dist/components/tabs/Tabs.js +47 -39
- package/dist/components/tabs/Tabs.js.map +1 -1
- package/dist/components/tabs/Tabs.module.scss.cjs +1 -1
- package/dist/components/tabs/Tabs.module.scss.js +13 -12
- package/dist/components/tabs/Tabs.module.scss.js.map +1 -1
- package/dist/components/tag/Tag.cjs.map +1 -1
- package/dist/components/tag/Tag.css +1 -1
- package/dist/components/tag/Tag.d.ts +2 -2
- package/dist/components/tag/Tag.d.ts.map +1 -1
- package/dist/components/tag/Tag.js.map +1 -1
- package/dist/components/tag/Tag.module.scss.cjs +1 -1
- package/dist/components/tag/Tag.module.scss.js +11 -11
- package/dist/components/thread-footer/ThreadFooter.cjs +1 -1
- package/dist/components/thread-footer/ThreadFooter.cjs.map +1 -1
- package/dist/components/thread-footer/ThreadFooter.css +1 -1
- package/dist/components/thread-footer/ThreadFooter.d.ts.map +1 -1
- package/dist/components/thread-footer/ThreadFooter.js +39 -43
- package/dist/components/thread-footer/ThreadFooter.js.map +1 -1
- package/dist/components/thread-footer/ThreadFooter.module.scss.cjs +1 -1
- package/dist/components/thread-footer/ThreadFooter.module.scss.js +18 -17
- package/dist/components/thread-footer/ThreadFooter.module.scss.js.map +1 -1
- package/dist/components/thread-list-item/ThreadListItem.cjs.map +1 -1
- package/dist/components/thread-list-item/ThreadListItem.d.ts.map +1 -1
- package/dist/components/thread-list-item/ThreadListItem.js +3 -1
- package/dist/components/thread-list-item/ThreadListItem.js.map +1 -1
- package/dist/components/toast/Toast.cjs.map +1 -1
- package/dist/components/toast/Toast.d.ts +3 -2
- package/dist/components/toast/Toast.d.ts.map +1 -1
- package/dist/components/toast/Toast.js.map +1 -1
- package/dist/components/tooltip/Tooltip.cjs +1 -1
- package/dist/components/tooltip/Tooltip.cjs.map +1 -1
- package/dist/components/tooltip/Tooltip.d.ts +3 -3
- package/dist/components/tooltip/Tooltip.d.ts.map +1 -1
- package/dist/components/tooltip/Tooltip.js +9 -9
- package/dist/components/tooltip/Tooltip.js.map +1 -1
- package/dist/components/tour-point/TourPoint.cjs.map +1 -1
- package/dist/components/tour-point/TourPoint.d.ts.map +1 -1
- package/dist/components/tour-point/TourPoint.js +8 -6
- package/dist/components/tour-point/TourPoint.js.map +1 -1
- package/dist/components/user-avatar-group/UserAvatarGroup.cjs.map +1 -1
- package/dist/components/user-avatar-group/UserAvatarGroup.d.ts.map +1 -1
- package/dist/components/user-avatar-group/UserAvatarGroup.js +23 -30
- package/dist/components/user-avatar-group/UserAvatarGroup.js.map +1 -1
- package/dist/hooks/use-anchored-popup-portal.cjs.map +1 -1
- package/dist/hooks/use-anchored-popup-portal.d.ts.map +1 -1
- package/dist/hooks/use-anchored-popup-portal.js +1 -3
- package/dist/hooks/use-anchored-popup-portal.js.map +1 -1
- package/dist/illustrations/incoming-webhook.svg.cjs +1 -1
- package/dist/illustrations/incoming-webhook.svg.cjs.map +1 -1
- package/dist/illustrations/incoming-webhook.svg.js +1 -1
- package/dist/illustrations/incoming-webhook.svg.js.map +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +0 -13
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +170 -202
- package/dist/index.js.map +1 -1
- package/dist/utils/anchoredPopupPlacement.cjs.map +1 -1
- package/dist/utils/anchoredPopupPlacement.d.ts.map +1 -1
- package/dist/utils/anchoredPopupPlacement.js +4 -1
- package/dist/utils/anchoredPopupPlacement.js.map +1 -1
- package/package.json +1 -41
- package/dist/components/admin-console-sidebar/AdminConsoleSidebar.cjs +0 -2
- package/dist/components/admin-console-sidebar/AdminConsoleSidebar.cjs.map +0 -1
- package/dist/components/admin-console-sidebar/AdminConsoleSidebar.css +0 -1
- package/dist/components/admin-console-sidebar/AdminConsoleSidebar.d.ts +0 -12
- package/dist/components/admin-console-sidebar/AdminConsoleSidebar.d.ts.map +0 -1
- package/dist/components/admin-console-sidebar/AdminConsoleSidebar.js +0 -122
- package/dist/components/admin-console-sidebar/AdminConsoleSidebar.js.map +0 -1
- package/dist/components/admin-console-sidebar/AdminConsoleSidebar.module.scss.cjs +0 -2
- package/dist/components/admin-console-sidebar/AdminConsoleSidebar.module.scss.cjs.map +0 -1
- package/dist/components/admin-console-sidebar/AdminConsoleSidebar.module.scss.js +0 -20
- package/dist/components/admin-console-sidebar/AdminConsoleSidebar.module.scss.js.map +0 -1
- package/dist/components/admin-console-sidebar/adminConsoleSidebarModel.d.ts +0 -14
- package/dist/components/admin-console-sidebar/adminConsoleSidebarModel.d.ts.map +0 -1
- package/dist/components/admin-console-sidebar/index.cjs +0 -2
- package/dist/components/admin-console-sidebar/index.cjs.map +0 -1
- package/dist/components/admin-console-sidebar/index.d.ts +0 -4
- package/dist/components/admin-console-sidebar/index.d.ts.map +0 -1
- package/dist/components/admin-console-sidebar/index.js +0 -5
- package/dist/components/admin-console-sidebar/index.js.map +0 -1
- package/dist/components/channel-category-menu/ChannelCategoryMenu.cjs +0 -2
- package/dist/components/channel-category-menu/ChannelCategoryMenu.cjs.map +0 -1
- package/dist/components/channel-category-menu/ChannelCategoryMenu.css +0 -1
- package/dist/components/channel-category-menu/ChannelCategoryMenu.d.ts +0 -10
- package/dist/components/channel-category-menu/ChannelCategoryMenu.d.ts.map +0 -1
- package/dist/components/channel-category-menu/ChannelCategoryMenu.js +0 -103
- package/dist/components/channel-category-menu/ChannelCategoryMenu.js.map +0 -1
- package/dist/components/channel-category-menu/ChannelCategoryMenu.module.scss.cjs +0 -2
- package/dist/components/channel-category-menu/ChannelCategoryMenu.module.scss.cjs.map +0 -1
- package/dist/components/channel-category-menu/ChannelCategoryMenu.module.scss.js +0 -8
- package/dist/components/channel-category-menu/ChannelCategoryMenu.module.scss.js.map +0 -1
- package/dist/components/channel-category-menu/index.cjs +0 -2
- package/dist/components/channel-category-menu/index.cjs.map +0 -1
- package/dist/components/channel-category-menu/index.d.ts +0 -3
- package/dist/components/channel-category-menu/index.d.ts.map +0 -1
- package/dist/components/channel-category-menu/index.js +0 -5
- package/dist/components/channel-category-menu/index.js.map +0 -1
- package/dist/components/channel-header-menu/ChannelHeaderMenu.cjs +0 -2
- package/dist/components/channel-header-menu/ChannelHeaderMenu.cjs.map +0 -1
- package/dist/components/channel-header-menu/ChannelHeaderMenu.d.ts +0 -8
- package/dist/components/channel-header-menu/ChannelHeaderMenu.d.ts.map +0 -1
- package/dist/components/channel-header-menu/ChannelHeaderMenu.js +0 -115
- package/dist/components/channel-header-menu/ChannelHeaderMenu.js.map +0 -1
- package/dist/components/channel-header-menu/index.cjs +0 -2
- package/dist/components/channel-header-menu/index.cjs.map +0 -1
- package/dist/components/channel-header-menu/index.d.ts +0 -3
- package/dist/components/channel-header-menu/index.d.ts.map +0 -1
- package/dist/components/channel-header-menu/index.js +0 -5
- package/dist/components/channel-header-menu/index.js.map +0 -1
- package/dist/components/channel-menu/ChannelMenu.cjs +0 -2
- package/dist/components/channel-menu/ChannelMenu.cjs.map +0 -1
- package/dist/components/channel-menu/ChannelMenu.d.ts +0 -8
- package/dist/components/channel-menu/ChannelMenu.d.ts.map +0 -1
- package/dist/components/channel-menu/ChannelMenu.js +0 -91
- package/dist/components/channel-menu/ChannelMenu.js.map +0 -1
- package/dist/components/channel-menu/index.cjs +0 -2
- package/dist/components/channel-menu/index.cjs.map +0 -1
- package/dist/components/channel-menu/index.d.ts +0 -3
- package/dist/components/channel-menu/index.d.ts.map +0 -1
- package/dist/components/channel-menu/index.js +0 -5
- package/dist/components/channel-menu/index.js.map +0 -1
- package/dist/components/channels-sidebar/ChannelsSidebar.cjs +0 -2
- package/dist/components/channels-sidebar/ChannelsSidebar.cjs.map +0 -1
- package/dist/components/channels-sidebar/ChannelsSidebar.css +0 -1
- package/dist/components/channels-sidebar/ChannelsSidebar.d.ts +0 -57
- package/dist/components/channels-sidebar/ChannelsSidebar.d.ts.map +0 -1
- package/dist/components/channels-sidebar/ChannelsSidebar.js +0 -177
- package/dist/components/channels-sidebar/ChannelsSidebar.js.map +0 -1
- package/dist/components/channels-sidebar/ChannelsSidebar.module.scss.cjs +0 -2
- package/dist/components/channels-sidebar/ChannelsSidebar.module.scss.cjs.map +0 -1
- package/dist/components/channels-sidebar/ChannelsSidebar.module.scss.js +0 -35
- package/dist/components/channels-sidebar/ChannelsSidebar.module.scss.js.map +0 -1
- package/dist/components/channels-sidebar/channelsSidebarModel.cjs +0 -2
- package/dist/components/channels-sidebar/channelsSidebarModel.cjs.map +0 -1
- package/dist/components/channels-sidebar/channelsSidebarModel.d.ts +0 -22
- package/dist/components/channels-sidebar/channelsSidebarModel.d.ts.map +0 -1
- package/dist/components/channels-sidebar/channelsSidebarModel.js +0 -20
- package/dist/components/channels-sidebar/channelsSidebarModel.js.map +0 -1
- package/dist/components/channels-sidebar/index.cjs +0 -2
- package/dist/components/channels-sidebar/index.cjs.map +0 -1
- package/dist/components/channels-sidebar/index.d.ts +0 -6
- package/dist/components/channels-sidebar/index.d.ts.map +0 -1
- package/dist/components/channels-sidebar/index.js +0 -12
- package/dist/components/channels-sidebar/index.js.map +0 -1
- package/dist/components/global-header/GlobalHeader.cjs +0 -2
- package/dist/components/global-header/GlobalHeader.cjs.map +0 -1
- package/dist/components/global-header/GlobalHeader.css +0 -1
- package/dist/components/global-header/GlobalHeader.d.ts +0 -28
- package/dist/components/global-header/GlobalHeader.d.ts.map +0 -1
- package/dist/components/global-header/GlobalHeader.js +0 -157
- package/dist/components/global-header/GlobalHeader.js.map +0 -1
- package/dist/components/global-header/GlobalHeader.module.scss.cjs +0 -2
- package/dist/components/global-header/GlobalHeader.module.scss.cjs.map +0 -1
- package/dist/components/global-header/GlobalHeader.module.scss.js +0 -20
- package/dist/components/global-header/GlobalHeader.module.scss.js.map +0 -1
- package/dist/components/global-header/index.cjs +0 -2
- package/dist/components/global-header/index.cjs.map +0 -1
- package/dist/components/global-header/index.d.ts +0 -3
- package/dist/components/global-header/index.d.ts.map +0 -1
- package/dist/components/global-header/index.js +0 -5
- package/dist/components/global-header/index.js.map +0 -1
- package/dist/components/help-menu/HelpMenu.cjs +0 -2
- package/dist/components/help-menu/HelpMenu.cjs.map +0 -1
- package/dist/components/help-menu/HelpMenu.d.ts +0 -8
- package/dist/components/help-menu/HelpMenu.d.ts.map +0 -1
- package/dist/components/help-menu/HelpMenu.js +0 -64
- package/dist/components/help-menu/HelpMenu.js.map +0 -1
- package/dist/components/help-menu/index.cjs +0 -2
- package/dist/components/help-menu/index.cjs.map +0 -1
- package/dist/components/help-menu/index.d.ts +0 -3
- package/dist/components/help-menu/index.d.ts.map +0 -1
- package/dist/components/help-menu/index.js +0 -5
- package/dist/components/help-menu/index.js.map +0 -1
- package/dist/components/message-more-options-menu/MessageMoreOptionsMenu.cjs +0 -2
- package/dist/components/message-more-options-menu/MessageMoreOptionsMenu.cjs.map +0 -1
- package/dist/components/message-more-options-menu/MessageMoreOptionsMenu.d.ts +0 -12
- package/dist/components/message-more-options-menu/MessageMoreOptionsMenu.d.ts.map +0 -1
- package/dist/components/message-more-options-menu/MessageMoreOptionsMenu.js +0 -172
- package/dist/components/message-more-options-menu/MessageMoreOptionsMenu.js.map +0 -1
- package/dist/components/message-more-options-menu/index.cjs +0 -2
- package/dist/components/message-more-options-menu/index.cjs.map +0 -1
- package/dist/components/message-more-options-menu/index.d.ts +0 -3
- package/dist/components/message-more-options-menu/index.d.ts.map +0 -1
- package/dist/components/message-more-options-menu/index.js +0 -5
- package/dist/components/message-more-options-menu/index.js.map +0 -1
- package/dist/components/plus-menu/PlusMenu.cjs +0 -2
- package/dist/components/plus-menu/PlusMenu.cjs.map +0 -1
- package/dist/components/plus-menu/PlusMenu.d.ts +0 -8
- package/dist/components/plus-menu/PlusMenu.d.ts.map +0 -1
- package/dist/components/plus-menu/PlusMenu.js +0 -69
- package/dist/components/plus-menu/PlusMenu.js.map +0 -1
- package/dist/components/plus-menu/index.cjs +0 -2
- package/dist/components/plus-menu/index.cjs.map +0 -1
- package/dist/components/plus-menu/index.d.ts +0 -3
- package/dist/components/plus-menu/index.d.ts.map +0 -1
- package/dist/components/plus-menu/index.js +0 -5
- package/dist/components/plus-menu/index.js.map +0 -1
- package/dist/components/product-switcher-menu/ProductSwitcherMenu.cjs +0 -2
- package/dist/components/product-switcher-menu/ProductSwitcherMenu.cjs.map +0 -1
- package/dist/components/product-switcher-menu/ProductSwitcherMenu.css +0 -1
- package/dist/components/product-switcher-menu/ProductSwitcherMenu.d.ts +0 -47
- package/dist/components/product-switcher-menu/ProductSwitcherMenu.d.ts.map +0 -1
- package/dist/components/product-switcher-menu/ProductSwitcherMenu.js +0 -110
- package/dist/components/product-switcher-menu/ProductSwitcherMenu.js.map +0 -1
- package/dist/components/product-switcher-menu/ProductSwitcherMenu.module.scss.cjs +0 -2
- package/dist/components/product-switcher-menu/ProductSwitcherMenu.module.scss.cjs.map +0 -1
- package/dist/components/product-switcher-menu/ProductSwitcherMenu.module.scss.js +0 -8
- package/dist/components/product-switcher-menu/ProductSwitcherMenu.module.scss.js.map +0 -1
- package/dist/components/product-switcher-menu/index.cjs +0 -2
- package/dist/components/product-switcher-menu/index.cjs.map +0 -1
- package/dist/components/product-switcher-menu/index.d.ts +0 -4
- package/dist/components/product-switcher-menu/index.d.ts.map +0 -1
- package/dist/components/product-switcher-menu/index.js +0 -6
- package/dist/components/product-switcher-menu/index.js.map +0 -1
- package/dist/components/team-menu/TeamMenu.cjs +0 -2
- package/dist/components/team-menu/TeamMenu.cjs.map +0 -1
- package/dist/components/team-menu/TeamMenu.css +0 -1
- package/dist/components/team-menu/TeamMenu.d.ts +0 -15
- package/dist/components/team-menu/TeamMenu.d.ts.map +0 -1
- package/dist/components/team-menu/TeamMenu.js +0 -107
- package/dist/components/team-menu/TeamMenu.js.map +0 -1
- package/dist/components/team-menu/TeamMenu.module.scss.cjs +0 -2
- package/dist/components/team-menu/TeamMenu.module.scss.cjs.map +0 -1
- package/dist/components/team-menu/TeamMenu.module.scss.js +0 -7
- package/dist/components/team-menu/TeamMenu.module.scss.js.map +0 -1
- package/dist/components/team-menu/index.cjs +0 -2
- package/dist/components/team-menu/index.cjs.map +0 -1
- package/dist/components/team-menu/index.d.ts +0 -3
- package/dist/components/team-menu/index.d.ts.map +0 -1
- package/dist/components/team-menu/index.js +0 -5
- package/dist/components/team-menu/index.js.map +0 -1
- package/dist/components/thread-actions-menu/ThreadActionsMenu.cjs +0 -2
- package/dist/components/thread-actions-menu/ThreadActionsMenu.cjs.map +0 -1
- package/dist/components/thread-actions-menu/ThreadActionsMenu.d.ts +0 -8
- package/dist/components/thread-actions-menu/ThreadActionsMenu.d.ts.map +0 -1
- package/dist/components/thread-actions-menu/ThreadActionsMenu.js +0 -77
- package/dist/components/thread-actions-menu/ThreadActionsMenu.js.map +0 -1
- package/dist/components/thread-actions-menu/index.cjs +0 -2
- package/dist/components/thread-actions-menu/index.cjs.map +0 -1
- package/dist/components/thread-actions-menu/index.d.ts +0 -3
- package/dist/components/thread-actions-menu/index.d.ts.map +0 -1
- package/dist/components/thread-actions-menu/index.js +0 -5
- package/dist/components/thread-actions-menu/index.js.map +0 -1
- 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
|