Put view prefix to room list item file and folder (#32418)

* chore: put `view` prefix to room list item file and folder

* chore: add missing `storybook-static` in gitignore

* test: update visual tests

packages/shared-components/.gitignore

@@ -10,3 +10,5 @@
 /coverage/
 # Ignore generated docs
 typedoc
+# Build storybook
+storybook-static

packages/shared-components/src/index.ts

@@ -28,7 +28,7 @@ export * from "./rich-list/RichList";
 export * from "./room-list/RoomListHeaderView";
 export * from "./room-list/RoomListSearchView";
 export * from "./room-list/RoomListView";
-export * from "./room-list/RoomListItem";
+export * from "./room-list/RoomListItemView";
 export * from "./room-list/RoomListPrimaryFilters";
 export * from "./room-list/VirtualizedRoomListView";
 export * from "./utils/Box";

packages/shared-components/src/room-list/RoomListItemView/RoomListItemHoverMenu.tsx

@@ -10,7 +10,7 @@ import React, { type JSX } from "react";
 import { Flex } from "../../utils/Flex";
 import { RoomListItemMoreOptionsMenu, type RoomItemViewModel } from "./RoomListItemMoreOptionsMenu";
 import { RoomListItemNotificationMenu } from "./RoomListItemNotificationMenu";
-import styles from "./RoomListItem.module.css";
+import styles from "./RoomListItemView.module.css";
 
 /**
  * Props for RoomListItemHoverMenu component

packages/shared-components/src/room-list/RoomListItemView/RoomListItemMoreOptionsMenu.test.tsx

@@ -12,7 +12,7 @@ import { describe, it, expect, vi } from "vitest";
 
 import { RoomListItemMoreOptionsMenu } from "./RoomListItemMoreOptionsMenu";
 import { useMockedViewModel } from "../../viewmodel";
-import type { RoomListItemSnapshot } from "./RoomListItem";
+import type { RoomListItemSnapshot } from "./RoomListItemView";
 import { defaultSnapshot } from "./default-snapshot";
 
 describe("<RoomListItemMoreOptionsMenu />", () => {

packages/shared-components/src/room-list/RoomListItemView/RoomListItemMoreOptionsMenu.tsx

@@ -20,7 +20,7 @@ import {
 
 import { _t } from "../../utils/i18n";
 import { useViewModel, type ViewModel } from "../../viewmodel";
-import type { RoomListItemSnapshot, RoomListItemActions } from "./RoomListItem";
+import type { RoomListItemSnapshot, RoomListItemActions } from "./RoomListItemView";
 
 /**
  * View model type for room list item

packages/shared-components/src/room-list/RoomListItemView/RoomListItemNotificationMenu.test.tsx

@@ -13,7 +13,7 @@ import { describe, it, expect, vi } from "vitest";
 import { RoomListItemNotificationMenu } from "./RoomListItemNotificationMenu";
 import { RoomNotifState } from "./RoomNotifs";
 import { useMockedViewModel } from "../../viewmodel";
-import type { RoomListItemSnapshot } from "./RoomListItem";
+import type { RoomListItemSnapshot } from "./RoomListItemView";
 import { defaultSnapshot } from "./default-snapshot";
 
 describe("<RoomListItemNotificationMenu />", () => {

packages/shared-components/src/room-list/RoomListItemView/RoomListItemNotificationMenu.tsx

@@ -16,7 +16,7 @@ import {
 import { _t } from "../../utils/i18n";
 import { RoomNotifState } from "./RoomNotifs";
 import { useViewModel, type ViewModel } from "../../viewmodel";
-import type { RoomListItemSnapshot, RoomListItemActions } from "./RoomListItem";
+import type { RoomListItemSnapshot, RoomListItemActions } from "./RoomListItemView";
 
 /**
  * View model type for room list item

packages/shared-components/src/room-list/RoomListItemView/RoomListItemView.stories.tsx

@@ -9,8 +9,8 @@ import React, { type JSX } from "react";
 import { fn } from "storybook/test";
 
 import type { Meta, StoryObj } from "@storybook/react-vite";
-import type { Room } from "./RoomListItem";
-import { RoomListItemView, type RoomListItemSnapshot, type RoomListItemActions } from "./RoomListItem";
+import type { Room } from "./RoomListItemView";
+import { RoomListItemView, type RoomListItemSnapshot, type RoomListItemActions } from "./RoomListItemView";
 import { useMockedViewModel } from "../../viewmodel";
 import { defaultSnapshot } from "./default-snapshot";
 import { renderAvatar } from "../story-mocks";
@@ -69,7 +69,7 @@ const RoomListItemWrapper = ({
 };
 
 const meta = {
-    title: "Room List/RoomListItem",
+    title: "Room List/RoomListItemView",
     component: RoomListItemWrapper,
     tags: ["autodocs"],
     decorators: [

packages/shared-components/src/room-list/RoomListItemView/RoomListItemView.test.tsx

@@ -11,7 +11,7 @@ import userEvent from "@testing-library/user-event";
 import { composeStories } from "@storybook/react-vite";
 import { describe, it, expect } from "vitest";
 
-import * as stories from "./RoomListItem.stories";
+import * as stories from "./RoomListItemView.stories";
 
 const {
     Default,

packages/shared-components/src/room-list/RoomListItemView/RoomListItemView.tsx

@@ -13,7 +13,7 @@ import { NotificationDecoration, type NotificationDecorationData } from "./Notif
 import { RoomListItemHoverMenu } from "./RoomListItemHoverMenu";
 import { RoomListItemContextMenu } from "./RoomListItemContextMenu";
 import { type RoomNotifState } from "./RoomNotifs";
-import styles from "./RoomListItem.module.css";
+import styles from "./RoomListItemView.module.css";
 import { useViewModel, type ViewModel } from "../../viewmodel";
 import { _t } from "../../utils/i18n";
 

packages/shared-components/src/room-list/RoomListItemView/default-snapshot.ts

@@ -5,7 +5,7 @@
  * Please see LICENSE files in the repository root for full details.
  */
 
-import { type RoomListItemSnapshot } from "./RoomListItem";
+import { type RoomListItemSnapshot } from "./RoomListItemView";
 import { RoomNotifState } from "./RoomNotifs";
 
 export const mockRoom = { name: "General" };

packages/shared-components/src/room-list/RoomListItemView/index.ts

@@ -5,14 +5,14 @@
  * Please see LICENSE files in the repository root for full details.
  */
 
-export { RoomListItemView } from "./RoomListItem";
+export { RoomListItemView } from "./RoomListItemView";
 export type {
     Room,
     RoomListItemSnapshot,
     RoomItemViewModel,
     RoomListItemActions,
     RoomListItemViewProps,
-} from "./RoomListItem";
+} from "./RoomListItemView";
 export { RoomListItemNotificationMenu } from "./RoomListItemNotificationMenu";
 export type { RoomListItemNotificationMenuProps } from "./RoomListItemNotificationMenu";
 export { RoomListItemMoreOptionsMenu, MoreOptionContent } from "./RoomListItemMoreOptionsMenu";

