Merge pull request #103 from Zextras/20220721-rc

20220721 rc
zextras · Jul 21, 2022 · 8e5a0b3 · 8e5a0b3
2 parents e1fb02a + e1bdf4a
commit 8e5a0b3
Show file tree

Hide file tree

Showing 12 changed files with 91 additions and 34 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -99,7 +99,7 @@
 		"@fontsource/roboto": "^4.5.7",
 		"@sentry/browser": "^6.17.7",
 		"@tinymce/tinymce-react": "^3.13.0",
-		"@zextras/carbonio-design-system": "^0.3.5",
+		"@zextras/carbonio-design-system": "^0.3.7",
 		"@zextras/carbonio-ui-preview": "^0.1.5",
 		"darkreader": "4.9.46",
 		"history": "^5.2.0",

diff --git a/src/boot/theme-provider.tsx b/src/boot/theme-provider.tsx
@@ -29,58 +29,90 @@ const themeSizes = (
 ): ThemeExtension => {
 	switch (size) {
 		case 'small': {
-			return (t: any): any => {
+			return (theme: any): any => {
 				// eslint-disable-next-line no-param-reassign
-				t.sizes.font = {
+				theme.sizes.font = {
 					extrasmall: '10px',
 					small: '12px',
 					medium: '14px',
 					large: '16px'
 				};
-				return t;
+				return theme;
 			};
 		}
 		case 'large': {
-			return (t: any): any => {
+			return (theme: any): any => {
 				// eslint-disable-next-line no-param-reassign
-				t.sizes.font = {
+				theme.sizes.font = {
 					extrasmall: '14px',
 					small: '16px',
 					medium: '18px',
 					large: '20px'
 				};
-				return t;
+				return theme;
 			};
 		}
 		case 'larger': {
-			return (t: any): any => {
+			return (theme: any): any => {
 				// eslint-disable-next-line no-param-reassign
-				t.sizes.font = {
+				theme.sizes.font = {
 					extrasmall: '16px',
 					small: '18px',
 					medium: '20px',
 					large: '22px'
 				};
-				return t;
+				return theme;
 			};
 		}
 		case 'default':
 		case 'normal':
 		default: {
-			return (t: any): any => {
+			return (theme: any): any => {
 				// eslint-disable-next-line no-param-reassign
-				t.sizes.font = {
+				theme.sizes.font = {
 					extrasmall: '12px',
 					small: '14px',
 					medium: '16px',
 					large: '18px'
 				};
-				return t;
+				return theme;
 			};
 		}
 	}
 };
 
+const paletteExtension =
+	(): ThemeExtension =>
+	(theme: any): any => {
+		// eslint-disable-next-line no-param-reassign
+		theme.palette.shared = {
+			regular: '#FFB74D',
+			hover: '#FFA21A',
+			active: '#FFA21A',
+			focus: '#FF9800',
+			disabled: '#FFD699'
+		};
+		// eslint-disable-next-line no-param-reassign
+		theme.palette.linked = {
+			regular: '#AB47BC',
+			hover: '#8B3899',
+			active: '#8B3899',
+			focus: '#7A3187',
+			disabled: '#DDB4E4'
+		};
+		return theme;
+	};
+
+const iconExtension =
+	(): ThemeExtension =>
+	(theme: any): any => {
+		// eslint-disable-next-line no-param-reassign
+		theme.icons.Shared = theme.icons.ArrowCircleRight;
+		// eslint-disable-next-line no-param-reassign
+		theme.icons.Linked = theme.icons.ArrowCircleLeft;
+		return theme;
+	};
+
 export const ThemeProvider: FC = ({ children }) => {
 	const zimbraPrefFontSize = useAccountStore((s) => s.settings.prefs?.zimbraPrefFontSize as string);
 	// TODO: update when the DS is fully typed :D
@@ -99,7 +131,9 @@ export const ThemeProvider: FC = ({ children }) => {
 	useEffect(() => {
 		setExtensions((e) => ({
 			...e,
-			fonts: themeSizes(zimbraPrefFontSize)
+			fonts: themeSizes(zimbraPrefFontSize),
+			palette: paletteExtension(),
+			icons: iconExtension()
 		}));
 	}, [zimbraPrefFontSize]);
 	const [darkReaderState, setDarkReaderState] = useState<'auto' | 'disabled' | 'enabled'>('auto');
@@ -134,6 +168,7 @@ export const ThemeProvider: FC = ({ children }) => {
 	const addExtension = useCallback((newExtension: ThemeExtension, id: string) => {
 		setExtensions((ext) => ({ ...ext, [id]: newExtension }));
 	}, []);
+
 	return (
 		<UIThemeProvider extension={aggregatedExtensions}>
 			<ThemeCallbacksContext.Provider value={{ addExtension, setDarkReaderState }}>

diff --git a/src/shell/boards/app-board.jsx b/src/shell/boards/app-board.jsx
@@ -18,6 +18,18 @@ const BoardContainer = styled.div`
 	height: 100%;
 	width: 100%;
 	overflow-y: auto;
+	&::-webkit-scrollbar {
+		width: 8px;
+	}
+
+	&::-webkit-scrollbar-track {
+		background-color: transparent;
+	}
+
+	&::-webkit-scrollbar-thumb {
+		background-color: ${({ theme }) => theme.palette.gray3.regular};
+		border-radius: 4px;
+	}
 `;
 
 export default function AppBoard({ idx }) {

diff --git a/src/store/integrations/composer.tsx b/src/store/integrations/composer.tsx
@@ -78,7 +78,11 @@ const Composer: FC<ComposerProps> = ({
 		[setContent, onEditorChange]
 	);
 
-	useEffect(() => setContent(value), [value]);
+	useEffect(() => {
+		if (value) {
+			setContent(value);
+		}
+	}, [value]);
 
 	return (
 		<Container
@@ -130,7 +134,8 @@ const Composer: FC<ComposerProps> = ({
 						? 'bold italic underline | forecolor backcolor | removeformat | quicklink'
 						: 'quicklink',
 					contextmenu: inline ? '' : '',
-					toolbar_mode: 'wrap'
+					toolbar_mode: 'wrap',
+					forced_root_block: 'pre'
 				}}
 				onEditorChange={_onEditorChange}
 				{...rest}

diff --git a/translations/es.json b/translations/es.json
@@ -32,7 +32,7 @@
                 "end_time": "Hora de finalización:",
                 "external_senders": "Remitentes externos",
                 "out_of_office": "Fuera de la oficina",
-                "out_of_office_status": "Estado fuera de la oficina:",
+                "out_of_office_status": "Estado de respuesta automática:",
                 "send_auto_reply_period": "Enviar respuestas automáticas durante el siguiente periodo:",
                 "start_time": "Hora de inicio:"
             },
@@ -41,15 +41,15 @@
                 "out_of_office": "Fuera de la oficina"
             },
             "external_senders": {
-                "do_not_send_to_external": "No enviar un mensaje de respuesta automática al remitente externo",
+                "do_not_send_to_external": "No enviar respuesta automática al remitente externo",
                 "send_custom_in_organisation": "Enviar un mensaje personalizado a aquellos que no trabajan en mi organización",
                 "send_custom_not_in_organisation": "Enviar un mensaje personalizado a aquellos que no trabajan en mi organización y no están en mi libreta de direcciones",
                 "send_standard_auto_reply": "Enviar mensaje de respuesta automática estándar"
             },
             "do_not_send_auto_replies": "No enviar respuestas automáticas",
             "headings": {
                 "create_appointment": "Cita del calendario",
-                "settings_label": "Ajustes fuera de la oficina",
+                "settings_label": "Respuesta automática",
                 "time_period": "Periodo de tiempo"
             },
             "send_auto_replies": "Enviar respuestas automáticas"
@@ -73,7 +73,7 @@
         },
         "app_description": "Módulo de ajustes",
         "general_tab": "General",
-        "timezone_and_language": "Huso horario e idioma",
+        "timezone_and_language": "Zona horaria e idioma",
         "accounts": "Cuentas",
         "choose": "Seleccionar",
         "search_settings": {
@@ -185,7 +185,7 @@
         "unsaved_changes_line1": "¿Seguro que quieres salir de esta página sin guardar?",
         "use_persona": "Usar esta Persona",
         "use_personas_line1": "Usa las Personas para cambiar rápidamente las configuraciones cuando envías mensajes e-mail.",
-        "use_personas_line2": "Por ejemplo, si sueles enviar e-mails en el trabajo con un determinado rol, crea una Persona para ello.",
+        "use_personas_line2": "Por ejemplo, si envías e-mails en el trabajo con un determinado rol, crea una Persona para ello.",
         "click_to_copy": "Clic para copiar",
         "documentation": "Documentación",
         "dont_save": "No guardar una copia de los mensajes enviados",
@@ -464,7 +464,8 @@
         "spanish": "Español",
         "turkish": "Turco",
         "french": "Francés",
-        "label_french": "Francés - {{value}}"
+        "label_french": "Francés - {{value}}",
+        "vietnamese": "Vietnamita"
     },
     "board": {
         "close_tab": "Cerrar pestaña",

diff --git a/translations/fa.json b/translations/fa.json
@@ -0,0 +1 @@
+{}
diff --git a/translations/fr.json b/translations/fr.json
@@ -430,7 +430,8 @@
         "thai": "Thaïlandais",
         "turkish": "Turc",
         "french": "Français",
-        "label_french": "Français - {{value}}"
+        "label_french": "Français - {{value}}",
+        "vietnamese": "Vietnamienne"
     },
     "module": {
         "app": {

diff --git a/translations/pt.json b/translations/pt.json
@@ -181,7 +181,7 @@
         "save_both_folders": "Salvar uma cópia das mensagens enviadas na pasta de Enviados e na pasta de delegados",
         "settings_sent_messages": "Configurações das Mensagens Enviadas",
         "unsaved_changes_line2": "Todas as suas alterações não salvas serão perdidas",
-        "use_personas_line2": "Por exemplo, se às vezes você envia e-mails em uma função específica no trabalho, crie uma persona para isso.",
+        "use_personas_line2": "Por exemplo, você enviar e-mails em uma função específica no trabalho, crie uma Persona para isso.",
         "documentation": "Documentação",
         "dont_save": "Não salvar uma cópia das mensagens enviadas",
         "external_account_settings": "Configurações de Conta Externa",

diff --git a/translations/pt_BR.json b/translations/pt_BR.json
@@ -181,7 +181,7 @@
         "save_both_folders": "Salvar uma cópia das mensagens enviadas na pasta de Enviados e na pasta de delegados",
         "settings_sent_messages": "Configurações das Mensagens Enviadas",
         "unsaved_changes_line2": "Todas as suas alterações não salvas serão perdidas",
-        "use_personas_line2": "Por exemplo, se às vezes você envia e-mails em uma função específica no trabalho, crie uma persona para isso.",
+        "use_personas_line2": "Por exemplo, se você enviar e-mails em uma função específica no trabalho, crie uma Persona para isso.",
         "documentation": "Documentação",
         "dont_save": "Não salvar uma cópia das mensagens enviadas",
         "external_account_settings": "Configurações de Conta Externa",

diff --git a/translations/ru.json b/translations/ru.json
@@ -279,7 +279,8 @@
         "thai": "Тайский",
         "turkish": "Турецкий",
         "french": "Французский",
-        "label_french": "Французский - {{value}}"
+        "label_french": "Французский - {{value}}",
+        "vietnamese": "Вьетнамский"
     },
     "timezone": {
         "baja_california": "{{value}} Байа Калифорния",

diff --git a/translations/tr.json b/translations/tr.json
@@ -247,7 +247,8 @@
         "thai": "Thai",
         "turkish": "Türkçe",
         "french": "Fransızca",
-        "label_french": "Fransızca - {{value}}"
+        "label_french": "Fransızca - {{value}}",
+        "vietnamese": "Vietnamese"
     },
     "timezone": {
         "bangkok_hanoi_jakarta": "{{value}} Bangkok, Hanoi, Jakarta",