chore: Use InputBoxSkeleton instead of InputBox.Skeleton (RocketChat#37231)

Author: tassoevan

apps/meteor/client/views/admin/engagementDashboard/EngagementDashboardCardFilter.tsx

@@ -1,11 +1,11 @@
-import { Box, Flex, InputBox } from '@rocket.chat/fuselage';
+import { Box, Flex, InputBoxSkeleton } from '@rocket.chat/fuselage';
 import type { ReactElement, ReactNode } from 'react';
 
 type EngagementDashboardCardFilterProps = {
 	children?: ReactNode;
 };
 
-const EngagementDashboardCardFilter = ({ children = <InputBox.Skeleton /> }: EngagementDashboardCardFilterProps): ReactElement => (
+const EngagementDashboardCardFilter = ({ children = <InputBoxSkeleton /> }: EngagementDashboardCardFilterProps): ReactElement => (
 	<Box rcx-card__row display='flex' justifyContent='flex-end' alignItems='center' wrap='no-wrap' pbe={8}>
 		{children && <Flex.Item grow={0}>{children}</Flex.Item>}
 	</Box>

apps/meteor/client/views/admin/settings/Setting/SettingSkeleton.tsx

@@ -1,4 +1,4 @@
-import { Field, FieldLabel, FieldRow, Flex, InputBox, Skeleton } from '@rocket.chat/fuselage';
+import { Field, FieldLabel, FieldRow, Flex, InputBoxSkeleton, Skeleton } from '@rocket.chat/fuselage';
 import type { ReactElement } from 'react';
 
 const SettingSkeleton = (): ReactElement => (
@@ -9,7 +9,7 @@ const SettingSkeleton = (): ReactElement => (
 			</FieldLabel>
 		</Flex.Item>
 		<FieldRow>
-			<InputBox.Skeleton />
+			<InputBoxSkeleton />
 		</FieldRow>
 	</Field>
 );

apps/meteor/client/views/room/contextualBar/RoomMembers/InviteUsers/InviteLink.tsx

@@ -1,4 +1,4 @@
-import { Box, Field, FieldLabel, FieldRow, UrlInput, Icon, Button, InputBox } from '@rocket.chat/fuselage';
+import { Box, Field, FieldLabel, FieldRow, UrlInput, Icon, Button, InputBoxSkeleton } from '@rocket.chat/fuselage';
 import { useId, type ReactElement } from 'react';
 import { useTranslation } from 'react-i18next';
 
@@ -22,7 +22,7 @@ const InviteLink = ({ linkText, captionText, onClickEdit }: InviteLinkProps): Re
 					{t('Invite_Link')}
 				</FieldLabel>
 				<FieldRow>
-					{!linkText && <InputBox.Skeleton />}
+					{!linkText && <InputBoxSkeleton />}
 					{linkText && (
 						<UrlInput id={inviteLinkId} value={linkText} addon={<Icon onClick={(): Promise<void> => copy()} name='copy' size='x16' />} />
 					)}

packages/web-ui-registration/src/template/FormSkeleton.tsx

@@ -1,4 +1,4 @@
-import { Field, FieldLabel, FieldRow, FieldHint, FieldDescription, InputBox, Skeleton } from '@rocket.chat/fuselage';
+import { Field, FieldLabel, FieldRow, FieldHint, FieldDescription, Skeleton, InputBoxSkeleton } from '@rocket.chat/fuselage';
 import { Form } from '@rocket.chat/layout';
 import type { ReactElement } from 'react';
 
@@ -19,7 +19,7 @@ const FormSkeleton = (): ReactElement => {
 					<Skeleton />
 				</FieldDescription>
 				<FieldRow>
-					<InputBox.Skeleton />
+					<InputBoxSkeleton />
 				</FieldRow>
 				<FieldHint>
 					<Skeleton />