refactor: Explicit component props (19/23)

packages/livechat/src/components/Composer/ComposerAction/index.tsx

@@ -5,7 +5,7 @@ import { memo } from 'preact/compat';
 import styles from './styles.scss';
 import { createClassName } from '../../../helpers/createClassName';
 
-type ComposerActionProps = {
+export type ComposerActionProps = {
 	text: string;
 	onClick: () => void;
 	className?: string;

packages/livechat/src/components/Composer/ComposerActions/index.tsx

@@ -5,7 +5,7 @@ import { memo } from 'preact/compat';
 import styles from './styles.scss';
 import { createClassName } from '../../../helpers/createClassName';
 
-type ComposerActionsProps = {
+export type ComposerActionsProps = {
 	className?: string;
 	style?: CSSProperties;
 	children?: ComponentChildren;

packages/livechat/src/components/FilesDropTarget/index.tsx

@@ -6,7 +6,7 @@ import { createClassName } from '../../helpers/createClassName';
 
 const escapeForRegExp = (string: string) => string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
 
-type FilesDropTargetProps = {
+export type FilesDropTargetProps = {
 	overlayed?: boolean;
 	overlayText?: string;
 	accept?: string;

packages/livechat/src/components/Footer/OptionsTrigger.tsx

@@ -6,7 +6,7 @@ import { createClassName } from '../../helpers/createClassName';
 
 const handleMouseUp: MouseEventHandler<HTMLButtonElement> = ({ target }) => (target as HTMLButtonElement | null)?.blur();
 
-type OptionsTriggerProps = {
+export type OptionsTriggerProps = {
 	pop: () => void;
 };
 

packages/livechat/src/components/Footer/PoweredBy.tsx

@@ -4,7 +4,7 @@ import { useTranslation } from 'react-i18next';
 import styles from './styles.scss';
 import { createClassName } from '../../helpers/createClassName';
 
-type PoweredByProps = {
+export type PoweredByProps = {
 	className?: string;
 };
 

packages/livechat/src/components/Form/DateInput/index.tsx

@@ -5,7 +5,7 @@ import type { JSXInternal } from 'preact/src/jsx';
 import styles from './styles.scss';
 import { createClassName } from '../../../helpers/createClassName';
 
-type DateInputProps = {
+export type DateInputProps = {
 	name?: string;
 	value?: string;
 	placeholder?: string;

packages/livechat/src/components/Form/FormField/index.tsx

@@ -5,7 +5,7 @@ import type { JSXInternal } from 'preact/src/jsx';
 import styles from './styles.scss';
 import { createClassName } from '../../../helpers/createClassName';
 
-type FormFieldProps = {
+export type FormFieldProps = {
 	required?: boolean;
 	label?: string;
 	description?: string;

packages/livechat/src/components/Form/MultilineTextInput/index.tsx

@@ -5,7 +5,7 @@ import type { JSXInternal } from 'preact/src/jsx';
 import styles from './styles.scss';
 import { createClassName } from '../../../helpers/createClassName';
 
-type MultilineTextInputProps = {
+export type MultilineTextInputProps = {
 	rows?: number;
 	name?: string;
 	value?: string;

packages/livechat/src/components/Form/PasswordInput/index.tsx

@@ -5,7 +5,7 @@ import type { JSXInternal } from 'preact/src/jsx';
 import styles from './styles.scss';
 import { createClassName } from '../../../helpers/createClassName';
 
-type PasswordInputProps = {
+export type PasswordInputProps = {
 	name?: string;
 	value?: string;
 	placeholder?: string;

packages/livechat/src/components/Form/SelectInput/index.tsx

@@ -6,7 +6,7 @@ import styles from './styles.scss';
 import { createClassName } from '../../../helpers/createClassName';
 import ArrowIcon from '../../../icons/arrowDown.svg';
 
-type SelectInputProps = {
+export type SelectInputProps = {
 	name?: string;
 	placeholder?: ComponentChild;
 	options: { value: string; label: ComponentChild }[];

packages/livechat/src/components/Form/TextInput/index.tsx

@@ -5,7 +5,7 @@ import type { JSXInternal } from 'preact/src/jsx';
 import styles from './styles.scss';
 import { createClassName } from '../../../helpers/createClassName';
 
-type TextInputProps = {
+export type TextInputProps = {
 	name?: string;
 	value?: string;
 	placeholder?: string;

packages/livechat/src/components/Form/index.tsx

@@ -2,7 +2,7 @@ import i18next from 'i18next';
 import type { ComponentChildren } from 'preact';
 import type { JSXInternal } from 'preact/src/jsx';
 
-type FormProps = {
+export type FormProps = {
 	onSubmit?: JSXInternal.GenericEventHandler<HTMLFormElement>;
 	className?: string;
 	style?: JSXInternal.CSSProperties;

packages/livechat/src/components/Header/Header.tsx

@@ -6,7 +6,7 @@ import styles from './styles.scss';
 import type { Theme } from '../../Theme';
 import { createClassName } from '../../helpers/createClassName';
 
-type HeaderProps = {
+export type HeaderProps = {
 	children?: ComponentChildren;
 	theme?: Partial<Theme>;
 	className?: string;

packages/livechat/src/components/Header/HeaderAction.tsx

@@ -3,7 +3,7 @@ import type { ComponentChildren } from 'preact';
 import styles from './styles.scss';
 import { createClassName } from '../../helpers/createClassName';
 
-type HeaderActionProps = {
+export type HeaderActionProps = {
 	children?: ComponentChildren;
 	className?: string;
 	onClick?: () => void;

packages/livechat/src/components/Header/HeaderActions.tsx

@@ -3,7 +3,7 @@ import type { ComponentChildren } from 'preact';
 import styles from './styles.scss';
 import { createClassName } from '../../helpers/createClassName';
 
-type HeaderActionsProps = {
+export type HeaderActionsProps = {
 	children?: ComponentChildren;
 	className?: string;
 };

packages/livechat/src/components/Header/HeaderContent.tsx

@@ -3,7 +3,7 @@ import type { ComponentChildren } from 'preact';
 import styles from './styles.scss';
 import { createClassName } from '../../helpers/createClassName';
 
-type HeaderContentProps = {
+export type HeaderContentProps = {
 	children?: ComponentChildren;
 	className?: string;
 };

packages/livechat/src/components/Header/HeaderCustomField.tsx

@@ -3,7 +3,7 @@ import type { ComponentChildren } from 'preact';
 import styles from './styles.scss';
 import { createClassName } from '../../helpers/createClassName';
 
-type HeaderCustomFieldProps = {
+export type HeaderCustomFieldProps = {
 	children?: ComponentChildren;
 	className?: string;
 };

packages/livechat/src/components/Header/HeaderPicture.tsx

@@ -3,7 +3,7 @@ import type { ComponentChildren } from 'preact';
 import styles from './styles.scss';
 import { createClassName } from '../../helpers/createClassName';
 
-type HeaderPictureProps = {
+export type HeaderPictureProps = {
 	children?: ComponentChildren;
 	className?: string;
 };

packages/livechat/src/components/Header/HeaderPost.tsx

@@ -3,7 +3,7 @@ import type { ComponentChildren } from 'preact';
 import styles from './styles.scss';
 import { createClassName } from '../../helpers/createClassName';
 
-type HeaderPostProps = {
+export type HeaderPostProps = {
 	children?: ComponentChildren;
 	className?: string;
 };

packages/livechat/src/components/Header/HeaderSubTitle.tsx

@@ -4,7 +4,7 @@ import { toChildArray } from 'preact';
 import styles from './styles.scss';
 import { createClassName } from '../../helpers/createClassName';
 
-type HeaderSubTitleProps = {
+export type HeaderSubTitleProps = {
 	children?: ComponentChildren;
 	className?: string;
 };

packages/livechat/src/components/Header/HeaderTitle.tsx

@@ -3,7 +3,7 @@ import type { ComponentChildren } from 'preact';
 import styles from './styles.scss';
 import { createClassName } from '../../helpers/createClassName';
 
-type HeaderTitleProps = {
+export type HeaderTitleProps = {
 	children?: ComponentChildren;
 	className?: string;
 };

packages/livechat/src/components/MarkdownBlock/index.tsx

@@ -3,7 +3,9 @@ import { Suspense, lazy } from 'preact/compat';
 
 const Markup = lazy(() => import('@rocket.chat/gazzodown/dist/Markup'));
 
-const MarkdownBlock = ({ text, emoticons }: { text: string; emoticons?: boolean }) => {
+export type MarkdownBlockProps = { text: string; emoticons?: boolean };
+
+const MarkdownBlock = ({ text, emoticons }: MarkdownBlockProps) => {
 	return (
 		<Suspense fallback={<div>loading...</div>}>
 			<Markup tokens={parse(text, { emoticons })} />

packages/livechat/src/components/Messages/AudioAttachment/index.tsx

@@ -5,7 +5,7 @@ import { createClassName } from '../../../helpers/createClassName';
 import { MessageBubble } from '../MessageBubble';
 import styles from './styles.scss';
 
-type AudioAttachmentProps = {
+export type AudioAttachmentProps = {
 	url: string;
 	className?: string;
 	t: (key: string) => string;

packages/livechat/src/components/Messages/FileAttachment/index.tsx

@@ -6,7 +6,7 @@ import { FileAttachmentIcon } from '../FileAttachmentIcon';
 import { MessageBubble } from '../MessageBubble';
 import styles from './styles.scss';
 
-type FileAttachmentProps = {
+export type FileAttachmentProps = {
 	url: string;
 	title: string;
 	className?: string;

packages/livechat/src/components/Messages/ImageAttachment/index.tsx

@@ -4,7 +4,7 @@ import { createClassName } from '../../../helpers/createClassName';
 import { MessageBubble } from '../MessageBubble';
 import styles from './styles.scss';
 
-type ImageAttachmentProps = {
+export type ImageAttachmentProps = {
 	url: string;
 	className?: string;
 };

packages/livechat/src/components/Messages/MessageAvatars/index.tsx

@@ -5,7 +5,7 @@ import styles from './styles.scss';
 import { createClassName } from '../../../helpers/createClassName';
 import { Avatar } from '../../Avatar';
 
-type MessageAvatarsProps = {
+export type MessageAvatarsProps = {
 	avatarResolver: (username: string) => string | undefined;
 	usernames: string[];
 	className?: string;

packages/livechat/src/components/Messages/MessageBlocks/index.tsx

@@ -6,7 +6,7 @@ import { triggerAction, UIKitIncomingInteractionType, UIKitIncomingInteractionCo
 import { renderMessageBlocks } from '../../uiKit';
 import Surface from '../../uiKit/message/Surface';
 
-type MessageBlocksProps = {
+export type MessageBlocksProps = {
 	blocks?: unknown[];
 	mid?: string;
 	rid?: string;

packages/livechat/src/components/Messages/MessageBubble/index.tsx

@@ -5,7 +5,7 @@ import { memo } from 'preact/compat';
 import styles from './styles.scss';
 import { createClassName } from '../../../helpers/createClassName';
 
-type MessageBubbleProps = {
+export type MessageBubbleProps = {
 	inverse?: boolean;
 	nude?: boolean;
 	quoted?: boolean;

packages/livechat/src/components/Messages/MessageContainer/index.tsx

@@ -5,7 +5,7 @@ import { memo } from 'preact/compat';
 import styles from './styles.scss';
 import { createClassName } from '../../../helpers/createClassName';
 
-type MessageContainerProps = {
+export type MessageContainerProps = {
 	id?: string;
 	compact?: boolean;
 	reverse?: boolean;