From 3b7b03eb70430749b889699e6e452731c43a5893 Mon Sep 17 00:00:00 2001 From: Zack Date: Wed, 15 Apr 2026 16:31:52 +0200 Subject: [PATCH 01/10] Align shared-components Storybook titles with their current paths. --- .../src/core/AvatarWithDetails/AvatarWithDetails.stories.tsx | 2 +- .../FlatVirtualizedList/FlatVirtualizedList.stories.tsx | 2 +- .../GroupedVirtualizedList/GroupedVirtualizedList.stories.tsx | 2 +- .../shared-components/src/core/pill-input/Pill/Pill.stories.tsx | 2 +- .../src/core/pill-input/PillInput/PillInput.stories.tsx | 2 +- .../src/core/rich-list/RichItem/RichItem.stories.tsx | 2 +- .../src/core/rich-list/RichList/RichList.stories.tsx | 2 +- .../src/core/utils/FormattingUtils.stories.tsx | 2 +- .../src/core/utils/LinkedText/LinkedText.stories.tsx | 2 +- packages/shared-components/src/core/utils/humanize.stories.tsx | 2 +- packages/shared-components/src/core/utils/linkify.stories.tsx | 2 +- packages/shared-components/src/core/utils/numbers.stories.tsx | 2 +- .../UrlPreviewGroupView/LinkPreview/LinkPreview.stories.tsx | 2 +- .../UrlPreviewGroupView/UrlPreviewGroupView.stories.tsx | 2 +- .../shared-components/src/resize/group/GroupView.stories.tsx | 2 +- .../src/resize/panel/LeftResizablePanelView.stories.tsx | 2 +- .../src/resize/separator/SeparatorView.stories.tsx | 2 +- .../room-list/RoomListHeaderView/RoomListHeaderView.stories.tsx | 2 +- .../RoomListPrimaryFilters/RoomListPrimaryFilters.stories.tsx | 2 +- .../room-list/RoomListSearchView/RoomListSearchView.stories.tsx | 2 +- .../src/room-list/RoomListView/RoomListView.stories.tsx | 2 +- .../RoomListItemAccessibilityWrapper.stories.tsx | 2 +- .../RoomListItemView/NotificationDecoration.stories.tsx | 2 +- .../RoomListItemView/RoomListItemView.stories.tsx | 2 +- .../RoomListSectionHeaderView.stories.tsx | 2 +- .../VirtualizedRoomListView/VirtualizedRoomListView.stories.tsx | 2 +- .../src/room/RoomStatusBar/RoomStatusBarView.stories.tsx | 2 +- .../src/room/WidgetPip/WidgetPipView.stories.tsx | 2 +- .../src/room/composer/Banner/Banner.stories.tsx | 2 +- .../WidgetContextMenuView/WidgetContextMenuView.stories.tsx | 2 +- .../timeline/DateSeparatorView/DateSeparatorView.stories.tsx | 2 +- .../src/room/timeline/ReadMarker/ReadMarker.stories.tsx | 2 +- .../timeline/TimelineSeparator/TimelineSeparator.stories.tsx | 2 +- .../DisambiguatedProfile/DisambiguatedProfile.stories.tsx | 2 +- .../EncryptionEventView/EncryptionEventView.stories.tsx | 2 +- .../EventTileView/EventTileBubble/EventTileBubble.stories.tsx | 2 +- .../PinnedMessageBadge/PinnedMessageBadge.stories.tsx | 2 +- .../EventTileView/TextualEventView/TextualEventView.stories.tsx | 2 +- .../EventTileView/TileErrorView/TileErrorView.stories.tsx | 2 +- .../event-tile/body/AudioPlayerView/AudioPlayerView.stories.tsx | 2 +- .../DecryptionFailureBodyView.stories.tsx | 2 +- .../body/EventContentBodyView/EventContentBody.stories.tsx | 2 +- .../event-tile/body/MFileBodyView/FileBodyView.stories.tsx | 2 +- .../event-tile/body/MVideoBodyView/VideoBodyView.stories.tsx | 2 +- .../timeline/event-tile/body/MediaBody/MediaBody.stories.tsx | 2 +- .../body/RedactedBodyView/RedactedBodyView.stories.tsx | 2 +- .../event-tile/body/TextualBodyView/TextualBody.stories.tsx | 2 +- .../event-tile/reactions/ReactionsRow/ReactionsRow.stories.tsx | 2 +- .../reactions/ReactionsRowButton/ReactionsRowButton.stories.tsx | 2 +- .../ReactionsRowButtonTooltip.stories.tsx | 2 +- .../MessageTimestampView/MessageTimestampView.stories.tsx | 2 +- 51 files changed, 51 insertions(+), 51 deletions(-) diff --git a/packages/shared-components/src/core/AvatarWithDetails/AvatarWithDetails.stories.tsx b/packages/shared-components/src/core/AvatarWithDetails/AvatarWithDetails.stories.tsx index a306f147d87..519b4ec2d3f 100644 --- a/packages/shared-components/src/core/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: "core/AvatarWithDetails", + title: "Core/AvatarWithDetails", component: AvatarWithDetails, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/core/VirtualizedList/FlatVirtualizedList/FlatVirtualizedList.stories.tsx b/packages/shared-components/src/core/VirtualizedList/FlatVirtualizedList/FlatVirtualizedList.stories.tsx index 9a9a5843d5a..e8609e7d57c 100644 --- a/packages/shared-components/src/core/VirtualizedList/FlatVirtualizedList/FlatVirtualizedList.stories.tsx +++ b/packages/shared-components/src/core/VirtualizedList/FlatVirtualizedList/FlatVirtualizedList.stories.tsx @@ -14,7 +14,7 @@ import { items, SimpleItemComponent } from "../story-mock"; import { getContainerAccessibleProps, getItemAccessibleProps } from "../accessbility"; const meta = { - title: "Utils/VirtualizedList/FlatVirtualizedList", + title: "Core/VirtualizedList/FlatVirtualizedList", component: FlatVirtualizedList, parameters: { docs: { diff --git a/packages/shared-components/src/core/VirtualizedList/GroupedVirtualizedList/GroupedVirtualizedList.stories.tsx b/packages/shared-components/src/core/VirtualizedList/GroupedVirtualizedList/GroupedVirtualizedList.stories.tsx index d0f6ac7ecbe..a68ec351d70 100644 --- a/packages/shared-components/src/core/VirtualizedList/GroupedVirtualizedList/GroupedVirtualizedList.stories.tsx +++ b/packages/shared-components/src/core/VirtualizedList/GroupedVirtualizedList/GroupedVirtualizedList.stories.tsx @@ -17,7 +17,7 @@ import { getContainerAccessibleProps, getGroupHeaderAccessibleProps, getItemAcce const totalRows = groups.reduce((total, group) => total + 1 + group.items.length, 0); const meta = { - title: "Utils/VirtualizedList/GroupedVirtualizedList", + title: "Core/VirtualizedList/GroupedVirtualizedList", component: GroupedVirtualizedList, parameters: { docs: { diff --git a/packages/shared-components/src/core/pill-input/Pill/Pill.stories.tsx b/packages/shared-components/src/core/pill-input/Pill/Pill.stories.tsx index 1ed233adf86..3134e53bcb8 100644 --- a/packages/shared-components/src/core/pill-input/Pill/Pill.stories.tsx +++ b/packages/shared-components/src/core/pill-input/Pill/Pill.stories.tsx @@ -12,7 +12,7 @@ import type { Meta, StoryObj } from "@storybook/react-vite"; import { Pill } from "./Pill"; const meta = { - title: "PillInput/Pill", + title: "Core/PillInput/Pill", component: Pill, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/core/pill-input/PillInput/PillInput.stories.tsx b/packages/shared-components/src/core/pill-input/PillInput/PillInput.stories.tsx index 3bb119dc75b..b1496037161 100644 --- a/packages/shared-components/src/core/pill-input/PillInput/PillInput.stories.tsx +++ b/packages/shared-components/src/core/pill-input/PillInput/PillInput.stories.tsx @@ -12,7 +12,7 @@ import type { Meta, StoryObj } from "@storybook/react-vite"; import { PillInput } from "./PillInput"; const meta = { - title: "PillInput/PillInput", + title: "Core/PillInput/PillInput", component: PillInput, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/core/rich-list/RichItem/RichItem.stories.tsx b/packages/shared-components/src/core/rich-list/RichItem/RichItem.stories.tsx index ffa63a19039..b7f3e4a76ae 100644 --- a/packages/shared-components/src/core/rich-list/RichItem/RichItem.stories.tsx +++ b/packages/shared-components/src/core/rich-list/RichItem/RichItem.stories.tsx @@ -14,7 +14,7 @@ import { RichItem } from "./RichItem"; const currentTimestamp = new Date("2025-03-09T12:00:00Z").getTime(); const meta = { - title: "RichList/RichItem", + title: "Core/RichList/RichItem", component: RichItem, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/core/rich-list/RichList/RichList.stories.tsx b/packages/shared-components/src/core/rich-list/RichList/RichList.stories.tsx index e4a9406e716..527046c6ccf 100644 --- a/packages/shared-components/src/core/rich-list/RichList/RichList.stories.tsx +++ b/packages/shared-components/src/core/rich-list/RichList/RichList.stories.tsx @@ -14,7 +14,7 @@ import { RichItem } from "../RichItem"; const avatar =
; const meta = { - title: "RichList/RichList", + title: "Core/RichList/RichList", component: RichList, tags: ["autodocs"], decorators: [ diff --git a/packages/shared-components/src/core/utils/FormattingUtils.stories.tsx b/packages/shared-components/src/core/utils/FormattingUtils.stories.tsx index e85be08e293..d0ecf592301 100644 --- a/packages/shared-components/src/core/utils/FormattingUtils.stories.tsx +++ b/packages/shared-components/src/core/utils/FormattingUtils.stories.tsx @@ -13,7 +13,7 @@ import formatBytesDoc from "../../../typedoc/functions/formatBytes.md?raw"; import formatSecondsDoc from "../../../typedoc/functions/formatSeconds.md?raw"; const meta = { - title: "utils/FormattingUtils", + title: "Core/Utils/FormattingUtils", parameters: { docs: { page: () => ( diff --git a/packages/shared-components/src/core/utils/LinkedText/LinkedText.stories.tsx b/packages/shared-components/src/core/utils/LinkedText/LinkedText.stories.tsx index e5c1b5bc5b8..e05a820b35e 100644 --- a/packages/shared-components/src/core/utils/LinkedText/LinkedText.stories.tsx +++ b/packages/shared-components/src/core/utils/LinkedText/LinkedText.stories.tsx @@ -13,7 +13,7 @@ import { LinkedText } from "./LinkedText"; import { LinkedTextContext } from "./LinkedTextContext"; const meta = { - title: "Utils/LinkedText", + title: "Core/Utils/LinkedText", component: LinkedText, decorators: [ (Story, { args }) => ( diff --git a/packages/shared-components/src/core/utils/humanize.stories.tsx b/packages/shared-components/src/core/utils/humanize.stories.tsx index 6b3c294ee39..308be040536 100644 --- a/packages/shared-components/src/core/utils/humanize.stories.tsx +++ b/packages/shared-components/src/core/utils/humanize.stories.tsx @@ -12,7 +12,7 @@ import type { Meta } from "@storybook/react-vite"; import humanizeTimeDoc from "../../../typedoc/functions/humanizeTime.md?raw"; const meta = { - title: "utils/humanize", + title: "Core/Utils/Humanize", parameters: { docs: { page: () => ( diff --git a/packages/shared-components/src/core/utils/linkify.stories.tsx b/packages/shared-components/src/core/utils/linkify.stories.tsx index fbba0be2287..913237dc06a 100644 --- a/packages/shared-components/src/core/utils/linkify.stories.tsx +++ b/packages/shared-components/src/core/utils/linkify.stories.tsx @@ -18,7 +18,7 @@ import generateLinkedTextOptions from "../../../typedoc/functions/generateLinked import LinkedTextOptions from "../../../typedoc/interfaces/LinkedTextOptions.md?raw"; const meta = { - title: "utils/linkify", + title: "Core/Utils/Linkify", parameters: { docs: { page: () => ( diff --git a/packages/shared-components/src/core/utils/numbers.stories.tsx b/packages/shared-components/src/core/utils/numbers.stories.tsx index 72cd7c5ce42..dd85e2bf923 100644 --- a/packages/shared-components/src/core/utils/numbers.stories.tsx +++ b/packages/shared-components/src/core/utils/numbers.stories.tsx @@ -16,7 +16,7 @@ import percentageWithinDoc from "../../../typedoc/functions/percentageWithin.md? import sumDoc from "../../../typedoc/functions/sum.md?raw"; const meta = { - title: "utils/numbers", + title: "Core/Utils/Numbers", parameters: { docs: { page: () => ( diff --git a/packages/shared-components/src/event-tiles/UrlPreviewGroupView/LinkPreview/LinkPreview.stories.tsx b/packages/shared-components/src/event-tiles/UrlPreviewGroupView/LinkPreview/LinkPreview.stories.tsx index de02feefdd9..02072b59c7e 100644 --- a/packages/shared-components/src/event-tiles/UrlPreviewGroupView/LinkPreview/LinkPreview.stories.tsx +++ b/packages/shared-components/src/event-tiles/UrlPreviewGroupView/LinkPreview/LinkPreview.stories.tsx @@ -14,7 +14,7 @@ import { LinkPreview } from "./LinkPreview"; import { LinkedTextContext } from "../../../core/utils/LinkedText"; export default { - title: "Event/UrlPreviewGroupView/LinkPreview", + title: "EventTiles/UrlPreviewGroupView/LinkPreview", component: LinkPreview, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/event-tiles/UrlPreviewGroupView/UrlPreviewGroupView.stories.tsx b/packages/shared-components/src/event-tiles/UrlPreviewGroupView/UrlPreviewGroupView.stories.tsx index 60aa443176a..5f5eeb304c9 100644 --- a/packages/shared-components/src/event-tiles/UrlPreviewGroupView/UrlPreviewGroupView.stories.tsx +++ b/packages/shared-components/src/event-tiles/UrlPreviewGroupView/UrlPreviewGroupView.stories.tsx @@ -43,7 +43,7 @@ const UrlPreviewGroupViewWrapperImpl = ({ const UrlPreviewGroupViewWrapper = withViewDocs(UrlPreviewGroupViewWrapperImpl, UrlPreviewGroupView); export default { - title: "Event/UrlPreviewGroupView", + title: "EventTiles/UrlPreviewGroupView", component: UrlPreviewGroupViewWrapper, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/resize/group/GroupView.stories.tsx b/packages/shared-components/src/resize/group/GroupView.stories.tsx index 42c11c36683..14c1fb68bbd 100644 --- a/packages/shared-components/src/resize/group/GroupView.stories.tsx +++ b/packages/shared-components/src/resize/group/GroupView.stories.tsx @@ -38,7 +38,7 @@ const Wrapper = ({ onLeftPanelResized }: GroupViewProps): JSX.Element => { const GroupViewWrapper = withViewDocs(Wrapper, GroupView); const meta = { - title: "Resize/GroupView", + title: "Resize/Group/GroupView", component: GroupViewWrapper, // This is a structural component, so nothing to visually test. tags: ["autodocs", "!snapshot"], diff --git a/packages/shared-components/src/resize/panel/LeftResizablePanelView.stories.tsx b/packages/shared-components/src/resize/panel/LeftResizablePanelView.stories.tsx index b3badd97be8..55cb64513d9 100644 --- a/packages/shared-components/src/resize/panel/LeftResizablePanelView.stories.tsx +++ b/packages/shared-components/src/resize/panel/LeftResizablePanelView.stories.tsx @@ -37,7 +37,7 @@ const Wrapper = ({ onLeftPanelResize, setPanelHandle, ...snapshot }: LeftResizab const LeftResizablePanelViewWrapper = withViewDocs(Wrapper, LeftResizablePanelView); const meta = { - title: "Resize/LeftResizablePanelView", + title: "Resize/Panel/LeftResizablePanelView", component: LeftResizablePanelViewWrapper, // This is a structural component, so nothing to visually test. tags: ["autodocs", "!snapshot"], diff --git a/packages/shared-components/src/resize/separator/SeparatorView.stories.tsx b/packages/shared-components/src/resize/separator/SeparatorView.stories.tsx index a3366c591e5..9b99dc209f8 100644 --- a/packages/shared-components/src/resize/separator/SeparatorView.stories.tsx +++ b/packages/shared-components/src/resize/separator/SeparatorView.stories.tsx @@ -24,7 +24,7 @@ const Wrapper = ({ onFocus, onBlur, onSeparatorClick, ...snapshot }: SeparatorVi const SeparatorViewWrapper = withViewDocs(Wrapper, SeparatorView); const meta = { - title: "Resize/SeparatorView", + title: "Resize/Separator/SeparatorView", component: SeparatorViewWrapper, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/room-list/RoomListHeaderView/RoomListHeaderView.stories.tsx b/packages/shared-components/src/room-list/RoomListHeaderView/RoomListHeaderView.stories.tsx index 35b5fd201b5..4be8a1742d3 100644 --- a/packages/shared-components/src/room-list/RoomListHeaderView/RoomListHeaderView.stories.tsx +++ b/packages/shared-components/src/room-list/RoomListHeaderView/RoomListHeaderView.stories.tsx @@ -48,7 +48,7 @@ const RoomListHeaderViewWrapperImpl = ({ const RoomListHeaderViewWrapper = withViewDocs(RoomListHeaderViewWrapperImpl, RoomListHeaderView); const meta = { - title: "Room List/RoomListHeaderView", + title: "RoomList/RoomListHeaderView", component: RoomListHeaderViewWrapper, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/room-list/RoomListPrimaryFilters/RoomListPrimaryFilters.stories.tsx b/packages/shared-components/src/room-list/RoomListPrimaryFilters/RoomListPrimaryFilters.stories.tsx index cba45144192..cd5bbe8541c 100644 --- a/packages/shared-components/src/room-list/RoomListPrimaryFilters/RoomListPrimaryFilters.stories.tsx +++ b/packages/shared-components/src/room-list/RoomListPrimaryFilters/RoomListPrimaryFilters.stories.tsx @@ -13,7 +13,7 @@ import { RoomListPrimaryFilters } from "./RoomListPrimaryFilters"; import type { FilterId } from "./useVisibleFilters"; const meta = { - title: "Room List/RoomListPrimaryFilters", + title: "RoomList/RoomListPrimaryFilters", component: RoomListPrimaryFilters, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/room-list/RoomListSearchView/RoomListSearchView.stories.tsx b/packages/shared-components/src/room-list/RoomListSearchView/RoomListSearchView.stories.tsx index 18bd159dc7a..95df4429c0a 100644 --- a/packages/shared-components/src/room-list/RoomListSearchView/RoomListSearchView.stories.tsx +++ b/packages/shared-components/src/room-list/RoomListSearchView/RoomListSearchView.stories.tsx @@ -35,7 +35,7 @@ const RoomListSearchViewWrapperImpl = ({ const RoomListSearchViewWrapper = withViewDocs(RoomListSearchViewWrapperImpl, RoomListSearchView); const meta = { - title: "Room List/RoomListSearchView", + title: "RoomList/RoomListSearchView", component: RoomListSearchViewWrapper, tags: ["autodocs"], args: { 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 6f683225d07..c599a366d9e 100644 --- a/packages/shared-components/src/room-list/RoomListView/RoomListView.stories.tsx +++ b/packages/shared-components/src/room-list/RoomListView/RoomListView.stories.tsx @@ -54,7 +54,7 @@ const RoomListViewWrapperImpl = ({ const RoomListViewWrapper = withViewDocs(RoomListViewWrapperImpl, RoomListView); const meta = { - title: "Room List/RoomListView", + title: "RoomList/RoomListView", component: RoomListViewWrapper, tags: ["autodocs"], decorators: [ diff --git a/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemAccessibilityWrapper.stories.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemAccessibilityWrapper.stories.tsx index 7e131593ba0..80cc537739d 100644 --- a/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemAccessibilityWrapper.stories.tsx +++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemAccessibilityWrapper.stories.tsx @@ -13,7 +13,7 @@ import { RoomListItemAccessibilityWrapper } from "./RoomListItemAccessibilityWra import { createMockRoomItemViewModel, renderAvatar } from "../../story-mocks"; const meta = { - title: "Room List/RoomListItemAccessibiltyWrapper", + title: "RoomList/VirtualizedRoomListView/RoomListItemAccessibilityWrapper", component: RoomListItemAccessibilityWrapper, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/NotificationDecoration.stories.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/NotificationDecoration.stories.tsx index cca9e5eef34..56ced6e762e 100644 --- a/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/NotificationDecoration.stories.tsx +++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/NotificationDecoration.stories.tsx @@ -23,7 +23,7 @@ const defaultProps: NotificationDecorationProps = { }; const meta = { - title: "Room List/NotificationDecoration", + title: "RoomList/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/NotificationDecoration", component: NotificationDecoration, tags: ["autodocs"], decorators: [ diff --git a/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemView.stories.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemView.stories.tsx index c6c7986ffb5..d4dbc77a9e5 100644 --- a/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemView.stories.tsx +++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemView.stories.tsx @@ -73,7 +73,7 @@ const RoomListItemWrapperImpl = ({ const RoomListItemWrapper = withViewDocs(RoomListItemWrapperImpl, RoomListItemView); const meta = { - title: "Room List/RoomListItemView", + title: "RoomList/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView", component: RoomListItemWrapper, tags: ["autodocs"], decorators: [ diff --git a/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx index 9b48f089c92..2944577dd7d 100644 --- a/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx +++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx @@ -48,7 +48,7 @@ const RoomListSectionHeaderViewWrapperImpl = ({ const RoomListSectionHeaderViewWrapper = withViewDocs(RoomListSectionHeaderViewWrapperImpl, RoomListSectionHeaderView); const meta = { - title: "Room List/RoomListSectionHeaderView", + title: "RoomList/VirtualizedRoomListView/RoomListSectionHeaderView", component: RoomListSectionHeaderViewWrapper, tags: ["autodocs"], args: { 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 a5048b5c736..5a2a399e3ae 100644 --- a/packages/shared-components/src/room-list/VirtualizedRoomListView/VirtualizedRoomListView.stories.tsx +++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/VirtualizedRoomListView.stories.tsx @@ -63,7 +63,7 @@ const defaultRoomListState: RoomListViewState = { }; const meta = { - title: "Room List/VirtualizedRoomListView", + title: "RoomList/VirtualizedRoomListView", component: RoomListWrapper, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/room/RoomStatusBar/RoomStatusBarView.stories.tsx b/packages/shared-components/src/room/RoomStatusBar/RoomStatusBarView.stories.tsx index 5b48baca880..ed3825b3cd9 100644 --- a/packages/shared-components/src/room/RoomStatusBar/RoomStatusBarView.stories.tsx +++ b/packages/shared-components/src/room/RoomStatusBar/RoomStatusBarView.stories.tsx @@ -37,7 +37,7 @@ const RoomStatusBarViewWrapperImpl = ({ const RoomStatusBarViewWrapper = withViewDocs(RoomStatusBarViewWrapperImpl, RoomStatusBarView); const meta = { - title: "room/RoomStatusBarView", + title: "Room/RoomStatusBar/RoomStatusBarView", component: RoomStatusBarViewWrapper, tags: ["autodocs"], argTypes: {}, diff --git a/packages/shared-components/src/room/WidgetPip/WidgetPipView.stories.tsx b/packages/shared-components/src/room/WidgetPip/WidgetPipView.stories.tsx index 8240afc94f6..4cde6bc544f 100644 --- a/packages/shared-components/src/room/WidgetPip/WidgetPipView.stories.tsx +++ b/packages/shared-components/src/room/WidgetPip/WidgetPipView.stories.tsx @@ -38,7 +38,7 @@ const WidgetPipViewWrapperImpl = ({ const WidgetPipViewWrapper = withViewDocs(WidgetPipViewWrapperImpl, WidgetPipView); export default { - title: "room/WidgetPipView", + title: "Room/WidgetPip/WidgetPipView", component: WidgetPipViewWrapper, tags: ["autodocs"], argTypes: {}, diff --git a/packages/shared-components/src/room/composer/Banner/Banner.stories.tsx b/packages/shared-components/src/room/composer/Banner/Banner.stories.tsx index e1e3e110fba..27365e10e2e 100644 --- a/packages/shared-components/src/room/composer/Banner/Banner.stories.tsx +++ b/packages/shared-components/src/room/composer/Banner/Banner.stories.tsx @@ -13,7 +13,7 @@ import { Button } from "@vector-im/compound-web"; import { Banner } from "./Banner"; const meta = { - title: "room/Banner", + title: "Room/Composer/Banner", component: Banner, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/room/right-panel/WidgetContextMenuView/WidgetContextMenuView.stories.tsx b/packages/shared-components/src/room/right-panel/WidgetContextMenuView/WidgetContextMenuView.stories.tsx index d693baf9397..e03a08e7c09 100644 --- a/packages/shared-components/src/room/right-panel/WidgetContextMenuView/WidgetContextMenuView.stories.tsx +++ b/packages/shared-components/src/room/right-panel/WidgetContextMenuView/WidgetContextMenuView.stories.tsx @@ -45,7 +45,7 @@ const WidgetContextMenuViewWrapperImpl = ({ const WidgetContextMenuViewWrapper = withViewDocs(WidgetContextMenuViewWrapperImpl, WidgetContextMenuView); const meta = { - title: "RightPanel/WidgetContextMenuView", + title: "Room/RightPanel/WidgetContextMenuView", component: WidgetContextMenuViewWrapper, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/room/timeline/DateSeparatorView/DateSeparatorView.stories.tsx b/packages/shared-components/src/room/timeline/DateSeparatorView/DateSeparatorView.stories.tsx index 0bc4dccffd3..193929e2a7f 100644 --- a/packages/shared-components/src/room/timeline/DateSeparatorView/DateSeparatorView.stories.tsx +++ b/packages/shared-components/src/room/timeline/DateSeparatorView/DateSeparatorView.stories.tsx @@ -29,7 +29,7 @@ const DateSeparatorViewWrapperImpl = ({ const DateSeparatorViewWrapper = withViewDocs(DateSeparatorViewWrapperImpl, DateSeparatorView); const meta = { - title: "Timeline/DateSeparatorView", + title: "Room/Timeline/DateSeparatorView", component: DateSeparatorViewWrapper, tags: ["autodocs"], argTypes: { diff --git a/packages/shared-components/src/room/timeline/ReadMarker/ReadMarker.stories.tsx b/packages/shared-components/src/room/timeline/ReadMarker/ReadMarker.stories.tsx index 8b393e01510..840c0b24213 100644 --- a/packages/shared-components/src/room/timeline/ReadMarker/ReadMarker.stories.tsx +++ b/packages/shared-components/src/room/timeline/ReadMarker/ReadMarker.stories.tsx @@ -32,7 +32,7 @@ const ReadMarkerWrapper = ({ }; const meta = { - title: "Timeline/ReadMarker", + title: "Room/Timeline/ReadMarker", component: ReadMarkerWrapper, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/room/timeline/TimelineSeparator/TimelineSeparator.stories.tsx b/packages/shared-components/src/room/timeline/TimelineSeparator/TimelineSeparator.stories.tsx index c103b960282..ac4c88f68dd 100644 --- a/packages/shared-components/src/room/timeline/TimelineSeparator/TimelineSeparator.stories.tsx +++ b/packages/shared-components/src/room/timeline/TimelineSeparator/TimelineSeparator.stories.tsx @@ -12,7 +12,7 @@ import TimelineSeparator from "./TimelineSeparator"; import styles from "./TimelineSeparator.module.css"; const meta = { - title: "MessageBody/TimelineSeparator", + title: "Room/Timeline/TimelineSeparator", component: TimelineSeparator, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/DisambiguatedProfile/DisambiguatedProfile.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/DisambiguatedProfile/DisambiguatedProfile.stories.tsx index 7a871b0ed5a..d254f1664ed 100644 --- a/packages/shared-components/src/room/timeline/event-tile/EventTileView/DisambiguatedProfile/DisambiguatedProfile.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/DisambiguatedProfile/DisambiguatedProfile.stories.tsx @@ -30,7 +30,7 @@ const DisambiguatedProfileViewWrapperImpl = ({ const DisambiguatedProfileViewWrapper = withViewDocs(DisambiguatedProfileViewWrapperImpl, DisambiguatedProfileView); const meta = { - title: "Profile/DisambiguatedProfile", + title: "Room/Timeline/EventTile/EventTileView/DisambiguatedProfile", component: DisambiguatedProfileViewWrapper, tags: ["autodocs"], argTypes: { diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/EncryptionEventView/EncryptionEventView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/EncryptionEventView/EncryptionEventView.stories.tsx index 35f012fb690..b30beedc92a 100644 --- a/packages/shared-components/src/room/timeline/event-tile/EventTileView/EncryptionEventView/EncryptionEventView.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/EncryptionEventView/EncryptionEventView.stories.tsx @@ -25,7 +25,7 @@ const EncryptionEventViewWrapperImpl = ({ const EncryptionEventViewWrapper = withViewDocs(EncryptionEventViewWrapperImpl, EncryptionEventView); const meta = { - title: "Event/EncryptionEvent", + title: "Room/Timeline/EventTile/EventTileView/EncryptionEventView", component: EncryptionEventViewWrapper, tags: ["autodocs"], argTypes: { diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/EventTileBubble/EventTileBubble.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/EventTileBubble/EventTileBubble.stories.tsx index 08d8fd9b737..a6cf7d91578 100644 --- a/packages/shared-components/src/room/timeline/event-tile/EventTileView/EventTileBubble/EventTileBubble.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/EventTileBubble/EventTileBubble.stories.tsx @@ -12,7 +12,7 @@ import type { Meta, StoryObj } from "@storybook/react-vite"; import { EventTileBubble } from "./EventTileBubble"; const meta = { - title: "Event/EventTileBubble", + title: "Room/Timeline/EventTile/EventTileView/EventTileBubble", component: EventTileBubble, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/PinnedMessageBadge/PinnedMessageBadge.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/PinnedMessageBadge/PinnedMessageBadge.stories.tsx index fb073069a60..89b20f37a03 100644 --- a/packages/shared-components/src/room/timeline/event-tile/EventTileView/PinnedMessageBadge/PinnedMessageBadge.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/PinnedMessageBadge/PinnedMessageBadge.stories.tsx @@ -9,7 +9,7 @@ import type { Meta, StoryObj } from "@storybook/react-vite"; import { PinnedMessageBadge } from "./PinnedMessageBadge"; const meta = { - title: "Message body/PinnedMessageBadge", + title: "Room/Timeline/EventTile/EventTileView/PinnedMessageBadge", component: PinnedMessageBadge, args: { "aria-describedby": "event-tile-description", diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/TextualEventView/TextualEventView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/TextualEventView/TextualEventView.stories.tsx index 1ae5c3211ec..8eb7c3e089d 100644 --- a/packages/shared-components/src/room/timeline/event-tile/EventTileView/TextualEventView/TextualEventView.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/TextualEventView/TextualEventView.stories.tsx @@ -11,7 +11,7 @@ import { TextualEventView as TextualEventComponent } from "./TextualEventView"; import { MockViewModel } from "../../../../../core/viewmodel/MockViewModel"; const meta = { - title: "Event/TextualEvent", + title: "Room/Timeline/EventTile/EventTileView/TextualEventView", component: TextualEventComponent, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/TileErrorView/TileErrorView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/TileErrorView/TileErrorView.stories.tsx index 30b1961d2c7..fed121588f4 100644 --- a/packages/shared-components/src/room/timeline/event-tile/EventTileView/TileErrorView/TileErrorView.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/TileErrorView/TileErrorView.stories.tsx @@ -34,7 +34,7 @@ const TileErrorViewWrapperImpl = ({ const TileErrorViewWrapper = withViewDocs(TileErrorViewWrapperImpl, TileErrorView); const meta = { - title: "MessageBody/TileErrorView", + title: "Room/Timeline/EventTile/EventTileView/TileErrorView", component: TileErrorViewWrapper, tags: ["autodocs"], decorators: [ diff --git a/packages/shared-components/src/room/timeline/event-tile/body/AudioPlayerView/AudioPlayerView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/body/AudioPlayerView/AudioPlayerView.stories.tsx index d979181bef3..3bfdf7df995 100644 --- a/packages/shared-components/src/room/timeline/event-tile/body/AudioPlayerView/AudioPlayerView.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/body/AudioPlayerView/AudioPlayerView.stories.tsx @@ -30,7 +30,7 @@ const AudioPlayerViewWrapperImpl = ({ const AudioPlayerViewWrapper = withViewDocs(AudioPlayerViewWrapperImpl, AudioPlayerView); const meta = { - title: "Audio/AudioPlayerView", + title: "Room/Timeline/EventTile/Body/AudioPlayerView", component: AudioPlayerViewWrapper, tags: ["autodocs"], argTypes: { diff --git a/packages/shared-components/src/room/timeline/event-tile/body/DecryptionFailureBodyView/DecryptionFailureBodyView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/body/DecryptionFailureBodyView/DecryptionFailureBodyView.stories.tsx index 59faf5dfb7c..e17dcf37d33 100644 --- a/packages/shared-components/src/room/timeline/event-tile/body/DecryptionFailureBodyView/DecryptionFailureBodyView.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/body/DecryptionFailureBodyView/DecryptionFailureBodyView.stories.tsx @@ -29,7 +29,7 @@ const DecryptionFailureBodyViewWrapperImpl = ({ const DecryptionFailureBodyViewWrapper = withViewDocs(DecryptionFailureBodyViewWrapperImpl, DecryptionFailureBodyView); const meta = { - title: "MessageBody/DecryptionFailureBodyView", + title: "Room/Timeline/EventTile/Body/DecryptionFailureBodyView", component: DecryptionFailureBodyViewWrapper, tags: ["autodocs"], argTypes: { diff --git a/packages/shared-components/src/room/timeline/event-tile/body/EventContentBodyView/EventContentBody.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/body/EventContentBodyView/EventContentBody.stories.tsx index 347b55689de..813e71705a2 100644 --- a/packages/shared-components/src/room/timeline/event-tile/body/EventContentBodyView/EventContentBody.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/body/EventContentBodyView/EventContentBody.stories.tsx @@ -24,7 +24,7 @@ const EventContentBodyWrapperImpl = ({ as, ...snapshot }: EventContentBodyStoryP const EventContentBodyWrapper = withViewDocs(EventContentBodyWrapperImpl, EventContentBodyView); const meta = { - title: "MessageBody/EventContentBody", + title: "Room/Timeline/EventTile/Body/EventContentBodyView/EventContentBody", component: EventContentBodyWrapper, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/room/timeline/event-tile/body/MFileBodyView/FileBodyView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/body/MFileBodyView/FileBodyView.stories.tsx index 12a5ff5df7d..b0b91677c64 100644 --- a/packages/shared-components/src/room/timeline/event-tile/body/MFileBodyView/FileBodyView.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/body/MFileBodyView/FileBodyView.stories.tsx @@ -42,7 +42,7 @@ const FileBodyViewWrapperImpl = ({ const FileBodyViewWrapper = withViewDocs(FileBodyViewWrapperImpl, FileBodyView); const meta = { - title: "MessageBody/FileBodyView", + title: "Room/Timeline/EventTile/Body/MFileBodyView/FileBodyView", component: FileBodyViewWrapper, tags: ["autodocs"], argTypes: { diff --git a/packages/shared-components/src/room/timeline/event-tile/body/MVideoBodyView/VideoBodyView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/body/MVideoBodyView/VideoBodyView.stories.tsx index 115d93e5cae..b8ac282e4a4 100644 --- a/packages/shared-components/src/room/timeline/event-tile/body/MVideoBodyView/VideoBodyView.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/body/MVideoBodyView/VideoBodyView.stories.tsx @@ -45,7 +45,7 @@ const VideoBodyViewWrapperImpl = ({ const VideoBodyViewWrapper = withViewDocs(VideoBodyViewWrapperImpl, VideoBodyView); const meta = { - title: "MessageBody/VideoBodyView", + title: "Room/Timeline/EventTile/Body/MVideoBodyView/VideoBodyView", component: VideoBodyViewWrapper, tags: ["autodocs"], argTypes: { diff --git a/packages/shared-components/src/room/timeline/event-tile/body/MediaBody/MediaBody.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/body/MediaBody/MediaBody.stories.tsx index bc41f887549..5b17f1e7ff7 100644 --- a/packages/shared-components/src/room/timeline/event-tile/body/MediaBody/MediaBody.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/body/MediaBody/MediaBody.stories.tsx @@ -9,7 +9,7 @@ import { MediaBody } from "./MediaBody"; import type { Meta, StoryObj } from "@storybook/react-vite"; const meta = { - title: "MessageBody/MediaBody", + title: "Room/Timeline/EventTile/Body/MediaBody", component: MediaBody, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/room/timeline/event-tile/body/RedactedBodyView/RedactedBodyView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/body/RedactedBodyView/RedactedBodyView.stories.tsx index 5dda5f50f68..1c08cd5cc79 100644 --- a/packages/shared-components/src/room/timeline/event-tile/body/RedactedBodyView/RedactedBodyView.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/body/RedactedBodyView/RedactedBodyView.stories.tsx @@ -27,7 +27,7 @@ const RedactedBodyViewWrapperImpl = ({ const RedactedBodyViewWrapper = withViewDocs(RedactedBodyViewWrapperImpl, RedactedBodyView); const meta = { - title: "MessageBody/RedactedBodyView", + title: "Room/Timeline/EventTile/Body/RedactedBodyView", component: RedactedBodyViewWrapper, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/room/timeline/event-tile/body/TextualBodyView/TextualBody.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/body/TextualBodyView/TextualBody.stories.tsx index 26604c08149..9b2152bce94 100644 --- a/packages/shared-components/src/room/timeline/event-tile/body/TextualBodyView/TextualBody.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/body/TextualBodyView/TextualBody.stories.tsx @@ -76,7 +76,7 @@ const TEXTUAL_BODY_VIEW_BODY_WRAPPER_KIND_OPTIONS = [ ]; const meta = { - title: "MessageBody/TextualBody", + title: "Room/Timeline/EventTile/Body/TextualBodyView/TextualBody", component: TextualBodyViewWrapper, tags: ["autodocs"], argTypes: { diff --git a/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRow/ReactionsRow.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRow/ReactionsRow.stories.tsx index ac89e8de0ee..9ce23e15424 100644 --- a/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRow/ReactionsRow.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRow/ReactionsRow.stories.tsx @@ -81,7 +81,7 @@ const ReactionsRowViewWrapperImpl = ({ const ReactionsRowViewWrapper = withViewDocs(ReactionsRowViewWrapperImpl, ReactionsRowView); const meta = { - title: "MessageBody/ReactionsRow", + title: "Room/Timeline/EventTile/Reactions/ReactionsRow", component: ReactionsRowViewWrapper, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRowButton/ReactionsRowButton.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRowButton/ReactionsRowButton.stories.tsx index 6001d1bf52b..9afcbe9ed60 100644 --- a/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRowButton/ReactionsRowButton.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRowButton/ReactionsRowButton.stories.tsx @@ -58,7 +58,7 @@ const ReactionsRowButtonViewWrapperImpl = ({ const ReactionsRowButtonViewWrapper = withViewDocs(ReactionsRowButtonViewWrapperImpl, ReactionsRowButtonView); const meta = { - title: "MessageBody/ReactionsRowButton", + title: "Room/Timeline/EventTile/Reactions/ReactionsRowButton", component: ReactionsRowButtonViewWrapper, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRowButtonTooltip/ReactionsRowButtonTooltip.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRowButtonTooltip/ReactionsRowButtonTooltip.stories.tsx index 2ce06d0c668..cdd37e5f03a 100644 --- a/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRowButtonTooltip/ReactionsRowButtonTooltip.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRowButtonTooltip/ReactionsRowButtonTooltip.stories.tsx @@ -27,7 +27,7 @@ const ReactionsRowButtonTooltipViewWrapper = withViewDocs( ); const meta = { - title: "MessageBody/ReactionsRowButtonTooltip", + title: "Room/Timeline/EventTile/Reactions/ReactionsRowButtonTooltip", component: ReactionsRowButtonTooltipViewWrapper, tags: ["autodocs"], argTypes: { diff --git a/packages/shared-components/src/room/timeline/event-tile/timestamp/MessageTimestampView/MessageTimestampView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/timestamp/MessageTimestampView/MessageTimestampView.stories.tsx index 581aaa21bdf..bb2819ff2fe 100644 --- a/packages/shared-components/src/room/timeline/event-tile/timestamp/MessageTimestampView/MessageTimestampView.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/timestamp/MessageTimestampView/MessageTimestampView.stories.tsx @@ -33,7 +33,7 @@ const MessageTimestampWrapperImpl = ({ const MessageTimestampWrapper = withViewDocs(MessageTimestampWrapperImpl, MessageTimestampView); const meta = { - title: "MessageBody/MessageTimestamp", + title: "Room/Timeline/EventTile/Timestamp/MessageTimestampView", component: MessageTimestampWrapper, tags: ["autodocs"], args: { From 8dfd4d8a07ef58bc5856edad8c33804ee52cd4d6 Mon Sep 17 00:00:00 2001 From: Zack Date: Tue, 21 Apr 2026 13:07:09 +0200 Subject: [PATCH 02/10] Rechange the structure for better navigation on storybook --- packages/shared-components/README.md | 8 +++++--- .../FlatVirtualizedList/FlatVirtualizedList.stories.tsx | 2 +- .../GroupedVirtualizedList.stories.tsx | 2 +- .../src/core/pill-input/Pill/Pill.stories.tsx | 2 +- .../src/core/pill-input/PillInput/PillInput.stories.tsx | 2 +- .../src/core/rich-list/RichItem/RichItem.stories.tsx | 2 +- .../src/core/rich-list/RichList/RichList.stories.tsx | 2 +- .../src/core/utils/FormattingUtils.stories.tsx | 2 +- .../src/core/utils/LinkedText/LinkedText.stories.tsx | 2 +- .../shared-components/src/core/utils/humanize.stories.tsx | 2 +- .../shared-components/src/core/utils/linkify.stories.tsx | 2 +- .../shared-components/src/core/utils/numbers.stories.tsx | 2 +- .../LinkPreview/LinkPreview.stories.tsx | 2 +- .../src/resize/group/GroupView.stories.tsx | 2 +- .../src/resize/panel/LeftResizablePanelView.stories.tsx | 2 +- .../src/resize/separator/SeparatorView.stories.tsx | 2 +- .../RoomListItemAccessibilityWrapper.stories.tsx | 2 +- .../RoomListItemView/NotificationDecoration.stories.tsx | 2 +- .../RoomListItemView/RoomListItemView.stories.tsx | 2 +- .../RoomListSectionHeaderView.stories.tsx | 2 +- .../src/room/RoomStatusBar/RoomStatusBarView.stories.tsx | 2 +- .../src/room/WidgetPip/WidgetPipView.stories.tsx | 2 +- .../src/room/composer/Banner/Banner.stories.tsx | 2 +- .../WidgetContextMenuView.stories.tsx | 2 +- .../DateSeparatorView/DateSeparatorView.stories.tsx | 2 +- .../src/room/timeline/ReadMarker/ReadMarker.stories.tsx | 2 +- .../TimelineSeparator/TimelineSeparator.stories.tsx | 2 +- .../DisambiguatedProfile/DisambiguatedProfile.stories.tsx | 2 +- .../EncryptionEventView/EncryptionEventView.stories.tsx | 2 +- .../EventTileBubble/EventTileBubble.stories.tsx | 2 +- .../PinnedMessageBadge/PinnedMessageBadge.stories.tsx | 2 +- .../TextualEventView/TextualEventView.stories.tsx | 2 +- .../EventTileView/TileErrorView/TileErrorView.stories.tsx | 2 +- .../actions/ActionBarView/ActionBarView.stories.tsx | 2 +- .../body/AudioPlayerView/AudioPlayerView.stories.tsx | 2 +- .../DecryptionFailureBodyView.stories.tsx | 2 +- .../EventContentBodyView/EventContentBody.stories.tsx | 2 +- .../body/MFileBodyView/FileBodyView.stories.tsx | 2 +- .../body/MVideoBodyView/VideoBodyView.stories.tsx | 2 +- .../event-tile/body/MediaBody/MediaBody.stories.tsx | 2 +- .../body/RedactedBodyView/RedactedBodyView.stories.tsx | 2 +- .../body/TextualBodyView/TextualBody.stories.tsx | 2 +- .../reactions/ReactionsRow/ReactionsRow.stories.tsx | 2 +- .../ReactionsRowButton/ReactionsRowButton.stories.tsx | 2 +- .../ReactionsRowButtonTooltip.stories.tsx | 2 +- .../MessageTimestampView/MessageTimestampView.stories.tsx | 2 +- 46 files changed, 50 insertions(+), 48 deletions(-) diff --git a/packages/shared-components/README.md b/packages/shared-components/README.md index 138a458197f..dfe9805419b 100644 --- a/packages/shared-components/README.md +++ b/packages/shared-components/README.md @@ -127,6 +127,8 @@ components that don't need a view model. All components should have accompanying Storybook stories for documentation and visual testing. Stories are written in TypeScript using the [Component Story Format (CSF)](https://storybook.js.org/docs/api/csf). +Use shallow, browse-oriented story titles such as `RoomList/RoomListSearchView` or `TimelineBody/DecryptionFailureBodyView`. Do not mirror the full source path in the Storybook title. + #### Story File Structure Place the story file next to the component with the `.stories.tsx` extension: @@ -254,7 +256,7 @@ Example with Figma integration: ```tsx const meta = { - title: "Room List/RoomListSearchView", + title: "RoomList/RoomListSearchView", component: RoomListSearchViewWrapper, tags: ["autodocs"], args: { @@ -277,7 +279,7 @@ The Figma design will appear in the "Design" tab in Storybook. For utility functions, helpers, and other non-UI exports, create documentation stories using TSX format with TypeDoc-generated markdown. -`src/utils/humanize.stories.tsx` +`src/core/utils/humanize.stories.tsx` ```tsx import React from "react"; @@ -287,7 +289,7 @@ import type { Meta } from "@storybook/react-vite"; import humanizeTimeDoc from "../../typedoc/functions/humanizeTime.md?raw"; const meta = { - title: "utils/humanize", + title: "Core/Humanize", parameters: { docs: { page: () => ( diff --git a/packages/shared-components/src/core/VirtualizedList/FlatVirtualizedList/FlatVirtualizedList.stories.tsx b/packages/shared-components/src/core/VirtualizedList/FlatVirtualizedList/FlatVirtualizedList.stories.tsx index e8609e7d57c..811d5075a9d 100644 --- a/packages/shared-components/src/core/VirtualizedList/FlatVirtualizedList/FlatVirtualizedList.stories.tsx +++ b/packages/shared-components/src/core/VirtualizedList/FlatVirtualizedList/FlatVirtualizedList.stories.tsx @@ -14,7 +14,7 @@ import { items, SimpleItemComponent } from "../story-mock"; import { getContainerAccessibleProps, getItemAccessibleProps } from "../accessbility"; const meta = { - title: "Core/VirtualizedList/FlatVirtualizedList", + title: "Core/FlatVirtualizedList", component: FlatVirtualizedList, parameters: { docs: { diff --git a/packages/shared-components/src/core/VirtualizedList/GroupedVirtualizedList/GroupedVirtualizedList.stories.tsx b/packages/shared-components/src/core/VirtualizedList/GroupedVirtualizedList/GroupedVirtualizedList.stories.tsx index a68ec351d70..539a0601c2f 100644 --- a/packages/shared-components/src/core/VirtualizedList/GroupedVirtualizedList/GroupedVirtualizedList.stories.tsx +++ b/packages/shared-components/src/core/VirtualizedList/GroupedVirtualizedList/GroupedVirtualizedList.stories.tsx @@ -17,7 +17,7 @@ import { getContainerAccessibleProps, getGroupHeaderAccessibleProps, getItemAcce const totalRows = groups.reduce((total, group) => total + 1 + group.items.length, 0); const meta = { - title: "Core/VirtualizedList/GroupedVirtualizedList", + title: "Core/GroupedVirtualizedList", component: GroupedVirtualizedList, parameters: { docs: { diff --git a/packages/shared-components/src/core/pill-input/Pill/Pill.stories.tsx b/packages/shared-components/src/core/pill-input/Pill/Pill.stories.tsx index 3134e53bcb8..2caeab0c48d 100644 --- a/packages/shared-components/src/core/pill-input/Pill/Pill.stories.tsx +++ b/packages/shared-components/src/core/pill-input/Pill/Pill.stories.tsx @@ -12,7 +12,7 @@ import type { Meta, StoryObj } from "@storybook/react-vite"; import { Pill } from "./Pill"; const meta = { - title: "Core/PillInput/Pill", + title: "Core/Pill", component: Pill, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/core/pill-input/PillInput/PillInput.stories.tsx b/packages/shared-components/src/core/pill-input/PillInput/PillInput.stories.tsx index b1496037161..036aaed0b73 100644 --- a/packages/shared-components/src/core/pill-input/PillInput/PillInput.stories.tsx +++ b/packages/shared-components/src/core/pill-input/PillInput/PillInput.stories.tsx @@ -12,7 +12,7 @@ import type { Meta, StoryObj } from "@storybook/react-vite"; import { PillInput } from "./PillInput"; const meta = { - title: "Core/PillInput/PillInput", + title: "Core/PillInput", component: PillInput, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/core/rich-list/RichItem/RichItem.stories.tsx b/packages/shared-components/src/core/rich-list/RichItem/RichItem.stories.tsx index b7f3e4a76ae..73b8138cde0 100644 --- a/packages/shared-components/src/core/rich-list/RichItem/RichItem.stories.tsx +++ b/packages/shared-components/src/core/rich-list/RichItem/RichItem.stories.tsx @@ -14,7 +14,7 @@ import { RichItem } from "./RichItem"; const currentTimestamp = new Date("2025-03-09T12:00:00Z").getTime(); const meta = { - title: "Core/RichList/RichItem", + title: "Core/RichItem", component: RichItem, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/core/rich-list/RichList/RichList.stories.tsx b/packages/shared-components/src/core/rich-list/RichList/RichList.stories.tsx index 527046c6ccf..9ca502a7ded 100644 --- a/packages/shared-components/src/core/rich-list/RichList/RichList.stories.tsx +++ b/packages/shared-components/src/core/rich-list/RichList/RichList.stories.tsx @@ -14,7 +14,7 @@ import { RichItem } from "../RichItem"; const avatar =
; const meta = { - title: "Core/RichList/RichList", + title: "Core/RichList", component: RichList, tags: ["autodocs"], decorators: [ diff --git a/packages/shared-components/src/core/utils/FormattingUtils.stories.tsx b/packages/shared-components/src/core/utils/FormattingUtils.stories.tsx index d0ecf592301..5f32ccea506 100644 --- a/packages/shared-components/src/core/utils/FormattingUtils.stories.tsx +++ b/packages/shared-components/src/core/utils/FormattingUtils.stories.tsx @@ -13,7 +13,7 @@ import formatBytesDoc from "../../../typedoc/functions/formatBytes.md?raw"; import formatSecondsDoc from "../../../typedoc/functions/formatSeconds.md?raw"; const meta = { - title: "Core/Utils/FormattingUtils", + title: "Core/FormattingUtils", parameters: { docs: { page: () => ( diff --git a/packages/shared-components/src/core/utils/LinkedText/LinkedText.stories.tsx b/packages/shared-components/src/core/utils/LinkedText/LinkedText.stories.tsx index e05a820b35e..07418981fa2 100644 --- a/packages/shared-components/src/core/utils/LinkedText/LinkedText.stories.tsx +++ b/packages/shared-components/src/core/utils/LinkedText/LinkedText.stories.tsx @@ -13,7 +13,7 @@ import { LinkedText } from "./LinkedText"; import { LinkedTextContext } from "./LinkedTextContext"; const meta = { - title: "Core/Utils/LinkedText", + title: "Core/LinkedText", component: LinkedText, decorators: [ (Story, { args }) => ( diff --git a/packages/shared-components/src/core/utils/humanize.stories.tsx b/packages/shared-components/src/core/utils/humanize.stories.tsx index 308be040536..a54215a3c21 100644 --- a/packages/shared-components/src/core/utils/humanize.stories.tsx +++ b/packages/shared-components/src/core/utils/humanize.stories.tsx @@ -12,7 +12,7 @@ import type { Meta } from "@storybook/react-vite"; import humanizeTimeDoc from "../../../typedoc/functions/humanizeTime.md?raw"; const meta = { - title: "Core/Utils/Humanize", + title: "Core/Humanize", parameters: { docs: { page: () => ( diff --git a/packages/shared-components/src/core/utils/linkify.stories.tsx b/packages/shared-components/src/core/utils/linkify.stories.tsx index 913237dc06a..354c548460e 100644 --- a/packages/shared-components/src/core/utils/linkify.stories.tsx +++ b/packages/shared-components/src/core/utils/linkify.stories.tsx @@ -18,7 +18,7 @@ import generateLinkedTextOptions from "../../../typedoc/functions/generateLinked import LinkedTextOptions from "../../../typedoc/interfaces/LinkedTextOptions.md?raw"; const meta = { - title: "Core/Utils/Linkify", + title: "Core/Linkify", parameters: { docs: { page: () => ( diff --git a/packages/shared-components/src/core/utils/numbers.stories.tsx b/packages/shared-components/src/core/utils/numbers.stories.tsx index dd85e2bf923..b1ee55b22d7 100644 --- a/packages/shared-components/src/core/utils/numbers.stories.tsx +++ b/packages/shared-components/src/core/utils/numbers.stories.tsx @@ -16,7 +16,7 @@ import percentageWithinDoc from "../../../typedoc/functions/percentageWithin.md? import sumDoc from "../../../typedoc/functions/sum.md?raw"; const meta = { - title: "Core/Utils/Numbers", + title: "Core/Numbers", parameters: { docs: { page: () => ( diff --git a/packages/shared-components/src/event-tiles/UrlPreviewGroupView/LinkPreview/LinkPreview.stories.tsx b/packages/shared-components/src/event-tiles/UrlPreviewGroupView/LinkPreview/LinkPreview.stories.tsx index 02072b59c7e..9b1ba5e2439 100644 --- a/packages/shared-components/src/event-tiles/UrlPreviewGroupView/LinkPreview/LinkPreview.stories.tsx +++ b/packages/shared-components/src/event-tiles/UrlPreviewGroupView/LinkPreview/LinkPreview.stories.tsx @@ -14,7 +14,7 @@ import { LinkPreview } from "./LinkPreview"; import { LinkedTextContext } from "../../../core/utils/LinkedText"; export default { - title: "EventTiles/UrlPreviewGroupView/LinkPreview", + title: "EventTiles/LinkPreview", component: LinkPreview, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/resize/group/GroupView.stories.tsx b/packages/shared-components/src/resize/group/GroupView.stories.tsx index 14c1fb68bbd..42c11c36683 100644 --- a/packages/shared-components/src/resize/group/GroupView.stories.tsx +++ b/packages/shared-components/src/resize/group/GroupView.stories.tsx @@ -38,7 +38,7 @@ const Wrapper = ({ onLeftPanelResized }: GroupViewProps): JSX.Element => { const GroupViewWrapper = withViewDocs(Wrapper, GroupView); const meta = { - title: "Resize/Group/GroupView", + title: "Resize/GroupView", component: GroupViewWrapper, // This is a structural component, so nothing to visually test. tags: ["autodocs", "!snapshot"], diff --git a/packages/shared-components/src/resize/panel/LeftResizablePanelView.stories.tsx b/packages/shared-components/src/resize/panel/LeftResizablePanelView.stories.tsx index 55cb64513d9..b3badd97be8 100644 --- a/packages/shared-components/src/resize/panel/LeftResizablePanelView.stories.tsx +++ b/packages/shared-components/src/resize/panel/LeftResizablePanelView.stories.tsx @@ -37,7 +37,7 @@ const Wrapper = ({ onLeftPanelResize, setPanelHandle, ...snapshot }: LeftResizab const LeftResizablePanelViewWrapper = withViewDocs(Wrapper, LeftResizablePanelView); const meta = { - title: "Resize/Panel/LeftResizablePanelView", + title: "Resize/LeftResizablePanelView", component: LeftResizablePanelViewWrapper, // This is a structural component, so nothing to visually test. tags: ["autodocs", "!snapshot"], diff --git a/packages/shared-components/src/resize/separator/SeparatorView.stories.tsx b/packages/shared-components/src/resize/separator/SeparatorView.stories.tsx index 9b99dc209f8..a3366c591e5 100644 --- a/packages/shared-components/src/resize/separator/SeparatorView.stories.tsx +++ b/packages/shared-components/src/resize/separator/SeparatorView.stories.tsx @@ -24,7 +24,7 @@ const Wrapper = ({ onFocus, onBlur, onSeparatorClick, ...snapshot }: SeparatorVi const SeparatorViewWrapper = withViewDocs(Wrapper, SeparatorView); const meta = { - title: "Resize/Separator/SeparatorView", + title: "Resize/SeparatorView", component: SeparatorViewWrapper, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemAccessibilityWrapper.stories.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemAccessibilityWrapper.stories.tsx index 80cc537739d..500d6ae59b6 100644 --- a/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemAccessibilityWrapper.stories.tsx +++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemAccessibilityWrapper.stories.tsx @@ -13,7 +13,7 @@ import { RoomListItemAccessibilityWrapper } from "./RoomListItemAccessibilityWra import { createMockRoomItemViewModel, renderAvatar } from "../../story-mocks"; const meta = { - title: "RoomList/VirtualizedRoomListView/RoomListItemAccessibilityWrapper", + title: "RoomList/RoomListItemAccessibilityWrapper", component: RoomListItemAccessibilityWrapper, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/NotificationDecoration.stories.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/NotificationDecoration.stories.tsx index 56ced6e762e..066a40d71e0 100644 --- a/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/NotificationDecoration.stories.tsx +++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/NotificationDecoration.stories.tsx @@ -23,7 +23,7 @@ const defaultProps: NotificationDecorationProps = { }; const meta = { - title: "RoomList/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/NotificationDecoration", + title: "RoomList/NotificationDecoration", component: NotificationDecoration, tags: ["autodocs"], decorators: [ diff --git a/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemView.stories.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemView.stories.tsx index d4dbc77a9e5..3b9f154c755 100644 --- a/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemView.stories.tsx +++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemView.stories.tsx @@ -73,7 +73,7 @@ const RoomListItemWrapperImpl = ({ const RoomListItemWrapper = withViewDocs(RoomListItemWrapperImpl, RoomListItemView); const meta = { - title: "RoomList/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView", + title: "RoomList/RoomListItemView", component: RoomListItemWrapper, tags: ["autodocs"], decorators: [ diff --git a/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx index 2944577dd7d..5a8756b02eb 100644 --- a/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx +++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx @@ -48,7 +48,7 @@ const RoomListSectionHeaderViewWrapperImpl = ({ const RoomListSectionHeaderViewWrapper = withViewDocs(RoomListSectionHeaderViewWrapperImpl, RoomListSectionHeaderView); const meta = { - title: "RoomList/VirtualizedRoomListView/RoomListSectionHeaderView", + title: "RoomList/RoomListSectionHeaderView", component: RoomListSectionHeaderViewWrapper, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/room/RoomStatusBar/RoomStatusBarView.stories.tsx b/packages/shared-components/src/room/RoomStatusBar/RoomStatusBarView.stories.tsx index ed3825b3cd9..427b33fabf9 100644 --- a/packages/shared-components/src/room/RoomStatusBar/RoomStatusBarView.stories.tsx +++ b/packages/shared-components/src/room/RoomStatusBar/RoomStatusBarView.stories.tsx @@ -37,7 +37,7 @@ const RoomStatusBarViewWrapperImpl = ({ const RoomStatusBarViewWrapper = withViewDocs(RoomStatusBarViewWrapperImpl, RoomStatusBarView); const meta = { - title: "Room/RoomStatusBar/RoomStatusBarView", + title: "Room/RoomStatusBarView", component: RoomStatusBarViewWrapper, tags: ["autodocs"], argTypes: {}, diff --git a/packages/shared-components/src/room/WidgetPip/WidgetPipView.stories.tsx b/packages/shared-components/src/room/WidgetPip/WidgetPipView.stories.tsx index 4cde6bc544f..c19cbcf2c6d 100644 --- a/packages/shared-components/src/room/WidgetPip/WidgetPipView.stories.tsx +++ b/packages/shared-components/src/room/WidgetPip/WidgetPipView.stories.tsx @@ -38,7 +38,7 @@ const WidgetPipViewWrapperImpl = ({ const WidgetPipViewWrapper = withViewDocs(WidgetPipViewWrapperImpl, WidgetPipView); export default { - title: "Room/WidgetPip/WidgetPipView", + title: "Room/WidgetPipView", component: WidgetPipViewWrapper, tags: ["autodocs"], argTypes: {}, diff --git a/packages/shared-components/src/room/composer/Banner/Banner.stories.tsx b/packages/shared-components/src/room/composer/Banner/Banner.stories.tsx index 27365e10e2e..489d67d88da 100644 --- a/packages/shared-components/src/room/composer/Banner/Banner.stories.tsx +++ b/packages/shared-components/src/room/composer/Banner/Banner.stories.tsx @@ -13,7 +13,7 @@ import { Button } from "@vector-im/compound-web"; import { Banner } from "./Banner"; const meta = { - title: "Room/Composer/Banner", + title: "Room/Banner", component: Banner, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/room/right-panel/WidgetContextMenuView/WidgetContextMenuView.stories.tsx b/packages/shared-components/src/room/right-panel/WidgetContextMenuView/WidgetContextMenuView.stories.tsx index e03a08e7c09..3e127e7972d 100644 --- a/packages/shared-components/src/room/right-panel/WidgetContextMenuView/WidgetContextMenuView.stories.tsx +++ b/packages/shared-components/src/room/right-panel/WidgetContextMenuView/WidgetContextMenuView.stories.tsx @@ -45,7 +45,7 @@ const WidgetContextMenuViewWrapperImpl = ({ const WidgetContextMenuViewWrapper = withViewDocs(WidgetContextMenuViewWrapperImpl, WidgetContextMenuView); const meta = { - title: "Room/RightPanel/WidgetContextMenuView", + title: "Room/WidgetContextMenuView", component: WidgetContextMenuViewWrapper, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/room/timeline/DateSeparatorView/DateSeparatorView.stories.tsx b/packages/shared-components/src/room/timeline/DateSeparatorView/DateSeparatorView.stories.tsx index 193929e2a7f..5f1c2293cd4 100644 --- a/packages/shared-components/src/room/timeline/DateSeparatorView/DateSeparatorView.stories.tsx +++ b/packages/shared-components/src/room/timeline/DateSeparatorView/DateSeparatorView.stories.tsx @@ -29,7 +29,7 @@ const DateSeparatorViewWrapperImpl = ({ const DateSeparatorViewWrapper = withViewDocs(DateSeparatorViewWrapperImpl, DateSeparatorView); const meta = { - title: "Room/Timeline/DateSeparatorView", + title: "TimelineMeta/DateSeparatorView", component: DateSeparatorViewWrapper, tags: ["autodocs"], argTypes: { diff --git a/packages/shared-components/src/room/timeline/ReadMarker/ReadMarker.stories.tsx b/packages/shared-components/src/room/timeline/ReadMarker/ReadMarker.stories.tsx index 840c0b24213..42a3ea45ecc 100644 --- a/packages/shared-components/src/room/timeline/ReadMarker/ReadMarker.stories.tsx +++ b/packages/shared-components/src/room/timeline/ReadMarker/ReadMarker.stories.tsx @@ -32,7 +32,7 @@ const ReadMarkerWrapper = ({ }; const meta = { - title: "Room/Timeline/ReadMarker", + title: "TimelineMeta/ReadMarker", component: ReadMarkerWrapper, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/room/timeline/TimelineSeparator/TimelineSeparator.stories.tsx b/packages/shared-components/src/room/timeline/TimelineSeparator/TimelineSeparator.stories.tsx index ac4c88f68dd..94b5f38c085 100644 --- a/packages/shared-components/src/room/timeline/TimelineSeparator/TimelineSeparator.stories.tsx +++ b/packages/shared-components/src/room/timeline/TimelineSeparator/TimelineSeparator.stories.tsx @@ -12,7 +12,7 @@ import TimelineSeparator from "./TimelineSeparator"; import styles from "./TimelineSeparator.module.css"; const meta = { - title: "Room/Timeline/TimelineSeparator", + title: "TimelineMeta/TimelineSeparator", component: TimelineSeparator, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/DisambiguatedProfile/DisambiguatedProfile.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/DisambiguatedProfile/DisambiguatedProfile.stories.tsx index d254f1664ed..66c4c90bebf 100644 --- a/packages/shared-components/src/room/timeline/event-tile/EventTileView/DisambiguatedProfile/DisambiguatedProfile.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/DisambiguatedProfile/DisambiguatedProfile.stories.tsx @@ -30,7 +30,7 @@ const DisambiguatedProfileViewWrapperImpl = ({ const DisambiguatedProfileViewWrapper = withViewDocs(DisambiguatedProfileViewWrapperImpl, DisambiguatedProfileView); const meta = { - title: "Room/Timeline/EventTile/EventTileView/DisambiguatedProfile", + title: "TimelineEvent/DisambiguatedProfile", component: DisambiguatedProfileViewWrapper, tags: ["autodocs"], argTypes: { diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/EncryptionEventView/EncryptionEventView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/EncryptionEventView/EncryptionEventView.stories.tsx index b30beedc92a..8e4e15a64fd 100644 --- a/packages/shared-components/src/room/timeline/event-tile/EventTileView/EncryptionEventView/EncryptionEventView.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/EncryptionEventView/EncryptionEventView.stories.tsx @@ -25,7 +25,7 @@ const EncryptionEventViewWrapperImpl = ({ const EncryptionEventViewWrapper = withViewDocs(EncryptionEventViewWrapperImpl, EncryptionEventView); const meta = { - title: "Room/Timeline/EventTile/EventTileView/EncryptionEventView", + title: "TimelineEvent/EncryptionEventView", component: EncryptionEventViewWrapper, tags: ["autodocs"], argTypes: { diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/EventTileBubble/EventTileBubble.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/EventTileBubble/EventTileBubble.stories.tsx index a6cf7d91578..6d9fd3a4972 100644 --- a/packages/shared-components/src/room/timeline/event-tile/EventTileView/EventTileBubble/EventTileBubble.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/EventTileBubble/EventTileBubble.stories.tsx @@ -12,7 +12,7 @@ import type { Meta, StoryObj } from "@storybook/react-vite"; import { EventTileBubble } from "./EventTileBubble"; const meta = { - title: "Room/Timeline/EventTile/EventTileView/EventTileBubble", + title: "TimelineEvent/EventTileBubble", component: EventTileBubble, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/PinnedMessageBadge/PinnedMessageBadge.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/PinnedMessageBadge/PinnedMessageBadge.stories.tsx index 89b20f37a03..3e76d8ca274 100644 --- a/packages/shared-components/src/room/timeline/event-tile/EventTileView/PinnedMessageBadge/PinnedMessageBadge.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/PinnedMessageBadge/PinnedMessageBadge.stories.tsx @@ -9,7 +9,7 @@ import type { Meta, StoryObj } from "@storybook/react-vite"; import { PinnedMessageBadge } from "./PinnedMessageBadge"; const meta = { - title: "Room/Timeline/EventTile/EventTileView/PinnedMessageBadge", + title: "TimelineEvent/PinnedMessageBadge", component: PinnedMessageBadge, args: { "aria-describedby": "event-tile-description", diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/TextualEventView/TextualEventView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/TextualEventView/TextualEventView.stories.tsx index 8eb7c3e089d..5ba8b679975 100644 --- a/packages/shared-components/src/room/timeline/event-tile/EventTileView/TextualEventView/TextualEventView.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/TextualEventView/TextualEventView.stories.tsx @@ -11,7 +11,7 @@ import { TextualEventView as TextualEventComponent } from "./TextualEventView"; import { MockViewModel } from "../../../../../core/viewmodel/MockViewModel"; const meta = { - title: "Room/Timeline/EventTile/EventTileView/TextualEventView", + title: "TimelineEvent/TextualEventView", component: TextualEventComponent, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/TileErrorView/TileErrorView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/TileErrorView/TileErrorView.stories.tsx index fed121588f4..76447bd91aa 100644 --- a/packages/shared-components/src/room/timeline/event-tile/EventTileView/TileErrorView/TileErrorView.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/TileErrorView/TileErrorView.stories.tsx @@ -34,7 +34,7 @@ const TileErrorViewWrapperImpl = ({ const TileErrorViewWrapper = withViewDocs(TileErrorViewWrapperImpl, TileErrorView); const meta = { - title: "Room/Timeline/EventTile/EventTileView/TileErrorView", + title: "TimelineEvent/TileErrorView", component: TileErrorViewWrapper, tags: ["autodocs"], decorators: [ diff --git a/packages/shared-components/src/room/timeline/event-tile/actions/ActionBarView/ActionBarView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/actions/ActionBarView/ActionBarView.stories.tsx index b39d45cd3d2..3ae7e3b6289 100644 --- a/packages/shared-components/src/room/timeline/event-tile/actions/ActionBarView/ActionBarView.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/actions/ActionBarView/ActionBarView.stories.tsx @@ -58,7 +58,7 @@ const ActionBarViewWrapperImpl = ({ ...snapshotAndActions }: ActionBarProps): JS const ActionBarViewWrapper = withViewDocs(ActionBarViewWrapperImpl, ActionBarView); const meta = { - title: "Room/Timeline/EventTile/Actions/ActionBarView", + title: "TimelineAction/ActionBarView", component: ActionBarViewWrapper, tags: ["autodocs"], argTypes: { diff --git a/packages/shared-components/src/room/timeline/event-tile/body/AudioPlayerView/AudioPlayerView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/body/AudioPlayerView/AudioPlayerView.stories.tsx index 3bfdf7df995..89dcbdbf505 100644 --- a/packages/shared-components/src/room/timeline/event-tile/body/AudioPlayerView/AudioPlayerView.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/body/AudioPlayerView/AudioPlayerView.stories.tsx @@ -30,7 +30,7 @@ const AudioPlayerViewWrapperImpl = ({ const AudioPlayerViewWrapper = withViewDocs(AudioPlayerViewWrapperImpl, AudioPlayerView); const meta = { - title: "Room/Timeline/EventTile/Body/AudioPlayerView", + title: "TimelineBody/AudioPlayerView", component: AudioPlayerViewWrapper, tags: ["autodocs"], argTypes: { diff --git a/packages/shared-components/src/room/timeline/event-tile/body/DecryptionFailureBodyView/DecryptionFailureBodyView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/body/DecryptionFailureBodyView/DecryptionFailureBodyView.stories.tsx index e17dcf37d33..1717ed95977 100644 --- a/packages/shared-components/src/room/timeline/event-tile/body/DecryptionFailureBodyView/DecryptionFailureBodyView.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/body/DecryptionFailureBodyView/DecryptionFailureBodyView.stories.tsx @@ -29,7 +29,7 @@ const DecryptionFailureBodyViewWrapperImpl = ({ const DecryptionFailureBodyViewWrapper = withViewDocs(DecryptionFailureBodyViewWrapperImpl, DecryptionFailureBodyView); const meta = { - title: "Room/Timeline/EventTile/Body/DecryptionFailureBodyView", + title: "TimelineBody/DecryptionFailureBodyView", component: DecryptionFailureBodyViewWrapper, tags: ["autodocs"], argTypes: { diff --git a/packages/shared-components/src/room/timeline/event-tile/body/EventContentBodyView/EventContentBody.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/body/EventContentBodyView/EventContentBody.stories.tsx index 813e71705a2..091fba206b8 100644 --- a/packages/shared-components/src/room/timeline/event-tile/body/EventContentBodyView/EventContentBody.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/body/EventContentBodyView/EventContentBody.stories.tsx @@ -24,7 +24,7 @@ const EventContentBodyWrapperImpl = ({ as, ...snapshot }: EventContentBodyStoryP const EventContentBodyWrapper = withViewDocs(EventContentBodyWrapperImpl, EventContentBodyView); const meta = { - title: "Room/Timeline/EventTile/Body/EventContentBodyView/EventContentBody", + title: "TimelineBody/EventContentBody", component: EventContentBodyWrapper, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/room/timeline/event-tile/body/MFileBodyView/FileBodyView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/body/MFileBodyView/FileBodyView.stories.tsx index b0b91677c64..75d1faf9e67 100644 --- a/packages/shared-components/src/room/timeline/event-tile/body/MFileBodyView/FileBodyView.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/body/MFileBodyView/FileBodyView.stories.tsx @@ -42,7 +42,7 @@ const FileBodyViewWrapperImpl = ({ const FileBodyViewWrapper = withViewDocs(FileBodyViewWrapperImpl, FileBodyView); const meta = { - title: "Room/Timeline/EventTile/Body/MFileBodyView/FileBodyView", + title: "TimelineBody/FileBodyView", component: FileBodyViewWrapper, tags: ["autodocs"], argTypes: { diff --git a/packages/shared-components/src/room/timeline/event-tile/body/MVideoBodyView/VideoBodyView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/body/MVideoBodyView/VideoBodyView.stories.tsx index b8ac282e4a4..44b66a8f0c0 100644 --- a/packages/shared-components/src/room/timeline/event-tile/body/MVideoBodyView/VideoBodyView.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/body/MVideoBodyView/VideoBodyView.stories.tsx @@ -45,7 +45,7 @@ const VideoBodyViewWrapperImpl = ({ const VideoBodyViewWrapper = withViewDocs(VideoBodyViewWrapperImpl, VideoBodyView); const meta = { - title: "Room/Timeline/EventTile/Body/MVideoBodyView/VideoBodyView", + title: "TimelineBody/VideoBodyView", component: VideoBodyViewWrapper, tags: ["autodocs"], argTypes: { diff --git a/packages/shared-components/src/room/timeline/event-tile/body/MediaBody/MediaBody.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/body/MediaBody/MediaBody.stories.tsx index 5b17f1e7ff7..d7d45f5a128 100644 --- a/packages/shared-components/src/room/timeline/event-tile/body/MediaBody/MediaBody.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/body/MediaBody/MediaBody.stories.tsx @@ -9,7 +9,7 @@ import { MediaBody } from "./MediaBody"; import type { Meta, StoryObj } from "@storybook/react-vite"; const meta = { - title: "Room/Timeline/EventTile/Body/MediaBody", + title: "TimelineBody/MediaBody", component: MediaBody, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/room/timeline/event-tile/body/RedactedBodyView/RedactedBodyView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/body/RedactedBodyView/RedactedBodyView.stories.tsx index 1c08cd5cc79..7a6c5f48b79 100644 --- a/packages/shared-components/src/room/timeline/event-tile/body/RedactedBodyView/RedactedBodyView.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/body/RedactedBodyView/RedactedBodyView.stories.tsx @@ -27,7 +27,7 @@ const RedactedBodyViewWrapperImpl = ({ const RedactedBodyViewWrapper = withViewDocs(RedactedBodyViewWrapperImpl, RedactedBodyView); const meta = { - title: "Room/Timeline/EventTile/Body/RedactedBodyView", + title: "TimelineBody/RedactedBodyView", component: RedactedBodyViewWrapper, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/room/timeline/event-tile/body/TextualBodyView/TextualBody.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/body/TextualBodyView/TextualBody.stories.tsx index 9b2152bce94..0f120c72a4d 100644 --- a/packages/shared-components/src/room/timeline/event-tile/body/TextualBodyView/TextualBody.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/body/TextualBodyView/TextualBody.stories.tsx @@ -76,7 +76,7 @@ const TEXTUAL_BODY_VIEW_BODY_WRAPPER_KIND_OPTIONS = [ ]; const meta = { - title: "Room/Timeline/EventTile/Body/TextualBodyView/TextualBody", + title: "TimelineBody/TextualBody", component: TextualBodyViewWrapper, tags: ["autodocs"], argTypes: { diff --git a/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRow/ReactionsRow.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRow/ReactionsRow.stories.tsx index 9ce23e15424..0f889213bb2 100644 --- a/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRow/ReactionsRow.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRow/ReactionsRow.stories.tsx @@ -81,7 +81,7 @@ const ReactionsRowViewWrapperImpl = ({ const ReactionsRowViewWrapper = withViewDocs(ReactionsRowViewWrapperImpl, ReactionsRowView); const meta = { - title: "Room/Timeline/EventTile/Reactions/ReactionsRow", + title: "TimelineReaction/ReactionsRow", component: ReactionsRowViewWrapper, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRowButton/ReactionsRowButton.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRowButton/ReactionsRowButton.stories.tsx index 9afcbe9ed60..c1fd64c6de6 100644 --- a/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRowButton/ReactionsRowButton.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRowButton/ReactionsRowButton.stories.tsx @@ -58,7 +58,7 @@ const ReactionsRowButtonViewWrapperImpl = ({ const ReactionsRowButtonViewWrapper = withViewDocs(ReactionsRowButtonViewWrapperImpl, ReactionsRowButtonView); const meta = { - title: "Room/Timeline/EventTile/Reactions/ReactionsRowButton", + title: "TimelineReaction/ReactionsRowButton", component: ReactionsRowButtonViewWrapper, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRowButtonTooltip/ReactionsRowButtonTooltip.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRowButtonTooltip/ReactionsRowButtonTooltip.stories.tsx index cdd37e5f03a..5a49ce1e82b 100644 --- a/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRowButtonTooltip/ReactionsRowButtonTooltip.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRowButtonTooltip/ReactionsRowButtonTooltip.stories.tsx @@ -27,7 +27,7 @@ const ReactionsRowButtonTooltipViewWrapper = withViewDocs( ); const meta = { - title: "Room/Timeline/EventTile/Reactions/ReactionsRowButtonTooltip", + title: "TimelineReaction/ReactionsRowButtonTooltip", component: ReactionsRowButtonTooltipViewWrapper, tags: ["autodocs"], argTypes: { diff --git a/packages/shared-components/src/room/timeline/event-tile/timestamp/MessageTimestampView/MessageTimestampView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/timestamp/MessageTimestampView/MessageTimestampView.stories.tsx index bb2819ff2fe..20a08eb89fb 100644 --- a/packages/shared-components/src/room/timeline/event-tile/timestamp/MessageTimestampView/MessageTimestampView.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/timestamp/MessageTimestampView/MessageTimestampView.stories.tsx @@ -33,7 +33,7 @@ const MessageTimestampWrapperImpl = ({ const MessageTimestampWrapper = withViewDocs(MessageTimestampWrapperImpl, MessageTimestampView); const meta = { - title: "Room/Timeline/EventTile/Timestamp/MessageTimestampView", + title: "TimelineMeta/MessageTimestampView", component: MessageTimestampWrapper, tags: ["autodocs"], args: { From 35eb35acbd04dea61df249658721ffefc960e27b Mon Sep 17 00:00:00 2001 From: Zack Date: Wed, 22 Apr 2026 10:53:38 +0200 Subject: [PATCH 03/10] Update Placement of RoomlistToast to correct catagory --- .../RoomListView/RoomListToast/RoomListToast.stories.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/shared-components/src/room-list/RoomListView/RoomListToast/RoomListToast.stories.tsx b/packages/shared-components/src/room-list/RoomListView/RoomListToast/RoomListToast.stories.tsx index 15a89a2e472..968147488f0 100644 --- a/packages/shared-components/src/room-list/RoomListView/RoomListToast/RoomListToast.stories.tsx +++ b/packages/shared-components/src/room-list/RoomListView/RoomListToast/RoomListToast.stories.tsx @@ -12,7 +12,7 @@ import type { Meta, StoryObj } from "@storybook/react-vite"; import { RoomListToast } from "./RoomListToast"; const meta = { - title: "Room List/RoomListView/RoomListToast", + title: "RoomList/RoomListToast", component: RoomListToast, tags: ["autodocs"], args: { From 5553e11e35897cee6a4590448601cc62b42d4e60 Mon Sep 17 00:00:00 2001 From: Zack Date: Wed, 22 Apr 2026 10:55:48 +0200 Subject: [PATCH 04/10] Update for easier reading --- .../room-list/RoomListHeaderView/RoomListHeaderView.stories.tsx | 2 +- .../RoomListPrimaryFilters/RoomListPrimaryFilters.stories.tsx | 2 +- .../room-list/RoomListSearchView/RoomListSearchView.stories.tsx | 2 +- .../RoomListView/RoomListToast/RoomListToast.stories.tsx | 2 +- .../src/room-list/RoomListView/RoomListView.stories.tsx | 2 +- .../RoomListItemAccessibilityWrapper.stories.tsx | 2 +- .../RoomListItemView/NotificationDecoration.stories.tsx | 2 +- .../RoomListItemView/RoomListItemView.stories.tsx | 2 +- .../RoomListSectionHeaderView.stories.tsx | 2 +- .../VirtualizedRoomListView/VirtualizedRoomListView.stories.tsx | 2 +- 10 files changed, 10 insertions(+), 10 deletions(-) diff --git a/packages/shared-components/src/room-list/RoomListHeaderView/RoomListHeaderView.stories.tsx b/packages/shared-components/src/room-list/RoomListHeaderView/RoomListHeaderView.stories.tsx index fafe130e552..83551bc21bf 100644 --- a/packages/shared-components/src/room-list/RoomListHeaderView/RoomListHeaderView.stories.tsx +++ b/packages/shared-components/src/room-list/RoomListHeaderView/RoomListHeaderView.stories.tsx @@ -50,7 +50,7 @@ const RoomListHeaderViewWrapperImpl = ({ const RoomListHeaderViewWrapper = withViewDocs(RoomListHeaderViewWrapperImpl, RoomListHeaderView); const meta = { - title: "RoomList/RoomListHeaderView", + title: "Room List/RoomListHeaderView", component: RoomListHeaderViewWrapper, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/room-list/RoomListPrimaryFilters/RoomListPrimaryFilters.stories.tsx b/packages/shared-components/src/room-list/RoomListPrimaryFilters/RoomListPrimaryFilters.stories.tsx index cd5bbe8541c..cba45144192 100644 --- a/packages/shared-components/src/room-list/RoomListPrimaryFilters/RoomListPrimaryFilters.stories.tsx +++ b/packages/shared-components/src/room-list/RoomListPrimaryFilters/RoomListPrimaryFilters.stories.tsx @@ -13,7 +13,7 @@ import { RoomListPrimaryFilters } from "./RoomListPrimaryFilters"; import type { FilterId } from "./useVisibleFilters"; const meta = { - title: "RoomList/RoomListPrimaryFilters", + title: "Room List/RoomListPrimaryFilters", component: RoomListPrimaryFilters, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/room-list/RoomListSearchView/RoomListSearchView.stories.tsx b/packages/shared-components/src/room-list/RoomListSearchView/RoomListSearchView.stories.tsx index 95df4429c0a..18bd159dc7a 100644 --- a/packages/shared-components/src/room-list/RoomListSearchView/RoomListSearchView.stories.tsx +++ b/packages/shared-components/src/room-list/RoomListSearchView/RoomListSearchView.stories.tsx @@ -35,7 +35,7 @@ const RoomListSearchViewWrapperImpl = ({ const RoomListSearchViewWrapper = withViewDocs(RoomListSearchViewWrapperImpl, RoomListSearchView); const meta = { - title: "RoomList/RoomListSearchView", + title: "Room List/RoomListSearchView", component: RoomListSearchViewWrapper, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/room-list/RoomListView/RoomListToast/RoomListToast.stories.tsx b/packages/shared-components/src/room-list/RoomListView/RoomListToast/RoomListToast.stories.tsx index 968147488f0..74ac0909d5f 100644 --- a/packages/shared-components/src/room-list/RoomListView/RoomListToast/RoomListToast.stories.tsx +++ b/packages/shared-components/src/room-list/RoomListView/RoomListToast/RoomListToast.stories.tsx @@ -12,7 +12,7 @@ import type { Meta, StoryObj } from "@storybook/react-vite"; import { RoomListToast } from "./RoomListToast"; const meta = { - title: "RoomList/RoomListToast", + title: "Room List/RoomListToast", component: RoomListToast, tags: ["autodocs"], args: { 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 db007aec669..dfdab19c926 100644 --- a/packages/shared-components/src/room-list/RoomListView/RoomListView.stories.tsx +++ b/packages/shared-components/src/room-list/RoomListView/RoomListView.stories.tsx @@ -56,7 +56,7 @@ const RoomListViewWrapperImpl = ({ const RoomListViewWrapper = withViewDocs(RoomListViewWrapperImpl, RoomListView); const meta = { - title: "RoomList/RoomListView", + title: "Room List/RoomListView", component: RoomListViewWrapper, tags: ["autodocs"], decorators: [ diff --git a/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemAccessibilityWrapper.stories.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemAccessibilityWrapper.stories.tsx index 500d6ae59b6..bd70fb4d1b7 100644 --- a/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemAccessibilityWrapper.stories.tsx +++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemAccessibilityWrapper.stories.tsx @@ -13,7 +13,7 @@ import { RoomListItemAccessibilityWrapper } from "./RoomListItemAccessibilityWra import { createMockRoomItemViewModel, renderAvatar } from "../../story-mocks"; const meta = { - title: "RoomList/RoomListItemAccessibilityWrapper", + title: "Room List/RoomListItemAccessibilityWrapper", component: RoomListItemAccessibilityWrapper, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/NotificationDecoration.stories.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/NotificationDecoration.stories.tsx index 066a40d71e0..cca9e5eef34 100644 --- a/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/NotificationDecoration.stories.tsx +++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/NotificationDecoration.stories.tsx @@ -23,7 +23,7 @@ const defaultProps: NotificationDecorationProps = { }; const meta = { - title: "RoomList/NotificationDecoration", + title: "Room List/NotificationDecoration", component: NotificationDecoration, tags: ["autodocs"], decorators: [ diff --git a/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemView.stories.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemView.stories.tsx index c95059c397d..165d38d2673 100644 --- a/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemView.stories.tsx +++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemAccessibilityWrapper/RoomListItemView/RoomListItemView.stories.tsx @@ -75,7 +75,7 @@ const RoomListItemWrapperImpl = ({ const RoomListItemWrapper = withViewDocs(RoomListItemWrapperImpl, RoomListItemView); const meta = { - title: "RoomList/RoomListItemView", + title: "Room List/RoomListItemView", component: RoomListItemWrapper, tags: ["autodocs"], decorators: [ diff --git a/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx index 5a8756b02eb..9b48f089c92 100644 --- a/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx +++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/RoomListSectionHeaderView.stories.tsx @@ -48,7 +48,7 @@ const RoomListSectionHeaderViewWrapperImpl = ({ const RoomListSectionHeaderViewWrapper = withViewDocs(RoomListSectionHeaderViewWrapperImpl, RoomListSectionHeaderView); const meta = { - title: "RoomList/RoomListSectionHeaderView", + title: "Room List/RoomListSectionHeaderView", component: RoomListSectionHeaderViewWrapper, tags: ["autodocs"], args: { 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 5b915963314..b1c312cee0f 100644 --- a/packages/shared-components/src/room-list/VirtualizedRoomListView/VirtualizedRoomListView.stories.tsx +++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/VirtualizedRoomListView.stories.tsx @@ -65,7 +65,7 @@ const defaultRoomListState: RoomListViewState = { }; const meta = { - title: "RoomList/VirtualizedRoomListView", + title: "Room List/VirtualizedRoomListView", component: RoomListWrapper, tags: ["autodocs"], args: { From eb9ea36591702ebca267ad812ae60dcd13097670 Mon Sep 17 00:00:00 2001 From: Zack Date: Wed, 22 Apr 2026 10:59:05 +0200 Subject: [PATCH 05/10] Adding space for better reading. --- .../event-tile/actions/ActionBarView/ActionBarView.stories.tsx | 2 +- .../event-tile/body/AudioPlayerView/AudioPlayerView.stories.tsx | 2 +- .../DecryptionFailureBodyView.stories.tsx | 2 +- .../body/EventContentBodyView/EventContentBody.stories.tsx | 2 +- .../event-tile/body/MFileBodyView/FileBodyView.stories.tsx | 2 +- .../event-tile/body/MVideoBodyView/VideoBodyView.stories.tsx | 2 +- .../timeline/event-tile/body/MediaBody/MediaBody.stories.tsx | 2 +- .../body/RedactedBodyView/RedactedBodyView.stories.tsx | 2 +- .../event-tile/body/TextualBodyView/TextualBody.stories.tsx | 2 +- 9 files changed, 9 insertions(+), 9 deletions(-) diff --git a/packages/shared-components/src/room/timeline/event-tile/actions/ActionBarView/ActionBarView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/actions/ActionBarView/ActionBarView.stories.tsx index 3ae7e3b6289..7a90a8fd439 100644 --- a/packages/shared-components/src/room/timeline/event-tile/actions/ActionBarView/ActionBarView.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/actions/ActionBarView/ActionBarView.stories.tsx @@ -58,7 +58,7 @@ const ActionBarViewWrapperImpl = ({ ...snapshotAndActions }: ActionBarProps): JS const ActionBarViewWrapper = withViewDocs(ActionBarViewWrapperImpl, ActionBarView); const meta = { - title: "TimelineAction/ActionBarView", + title: "Timeline Action/ActionBarView", component: ActionBarViewWrapper, tags: ["autodocs"], argTypes: { diff --git a/packages/shared-components/src/room/timeline/event-tile/body/AudioPlayerView/AudioPlayerView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/body/AudioPlayerView/AudioPlayerView.stories.tsx index 89dcbdbf505..ddeb7e06e91 100644 --- a/packages/shared-components/src/room/timeline/event-tile/body/AudioPlayerView/AudioPlayerView.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/body/AudioPlayerView/AudioPlayerView.stories.tsx @@ -30,7 +30,7 @@ const AudioPlayerViewWrapperImpl = ({ const AudioPlayerViewWrapper = withViewDocs(AudioPlayerViewWrapperImpl, AudioPlayerView); const meta = { - title: "TimelineBody/AudioPlayerView", + title: "Timeline Body/AudioPlayerView", component: AudioPlayerViewWrapper, tags: ["autodocs"], argTypes: { diff --git a/packages/shared-components/src/room/timeline/event-tile/body/DecryptionFailureBodyView/DecryptionFailureBodyView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/body/DecryptionFailureBodyView/DecryptionFailureBodyView.stories.tsx index 1717ed95977..0e31c6895a5 100644 --- a/packages/shared-components/src/room/timeline/event-tile/body/DecryptionFailureBodyView/DecryptionFailureBodyView.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/body/DecryptionFailureBodyView/DecryptionFailureBodyView.stories.tsx @@ -29,7 +29,7 @@ const DecryptionFailureBodyViewWrapperImpl = ({ const DecryptionFailureBodyViewWrapper = withViewDocs(DecryptionFailureBodyViewWrapperImpl, DecryptionFailureBodyView); const meta = { - title: "TimelineBody/DecryptionFailureBodyView", + title: "Timeline Body/DecryptionFailureBodyView", component: DecryptionFailureBodyViewWrapper, tags: ["autodocs"], argTypes: { diff --git a/packages/shared-components/src/room/timeline/event-tile/body/EventContentBodyView/EventContentBody.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/body/EventContentBodyView/EventContentBody.stories.tsx index 091fba206b8..3cbbfade478 100644 --- a/packages/shared-components/src/room/timeline/event-tile/body/EventContentBodyView/EventContentBody.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/body/EventContentBodyView/EventContentBody.stories.tsx @@ -24,7 +24,7 @@ const EventContentBodyWrapperImpl = ({ as, ...snapshot }: EventContentBodyStoryP const EventContentBodyWrapper = withViewDocs(EventContentBodyWrapperImpl, EventContentBodyView); const meta = { - title: "TimelineBody/EventContentBody", + title: "Timeline Body/EventContentBody", component: EventContentBodyWrapper, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/room/timeline/event-tile/body/MFileBodyView/FileBodyView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/body/MFileBodyView/FileBodyView.stories.tsx index 75d1faf9e67..5a7b5c9c0c1 100644 --- a/packages/shared-components/src/room/timeline/event-tile/body/MFileBodyView/FileBodyView.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/body/MFileBodyView/FileBodyView.stories.tsx @@ -42,7 +42,7 @@ const FileBodyViewWrapperImpl = ({ const FileBodyViewWrapper = withViewDocs(FileBodyViewWrapperImpl, FileBodyView); const meta = { - title: "TimelineBody/FileBodyView", + title: "Timeline Body/FileBodyView", component: FileBodyViewWrapper, tags: ["autodocs"], argTypes: { diff --git a/packages/shared-components/src/room/timeline/event-tile/body/MVideoBodyView/VideoBodyView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/body/MVideoBodyView/VideoBodyView.stories.tsx index 44b66a8f0c0..cfea67b0f19 100644 --- a/packages/shared-components/src/room/timeline/event-tile/body/MVideoBodyView/VideoBodyView.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/body/MVideoBodyView/VideoBodyView.stories.tsx @@ -45,7 +45,7 @@ const VideoBodyViewWrapperImpl = ({ const VideoBodyViewWrapper = withViewDocs(VideoBodyViewWrapperImpl, VideoBodyView); const meta = { - title: "TimelineBody/VideoBodyView", + title: "Timeline Body/VideoBodyView", component: VideoBodyViewWrapper, tags: ["autodocs"], argTypes: { diff --git a/packages/shared-components/src/room/timeline/event-tile/body/MediaBody/MediaBody.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/body/MediaBody/MediaBody.stories.tsx index d7d45f5a128..6e086e8125d 100644 --- a/packages/shared-components/src/room/timeline/event-tile/body/MediaBody/MediaBody.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/body/MediaBody/MediaBody.stories.tsx @@ -9,7 +9,7 @@ import { MediaBody } from "./MediaBody"; import type { Meta, StoryObj } from "@storybook/react-vite"; const meta = { - title: "TimelineBody/MediaBody", + title: "Timeline Body/MediaBody", component: MediaBody, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/room/timeline/event-tile/body/RedactedBodyView/RedactedBodyView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/body/RedactedBodyView/RedactedBodyView.stories.tsx index 7a6c5f48b79..baaea3998f1 100644 --- a/packages/shared-components/src/room/timeline/event-tile/body/RedactedBodyView/RedactedBodyView.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/body/RedactedBodyView/RedactedBodyView.stories.tsx @@ -27,7 +27,7 @@ const RedactedBodyViewWrapperImpl = ({ const RedactedBodyViewWrapper = withViewDocs(RedactedBodyViewWrapperImpl, RedactedBodyView); const meta = { - title: "TimelineBody/RedactedBodyView", + title: "Timeline Body/RedactedBodyView", component: RedactedBodyViewWrapper, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/room/timeline/event-tile/body/TextualBodyView/TextualBody.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/body/TextualBodyView/TextualBody.stories.tsx index 0f120c72a4d..abe7e09a4c7 100644 --- a/packages/shared-components/src/room/timeline/event-tile/body/TextualBodyView/TextualBody.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/body/TextualBodyView/TextualBody.stories.tsx @@ -76,7 +76,7 @@ const TEXTUAL_BODY_VIEW_BODY_WRAPPER_KIND_OPTIONS = [ ]; const meta = { - title: "TimelineBody/TextualBody", + title: "Timeline Body/TextualBody", component: TextualBodyViewWrapper, tags: ["autodocs"], argTypes: { From 7434c1a2f130dcc22571faf81c1d59b6680f5667 Mon Sep 17 00:00:00 2001 From: Zack Date: Wed, 22 Apr 2026 11:01:16 +0200 Subject: [PATCH 06/10] Add spacing for Timeline Event --- .../DisambiguatedProfile/DisambiguatedProfile.stories.tsx | 2 +- .../EncryptionEventView/EncryptionEventView.stories.tsx | 2 +- .../EventTileView/EventTileBubble/EventTileBubble.stories.tsx | 2 +- .../PinnedMessageBadge/PinnedMessageBadge.stories.tsx | 2 +- .../EventTileView/TextualEventView/TextualEventView.stories.tsx | 2 +- .../EventTileView/TileErrorView/TileErrorView.stories.tsx | 2 +- 6 files changed, 6 insertions(+), 6 deletions(-) diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/DisambiguatedProfile/DisambiguatedProfile.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/DisambiguatedProfile/DisambiguatedProfile.stories.tsx index 66c4c90bebf..c0c3453d764 100644 --- a/packages/shared-components/src/room/timeline/event-tile/EventTileView/DisambiguatedProfile/DisambiguatedProfile.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/DisambiguatedProfile/DisambiguatedProfile.stories.tsx @@ -30,7 +30,7 @@ const DisambiguatedProfileViewWrapperImpl = ({ const DisambiguatedProfileViewWrapper = withViewDocs(DisambiguatedProfileViewWrapperImpl, DisambiguatedProfileView); const meta = { - title: "TimelineEvent/DisambiguatedProfile", + title: "Timeline Event/DisambiguatedProfile", component: DisambiguatedProfileViewWrapper, tags: ["autodocs"], argTypes: { diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/EncryptionEventView/EncryptionEventView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/EncryptionEventView/EncryptionEventView.stories.tsx index 8e4e15a64fd..b2996ea5bfa 100644 --- a/packages/shared-components/src/room/timeline/event-tile/EventTileView/EncryptionEventView/EncryptionEventView.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/EncryptionEventView/EncryptionEventView.stories.tsx @@ -25,7 +25,7 @@ const EncryptionEventViewWrapperImpl = ({ const EncryptionEventViewWrapper = withViewDocs(EncryptionEventViewWrapperImpl, EncryptionEventView); const meta = { - title: "TimelineEvent/EncryptionEventView", + title: "Timeline Event/EncryptionEventView", component: EncryptionEventViewWrapper, tags: ["autodocs"], argTypes: { diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/EventTileBubble/EventTileBubble.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/EventTileBubble/EventTileBubble.stories.tsx index 6d9fd3a4972..0194aae93c2 100644 --- a/packages/shared-components/src/room/timeline/event-tile/EventTileView/EventTileBubble/EventTileBubble.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/EventTileBubble/EventTileBubble.stories.tsx @@ -12,7 +12,7 @@ import type { Meta, StoryObj } from "@storybook/react-vite"; import { EventTileBubble } from "./EventTileBubble"; const meta = { - title: "TimelineEvent/EventTileBubble", + title: "Timeline Event/EventTileBubble", component: EventTileBubble, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/PinnedMessageBadge/PinnedMessageBadge.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/PinnedMessageBadge/PinnedMessageBadge.stories.tsx index 3e76d8ca274..874e399e67c 100644 --- a/packages/shared-components/src/room/timeline/event-tile/EventTileView/PinnedMessageBadge/PinnedMessageBadge.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/PinnedMessageBadge/PinnedMessageBadge.stories.tsx @@ -9,7 +9,7 @@ import type { Meta, StoryObj } from "@storybook/react-vite"; import { PinnedMessageBadge } from "./PinnedMessageBadge"; const meta = { - title: "TimelineEvent/PinnedMessageBadge", + title: "Timeline Event/PinnedMessageBadge", component: PinnedMessageBadge, args: { "aria-describedby": "event-tile-description", diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/TextualEventView/TextualEventView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/TextualEventView/TextualEventView.stories.tsx index 5ba8b679975..399d8a1d78c 100644 --- a/packages/shared-components/src/room/timeline/event-tile/EventTileView/TextualEventView/TextualEventView.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/TextualEventView/TextualEventView.stories.tsx @@ -11,7 +11,7 @@ import { TextualEventView as TextualEventComponent } from "./TextualEventView"; import { MockViewModel } from "../../../../../core/viewmodel/MockViewModel"; const meta = { - title: "TimelineEvent/TextualEventView", + title: "Timeline Event/TextualEventView", component: TextualEventComponent, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/TileErrorView/TileErrorView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/TileErrorView/TileErrorView.stories.tsx index 76447bd91aa..8bf5eb65e02 100644 --- a/packages/shared-components/src/room/timeline/event-tile/EventTileView/TileErrorView/TileErrorView.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/TileErrorView/TileErrorView.stories.tsx @@ -34,7 +34,7 @@ const TileErrorViewWrapperImpl = ({ const TileErrorViewWrapper = withViewDocs(TileErrorViewWrapperImpl, TileErrorView); const meta = { - title: "TimelineEvent/TileErrorView", + title: "Timeline Event/TileErrorView", component: TileErrorViewWrapper, tags: ["autodocs"], decorators: [ From 09773730898d2e87eceb68c07e9f94afebd26ae4 Mon Sep 17 00:00:00 2001 From: Zack Date: Wed, 22 Apr 2026 11:01:56 +0200 Subject: [PATCH 07/10] add spacing to timeline meta for better reading --- .../timeline/DateSeparatorView/DateSeparatorView.stories.tsx | 2 +- .../src/room/timeline/ReadMarker/ReadMarker.stories.tsx | 2 +- .../timeline/TimelineSeparator/TimelineSeparator.stories.tsx | 2 +- .../MessageTimestampView/MessageTimestampView.stories.tsx | 2 +- 4 files changed, 4 insertions(+), 4 deletions(-) diff --git a/packages/shared-components/src/room/timeline/DateSeparatorView/DateSeparatorView.stories.tsx b/packages/shared-components/src/room/timeline/DateSeparatorView/DateSeparatorView.stories.tsx index 5f1c2293cd4..78be143d620 100644 --- a/packages/shared-components/src/room/timeline/DateSeparatorView/DateSeparatorView.stories.tsx +++ b/packages/shared-components/src/room/timeline/DateSeparatorView/DateSeparatorView.stories.tsx @@ -29,7 +29,7 @@ const DateSeparatorViewWrapperImpl = ({ const DateSeparatorViewWrapper = withViewDocs(DateSeparatorViewWrapperImpl, DateSeparatorView); const meta = { - title: "TimelineMeta/DateSeparatorView", + title: "Timeline Meta/DateSeparatorView", component: DateSeparatorViewWrapper, tags: ["autodocs"], argTypes: { diff --git a/packages/shared-components/src/room/timeline/ReadMarker/ReadMarker.stories.tsx b/packages/shared-components/src/room/timeline/ReadMarker/ReadMarker.stories.tsx index 42a3ea45ecc..d10cae5b71b 100644 --- a/packages/shared-components/src/room/timeline/ReadMarker/ReadMarker.stories.tsx +++ b/packages/shared-components/src/room/timeline/ReadMarker/ReadMarker.stories.tsx @@ -32,7 +32,7 @@ const ReadMarkerWrapper = ({ }; const meta = { - title: "TimelineMeta/ReadMarker", + title: "Timeline Meta/ReadMarker", component: ReadMarkerWrapper, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/room/timeline/TimelineSeparator/TimelineSeparator.stories.tsx b/packages/shared-components/src/room/timeline/TimelineSeparator/TimelineSeparator.stories.tsx index 94b5f38c085..1a6e4bf3b30 100644 --- a/packages/shared-components/src/room/timeline/TimelineSeparator/TimelineSeparator.stories.tsx +++ b/packages/shared-components/src/room/timeline/TimelineSeparator/TimelineSeparator.stories.tsx @@ -12,7 +12,7 @@ import TimelineSeparator from "./TimelineSeparator"; import styles from "./TimelineSeparator.module.css"; const meta = { - title: "TimelineMeta/TimelineSeparator", + title: "Timeline Meta/TimelineSeparator", component: TimelineSeparator, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/room/timeline/event-tile/timestamp/MessageTimestampView/MessageTimestampView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/timestamp/MessageTimestampView/MessageTimestampView.stories.tsx index 20a08eb89fb..b2e164e9e3c 100644 --- a/packages/shared-components/src/room/timeline/event-tile/timestamp/MessageTimestampView/MessageTimestampView.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/timestamp/MessageTimestampView/MessageTimestampView.stories.tsx @@ -33,7 +33,7 @@ const MessageTimestampWrapperImpl = ({ const MessageTimestampWrapper = withViewDocs(MessageTimestampWrapperImpl, MessageTimestampView); const meta = { - title: "TimelineMeta/MessageTimestampView", + title: "Timeline Meta/MessageTimestampView", component: MessageTimestampWrapper, tags: ["autodocs"], args: { From 4e353f5c737ef59c0fd731d2f518efbdd7ac0e0e Mon Sep 17 00:00:00 2001 From: Zack Date: Wed, 22 Apr 2026 11:02:27 +0200 Subject: [PATCH 08/10] add spacing for better reading for timeline reaction --- .../event-tile/reactions/ReactionsRow/ReactionsRow.stories.tsx | 2 +- .../reactions/ReactionsRowButton/ReactionsRowButton.stories.tsx | 2 +- .../ReactionsRowButtonTooltip.stories.tsx | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRow/ReactionsRow.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRow/ReactionsRow.stories.tsx index 0f889213bb2..7290fa6e6cd 100644 --- a/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRow/ReactionsRow.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRow/ReactionsRow.stories.tsx @@ -81,7 +81,7 @@ const ReactionsRowViewWrapperImpl = ({ const ReactionsRowViewWrapper = withViewDocs(ReactionsRowViewWrapperImpl, ReactionsRowView); const meta = { - title: "TimelineReaction/ReactionsRow", + title: "Timeline Reaction/ReactionsRow", component: ReactionsRowViewWrapper, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRowButton/ReactionsRowButton.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRowButton/ReactionsRowButton.stories.tsx index c1fd64c6de6..bb0174d7338 100644 --- a/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRowButton/ReactionsRowButton.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRowButton/ReactionsRowButton.stories.tsx @@ -58,7 +58,7 @@ const ReactionsRowButtonViewWrapperImpl = ({ const ReactionsRowButtonViewWrapper = withViewDocs(ReactionsRowButtonViewWrapperImpl, ReactionsRowButtonView); const meta = { - title: "TimelineReaction/ReactionsRowButton", + title: "Timeline Reaction/ReactionsRowButton", component: ReactionsRowButtonViewWrapper, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRowButtonTooltip/ReactionsRowButtonTooltip.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRowButtonTooltip/ReactionsRowButtonTooltip.stories.tsx index 5a49ce1e82b..2b11ffb1985 100644 --- a/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRowButtonTooltip/ReactionsRowButtonTooltip.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRowButtonTooltip/ReactionsRowButtonTooltip.stories.tsx @@ -27,7 +27,7 @@ const ReactionsRowButtonTooltipViewWrapper = withViewDocs( ); const meta = { - title: "TimelineReaction/ReactionsRowButtonTooltip", + title: "Timeline Reaction/ReactionsRowButtonTooltip", component: ReactionsRowButtonTooltipViewWrapper, tags: ["autodocs"], argTypes: { From 5ee42b0e7271ef1745f28c3477caa671d42cf1e0 Mon Sep 17 00:00:00 2001 From: Zack Date: Wed, 22 Apr 2026 11:04:07 +0200 Subject: [PATCH 09/10] Fix wrong placement of Imagebody --- .../event-tile/body/MImageBodyView/ImageBodyView.stories.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/shared-components/src/room/timeline/event-tile/body/MImageBodyView/ImageBodyView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/body/MImageBodyView/ImageBodyView.stories.tsx index 3b6c66cf38a..a24b3970bb3 100644 --- a/packages/shared-components/src/room/timeline/event-tile/body/MImageBodyView/ImageBodyView.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/body/MImageBodyView/ImageBodyView.stories.tsx @@ -62,7 +62,7 @@ const ImageBodyViewWrapperImpl = ({ const ImageBodyViewWrapper = withViewDocs(ImageBodyViewWrapperImpl, ImageBodyView); const meta = { - title: "MessageBody/ImageBodyView", + title: "Timeline Body/ImageBodyView", component: ImageBodyViewWrapper, tags: ["autodocs"], argTypes: { From c98af28d2315fb8e16a0862072220f8fb908a57e Mon Sep 17 00:00:00 2001 From: Zack Date: Wed, 22 Apr 2026 14:18:43 +0200 Subject: [PATCH 10/10] Final Update of structure of shared components --- .../timeline/DateSeparatorView/DateSeparatorView.stories.tsx | 2 +- .../src/room/timeline/ReadMarker/ReadMarker.stories.tsx | 2 +- .../timeline/TimelineSeparator/TimelineSeparator.stories.tsx | 2 +- .../DisambiguatedProfile/DisambiguatedProfile.stories.tsx | 2 +- .../EncryptionEventView/EncryptionEventView.stories.tsx | 2 +- .../EventTileView/EventTileBubble/EventTileBubble.stories.tsx | 2 +- .../PinnedMessageBadge/PinnedMessageBadge.stories.tsx | 2 +- .../EventTileView/TextualEventView/TextualEventView.stories.tsx | 2 +- .../EventTileView/TileErrorView/TileErrorView.stories.tsx | 2 +- .../event-tile/actions/ActionBarView/ActionBarView.stories.tsx | 2 +- .../event-tile/body/AudioPlayerView/AudioPlayerView.stories.tsx | 2 +- .../DecryptionFailureBodyView.stories.tsx | 2 +- .../body/EventContentBodyView/EventContentBody.stories.tsx | 2 +- .../event-tile/body/MFileBodyView/FileBodyView.stories.tsx | 2 +- .../event-tile/body/MImageBodyView/ImageBodyView.stories.tsx | 2 +- .../event-tile/body/MVideoBodyView/VideoBodyView.stories.tsx | 2 +- .../timeline/event-tile/body/MediaBody/MediaBody.stories.tsx | 2 +- .../body/RedactedBodyView/RedactedBodyView.stories.tsx | 2 +- .../event-tile/body/TextualBodyView/TextualBody.stories.tsx | 2 +- .../event-tile/reactions/ReactionsRow/ReactionsRow.stories.tsx | 2 +- .../reactions/ReactionsRowButton/ReactionsRowButton.stories.tsx | 2 +- .../ReactionsRowButtonTooltip.stories.tsx | 2 +- .../MessageTimestampView/MessageTimestampView.stories.tsx | 2 +- 23 files changed, 23 insertions(+), 23 deletions(-) diff --git a/packages/shared-components/src/room/timeline/DateSeparatorView/DateSeparatorView.stories.tsx b/packages/shared-components/src/room/timeline/DateSeparatorView/DateSeparatorView.stories.tsx index 78be143d620..add609722f5 100644 --- a/packages/shared-components/src/room/timeline/DateSeparatorView/DateSeparatorView.stories.tsx +++ b/packages/shared-components/src/room/timeline/DateSeparatorView/DateSeparatorView.stories.tsx @@ -29,7 +29,7 @@ const DateSeparatorViewWrapperImpl = ({ const DateSeparatorViewWrapper = withViewDocs(DateSeparatorViewWrapperImpl, DateSeparatorView); const meta = { - title: "Timeline Meta/DateSeparatorView", + title: "Timeline/Timeline Meta/DateSeparatorView", component: DateSeparatorViewWrapper, tags: ["autodocs"], argTypes: { diff --git a/packages/shared-components/src/room/timeline/ReadMarker/ReadMarker.stories.tsx b/packages/shared-components/src/room/timeline/ReadMarker/ReadMarker.stories.tsx index d10cae5b71b..226270e1409 100644 --- a/packages/shared-components/src/room/timeline/ReadMarker/ReadMarker.stories.tsx +++ b/packages/shared-components/src/room/timeline/ReadMarker/ReadMarker.stories.tsx @@ -32,7 +32,7 @@ const ReadMarkerWrapper = ({ }; const meta = { - title: "Timeline Meta/ReadMarker", + title: "Timeline/Timeline Meta/ReadMarker", component: ReadMarkerWrapper, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/room/timeline/TimelineSeparator/TimelineSeparator.stories.tsx b/packages/shared-components/src/room/timeline/TimelineSeparator/TimelineSeparator.stories.tsx index 1a6e4bf3b30..60f91768d80 100644 --- a/packages/shared-components/src/room/timeline/TimelineSeparator/TimelineSeparator.stories.tsx +++ b/packages/shared-components/src/room/timeline/TimelineSeparator/TimelineSeparator.stories.tsx @@ -12,7 +12,7 @@ import TimelineSeparator from "./TimelineSeparator"; import styles from "./TimelineSeparator.module.css"; const meta = { - title: "Timeline Meta/TimelineSeparator", + title: "Timeline/Timeline Meta/TimelineSeparator", component: TimelineSeparator, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/DisambiguatedProfile/DisambiguatedProfile.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/DisambiguatedProfile/DisambiguatedProfile.stories.tsx index c0c3453d764..3766c7b19d7 100644 --- a/packages/shared-components/src/room/timeline/event-tile/EventTileView/DisambiguatedProfile/DisambiguatedProfile.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/DisambiguatedProfile/DisambiguatedProfile.stories.tsx @@ -30,7 +30,7 @@ const DisambiguatedProfileViewWrapperImpl = ({ const DisambiguatedProfileViewWrapper = withViewDocs(DisambiguatedProfileViewWrapperImpl, DisambiguatedProfileView); const meta = { - title: "Timeline Event/DisambiguatedProfile", + title: "Timeline/Timeline Event/DisambiguatedProfile", component: DisambiguatedProfileViewWrapper, tags: ["autodocs"], argTypes: { diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/EncryptionEventView/EncryptionEventView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/EncryptionEventView/EncryptionEventView.stories.tsx index b2996ea5bfa..107fbe457ab 100644 --- a/packages/shared-components/src/room/timeline/event-tile/EventTileView/EncryptionEventView/EncryptionEventView.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/EncryptionEventView/EncryptionEventView.stories.tsx @@ -25,7 +25,7 @@ const EncryptionEventViewWrapperImpl = ({ const EncryptionEventViewWrapper = withViewDocs(EncryptionEventViewWrapperImpl, EncryptionEventView); const meta = { - title: "Timeline Event/EncryptionEventView", + title: "Timeline/Timeline Event/EncryptionEventView", component: EncryptionEventViewWrapper, tags: ["autodocs"], argTypes: { diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/EventTileBubble/EventTileBubble.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/EventTileBubble/EventTileBubble.stories.tsx index 0194aae93c2..059d7b3a12b 100644 --- a/packages/shared-components/src/room/timeline/event-tile/EventTileView/EventTileBubble/EventTileBubble.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/EventTileBubble/EventTileBubble.stories.tsx @@ -12,7 +12,7 @@ import type { Meta, StoryObj } from "@storybook/react-vite"; import { EventTileBubble } from "./EventTileBubble"; const meta = { - title: "Timeline Event/EventTileBubble", + title: "Timeline/Timeline Event/EventTileBubble", component: EventTileBubble, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/PinnedMessageBadge/PinnedMessageBadge.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/PinnedMessageBadge/PinnedMessageBadge.stories.tsx index 874e399e67c..a4a1b966376 100644 --- a/packages/shared-components/src/room/timeline/event-tile/EventTileView/PinnedMessageBadge/PinnedMessageBadge.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/PinnedMessageBadge/PinnedMessageBadge.stories.tsx @@ -9,7 +9,7 @@ import type { Meta, StoryObj } from "@storybook/react-vite"; import { PinnedMessageBadge } from "./PinnedMessageBadge"; const meta = { - title: "Timeline Event/PinnedMessageBadge", + title: "Timeline/Timeline Event/PinnedMessageBadge", component: PinnedMessageBadge, args: { "aria-describedby": "event-tile-description", diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/TextualEventView/TextualEventView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/TextualEventView/TextualEventView.stories.tsx index 399d8a1d78c..bd6e76fef41 100644 --- a/packages/shared-components/src/room/timeline/event-tile/EventTileView/TextualEventView/TextualEventView.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/TextualEventView/TextualEventView.stories.tsx @@ -11,7 +11,7 @@ import { TextualEventView as TextualEventComponent } from "./TextualEventView"; import { MockViewModel } from "../../../../../core/viewmodel/MockViewModel"; const meta = { - title: "Timeline Event/TextualEventView", + title: "Timeline/Timeline Event/TextualEventView", component: TextualEventComponent, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/room/timeline/event-tile/EventTileView/TileErrorView/TileErrorView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/EventTileView/TileErrorView/TileErrorView.stories.tsx index 8bf5eb65e02..4467993dc0e 100644 --- a/packages/shared-components/src/room/timeline/event-tile/EventTileView/TileErrorView/TileErrorView.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/EventTileView/TileErrorView/TileErrorView.stories.tsx @@ -34,7 +34,7 @@ const TileErrorViewWrapperImpl = ({ const TileErrorViewWrapper = withViewDocs(TileErrorViewWrapperImpl, TileErrorView); const meta = { - title: "Timeline Event/TileErrorView", + title: "Timeline/Timeline Event/TileErrorView", component: TileErrorViewWrapper, tags: ["autodocs"], decorators: [ diff --git a/packages/shared-components/src/room/timeline/event-tile/actions/ActionBarView/ActionBarView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/actions/ActionBarView/ActionBarView.stories.tsx index 7a90a8fd439..2fc7f172d73 100644 --- a/packages/shared-components/src/room/timeline/event-tile/actions/ActionBarView/ActionBarView.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/actions/ActionBarView/ActionBarView.stories.tsx @@ -58,7 +58,7 @@ const ActionBarViewWrapperImpl = ({ ...snapshotAndActions }: ActionBarProps): JS const ActionBarViewWrapper = withViewDocs(ActionBarViewWrapperImpl, ActionBarView); const meta = { - title: "Timeline Action/ActionBarView", + title: "Timeline/Timeline Action/ActionBarView", component: ActionBarViewWrapper, tags: ["autodocs"], argTypes: { diff --git a/packages/shared-components/src/room/timeline/event-tile/body/AudioPlayerView/AudioPlayerView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/body/AudioPlayerView/AudioPlayerView.stories.tsx index ddeb7e06e91..11887fe4da3 100644 --- a/packages/shared-components/src/room/timeline/event-tile/body/AudioPlayerView/AudioPlayerView.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/body/AudioPlayerView/AudioPlayerView.stories.tsx @@ -30,7 +30,7 @@ const AudioPlayerViewWrapperImpl = ({ const AudioPlayerViewWrapper = withViewDocs(AudioPlayerViewWrapperImpl, AudioPlayerView); const meta = { - title: "Timeline Body/AudioPlayerView", + title: "Timeline/Timeline Body/AudioPlayerView", component: AudioPlayerViewWrapper, tags: ["autodocs"], argTypes: { diff --git a/packages/shared-components/src/room/timeline/event-tile/body/DecryptionFailureBodyView/DecryptionFailureBodyView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/body/DecryptionFailureBodyView/DecryptionFailureBodyView.stories.tsx index 0e31c6895a5..e8752f3a9c9 100644 --- a/packages/shared-components/src/room/timeline/event-tile/body/DecryptionFailureBodyView/DecryptionFailureBodyView.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/body/DecryptionFailureBodyView/DecryptionFailureBodyView.stories.tsx @@ -29,7 +29,7 @@ const DecryptionFailureBodyViewWrapperImpl = ({ const DecryptionFailureBodyViewWrapper = withViewDocs(DecryptionFailureBodyViewWrapperImpl, DecryptionFailureBodyView); const meta = { - title: "Timeline Body/DecryptionFailureBodyView", + title: "Timeline/Timeline Body/DecryptionFailureBodyView", component: DecryptionFailureBodyViewWrapper, tags: ["autodocs"], argTypes: { diff --git a/packages/shared-components/src/room/timeline/event-tile/body/EventContentBodyView/EventContentBody.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/body/EventContentBodyView/EventContentBody.stories.tsx index 3cbbfade478..e86cb13a3a4 100644 --- a/packages/shared-components/src/room/timeline/event-tile/body/EventContentBodyView/EventContentBody.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/body/EventContentBodyView/EventContentBody.stories.tsx @@ -24,7 +24,7 @@ const EventContentBodyWrapperImpl = ({ as, ...snapshot }: EventContentBodyStoryP const EventContentBodyWrapper = withViewDocs(EventContentBodyWrapperImpl, EventContentBodyView); const meta = { - title: "Timeline Body/EventContentBody", + title: "Timeline/Timeline Body/EventContentBody", component: EventContentBodyWrapper, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/room/timeline/event-tile/body/MFileBodyView/FileBodyView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/body/MFileBodyView/FileBodyView.stories.tsx index 5a7b5c9c0c1..9de31c78785 100644 --- a/packages/shared-components/src/room/timeline/event-tile/body/MFileBodyView/FileBodyView.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/body/MFileBodyView/FileBodyView.stories.tsx @@ -42,7 +42,7 @@ const FileBodyViewWrapperImpl = ({ const FileBodyViewWrapper = withViewDocs(FileBodyViewWrapperImpl, FileBodyView); const meta = { - title: "Timeline Body/FileBodyView", + title: "Timeline/Timeline Body/FileBodyView", component: FileBodyViewWrapper, tags: ["autodocs"], argTypes: { diff --git a/packages/shared-components/src/room/timeline/event-tile/body/MImageBodyView/ImageBodyView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/body/MImageBodyView/ImageBodyView.stories.tsx index a24b3970bb3..313dc508473 100644 --- a/packages/shared-components/src/room/timeline/event-tile/body/MImageBodyView/ImageBodyView.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/body/MImageBodyView/ImageBodyView.stories.tsx @@ -62,7 +62,7 @@ const ImageBodyViewWrapperImpl = ({ const ImageBodyViewWrapper = withViewDocs(ImageBodyViewWrapperImpl, ImageBodyView); const meta = { - title: "Timeline Body/ImageBodyView", + title: "Timeline/Timeline Body/ImageBodyView", component: ImageBodyViewWrapper, tags: ["autodocs"], argTypes: { diff --git a/packages/shared-components/src/room/timeline/event-tile/body/MVideoBodyView/VideoBodyView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/body/MVideoBodyView/VideoBodyView.stories.tsx index cfea67b0f19..ecd264c17db 100644 --- a/packages/shared-components/src/room/timeline/event-tile/body/MVideoBodyView/VideoBodyView.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/body/MVideoBodyView/VideoBodyView.stories.tsx @@ -45,7 +45,7 @@ const VideoBodyViewWrapperImpl = ({ const VideoBodyViewWrapper = withViewDocs(VideoBodyViewWrapperImpl, VideoBodyView); const meta = { - title: "Timeline Body/VideoBodyView", + title: "Timeline/Timeline Body/VideoBodyView", component: VideoBodyViewWrapper, tags: ["autodocs"], argTypes: { diff --git a/packages/shared-components/src/room/timeline/event-tile/body/MediaBody/MediaBody.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/body/MediaBody/MediaBody.stories.tsx index 6e086e8125d..6ee675f565f 100644 --- a/packages/shared-components/src/room/timeline/event-tile/body/MediaBody/MediaBody.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/body/MediaBody/MediaBody.stories.tsx @@ -9,7 +9,7 @@ import { MediaBody } from "./MediaBody"; import type { Meta, StoryObj } from "@storybook/react-vite"; const meta = { - title: "Timeline Body/MediaBody", + title: "Timeline/Timeline Body/MediaBody", component: MediaBody, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/room/timeline/event-tile/body/RedactedBodyView/RedactedBodyView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/body/RedactedBodyView/RedactedBodyView.stories.tsx index baaea3998f1..c1b2794fae4 100644 --- a/packages/shared-components/src/room/timeline/event-tile/body/RedactedBodyView/RedactedBodyView.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/body/RedactedBodyView/RedactedBodyView.stories.tsx @@ -27,7 +27,7 @@ const RedactedBodyViewWrapperImpl = ({ const RedactedBodyViewWrapper = withViewDocs(RedactedBodyViewWrapperImpl, RedactedBodyView); const meta = { - title: "Timeline Body/RedactedBodyView", + title: "Timeline/Timeline Body/RedactedBodyView", component: RedactedBodyViewWrapper, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/room/timeline/event-tile/body/TextualBodyView/TextualBody.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/body/TextualBodyView/TextualBody.stories.tsx index abe7e09a4c7..c15d9abf768 100644 --- a/packages/shared-components/src/room/timeline/event-tile/body/TextualBodyView/TextualBody.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/body/TextualBodyView/TextualBody.stories.tsx @@ -76,7 +76,7 @@ const TEXTUAL_BODY_VIEW_BODY_WRAPPER_KIND_OPTIONS = [ ]; const meta = { - title: "Timeline Body/TextualBody", + title: "Timeline/Timeline Body/TextualBody", component: TextualBodyViewWrapper, tags: ["autodocs"], argTypes: { diff --git a/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRow/ReactionsRow.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRow/ReactionsRow.stories.tsx index 7290fa6e6cd..d2f55d896de 100644 --- a/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRow/ReactionsRow.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRow/ReactionsRow.stories.tsx @@ -81,7 +81,7 @@ const ReactionsRowViewWrapperImpl = ({ const ReactionsRowViewWrapper = withViewDocs(ReactionsRowViewWrapperImpl, ReactionsRowView); const meta = { - title: "Timeline Reaction/ReactionsRow", + title: "Timeline/Timeline Reaction/ReactionsRow", component: ReactionsRowViewWrapper, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRowButton/ReactionsRowButton.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRowButton/ReactionsRowButton.stories.tsx index bb0174d7338..5b6b3221c1b 100644 --- a/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRowButton/ReactionsRowButton.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRowButton/ReactionsRowButton.stories.tsx @@ -58,7 +58,7 @@ const ReactionsRowButtonViewWrapperImpl = ({ const ReactionsRowButtonViewWrapper = withViewDocs(ReactionsRowButtonViewWrapperImpl, ReactionsRowButtonView); const meta = { - title: "Timeline Reaction/ReactionsRowButton", + title: "Timeline/Timeline Reaction/ReactionsRowButton", component: ReactionsRowButtonViewWrapper, tags: ["autodocs"], args: { diff --git a/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRowButtonTooltip/ReactionsRowButtonTooltip.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRowButtonTooltip/ReactionsRowButtonTooltip.stories.tsx index 2b11ffb1985..050bbac1f87 100644 --- a/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRowButtonTooltip/ReactionsRowButtonTooltip.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRowButtonTooltip/ReactionsRowButtonTooltip.stories.tsx @@ -27,7 +27,7 @@ const ReactionsRowButtonTooltipViewWrapper = withViewDocs( ); const meta = { - title: "Timeline Reaction/ReactionsRowButtonTooltip", + title: "Timeline/Timeline Reaction/ReactionsRowButtonTooltip", component: ReactionsRowButtonTooltipViewWrapper, tags: ["autodocs"], argTypes: { diff --git a/packages/shared-components/src/room/timeline/event-tile/timestamp/MessageTimestampView/MessageTimestampView.stories.tsx b/packages/shared-components/src/room/timeline/event-tile/timestamp/MessageTimestampView/MessageTimestampView.stories.tsx index b2e164e9e3c..8fe29470707 100644 --- a/packages/shared-components/src/room/timeline/event-tile/timestamp/MessageTimestampView/MessageTimestampView.stories.tsx +++ b/packages/shared-components/src/room/timeline/event-tile/timestamp/MessageTimestampView/MessageTimestampView.stories.tsx @@ -33,7 +33,7 @@ const MessageTimestampWrapperImpl = ({ const MessageTimestampWrapper = withViewDocs(MessageTimestampWrapperImpl, MessageTimestampView); const meta = { - title: "Timeline Meta/MessageTimestampView", + title: "Timeline/Timeline Meta/MessageTimestampView", component: MessageTimestampWrapper, tags: ["autodocs"], args: {