diff --git a/packages/ui-video-conf/src/VideoConfPopup/VideoConfPopup.tsx b/packages/ui-video-conf/src/VideoConfPopup/VideoConfPopup.tsx index b36e372adf73c..58e734175b0fd 100644 --- a/packages/ui-video-conf/src/VideoConfPopup/VideoConfPopup.tsx +++ b/packages/ui-video-conf/src/VideoConfPopup/VideoConfPopup.tsx @@ -16,7 +16,7 @@ export const VideoConfPopupContainer = styled('div', ({ position: _position, ... border-radius: 0.25rem; `; -type VideoConfPopupProps = { +export type VideoConfPopupProps = { children: ReactNode; position?: number; } & HTMLAttributes; diff --git a/packages/ui-video-conf/src/VideoConfPopup/VideoConfPopupBackdrop.tsx b/packages/ui-video-conf/src/VideoConfPopup/VideoConfPopupBackdrop.tsx index 7b1d9dbe57cc6..c17ee60d751f6 100644 --- a/packages/ui-video-conf/src/VideoConfPopup/VideoConfPopupBackdrop.tsx +++ b/packages/ui-video-conf/src/VideoConfPopup/VideoConfPopupBackdrop.tsx @@ -14,7 +14,9 @@ const backdropStyle = css` } `; -const VideoConfPopupBackdrop = ({ children }: { children: ReactNode }) => ( +export type VideoConfPopupBackdropProps = { children: ReactNode }; + +const VideoConfPopupBackdrop = ({ children }: VideoConfPopupBackdropProps) => ( {children} diff --git a/packages/ui-video-conf/src/VideoConfPopup/VideoConfPopupContent.tsx b/packages/ui-video-conf/src/VideoConfPopup/VideoConfPopupContent.tsx index b4ebcb74c78cc..4e788b8aed727 100644 --- a/packages/ui-video-conf/src/VideoConfPopup/VideoConfPopupContent.tsx +++ b/packages/ui-video-conf/src/VideoConfPopup/VideoConfPopupContent.tsx @@ -1,7 +1,9 @@ import { Box } from '@rocket.chat/fuselage'; import type { ReactNode } from 'react'; -const VideoConfPopupContent = ({ children }: { children: ReactNode }) => ( +export type VideoConfPopupContentProps = { children: ReactNode }; + +const VideoConfPopupContent = ({ children }: VideoConfPopupContentProps) => ( {children} diff --git a/packages/ui-video-conf/src/VideoConfPopup/VideoConfPopupHeader.tsx b/packages/ui-video-conf/src/VideoConfPopup/VideoConfPopupHeader.tsx index ef9a5e4ed8ac3..74c4ba51e597a 100644 --- a/packages/ui-video-conf/src/VideoConfPopup/VideoConfPopupHeader.tsx +++ b/packages/ui-video-conf/src/VideoConfPopup/VideoConfPopupHeader.tsx @@ -1,7 +1,9 @@ import { Box } from '@rocket.chat/fuselage'; import type { ReactNode } from 'react'; -const VideoConfPopupHeader = ({ children }: { children: ReactNode }) => ( +export type VideoConfPopupHeaderProps = { children: ReactNode }; + +const VideoConfPopupHeader = ({ children }: VideoConfPopupHeaderProps) => ( {children} diff --git a/packages/ui-video-conf/src/VideoConfPopup/VideoConfPopupIcon.tsx b/packages/ui-video-conf/src/VideoConfPopup/VideoConfPopupIcon.tsx index ee4bfc122d02c..ef14d22b16b59 100644 --- a/packages/ui-video-conf/src/VideoConfPopup/VideoConfPopupIcon.tsx +++ b/packages/ui-video-conf/src/VideoConfPopup/VideoConfPopupIcon.tsx @@ -1,7 +1,9 @@ import { Box } from '@rocket.chat/fuselage'; import type { ReactNode } from 'react'; -const VideoConfPopupIcon = ({ children }: { children: ReactNode }) => ( +export type VideoConfPopupIconProps = { children: ReactNode }; + +const VideoConfPopupIcon = ({ children }: VideoConfPopupIconProps) => ( {children} diff --git a/packages/ui-video-conf/src/VideoConfPopup/VideoConfPopupInfo.tsx b/packages/ui-video-conf/src/VideoConfPopup/VideoConfPopupInfo.tsx index 22bcd656ab95e..8498cb73b43fb 100644 --- a/packages/ui-video-conf/src/VideoConfPopup/VideoConfPopupInfo.tsx +++ b/packages/ui-video-conf/src/VideoConfPopup/VideoConfPopupInfo.tsx @@ -1,7 +1,7 @@ import { Box } from '@rocket.chat/fuselage'; import type { ReactNode } from 'react'; -type VideoConfPopupInfoProps = { +export type VideoConfPopupInfoProps = { avatar?: ReactNode; icon?: ReactNode; children: ReactNode; diff --git a/packages/ui-video-conf/src/VideoConfPopup/VideoConfPopupSkeleton.tsx b/packages/ui-video-conf/src/VideoConfPopup/VideoConfPopupSkeleton.tsx index b8b867c9b7a7a..15263df46e7fb 100644 --- a/packages/ui-video-conf/src/VideoConfPopup/VideoConfPopupSkeleton.tsx +++ b/packages/ui-video-conf/src/VideoConfPopup/VideoConfPopupSkeleton.tsx @@ -6,7 +6,7 @@ import VideoConfPopupContent from './VideoConfPopupContent'; import VideoConfPopupFooter from './VideoConfPopupFooter'; import VideoConfPopupHeader from './VideoConfPopupHeader'; -type VideoConfPopupSkeletonProps = Omit, 'children'>; +export type VideoConfPopupSkeletonProps = Omit, 'children'>; const VideoConfPopupSkeleton = (props: VideoConfPopupSkeletonProps) => ( diff --git a/packages/ui-video-conf/src/VideoConfPopup/VideoConfPopupTitle.tsx b/packages/ui-video-conf/src/VideoConfPopup/VideoConfPopupTitle.tsx index 21eda81199718..b001faf97fe8b 100644 --- a/packages/ui-video-conf/src/VideoConfPopup/VideoConfPopupTitle.tsx +++ b/packages/ui-video-conf/src/VideoConfPopup/VideoConfPopupTitle.tsx @@ -1,6 +1,6 @@ import { Box, Throbber } from '@rocket.chat/fuselage'; -type VideoConfPopupTitleProps = { +export type VideoConfPopupTitleProps = { text: string; counter?: boolean; }; diff --git a/packages/ui-voip/src/components/ActionButton.tsx b/packages/ui-voip/src/components/ActionButton.tsx index cba521566b5b5..96c60e873f9dc 100644 --- a/packages/ui-voip/src/components/ActionButton.tsx +++ b/packages/ui-voip/src/components/ActionButton.tsx @@ -3,7 +3,7 @@ import type { Keys } from '@rocket.chat/icons'; import type { ComponentProps } from 'react'; import { forwardRef } from 'react'; -type ActionButtonProps = { +export type ActionButtonProps = { label: string; icon: Keys; disabled?: boolean; diff --git a/packages/ui-voip/src/components/Actions/ActionStrip.tsx b/packages/ui-voip/src/components/Actions/ActionStrip.tsx index eca890bc17216..67fb48ecdde86 100644 --- a/packages/ui-voip/src/components/Actions/ActionStrip.tsx +++ b/packages/ui-voip/src/components/Actions/ActionStrip.tsx @@ -3,7 +3,7 @@ import type { ReactNode } from 'react'; export const ACTION_STRIP_TOTAL_HEIGHT = 52; -type ActionStripProps = { +export type ActionStripProps = { children: ReactNode; leftSlot?: ReactNode; rightSlot?: ReactNode; diff --git a/packages/ui-voip/src/components/Actions/ActionToggleChat.tsx b/packages/ui-voip/src/components/Actions/ActionToggleChat.tsx index be4c1c9639292..381f3f07d0338 100644 --- a/packages/ui-voip/src/components/Actions/ActionToggleChat.tsx +++ b/packages/ui-voip/src/components/Actions/ActionToggleChat.tsx @@ -1,7 +1,7 @@ import { Button } from '@rocket.chat/fuselage'; import { useTranslation } from 'react-i18next'; -type ActionToggleChatProps = { +export type ActionToggleChatProps = { pressed: boolean; onClick: () => void; }; diff --git a/packages/ui-voip/src/components/CallHistoryExternalUser.tsx b/packages/ui-voip/src/components/CallHistoryExternalUser.tsx index 93638835d48e9..f9da50de9ba17 100644 --- a/packages/ui-voip/src/components/CallHistoryExternalUser.tsx +++ b/packages/ui-voip/src/components/CallHistoryExternalUser.tsx @@ -2,7 +2,7 @@ import { Box, Icon, FramedIcon } from '@rocket.chat/fuselage'; import type { CallHistoryExternalContact } from '../definitions'; -type CallHistoryExternalUserProps = { +export type CallHistoryExternalUserProps = { contact: CallHistoryExternalContact; showIcon?: boolean; }; diff --git a/packages/ui-voip/src/components/CallHistoryInternalUser.tsx b/packages/ui-voip/src/components/CallHistoryInternalUser.tsx index d0d078b5f9326..487d84d60d143 100644 --- a/packages/ui-voip/src/components/CallHistoryInternalUser.tsx +++ b/packages/ui-voip/src/components/CallHistoryInternalUser.tsx @@ -5,7 +5,7 @@ import { useMemo } from 'react'; import type { CallHistoryInternalContact } from '../definitions'; -type CallHistoryInternalUserProps = { +export type CallHistoryInternalUserProps = { contact: CallHistoryInternalContact; }; diff --git a/packages/ui-voip/src/components/CallHistoryUser.tsx b/packages/ui-voip/src/components/CallHistoryUser.tsx index b63151ac7e48b..9d2893320eab2 100644 --- a/packages/ui-voip/src/components/CallHistoryUser.tsx +++ b/packages/ui-voip/src/components/CallHistoryUser.tsx @@ -3,7 +3,7 @@ import CallHistoryInternalUser from './CallHistoryInternalUser'; import CallHistoryUnknownUser from './CallHistoryUnknownUser'; import { isCallHistoryExternalContact, isCallHistoryInternalContact, type CallHistoryContact } from '../definitions'; -type CallHistoryUserProps = { +export type CallHistoryUserProps = { contact: CallHistoryContact; }; diff --git a/packages/ui-voip/src/components/Cards/Card.tsx b/packages/ui-voip/src/components/Cards/Card.tsx index 81ca399fb26b8..c5be25f826048 100644 --- a/packages/ui-voip/src/components/Cards/Card.tsx +++ b/packages/ui-voip/src/components/Cards/Card.tsx @@ -22,7 +22,7 @@ export const CARD_MARGIN = 2; export const CARD_TOTAL_HEIGHT = CARD_HEIGHT + CARD_MARGIN * 2; export const CARD_TOTAL_WIDTH = CARD_MAX_WIDTH + CARD_MARGIN * 2; -type CardProps = { +export type CardProps = { children: ReactNode; title?: string; maxWidth?: string | number; diff --git a/packages/ui-voip/src/components/Cards/CardList.tsx b/packages/ui-voip/src/components/Cards/CardList.tsx index de2399850f3dd..65e64629163ab 100644 --- a/packages/ui-voip/src/components/Cards/CardList.tsx +++ b/packages/ui-voip/src/components/Cards/CardList.tsx @@ -1,7 +1,7 @@ import { Box } from '@rocket.chat/fuselage'; import type { ReactNode } from 'react'; -type CardListProps = { +export type CardListProps = { children: ReactNode; shouldWrapCards?: boolean; direction?: 'row' | 'column'; diff --git a/packages/ui-voip/src/components/Cards/CardListContainer.tsx b/packages/ui-voip/src/components/Cards/CardListContainer.tsx index 2aff2beb49f77..d9a20ac13b124 100644 --- a/packages/ui-voip/src/components/Cards/CardListContainer.tsx +++ b/packages/ui-voip/src/components/Cards/CardListContainer.tsx @@ -3,7 +3,7 @@ import type { ReactNode } from 'react'; import CardList from './CardList'; import CardListPinned from './CardListPinned'; -type CardListContainerProps = { +export type CardListContainerProps = { children: ReactNode; focusedCard?: ReactNode; shouldWrapCards?: boolean; diff --git a/packages/ui-voip/src/components/Cards/CardListPinned.tsx b/packages/ui-voip/src/components/Cards/CardListPinned.tsx index b538aef5b944b..012ccdf4d6b2e 100644 --- a/packages/ui-voip/src/components/Cards/CardListPinned.tsx +++ b/packages/ui-voip/src/components/Cards/CardListPinned.tsx @@ -6,7 +6,7 @@ import type { CSSProperties, ReactNode } from 'react'; import { CARD_MARGIN, CARD_MIN_WIDTH } from './Card'; import CardListContainer from './CardList'; -type CardListPinnedProps = { +export type CardListPinnedProps = { children: ReactNode; focusedCard: ReactNode; flexDirection?: CSSProperties['flexDirection']; diff --git a/packages/ui-voip/src/components/Cards/CardListSection.tsx b/packages/ui-voip/src/components/Cards/CardListSection.tsx index 23875489a202d..ea22709cef892 100644 --- a/packages/ui-voip/src/components/Cards/CardListSection.tsx +++ b/packages/ui-voip/src/components/Cards/CardListSection.tsx @@ -1,7 +1,7 @@ import { Box } from '@rocket.chat/fuselage'; import type { ReactNode } from 'react'; -type CardListSectionProps = { +export type CardListSectionProps = { children: ReactNode; }; diff --git a/packages/ui-voip/src/components/Cards/CardWidgetContainer.tsx b/packages/ui-voip/src/components/Cards/CardWidgetContainer.tsx index b83b66e60fcbb..9f0f7e67b433f 100644 --- a/packages/ui-voip/src/components/Cards/CardWidgetContainer.tsx +++ b/packages/ui-voip/src/components/Cards/CardWidgetContainer.tsx @@ -1,7 +1,7 @@ import { Box, Margins } from '@rocket.chat/fuselage'; import type { ReactNode } from 'react'; -type CardWidgetContainerProps = { +export type CardWidgetContainerProps = { children: ReactNode; }; diff --git a/packages/ui-voip/src/components/Cards/PeerCard/PeerCard.tsx b/packages/ui-voip/src/components/Cards/PeerCard/PeerCard.tsx index 1b847a21c567a..9e28d382ab7c5 100644 --- a/packages/ui-voip/src/components/Cards/PeerCard/PeerCard.tsx +++ b/packages/ui-voip/src/components/Cards/PeerCard/PeerCard.tsx @@ -3,7 +3,7 @@ import { Avatar, Box, Icon } from '@rocket.chat/fuselage'; import Card from '../Card'; import PeerCardSlot from './PeerCardSlot'; -type PeerCardProps = { +export type PeerCardProps = { displayName: string; avatarUrl?: string; muted: boolean; diff --git a/packages/ui-voip/src/components/Cards/PeerCard/PeerCardSlot.tsx b/packages/ui-voip/src/components/Cards/PeerCard/PeerCardSlot.tsx index a1104a44512ba..ff483b3937995 100644 --- a/packages/ui-voip/src/components/Cards/PeerCard/PeerCardSlot.tsx +++ b/packages/ui-voip/src/components/Cards/PeerCard/PeerCardSlot.tsx @@ -2,7 +2,7 @@ import { Icon } from '@rocket.chat/fuselage'; import CardSlot from '../CardSlot'; -type PeerCardSlotProps = { +export type PeerCardSlotProps = { muted: boolean; held: boolean; displayName: string; diff --git a/packages/ui-voip/src/components/Cards/StreamCard/StreamCard.tsx b/packages/ui-voip/src/components/Cards/StreamCard/StreamCard.tsx index 2e0d39921489c..d2bf9e7c6f96a 100644 --- a/packages/ui-voip/src/components/Cards/StreamCard/StreamCard.tsx +++ b/packages/ui-voip/src/components/Cards/StreamCard/StreamCard.tsx @@ -5,7 +5,7 @@ import StreamCardOpenInRoomButton from './StreamCardOpenInRoom'; import StreamCardPin from './StreamCardPin'; import StreamCardStopSharingButton from './StreamCardStopSharingButton'; -type StreamCardProps = { +export type StreamCardProps = { children: ReactNode; own?: boolean; onClickFocusStream?: () => void; diff --git a/packages/ui-voip/src/components/Cards/StreamCard/StreamCardOpenInRoom.tsx b/packages/ui-voip/src/components/Cards/StreamCard/StreamCardOpenInRoom.tsx index 46ecc5bb240c4..c6ef832c8727e 100644 --- a/packages/ui-voip/src/components/Cards/StreamCard/StreamCardOpenInRoom.tsx +++ b/packages/ui-voip/src/components/Cards/StreamCard/StreamCardOpenInRoom.tsx @@ -3,7 +3,7 @@ import { useTranslation } from 'react-i18next'; import CardSlotContainer from '../CardSlot'; -type StreamCardOpenInRoomButtonProps = { +export type StreamCardOpenInRoomButtonProps = { onClick: () => void; showOnHover?: boolean; }; diff --git a/packages/ui-voip/src/components/Cards/StreamCard/StreamCardPin.tsx b/packages/ui-voip/src/components/Cards/StreamCard/StreamCardPin.tsx index b26c75c5b0d25..b9de43dc84f70 100644 --- a/packages/ui-voip/src/components/Cards/StreamCard/StreamCardPin.tsx +++ b/packages/ui-voip/src/components/Cards/StreamCard/StreamCardPin.tsx @@ -4,7 +4,7 @@ import { useTranslation } from 'react-i18next'; import CardSlotContainer from '../CardSlot'; import type { SlotPosition } from '../CardSlot'; -type CardSlotPinProps = { +export type CardSlotPinProps = { onClick: () => void; focused?: boolean; position?: SlotPosition; diff --git a/packages/ui-voip/src/components/Cards/StreamCard/StreamCardStopSharingButton.tsx b/packages/ui-voip/src/components/Cards/StreamCard/StreamCardStopSharingButton.tsx index 224e3332da2be..44f8aaf2b0b00 100644 --- a/packages/ui-voip/src/components/Cards/StreamCard/StreamCardStopSharingButton.tsx +++ b/packages/ui-voip/src/components/Cards/StreamCard/StreamCardStopSharingButton.tsx @@ -3,7 +3,7 @@ import { useTranslation } from 'react-i18next'; import CardSlotContainer from '../CardSlot'; -type CardSlotStopSharingProps = { +export type CardSlotStopSharingProps = { onClick: () => void; showOnHover?: boolean; }; diff --git a/packages/ui-voip/src/components/DevicePicker.tsx b/packages/ui-voip/src/components/DevicePicker.tsx index 56c1d6bf633c9..eb3fb379077ad 100644 --- a/packages/ui-voip/src/components/DevicePicker.tsx +++ b/packages/ui-voip/src/components/DevicePicker.tsx @@ -11,7 +11,7 @@ import { ActionButton } from '.'; import { useMediaCallView } from '../context/MediaCallViewContext'; import { useDevicePermissionPrompt2, stopTracks } from '../hooks/useDevicePermissionPrompt'; -type DevicePickerButtonProps = { +export type DevicePickerButtonProps = { secondary?: boolean; small?: boolean; } & Omit, 'label' | 'icon'>; @@ -35,8 +35,10 @@ const getDefaultDeviceItem = (label: string, type: 'input' | 'output') => ({ id: `default-${type}`, }); +export type DevicePickerProps = { secondary?: boolean; className?: string }; + // eslint-disable-next-line react/no-multi-comp -const DevicePicker = ({ secondary = false, className }: { secondary?: boolean; className?: string }) => { +const DevicePicker = ({ secondary = false, className }: DevicePickerProps) => { const { t } = useTranslation(); const { onDeviceChange } = useMediaCallView(); diff --git a/packages/ui-voip/src/components/Keypad/Key.tsx b/packages/ui-voip/src/components/Keypad/Key.tsx index 3fec795bc4339..2ff883e7b34f8 100644 --- a/packages/ui-voip/src/components/Keypad/Key.tsx +++ b/packages/ui-voip/src/components/Keypad/Key.tsx @@ -4,7 +4,7 @@ import { css } from '@rocket.chat/css-in-js'; import { Box, Button } from '@rocket.chat/fuselage'; import { useTranslation } from 'react-i18next'; -type KeyProps = { +export type KeyProps = { primaryKey: string; alternativeKey?: string; longPressKey?: string; diff --git a/packages/ui-voip/src/components/Keypad/Keypad.tsx b/packages/ui-voip/src/components/Keypad/Keypad.tsx index 072b101ba30db..cdceeed6229ed 100644 --- a/packages/ui-voip/src/components/Keypad/Keypad.tsx +++ b/packages/ui-voip/src/components/Keypad/Keypad.tsx @@ -3,7 +3,7 @@ import { Box } from '@rocket.chat/fuselage'; import Key from './Key'; -type KeypadProps = { +export type KeypadProps = { onKeyPress(key: string): void; }; diff --git a/packages/ui-voip/src/components/PeerAutocomplete.tsx b/packages/ui-voip/src/components/PeerAutocomplete.tsx index 90ea5ea1c9110..76d606f0ef999 100644 --- a/packages/ui-voip/src/components/PeerAutocomplete.tsx +++ b/packages/ui-voip/src/components/PeerAutocomplete.tsx @@ -13,7 +13,7 @@ export type PeerAutocompleteOptions = { avatarUrl?: string; }; -type PeerAutocompleteProps = { +export type PeerAutocompleteProps = { options: PeerAutocompleteOptions[]; onChangeValue: (value: string | string[]) => void; onChangeFilter: (filter: string) => void; diff --git a/packages/ui-voip/src/components/PeerInfo/InternalUser.tsx b/packages/ui-voip/src/components/PeerInfo/InternalUser.tsx index 96cfa6c812ea6..81ffab95415c5 100644 --- a/packages/ui-voip/src/components/PeerInfo/InternalUser.tsx +++ b/packages/ui-voip/src/components/PeerInfo/InternalUser.tsx @@ -3,7 +3,7 @@ import { Avatar, Box, Icon, StatusBullet } from '@rocket.chat/fuselage'; import type { Slot } from './useInfoSlots'; -type InternalUserProps = { +export type InternalUserProps = { displayName: string; status?: UserStatus; avatarUrl?: string; diff --git a/packages/ui-voip/src/components/PeerInfo/PhoneNumber.tsx b/packages/ui-voip/src/components/PeerInfo/PhoneNumber.tsx index 5d9db52ac6c1d..6d7b6a40516a5 100644 --- a/packages/ui-voip/src/components/PeerInfo/PhoneNumber.tsx +++ b/packages/ui-voip/src/components/PeerInfo/PhoneNumber.tsx @@ -1,6 +1,6 @@ import { Box, Icon } from '@rocket.chat/fuselage'; -type PhoneNumberProps = { +export type PhoneNumberProps = { number: string; }; diff --git a/packages/ui-voip/src/components/Timer.tsx b/packages/ui-voip/src/components/Timer.tsx index 4c5b0340a5dd7..ee610c04a4031 100644 --- a/packages/ui-voip/src/components/Timer.tsx +++ b/packages/ui-voip/src/components/Timer.tsx @@ -1,7 +1,7 @@ import { Box } from '@rocket.chat/fuselage'; import { useEffect, useState } from 'react'; -type VoipTimerProps = { startAt?: Date }; +export type VoipTimerProps = { startAt?: Date }; const VoipTimer = ({ startAt }: VoipTimerProps) => { const [start] = useState(() => { diff --git a/packages/ui-voip/src/components/ToggleButton.tsx b/packages/ui-voip/src/components/ToggleButton.tsx index 03ea1e2362e7b..9a16a40664560 100644 --- a/packages/ui-voip/src/components/ToggleButton.tsx +++ b/packages/ui-voip/src/components/ToggleButton.tsx @@ -2,7 +2,7 @@ import { Icon, IconButton } from '@rocket.chat/fuselage'; import type { Keys } from '@rocket.chat/icons'; import type { ComponentProps } from 'react'; -type ToggleButtonProps = { +export type ToggleButtonProps = { label: string; // label should not change due to a11y constraints icons: [defaultIcon: Keys, pressedIcon: Keys]; titles: [defaultTitle: string, pressedTitle: string]; // Titles might change though diff --git a/packages/ui-voip/src/components/Widget/Widget.tsx b/packages/ui-voip/src/components/Widget/Widget.tsx index 56c43ea828bba..06e040949cd1b 100644 --- a/packages/ui-voip/src/components/Widget/Widget.tsx +++ b/packages/ui-voip/src/components/Widget/Widget.tsx @@ -30,7 +30,7 @@ const WidgetBase = styled('div')` overflow: hidden; `; -type WidgetProps = { +export type WidgetProps = { children: ReactNode; restorePosition?: LastKnownPosition | null; onChangePosition?: (position: LastKnownPosition | null) => void; diff --git a/packages/ui-voip/src/components/Widget/WidgetContent.tsx b/packages/ui-voip/src/components/Widget/WidgetContent.tsx index c0b0b5a048ffd..ff63e6555fb87 100644 --- a/packages/ui-voip/src/components/Widget/WidgetContent.tsx +++ b/packages/ui-voip/src/components/Widget/WidgetContent.tsx @@ -1,7 +1,9 @@ import { Box } from '@rocket.chat/fuselage'; import type { ReactNode } from 'react'; -const WidgetContent = ({ children }: { children: ReactNode }) => ( +export type WidgetContentProps = { children: ReactNode }; + +const WidgetContent = ({ children }: WidgetContentProps) => ( {children} diff --git a/packages/ui-voip/src/components/Widget/WidgetFooter.tsx b/packages/ui-voip/src/components/Widget/WidgetFooter.tsx index 790a6817d2259..36c9eef848931 100644 --- a/packages/ui-voip/src/components/Widget/WidgetFooter.tsx +++ b/packages/ui-voip/src/components/Widget/WidgetFooter.tsx @@ -1,7 +1,9 @@ import { Box } from '@rocket.chat/fuselage'; import type { ReactNode } from 'react'; -const WidgetFooter = ({ children }: { children: ReactNode }) => ( +export type WidgetFooterProps = { children: ReactNode }; + +const WidgetFooter = ({ children }: WidgetFooterProps) => ( {children} diff --git a/packages/ui-voip/src/components/Widget/WidgetHeader.tsx b/packages/ui-voip/src/components/Widget/WidgetHeader.tsx index 02c3495ad1297..bb82347666c43 100644 --- a/packages/ui-voip/src/components/Widget/WidgetHeader.tsx +++ b/packages/ui-voip/src/components/Widget/WidgetHeader.tsx @@ -3,7 +3,7 @@ import type { ReactNode } from 'react'; import { VisuallyHidden } from 'react-aria'; import { useTranslation } from 'react-i18next'; -type WidgetHeaderProps = { +export type WidgetHeaderProps = { title: ReactNode; children: ReactNode; }; diff --git a/packages/ui-voip/src/components/Widget/WidgetInfo.tsx b/packages/ui-voip/src/components/Widget/WidgetInfo.tsx index 24a8efab95f1f..babab539d043b 100644 --- a/packages/ui-voip/src/components/Widget/WidgetInfo.tsx +++ b/packages/ui-voip/src/components/Widget/WidgetInfo.tsx @@ -7,7 +7,7 @@ type Slot = { icon?: IconNames; }; -type WidgetInfoProps = { +export type WidgetInfoProps = { slots?: Slot[]; variant?: 'default' | 'card-content'; }; diff --git a/packages/ui-voip/src/providers/MediaCallInstanceProvider.tsx b/packages/ui-voip/src/providers/MediaCallInstanceProvider.tsx index f1b13a5e6dc5a..3bdeade6fb3b0 100644 --- a/packages/ui-voip/src/providers/MediaCallInstanceProvider.tsx +++ b/packages/ui-voip/src/providers/MediaCallInstanceProvider.tsx @@ -10,7 +10,7 @@ import { useMediaSessionInstance } from './useMediaSessionInstance'; import { MediaCallInstanceContext } from '../context/MediaCallInstanceContext'; import type { Signals } from '../context/MediaCallInstanceContext'; -type MediaCallInstanceProviderProps = { +export type MediaCallInstanceProviderProps = { children: ReactNode; }; diff --git a/packages/ui-voip/src/providers/MediaCallProvider.tsx b/packages/ui-voip/src/providers/MediaCallProvider.tsx index 66aa5489cac3c..423ccadc6c3e2 100644 --- a/packages/ui-voip/src/providers/MediaCallProvider.tsx +++ b/packages/ui-voip/src/providers/MediaCallProvider.tsx @@ -6,7 +6,7 @@ import MediaCallViewProvider from './MediaCallViewProvider'; import { MediaCallWidget } from '../views'; import MediaCallPopout from '../views/MediaCallPopout'; -type MediaCallProviderProps = { +export type MediaCallProviderProps = { children: ReactNode; }; diff --git a/packages/ui-voip/src/providers/MediaCallViewProvider.tsx b/packages/ui-voip/src/providers/MediaCallViewProvider.tsx index 917235745caa1..cc048229c93e0 100644 --- a/packages/ui-voip/src/providers/MediaCallViewProvider.tsx +++ b/packages/ui-voip/src/providers/MediaCallViewProvider.tsx @@ -25,7 +25,7 @@ import { stopTracks, useDevicePermissionPrompt2, PermissionRequestCancelledCallR import { isValidTone, useTonePlayer } from '../hooks/useTonePlayer'; import TransferModal from '../views/TransferModal'; -type MediaCallViewProviderProps = { +export type MediaCallViewProviderProps = { children?: ReactNode; }; diff --git a/packages/ui-voip/src/providers/MockedMediaCallProvider.tsx b/packages/ui-voip/src/providers/MockedMediaCallProvider.tsx index 9f232c65fbe15..616e68c672888 100644 --- a/packages/ui-voip/src/providers/MockedMediaCallProvider.tsx +++ b/packages/ui-voip/src/providers/MockedMediaCallProvider.tsx @@ -12,7 +12,7 @@ import type { State, PeerInfo, SessionState } from '../context/definitions'; const avatarUrl = `data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAoACgDASIAAhEBAxEB/8QAGwAAAgIDAQAAAAAAAAAAAAAAAAcEBgIDBQj/xAAuEAACAQQAAwcEAQUAAAAAAAABAgMABAUREiExBhMUIkFRYQcWcYGhFTJSgpH/xAAYAQADAQEAAAAAAAAAAAAAAAACAwQBAP/EAB4RAAIBBQEBAQAAAAAAAAAAAAABAgMREiExE0HR/9oADAMBAAIRAxEAPwBuXuIkhBuMe5ib/AHQP49q4L3mLitryTLTSpOiHQI5k/HzXa/qbFOEudVTu1dumWvcTaNCZYZ7vU6g6LxqjOU/24dfs1Ouh9FnkMpd3Reeyx83hAxZZEhkdV9/MBrX71WGPvJcqrJBGveKATtuXXqNU0pu02bTHXD/AGvJAluyxxRd6F4x00o+NdKoVrjbzJdvVe1t5cVLc2ck8qjnohgpPtz2v7G6JtPQ2VJwjlcw+37mchpnK6GtIuv5NFWeTsLNPvxWTvpfjvOEfwKKzEVkSct2vscS/BIzSN0YRkeX81UpPqO8masJETu7OOccY4dswYFQeftv096XV5knuJGdm2T1+agvMXj8jEaHX905QihabvcbuS7X566mLWLwSY8PuRnk/u4eZ0deTl71Ef6hY+0yM88TzeNZY4luYwpVYyduOfrvhPTnr0pXSX9y5mCsyJMdyxxvwq599em+taItqCSNc90ChvZRUruUcT0JiO18Elpk7t8v41LWzacxkBSuvjQ/FFJayjDWrCTepAQ2vUH0oo/Jk3ovpwJJeVCP5CN+lFFaaMqy+nAyuChvrTI2kN9JAsi2ZOy4IBHMnkSCP+iqBexSWdxLazoUljJVlPUH2oorkV10pRc7b1zXb/hZOzuJvM86QWEXeELxOzHSIPcmiiiunVlF2RNTpRkrs//Z`; const myData: any[] = Array.from({ length: 100 }, (_, i) => ({ value: `user-${i}`, label: `User ${i}`, identifier: `000${i}`, avatarUrl })); -type MockedMediaCallProviderProps = { +export type MockedMediaCallProviderProps = { children: ReactNode; state?: State; transferredBy?: string; diff --git a/packages/ui-voip/src/views/CallHistoryContextualbar/CallHistoryActions.tsx b/packages/ui-voip/src/views/CallHistoryContextualbar/CallHistoryActions.tsx index 9bf4f32a299fc..40f5e4ee4983f 100644 --- a/packages/ui-voip/src/views/CallHistoryContextualbar/CallHistoryActions.tsx +++ b/packages/ui-voip/src/views/CallHistoryContextualbar/CallHistoryActions.tsx @@ -12,7 +12,7 @@ export type HistoryActionCallbacks = { [K in HistoryActions]?: () => void; }; -type CallHistoryActionsProps = { +export type CallHistoryActionsProps = { onClose: () => void; actions: HistoryActionCallbacks; }; diff --git a/packages/ui-voip/src/views/CallHistoryContextualbar/CallHistoryContextualbar.tsx b/packages/ui-voip/src/views/CallHistoryContextualbar/CallHistoryContextualbar.tsx index fd5fab37103ba..1f8c3e9c17619 100644 --- a/packages/ui-voip/src/views/CallHistoryContextualbar/CallHistoryContextualbar.tsx +++ b/packages/ui-voip/src/views/CallHistoryContextualbar/CallHistoryContextualbar.tsx @@ -31,7 +31,7 @@ export type CallHistoryData = { messageId?: string; }; -type CallHistoryContextualBarProps = { +export type CallHistoryContextualBarProps = { onClose: () => void; actions: HistoryActionCallbacks; contact: CallHistoryContact; diff --git a/packages/ui-voip/src/views/MediaCallCardList.tsx b/packages/ui-voip/src/views/MediaCallCardList.tsx index 597a1176e35a9..da56f73685ca2 100644 --- a/packages/ui-voip/src/views/MediaCallCardList.tsx +++ b/packages/ui-voip/src/views/MediaCallCardList.tsx @@ -4,7 +4,7 @@ import { CardListContainer, CardListSection, PeerCard, StreamCard } from '../com import { useMediaCallView } from '../context'; import { usePlayMediaStream } from '../providers/usePlayMediaStream'; -type MediaCallCardListProps = { +export type MediaCallCardListProps = { shouldWrapCards: boolean; user: { displayName: string; diff --git a/packages/ui-voip/src/views/MediaCallHistoryTable/CallHistoryTableDirection.tsx b/packages/ui-voip/src/views/MediaCallHistoryTable/CallHistoryTableDirection.tsx index 4134d1a1dccb0..c09b6c02c6272 100644 --- a/packages/ui-voip/src/views/MediaCallHistoryTable/CallHistoryTableDirection.tsx +++ b/packages/ui-voip/src/views/MediaCallHistoryTable/CallHistoryTableDirection.tsx @@ -1,7 +1,9 @@ import { Box, Icon } from '@rocket.chat/fuselage'; import { useTranslation } from 'react-i18next'; -const CallHistoryTableDirection = ({ direction }: { direction: 'outbound' | 'inbound' }) => { +export type CallHistoryTableDirectionProps = { direction: 'outbound' | 'inbound' }; + +const CallHistoryTableDirection = ({ direction }: CallHistoryTableDirectionProps) => { const { t } = useTranslation(); const iconName = direction === 'outbound' ? 'arrow-up-right' : 'arrow-down-left'; return ( diff --git a/packages/ui-voip/src/views/MediaCallHistoryTable/CallHistoryTableStatus.tsx b/packages/ui-voip/src/views/MediaCallHistoryTable/CallHistoryTableStatus.tsx index 658b058447228..0a6e28c7e0d0a 100644 --- a/packages/ui-voip/src/views/MediaCallHistoryTable/CallHistoryTableStatus.tsx +++ b/packages/ui-voip/src/views/MediaCallHistoryTable/CallHistoryTableStatus.tsx @@ -5,7 +5,7 @@ import { useTranslation } from 'react-i18next'; import { getCallDurationText } from '../../ui-kit/getHistoryMessagePayload'; -type CallHistoryTableStatusProps = { +export type CallHistoryTableStatusProps = { status: CallHistoryItemState; duration: number; }; diff --git a/packages/ui-voip/src/views/MediaCallHistoryTable/MediaCallHistoryTable.tsx b/packages/ui-voip/src/views/MediaCallHistoryTable/MediaCallHistoryTable.tsx index c33d46c04c976..d4566b738a528 100644 --- a/packages/ui-voip/src/views/MediaCallHistoryTable/MediaCallHistoryTable.tsx +++ b/packages/ui-voip/src/views/MediaCallHistoryTable/MediaCallHistoryTable.tsx @@ -10,7 +10,7 @@ type SortProps = { setSort: (sortBy: SortBy, direction?: 'asc' | 'desc') => void; }; -type MediaCallHistoryTableProps = { +export type MediaCallHistoryTableProps = { sort: SortProps; children: ReactNode; }; diff --git a/packages/ui-voip/src/views/MediaCallPopoutView.tsx b/packages/ui-voip/src/views/MediaCallPopoutView.tsx index 36e26e869b3f4..9472c2200739f 100644 --- a/packages/ui-voip/src/views/MediaCallPopoutView.tsx +++ b/packages/ui-voip/src/views/MediaCallPopoutView.tsx @@ -7,7 +7,7 @@ import { ToggleButton, Timer, DevicePicker, ActionButton, useShouldWrapCards, Ac import MediaCallCardList from './MediaCallCardList'; import { useMediaCallView } from '../context/MediaCallViewContext'; -type MediaCallPopoutViewProps = { +export type MediaCallPopoutViewProps = { user: { displayName: string; avatarUrl: string; diff --git a/packages/ui-voip/src/views/MediaCallPopoutWindow.tsx b/packages/ui-voip/src/views/MediaCallPopoutWindow.tsx index 99fee03d46104..b5d381d1a728b 100644 --- a/packages/ui-voip/src/views/MediaCallPopoutWindow.tsx +++ b/packages/ui-voip/src/views/MediaCallPopoutWindow.tsx @@ -9,7 +9,7 @@ import MediaCallPopoutView from './MediaCallPopoutView'; import type { PopoutContainer } from './usePopoutWindow'; import MediaCallViewProvider from '../providers/MediaCallViewProvider'; -type MediaCallPopoutWindowProps = { +export type MediaCallPopoutWindowProps = { container: PopoutContainer; onClosePopout: () => void; }; diff --git a/packages/ui-voip/src/views/MediaCallRoomSection/MediaCallRoomActivity.tsx b/packages/ui-voip/src/views/MediaCallRoomSection/MediaCallRoomActivity.tsx index b525c6b0a5d79..e3a40bd371074 100644 --- a/packages/ui-voip/src/views/MediaCallRoomSection/MediaCallRoomActivity.tsx +++ b/packages/ui-voip/src/views/MediaCallRoomSection/MediaCallRoomActivity.tsx @@ -8,7 +8,7 @@ import { useMemo, useState } from 'react'; import MediaCallRoomSection from './MediaCallRoomSection'; import MediaCallViewProvider from '../../providers/MediaCallViewProvider'; -type MediaCallRoomActivityProps = { +export type MediaCallRoomActivityProps = { children: ReactNode; }; diff --git a/packages/ui-voip/src/views/MediaCallRoomSection/MediaCallRoomSection.tsx b/packages/ui-voip/src/views/MediaCallRoomSection/MediaCallRoomSection.tsx index a34b563c558f5..71e0a149fa18c 100644 --- a/packages/ui-voip/src/views/MediaCallRoomSection/MediaCallRoomSection.tsx +++ b/packages/ui-voip/src/views/MediaCallRoomSection/MediaCallRoomSection.tsx @@ -18,7 +18,7 @@ import useRegisterView from '../../context/useRegisterView'; import MediaCallCardList from '../MediaCallCardList'; import PopoutDockPrompt from '../PopoutDockPrompt'; -type MediaCallRoomSectionProps = { +export type MediaCallRoomSectionProps = { showChat: boolean; onToggleChat: () => void; user: { diff --git a/packages/ui-voip/src/views/PermissionFlow/PermissionFlowModal.tsx b/packages/ui-voip/src/views/PermissionFlow/PermissionFlowModal.tsx index 9674a5a7ec211..6e14721fc0eae 100644 --- a/packages/ui-voip/src/views/PermissionFlow/PermissionFlowModal.tsx +++ b/packages/ui-voip/src/views/PermissionFlow/PermissionFlowModal.tsx @@ -16,7 +16,7 @@ import { useTranslation } from 'react-i18next'; export type PermissionFlowModalType = 'denied' | 'incomingPrompt' | 'outgoingPrompt' | 'deviceChangePrompt'; -type PermissionFlowModalProps = { +export type PermissionFlowModalProps = { onCancel: () => void; onConfirm: () => void; type: PermissionFlowModalType; diff --git a/packages/ui-voip/src/views/PopoutDockPrompt.tsx b/packages/ui-voip/src/views/PopoutDockPrompt.tsx index 0798e2c87c756..03ce00af577db 100644 --- a/packages/ui-voip/src/views/PopoutDockPrompt.tsx +++ b/packages/ui-voip/src/views/PopoutDockPrompt.tsx @@ -1,7 +1,7 @@ import { Box, Button } from '@rocket.chat/fuselage'; import { useTranslation } from 'react-i18next'; -type PopoutDockPromptProps = { +export type PopoutDockPromptProps = { onClosePopout: () => void; }; diff --git a/packages/ui-voip/src/views/TransferModal.tsx b/packages/ui-voip/src/views/TransferModal.tsx index 54c80332e752e..e7985970359c4 100644 --- a/packages/ui-voip/src/views/TransferModal.tsx +++ b/packages/ui-voip/src/views/TransferModal.tsx @@ -15,7 +15,7 @@ import { useTranslation } from 'react-i18next'; import { PeerAutocomplete, PeerInfo } from '../components'; import { usePeerAutocomplete, type PeerInfo as PeerInfoType } from '../context'; -type TransferModalProps = { +export type TransferModalProps = { onCancel(): void; onConfirm(kind: 'user' | 'sip', peer: { displayName: string; id: string }): void; }; diff --git a/packages/web-ui-registration/src/CMSPage.tsx b/packages/web-ui-registration/src/CMSPage.tsx index 3d83b0b58ed1b..b0ebb48febcca 100644 --- a/packages/web-ui-registration/src/CMSPage.tsx +++ b/packages/web-ui-registration/src/CMSPage.tsx @@ -4,7 +4,7 @@ import { useSetting, useTranslation, useAssetWithDarkModePath } from '@rocket.ch import { LoginPoweredBy } from './components/LoginPoweredBy'; -type CMSPageProps = { +export type CMSPageProps = { page: 'Layout_Terms_of_Service' | 'Layout_Privacy_Policy' | 'Layout_Legal_Notice'; }; diff --git a/packages/web-ui-registration/src/GuestForm.tsx b/packages/web-ui-registration/src/GuestForm.tsx index f45796116bd6d..d5c945826e8e7 100644 --- a/packages/web-ui-registration/src/GuestForm.tsx +++ b/packages/web-ui-registration/src/GuestForm.tsx @@ -5,7 +5,9 @@ import { useTranslation } from 'react-i18next'; import type { DispatchLoginRouter } from './hooks/useLoginRouter'; -const GuestForm = ({ setLoginRoute }: { setLoginRoute: DispatchLoginRouter }) => { +export type GuestFormProps = { setLoginRoute: DispatchLoginRouter }; + +const GuestForm = ({ setLoginRoute }: GuestFormProps) => { const { t } = useTranslation(); useDocumentTitle(t('registration.component.login'), false); diff --git a/packages/web-ui-registration/src/LoginForm.tsx b/packages/web-ui-registration/src/LoginForm.tsx index 8acd97e406484..c0cfb9e6191e4 100644 --- a/packages/web-ui-registration/src/LoginForm.tsx +++ b/packages/web-ui-registration/src/LoginForm.tsx @@ -54,7 +54,9 @@ export type LoginErrors = keyof typeof LOGIN_SUBMIT_ERRORS | 'totp-canceled' | s export type LoginErrorState = [error: LoginErrors, message?: string] | undefined; -export const LoginForm = ({ setLoginRoute }: { setLoginRoute: DispatchLoginRouter }) => { +export type LoginFormProps = { setLoginRoute: DispatchLoginRouter }; + +export const LoginForm = ({ setLoginRoute }: LoginFormProps) => { const { register, handleSubmit, diff --git a/packages/web-ui-registration/src/LoginServices.tsx b/packages/web-ui-registration/src/LoginServices.tsx index fca9c8065232e..845fbbfaf5d9e 100644 --- a/packages/web-ui-registration/src/LoginServices.tsx +++ b/packages/web-ui-registration/src/LoginServices.tsx @@ -6,7 +6,9 @@ import { useTranslation } from 'react-i18next'; import type { LoginErrorState } from './LoginForm'; import LoginServicesButton from './LoginServicesButton'; -const LoginServices = ({ disabled, setError }: { disabled?: boolean; setError: Dispatch> }) => { +export type LoginServicesProps = { disabled?: boolean; setError: Dispatch> }; + +const LoginServices = ({ disabled, setError }: LoginServicesProps) => { const { t } = useTranslation(); const services = useLoginServices(); const showFormLogin = useSetting('Accounts_ShowFormLogin'); diff --git a/packages/web-ui-registration/src/RegisterForm.tsx b/packages/web-ui-registration/src/RegisterForm.tsx index c640778b062ba..33dbf545cf28e 100644 --- a/packages/web-ui-registration/src/RegisterForm.tsx +++ b/packages/web-ui-registration/src/RegisterForm.tsx @@ -32,7 +32,9 @@ type LoginRegisterPayload = { reason: string; }; -export const RegisterForm = ({ setLoginRoute }: { setLoginRoute: DispatchLoginRouter }) => { +export type RegisterFormProps = { setLoginRoute: DispatchLoginRouter }; + +export const RegisterForm = ({ setLoginRoute }: RegisterFormProps) => { const { t } = useTranslation(); const requireNameForRegister = useSetting('Accounts_RequireNameForSignUp', true); diff --git a/packages/web-ui-registration/src/RegisterFormDisabled.tsx b/packages/web-ui-registration/src/RegisterFormDisabled.tsx index 4afd9833f7c0c..c5f23e01f11ea 100644 --- a/packages/web-ui-registration/src/RegisterFormDisabled.tsx +++ b/packages/web-ui-registration/src/RegisterFormDisabled.tsx @@ -5,7 +5,9 @@ import { Trans, useTranslation } from 'react-i18next'; import type { DispatchLoginRouter } from './hooks/useLoginRouter'; -export const RegisterFormDisabled = ({ setLoginRoute }: { setLoginRoute: DispatchLoginRouter }) => { +export type RegisterFormDisabledProps = { setLoginRoute: DispatchLoginRouter }; + +export const RegisterFormDisabled = ({ setLoginRoute }: RegisterFormDisabledProps) => { const linkReplacementText = useSetting('Accounts_RegistrationForm_LinkReplacementText', ''); const { t } = useTranslation(); diff --git a/packages/web-ui-registration/src/RegisterTemplate.tsx b/packages/web-ui-registration/src/RegisterTemplate.tsx index a7c7eac1b6c7e..0c2c3be66ea7a 100644 --- a/packages/web-ui-registration/src/RegisterTemplate.tsx +++ b/packages/web-ui-registration/src/RegisterTemplate.tsx @@ -4,7 +4,7 @@ import type { AllHTMLAttributes, ReactNode } from 'react'; import HorizontalTemplate from './template/HorizontalTemplate'; import VerticalTemplate from './template/VerticalTemplate'; -type RegisterTemplateProps = { +export type RegisterTemplateProps = { children: ReactNode; } & AllHTMLAttributes; diff --git a/packages/web-ui-registration/src/RegistrationPageRouter.tsx b/packages/web-ui-registration/src/RegistrationPageRouter.tsx index 0ec9700c38a98..cb3257856b855 100644 --- a/packages/web-ui-registration/src/RegistrationPageRouter.tsx +++ b/packages/web-ui-registration/src/RegistrationPageRouter.tsx @@ -10,7 +10,9 @@ import ResetPasswordForm from './ResetPasswordForm'; import { useLoginRouter } from './hooks/useLoginRouter'; import type { LoginRoutes } from './hooks/useLoginRouter'; -export const RegistrationPageRouter = ({ defaultRoute = 'login', children }: { defaultRoute?: LoginRoutes; children?: ReactNode }) => { +export type RegistrationPageRouterProps = { defaultRoute?: LoginRoutes; children?: ReactNode }; + +export const RegistrationPageRouter = ({ defaultRoute = 'login', children }: RegistrationPageRouterProps) => { const { t } = useTranslation(); const defaultRouteSession = useSession('loginDefaultState') as LoginRoutes | undefined; const [route, setLoginRoute] = useLoginRouter(defaultRouteSession || defaultRoute); diff --git a/packages/web-ui-registration/src/ResetPasswordForm.tsx b/packages/web-ui-registration/src/ResetPasswordForm.tsx index 24248f001dac2..31b7e8c38eb2d 100644 --- a/packages/web-ui-registration/src/ResetPasswordForm.tsx +++ b/packages/web-ui-registration/src/ResetPasswordForm.tsx @@ -8,7 +8,9 @@ import { useTranslation } from 'react-i18next'; import type { DispatchLoginRouter } from './hooks/useLoginRouter'; import { useSendForgotPassword } from './hooks/useSendForgotPassword'; -export const ResetPasswordForm = ({ setLoginRoute }: { setLoginRoute: DispatchLoginRouter }) => { +export type ResetPasswordFormProps = { setLoginRoute: DispatchLoginRouter }; + +export const ResetPasswordForm = ({ setLoginRoute }: ResetPasswordFormProps) => { const { t } = useTranslation(); const emailId = useId(); const formLabelId = useId(); diff --git a/packages/web-ui-registration/src/SecretRegisterForm.tsx b/packages/web-ui-registration/src/SecretRegisterForm.tsx index 8c3a23a0b2326..53f8e7feac8c1 100644 --- a/packages/web-ui-registration/src/SecretRegisterForm.tsx +++ b/packages/web-ui-registration/src/SecretRegisterForm.tsx @@ -7,7 +7,9 @@ import type { DispatchLoginRouter } from './hooks/useLoginRouter'; import FormSkeleton from './template/FormSkeleton'; import HorizontalTemplate from './template/HorizontalTemplate'; -const SecretRegisterForm = ({ setLoginRoute }: { setLoginRoute: DispatchLoginRouter }) => { +export type SecretRegisterFormProps = { setLoginRoute: DispatchLoginRouter }; + +const SecretRegisterForm = ({ setLoginRoute }: SecretRegisterFormProps) => { const hash = useRouteParameter('hash'); const { data: valid, isSuccess } = useCheckRegistrationSecret(hash); diff --git a/packages/web-ui-registration/src/components/LoginSwitchLanguageFooter.tsx b/packages/web-ui-registration/src/components/LoginSwitchLanguageFooter.tsx index d819c66502480..368f781b66d2a 100644 --- a/packages/web-ui-registration/src/components/LoginSwitchLanguageFooter.tsx +++ b/packages/web-ui-registration/src/components/LoginSwitchLanguageFooter.tsx @@ -35,7 +35,7 @@ const useSuggestedLanguages = ({ return { suggestions }; }; -type LoginSwitchLanguageFooterProps = { +export type LoginSwitchLanguageFooterProps = { browserLanguage?: string; }; diff --git a/packages/web-ui-registration/src/template/HorizontalTemplate.tsx b/packages/web-ui-registration/src/template/HorizontalTemplate.tsx index d1887abb284a6..0675b98f5b4d7 100644 --- a/packages/web-ui-registration/src/template/HorizontalTemplate.tsx +++ b/packages/web-ui-registration/src/template/HorizontalTemplate.tsx @@ -14,7 +14,9 @@ import LoginSwitchLanguageFooter from '../components/LoginSwitchLanguageFooter'; import LoginTerms from '../components/LoginTerms'; import { RegisterTitle } from '../components/RegisterTitle'; -const HorizontalTemplate = ({ children }: { children: ReactNode }) => { +export type HorizontalTemplateProps = { children: ReactNode }; + +const HorizontalTemplate = ({ children }: HorizontalTemplateProps) => { const hideLogo = useSetting('Layout_Login_Hide_Logo', false); const customLogo = useAssetWithDarkModePath('logo'); const customBackground = useAssetWithDarkModePath('background'); diff --git a/packages/web-ui-registration/src/template/VerticalTemplate.tsx b/packages/web-ui-registration/src/template/VerticalTemplate.tsx index 9865f4864a8cb..e51d1442df4f8 100644 --- a/packages/web-ui-registration/src/template/VerticalTemplate.tsx +++ b/packages/web-ui-registration/src/template/VerticalTemplate.tsx @@ -8,7 +8,9 @@ import LoginSwitchLanguageFooter from '../components/LoginSwitchLanguageFooter'; import LoginTerms from '../components/LoginTerms'; import { RegisterTitle } from '../components/RegisterTitle'; -const VerticalTemplate = ({ children }: { children: ReactNode }) => { +export type VerticalTemplateProps = { children: ReactNode }; + +const VerticalTemplate = ({ children }: VerticalTemplateProps) => { const hideLogo = useSetting('Layout_Login_Hide_Logo', false); const customLogo = useAssetWithDarkModePath('logo'); const customBackground = useAssetWithDarkModePath('background');