chore: update French i18n (#5561)

extensions/cornerstone/src/components/WindowLevelActionMenu/Colormap.tsx

@@ -98,7 +98,7 @@ export function Colormap({ viewportId }: { viewportId?: string } = {}): ReactEle
             {colormaps.map((colormap, index) => (
               <AllInOneMenu.Item
                 key={index}
-                label={colormap.description}
+                label={t(`Colormaps:${colormap.Name}`, { defaultValue: colormap.Name })}
                 useIconSpace={false}
                 onClick={() => {
                   setCurrentColormap(colormap);

extensions/cornerstone/src/components/WindowLevelActionMenu/VolumeLighting.tsx

@@ -2,6 +2,7 @@ import React, { ReactElement, useState, useEffect, useCallback } from 'react';
 import { VolumeLightingProps } from '../../types/ViewportPresets';
 import { Numeric } from '@ohif/ui-next';
 import { useSystem } from '@ohif/core';
+import { useTranslation } from 'react-i18next';
 
 export function VolumeLighting({ viewportId, hasShade }: VolumeLightingProps): ReactElement {
   const { servicesManager, commandsManager } = useSystem();
@@ -11,6 +12,7 @@ export function VolumeLighting({ viewportId, hasShade }: VolumeLightingProps): R
     diffuse: null,
     specular: null,
   });
+  const { t } = useTranslation('WindowLevelActionMenu');
 
   // Single callback to handle all lighting property changes
   const onLightingChange = useCallback(
@@ -45,9 +47,9 @@ export function VolumeLighting({ viewportId, hasShade }: VolumeLightingProps): R
 
   // Configuration for our lighting properties
   const lightingProperties = [
-    { key: 'ambient', label: 'Ambient' },
-    { key: 'diffuse', label: 'Diffuse' },
-    { key: 'specular', label: 'Specular' },
+    { key: 'ambient', label: t('Ambient') },
+    { key: 'diffuse', label: t('Diffuse') },
+    { key: 'specular', label: t('Specular') },
   ];
 
   return (

extensions/cornerstone/src/components/WindowLevelActionMenu/VolumeRenderingOptions.tsx

@@ -5,10 +5,13 @@ import { VolumeShift } from './VolumeShift';
 import { VolumeLighting } from './VolumeLighting';
 import { VolumeShade } from './VolumeShade';
 import { useViewportRendering } from '../../hooks/useViewportRendering';
+import { useTranslation } from 'react-i18next';
 
 export function VolumeRenderingOptions({ viewportId }: { viewportId?: string } = {}): ReactElement {
   const { volumeRenderingQualityRange } = useViewportRendering(viewportId);
   const [hasShade, setShade] = useState(false);
+  const { t } = useTranslation('WindowLevelActionMenu');
+
   return (
     <AllInOneMenu.ItemPanel>
       <VolumeRenderingQuality
@@ -17,7 +20,7 @@ export function VolumeRenderingOptions({ viewportId }: { viewportId?: string } =
       />
       <VolumeShift viewportId={viewportId} />
       <div className="mt-2 flex h-8 !h-[20px] w-full flex-shrink-0 items-center justify-start px-2 text-base">
-        <div className="text-muted-foreground text-sm">Lighting</div>
+        <div className="text-muted-foreground text-sm">{t('Lighting')}</div>
       </div>
       <div className="bg-background mt-1 mb-1 h-px w-full"></div>
       <div className="hover:bg-accent flex h-8 w-full flex-shrink-0 items-center px-2 text-base hover:rounded">

extensions/cornerstone/src/components/WindowLevelActionMenu/VolumeRenderingPresets.tsx

@@ -4,17 +4,19 @@ import React, { ReactElement } from 'react';
 import { VolumeRenderingPresetsContent } from './VolumeRenderingPresetsContent';
 import { useSystem } from '@ohif/core';
 import { useViewportRendering } from '../../hooks/useViewportRendering';
+import { useTranslation } from 'react-i18next';
 
 export function VolumeRenderingPresets({ viewportId }: { viewportId?: string } = {}): ReactElement {
   const { volumeRenderingPresets } = useViewportRendering(viewportId);
   const { servicesManager } = useSystem();
   const { uiDialogService } = servicesManager.services;
+  const { t } = useTranslation('WindowLevelActionMenu');
 
   const onClickPresets = () => {
     uiDialogService.show({
       id: 'volume-rendering-presets',
       content: VolumeRenderingPresetsContent,
-      title: 'Rendering Presets',
+      title: t('Rendering Presets'),
       isDraggable: true,
       contentProps: {
         presets: volumeRenderingPresets,
@@ -25,7 +27,7 @@ export function VolumeRenderingPresets({ viewportId }: { viewportId?: string } =
 
   return (
     <AllInOneMenu.Item
-      label="Rendering Presets"
+      label={t('Rendering Presets')}
       icon={<Icons.VolumeRendering />}
       rightIcon={<Icons.ByName name="action-new-dialog" />}
       onClick={onClickPresets}

extensions/cornerstone/src/components/WindowLevelActionMenu/VolumeRenderingPresetsContent.tsx

@@ -3,6 +3,7 @@ import React, { ReactElement, useState, useCallback } from 'react';
 import { PresetDialog } from '@ohif/ui-next';
 import { ViewportPreset, VolumeRenderingPresetsContentProps } from '../../types/ViewportPresets';
 import { useSystem } from '@ohif/core';
+import { useTranslation } from 'react-i18next';
 
 interface Props extends VolumeRenderingPresetsContentProps {
   hide: () => void;
@@ -12,6 +13,7 @@ export function VolumeRenderingPresetsContent({ presets, viewportId, hide }: Pro
   const { commandsManager } = useSystem();
   const [searchValue, setSearchValue] = useState('');
   const [selectedPreset, setSelectedPreset] = useState<ViewportPreset | null>(null);
+  const { t } = useTranslation('WindowLevelActionMenu');
 
   const handleSearchChange = useCallback((event: React.ChangeEvent<HTMLInputElement>) => {
     setSearchValue(event.target.value);
@@ -41,7 +43,7 @@ export function VolumeRenderingPresetsContent({ presets, viewportId, hide }: Pro
           <PresetDialog.PresetSearch
             value={searchValue}
             onChange={handleSearchChange}
-            placeholder="Search all"
+            placeholder={t('Search all', 'Search all')}
           />
         </PresetDialog.PresetFilter>
         <PresetDialog.PresetGrid>
@@ -71,7 +73,7 @@ export function VolumeRenderingPresetsContent({ presets, viewportId, hide }: Pro
       </PresetDialog.PresetBody>
       <FooterAction className="mt-4 flex-shrink-0">
         <FooterAction.Right>
-          <FooterAction.Secondary onClick={hide}>Cancel</FooterAction.Secondary>
+          <FooterAction.Secondary onClick={hide}>{t('Common:Cancel')}</FooterAction.Secondary>
         </FooterAction.Right>
       </FooterAction>
     </PresetDialog>

extensions/cornerstone/src/components/WindowLevelActionMenu/VolumeRenderingQuality.tsx

@@ -2,6 +2,7 @@ import React, { ReactElement, useCallback, useState, useEffect } from 'react';
 import { VolumeRenderingQualityProps } from '../../types/ViewportPresets';
 import { Numeric } from '@ohif/ui-next';
 import { useSystem } from '@ohif/core';
+import { useTranslation } from 'react-i18next';
 
 export function VolumeRenderingQuality({
   volumeRenderingQualityRange,
@@ -11,6 +12,7 @@ export function VolumeRenderingQuality({
   const { cornerstoneViewportService } = servicesManager.services;
   const { min, max, step } = volumeRenderingQualityRange;
   const [quality, setQuality] = useState(null);
+  const { t } = useTranslation('WindowLevelActionMenu');
 
   const onChange = useCallback(
     (value: number) => {
@@ -51,7 +53,7 @@ export function VolumeRenderingQuality({
             onChange={onChange}
           >
             <div className="flex flex-row items-center">
-              <Numeric.Label className="w-16">Quality</Numeric.Label>
+              <Numeric.Label className="w-16">{t('Quality')}</Numeric.Label>
               <Numeric.SingleRange sliderClassName="mx-2 flex-grow" />
             </div>
           </Numeric.Container>

extensions/cornerstone/src/components/WindowLevelActionMenu/VolumeShade.tsx

@@ -2,11 +2,13 @@ import React, { ReactElement, useCallback, useEffect, useState } from 'react';
 import { Switch } from '@ohif/ui-next';
 import { VolumeShadeProps } from '../../types/ViewportPresets';
 import { useSystem } from '@ohif/core';
+import { useTranslation } from 'react-i18next';
 
 export function VolumeShade({
   viewportId,
   onClickShade = bool => {},
 }: VolumeShadeProps): ReactElement {
+  const { t } = useTranslation('WindowLevelActionMenu');
   const { servicesManager, commandsManager } = useSystem();
   const { cornerstoneViewportService } = servicesManager.services;
   const [shade, setShade] = useState(true);
@@ -29,7 +31,7 @@ export function VolumeShade({
 
   return (
     <>
-      <span className="flex-grow">Shade</span>
+      <span className="flex-grow">{t('Shade')}</span>
       <Switch
         className="ml-2 flex-shrink-0"
         key={key}

extensions/cornerstone/src/components/WindowLevelActionMenu/VolumeShift.tsx

@@ -2,6 +2,7 @@ import React, { ReactElement, useCallback, useEffect, useState, useRef } from 'r
 import { VolumeShiftProps } from '../../types/ViewportPresets';
 import { Numeric } from '@ohif/ui-next';
 import { useSystem } from '@ohif/core';
+import { useTranslation } from 'react-i18next';
 
 export function VolumeShift({ viewportId }: VolumeShiftProps): ReactElement {
   const { servicesManager, commandsManager } = useSystem();
@@ -19,6 +20,7 @@ export function VolumeShift({ viewportId }: VolumeShiftProps): ReactElement {
   const viewport = cornerstoneViewportService.getCornerstoneViewport(viewportId);
   const { actor } = viewport.getActors()[0];
   const ofun = actor.getProperty().getScalarOpacity(0);
+  const { t } = useTranslation('WindowLevelActionMenu');
 
   useEffect(() => {
     if (isBlocking) {
@@ -65,7 +67,7 @@ export function VolumeShift({ viewportId }: VolumeShiftProps): ReactElement {
             onMouseUp={() => setIsBlocking(false)}
           >
             <div className="flex flex-row items-center">
-              <Numeric.Label className="w-16">Shift</Numeric.Label>
+              <Numeric.Label className="w-16">{t('Shift')}</Numeric.Label>
               <Numeric.SingleRange sliderClassName="mx-2 flex-grow" />
             </div>
           </Numeric.Container>

extensions/cornerstone/src/components/WindowLevelActionMenu/WindowLevel.tsx

@@ -2,8 +2,10 @@ import React, { ReactElement, useEffect, useRef, useState } from 'react';
 import { AllInOneMenu, ScrollArea, Switch, Tabs, TabsList, TabsTrigger } from '@ohif/ui-next';
 import { useViewportRendering } from '../../hooks/useViewportRendering';
 import { WindowLevelPreset } from '../../types/WindowLevel';
+import { useTranslation } from 'react-i18next';
 
 export function WindowLevel({ viewportId }: { viewportId?: string } = {}): ReactElement {
+  const { t } = useTranslation('WindowLevelActionMenu');
   const { viewportDisplaySets } = useViewportRendering(viewportId);
   const [activeDisplaySetUID, setActiveDisplaySetUID] = useState<string | undefined>(
     viewportDisplaySets?.[0]?.displaySetInstanceUID
@@ -68,7 +70,7 @@ export function WindowLevel({ viewportId }: { viewportId?: string } = {}): React
         className="hover:bg-accent flex h-8 w-full flex-shrink-0 cursor-pointer items-center px-2 text-base hover:rounded"
         onClick={() => setShowPreview(!showPreview)}
       >
-        <span className="flex-shrink-0">Preview in viewport</span>
+        <span className="flex-shrink-0">{t('Preview in viewport')}</span>
         <Switch
           className="ml-auto flex-shrink-0"
           checked={showPreview}
@@ -91,7 +93,7 @@ export function WindowLevel({ viewportId }: { viewportId?: string } = {}): React
             {windowLevelPresets.map((preset, index) => (
               <AllInOneMenu.Item
                 key={index}
-                label={preset.description}
+                label={t(preset.description)}
                 secondaryLabel={`${preset.window} / ${preset.level}`}
                 useIconSpace={false}
                 onClick={() => {