chore: bump fuselage packages (#34170)

RocketChat · Dec 18, 2024 · 5c423d7 · 5c423d7
1 parent 619f133
commit 5c423d7
Show file tree

Hide file tree

Showing 51 changed files with 254 additions and 281 deletions.
diff --git a/apps/meteor/app/theme/client/imports/general/base_old.css b/apps/meteor/app/theme/client/imports/general/base_old.css
@@ -181,47 +181,6 @@ blockquote {
 	animation: highlight 6s infinite;
 }
 
-.page-settings {
-	& .settings-file-preview {
-		display: flex;
-		align-items: center;
-
-		& input[type='file'] {
-			position: absolute !important;
-			z-index: 10000;
-			top: 0;
-			left: 0;
-			width: 100%;
-			height: 100%;
-			cursor: pointer;
-			opacity: 0;
-
-			& * {
-				cursor: pointer;
-			}
-		}
-
-		& .preview {
-			overflow: hidden;
-			width: 100px;
-			height: 40px;
-			margin-right: 0.75rem;
-			border-width: var(--input-border-width);
-			border-color: var(--input-border-color);
-			border-radius: var(--input-border-radius);
-			background-repeat: no-repeat;
-			background-position: center center;
-			background-size: contain;
-
-			&.no-file {
-				display: flex;
-				align-items: center;
-				justify-content: center;
-			}
-		}
-	}
-}
-
 .room-not-found {
 	display: flex;
 	flex-direction: column;

diff --git a/apps/meteor/client/views/account/accessibility/AccessibilityPage.tsx b/apps/meteor/client/views/account/accessibility/AccessibilityPage.tsx
@@ -3,6 +3,7 @@ import type { SelectOption } from '@rocket.chat/fuselage';
 import {
 	FieldDescription,
 	Accordion,
+	AccordionItem,
 	Box,
 	Button,
 	ButtonGroup,
@@ -109,7 +110,7 @@ const AccessibilityPage = () => {
 						</ul>
 					</Box>
 					<Accordion>
-						<Accordion.Item defaultExpanded={true} title={t('Theme')}>
+						<AccordionItem defaultExpanded={true} title={t('Theme')}>
 							{themes.map(({ id, title, description }, index) => {
 								return (
 									<Field key={id} pbe={themes.length - 1 ? undefined : 'x28'} pbs={index === 0 ? undefined : 'x28'}>
@@ -131,8 +132,8 @@ const AccessibilityPage = () => {
 									</Field>
 								);
 							})}
-						</Accordion.Item>
-						<Accordion.Item title={t('Adjustable_layout')}>
+						</AccordionItem>
+						<AccordionItem title={t('Adjustable_layout')}>
 							<FieldGroup>
 								<Field>
 									<FieldLabel htmlFor={fontSizeId} mbe={12}>
@@ -220,7 +221,7 @@ const AccessibilityPage = () => {
 									</Field>
 								)}
 							</FieldGroup>
-						</Accordion.Item>
+						</AccordionItem>
 					</Accordion>
 				</Box>
 			</PageScrollableContentWithShadow>

diff --git a/apps/meteor/client/views/account/featurePreview/AccountFeaturePreviewPage.tsx b/apps/meteor/client/views/account/featurePreview/AccountFeaturePreviewPage.tsx
@@ -7,6 +7,7 @@ import {
 	StatesIcon,
 	StatesTitle,
 	Accordion,
+	AccordionItem,
 	Field,
 	FieldGroup,
 	FieldLabel,
@@ -95,7 +96,7 @@ const AccountFeaturePreviewPage = () => {
 							</Box>
 							<Accordion>
 								{grouppedFeaturesPreview?.map(([group, features], index) => (
-									<Accordion.Item defaultExpanded={index === 0} key={group} title={t(group as TranslationKey)}>
+									<AccordionItem defaultExpanded={index === 0} key={group} title={t(group as TranslationKey)}>
 										<FieldGroup>
 											{features.map((feature) => (
 												<Fragment key={feature.name}>
@@ -116,7 +117,7 @@ const AccountFeaturePreviewPage = () => {
 												</Fragment>
 											))}
 										</FieldGroup>
-									</Accordion.Item>
+									</AccordionItem>
 								))}
 							</Accordion>
 						</>

diff --git a/apps/meteor/client/views/account/omnichannel/PreferencesConversationTranscript.tsx b/apps/meteor/client/views/account/omnichannel/PreferencesConversationTranscript.tsx
@@ -1,4 +1,4 @@
-import { Accordion, Box, Field, FieldGroup, FieldLabel, FieldRow, FieldHint, Tag, ToggleSwitch } from '@rocket.chat/fuselage';
+import { AccordionItem, Box, Field, FieldGroup, FieldLabel, FieldRow, FieldHint, Tag, ToggleSwitch } from '@rocket.chat/fuselage';
 import { useUniqueId } from '@rocket.chat/fuselage-hooks';
 import { useTranslation, usePermission, useSetting } from '@rocket.chat/ui-contexts';
 import React from 'react';
@@ -22,7 +22,7 @@ const PreferencesConversationTranscript = () => {
 	const omnichannelTranscriptEmail = useUniqueId();
 
 	return (
-		<Accordion.Item defaultExpanded title={t('Conversational_transcript')}>
+		<AccordionItem defaultExpanded title={t('Conversational_transcript')}>
 			<FieldGroup>
 				<Field>
 					<FieldRow>
@@ -56,7 +56,7 @@ const PreferencesConversationTranscript = () => {
 					<FieldHint>{t('Accounts_Default_User_Preferences_omnichannelTranscriptEmail_Description')}</FieldHint>
 				</Field>
 			</FieldGroup>
-		</Accordion.Item>
+		</AccordionItem>
 	);
 };
 

diff --git a/apps/meteor/client/views/account/preferences/PreferencesGlobalSection.tsx b/apps/meteor/client/views/account/preferences/PreferencesGlobalSection.tsx
@@ -1,5 +1,5 @@
 import type { SelectOption } from '@rocket.chat/fuselage';
-import { Accordion, Field, FieldGroup, FieldLabel, FieldRow, MultiSelect } from '@rocket.chat/fuselage';
+import { AccordionItem, Field, FieldGroup, FieldLabel, FieldRow, MultiSelect } from '@rocket.chat/fuselage';
 import { useUniqueId } from '@rocket.chat/fuselage-hooks';
 import { useUserPreference } from '@rocket.chat/ui-contexts';
 import React from 'react';
@@ -16,7 +16,7 @@ const PreferencesGlobalSection = () => {
 	const dontAskAgainListId = useUniqueId();
 
 	return (
-		<Accordion.Item title={t('Global')}>
+		<AccordionItem title={t('Global')}>
 			<FieldGroup>
 				<Field>
 					<FieldLabel htmlFor={dontAskAgainListId}>{t('Dont_ask_me_again_list')}</FieldLabel>
@@ -31,7 +31,7 @@ const PreferencesGlobalSection = () => {
 					</FieldRow>
 				</Field>
 			</FieldGroup>
-		</Accordion.Item>
+		</AccordionItem>
 	);
 };
 

diff --git a/apps/meteor/client/views/account/preferences/PreferencesHighlightsSection.tsx b/apps/meteor/client/views/account/preferences/PreferencesHighlightsSection.tsx
@@ -1,4 +1,4 @@
-import { Accordion, Field, FieldGroup, FieldLabel, FieldRow, FieldHint, TextAreaInput } from '@rocket.chat/fuselage';
+import { AccordionItem, Field, FieldGroup, FieldLabel, FieldRow, FieldHint, TextAreaInput } from '@rocket.chat/fuselage';
 import { useUniqueId } from '@rocket.chat/fuselage-hooks';
 import React from 'react';
 import { useFormContext } from 'react-hook-form';
@@ -11,7 +11,7 @@ const PreferencesHighlightsSection = () => {
 	const highlightsId = useUniqueId();
 
 	return (
-		<Accordion.Item title={t('Highlights')}>
+		<AccordionItem title={t('Highlights')}>
 			<FieldGroup>
 				<Field>
 					<FieldLabel htmlFor={highlightsId}>{t('Highlights_List')}</FieldLabel>
@@ -21,7 +21,7 @@ const PreferencesHighlightsSection = () => {
 					<FieldHint>{t('Highlights_How_To')}</FieldHint>
 				</Field>
 			</FieldGroup>
-		</Accordion.Item>
+		</AccordionItem>
 	);
 };
 

diff --git a/apps/meteor/client/views/account/preferences/PreferencesLocalizationSection.tsx b/apps/meteor/client/views/account/preferences/PreferencesLocalizationSection.tsx
@@ -1,5 +1,5 @@
 import type { SelectOption } from '@rocket.chat/fuselage';
-import { Accordion, Field, FieldGroup, FieldLabel, FieldRow, Select } from '@rocket.chat/fuselage';
+import { AccordionItem, Field, FieldGroup, FieldLabel, FieldRow, Select } from '@rocket.chat/fuselage';
 import { useUniqueId } from '@rocket.chat/fuselage-hooks';
 import { useLanguages } from '@rocket.chat/ui-contexts';
 import React, { useMemo } from 'react';
@@ -17,7 +17,7 @@ const PreferencesLocalizationSection = () => {
 	const languageId = useUniqueId();
 
 	return (
-		<Accordion.Item title={t('Localization')} defaultExpanded>
+		<AccordionItem title={t('Localization')} defaultExpanded>
 			<FieldGroup>
 				<Field>
 					<FieldLabel htmlFor={languageId}>{t('Language')}</FieldLabel>
@@ -32,7 +32,7 @@ const PreferencesLocalizationSection = () => {
 					</FieldRow>
 				</Field>
 			</FieldGroup>
-		</Accordion.Item>
+		</AccordionItem>
 	);
 };
 

diff --git a/apps/meteor/client/views/account/preferences/PreferencesMessagesSection.tsx b/apps/meteor/client/views/account/preferences/PreferencesMessagesSection.tsx
@@ -1,5 +1,5 @@
 import type { SelectOption } from '@rocket.chat/fuselage';
-import { FieldRow, FieldLink, FieldHint, FieldLabel, Accordion, Field, Select, FieldGroup, ToggleSwitch } from '@rocket.chat/fuselage';
+import { FieldRow, FieldLink, FieldHint, FieldLabel, AccordionItem, Field, Select, FieldGroup, ToggleSwitch } from '@rocket.chat/fuselage';
 import { useUniqueId } from '@rocket.chat/fuselage-hooks';
 import React, { useMemo } from 'react';
 import { Controller, useFormContext } from 'react-hook-form';
@@ -40,7 +40,7 @@ const PreferencesMessagesSection = () => {
 	const sendOnEnterId = useUniqueId();
 
 	return (
-		<Accordion.Item title={t('Messages')}>
+		<AccordionItem title={t('Messages')}>
 			<FieldGroup>
 				<Field>
 					<FieldRow>
@@ -206,7 +206,7 @@ const PreferencesMessagesSection = () => {
 					<FieldHint>{t('Enter_Behaviour_Description')}</FieldHint>
 				</Field>
 			</FieldGroup>
-		</Accordion.Item>
+		</AccordionItem>
 	);
 };
 

diff --git a/apps/meteor/client/views/account/preferences/PreferencesMyDataSection.tsx b/apps/meteor/client/views/account/preferences/PreferencesMyDataSection.tsx
@@ -1,4 +1,4 @@
-import { Accordion, ButtonGroup, Button, Box } from '@rocket.chat/fuselage';
+import { AccordionItem, ButtonGroup, Button, Box } from '@rocket.chat/fuselage';
 import { useSetModal, useToastMessageDispatch, useMethod } from '@rocket.chat/ui-contexts';
 import React, { useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
@@ -75,7 +75,7 @@ const PreferencesMyDataSection = () => {
 	const handleClickExport = useCallback(() => downloadData(true), [downloadData]);
 
 	return (
-		<Accordion.Item title={t('My Data')}>
+		<AccordionItem title={t('My Data')}>
 			<ButtonGroup stretch>
 				<Button icon='download' onClick={handleClickDownload}>
 					{t('Download_My_Data')}
@@ -84,7 +84,7 @@ const PreferencesMyDataSection = () => {
 					{t('Export_My_Data')}
 				</Button>
 			</ButtonGroup>
-		</Accordion.Item>
+		</AccordionItem>
 	);
 };
 

diff --git a/apps/meteor/client/views/account/preferences/PreferencesNotificationsSection.tsx b/apps/meteor/client/views/account/preferences/PreferencesNotificationsSection.tsx
@@ -1,6 +1,6 @@
 import type { INotificationDesktop } from '@rocket.chat/core-typings';
 import type { SelectOption } from '@rocket.chat/fuselage';
-import { Accordion, Field, FieldLabel, FieldRow, FieldHint, Select, FieldGroup, ToggleSwitch, Button } from '@rocket.chat/fuselage';
+import { AccordionItem, Field, FieldLabel, FieldRow, FieldHint, Select, FieldGroup, ToggleSwitch, Button } from '@rocket.chat/fuselage';
 import { useUniqueId } from '@rocket.chat/fuselage-hooks';
 import type { TranslationKey } from '@rocket.chat/ui-contexts';
 import { useUserPreference, useSetting } from '@rocket.chat/ui-contexts';
@@ -93,7 +93,7 @@ const PreferencesNotificationsSection = () => {
 	const enableMobileRingingId = useUniqueId();
 
 	return (
-		<Accordion.Item title={t('Notifications')}>
+		<AccordionItem title={t('Notifications')}>
 			<FieldGroup>
 				<Field>
 					<FieldLabel>{t('Desktop_Notifications')}</FieldLabel>
@@ -231,7 +231,7 @@ const PreferencesNotificationsSection = () => {
 					</Field>
 				)}
 			</FieldGroup>
-		</Accordion.Item>
+		</AccordionItem>
 	);
 };
 

diff --git a/apps/meteor/client/views/account/preferences/PreferencesSoundSection.tsx b/apps/meteor/client/views/account/preferences/PreferencesSoundSection.tsx
@@ -1,5 +1,5 @@
 import type { SelectOption } from '@rocket.chat/fuselage';
-import { Accordion, Field, FieldLabel, FieldRow, Select, FieldGroup, ToggleSwitch, FieldHint, Slider } from '@rocket.chat/fuselage';
+import { AccordionItem, Field, FieldLabel, FieldRow, Select, FieldGroup, ToggleSwitch, FieldHint, Slider } from '@rocket.chat/fuselage';
 import { useUniqueId } from '@rocket.chat/fuselage-hooks';
 import { useTranslation, useCustomSound } from '@rocket.chat/ui-contexts';
 import React from 'react';
@@ -21,7 +21,7 @@ const PreferencesSoundSection = () => {
 	const voipRingerVolumeId = useUniqueId();
 
 	return (
-		<Accordion.Item title={t('Sound')}>
+		<AccordionItem title={t('Sound')}>
 			<FieldGroup>
 				<Field>
 					<FieldLabel aria-describedby={`${masterVolumeId}-hint`}>{t('Master_volume')}</FieldLabel>
@@ -150,7 +150,7 @@ const PreferencesSoundSection = () => {
 					</FieldRow>
 				</Field>
 			</FieldGroup>
-		</Accordion.Item>
+		</AccordionItem>
 	);
 };
 

diff --git a/apps/meteor/client/views/account/preferences/PreferencesUserPresenceSection.tsx b/apps/meteor/client/views/account/preferences/PreferencesUserPresenceSection.tsx
@@ -1,4 +1,4 @@
-import { Accordion, Field, FieldLabel, FieldRow, NumberInput, FieldGroup, ToggleSwitch } from '@rocket.chat/fuselage';
+import { AccordionItem, Field, FieldLabel, FieldRow, NumberInput, FieldGroup, ToggleSwitch } from '@rocket.chat/fuselage';
 import { useUniqueId } from '@rocket.chat/fuselage-hooks';
 import React from 'react';
 import { Controller, useFormContext } from 'react-hook-form';
@@ -12,7 +12,7 @@ const PreferencesUserPresenceSection = () => {
 	const idleTimeLimit = useUniqueId();
 
 	return (
-		<Accordion.Item title={t('User_Presence')}>
+		<AccordionItem title={t('User_Presence')}>
 			<FieldGroup>
 				<Field>
 					<FieldRow>
@@ -33,7 +33,7 @@ const PreferencesUserPresenceSection = () => {
 					</FieldRow>
 				</Field>
 			</FieldGroup>
-		</Accordion.Item>
+		</AccordionItem>
 	);
 };
 

diff --git a/apps/meteor/client/views/account/security/AccountSecurityPage.tsx b/apps/meteor/client/views/account/security/AccountSecurityPage.tsx
@@ -1,4 +1,4 @@
-import { Box, Accordion, ButtonGroup, Button } from '@rocket.chat/fuselage';
+import { Box, Accordion, AccordionItem, ButtonGroup, Button } from '@rocket.chat/fuselage';
 import { useUniqueId } from '@rocket.chat/fuselage-hooks';
 import { useSetting, useTranslation, useUser } from '@rocket.chat/ui-contexts';
 import type { ReactElement } from 'react';
@@ -47,28 +47,28 @@ const AccountSecurityPage = (): ReactElement => {
 					{allowPasswordChange && (
 						<FormProvider {...methods}>
 							<Accordion>
-								<Accordion.Item title={t('Password')} defaultExpanded>
+								<AccordionItem title={t('Password')} defaultExpanded>
 									<ChangePassword id={passwordFormId} />
-								</Accordion.Item>
+								</AccordionItem>
 							</Accordion>
 						</FormProvider>
 					)}
 					<Accordion>
 						{(twoFactorTOTP || showEmailTwoFactor) && twoFactorEnabled && (
-							<Accordion.Item title={t('Two Factor Authentication')}>
+							<AccordionItem title={t('Two Factor Authentication')}>
 								{twoFactorTOTP && <TwoFactorTOTP />}
 								{showEmailTwoFactor && <TwoFactorEmail />}
-							</Accordion.Item>
+							</AccordionItem>
 						)}
 						{e2eEnabled && (
-							<Accordion.Item
+							<AccordionItem
 								title={t('End-to-end_encryption')}
 								aria-label={t('End-to-end_encryption')}
 								defaultExpanded={!twoFactorEnabled}
 								data-qa-type='e2e-encryption-section'
 							>
 								<EndToEnd />
-							</Accordion.Item>
+							</AccordionItem>
 						)}
 					</Accordion>
 				</Box>