packages/shared-components/src/room-list/RoomListView/RoomListView.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 "../RoomListItem/RoomListItem";
+import type { Room } from "../RoomListItemView";
 import type { FilterId } from "../RoomListPrimaryFilters";
 import { RoomListView, type RoomListSnapshot, type RoomListViewActions } from "./RoomListView";
 import { useMockedViewModel } from "../../viewmodel";

packages/shared-components/src/room-list/RoomListView/RoomListView.tsx

@@ -12,7 +12,7 @@ import { RoomListPrimaryFilters, type FilterId } from "../RoomListPrimaryFilters
 import { RoomListLoadingSkeleton } from "./RoomListLoadingSkeleton";
 import { RoomListEmptyStateView } from "./RoomListEmptyStateView";
 import { VirtualizedRoomListView, type RoomListViewState } from "../VirtualizedRoomListView";
-import { type Room } from "../RoomListItem";
+import { type Room } from "../RoomListItemView";
 
 /**
  * Snapshot for the room list view

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 "../RoomListItem/RoomListItem";
+import type { Room } from "../RoomListItemView";
 import { VirtualizedRoomListView, type RoomListViewState } from "./VirtualizedRoomListView";
 import type { RoomListSnapshot, RoomListViewActions } from "../RoomListView";
 import { useMockedViewModel } from "../../viewmodel";

packages/shared-components/src/room-list/VirtualizedRoomListView/VirtualizedRoomListView.tsx

@@ -9,11 +9,10 @@ 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 "../RoomListItem/RoomListItem";
+import { RoomListItemView, type Room } from "../RoomListItemView";
 import { useViewModel } from "../../viewmodel";
 import { _t } from "../../utils/i18n";
 import { VirtualizedList, type VirtualizedListContext } from "../../utils/VirtualizedList";
-import { RoomListItemView } from "../RoomListItem";
 import type { RoomListViewModel } from "../RoomListView";
 
 /**

packages/shared-components/src/room-list/story-mocks.tsx

@@ -8,9 +8,7 @@
 import React from "react";
 import { fn } from "storybook/test";
 
-import type { Room } from "./RoomListItem/RoomListItem";
-import type { RoomListItemSnapshot } from "./RoomListItem";
-import { RoomNotifState } from "./RoomListItem/RoomNotifs";
+import { type Room, type RoomListItemSnapshot, RoomNotifState } from "./RoomListItemView";
 
 /**
  * Mock avatar component for stories