From c2ae7409d8bb453e15fbe06dcde1c66be92ead42 Mon Sep 17 00:00:00 2001 From: juliajforesti Date: Mon, 17 Aug 2026 14:59:16 -0300 Subject: [PATCH 1/4] chore: update `SidebarV2` imports --- .../client/components/Sidebar/Sidebar.tsx | 2 +- .../components/Sidebar/SidebarGenericItem.tsx | 6 +-- .../NavBarPagesGroup/NavBarItemCreateNew.tsx | 4 +- .../NavBarPagesGroup/NavBarItemSort.tsx | 4 +- .../NavBarSearchFilterSuggestions.tsx | 10 ++--- .../NavBarSearchIntelligentSection.tsx | 4 +- .../navbar/NavBarSearch/NavBarSearchItem.tsx | 10 ++--- .../NavBarSearch/NavBarSearchItemSkeleton.tsx | 14 +++--- .../NavBarSearch/NavBarSearchItemWithData.tsx | 4 +- .../NavBarSearch/NavBarSearchMessageRow.tsx | 4 +- .../NavBarSearch/NavBarSearchUserRow.tsx | 4 +- apps/meteor/client/sidebar/Item/Condensed.tsx | 14 +++--- apps/meteor/client/sidebar/Item/Extended.tsx | 44 +++++++++---------- apps/meteor/client/sidebar/Item/Medium.tsx | 14 +++--- .../sidebar/RoomList/RoomListCollapser.tsx | 4 +- .../sidebar/RoomList/RoomListRowWrapper.tsx | 4 +- .../RoomList/SidebarItemTemplateWithData.tsx | 12 ++--- apps/meteor/client/sidebar/Sidebar.tsx | 6 +-- .../client/sidebar/badges/UnreadBadge.tsx | 6 +-- .../sidebar/footer/SidebarFooterDefault.tsx | 4 +- .../sidebar/footer/SidebarFooterWatermark.tsx | 2 +- .../AirGappedRestrictionBanner.tsx | 4 +- .../sidebar/sections/StatusDisabledBanner.tsx | 4 +- .../sidebar/RoomList/RoomListCollapser.tsx | 4 +- .../sidebar/RoomList/RoomListFiltersItem.tsx | 10 ++--- .../RoomList/RoomListFiltersItemBadge.tsx | 6 +-- .../sidebar/RoomList/RoomListRowWrapper.tsx | 4 +- .../sidebar/RoomList/SidebarItem.tsx | 22 ++++++---- .../sidebar/RoomList/SidebarItemWithData.tsx | 12 ++--- .../views/navigation/sidebar/Sidebar.tsx | 6 +-- .../navigation/sidebar/badges/UnreadBadge.tsx | 6 +-- .../SidepanelItem/RoomSidePanelItem.tsx | 2 +- .../sidepanel/SidepanelItem/SidepanelItem.tsx | 44 +++++++++---------- .../omnichannel/InquireSidePanelItem.tsx | 2 +- 34 files changed, 154 insertions(+), 148 deletions(-) diff --git a/apps/meteor/client/components/Sidebar/Sidebar.tsx b/apps/meteor/client/components/Sidebar/Sidebar.tsx index fdc0125f462f4..35a57418e05db 100644 --- a/apps/meteor/client/components/Sidebar/Sidebar.tsx +++ b/apps/meteor/client/components/Sidebar/Sidebar.tsx @@ -1,4 +1,4 @@ -import { SidebarV2 as FuselageSidebar } from '@rocket.chat/fuselage'; +import { Sidebar as FuselageSidebar } from '@rocket.chat/fuselage'; import type { ComponentPropsWithoutRef } from 'react'; export type SidebarProps = ComponentPropsWithoutRef; diff --git a/apps/meteor/client/components/Sidebar/SidebarGenericItem.tsx b/apps/meteor/client/components/Sidebar/SidebarGenericItem.tsx index bf11a0c008573..202a44e17021e 100644 --- a/apps/meteor/client/components/Sidebar/SidebarGenericItem.tsx +++ b/apps/meteor/client/components/Sidebar/SidebarGenericItem.tsx @@ -1,4 +1,4 @@ -import { Box, SidebarV2Item } from '@rocket.chat/fuselage'; +import { Box, SidebarItem } from '@rocket.chat/fuselage'; import type { ReactNode } from 'react'; import { memo } from 'react'; @@ -10,11 +10,11 @@ export type SidebarGenericItemProps = { }; const SidebarGenericItem = ({ href, active, externalUrl, children, ...props }: SidebarGenericItemProps) => ( - + {children} - + ); export default memo(SidebarGenericItem); diff --git a/apps/meteor/client/navbar/NavBarPagesGroup/NavBarItemCreateNew.tsx b/apps/meteor/client/navbar/NavBarPagesGroup/NavBarItemCreateNew.tsx index f2b3c2956e97d..feffef4b90e06 100644 --- a/apps/meteor/client/navbar/NavBarPagesGroup/NavBarItemCreateNew.tsx +++ b/apps/meteor/client/navbar/NavBarPagesGroup/NavBarItemCreateNew.tsx @@ -1,4 +1,4 @@ -import { SidebarV2Action } from '@rocket.chat/fuselage'; +import { SidebarAction } from '@rocket.chat/fuselage'; import { GenericMenu } from '@rocket.chat/ui-client'; import type { HTMLAttributes } from 'react'; import { useTranslation } from 'react-i18next'; @@ -12,7 +12,7 @@ const NavBarItemCreateNew = (props: CreateRoomProps) => { const sections = useCreateNewMenu(); - return ; + return ; }; export default NavBarItemCreateNew; diff --git a/apps/meteor/client/navbar/NavBarPagesGroup/NavBarItemSort.tsx b/apps/meteor/client/navbar/NavBarPagesGroup/NavBarItemSort.tsx index b085eade8ff22..4f4c369572df8 100644 --- a/apps/meteor/client/navbar/NavBarPagesGroup/NavBarItemSort.tsx +++ b/apps/meteor/client/navbar/NavBarPagesGroup/NavBarItemSort.tsx @@ -1,4 +1,4 @@ -import { SidebarV2Action } from '@rocket.chat/fuselage'; +import { SidebarAction } from '@rocket.chat/fuselage'; import { GenericMenu } from '@rocket.chat/ui-client'; import type { HTMLAttributes } from 'react'; import { useTranslation } from 'react-i18next'; @@ -12,7 +12,7 @@ const NavBarItemSort = (props: NavBarItemSortProps) => { const sections = useSortMenu(); - return ; + return ; }; export default NavBarItemSort; diff --git a/apps/meteor/client/navbar/NavBarSearch/NavBarSearchFilterSuggestions.tsx b/apps/meteor/client/navbar/NavBarSearch/NavBarSearchFilterSuggestions.tsx index 3da76cd69647b..73d3d31e5176c 100644 --- a/apps/meteor/client/navbar/NavBarSearch/NavBarSearchFilterSuggestions.tsx +++ b/apps/meteor/client/navbar/NavBarSearch/NavBarSearchFilterSuggestions.tsx @@ -5,7 +5,7 @@ import { type NavBarSearchFormValues, type SearchFilterSuggestion, } from '@rocket.chat/ai-search'; -import { Box, Icon, SidebarV2Item, SidebarV2ItemIcon, SidebarV2ItemTitle } from '@rocket.chat/fuselage'; +import { Box, Icon, SidebarItem, SidebarItemIcon, SidebarItemTitle } from '@rocket.chat/fuselage'; import type { MouseEvent, ReactElement } from 'react'; import { useCallback, useMemo } from 'react'; import { useFormContext } from 'react-hook-form'; @@ -67,13 +67,13 @@ const NavBarSearchFilterSuggestions = ({ suggestions }: NavBarSearchFilterSugges {t(filterSuggestionGroupLabels[group])} {groupSuggestions.map((item) => ( - handleFilterSuggestion(event, item.value)}> - } /> - {item.title} + handleFilterSuggestion(event, item.value)}> + } /> + {item.title} {item.description} - + ))} ))} diff --git a/apps/meteor/client/navbar/NavBarSearch/NavBarSearchIntelligentSection.tsx b/apps/meteor/client/navbar/NavBarSearch/NavBarSearchIntelligentSection.tsx index 02bff6b432503..1a7a336d1b87b 100644 --- a/apps/meteor/client/navbar/NavBarSearch/NavBarSearchIntelligentSection.tsx +++ b/apps/meteor/client/navbar/NavBarSearch/NavBarSearchIntelligentSection.tsx @@ -1,5 +1,5 @@ import { emptySearchFilters, serializeSearchQuery, type NavBarSearchFormValues } from '@rocket.chat/ai-search'; -import { Box, Icon, SidebarV2ItemIcon } from '@rocket.chat/fuselage'; +import { Box, Icon, SidebarItemIcon } from '@rocket.chat/fuselage'; import type { AISearchResult } from '@rocket.chat/rest-typings'; import { useRouter } from '@rocket.chat/ui-contexts'; import type { ReactElement } from 'react'; @@ -45,7 +45,7 @@ const NavBarSearchIntelligentSection = ({ items, onSelect, onClose }: NavBarSear } />} + icon={} />} href={searchHref} onClick={onClose} /> diff --git a/apps/meteor/client/navbar/NavBarSearch/NavBarSearchItem.tsx b/apps/meteor/client/navbar/NavBarSearch/NavBarSearchItem.tsx index 7417b62fba279..d9f075e14c63f 100644 --- a/apps/meteor/client/navbar/NavBarSearch/NavBarSearchItem.tsx +++ b/apps/meteor/client/navbar/NavBarSearch/NavBarSearchItem.tsx @@ -1,4 +1,4 @@ -import { SidebarV2Item, SidebarV2ItemAvatarWrapper, SidebarV2ItemTitle } from '@rocket.chat/fuselage'; +import { SidebarItem, SidebarItemAvatarWrapper, SidebarItemTitle } from '@rocket.chat/fuselage'; import type { HTMLAttributes, ReactNode } from 'react'; export type NavBarSearchItemProps = { @@ -15,13 +15,13 @@ export type NavBarSearchItemProps = { const NavBarSearchItem = ({ icon, title, avatar, actions, unread, badges, ...props }: NavBarSearchItemProps) => { return ( - - {avatar && {avatar}} + + {avatar && {avatar}} {icon && icon} - {title} + {title} {badges && badges} {actions && actions} - + ); }; diff --git a/apps/meteor/client/navbar/NavBarSearch/NavBarSearchItemSkeleton.tsx b/apps/meteor/client/navbar/NavBarSearch/NavBarSearchItemSkeleton.tsx index a99a3c9dcdb62..4f4989001a702 100644 --- a/apps/meteor/client/navbar/NavBarSearch/NavBarSearchItemSkeleton.tsx +++ b/apps/meteor/client/navbar/NavBarSearch/NavBarSearchItemSkeleton.tsx @@ -1,4 +1,4 @@ -import { SidebarV2Item, SidebarV2ItemAvatarWrapper, SidebarV2ItemTitle, Skeleton } from '@rocket.chat/fuselage'; +import { SidebarItem, SidebarItemAvatarWrapper, SidebarItemTitle, Skeleton } from '@rocket.chat/fuselage'; // Placeholder row shown while the server spotlight results are still loading. // Decorative only: it has no `role='option'` so keyboard navigation skips it @@ -6,14 +6,14 @@ import { SidebarV2Item, SidebarV2ItemAvatarWrapper, SidebarV2ItemTitle, Skeleton // it out of reach of focus and mouse clicks. Loading is conveyed via aria-busy. const NavBarSearchItemSkeleton = () => { return ( - - + + - - + + - - + + ); }; diff --git a/apps/meteor/client/navbar/NavBarSearch/NavBarSearchItemWithData.tsx b/apps/meteor/client/navbar/NavBarSearch/NavBarSearchItemWithData.tsx index deb44f0935902..dbf0934541918 100644 --- a/apps/meteor/client/navbar/NavBarSearch/NavBarSearchItemWithData.tsx +++ b/apps/meteor/client/navbar/NavBarSearch/NavBarSearchItemWithData.tsx @@ -1,4 +1,4 @@ -import { SidebarV2ItemIcon } from '@rocket.chat/fuselage'; +import { SidebarItemIcon } from '@rocket.chat/fuselage'; import type { SubscriptionWithRoom } from '@rocket.chat/ui-contexts'; import type { ComponentProps, ReactNode } from 'react'; import { useTranslation } from 'react-i18next'; @@ -23,7 +23,7 @@ const NavBarSearchItemWithData = ({ room, AvatarTemplate, ...props }: NavBarSear const { unreadTitle, showUnread, highlightUnread: highlighted } = useUnreadDisplay(room); - const icon = } />; + const icon = } />; return ( } />} + icon={} />} actions={ roomLabel ? ( diff --git a/apps/meteor/client/navbar/NavBarSearch/NavBarSearchUserRow.tsx b/apps/meteor/client/navbar/NavBarSearch/NavBarSearchUserRow.tsx index 47016263aad6d..264f048b2984b 100644 --- a/apps/meteor/client/navbar/NavBarSearch/NavBarSearchUserRow.tsx +++ b/apps/meteor/client/navbar/NavBarSearch/NavBarSearchUserRow.tsx @@ -1,4 +1,4 @@ -import { SidebarV2ItemIcon } from '@rocket.chat/fuselage'; +import { SidebarItemIcon } from '@rocket.chat/fuselage'; import type { SubscriptionWithRoom } from '@rocket.chat/ui-contexts'; import { useSetting } from '@rocket.chat/ui-contexts'; import type { ComponentProps, ReactNode } from 'react'; @@ -17,7 +17,7 @@ export type NavBarSearchUserRowProps = { const NavBarSearchUserRow = ({ room, id, AvatarTemplate, ...props }: NavBarSearchUserRowProps) => { const useRealName = useSetting('UI_Use_Real_Name'); const title = useRealName ? room.fname || room.name : room.name || room.fname || ''; - const icon = } />; + const icon = } />; const href = roomCoordinator.getRouteLink(room.t, { name: room.name }) || ''; return ; diff --git a/apps/meteor/client/sidebar/Item/Condensed.tsx b/apps/meteor/client/sidebar/Item/Condensed.tsx index 528006c7373a0..156d72afaf6af 100644 --- a/apps/meteor/client/sidebar/Item/Condensed.tsx +++ b/apps/meteor/client/sidebar/Item/Condensed.tsx @@ -1,4 +1,4 @@ -import { IconButton, SidebarV2Item, SidebarV2ItemAvatarWrapper, SidebarV2ItemMenu, SidebarV2ItemTitle } from '@rocket.chat/fuselage'; +import { IconButton, SidebarItem, SidebarItemAvatarWrapper, SidebarItemMenu, SidebarItemTitle } from '@rocket.chat/fuselage'; import type { HTMLAttributes, ReactNode } from 'react'; import { memo } from 'react'; @@ -23,23 +23,23 @@ const Condensed = ({ icon, title, titleIcon, avatar, actions, unread, menu, badg const { mounted: menuVisibility, requestMount, mountNow } = useDeferredMenuMount(); return ( - - {avatar && {avatar}} + + {avatar && {avatar}} {icon} - {title} + {title} {titleIcon} {badges} {actions} {menu && ( - + {menuVisibility ? ( menu() ) : ( )} - + )} - + ); }; diff --git a/apps/meteor/client/sidebar/Item/Extended.tsx b/apps/meteor/client/sidebar/Item/Extended.tsx index 170f0f84e2b9a..bb8af9d10719b 100644 --- a/apps/meteor/client/sidebar/Item/Extended.tsx +++ b/apps/meteor/client/sidebar/Item/Extended.tsx @@ -1,12 +1,12 @@ import { - SidebarV2Item, - SidebarV2ItemAvatarWrapper, - SidebarV2ItemCol, - SidebarV2ItemRow, - SidebarV2ItemTitle, - SidebarV2ItemTimestamp, - SidebarV2ItemContent, - SidebarV2ItemMenu, + SidebarItem, + SidebarItemAvatarWrapper, + SidebarItemCol, + SidebarItemRow, + SidebarItemTitle, + SidebarItemTimestamp, + SidebarItemContent, + SidebarItemMenu, IconButton, } from '@rocket.chat/fuselage'; import type { HTMLAttributes, ReactNode } from 'react'; @@ -53,31 +53,31 @@ const Extended = ({ const { mounted: menuVisibility, requestMount, mountNow } = useDeferredMenuMount(); return ( - - {avatar && {avatar}} - - + + {avatar && {avatar}} + + {icon} - {title} - {time && {formatDate(time)}} - - - {subtitle} + {title} + {time && {formatDate(time)}} + + + {subtitle} {titleIcon} {badges} {actions} {menu && ( - + {menuVisibility ? ( menu() ) : ( )} - + )} - - - + + + ); }; diff --git a/apps/meteor/client/sidebar/Item/Medium.tsx b/apps/meteor/client/sidebar/Item/Medium.tsx index 8134e94790dc2..9ad98b0db366c 100644 --- a/apps/meteor/client/sidebar/Item/Medium.tsx +++ b/apps/meteor/client/sidebar/Item/Medium.tsx @@ -1,4 +1,4 @@ -import { IconButton, SidebarV2Item, SidebarV2ItemAvatarWrapper, SidebarV2ItemMenu, SidebarV2ItemTitle } from '@rocket.chat/fuselage'; +import { IconButton, SidebarItem, SidebarItemAvatarWrapper, SidebarItemMenu, SidebarItemTitle } from '@rocket.chat/fuselage'; import type { HTMLAttributes, ReactNode } from 'react'; import { memo } from 'react'; @@ -22,23 +22,23 @@ const Medium = ({ icon, title, titleIcon, avatar, actions, badges, unread, menu, const { mounted: menuVisibility, requestMount, mountNow } = useDeferredMenuMount(); return ( - - {avatar} + + {avatar} {icon} - {title} + {title} {titleIcon} {badges} {actions} {menu && ( - + {menuVisibility ? ( menu() ) : ( )} - + )} - + ); }; diff --git a/apps/meteor/client/sidebar/RoomList/RoomListCollapser.tsx b/apps/meteor/client/sidebar/RoomList/RoomListCollapser.tsx index e75fccfd5e91f..d7fe975cf0ad7 100644 --- a/apps/meteor/client/sidebar/RoomList/RoomListCollapser.tsx +++ b/apps/meteor/client/sidebar/RoomList/RoomListCollapser.tsx @@ -1,5 +1,5 @@ import type { ISubscription } from '@rocket.chat/core-typings'; -import { Badge, SidebarV2CollapseGroup } from '@rocket.chat/fuselage'; +import { Badge, SidebarCollapseGroup } from '@rocket.chat/fuselage'; import type { HTMLAttributes, KeyboardEvent, MouseEventHandler } from 'react'; import { useTranslation } from 'react-i18next'; @@ -18,7 +18,7 @@ const RoomListCollapser = ({ groupTitle, unreadCount: unreadGroupCount, collapse const { unreadTitle, unreadVariant, showUnread, unreadCount } = useUnreadDisplay(unreadGroupCount); return ( - ; const RoomListRoomWrapper = forwardRef(function RoomListRoomWrapper(props: RoomListRoomWrapperProps, ref: ForwardedRef) { - return ; + return ; }); export default RoomListRoomWrapper; diff --git a/apps/meteor/client/sidebar/RoomList/SidebarItemTemplateWithData.tsx b/apps/meteor/client/sidebar/RoomList/SidebarItemTemplateWithData.tsx index 1a8176d986550..2c2934b95221c 100644 --- a/apps/meteor/client/sidebar/RoomList/SidebarItemTemplateWithData.tsx +++ b/apps/meteor/client/sidebar/RoomList/SidebarItemTemplateWithData.tsx @@ -1,5 +1,5 @@ import { isOmnichannelRoom } from '@rocket.chat/core-typings'; -import { Icon, SidebarV2Action, SidebarV2Actions, SidebarV2ItemIcon } from '@rocket.chat/fuselage'; +import { Icon, SidebarAction, SidebarActions, SidebarItemIcon } from '@rocket.chat/fuselage'; import type { SubscriptionWithRoom } from '@rocket.chat/ui-contexts'; import { useLayout } from '@rocket.chat/ui-contexts'; import type { TFunction } from 'i18next'; @@ -86,7 +86,7 @@ const SidebarItemTemplateWithData = ({ const { lastMessage, unread = 0, alert, rid, t: type, cl } = room; const icon = ( - } /> @@ -99,10 +99,10 @@ const SidebarItemTemplateWithData = ({ const actions = useMemo( () => videoConfActions && ( - - - - + + + + ), [videoConfActions], ); diff --git a/apps/meteor/client/sidebar/Sidebar.tsx b/apps/meteor/client/sidebar/Sidebar.tsx index 309006454c7b8..a75de7b118a0a 100644 --- a/apps/meteor/client/sidebar/Sidebar.tsx +++ b/apps/meteor/client/sidebar/Sidebar.tsx @@ -1,4 +1,4 @@ -import { SidebarV2 } from '@rocket.chat/fuselage'; +import { Sidebar as FuselageSidebar } from '@rocket.chat/fuselage'; import { useUserPreference } from '@rocket.chat/ui-contexts'; import { memo } from 'react'; import { useTranslation } from 'react-i18next'; @@ -14,7 +14,7 @@ const Sidebar = () => { const sidebarHideAvatar = !useUserPreference('sidebarDisplayAvatar'); return ( - { - + ); }; diff --git a/apps/meteor/client/sidebar/badges/UnreadBadge.tsx b/apps/meteor/client/sidebar/badges/UnreadBadge.tsx index d25f3555b4c0e..91c1ead08417d 100644 --- a/apps/meteor/client/sidebar/badges/UnreadBadge.tsx +++ b/apps/meteor/client/sidebar/badges/UnreadBadge.tsx @@ -1,4 +1,4 @@ -import { SidebarV2ItemBadge } from '@rocket.chat/fuselage'; +import { SidebarItemBadge } from '@rocket.chat/fuselage'; import { useTranslation } from 'react-i18next'; export type UnreadBadgeProps = { @@ -12,14 +12,14 @@ const UnreadBadge = ({ title, variant, total, roomTitle }: UnreadBadgeProps) => const { t } = useTranslation(); return ( - {total} - + ); }; diff --git a/apps/meteor/client/sidebar/footer/SidebarFooterDefault.tsx b/apps/meteor/client/sidebar/footer/SidebarFooterDefault.tsx index fb923e15cf440..c999a900c204a 100644 --- a/apps/meteor/client/sidebar/footer/SidebarFooterDefault.tsx +++ b/apps/meteor/client/sidebar/footer/SidebarFooterDefault.tsx @@ -1,5 +1,5 @@ import { css } from '@rocket.chat/css-in-js'; -import { Box, SidebarV2Divider, Palette, SidebarV2Footer as Footer } from '@rocket.chat/fuselage'; +import { Box, SidebarDivider, Palette, SidebarFooter as Footer } from '@rocket.chat/fuselage'; import { useThemeMode } from '@rocket.chat/ui-client'; import { useSetting } from '@rocket.chat/ui-contexts'; import DOMPurify from 'dompurify'; @@ -26,7 +26,7 @@ const SidebarFooterDefault = () => { return (
- +
diff --git a/apps/meteor/client/sidebar/footer/SidebarFooterWatermark.tsx b/apps/meteor/client/sidebar/footer/SidebarFooterWatermark.tsx index 4efcce3b13e92..ca73bcd957975 100644 --- a/apps/meteor/client/sidebar/footer/SidebarFooterWatermark.tsx +++ b/apps/meteor/client/sidebar/footer/SidebarFooterWatermark.tsx @@ -1,4 +1,4 @@ -import { Box, SidebarV2FooterContent as FooterContent } from '@rocket.chat/fuselage'; +import { Box, SidebarFooterContent as FooterContent } from '@rocket.chat/fuselage'; import { useLicense, useLicenseName } from '@rocket.chat/ui-client'; import { useTranslation } from 'react-i18next'; diff --git a/apps/meteor/client/sidebar/sections/AirGappedRestrictionBanner/AirGappedRestrictionBanner.tsx b/apps/meteor/client/sidebar/sections/AirGappedRestrictionBanner/AirGappedRestrictionBanner.tsx index ee74c5b54dc46..9c5ba4b17283d 100644 --- a/apps/meteor/client/sidebar/sections/AirGappedRestrictionBanner/AirGappedRestrictionBanner.tsx +++ b/apps/meteor/client/sidebar/sections/AirGappedRestrictionBanner/AirGappedRestrictionBanner.tsx @@ -1,4 +1,4 @@ -import { SidebarV2Banner } from '@rocket.chat/fuselage'; +import { SidebarBanner } from '@rocket.chat/fuselage'; import { useTranslation } from 'react-i18next'; import AirGappedRestrictionWarning from './AirGappedRestrictionWarning'; @@ -10,7 +10,7 @@ const AirGappedRestrictionSection = ({ isRestricted, remainingDays }: AirGappedR const { t } = useTranslation(); return ( - } linkText={t('Learn_more')} linkProps={{ diff --git a/apps/meteor/client/sidebar/sections/StatusDisabledBanner.tsx b/apps/meteor/client/sidebar/sections/StatusDisabledBanner.tsx index 69282740607f6..bfad7367b704a 100644 --- a/apps/meteor/client/sidebar/sections/StatusDisabledBanner.tsx +++ b/apps/meteor/client/sidebar/sections/StatusDisabledBanner.tsx @@ -1,4 +1,4 @@ -import { SidebarV2Banner } from '@rocket.chat/fuselage'; +import { SidebarBanner } from '@rocket.chat/fuselage'; import { useTranslation } from 'react-i18next'; import { useStatusDisabledModal } from '../../views/admin/customUserStatus/hooks/useStatusDisabledModal'; @@ -10,7 +10,7 @@ const StatusDisabledSection = ({ onDismiss }: StatusDisabledSectionProps) => { const handleStatusDisabledModal = useStatusDisabledModal(); return ( - { const { unreadTitle, showUnread, highlightUnread: highlighted } = useUnreadDisplay(unreadGroupCount); return ( - - } /> - {t(roomTitle)} + } /> + {t(roomTitle)} {showUnread && } - + ); }; diff --git a/apps/meteor/client/views/navigation/sidebar/RoomList/RoomListFiltersItemBadge.tsx b/apps/meteor/client/views/navigation/sidebar/RoomList/RoomListFiltersItemBadge.tsx index 3f1d919ab87b1..49fad4850667c 100644 --- a/apps/meteor/client/views/navigation/sidebar/RoomList/RoomListFiltersItemBadge.tsx +++ b/apps/meteor/client/views/navigation/sidebar/RoomList/RoomListFiltersItemBadge.tsx @@ -1,4 +1,4 @@ -import { SidebarV2ItemBadge } from '@rocket.chat/fuselage'; +import { SidebarItemBadge } from '@rocket.chat/fuselage'; import type { SubscriptionWithRoom, TranslationKey } from '@rocket.chat/ui-contexts'; import { useTranslation } from 'react-i18next'; @@ -23,14 +23,14 @@ const RoomListFiltersItemBadge = ({ roomTitle, unreadGroupCount }: RoomListFilte const { unreadTitle, unreadVariant, unreadCount } = useUnreadDisplay(unreadGroupCount); return ( - {unreadCount.total} - + ); }; diff --git a/apps/meteor/client/views/navigation/sidebar/RoomList/RoomListRowWrapper.tsx b/apps/meteor/client/views/navigation/sidebar/RoomList/RoomListRowWrapper.tsx index 34d06268d637c..1b3b61353040f 100644 --- a/apps/meteor/client/views/navigation/sidebar/RoomList/RoomListRowWrapper.tsx +++ b/apps/meteor/client/views/navigation/sidebar/RoomList/RoomListRowWrapper.tsx @@ -1,11 +1,11 @@ -import { SidebarV2ListItem } from '@rocket.chat/fuselage'; +import { SidebarListItem } from '@rocket.chat/fuselage'; import type { ForwardedRef, HTMLAttributes } from 'react'; import { forwardRef } from 'react'; export type RoomListRoomWrapperProps = HTMLAttributes; const RoomListRoomWrapper = forwardRef(function RoomListRoomWrapper(props: RoomListRoomWrapperProps, ref: ForwardedRef) { - return ; + return ; }); export default RoomListRoomWrapper; diff --git a/apps/meteor/client/views/navigation/sidebar/RoomList/SidebarItem.tsx b/apps/meteor/client/views/navigation/sidebar/RoomList/SidebarItem.tsx index c88ca19135569..54111678d5b5c 100644 --- a/apps/meteor/client/views/navigation/sidebar/RoomList/SidebarItem.tsx +++ b/apps/meteor/client/views/navigation/sidebar/RoomList/SidebarItem.tsx @@ -1,4 +1,10 @@ -import { IconButton, SidebarV2Item, SidebarV2ItemAvatarWrapper, SidebarV2ItemMenu, SidebarV2ItemTitle } from '@rocket.chat/fuselage'; +import { + IconButton, + SidebarItem as FuselageSidebarItem, + SidebarItemAvatarWrapper, + SidebarItemMenu, + SidebarItemTitle, +} from '@rocket.chat/fuselage'; import { RoomAvatar } from '@rocket.chat/ui-avatar'; import type { SubscriptionWithRoom } from '@rocket.chat/ui-contexts'; import type { HTMLAttributes, ReactNode } from 'react'; @@ -25,24 +31,24 @@ const SidebarItem = ({ icon, title, actions, unread, menu, badges, room, ...prop const { mounted: menuVisibility, requestMount, mountNow } = useDeferredMenuMount(); return ( - - + + - + {icon} - {title} + {title} {badges} {actions} {menu && ( - + {menuVisibility ? ( menu ) : ( )} - + )} - + ); }; diff --git a/apps/meteor/client/views/navigation/sidebar/RoomList/SidebarItemWithData.tsx b/apps/meteor/client/views/navigation/sidebar/RoomList/SidebarItemWithData.tsx index 1762fdebf0013..65cdf203149ad 100644 --- a/apps/meteor/client/views/navigation/sidebar/RoomList/SidebarItemWithData.tsx +++ b/apps/meteor/client/views/navigation/sidebar/RoomList/SidebarItemWithData.tsx @@ -1,5 +1,5 @@ import { isOmnichannelRoom } from '@rocket.chat/core-typings'; -import { SidebarV2Action, SidebarV2Actions, SidebarV2ItemIcon } from '@rocket.chat/fuselage'; +import { SidebarAction, SidebarActions, SidebarItemIcon } from '@rocket.chat/fuselage'; import { useButtonPattern } from '@rocket.chat/fuselage-hooks'; import type { SubscriptionWithRoom } from '@rocket.chat/ui-contexts'; import { useUserId } from '@rocket.chat/ui-contexts'; @@ -41,7 +41,7 @@ const SidebarItemWithData = ({ room, id, style, t, videoConfActions }: RoomListR const { unreadTitle, showUnread, highlightUnread: highlighted } = useUnreadDisplay(room); const icon = ( - } /> @@ -50,10 +50,10 @@ const SidebarItemWithData = ({ room, id, style, t, videoConfActions }: RoomListR const actions = useMemo( () => videoConfActions && ( - - - - + + + + ), [videoConfActions], ); diff --git a/apps/meteor/client/views/navigation/sidebar/Sidebar.tsx b/apps/meteor/client/views/navigation/sidebar/Sidebar.tsx index 0a054ef11ee56..1ecdf111cbb74 100644 --- a/apps/meteor/client/views/navigation/sidebar/Sidebar.tsx +++ b/apps/meteor/client/views/navigation/sidebar/Sidebar.tsx @@ -1,4 +1,4 @@ -import { SidebarV2 } from '@rocket.chat/fuselage'; +import { Sidebar as FuselageSidebar } from '@rocket.chat/fuselage'; import { memo } from 'react'; import { useTranslation } from 'react-i18next'; @@ -11,12 +11,12 @@ const Sidebar = () => { const { t } = useTranslation(); return ( - + - + ); }; diff --git a/apps/meteor/client/views/navigation/sidebar/badges/UnreadBadge.tsx b/apps/meteor/client/views/navigation/sidebar/badges/UnreadBadge.tsx index d25f3555b4c0e..91c1ead08417d 100644 --- a/apps/meteor/client/views/navigation/sidebar/badges/UnreadBadge.tsx +++ b/apps/meteor/client/views/navigation/sidebar/badges/UnreadBadge.tsx @@ -1,4 +1,4 @@ -import { SidebarV2ItemBadge } from '@rocket.chat/fuselage'; +import { SidebarItemBadge } from '@rocket.chat/fuselage'; import { useTranslation } from 'react-i18next'; export type UnreadBadgeProps = { @@ -12,14 +12,14 @@ const UnreadBadge = ({ title, variant, total, roomTitle }: UnreadBadgeProps) => const { t } = useTranslation(); return ( - {total} - + ); }; diff --git a/apps/meteor/client/views/navigation/sidepanel/SidepanelItem/RoomSidePanelItem.tsx b/apps/meteor/client/views/navigation/sidepanel/SidepanelItem/RoomSidePanelItem.tsx index 020d3ec3f8b8f..1caedf27c54fe 100644 --- a/apps/meteor/client/views/navigation/sidepanel/SidepanelItem/RoomSidePanelItem.tsx +++ b/apps/meteor/client/views/navigation/sidepanel/SidepanelItem/RoomSidePanelItem.tsx @@ -1,5 +1,5 @@ import { isOmnichannelRoom } from '@rocket.chat/core-typings'; -import { Icon, SidebarV2ItemIcon as SidebarItemIcon } from '@rocket.chat/fuselage'; +import { Icon, SidebarItemIcon } from '@rocket.chat/fuselage'; import { RoomAvatar } from '@rocket.chat/ui-avatar'; import { useUserId, type SubscriptionWithRoom } from '@rocket.chat/ui-contexts'; import { memo } from 'react'; diff --git a/apps/meteor/client/views/navigation/sidepanel/SidepanelItem/SidepanelItem.tsx b/apps/meteor/client/views/navigation/sidepanel/SidepanelItem/SidepanelItem.tsx index fdff918e61449..f2939b4c2f406 100644 --- a/apps/meteor/client/views/navigation/sidepanel/SidepanelItem/SidepanelItem.tsx +++ b/apps/meteor/client/views/navigation/sidepanel/SidepanelItem/SidepanelItem.tsx @@ -1,13 +1,13 @@ import { IconButton, - SidebarV2Item, - SidebarV2ItemAvatarWrapper, - SidebarV2ItemCol, - SidebarV2ItemContent, - SidebarV2ItemMenu, - SidebarV2ItemRow, - SidebarV2ItemTimestamp, - SidebarV2ItemTitle, + SidebarItem, + SidebarItemAvatarWrapper, + SidebarItemCol, + SidebarItemContent, + SidebarItemMenu, + SidebarItemRow, + SidebarItemTimestamp, + SidebarItemTitle, } from '@rocket.chat/fuselage'; import { useLayout } from '@rocket.chat/ui-contexts'; import type { ReactNode } from 'react'; @@ -53,7 +53,7 @@ const SidePanelItem = ({ const handlePointerEnter = () => setMenuVisibility(true); return ( - !selected && sidebar.toggle()} @@ -64,26 +64,26 @@ const SidePanelItem = ({ aria-current={selected ? 'page' : undefined} level={2} > - - - {avatar && {avatar}} + + + {avatar && {avatar}} {icon} - {title} - {time && {formatDate(time)}} - - - {subtitle} + {title} + {time && {formatDate(time)}} + + + {subtitle} {parentRoom} {titleIcon} {badges} {menu && ( - + {menuVisibility ? menu : } - + )} - - - + + + ); }; diff --git a/apps/meteor/client/views/navigation/sidepanel/omnichannel/InquireSidePanelItem.tsx b/apps/meteor/client/views/navigation/sidepanel/omnichannel/InquireSidePanelItem.tsx index 1ff6fe2b777b7..bc8710a6f03de 100644 --- a/apps/meteor/client/views/navigation/sidepanel/omnichannel/InquireSidePanelItem.tsx +++ b/apps/meteor/client/views/navigation/sidepanel/omnichannel/InquireSidePanelItem.tsx @@ -1,5 +1,5 @@ import { isOmnichannelRoom } from '@rocket.chat/core-typings'; -import { SidebarV2ItemIcon as SidebarItemIcon } from '@rocket.chat/fuselage'; +import { SidebarItemIcon } from '@rocket.chat/fuselage'; import { escapeHTML } from '@rocket.chat/tools'; import { RoomAvatar } from '@rocket.chat/ui-avatar'; import { useUserId } from '@rocket.chat/ui-contexts'; From 2b83005418dcc18a85c2fc8711025f0facdea05e Mon Sep 17 00:00:00 2001 From: juliajforesti Date: Mon, 17 Aug 2026 16:31:27 -0300 Subject: [PATCH 2/4] chore: remove `v2` from sidebar classnames --- apps/meteor/client/sidebar/Item/Condensed.tsx | 2 +- apps/meteor/client/sidebar/Item/Extended.tsx | 2 +- apps/meteor/client/sidebar/Item/Medium.tsx | 2 +- .../client/sidebar/RoomList/useSidebarListNavigation.ts | 6 +++--- .../views/navigation/sidebar/RoomList/SidebarItem.tsx | 2 +- .../navigation/sidebar/RoomList/useSidebarListNavigation.ts | 6 +++--- .../views/navigation/sidebar/hooks/useShortcutOpenMenu.ts | 2 +- .../navigation/sidepanel/SidepanelItem/SidepanelItem.tsx | 2 +- 8 files changed, 12 insertions(+), 12 deletions(-) diff --git a/apps/meteor/client/sidebar/Item/Condensed.tsx b/apps/meteor/client/sidebar/Item/Condensed.tsx index 156d72afaf6af..b741aa239b48c 100644 --- a/apps/meteor/client/sidebar/Item/Condensed.tsx +++ b/apps/meteor/client/sidebar/Item/Condensed.tsx @@ -35,7 +35,7 @@ const Condensed = ({ icon, title, titleIcon, avatar, actions, unread, menu, badg {menuVisibility ? ( menu() ) : ( - + )} )} diff --git a/apps/meteor/client/sidebar/Item/Extended.tsx b/apps/meteor/client/sidebar/Item/Extended.tsx index bb8af9d10719b..f585e7de2667b 100644 --- a/apps/meteor/client/sidebar/Item/Extended.tsx +++ b/apps/meteor/client/sidebar/Item/Extended.tsx @@ -71,7 +71,7 @@ const Extended = ({ {menuVisibility ? ( menu() ) : ( - + )} )} diff --git a/apps/meteor/client/sidebar/Item/Medium.tsx b/apps/meteor/client/sidebar/Item/Medium.tsx index 9ad98b0db366c..9b8f95daacb2c 100644 --- a/apps/meteor/client/sidebar/Item/Medium.tsx +++ b/apps/meteor/client/sidebar/Item/Medium.tsx @@ -34,7 +34,7 @@ const Medium = ({ icon, title, titleIcon, avatar, actions, badges, unread, menu, {menuVisibility ? ( menu() ) : ( - + )} )} diff --git a/apps/meteor/client/sidebar/RoomList/useSidebarListNavigation.ts b/apps/meteor/client/sidebar/RoomList/useSidebarListNavigation.ts index 9a2d7c984f4a8..f0aa3f705ce9a 100644 --- a/apps/meteor/client/sidebar/RoomList/useSidebarListNavigation.ts +++ b/apps/meteor/client/sidebar/RoomList/useSidebarListNavigation.ts @@ -1,9 +1,9 @@ import { useFocusManager } from '@react-aria/focus'; import { useCallback } from 'react'; -const isListItem = (node: EventTarget) => (node as HTMLElement).classList.contains('rcx-sidebar-v2-item'); -const isCollapseGroup = (node: EventTarget) => (node as HTMLElement).classList.contains('rcx-sidebar-v2-collapse-group__bar-button'); -const isListItemMenu = (node: EventTarget) => (node as HTMLElement).classList.contains('rcx-sidebar-v2-item__menu'); +const isListItem = (node: EventTarget) => (node as HTMLElement).classList.contains('rcx-sidebar-item'); +const isCollapseGroup = (node: EventTarget) => (node as HTMLElement).classList.contains('rcx-sidebar-collapse-group__bar-button'); +const isListItemMenu = (node: EventTarget) => (node as HTMLElement).classList.contains('rcx-sidebar-item__menu'); /** * Custom hook to provide the sidebar navigation by keyboard. diff --git a/apps/meteor/client/views/navigation/sidebar/RoomList/SidebarItem.tsx b/apps/meteor/client/views/navigation/sidebar/RoomList/SidebarItem.tsx index 54111678d5b5c..18c3f220fc15d 100644 --- a/apps/meteor/client/views/navigation/sidebar/RoomList/SidebarItem.tsx +++ b/apps/meteor/client/views/navigation/sidebar/RoomList/SidebarItem.tsx @@ -44,7 +44,7 @@ const SidebarItem = ({ icon, title, actions, unread, menu, badges, room, ...prop {menuVisibility ? ( menu ) : ( - + )} )} diff --git a/apps/meteor/client/views/navigation/sidebar/RoomList/useSidebarListNavigation.ts b/apps/meteor/client/views/navigation/sidebar/RoomList/useSidebarListNavigation.ts index 9ae261cb6c283..170c6e8cb9b9c 100644 --- a/apps/meteor/client/views/navigation/sidebar/RoomList/useSidebarListNavigation.ts +++ b/apps/meteor/client/views/navigation/sidebar/RoomList/useSidebarListNavigation.ts @@ -2,9 +2,9 @@ import { useFocusManager } from '@react-aria/focus'; import { useCallback } from 'react'; const isListItem = (node: EventTarget) => - (node as HTMLElement).classList.contains('rcx-sidebar-v2-item') && (node as HTMLElement).parentElement?.role === 'listitem'; -const isCollapseGroup = (node: EventTarget) => (node as HTMLElement).classList.contains('rcx-sidebar-v2-collapse-group__bar'); -const isListItemMenu = (node: EventTarget) => (node as HTMLElement).classList.contains('rcx-sidebar-v2-item__menu'); + (node as HTMLElement).classList.contains('rcx-sidebar-item') && (node as HTMLElement).parentElement?.role === 'listitem'; +const isCollapseGroup = (node: EventTarget) => (node as HTMLElement).classList.contains('rcx-sidebar-collapse-group__bar'); +const isListItemMenu = (node: EventTarget) => (node as HTMLElement).classList.contains('rcx-sidebar-item__menu'); /** * Custom hook to provide the sidebar navigation by keyboard. diff --git a/apps/meteor/client/views/navigation/sidebar/hooks/useShortcutOpenMenu.ts b/apps/meteor/client/views/navigation/sidebar/hooks/useShortcutOpenMenu.ts index f025cd96d4ea0..27bd8b15b0697 100644 --- a/apps/meteor/client/views/navigation/sidebar/hooks/useShortcutOpenMenu.ts +++ b/apps/meteor/client/views/navigation/sidebar/hooks/useShortcutOpenMenu.ts @@ -7,7 +7,7 @@ export const useShortcutOpenMenu = (ref: RefObject): void => { useEffect(() => { const unsubscribe = tinykeys(ref.current as HTMLElement, { Alt: (event) => { - if (!(event.target as HTMLElement).className.includes('rcx-sidebar-v2-item')) { + if (!(event.target as HTMLElement).className.includes('rcx-sidebar-item')) { return; } event.preventDefault(); diff --git a/apps/meteor/client/views/navigation/sidepanel/SidepanelItem/SidepanelItem.tsx b/apps/meteor/client/views/navigation/sidepanel/SidepanelItem/SidepanelItem.tsx index f2939b4c2f406..a43baea40bbdb 100644 --- a/apps/meteor/client/views/navigation/sidepanel/SidepanelItem/SidepanelItem.tsx +++ b/apps/meteor/client/views/navigation/sidepanel/SidepanelItem/SidepanelItem.tsx @@ -78,7 +78,7 @@ const SidePanelItem = ({ {badges} {menu && ( - {menuVisibility ? menu : } + {menuVisibility ? menu : } )} From 1adaf306d8869648cea99ee23720f67646f88bf6 Mon Sep 17 00:00:00 2001 From: juliajforesti Date: Mon, 17 Aug 2026 16:46:43 -0300 Subject: [PATCH 3/4] fix: sidebar panel overlay broken by `Sidebar` classname collision --- apps/meteor/client/portals/SidebarPortal/SidebarPortal.tsx | 2 +- .../client/portals/SidebarPortal/SidebarPortalV2.tsx | 2 +- apps/meteor/client/sidebar/Sidebar.tsx | 7 ++++++- apps/meteor/client/sidebar/SidebarRegion.tsx | 2 +- 4 files changed, 9 insertions(+), 4 deletions(-) diff --git a/apps/meteor/client/portals/SidebarPortal/SidebarPortal.tsx b/apps/meteor/client/portals/SidebarPortal/SidebarPortal.tsx index 800b4e831bf2d..ff8d0e9ff1a49 100644 --- a/apps/meteor/client/portals/SidebarPortal/SidebarPortal.tsx +++ b/apps/meteor/client/portals/SidebarPortal/SidebarPortal.tsx @@ -12,7 +12,7 @@ const SidebarPortal = ({ children }: SidebarPortalProps) => { return null; } - return <>{createPortal({children}, sidebarRoot)}; + return <>{createPortal({children}, sidebarRoot)}; }; export default memo(SidebarPortal); diff --git a/apps/meteor/client/portals/SidebarPortal/SidebarPortalV2.tsx b/apps/meteor/client/portals/SidebarPortal/SidebarPortalV2.tsx index 7aff6751d135c..0c09c667cbfc4 100644 --- a/apps/meteor/client/portals/SidebarPortal/SidebarPortalV2.tsx +++ b/apps/meteor/client/portals/SidebarPortal/SidebarPortalV2.tsx @@ -28,7 +28,7 @@ const SidebarPortal = ({ children }: SidebarPortalProps) => { <> {createPortal( - {children} + {children} , sidebarRoot, )} diff --git a/apps/meteor/client/sidebar/Sidebar.tsx b/apps/meteor/client/sidebar/Sidebar.tsx index a75de7b118a0a..8e8dcd0302ed5 100644 --- a/apps/meteor/client/sidebar/Sidebar.tsx +++ b/apps/meteor/client/sidebar/Sidebar.tsx @@ -16,7 +16,12 @@ const Sidebar = () => { return ( diff --git a/apps/meteor/client/sidebar/SidebarRegion.tsx b/apps/meteor/client/sidebar/SidebarRegion.tsx index 98bd455f03cdc..a1d07e2ecf3a6 100644 --- a/apps/meteor/client/sidebar/SidebarRegion.tsx +++ b/apps/meteor/client/sidebar/SidebarRegion.tsx @@ -39,7 +39,7 @@ const SidebarRegion = () => { width: var(--sidebar-width); min-width: var(--sidebar-width); - > .rcx-sidebar:not(:last-child) { + > .sidebar-region-item:not(:last-child) { visibility: hidden; } From a4c003d3595a5caf9e9fe408577b9b227cca1d4a Mon Sep 17 00:00:00 2001 From: juliajforesti Date: Fri, 21 Aug 2026 13:44:52 -0300 Subject: [PATCH 4/4] chore: bump `@rocket.chat/fuselage` --- apps/meteor/package.json | 2 +- apps/uikit-playground/package.json | 2 +- packages/fuselage-ui-kit/package.json | 2 +- packages/gazzodown/package.json | 2 +- packages/storybook-config/package.json | 2 +- packages/ui-avatar/package.json | 2 +- packages/ui-client/package.json | 2 +- packages/ui-composer/package.json | 2 +- packages/ui-contexts/package.json | 2 +- packages/ui-video-conf/package.json | 2 +- packages/ui-voip/package.json | 2 +- packages/web-ui-registration/package.json | 2 +- yarn.lock | 32 +++++++++++------------ 13 files changed, 28 insertions(+), 28 deletions(-) diff --git a/apps/meteor/package.json b/apps/meteor/package.json index bfcd299c5f5f5..d610f0969a45d 100644 --- a/apps/meteor/package.json +++ b/apps/meteor/package.json @@ -109,7 +109,7 @@ "@rocket.chat/favicon": "workspace:^", "@rocket.chat/federation-matrix": "workspace:^", "@rocket.chat/federation-sdk": "0.7.0", - "@rocket.chat/fuselage": "^0.87.0", + "@rocket.chat/fuselage": "^0.88.0", "@rocket.chat/fuselage-forms": "~1.5.1", "@rocket.chat/fuselage-hooks": "^0.43.1", "@rocket.chat/fuselage-toastbar": "~0.36.1", diff --git a/apps/uikit-playground/package.json b/apps/uikit-playground/package.json index 621e309ca4974..4c5bfef17f4aa 100644 --- a/apps/uikit-playground/package.json +++ b/apps/uikit-playground/package.json @@ -18,7 +18,7 @@ "@lezer/highlight": "^1.2.3", "@rocket.chat/core-typings": "workspace:^", "@rocket.chat/css-in-js": "^0.33.1", - "@rocket.chat/fuselage": "^0.87.0", + "@rocket.chat/fuselage": "^0.88.0", "@rocket.chat/fuselage-hooks": "^0.43.1", "@rocket.chat/fuselage-toastbar": "~0.36.1", "@rocket.chat/fuselage-tokens": "^0.34.0", diff --git a/packages/fuselage-ui-kit/package.json b/packages/fuselage-ui-kit/package.json index 63aa23eaa5eb3..141d3762a6398 100644 --- a/packages/fuselage-ui-kit/package.json +++ b/packages/fuselage-ui-kit/package.json @@ -46,7 +46,7 @@ "@rocket.chat/apps-engine": "workspace:^", "@rocket.chat/core-typings": "workspace:^", "@rocket.chat/emitter": "workspace:~", - "@rocket.chat/fuselage": "^0.87.0", + "@rocket.chat/fuselage": "^0.88.0", "@rocket.chat/fuselage-hooks": "^0.43.1", "@rocket.chat/fuselage-tokens": "^0.34.0", "@rocket.chat/icons": "^0.49.0", diff --git a/packages/gazzodown/package.json b/packages/gazzodown/package.json index 0692031f7ece3..92a9338bb025a 100644 --- a/packages/gazzodown/package.json +++ b/packages/gazzodown/package.json @@ -30,7 +30,7 @@ "@rocket.chat/core-typings": "workspace:^", "@rocket.chat/css-in-js": "^0.33.1", "@rocket.chat/emitter": "workspace:~", - "@rocket.chat/fuselage": "^0.87.0", + "@rocket.chat/fuselage": "^0.88.0", "@rocket.chat/fuselage-hooks": "^0.43.1", "@rocket.chat/fuselage-tokens": "^0.34.0", "@rocket.chat/icons": "^0.49.0", diff --git a/packages/storybook-config/package.json b/packages/storybook-config/package.json index cea44aaa2afa1..23113cac26f63 100644 --- a/packages/storybook-config/package.json +++ b/packages/storybook-config/package.json @@ -33,7 +33,7 @@ "webpack": "~5.104.1" }, "devDependencies": { - "@rocket.chat/fuselage": "^0.87.0", + "@rocket.chat/fuselage": "^0.88.0", "@rocket.chat/icons": "^0.49.0", "@rocket.chat/tsconfig": "workspace:*", "@storybook/react": "^9.1.20", diff --git a/packages/ui-avatar/package.json b/packages/ui-avatar/package.json index 20befcd26c7f7..a9ecf8c63f249 100644 --- a/packages/ui-avatar/package.json +++ b/packages/ui-avatar/package.json @@ -17,7 +17,7 @@ "devDependencies": { "@rocket.chat/core-typings": "workspace:~", "@rocket.chat/emitter": "workspace:~", - "@rocket.chat/fuselage": "^0.87.0", + "@rocket.chat/fuselage": "^0.88.0", "@rocket.chat/fuselage-hooks": "^0.43.1", "@rocket.chat/fuselage-tokens": "^0.34.0", "@rocket.chat/icons": "^0.49.0", diff --git a/packages/ui-client/package.json b/packages/ui-client/package.json index 04f0a21991e11..7a930eb7c309f 100644 --- a/packages/ui-client/package.json +++ b/packages/ui-client/package.json @@ -27,7 +27,7 @@ "@rocket.chat/core-typings": "workspace:~", "@rocket.chat/css-in-js": "^0.33.1", "@rocket.chat/emitter": "workspace:~", - "@rocket.chat/fuselage": "^0.87.0", + "@rocket.chat/fuselage": "^0.88.0", "@rocket.chat/fuselage-hooks": "^0.43.1", "@rocket.chat/fuselage-tokens": "^0.34.0", "@rocket.chat/icons": "^0.49.0", diff --git a/packages/ui-composer/package.json b/packages/ui-composer/package.json index 09aec54f524a4..3db4301e810e8 100644 --- a/packages/ui-composer/package.json +++ b/packages/ui-composer/package.json @@ -22,7 +22,7 @@ "devDependencies": { "@react-aria/toolbar": "^3.0.0-nightly.5042", "@rocket.chat/emitter": "workspace:~", - "@rocket.chat/fuselage": "^0.87.0", + "@rocket.chat/fuselage": "^0.88.0", "@rocket.chat/fuselage-hooks": "^0.43.1", "@rocket.chat/fuselage-tokens": "^0.34.0", "@rocket.chat/icons": "^0.49.0", diff --git a/packages/ui-contexts/package.json b/packages/ui-contexts/package.json index a567a3fd79e78..2ec68fb71f8f5 100644 --- a/packages/ui-contexts/package.json +++ b/packages/ui-contexts/package.json @@ -23,7 +23,7 @@ "@rocket.chat/core-typings": "workspace:^", "@rocket.chat/ddp-client": "workspace:~", "@rocket.chat/emitter": "workspace:~", - "@rocket.chat/fuselage": "^0.87.0", + "@rocket.chat/fuselage": "^0.88.0", "@rocket.chat/fuselage-hooks": "^0.43.1", "@rocket.chat/fuselage-tokens": "^0.34.0", "@rocket.chat/i18n": "workspace:~", diff --git a/packages/ui-video-conf/package.json b/packages/ui-video-conf/package.json index e9cb26efc1981..3ff3b1384b8fe 100644 --- a/packages/ui-video-conf/package.json +++ b/packages/ui-video-conf/package.json @@ -23,7 +23,7 @@ "devDependencies": { "@rocket.chat/core-typings": "workspace:^", "@rocket.chat/css-in-js": "^0.33.1", - "@rocket.chat/fuselage": "^0.87.0", + "@rocket.chat/fuselage": "^0.88.0", "@rocket.chat/fuselage-hooks": "^0.43.1", "@rocket.chat/fuselage-tokens": "^0.34.0", "@rocket.chat/icons": "^0.49.0", diff --git a/packages/ui-voip/package.json b/packages/ui-voip/package.json index a6470709d8991..27650b76d9899 100644 --- a/packages/ui-voip/package.json +++ b/packages/ui-voip/package.json @@ -31,7 +31,7 @@ "@react-spectrum/test-utils": "~1.0.0-alpha.8", "@rocket.chat/core-typings": "workspace:^", "@rocket.chat/css-in-js": "^0.33.1", - "@rocket.chat/fuselage": "^0.87.0", + "@rocket.chat/fuselage": "^0.88.0", "@rocket.chat/fuselage-hooks": "^0.43.1", "@rocket.chat/fuselage-tokens": "^0.34.0", "@rocket.chat/fuselage-ui-kit": "workspace:^", diff --git a/packages/web-ui-registration/package.json b/packages/web-ui-registration/package.json index 7bf9d4a5b205a..c4e5111b7e15c 100644 --- a/packages/web-ui-registration/package.json +++ b/packages/web-ui-registration/package.json @@ -23,7 +23,7 @@ "@rocket.chat/core-typings": "workspace:~", "@rocket.chat/css-in-js": "^0.33.1", "@rocket.chat/emitter": "workspace:~", - "@rocket.chat/fuselage": "^0.87.0", + "@rocket.chat/fuselage": "^0.88.0", "@rocket.chat/fuselage-hooks": "^0.43.1", "@rocket.chat/fuselage-tokens": "^0.34.0", "@rocket.chat/i18n": "workspace:~", diff --git a/yarn.lock b/yarn.lock index ff63635194833..e1e37b55a12fb 100644 --- a/yarn.lock +++ b/yarn.lock @@ -9586,7 +9586,7 @@ __metadata: "@rocket.chat/apps-engine": "workspace:^" "@rocket.chat/core-typings": "workspace:^" "@rocket.chat/emitter": "workspace:~" - "@rocket.chat/fuselage": "npm:^0.87.0" + "@rocket.chat/fuselage": "npm:^0.88.0" "@rocket.chat/fuselage-hooks": "npm:^0.43.1" "@rocket.chat/fuselage-tokens": "npm:^0.34.0" "@rocket.chat/gazzodown": "workspace:^" @@ -9641,9 +9641,9 @@ __metadata: languageName: unknown linkType: soft -"@rocket.chat/fuselage@npm:^0.87.0": - version: 0.87.0 - resolution: "@rocket.chat/fuselage@npm:0.87.0" +"@rocket.chat/fuselage@npm:^0.88.0": + version: 0.88.0 + resolution: "@rocket.chat/fuselage@npm:0.88.0" dependencies: "@rocket.chat/css-in-js": "npm:^0.33.1" "@rocket.chat/fuselage-tokens": "npm:^0.34.0" @@ -9659,7 +9659,7 @@ __metadata: react: "*" react-dom: "*" react-virtuoso: "*" - checksum: 10/12ab9b48b5925c8d9a9e3b5574f46bd24a2bd0cea38c170d19f663498f2fc3aed82a772bcb92dbe8a32342c109e0053a6d70df8322dfbedb7133030573077e50 + checksum: 10/1473bf5fec396e52618ded05f54355955952df1049225681cba9e30ff94e6c838ed7b97496a07018655eb1afad73fcc8d3baf8b5ce1eef19a4efa0adebe45506 languageName: node linkType: hard @@ -9670,7 +9670,7 @@ __metadata: "@rocket.chat/core-typings": "workspace:^" "@rocket.chat/css-in-js": "npm:^0.33.1" "@rocket.chat/emitter": "workspace:~" - "@rocket.chat/fuselage": "npm:^0.87.0" + "@rocket.chat/fuselage": "npm:^0.88.0" "@rocket.chat/fuselage-hooks": "npm:^0.43.1" "@rocket.chat/fuselage-tokens": "npm:^0.34.0" "@rocket.chat/icons": "npm:^0.49.0" @@ -10113,7 +10113,7 @@ __metadata: "@rocket.chat/favicon": "workspace:^" "@rocket.chat/federation-matrix": "workspace:^" "@rocket.chat/federation-sdk": "npm:0.7.0" - "@rocket.chat/fuselage": "npm:^0.87.0" + "@rocket.chat/fuselage": "npm:^0.88.0" "@rocket.chat/fuselage-forms": "npm:~1.5.1" "@rocket.chat/fuselage-hooks": "npm:^0.43.1" "@rocket.chat/fuselage-toastbar": "npm:~0.36.1" @@ -11033,7 +11033,7 @@ __metadata: resolution: "@rocket.chat/storybook-config@workspace:packages/storybook-config" dependencies: "@rocket.chat/emitter": "workspace:~" - "@rocket.chat/fuselage": "npm:^0.87.0" + "@rocket.chat/fuselage": "npm:^0.88.0" "@rocket.chat/fuselage-hooks": "npm:^0.43.1" "@rocket.chat/fuselage-tokens": "npm:^0.34.0" "@rocket.chat/icons": "npm:^0.49.0" @@ -11121,7 +11121,7 @@ __metadata: dependencies: "@rocket.chat/core-typings": "workspace:~" "@rocket.chat/emitter": "workspace:~" - "@rocket.chat/fuselage": "npm:^0.87.0" + "@rocket.chat/fuselage": "npm:^0.88.0" "@rocket.chat/fuselage-hooks": "npm:^0.43.1" "@rocket.chat/fuselage-tokens": "npm:^0.34.0" "@rocket.chat/icons": "npm:^0.49.0" @@ -11148,7 +11148,7 @@ __metadata: "@rocket.chat/core-typings": "workspace:~" "@rocket.chat/css-in-js": "npm:^0.33.1" "@rocket.chat/emitter": "workspace:~" - "@rocket.chat/fuselage": "npm:^0.87.0" + "@rocket.chat/fuselage": "npm:^0.88.0" "@rocket.chat/fuselage-hooks": "npm:^0.43.1" "@rocket.chat/fuselage-tokens": "npm:^0.34.0" "@rocket.chat/icons": "npm:^0.49.0" @@ -11206,7 +11206,7 @@ __metadata: dependencies: "@react-aria/toolbar": "npm:^3.0.0-nightly.5042" "@rocket.chat/emitter": "workspace:~" - "@rocket.chat/fuselage": "npm:^0.87.0" + "@rocket.chat/fuselage": "npm:^0.88.0" "@rocket.chat/fuselage-hooks": "npm:^0.43.1" "@rocket.chat/fuselage-tokens": "npm:^0.34.0" "@rocket.chat/icons": "npm:^0.49.0" @@ -11247,7 +11247,7 @@ __metadata: "@rocket.chat/core-typings": "workspace:^" "@rocket.chat/ddp-client": "workspace:~" "@rocket.chat/emitter": "workspace:~" - "@rocket.chat/fuselage": "npm:^0.87.0" + "@rocket.chat/fuselage": "npm:^0.88.0" "@rocket.chat/fuselage-hooks": "npm:^0.43.1" "@rocket.chat/fuselage-tokens": "npm:^0.34.0" "@rocket.chat/i18n": "workspace:~" @@ -11307,7 +11307,7 @@ __metadata: "@rocket.chat/core-typings": "workspace:^" "@rocket.chat/css-in-js": "npm:^0.33.1" "@rocket.chat/emitter": "workspace:~" - "@rocket.chat/fuselage": "npm:^0.87.0" + "@rocket.chat/fuselage": "npm:^0.88.0" "@rocket.chat/fuselage-hooks": "npm:^0.43.1" "@rocket.chat/fuselage-tokens": "npm:^0.34.0" "@rocket.chat/icons": "npm:^0.49.0" @@ -11354,7 +11354,7 @@ __metadata: "@rocket.chat/css-in-js": "npm:^0.33.1" "@rocket.chat/desktop-api": "workspace:^" "@rocket.chat/emitter": "workspace:~" - "@rocket.chat/fuselage": "npm:^0.87.0" + "@rocket.chat/fuselage": "npm:^0.88.0" "@rocket.chat/fuselage-hooks": "npm:^0.43.1" "@rocket.chat/fuselage-tokens": "npm:^0.34.0" "@rocket.chat/fuselage-ui-kit": "workspace:^" @@ -11420,7 +11420,7 @@ __metadata: "@rocket.chat/core-typings": "workspace:^" "@rocket.chat/css-in-js": "npm:^0.33.1" "@rocket.chat/emitter": "workspace:~" - "@rocket.chat/fuselage": "npm:^0.87.0" + "@rocket.chat/fuselage": "npm:^0.88.0" "@rocket.chat/fuselage-hooks": "npm:^0.43.1" "@rocket.chat/fuselage-toastbar": "npm:~0.36.1" "@rocket.chat/fuselage-tokens": "npm:^0.34.0" @@ -11458,7 +11458,7 @@ __metadata: "@rocket.chat/core-typings": "workspace:~" "@rocket.chat/css-in-js": "npm:^0.33.1" "@rocket.chat/emitter": "workspace:~" - "@rocket.chat/fuselage": "npm:^0.87.0" + "@rocket.chat/fuselage": "npm:^0.88.0" "@rocket.chat/fuselage-hooks": "npm:^0.43.1" "@rocket.chat/fuselage-tokens": "npm:^0.34.0" "@rocket.chat/i18n": "workspace:~"