@centreon/ui 25.1.7 → 25.1.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@centreon/ui",
-  "version": "25.1.7",
+  "version": "25.1.9",
   "description": "Centreon UI Components",
   "scripts": {
     "update:deps": "pnpx npm-check-updates -i --format group",

package/src/Dialog/UnsavedChanges/index.tsx

@@ -5,13 +5,13 @@ import { Modal } from '../../components/Modal';
 
 import {
   labelDiscard,
-  labelDoYouWantToQuitWithoutResolving,
-  labelDoYouWantToResolveErrors,
+  labelDoYouWantToQuit,
   labelDoYouWantToSaveChanges,
   labelIfYouClickOnDiscard,
-  labelResolve,
+  labelLeave,
   labelSave,
-  labelThereAreErrorsInTheForm
+  labelStay,
+  labelYourFormHasUnsavedChanges
 } from './translatedLabels';
 
 interface Props {
@@ -32,15 +32,17 @@ const UnsavedChangesDialog = ({
   dialogOpened
 }: Props): JSX.Element | null => {
   const { t } = useTranslation();
+
   const labelTitle = isValidForm
     ? labelDoYouWantToSaveChanges
-    : labelDoYouWantToResolveErrors;
+    : labelDoYouWantToQuit;
 
-  const labelConfirm = isValidForm ? labelSave : labelResolve;
+  const lebelConfirm = isValidForm ? labelSave : labelLeave;
+  const labelCancel = isValidForm ? labelDiscard : labelStay;
 
   const labelMessage = isValidForm
     ? labelIfYouClickOnDiscard
-    : `${labelThereAreErrorsInTheForm} ${labelDoYouWantToQuitWithoutResolving}`;
+    : labelYourFormHasUnsavedChanges;
 
   if (not(dialogOpened)) {
     return null;
@@ -58,11 +60,11 @@ const UnsavedChangesDialog = ({
       <Modal.Actions
         disabled={isSubmitting}
         labels={{
-          cancel: t(labelDiscard),
-          confirm: t(labelConfirm)
+          cancel: t(labelCancel),
+          confirm: t(lebelConfirm)
         }}
-        onCancel={discardChanges}
-        onConfirm={isValidForm ? saveChanges : closeDialog}
+        onCancel={isValidForm ? discardChanges : closeDialog}
+        onConfirm={isValidForm ? saveChanges : discardChanges}
       />
     </Modal>
   );

package/src/Dialog/UnsavedChanges/translatedLabels.ts

@@ -1,22 +1,24 @@
 export const labelDiscard = 'Discard';
-export const labelResolve = 'Resolve';
+export const labelSave = 'Save';
+
+export const labelLeave = 'Leave';
+export const labelStay = 'Stay';
+
 export const labelIfYouClickOnDiscard =
   'If you click on Discard, your changes will not be saved.';
-export const labelThereAreErrorsInTheForm = 'There are errors in the form.';
-export const labelDoYouWantToQuitWithoutResolving =
-  'Do you want to quit the form without resolving the errors?';
+export const labelDoYouWantToQuit = 'Do you want to leave this page?';
+
+export const labelYourFormHasUnsavedChanges =
+  'Your changes will not be saved if you leave this page.';
 export const labelDoYouWantToSaveChanges = 'Do you want to save the changes?';
-export const labelDoYouWantToResolveErrors =
-  'Do you want to resolve the errors?';
-export const labelSave = 'Save';
 
 export default {
   labelDiscard,
-  labelDoYouWantToQuitWithoutResolving,
-  labelDoYouWantToResolveErrors,
-  labelDoYouWantToSaveChanges,
-  labelIfYouClickOnDiscard,
-  labelResolve,
   labelSave,
-  labelThereAreErrorsInTheForm
+  labelLeave,
+  labelStay,
+  labelIfYouClickOnDiscard,
+  labelDoYouWantToQuit,
+  labelYourFormHasUnsavedChanges,
+  labelDoYouWantToSaveChanges
 };

package/src/Icon/FlappingIcon.tsx

@@ -0,0 +1,22 @@
+import { SvgIconProps } from '@mui/material';
+
+import BaseIcon from './BaseIcon';
+
+const icon = (
+  <g>
+    <path d="M22 10.07c-2.24 0-4.01-1.04-5.72-2.04-1.61-.94-3.13-1.83-4.96-1.83s-3.18.92-4.57 1.9c-1.33 1.16-3 1.85-4.76 1.97v-.83c1.7 0 2.95-.88 4.28-1.82 1.41-1.22 3.19-2.05 5.05-2.05 1.95 0 3.8.82 5.38 1.95 1.56 1.11 3.39 1.78 5.3 1.92v.83Z" />
+    <path d="M22 14.07c-2.24 0-4.01-1.04-5.72-2.04-1.61-.94-3.13-1.83-4.96-1.83s-3.18.92-4.57 1.9c-1.33 1.16-3 1.85-4.76 1.97v-.83c1.7 0 2.95-.88 4.28-1.82 1.41-1.22 3.18-2.05 5.05-2.05 1.87 0 3.8.82 5.38 1.95 1.56 1.11 3.39 1.78 5.3 1.92v.83Z" />
+    <path d="M22 18.07c-2.24 0-4.01-1.04-5.72-2.04-1.61-.94-3.13-1.83-4.96-1.83s-3.18.92-4.57 1.9c-1.33 1.16-3 1.85-4.76 1.97v-.83c1.7 0 2.95-.88 4.28-1.82 1.41-1.22 3.18-2.07 5.05-2.05 1.87.02 3.8.82 5.38 1.95 1.56 1.11 3.39 1.78 5.3 1.92v.83Z" />
+  </g>
+);
+
+export const FlappingIcon = (props: SvgIconProps): JSX.Element => (
+  <BaseIcon
+    {...props}
+    dataTestId="FlappingIcon"
+    Icon={icon}
+    height="24"
+    viewBox="0 0 24 24"
+    width="24"
+  />
+);

package/src/Icon/index.ts

@@ -1,4 +1,5 @@
 export { DowntimeIcon } from './DowntimeIcon';
+export { FlappingIcon } from './FlappingIcon';
 export { AcknowledgementIcon } from './AcknowledgementIcon';
 export { HostIcon } from './HostIcon';
 export { ServiceIcon } from './ServiceIcon';

package/src/ThemeProvider/palettes.ts

@@ -27,6 +27,8 @@ declare module '@mui/material/styles/createPalette' {
     acknowledgedBackground: string;
     inDowntime: string;
     inDowntimeBackground: string;
+    inFlapping: string;
+    inFlappingBackground: string;
   }
 }
 
@@ -159,6 +161,8 @@ export const lightPalette: PaletteOptions = {
   action: {
     acknowledged: '#745F35',
     acknowledgedBackground: '#DFD2B9',
+    inFlapping: '#064A3F',
+    inFlappingBackground: '#D8F3EF',
     activatedOpacity: 0.12,
     active: '#666666',
     disabled: '#999999',
@@ -299,6 +303,8 @@ export const darkPalette: PaletteOptions = {
   action: {
     acknowledged: '#DFD2B9',
     acknowledgedBackground: '#745F35',
+    inFlapping: '#D8F3EF',
+    inFlappingBackground: '#064A3F',
     activatedOpacity: 0.3,
     active: '#B5B5B5',
     disabled: '#999999',