diff --git a/packages/shared-components/__vis__/linux/__baselines__/core/avatar/AvatarWithDetails/AvatarWithDetails.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/core/AvatarWithDetails/AvatarWithDetails.stories.tsx/default-auto.png similarity index 100% rename from packages/shared-components/__vis__/linux/__baselines__/core/avatar/AvatarWithDetails/AvatarWithDetails.stories.tsx/default-auto.png rename to packages/shared-components/__vis__/linux/__baselines__/core/AvatarWithDetails/AvatarWithDetails.stories.tsx/default-auto.png diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItemAccessibilityWrapper/RoomListItemAccessibilityWrapper.stories.tsx/flat-list-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemAccessibilityWrapper.stories.tsx/flat-list-auto.png similarity index 100% rename from packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItemAccessibilityWrapper/RoomListItemAccessibilityWrapper.stories.tsx/flat-list-auto.png rename to packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemAccessibilityWrapper.stories.tsx/flat-list-auto.png diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItemAccessibilityWrapper/RoomListItemAccessibilityWrapper.stories.tsx/sections-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemAccessibilityWrapper.stories.tsx/sections-auto.png similarity index 100% rename from packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItemAccessibilityWrapper/RoomListItemAccessibilityWrapper.stories.tsx/sections-auto.png rename to packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemAccessibilityWrapper.stories.tsx/sections-auto.png diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItemView/NotificationDecoration/NotificationDecoration.stories.tsx/activity-indicator-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/NotificationDecoration.stories.tsx/activity-indicator-auto.png similarity index 100% rename from packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItemView/NotificationDecoration/NotificationDecoration.stories.tsx/activity-indicator-auto.png rename to packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/NotificationDecoration.stories.tsx/activity-indicator-auto.png diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItemView/NotificationDecoration/NotificationDecoration.stories.tsx/invited-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/NotificationDecoration.stories.tsx/invited-auto.png similarity index 100% rename from packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItemView/NotificationDecoration/NotificationDecoration.stories.tsx/invited-auto.png rename to packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/NotificationDecoration.stories.tsx/invited-auto.png diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItemView/NotificationDecoration/NotificationDecoration.stories.tsx/mention-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/NotificationDecoration.stories.tsx/mention-auto.png similarity index 100% rename from packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItemView/NotificationDecoration/NotificationDecoration.stories.tsx/mention-auto.png rename to packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/NotificationDecoration.stories.tsx/mention-auto.png diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItemView/NotificationDecoration/NotificationDecoration.stories.tsx/mention-with-count-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/NotificationDecoration.stories.tsx/mention-with-count-auto.png similarity index 100% rename from packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItemView/NotificationDecoration/NotificationDecoration.stories.tsx/mention-with-count-auto.png rename to packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/NotificationDecoration.stories.tsx/mention-with-count-auto.png diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItemView/NotificationDecoration/NotificationDecoration.stories.tsx/muted-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/NotificationDecoration.stories.tsx/muted-auto.png similarity index 100% rename from packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItemView/NotificationDecoration/NotificationDecoration.stories.tsx/muted-auto.png rename to packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/NotificationDecoration.stories.tsx/muted-auto.png diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItemView/NotificationDecoration/NotificationDecoration.stories.tsx/muted-without-activity-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/NotificationDecoration.stories.tsx/muted-without-activity-auto.png similarity index 100% rename from packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItemView/NotificationDecoration/NotificationDecoration.stories.tsx/muted-without-activity-auto.png rename to packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/NotificationDecoration.stories.tsx/muted-without-activity-auto.png diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItemView/NotificationDecoration/NotificationDecoration.stories.tsx/no-notification-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/NotificationDecoration.stories.tsx/no-notification-auto.png similarity index 100% rename from packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItemView/NotificationDecoration/NotificationDecoration.stories.tsx/no-notification-auto.png rename to packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/NotificationDecoration.stories.tsx/no-notification-auto.png diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItemView/NotificationDecoration/NotificationDecoration.stories.tsx/notification-with-count-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/NotificationDecoration.stories.tsx/notification-with-count-auto.png similarity index 100% rename from packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItemView/NotificationDecoration/NotificationDecoration.stories.tsx/notification-with-count-auto.png rename to packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/NotificationDecoration.stories.tsx/notification-with-count-auto.png diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItemView/NotificationDecoration/NotificationDecoration.stories.tsx/unsent-message-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/NotificationDecoration.stories.tsx/unsent-message-auto.png similarity index 100% rename from packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItemView/NotificationDecoration/NotificationDecoration.stories.tsx/unsent-message-auto.png rename to packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/NotificationDecoration.stories.tsx/unsent-message-auto.png diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItemView/NotificationDecoration/NotificationDecoration.stories.tsx/video-call-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/NotificationDecoration.stories.tsx/video-call-auto.png similarity index 100% rename from packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItemView/NotificationDecoration/NotificationDecoration.stories.tsx/video-call-auto.png rename to packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/NotificationDecoration.stories.tsx/video-call-auto.png diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItemView/NotificationDecoration/NotificationDecoration.stories.tsx/video-call-without-activity-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/NotificationDecoration.stories.tsx/video-call-without-activity-auto.png similarity index 100% rename from packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItemView/NotificationDecoration/NotificationDecoration.stories.tsx/video-call-without-activity-auto.png rename to packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/NotificationDecoration.stories.tsx/video-call-without-activity-auto.png diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItemView/NotificationDecoration/NotificationDecoration.stories.tsx/voice-call-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/NotificationDecoration.stories.tsx/voice-call-auto.png similarity index 100% rename from packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItemView/NotificationDecoration/NotificationDecoration.stories.tsx/voice-call-auto.png rename to packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/NotificationDecoration.stories.tsx/voice-call-auto.png diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItemView/RoomListItemView.stories.tsx/bold-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemView.stories.tsx/bold-auto.png similarity index 100% rename from packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItemView/RoomListItemView.stories.tsx/bold-auto.png rename to packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemView.stories.tsx/bold-auto.png diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItemView/RoomListItemView.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemView.stories.tsx/default-auto.png similarity index 100% rename from packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItemView/RoomListItemView.stories.tsx/default-auto.png rename to packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemView.stories.tsx/default-auto.png diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItemView/RoomListItemView.stories.tsx/first-item-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemView.stories.tsx/first-item-auto.png similarity index 100% rename from packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItemView/RoomListItemView.stories.tsx/first-item-auto.png rename to packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemView.stories.tsx/first-item-auto.png diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItemView/RoomListItemView.stories.tsx/invitation-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemView.stories.tsx/invitation-auto.png similarity index 100% rename from packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItemView/RoomListItemView.stories.tsx/invitation-auto.png rename to packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemView.stories.tsx/invitation-auto.png diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItemView/RoomListItemView.stories.tsx/last-item-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemView.stories.tsx/last-item-auto.png similarity index 100% rename from packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItemView/RoomListItemView.stories.tsx/last-item-auto.png rename to packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemView.stories.tsx/last-item-auto.png diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItemView/RoomListItemView.stories.tsx/long-content-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemView.stories.tsx/long-content-auto.png similarity index 100% rename from packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItemView/RoomListItemView.stories.tsx/long-content-auto.png rename to packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemView.stories.tsx/long-content-auto.png diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItemView/RoomListItemView.stories.tsx/no-message-preview-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemView.stories.tsx/no-message-preview-auto.png similarity index 100% rename from packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItemView/RoomListItemView.stories.tsx/no-message-preview-auto.png rename to packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemView.stories.tsx/no-message-preview-auto.png diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItemView/RoomListItemView.stories.tsx/selected-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemView.stories.tsx/selected-auto.png similarity index 100% rename from packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItemView/RoomListItemView.stories.tsx/selected-auto.png rename to packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemView.stories.tsx/selected-auto.png diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItemView/RoomListItemView.stories.tsx/unsent-message-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemView.stories.tsx/unsent-message-auto.png similarity index 100% rename from packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItemView/RoomListItemView.stories.tsx/unsent-message-auto.png rename to packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemView.stories.tsx/unsent-message-auto.png diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItemView/RoomListItemView.stories.tsx/with-hover-menu-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemView.stories.tsx/with-hover-menu-auto.png similarity index 100% rename from packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItemView/RoomListItemView.stories.tsx/with-hover-menu-auto.png rename to packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemView.stories.tsx/with-hover-menu-auto.png diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItemView/RoomListItemView.stories.tsx/with-large-font-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemView.stories.tsx/with-large-font-auto.png similarity index 100% rename from packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItemView/RoomListItemView.stories.tsx/with-large-font-auto.png rename to packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemView.stories.tsx/with-large-font-auto.png diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItemView/RoomListItemView.stories.tsx/with-mention-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemView.stories.tsx/with-mention-auto.png similarity index 100% rename from packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItemView/RoomListItemView.stories.tsx/with-mention-auto.png rename to packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemView.stories.tsx/with-mention-auto.png diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItemView/RoomListItemView.stories.tsx/with-notification-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemView.stories.tsx/with-notification-auto.png similarity index 100% rename from packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItemView/RoomListItemView.stories.tsx/with-notification-auto.png rename to packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemView.stories.tsx/with-notification-auto.png diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItemView/RoomListItemView.stories.tsx/with-video-call-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemView.stories.tsx/with-video-call-auto.png similarity index 100% rename from packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItemView/RoomListItemView.stories.tsx/with-video-call-auto.png rename to packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemView.stories.tsx/with-video-call-auto.png diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItemView/RoomListItemView.stories.tsx/with-voice-call-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemView.stories.tsx/with-voice-call-auto.png similarity index 100% rename from packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItemView/RoomListItemView.stories.tsx/with-voice-call-auto.png rename to packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemView.stories.tsx/with-voice-call-auto.png diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItemView/RoomListItemView.stories.tsx/with-zoom-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemView.stories.tsx/with-zoom-auto.png similarity index 100% rename from packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItemView/RoomListItemView.stories.tsx/with-zoom-auto.png rename to packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemView.stories.tsx/with-zoom-auto.png diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItemView/RoomListItemView.stories.tsx/without-hover-menu-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemView.stories.tsx/without-hover-menu-auto.png similarity index 100% rename from packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListItemView/RoomListItemView.stories.tsx/without-hover-menu-auto.png rename to packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemView.stories.tsx/without-hover-menu-auto.png diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx/collapsed-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx/collapsed-auto.png similarity index 100% rename from packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx/collapsed-auto.png rename to packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx/collapsed-auto.png diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx/default-auto.png similarity index 100% rename from packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx/default-auto.png rename to packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx/default-auto.png diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx/first-header-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx/first-header-auto.png similarity index 100% rename from packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx/first-header-auto.png rename to packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx/first-header-auto.png diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx/last-header-collapsed-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx/last-header-collapsed-auto.png similarity index 100% rename from packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx/last-header-collapsed-auto.png rename to packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx/last-header-collapsed-auto.png diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx/long-title-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx/long-title-auto.png similarity index 100% rename from packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx/long-title-auto.png rename to packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx/long-title-auto.png diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx/unread-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx/unread-auto.png similarity index 100% rename from packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx/unread-auto.png rename to packages/shared-components/__vis__/linux/__baselines__/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx/unread-auto.png diff --git a/packages/shared-components/src/core/avatar/AvatarWithDetails/AvatarWithDetails.module.css b/packages/shared-components/src/core/AvatarWithDetails/AvatarWithDetails.module.css similarity index 100% rename from packages/shared-components/src/core/avatar/AvatarWithDetails/AvatarWithDetails.module.css rename to packages/shared-components/src/core/AvatarWithDetails/AvatarWithDetails.module.css diff --git a/packages/shared-components/src/core/avatar/AvatarWithDetails/AvatarWithDetails.stories.tsx b/packages/shared-components/src/core/AvatarWithDetails/AvatarWithDetails.stories.tsx similarity index 95% rename from packages/shared-components/src/core/avatar/AvatarWithDetails/AvatarWithDetails.stories.tsx rename to packages/shared-components/src/core/AvatarWithDetails/AvatarWithDetails.stories.tsx index 9d8a7f5c30..a306f147d8 100644 --- a/packages/shared-components/src/core/avatar/AvatarWithDetails/AvatarWithDetails.stories.tsx +++ b/packages/shared-components/src/core/AvatarWithDetails/AvatarWithDetails.stories.tsx @@ -11,7 +11,7 @@ import { type Meta, type StoryObj } from "@storybook/react-vite"; import { AvatarWithDetails } from "./AvatarWithDetails"; const meta = { - title: "Avatar/AvatarWithDetails", + title: "core/AvatarWithDetails", component: AvatarWithDetails, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/core/avatar/AvatarWithDetails/AvatarWithDetails.test.tsx b/packages/shared-components/src/core/AvatarWithDetails/AvatarWithDetails.test.tsx similarity index 100% rename from packages/shared-components/src/core/avatar/AvatarWithDetails/AvatarWithDetails.test.tsx rename to packages/shared-components/src/core/AvatarWithDetails/AvatarWithDetails.test.tsx diff --git a/packages/shared-components/src/core/avatar/AvatarWithDetails/AvatarWithDetails.tsx b/packages/shared-components/src/core/AvatarWithDetails/AvatarWithDetails.tsx similarity index 97% rename from packages/shared-components/src/core/avatar/AvatarWithDetails/AvatarWithDetails.tsx rename to packages/shared-components/src/core/AvatarWithDetails/AvatarWithDetails.tsx index aab5729d5f..787506122a 100644 --- a/packages/shared-components/src/core/avatar/AvatarWithDetails/AvatarWithDetails.tsx +++ b/packages/shared-components/src/core/AvatarWithDetails/AvatarWithDetails.tsx @@ -10,7 +10,7 @@ import React from "react"; import classNames from "classnames"; import styles from "./AvatarWithDetails.module.css"; -import { Flex } from "../../utils/Flex"; +import { Flex } from "../utils/Flex"; export type AvatarWithDetailsProps = { /** diff --git a/packages/shared-components/src/core/avatar/AvatarWithDetails/__snapshots__/AvatarWithDetails.test.tsx.snap b/packages/shared-components/src/core/AvatarWithDetails/__snapshots__/AvatarWithDetails.test.tsx.snap similarity index 100% rename from packages/shared-components/src/core/avatar/AvatarWithDetails/__snapshots__/AvatarWithDetails.test.tsx.snap rename to packages/shared-components/src/core/AvatarWithDetails/__snapshots__/AvatarWithDetails.test.tsx.snap diff --git a/packages/shared-components/src/core/avatar/AvatarWithDetails/index.tsx b/packages/shared-components/src/core/AvatarWithDetails/index.tsx similarity index 100% rename from packages/shared-components/src/core/avatar/AvatarWithDetails/index.tsx rename to packages/shared-components/src/core/AvatarWithDetails/index.tsx diff --git a/packages/shared-components/src/index.ts b/packages/shared-components/src/index.ts index c134ab8b57..6574069be0 100644 --- a/packages/shared-components/src/index.ts +++ b/packages/shared-components/src/index.ts @@ -9,7 +9,7 @@ export * from "./audio/Clock"; export * from "./audio/PlayPauseButton"; export * from "./audio/SeekBar"; -export * from "./core/avatar/AvatarWithDetails"; +export * from "./core/AvatarWithDetails"; export * from "./composer/Banner"; export * from "./crypto/SasEmoji"; export * from "./event-tiles/UrlPreviewGroupView"; @@ -43,12 +43,12 @@ export * from "./core/rich-list/RichItem"; export * from "./core/rich-list/RichList"; export * from "./room-list/RoomListHeaderView"; export * from "./room-list/RoomListSearchView"; -export * from "./room-list/RoomListSectionHeaderView"; export * from "./room-list/RoomListView"; -export * from "./room-list/RoomListItemView"; -export * from "./room-list/RoomListItemAccessibilityWrapper"; +export * from "./room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView"; export * from "./room-list/RoomListPrimaryFilters"; export * from "./room-list/VirtualizedRoomListView"; +export * from "./room-list/VirtualizedRoomListView/RoomListSectionHeaderView"; +export * from "./room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper"; export * from "./core/utils/Box"; export * from "./core/utils/Flex"; export * from "./core/utils/LinkedText"; diff --git a/packages/shared-components/src/room-list/RoomListItemView/NotificationDecoration/index.tsx b/packages/shared-components/src/room-list/RoomListItemView/NotificationDecoration/index.tsx deleted file mode 100644 index 42c7a3451f..0000000000 --- a/packages/shared-components/src/room-list/RoomListItemView/NotificationDecoration/index.tsx +++ /dev/null @@ -1,9 +0,0 @@ -/* - * Copyright 2026 Element Creations Ltd. - * - * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial - * Please see LICENSE files in the repository root for full details. - */ - -export { NotificationDecoration } from "./NotificationDecoration"; -export type { NotificationDecorationProps, NotificationDecorationData } from "./NotificationDecoration"; diff --git a/packages/shared-components/src/room-list/RoomListView/RoomListView.stories.tsx b/packages/shared-components/src/room-list/RoomListView/RoomListView.stories.tsx index ceae8c78ca..6f683225d0 100644 --- a/packages/shared-components/src/room-list/RoomListView/RoomListView.stories.tsx +++ b/packages/shared-components/src/room-list/RoomListView/RoomListView.stories.tsx @@ -9,9 +9,9 @@ import React, { type JSX } from "react"; import { fn } from "storybook/test"; import type { Meta, StoryObj } from "@storybook/react-vite"; -import type { Room } from "../RoomListItemView"; import type { FilterId } from "../RoomListPrimaryFilters"; import { RoomListView, type RoomListViewSnapshot, type RoomListViewActions } from "./RoomListView"; +import type { Room } from "../VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView"; import { useMockedViewModel } from "../../core/viewmodel"; import { withViewDocs } from "../../../.storybook/withViewDocs"; import { diff --git a/packages/shared-components/src/room-list/RoomListView/RoomListView.tsx b/packages/shared-components/src/room-list/RoomListView/RoomListView.tsx index 784f60f99b..132b9dfda3 100644 --- a/packages/shared-components/src/room-list/RoomListView/RoomListView.tsx +++ b/packages/shared-components/src/room-list/RoomListView/RoomListView.tsx @@ -12,8 +12,11 @@ import { RoomListPrimaryFilters, type FilterId } from "../RoomListPrimaryFilters import { RoomListLoadingSkeleton } from "./RoomListLoadingSkeleton"; import { RoomListEmptyStateView } from "./RoomListEmptyStateView"; import { VirtualizedRoomListView, type RoomListViewState } from "../VirtualizedRoomListView"; -import { type Room, type RoomListItemViewModel } from "../RoomListItemView"; -import { type RoomListSectionHeaderViewModel } from "../RoomListSectionHeaderView"; +import { + type Room, + type RoomListItemViewModel, +} from "../VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView"; +import { type RoomListSectionHeaderViewModel } from "../VirtualizedRoomListView/RoomListSectionHeaderView"; export type RoomListSection = { /** Unique identifier for the section */ diff --git a/packages/shared-components/src/room-list/RoomListView/index.tsx b/packages/shared-components/src/room-list/RoomListView/index.tsx index b35793e1a1..a4ebbaf7b7 100644 --- a/packages/shared-components/src/room-list/RoomListView/index.tsx +++ b/packages/shared-components/src/room-list/RoomListView/index.tsx @@ -16,3 +16,4 @@ export type { export { RoomListLoadingSkeleton } from "./RoomListLoadingSkeleton"; export { RoomListEmptyStateView } from "./RoomListEmptyStateView"; export type { RoomListEmptyStateViewProps } from "./RoomListEmptyStateView"; +export * from "../VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView"; diff --git a/packages/shared-components/src/room-list/RoomListItemAccessibilityWrapper/RoomListItemAccessibilityWrapper.stories.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemAccessibilityWrapper.stories.tsx similarity index 95% rename from packages/shared-components/src/room-list/RoomListItemAccessibilityWrapper/RoomListItemAccessibilityWrapper.stories.tsx rename to packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemAccessibilityWrapper.stories.tsx index d5e5c18b0a..7e131593ba 100644 --- a/packages/shared-components/src/room-list/RoomListItemAccessibilityWrapper/RoomListItemAccessibilityWrapper.stories.tsx +++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemAccessibilityWrapper.stories.tsx @@ -10,7 +10,7 @@ import { fn } from "storybook/test"; import type { Meta, StoryObj } from "@storybook/react-vite"; import { RoomListItemAccessibilityWrapper } from "./RoomListItemAccessibilityWrapper"; -import { createMockRoomItemViewModel, renderAvatar } from "../story-mocks"; +import { createMockRoomItemViewModel, renderAvatar } from "../../story-mocks"; const meta = { title: "Room List/RoomListItemAccessibiltyWrapper", diff --git a/packages/shared-components/src/room-list/RoomListItemAccessibilityWrapper/RoomListItemAccessibilityWrapper.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemAccessibilityWrapper.tsx similarity index 91% rename from packages/shared-components/src/room-list/RoomListItemAccessibilityWrapper/RoomListItemAccessibilityWrapper.tsx rename to packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemAccessibilityWrapper.tsx index 1ea7ecf1fb..5158c70997 100644 --- a/packages/shared-components/src/room-list/RoomListItemAccessibilityWrapper/RoomListItemAccessibilityWrapper.tsx +++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemAccessibilityWrapper.tsx @@ -7,8 +7,8 @@ import React, { memo, type JSX } from "react"; -import { RoomListItemView, type RoomListItemViewProps } from "../RoomListItemView"; -import { getItemAccessibleProps } from "../../core/VirtualizedList"; +import { RoomListItemView, type RoomListItemViewProps } from "./RoomListItemView"; +import { getItemAccessibleProps } from "../../../core/VirtualizedList"; export interface RoomListItemAccessibilityWrapperPros extends RoomListItemViewProps { /** Index of this room in the list */ diff --git a/packages/shared-components/src/room-list/RoomListItemView/NotificationDecoration/NotificationDecoration.stories.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/NotificationDecoration.stories.tsx similarity index 100% rename from packages/shared-components/src/room-list/RoomListItemView/NotificationDecoration/NotificationDecoration.stories.tsx rename to packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/NotificationDecoration.stories.tsx diff --git a/packages/shared-components/src/room-list/RoomListItemView/NotificationDecoration/NotificationDecoration.test.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/NotificationDecoration.test.tsx similarity index 100% rename from packages/shared-components/src/room-list/RoomListItemView/NotificationDecoration/NotificationDecoration.test.tsx rename to packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/NotificationDecoration.test.tsx diff --git a/packages/shared-components/src/room-list/RoomListItemView/NotificationDecoration/NotificationDecoration.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/NotificationDecoration.tsx similarity index 98% rename from packages/shared-components/src/room-list/RoomListItemView/NotificationDecoration/NotificationDecoration.tsx rename to packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/NotificationDecoration.tsx index 7a3e02722c..a5033cb918 100644 --- a/packages/shared-components/src/room-list/RoomListItemView/NotificationDecoration/NotificationDecoration.tsx +++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/NotificationDecoration.tsx @@ -16,7 +16,7 @@ import { } from "@vector-im/compound-design-tokens/assets/web/icons"; import { UnreadCounter, Unread } from "@vector-im/compound-web"; -import { Flex } from "../../../core/utils/Flex"; +import { Flex } from "../../../../core/utils/Flex"; /** * Data representing the notification state for a room or item. diff --git a/packages/shared-components/src/room-list/RoomListItemView/RoomListItemContextMenu.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemContextMenu.tsx similarity index 95% rename from packages/shared-components/src/room-list/RoomListItemView/RoomListItemContextMenu.tsx rename to packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemContextMenu.tsx index 404162dc85..6a5c608d5e 100644 --- a/packages/shared-components/src/room-list/RoomListItemView/RoomListItemContextMenu.tsx +++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemContextMenu.tsx @@ -8,7 +8,7 @@ import React, { type JSX, type PropsWithChildren } from "react"; import { ContextMenu } from "@vector-im/compound-web"; -import { _t } from "../../core/i18n/i18n"; +import { _t } from "../../../../core/i18n/i18n"; import { MoreOptionContent, type RoomListItemViewModel } from "./RoomListItemMoreOptionsMenu"; /** diff --git a/packages/shared-components/src/room-list/RoomListItemView/RoomListItemHoverMenu.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemHoverMenu.tsx similarity index 96% rename from packages/shared-components/src/room-list/RoomListItemView/RoomListItemHoverMenu.tsx rename to packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemHoverMenu.tsx index 6d0b5bf457..e71723bb02 100644 --- a/packages/shared-components/src/room-list/RoomListItemView/RoomListItemHoverMenu.tsx +++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemHoverMenu.tsx @@ -7,7 +7,7 @@ import React, { type JSX } from "react"; -import { Flex } from "../../core/utils/Flex"; +import { Flex } from "../../../../core/utils/Flex"; import { RoomListItemMoreOptionsMenu, type RoomListItemViewModel } from "./RoomListItemMoreOptionsMenu"; import { RoomListItemNotificationMenu } from "./RoomListItemNotificationMenu"; import styles from "./RoomListItemView.module.css"; diff --git a/packages/shared-components/src/room-list/RoomListItemView/RoomListItemMoreOptionsMenu.test.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemMoreOptionsMenu.test.tsx similarity index 99% rename from packages/shared-components/src/room-list/RoomListItemView/RoomListItemMoreOptionsMenu.test.tsx rename to packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemMoreOptionsMenu.test.tsx index 7931bd7f07..ac13f7874e 100644 --- a/packages/shared-components/src/room-list/RoomListItemView/RoomListItemMoreOptionsMenu.test.tsx +++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemMoreOptionsMenu.test.tsx @@ -11,7 +11,7 @@ import userEvent from "@testing-library/user-event"; import { describe, it, expect, vi } from "vitest"; import { RoomListItemMoreOptionsMenu } from "./RoomListItemMoreOptionsMenu"; -import { useMockedViewModel } from "../../core/viewmodel"; +import { useMockedViewModel } from "../../../../core/viewmodel"; import type { RoomListItemViewSnapshot } from "./RoomListItemView"; import { defaultSnapshot } from "./default-snapshot"; diff --git a/packages/shared-components/src/room-list/RoomListItemView/RoomListItemMoreOptionsMenu.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemMoreOptionsMenu.tsx similarity index 97% rename from packages/shared-components/src/room-list/RoomListItemView/RoomListItemMoreOptionsMenu.tsx rename to packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemMoreOptionsMenu.tsx index 9d638c84ff..8a6286e01c 100644 --- a/packages/shared-components/src/room-list/RoomListItemView/RoomListItemMoreOptionsMenu.tsx +++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemMoreOptionsMenu.tsx @@ -18,8 +18,8 @@ import { OverflowHorizontalIcon, } from "@vector-im/compound-design-tokens/assets/web/icons"; -import { _t } from "../../core/i18n/i18n"; -import { useViewModel, type ViewModel } from "../../core/viewmodel"; +import { _t } from "../../../../core/i18n/i18n"; +import { useViewModel, type ViewModel } from "../../../../core/viewmodel"; import type { RoomListItemViewSnapshot, RoomListItemViewActions } from "./RoomListItemView"; /** diff --git a/packages/shared-components/src/room-list/RoomListItemView/RoomListItemNotificationMenu.test.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemNotificationMenu.test.tsx similarity index 98% rename from packages/shared-components/src/room-list/RoomListItemView/RoomListItemNotificationMenu.test.tsx rename to packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemNotificationMenu.test.tsx index b0c54f2a5b..e5044611ca 100644 --- a/packages/shared-components/src/room-list/RoomListItemView/RoomListItemNotificationMenu.test.tsx +++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemNotificationMenu.test.tsx @@ -12,7 +12,7 @@ import { describe, it, expect, vi } from "vitest"; import { RoomListItemNotificationMenu } from "./RoomListItemNotificationMenu"; import { RoomNotifState } from "./RoomNotifs"; -import { useMockedViewModel } from "../../core/viewmodel"; +import { useMockedViewModel } from "../../../../core/viewmodel"; import type { RoomListItemViewSnapshot } from "./RoomListItemView"; import { defaultSnapshot } from "./default-snapshot"; diff --git a/packages/shared-components/src/room-list/RoomListItemView/RoomListItemNotificationMenu.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemNotificationMenu.tsx similarity index 97% rename from packages/shared-components/src/room-list/RoomListItemView/RoomListItemNotificationMenu.tsx rename to packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemNotificationMenu.tsx index 4fdd404b8b..35aee35eaf 100644 --- a/packages/shared-components/src/room-list/RoomListItemView/RoomListItemNotificationMenu.tsx +++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemNotificationMenu.tsx @@ -13,9 +13,9 @@ import { CheckIcon, } from "@vector-im/compound-design-tokens/assets/web/icons"; -import { _t } from "../../core/i18n/i18n"; +import { _t } from "../../../../core/i18n/i18n"; import { RoomNotifState } from "./RoomNotifs"; -import { useViewModel, type ViewModel } from "../../core/viewmodel"; +import { useViewModel, type ViewModel } from "../../../../core/viewmodel"; import type { RoomListItemViewSnapshot, RoomListItemViewActions } from "./RoomListItemView"; /** diff --git a/packages/shared-components/src/room-list/RoomListItemView/RoomListItemView.module.css b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemView.module.css similarity index 100% rename from packages/shared-components/src/room-list/RoomListItemView/RoomListItemView.module.css rename to packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemView.module.css diff --git a/packages/shared-components/src/room-list/RoomListItemView/RoomListItemView.stories.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemView.stories.tsx similarity index 97% rename from packages/shared-components/src/room-list/RoomListItemView/RoomListItemView.stories.tsx rename to packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemView.stories.tsx index c948c7f777..c6c7986ffb 100644 --- a/packages/shared-components/src/room-list/RoomListItemView/RoomListItemView.stories.tsx +++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemView.stories.tsx @@ -11,10 +11,10 @@ import { fn } from "storybook/test"; import type { Meta, StoryObj } from "@storybook/react-vite"; import type { Room } from "./RoomListItemView"; import { RoomListItemView, type RoomListItemViewSnapshot, type RoomListItemViewActions } from "./RoomListItemView"; -import { useMockedViewModel } from "../../core/viewmodel"; -import { withViewDocs } from "../../../.storybook/withViewDocs"; +import { useMockedViewModel } from "../../../../core/viewmodel"; +import { withViewDocs } from "../../../../../.storybook/withViewDocs"; import { defaultSnapshot } from "./default-snapshot"; -import { renderAvatar } from "../story-mocks"; +import { renderAvatar } from "../../../story-mocks"; import { mockedActions } from "./mocked-actions"; type RoomListItemProps = RoomListItemViewSnapshot & diff --git a/packages/shared-components/src/room-list/RoomListItemView/RoomListItemView.test.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemView.test.tsx similarity index 100% rename from packages/shared-components/src/room-list/RoomListItemView/RoomListItemView.test.tsx rename to packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemView.test.tsx diff --git a/packages/shared-components/src/room-list/RoomListItemView/RoomListItemView.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemView.tsx similarity index 97% rename from packages/shared-components/src/room-list/RoomListItemView/RoomListItemView.tsx rename to packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemView.tsx index 723986336a..b24a3888e0 100644 --- a/packages/shared-components/src/room-list/RoomListItemView/RoomListItemView.tsx +++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemView.tsx @@ -9,14 +9,14 @@ import React, { type JSX, memo, useEffect, useRef, type ReactNode } from "react" import classNames from "classnames"; import { Text } from "@vector-im/compound-web"; -import { Flex } from "../../core/utils/Flex"; +import { Flex } from "../../../../core/utils/Flex"; import { NotificationDecoration, type NotificationDecorationData } from "./NotificationDecoration"; import { RoomListItemHoverMenu } from "./RoomListItemHoverMenu"; import { RoomListItemContextMenu } from "./RoomListItemContextMenu"; import { type RoomNotifState } from "./RoomNotifs"; import styles from "./RoomListItemView.module.css"; -import { useViewModel, type ViewModel } from "../../core/viewmodel"; -import { _t } from "../../core/i18n/i18n"; +import { useViewModel, type ViewModel } from "../../../../core/viewmodel"; +import { _t } from "../../../../core/i18n/i18n"; /** * Opaque type representing a Room object from the parent application diff --git a/packages/shared-components/src/room-list/RoomListItemView/RoomNotifs.ts b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomNotifs.ts similarity index 100% rename from packages/shared-components/src/room-list/RoomListItemView/RoomNotifs.ts rename to packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomNotifs.ts diff --git a/packages/shared-components/src/room-list/RoomListItemView/NotificationDecoration/__snapshots__/NotificationDecoration.test.tsx.snap b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/__snapshots__/NotificationDecoration.test.tsx.snap similarity index 100% rename from packages/shared-components/src/room-list/RoomListItemView/NotificationDecoration/__snapshots__/NotificationDecoration.test.tsx.snap rename to packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/__snapshots__/NotificationDecoration.test.tsx.snap diff --git a/packages/shared-components/src/room-list/RoomListItemView/__snapshots__/RoomListItemView.test.tsx.snap b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/__snapshots__/RoomListItemView.test.tsx.snap similarity index 100% rename from packages/shared-components/src/room-list/RoomListItemView/__snapshots__/RoomListItemView.test.tsx.snap rename to packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/__snapshots__/RoomListItemView.test.tsx.snap diff --git a/packages/shared-components/src/room-list/RoomListItemView/default-snapshot.ts b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/default-snapshot.ts similarity index 100% rename from packages/shared-components/src/room-list/RoomListItemView/default-snapshot.ts rename to packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/default-snapshot.ts diff --git a/packages/shared-components/src/room-list/RoomListItemView/index.ts b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/index.ts similarity index 100% rename from packages/shared-components/src/room-list/RoomListItemView/index.ts rename to packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/index.ts diff --git a/packages/shared-components/src/room-list/RoomListItemView/mocked-actions.ts b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/mocked-actions.ts similarity index 100% rename from packages/shared-components/src/room-list/RoomListItemView/mocked-actions.ts rename to packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/mocked-actions.ts diff --git a/packages/shared-components/src/room-list/RoomListItemAccessibilityWrapper/index.ts b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/index.ts similarity index 100% rename from packages/shared-components/src/room-list/RoomListItemAccessibilityWrapper/index.ts rename to packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/index.ts diff --git a/packages/shared-components/src/room-list/RoomListSectionHeaderView/RoomListSectionHeaderView.module.css b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.module.css similarity index 100% rename from packages/shared-components/src/room-list/RoomListSectionHeaderView/RoomListSectionHeaderView.module.css rename to packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.module.css diff --git a/packages/shared-components/src/room-list/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx similarity index 95% rename from packages/shared-components/src/room-list/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx rename to packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx index a1e507afce..9b48f089c9 100644 --- a/packages/shared-components/src/room-list/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx +++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx @@ -15,8 +15,8 @@ import { type RoomListSectionHeaderActions, type RoomListSectionHeaderViewProps, } from "./RoomListSectionHeaderView"; -import { useMockedViewModel } from "../../core/viewmodel"; -import { withViewDocs } from "../../../.storybook/withViewDocs"; +import { useMockedViewModel } from "../../../core/viewmodel"; +import { withViewDocs } from "../../../../.storybook/withViewDocs"; type RoomListSectionHeaderProps = RoomListSectionHeaderViewSnapshot & RoomListSectionHeaderActions & diff --git a/packages/shared-components/src/room-list/RoomListSectionHeaderView/RoomListSectionHeaderView.test.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.test.tsx similarity index 100% rename from packages/shared-components/src/room-list/RoomListSectionHeaderView/RoomListSectionHeaderView.test.tsx rename to packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.test.tsx diff --git a/packages/shared-components/src/room-list/RoomListSectionHeaderView/RoomListSectionHeaderView.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.tsx similarity index 94% rename from packages/shared-components/src/room-list/RoomListSectionHeaderView/RoomListSectionHeaderView.tsx rename to packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.tsx index f5a2a17f5d..b12ee1aea9 100644 --- a/packages/shared-components/src/room-list/RoomListSectionHeaderView/RoomListSectionHeaderView.tsx +++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.tsx @@ -9,11 +9,11 @@ import React, { memo, type JSX, type FocusEvent, type MouseEventHandler } from " import ChevronRightIcon from "@vector-im/compound-design-tokens/assets/web/icons/chevron-right"; import classNames from "classnames"; -import { useViewModel, type ViewModel } from "../../core/viewmodel"; +import { useViewModel, type ViewModel } from "../../../core/viewmodel"; import styles from "./RoomListSectionHeaderView.module.css"; -import { Flex } from "../../core/utils/Flex"; -import { useI18n } from "../../core/i18n/i18nContext"; -import { getGroupHeaderAccessibleProps } from "../../core/VirtualizedList"; +import { Flex } from "../../../core/utils/Flex"; +import { useI18n } from "../../../core/i18n/i18nContext"; +import { getGroupHeaderAccessibleProps } from "../../../core/VirtualizedList"; /** * The observable state snapshot for a room list section header. diff --git a/packages/shared-components/src/room-list/RoomListSectionHeaderView/__snapshots__/RoomListSectionHeaderView.test.tsx.snap b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/__snapshots__/RoomListSectionHeaderView.test.tsx.snap similarity index 100% rename from packages/shared-components/src/room-list/RoomListSectionHeaderView/__snapshots__/RoomListSectionHeaderView.test.tsx.snap rename to packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/__snapshots__/RoomListSectionHeaderView.test.tsx.snap diff --git a/packages/shared-components/src/room-list/RoomListSectionHeaderView/index.ts b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/index.ts similarity index 100% rename from packages/shared-components/src/room-list/RoomListSectionHeaderView/index.ts rename to packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/index.ts diff --git a/packages/shared-components/src/room-list/VirtualizedRoomListView/VirtualizedRoomListView.stories.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/VirtualizedRoomListView.stories.tsx index 942130acac..a5048b5c73 100644 --- a/packages/shared-components/src/room-list/VirtualizedRoomListView/VirtualizedRoomListView.stories.tsx +++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/VirtualizedRoomListView.stories.tsx @@ -9,7 +9,7 @@ import React, { type JSX } from "react"; import { fn } from "storybook/test"; import type { Meta, StoryObj } from "@storybook/react-vite"; -import type { Room } from "../RoomListItemView"; +import type { Room } from "./RoomListItemAccessibilityWrapper/RoomListItemView"; import { VirtualizedRoomListView, type RoomListViewState } from "./VirtualizedRoomListView"; import type { RoomListViewSnapshot, RoomListViewActions } from "../RoomListView"; import { useMockedViewModel } from "../../core/viewmodel"; diff --git a/packages/shared-components/src/room-list/VirtualizedRoomListView/VirtualizedRoomListView.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/VirtualizedRoomListView.tsx index fbfb3d617a..ad6b105e05 100644 --- a/packages/shared-components/src/room-list/VirtualizedRoomListView/VirtualizedRoomListView.tsx +++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/VirtualizedRoomListView.tsx @@ -9,7 +9,7 @@ import React, { useCallback, useMemo, useRef, type JSX, type ReactNode } from "r import { type ScrollIntoViewLocation } from "react-virtuoso"; import { isEqual } from "lodash"; -import { type Room } from "../RoomListItemView"; +import { type Room } from "./RoomListItemAccessibilityWrapper/RoomListItemView"; import { useViewModel } from "../../core/viewmodel"; import { _t } from "../../core/i18n/i18n"; import { @@ -19,8 +19,8 @@ import { } from "../../core/VirtualizedList"; import type { RoomListViewSnapshot, RoomListViewModel } from "../RoomListView"; import { GroupedVirtualizedList } from "../../core/VirtualizedList"; -import { RoomListSectionHeaderView } from "../RoomListSectionHeaderView"; -import { RoomListItemAccessibilityWrapper } from "../RoomListItemAccessibilityWrapper"; +import { RoomListSectionHeaderView } from "./RoomListSectionHeaderView"; +import { RoomListItemAccessibilityWrapper } from "./RoomListItemAccessibilityWrapper"; /** * Filter key type - opaque string type for filter identifiers diff --git a/packages/shared-components/src/room-list/VirtualizedRoomListView/index.ts b/packages/shared-components/src/room-list/VirtualizedRoomListView/index.ts index da5840ada5..fc310f6cb5 100644 --- a/packages/shared-components/src/room-list/VirtualizedRoomListView/index.ts +++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/index.ts @@ -7,3 +7,5 @@ export { VirtualizedRoomListView } from "./VirtualizedRoomListView"; export type { VirtualizedRoomListViewProps, RoomListViewState, FilterKey } from "./VirtualizedRoomListView"; +export * from "./RoomListSectionHeaderView"; +export * from "./RoomListItemAccessibilityWrapper"; diff --git a/packages/shared-components/src/room-list/story-mocks.tsx b/packages/shared-components/src/room-list/story-mocks.tsx index bd4b2b6a90..3189b320ba 100644 --- a/packages/shared-components/src/room-list/story-mocks.tsx +++ b/packages/shared-components/src/room-list/story-mocks.tsx @@ -13,8 +13,8 @@ import { type RoomListItemViewModel, type RoomListItemViewSnapshot, RoomNotifState, -} from "./RoomListItemView"; -import { type RoomListSectionHeaderViewModel } from "./RoomListSectionHeaderView"; +} from "./VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView"; +import { type RoomListSectionHeaderViewModel } from "./VirtualizedRoomListView/RoomListSectionHeaderView"; import { MockViewModel } from "../core/viewmodel"; /**