From a7d7c632d7d6bf8bbaafd5f53b9e1e21a063a339 Mon Sep 17 00:00:00 2001 From: Tasso Evangelista Date: Fri, 3 Jul 2026 17:38:24 -0300 Subject: [PATCH 01/21] refactor(apps/meteor/client/views/teams/contextualBar/members/RemoveUsersModal): export component props types --- .../members/RemoveUsersModal/BaseRemoveUsersModal.tsx | 2 +- .../members/RemoveUsersModal/RemoveUsersFirstStep.tsx | 2 +- .../contextualBar/members/RemoveUsersModal/RemoveUsersModal.tsx | 2 +- .../members/RemoveUsersModal/RemoveUsersSecondStep.tsx | 2 +- 4 files changed, 4 insertions(+), 4 deletions(-) diff --git a/apps/meteor/client/views/teams/contextualBar/members/RemoveUsersModal/BaseRemoveUsersModal.tsx b/apps/meteor/client/views/teams/contextualBar/members/RemoveUsersModal/BaseRemoveUsersModal.tsx index 17d2b1dfcf73f..c62f25ca32f52 100644 --- a/apps/meteor/client/views/teams/contextualBar/members/RemoveUsersModal/BaseRemoveUsersModal.tsx +++ b/apps/meteor/client/views/teams/contextualBar/members/RemoveUsersModal/BaseRemoveUsersModal.tsx @@ -11,7 +11,7 @@ const STEPS = { CONFIRM_DELETE: 'CONFIRM_DELETE', }; -type BaseRemoveUsersModalProps = { +export type BaseRemoveUsersModalProps = { onClose: () => void; onCancel: () => void; onConfirm: (deletedRooms: { [key: string]: Serialized }) => void; diff --git a/apps/meteor/client/views/teams/contextualBar/members/RemoveUsersModal/RemoveUsersFirstStep.tsx b/apps/meteor/client/views/teams/contextualBar/members/RemoveUsersModal/RemoveUsersFirstStep.tsx index a23f4f33a5d70..e77dcacb4d265 100644 --- a/apps/meteor/client/views/teams/contextualBar/members/RemoveUsersModal/RemoveUsersFirstStep.tsx +++ b/apps/meteor/client/views/teams/contextualBar/members/RemoveUsersModal/RemoveUsersFirstStep.tsx @@ -5,7 +5,7 @@ import { useTranslation } from 'react-i18next'; import ChannelDesertionTable from '../../../ChannelDesertionTable'; -type RemoveUsersFirstStepProps = { +export type RemoveUsersFirstStepProps = { onClose: () => void; onCancel: () => void; onConfirm: () => void; diff --git a/apps/meteor/client/views/teams/contextualBar/members/RemoveUsersModal/RemoveUsersModal.tsx b/apps/meteor/client/views/teams/contextualBar/members/RemoveUsersModal/RemoveUsersModal.tsx index a1f766fef4933..177860a5dade5 100644 --- a/apps/meteor/client/views/teams/contextualBar/members/RemoveUsersModal/RemoveUsersModal.tsx +++ b/apps/meteor/client/views/teams/contextualBar/members/RemoveUsersModal/RemoveUsersModal.tsx @@ -6,7 +6,7 @@ import { useQuery } from '@tanstack/react-query'; import BaseRemoveUsersModal from './BaseRemoveUsersModal'; import { teamsQueryKeys, usersQueryKeys } from '../../../../../lib/queryKeys'; -type RemoveUsersModalProps = { +export type RemoveUsersModalProps = { onClose: () => void; onCancel: () => void; onConfirm: (deletedRooms: { [key: string]: Serialized }) => void; diff --git a/apps/meteor/client/views/teams/contextualBar/members/RemoveUsersModal/RemoveUsersSecondStep.tsx b/apps/meteor/client/views/teams/contextualBar/members/RemoveUsersModal/RemoveUsersSecondStep.tsx index 6e53addc08a93..4c8fa7b295dd8 100644 --- a/apps/meteor/client/views/teams/contextualBar/members/RemoveUsersModal/RemoveUsersSecondStep.tsx +++ b/apps/meteor/client/views/teams/contextualBar/members/RemoveUsersModal/RemoveUsersSecondStep.tsx @@ -3,7 +3,7 @@ import { Icon } from '@rocket.chat/fuselage'; import { GenericModal } from '@rocket.chat/ui-client'; import { useTranslation } from 'react-i18next'; -type RemoveUsersSecondStepProps = { +export type RemoveUsersSecondStepProps = { onClose: () => void; onCancel: () => void; onConfirm: (deletedRooms: { [key: string]: Serialized }) => void; From 697076bc9720febb2d8aef40e76dd7fae1f22238 Mon Sep 17 00:00:00 2001 From: Tasso Evangelista Date: Fri, 3 Jul 2026 17:38:24 -0300 Subject: [PATCH 02/21] refactor(apps/meteor/client/views/teams/contextualBar/TeamAutocomplete): export component props types --- .../teams/contextualBar/TeamAutocomplete/TeamAutocomplete.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/meteor/client/views/teams/contextualBar/TeamAutocomplete/TeamAutocomplete.tsx b/apps/meteor/client/views/teams/contextualBar/TeamAutocomplete/TeamAutocomplete.tsx index 21fe53722032e..2c510d3200c4d 100644 --- a/apps/meteor/client/views/teams/contextualBar/TeamAutocomplete/TeamAutocomplete.tsx +++ b/apps/meteor/client/views/teams/contextualBar/TeamAutocomplete/TeamAutocomplete.tsx @@ -5,7 +5,7 @@ import { useQuery } from '@tanstack/react-query'; import type { ComponentProps } from 'react'; import { memo, useMemo, useState } from 'react'; -type TeamAutocompleteProps = Omit, 'filter'>; +export type TeamAutocompleteProps = Omit, 'filter'>; const TeamAutocomplete = ({ value, onChange, ...props }: TeamAutocompleteProps) => { const [filter, setFilter] = useState(''); From f4226b360b40ef79935c8ef74c60fe12510d9b79 Mon Sep 17 00:00:00 2001 From: Tasso Evangelista Date: Fri, 3 Jul 2026 17:38:24 -0300 Subject: [PATCH 03/21] refactor(apps/meteor/tests/mocks/client): export component props types --- apps/meteor/tests/mocks/client/FakeChatProvider.tsx | 2 +- apps/meteor/tests/mocks/client/FakeRoomProvider.tsx | 2 +- apps/meteor/tests/mocks/client/ModalContextMock.tsx | 2 +- apps/meteor/tests/mocks/client/RouterContextMock.tsx | 2 +- apps/meteor/tests/mocks/client/ServerProviderMock.tsx | 2 +- 5 files changed, 5 insertions(+), 5 deletions(-) diff --git a/apps/meteor/tests/mocks/client/FakeChatProvider.tsx b/apps/meteor/tests/mocks/client/FakeChatProvider.tsx index 1243f38b1ce36..39cc85217cd65 100644 --- a/apps/meteor/tests/mocks/client/FakeChatProvider.tsx +++ b/apps/meteor/tests/mocks/client/FakeChatProvider.tsx @@ -3,7 +3,7 @@ import type { ReactNode } from 'react'; import { ChatContext } from '../../../client/views/room/contexts/ChatContext'; import { createFakeSubscription } from '../data'; -type FakeChatProviderProps = { +export type FakeChatProviderProps = { children?: ReactNode; }; diff --git a/apps/meteor/tests/mocks/client/FakeRoomProvider.tsx b/apps/meteor/tests/mocks/client/FakeRoomProvider.tsx index 571f8e9329a56..53e3505c0c850 100644 --- a/apps/meteor/tests/mocks/client/FakeRoomProvider.tsx +++ b/apps/meteor/tests/mocks/client/FakeRoomProvider.tsx @@ -6,7 +6,7 @@ import { useMemo } from 'react'; import { RoomContext } from '../../../client/views/room/contexts/RoomContext'; import { createFakeRoom, createFakeSubscription } from '../data'; -type FakeRoomProviderProps = { +export type FakeRoomProviderProps = { children?: ReactNode; roomOverrides?: Partial; subscriptionOverrides?: Partial; diff --git a/apps/meteor/tests/mocks/client/ModalContextMock.tsx b/apps/meteor/tests/mocks/client/ModalContextMock.tsx index 7f3636c89aff5..8f3a2bcd4dc63 100644 --- a/apps/meteor/tests/mocks/client/ModalContextMock.tsx +++ b/apps/meteor/tests/mocks/client/ModalContextMock.tsx @@ -2,7 +2,7 @@ import { ModalContext } from '@rocket.chat/ui-contexts'; import type { ContextType, ReactNode } from 'react'; import { useMemo } from 'react'; -type ModalContextMockProps = { +export type ModalContextMockProps = { children: ReactNode; }; diff --git a/apps/meteor/tests/mocks/client/RouterContextMock.tsx b/apps/meteor/tests/mocks/client/RouterContextMock.tsx index 53eb6c84b1283..9bf20f0adb91c 100644 --- a/apps/meteor/tests/mocks/client/RouterContextMock.tsx +++ b/apps/meteor/tests/mocks/client/RouterContextMock.tsx @@ -55,7 +55,7 @@ const buildRoutePath = (to: To): LocationPathname | `${LocationPathname}?${Locat throw new Error('Invalid route'); }; -type RouterContextMockProps = { +export type RouterContextMockProps = { children?: ReactNode; navigate?: (toOrDelta: number | To) => void; currentPath?: MutableRefObject; diff --git a/apps/meteor/tests/mocks/client/ServerProviderMock.tsx b/apps/meteor/tests/mocks/client/ServerProviderMock.tsx index e782a44b42c61..7460634871493 100644 --- a/apps/meteor/tests/mocks/client/ServerProviderMock.tsx +++ b/apps/meteor/tests/mocks/client/ServerProviderMock.tsx @@ -78,7 +78,7 @@ const contextValue: ServerContextValue = { writeStream, }; -type ServerProviderMockProps = { +export type ServerProviderMockProps = { children?: ReactNode; callEndpoint?: ContextType['callEndpoint']; }; From 6beb65685bb28dc597c01b2907874d6aa0d1e2f8 Mon Sep 17 00:00:00 2001 From: Tasso Evangelista Date: Fri, 3 Jul 2026 17:38:24 -0300 Subject: [PATCH 04/21] refactor(apps/uikit-playground/src/Components/CreateNewScreen): export component props types --- .../src/Components/CreateNewScreen/ScreenThumbnail.tsx | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/apps/uikit-playground/src/Components/CreateNewScreen/ScreenThumbnail.tsx b/apps/uikit-playground/src/Components/CreateNewScreen/ScreenThumbnail.tsx index 8a09ed81945fb..76868265ea8b8 100644 --- a/apps/uikit-playground/src/Components/CreateNewScreen/ScreenThumbnail.tsx +++ b/apps/uikit-playground/src/Components/CreateNewScreen/ScreenThumbnail.tsx @@ -13,7 +13,9 @@ import EditMenu from '../ScreenThumbnail/EditMenu/EditMenu'; import ScreenThumbnailWrapper from '../ScreenThumbnail/ScreenThumbnailWrapper'; import Thumbnail from '../ScreenThumbnail/Thumbnail'; -const ScreenThumbnail = ({ screen, disableDelete }: { screen: ScreenType; disableDelete: boolean }) => { +export type ScreenThumbnailProps = { screen: ScreenType; disableDelete: boolean }; + +const ScreenThumbnail = ({ screen, disableDelete }: ScreenThumbnailProps) => { const { dispatch } = useContext(context); const [name, setName] = useState(screen?.name); const toast = useToastBarDispatch(); From 9d7cfb13e375d21886098714625334a6052b7549 Mon Sep 17 00:00:00 2001 From: Tasso Evangelista Date: Fri, 3 Jul 2026 17:38:25 -0300 Subject: [PATCH 05/21] refactor(apps/uikit-playground/src/Components/DropDown): export component props types --- apps/uikit-playground/src/Components/DropDown/DropDown.tsx | 2 +- apps/uikit-playground/src/Components/DropDown/ItemsIcon.tsx | 4 +++- 2 files changed, 4 insertions(+), 2 deletions(-) diff --git a/apps/uikit-playground/src/Components/DropDown/DropDown.tsx b/apps/uikit-playground/src/Components/DropDown/DropDown.tsx index 921274c6eaa15..c3a81b39ff129 100644 --- a/apps/uikit-playground/src/Components/DropDown/DropDown.tsx +++ b/apps/uikit-playground/src/Components/DropDown/DropDown.tsx @@ -4,7 +4,7 @@ import { Fragment } from 'react'; import Items from './Items'; import type { Item, ItemBranch } from './types'; -type DropDownProps = { +export type DropDownProps = { readonly blocksTree: Item; }; diff --git a/apps/uikit-playground/src/Components/DropDown/ItemsIcon.tsx b/apps/uikit-playground/src/Components/DropDown/ItemsIcon.tsx index 1e8ab7e34bddd..fa24004efcc75 100644 --- a/apps/uikit-playground/src/Components/DropDown/ItemsIcon.tsx +++ b/apps/uikit-playground/src/Components/DropDown/ItemsIcon.tsx @@ -1,6 +1,8 @@ import { Icon } from '@rocket.chat/fuselage'; -const ItemsIcon = ({ layer, lastNode, hover }: { layer: number; lastNode: boolean; hover: boolean }) => { +export type ItemsIconProps = { layer: number; lastNode: boolean; hover: boolean }; + +const ItemsIcon = ({ layer, lastNode, hover }: ItemsIconProps) => { const selectIcon = (layer: number, hover: boolean) => { if (layer === 1) { return ; From d8cf87d79435a84c943342de729e37633cad6693 Mon Sep 17 00:00:00 2001 From: Tasso Evangelista Date: Fri, 3 Jul 2026 17:38:25 -0300 Subject: [PATCH 06/21] refactor(apps/uikit-playground/src/Components/FlowContainer/UIKitWrapper): export component props types --- .../Components/FlowContainer/UIKitWrapper/UIKitWrapper.tsx | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/apps/uikit-playground/src/Components/FlowContainer/UIKitWrapper/UIKitWrapper.tsx b/apps/uikit-playground/src/Components/FlowContainer/UIKitWrapper/UIKitWrapper.tsx index fbbf2bbaa29e4..770e4c77afca2 100644 --- a/apps/uikit-playground/src/Components/FlowContainer/UIKitWrapper/UIKitWrapper.tsx +++ b/apps/uikit-playground/src/Components/FlowContainer/UIKitWrapper/UIKitWrapper.tsx @@ -8,7 +8,9 @@ import type { idType } from '../../../Context/initialState'; import SurfaceRender from '../../Preview/Display/Surface/SurfaceRender'; import RenderPayload from '../../RenderPayload/RenderPayload'; -const UIKitWrapper = ({ id, data }: { id: string; data: idType }) => { +export type UIKitWrapperProps = { id: string; data: idType }; + +const UIKitWrapper = ({ id, data }: UIKitWrapperProps) => { const { state: { screens }, } = useContext(context); From 94496d60ceb4f9c3f8a7c58670122887751add0f Mon Sep 17 00:00:00 2001 From: Tasso Evangelista Date: Fri, 3 Jul 2026 17:38:25 -0300 Subject: [PATCH 07/21] refactor(apps/uikit-playground/src/Components/HomeContainer/ProjectsList): export component props types --- .../HomeContainer/ProjectsList/ProjectsThumbnail.tsx | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/apps/uikit-playground/src/Components/HomeContainer/ProjectsList/ProjectsThumbnail.tsx b/apps/uikit-playground/src/Components/HomeContainer/ProjectsList/ProjectsThumbnail.tsx index 01d0a1df53573..5e2760bb3bde4 100644 --- a/apps/uikit-playground/src/Components/HomeContainer/ProjectsList/ProjectsThumbnail.tsx +++ b/apps/uikit-playground/src/Components/HomeContainer/ProjectsList/ProjectsThumbnail.tsx @@ -15,7 +15,9 @@ import EditableLabel from '../../ScreenThumbnail/EditableLabel/EditableLabel'; import ScreenThumbnailWrapper from '../../ScreenThumbnail/ScreenThumbnailWrapper'; import Thumbnail from '../../ScreenThumbnail/Thumbnail'; -const ProjectsThumbnail = ({ id, name: _name, date, blocks }: { id: string; name: string; date: string; blocks: ILayoutBlock[] }) => { +export type ProjectsThumbnailProps = { id: string; name: string; date: string; blocks: ILayoutBlock[] }; + +const ProjectsThumbnail = ({ id, name: _name, date, blocks }: ProjectsThumbnailProps) => { const [name, setName] = useState(_name); const navigate = useNavigate(); const { dispatch } = useContext(context); From 97bc3b9410f7889cefa4e900865da94f9aec33f8 Mon Sep 17 00:00:00 2001 From: Tasso Evangelista Date: Fri, 3 Jul 2026 17:38:25 -0300 Subject: [PATCH 08/21] refactor(apps/uikit-playground/src/Components/NavBar/BurgerIcon): export component props types --- .../src/Components/NavBar/BurgerIcon/BurgerIcon.tsx | 4 +++- .../src/Components/NavBar/BurgerIcon/Line.tsx | 4 +++- .../src/Components/NavBar/BurgerIcon/Wrapper.tsx | 4 +++- 3 files changed, 9 insertions(+), 3 deletions(-) diff --git a/apps/uikit-playground/src/Components/NavBar/BurgerIcon/BurgerIcon.tsx b/apps/uikit-playground/src/Components/NavBar/BurgerIcon/BurgerIcon.tsx index 1611e75d1d8f2..b289929d24d0b 100644 --- a/apps/uikit-playground/src/Components/NavBar/BurgerIcon/BurgerIcon.tsx +++ b/apps/uikit-playground/src/Components/NavBar/BurgerIcon/BurgerIcon.tsx @@ -6,7 +6,9 @@ import Line from './Line'; import Wrapper from './Wrapper'; import { context } from '../../../Context'; -const BurgerIcon = ({ children }: { children?: ReactNode }) => { +export type BurgerIconProps = { children?: ReactNode }; + +const BurgerIcon = ({ children }: BurgerIconProps) => { const isReducedMotionPreferred = usePrefersReducedMotion(); const { state: { navMenuToggle }, diff --git a/apps/uikit-playground/src/Components/NavBar/BurgerIcon/Line.tsx b/apps/uikit-playground/src/Components/NavBar/BurgerIcon/Line.tsx index d81a6bd67ef46..6d73c2246724f 100644 --- a/apps/uikit-playground/src/Components/NavBar/BurgerIcon/Line.tsx +++ b/apps/uikit-playground/src/Components/NavBar/BurgerIcon/Line.tsx @@ -1,7 +1,9 @@ import { css } from '@rocket.chat/css-in-js'; import { Box } from '@rocket.chat/fuselage'; -const Line = ({ animated, moved }: { animated: boolean; moved?: boolean }) => { +export type LineProps = { animated: boolean; moved?: boolean }; + +const Line = ({ animated, moved }: LineProps) => { const animatedStyle = animated ? css` will-change: transform; diff --git a/apps/uikit-playground/src/Components/NavBar/BurgerIcon/Wrapper.tsx b/apps/uikit-playground/src/Components/NavBar/BurgerIcon/Wrapper.tsx index 73a2801a9da10..75f55f60515df 100644 --- a/apps/uikit-playground/src/Components/NavBar/BurgerIcon/Wrapper.tsx +++ b/apps/uikit-playground/src/Components/NavBar/BurgerIcon/Wrapper.tsx @@ -2,7 +2,9 @@ import { css } from '@rocket.chat/css-in-js'; import { Box } from '@rocket.chat/fuselage'; import type { ReactNode } from 'react'; -const Wrapper = ({ children }: { children: ReactNode }) => ( +export type WrapperProps = { children: ReactNode }; + +const Wrapper = ({ children }: WrapperProps) => ( Date: Fri, 3 Jul 2026 17:38:25 -0300 Subject: [PATCH 09/21] refactor(apps/uikit-playground/src/Components/navMenu/Menu): export component props types --- .../uikit-playground/src/Components/navMenu/Menu/MenuItem.tsx | 2 +- apps/uikit-playground/src/Components/navMenu/Menu/Wrapper.tsx | 4 +++- apps/uikit-playground/src/Components/navMenu/Menu/index.tsx | 4 +++- 3 files changed, 7 insertions(+), 3 deletions(-) diff --git a/apps/uikit-playground/src/Components/navMenu/Menu/MenuItem.tsx b/apps/uikit-playground/src/Components/navMenu/Menu/MenuItem.tsx index 9a70dd90ed4df..2649d1978fa22 100644 --- a/apps/uikit-playground/src/Components/navMenu/Menu/MenuItem.tsx +++ b/apps/uikit-playground/src/Components/navMenu/Menu/MenuItem.tsx @@ -2,7 +2,7 @@ import { css } from '@rocket.chat/css-in-js'; import { Box, Label } from '@rocket.chat/fuselage'; import type { ComponentProps } from 'react'; -type MenuItemProps = { +export type MenuItemProps = { name: string; } & ComponentProps; diff --git a/apps/uikit-playground/src/Components/navMenu/Menu/Wrapper.tsx b/apps/uikit-playground/src/Components/navMenu/Menu/Wrapper.tsx index d9fe8fa35dfa0..2d7797846ea4b 100644 --- a/apps/uikit-playground/src/Components/navMenu/Menu/Wrapper.tsx +++ b/apps/uikit-playground/src/Components/navMenu/Menu/Wrapper.tsx @@ -1,7 +1,9 @@ import { Box } from '@rocket.chat/fuselage'; import type { ReactNode } from 'react'; -const Wrapper = ({ children }: { children: ReactNode }) => ( +export type WrapperProps = { children: ReactNode }; + +const Wrapper = ({ children }: WrapperProps) => ( { +export type MenuProps = { isOpen: boolean }; + +const Menu = ({ isOpen }: MenuProps) => { const { state: { screens, activeScreen }, dispatch, From 83c7cc9776402cccb197d6bd3e3225e8dcf74901 Mon Sep 17 00:00:00 2001 From: Tasso Evangelista Date: Fri, 3 Jul 2026 17:38:26 -0300 Subject: [PATCH 10/21] refactor(apps/uikit-playground/src/Components/Preview/Display/Surface): export component props types --- .../src/Components/Preview/Display/Surface/BannerSurface.tsx | 4 +++- .../Preview/Display/Surface/ContextualBarSurface.tsx | 4 +++- .../src/Components/Preview/Display/Surface/MessageSurface.tsx | 4 +++- .../src/Components/Preview/Display/Surface/ModalSurface.tsx | 4 +++- .../src/Components/Preview/Display/Surface/SurfaceRender.tsx | 4 +++- 5 files changed, 15 insertions(+), 5 deletions(-) diff --git a/apps/uikit-playground/src/Components/Preview/Display/Surface/BannerSurface.tsx b/apps/uikit-playground/src/Components/Preview/Display/Surface/BannerSurface.tsx index f83b9d6905b91..1758a451e2e8f 100644 --- a/apps/uikit-playground/src/Components/Preview/Display/Surface/BannerSurface.tsx +++ b/apps/uikit-playground/src/Components/Preview/Display/Surface/BannerSurface.tsx @@ -1,6 +1,8 @@ import { Banner, Icon } from '@rocket.chat/fuselage'; import type { ReactNode } from 'react'; -const MessageSurface = ({ children }: { children: ReactNode }) => }>{children}; +export type MessageSurfaceProps = { children: ReactNode }; + +const MessageSurface = ({ children }: MessageSurfaceProps) => }>{children}; export default MessageSurface; diff --git a/apps/uikit-playground/src/Components/Preview/Display/Surface/ContextualBarSurface.tsx b/apps/uikit-playground/src/Components/Preview/Display/Surface/ContextualBarSurface.tsx index bd32804f3d781..d432818eb608f 100644 --- a/apps/uikit-playground/src/Components/Preview/Display/Surface/ContextualBarSurface.tsx +++ b/apps/uikit-playground/src/Components/Preview/Display/Surface/ContextualBarSurface.tsx @@ -12,7 +12,9 @@ import { import { Scrollbars } from 'rc-scrollbars'; import type { ReactNode } from 'react'; -const ContextualBarSurface = ({ children }: { children: ReactNode }) => ( +export type ContextualBarSurfaceProps = { children: ReactNode }; + +const ContextualBarSurface = ({ children }: ContextualBarSurfaceProps) => ( diff --git a/apps/uikit-playground/src/Components/Preview/Display/Surface/MessageSurface.tsx b/apps/uikit-playground/src/Components/Preview/Display/Surface/MessageSurface.tsx index e08766860c44c..7f4230b114405 100644 --- a/apps/uikit-playground/src/Components/Preview/Display/Surface/MessageSurface.tsx +++ b/apps/uikit-playground/src/Components/Preview/Display/Surface/MessageSurface.tsx @@ -15,7 +15,9 @@ import { } from '@rocket.chat/fuselage'; import type { ReactNode } from 'react'; -const MessageSurface = ({ children }: { children: ReactNode }) => ( +export type MessageSurfaceProps = { children: ReactNode }; + +const MessageSurface = ({ children }: MessageSurfaceProps) => ( ( +export type ModalSurfaceProps = { children: ReactNode }; + +const ModalSurface = ({ children }: ModalSurfaceProps) => ( diff --git a/apps/uikit-playground/src/Components/Preview/Display/Surface/SurfaceRender.tsx b/apps/uikit-playground/src/Components/Preview/Display/Surface/SurfaceRender.tsx index 2769bec77eb2c..c9532addb3738 100644 --- a/apps/uikit-playground/src/Components/Preview/Display/Surface/SurfaceRender.tsx +++ b/apps/uikit-playground/src/Components/Preview/Display/Surface/SurfaceRender.tsx @@ -6,7 +6,9 @@ import MessageSurface from './MessageSurface'; import ModalSurface from './ModalSurface'; import { SurfaceOptions } from './constant'; -const SurfaceRender = ({ type = SurfaceOptions.Message, children }: { type?: SurfaceOptions; children: ReactNode }) => ( +export type SurfaceRenderProps = { type?: SurfaceOptions; children: ReactNode }; + +const SurfaceRender = ({ type = SurfaceOptions.Message, children }: SurfaceRenderProps) => ( <> {SurfaceOptions.Message === type && {children}} {SurfaceOptions.Banner === type && {children}} From f9254a738acb5a9090e68f0334368373d087216a Mon Sep 17 00:00:00 2001 From: Tasso Evangelista Date: Fri, 3 Jul 2026 17:38:26 -0300 Subject: [PATCH 11/21] refactor(apps/uikit-playground/src/Components/Preview/Display/UiKitElementWrapper): export component props types --- .../Preview/Display/UiKitElementWrapper/DeleteElementBtn.tsx | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/apps/uikit-playground/src/Components/Preview/Display/UiKitElementWrapper/DeleteElementBtn.tsx b/apps/uikit-playground/src/Components/Preview/Display/UiKitElementWrapper/DeleteElementBtn.tsx index ce337d7d356ed..bb3254a0e4add 100644 --- a/apps/uikit-playground/src/Components/Preview/Display/UiKitElementWrapper/DeleteElementBtn.tsx +++ b/apps/uikit-playground/src/Components/Preview/Display/UiKitElementWrapper/DeleteElementBtn.tsx @@ -4,7 +4,9 @@ import { useContext } from 'react'; import { context, updatePayloadAction } from '../../../../Context'; -const Display = ({ elementIndex }: { elementIndex: number }) => { +export type DisplayProps = { elementIndex: number }; + +const Display = ({ elementIndex }: DisplayProps) => { const { state, dispatch } = useContext(context); const deleteElement = () => { From d567f6f659cb5718c107ae842e76b9e09784473b Mon Sep 17 00:00:00 2001 From: Tasso Evangelista Date: Fri, 3 Jul 2026 17:38:26 -0300 Subject: [PATCH 12/21] refactor(apps/uikit-playground/src/Components/Preview/SplitPlaneContainer): export component props types --- .../Preview/SplitPlaneContainer/SplitPlaneContainer.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/uikit-playground/src/Components/Preview/SplitPlaneContainer/SplitPlaneContainer.tsx b/apps/uikit-playground/src/Components/Preview/SplitPlaneContainer/SplitPlaneContainer.tsx index ad39f66a2f26f..9365474ba56ab 100644 --- a/apps/uikit-playground/src/Components/Preview/SplitPlaneContainer/SplitPlaneContainer.tsx +++ b/apps/uikit-playground/src/Components/Preview/SplitPlaneContainer/SplitPlaneContainer.tsx @@ -11,7 +11,7 @@ type PreviewSizeType = { inlineSize: number; }; -type SplitPlaneContainerProps = { +export type SplitPlaneContainerProps = { previewSize: Partial; }; From 586e53f8f6993b8a9f7369c83e9a70fd21bf927b Mon Sep 17 00:00:00 2001 From: Tasso Evangelista Date: Fri, 3 Jul 2026 17:38:26 -0300 Subject: [PATCH 13/21] refactor(apps/uikit-playground/src/Components/ScreenThumbnail): export component props types --- .../src/Components/ScreenThumbnail/Thumbnail.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/uikit-playground/src/Components/ScreenThumbnail/Thumbnail.tsx b/apps/uikit-playground/src/Components/ScreenThumbnail/Thumbnail.tsx index d01e12aca2c3f..a2abd7cb13b02 100644 --- a/apps/uikit-playground/src/Components/ScreenThumbnail/Thumbnail.tsx +++ b/apps/uikit-playground/src/Components/ScreenThumbnail/Thumbnail.tsx @@ -3,7 +3,7 @@ import { Box } from '@rocket.chat/fuselage'; import type { ReactNode, ComponentProps } from 'react'; import { useRef, useState, useEffect } from 'react'; -type ThumbnailProps = ComponentProps & { +export type ThumbnailProps = ComponentProps & { of: ReactNode; }; From 67d9b84dc12a12b33a579407701a5bf9b3d1bb03 Mon Sep 17 00:00:00 2001 From: Tasso Evangelista Date: Fri, 3 Jul 2026 17:38:27 -0300 Subject: [PATCH 14/21] refactor(apps/uikit-playground/src/Components/Templates/Container): export component props types --- .../src/Components/Templates/Container/Container.tsx | 4 +++- .../src/Components/Templates/Container/Payload.tsx | 4 +++- .../src/Components/Templates/Container/Section.tsx | 4 +++- 3 files changed, 9 insertions(+), 3 deletions(-) diff --git a/apps/uikit-playground/src/Components/Templates/Container/Container.tsx b/apps/uikit-playground/src/Components/Templates/Container/Container.tsx index b3901d040a05d..24bf8577502b2 100644 --- a/apps/uikit-playground/src/Components/Templates/Container/Container.tsx +++ b/apps/uikit-playground/src/Components/Templates/Container/Container.tsx @@ -3,7 +3,9 @@ import { Box } from '@rocket.chat/fuselage'; import Section from './Section'; import type { templateType } from '../../../utils/templates'; -const Container = ({ templates }: { templates: templateType[] }) => ( +export type ContainerProps = { templates: templateType[] }; + +const Container = ({ templates }: ContainerProps) => ( {templates?.map((template, i) =>
)} diff --git a/apps/uikit-playground/src/Components/Templates/Container/Payload.tsx b/apps/uikit-playground/src/Components/Templates/Container/Payload.tsx index b5cd536da54ef..580f24564354a 100644 --- a/apps/uikit-playground/src/Components/Templates/Container/Payload.tsx +++ b/apps/uikit-playground/src/Components/Templates/Container/Payload.tsx @@ -10,7 +10,9 @@ import SurfaceRender from '../../Preview/Display/Surface/SurfaceRender'; import type { SurfaceOptions } from '../../Preview/Display/Surface/constant'; import RenderPayload from '../../RenderPayload/RenderPayload'; -const Payload = ({ blocks, surface }: { surface: SurfaceOptions; blocks: LayoutBlock[] }) => { +export type PayloadProps = { surface: SurfaceOptions; blocks: LayoutBlock[] }; + +const Payload = ({ blocks, surface }: PayloadProps) => { const { dispatch } = useContext(context); const blocksWithUniqueIds: ILayoutBlock[] = useMemo( () => diff --git a/apps/uikit-playground/src/Components/Templates/Container/Section.tsx b/apps/uikit-playground/src/Components/Templates/Container/Section.tsx index 31899963fc2f5..f1b0726eef16b 100644 --- a/apps/uikit-playground/src/Components/Templates/Container/Section.tsx +++ b/apps/uikit-playground/src/Components/Templates/Container/Section.tsx @@ -3,7 +3,9 @@ import { Box, Label } from '@rocket.chat/fuselage'; import Payload from './Payload'; import type { templateType } from '../../../utils/templates'; -const Section = ({ template, index }: { template: templateType; index: number }) => ( +export type SectionProps = { template: templateType; index: number }; + +const Section = ({ template, index }: SectionProps) => (