refactor(sc): rename room list accessibility wrapper to room list wrapper (#33458)

packages/shared-components/src/index.ts

@@ -55,11 +55,11 @@ export * from "./core/rich-list/RichList";
 export * from "./room-list/RoomListHeaderView";
 export * from "./room-list/RoomListSearchView";
 export * from "./room-list/RoomListView";
-export * from "./room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView";
+export * from "./room-list/VirtualizedRoomListView/RoomListItemWrapper/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 "./room-list/VirtualizedRoomListView/RoomListItemWrapper";
 export * from "./core/utils/Box";
 export * from "./core/utils/Flex";
 export * from "./core/utils/LinkedText";

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

@@ -11,7 +11,7 @@ import { fn } from "storybook/test";
 import type { Meta, StoryObj } from "@storybook/react-vite";
 import type { FilterId } from "../RoomListPrimaryFilters";
 import { RoomListView, type RoomListViewSnapshot, type RoomListViewActions } from "./RoomListView";
-import type { Room } from "../VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView";
+import type { Room } from "../VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView";
 import { useMockedViewModel } from "../../core/viewmodel";
 import { withViewDocs } from "../../../.storybook/withViewDocs";
 import {

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

@@ -12,10 +12,7 @@ import { RoomListPrimaryFilters, type FilterId } from "../RoomListPrimaryFilters
 import { RoomListLoadingSkeleton } from "./RoomListLoadingSkeleton";
 import { RoomListEmptyStateView } from "./RoomListEmptyStateView";
 import { VirtualizedRoomListView, type RoomListViewState } from "../VirtualizedRoomListView";
-import {
+import { type Room, type RoomListItemViewModel } from "../VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView";
-    type Room,
-    type RoomListItemViewModel,
-} from "../VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView";
 import { type RoomListSectionHeaderViewModel } from "../VirtualizedRoomListView/RoomListSectionHeaderView";
 import { type ToastType, RoomListToast } from "./RoomListToast";
 import styles from "./RoomListView.module.css";

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

@@ -16,5 +16,5 @@ export type {
 export { RoomListLoadingSkeleton } from "./RoomListLoadingSkeleton";
 export { RoomListEmptyStateView } from "./RoomListEmptyStateView";
 export type { RoomListEmptyStateViewProps } from "./RoomListEmptyStateView";
-export * from "../VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView";
+export * from "../VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView";
 export * from "./RoomListToast";

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

@@ -9,12 +9,12 @@ import React from "react";
 import { fn } from "storybook/test";
 
 import type { Meta, StoryObj } from "@storybook/react-vite";
-import { RoomListItemAccessibilityWrapper } from "./RoomListItemAccessibilityWrapper";
+import { RoomListItemWrapper } from "./RoomListItemWrapper";
 import { createMockRoomItemViewModel, renderAvatar } from "../../story-mocks";
 
 const meta = {
-    title: "Room List/RoomListItemAccessibilityWrapper",
+    title: "Room List/RoomListItemWrapper",
-    component: RoomListItemAccessibilityWrapper,
+    component: RoomListItemWrapper,
     tags: ["autodocs"],
     args: {
         roomIndex: 0,
@@ -35,7 +35,7 @@ const meta = {
             </div>
         ),
     ],
-} satisfies Meta<typeof RoomListItemAccessibilityWrapper>;
+} satisfies Meta<typeof RoomListItemWrapper>;
 
 export default meta;
 type Story = StoryObj<typeof meta>;

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

@@ -10,7 +10,7 @@ import React, { memo, type JSX } from "react";
 import { RoomListItemView, type RoomListItemViewProps } from "./RoomListItemView";
 import { getItemAccessibleProps } from "../../../core/VirtualizedList";
 
-export interface RoomListItemAccessibilityWrapperPros extends RoomListItemViewProps {
+export interface RoomListItemWrapperProps extends RoomListItemViewProps {
     /** Index of this room in the list */
     roomIndex: number;
     /** Index of this room in its section */
@@ -27,7 +27,7 @@ export interface RoomListItemAccessibilityWrapperPros extends RoomListItemViewPr
  *
  * @example
  * ``
- * <RoomListItemAccessibilityWrapper
+ * <RoomListItemWrapper
  *   roomIndex={0}
  *   roomIndexInSection={0}
  *   roomCount={10}
@@ -36,13 +36,13 @@ export interface RoomListItemAccessibilityWrapperPros extends RoomListItemViewPr
  * />
  * ```
  */
-export const RoomListItemAccessibilityWrapper = memo(function RoomListItemAccessibilityWrapper({
+export const RoomListItemWrapper = memo(function RoomListItemWrapper({
     roomIndex,
     roomCount,
     roomIndexInSection,
     isInFlatList,
     ...rest
-}: RoomListItemAccessibilityWrapperPros): JSX.Element {
+}: RoomListItemWrapperProps): JSX.Element {
     const itemA11yProps = isInFlatList ? getItemAccessibleProps("listbox", roomIndex, roomCount) : { role: "gridcell" };
     const item = <RoomListItemView {...rest} {...itemA11yProps} />;
 

packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/index.ts

@@ -5,4 +5,4 @@
  * Please see LICENSE files in the repository root for full details.
  */
 
-export { RoomListItemAccessibilityWrapper } from "./RoomListItemAccessibilityWrapper";
+export { RoomListItemWrapper } from "./RoomListItemWrapper";

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

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

@@ -9,7 +9,7 @@ import React, { useCallback, useLayoutEffect, useMemo, useRef, type JSX, type Re
 import { type ScrollIntoViewLocation, type VirtuosoHandle } from "react-virtuoso";
 import { isEqual } from "lodash";
 
-import { type Room } from "./RoomListItemAccessibilityWrapper/RoomListItemView";
+import { type Room } from "./RoomListItemWrapper/RoomListItemView";
 import { useViewModel } from "../../core/viewmodel";
 import { _t } from "../../core/i18n/i18n";
 import {
@@ -20,7 +20,7 @@ import {
 import type { RoomListViewSnapshot, RoomListViewModel } from "../RoomListView";
 import { GroupedVirtualizedList } from "../../core/VirtualizedList";
 import { RoomListSectionHeaderView } from "./RoomListSectionHeaderView";
-import { RoomListItemAccessibilityWrapper } from "./RoomListItemAccessibilityWrapper";
+import { RoomListItemWrapper } from "./RoomListItemWrapper";
 import styles from "./VirtualizedRoomListView.module.css";
 
 /**
@@ -181,7 +181,7 @@ export function VirtualizedRoomListView({ vm, renderAvatar, onKeyDown }: Virtual
             const isLastItem = Boolean((isFlatList || isInLastSection) && index === roomCount - 1);
 
             return (
-                <RoomListItemAccessibilityWrapper
+                <RoomListItemWrapper
                     key={roomId}
                     vm={roomItemVM}
                     renderAvatar={renderAvatar}

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

@@ -8,4 +8,4 @@
 export { VirtualizedRoomListView } from "./VirtualizedRoomListView";
 export type { VirtualizedRoomListViewProps, RoomListViewState, FilterKey } from "./VirtualizedRoomListView";
 export * from "./RoomListSectionHeaderView";
-export * from "./RoomListItemAccessibilityWrapper";
+export * from "./RoomListItemWrapper";

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

@@ -13,7 +13,7 @@ import {
     type RoomListItemViewModel,
     type RoomListItemViewSnapshot,
     RoomNotifState,
-} from "./VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView";
+} from "./VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView";
 import { type RoomListSectionHeaderViewModel } from "./VirtualizedRoomListView/RoomListSectionHeaderView";
 import { MockViewModel } from "../core/viewmodel";