@mtes-mct/monitor-ui 10.14.1 → 10.15.0

package/CHANGELOG.md

@@ -1,3 +1,5 @@
+## [10.14.1](https://github.com/MTES-MCT/monitor-ui/compare/v10.14.0...v10.14.1) (2023-12-04)
+
 ## [10.14.0](https://github.com/MTES-MCT/monitor-ui/compare/v10.13.0...v10.14.0) (2023-11-22)
 
 

package/assets/stylesheets/rsuite-override.css

@@ -66,6 +66,10 @@
   --rs-listbox-option-selected-bg: var(--blue-gray-25);
   /* tags */
   --rs-tag-bg: var(--gainsboro);
+
+  /* toggle */
+  --rs-toggle-checked-bg: var(--charcoal);
+  --rs-toggle-checked-hover-bg: var(--gunMetal);
 }
 
 label {
@@ -312,13 +316,13 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner:before {
 .rs-radio-wrapper::before,
 .rs-radio-wrapper .rs-radio-inner::before,
 .rs-radio-wrapper {
-  width: 13px;
-  height: 13px;
+  width: 14px;
+  height: 14px;
 }
 
 .rs-radio-wrapper .rs-radio-inner::before {
   background: var(--gainsboro);
-  border-width: 2.5px;
+  border-width: 2px;
 }
 
 .rs-radio-checked .rs-radio-wrapper .rs-radio-inner::before {
@@ -329,10 +333,10 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner:before {
 /* center of radio button when checked */
 .rs-radio-wrapper .rs-radio-inner::after {
   background: var(--charcoal);
-  width: 8px;
-  height: 8px;
-  margin-top: 5px;
-  margin-left: 5px;
+  width: 6px;
+  height: 6px;
+  margin-top: 4px;
+  margin-left: 4px;
 }
 
 .rs-radio.rs-radio-disabled .rs-radio-wrapper .rs-radio-inner::after {

package/fields/CoordinatesInput/DDCoordinatesInput.d.ts

@@ -2,8 +2,9 @@ import type { Coordinates } from '../../types';
 type DDCoordinatesInputProps = {
     coordinates: Coordinates | undefined;
     disabled: boolean | undefined;
+    isLight: boolean | undefined;
     onChange: (nextCoordinates: Coordinates, coordinates: Coordinates | undefined) => void;
 };
-export declare function DDCoordinatesInput({ coordinates, disabled, onChange }: DDCoordinatesInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function DDCoordinatesInput({ coordinates, disabled, isLight, onChange }: DDCoordinatesInputProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=DDCoordinatesInput.d.ts.map

package/fields/CoordinatesInput/DDCoordinatesInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DDCoordinatesInput.d.ts","sourceRoot":"","sources":["../../../src/fields/CoordinatesInput/DDCoordinatesInput.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAE9C,KAAK,uBAAuB,GAAG;IAC7B,WAAW,EAAE,WAAW,GAAG,SAAS,CAAA;IACpC,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,QAAQ,EAAE,CAAC,eAAe,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,GAAG,SAAS,KAAK,IAAI,CAAA;CACvF,CAAA;AAED,wBAAgB,kBAAkB,CAAC,EAAE,WAAW,EAAE,QAAgB,EAAE,QAAQ,EAAE,EAAE,uBAAuB,2CAiFtG"}
+{"version":3,"file":"DDCoordinatesInput.d.ts","sourceRoot":"","sources":["../../../src/fields/CoordinatesInput/DDCoordinatesInput.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAE9C,KAAK,uBAAuB,GAAG;IAC7B,WAAW,EAAE,WAAW,GAAG,SAAS,CAAA;IACpC,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,OAAO,EAAE,OAAO,GAAG,SAAS,CAAA;IAC5B,QAAQ,EAAE,CAAC,eAAe,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,GAAG,SAAS,KAAK,IAAI,CAAA;CACvF,CAAA;AAED,wBAAgB,kBAAkB,CAAC,EACjC,WAAW,EACX,QAAgB,EAChB,OAAe,EACf,QAAQ,EACT,EAAE,uBAAuB,2CAuFzB"}

package/fields/CoordinatesInput/DMDCoordinatesInput.d.ts

@@ -4,8 +4,9 @@ type DMDCoordinatesInputProps = {
     coordinates: Coordinates | undefined;
     coordinatesFormat: CoordinatesFormat;
     disabled: boolean | undefined;
+    isLight: boolean | undefined;
     onChange: (nextCoordinates: Coordinates, coordinates: Coordinates | undefined) => void;
 };
-export declare function DMDCoordinatesInput({ coordinates, coordinatesFormat, disabled, onChange }: DMDCoordinatesInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function DMDCoordinatesInput({ coordinates, coordinatesFormat, disabled, isLight, onChange }: DMDCoordinatesInputProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=DMDCoordinatesInput.d.ts.map

package/fields/CoordinatesInput/DMDCoordinatesInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DMDCoordinatesInput.d.ts","sourceRoot":"","sources":["../../../src/fields/CoordinatesInput/DMDCoordinatesInput.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,iBAAiB,EAAoB,MAAM,iBAAiB,CAAA;AAIrE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAM9C,KAAK,wBAAwB,GAAG;IAC9B,WAAW,EAAE,WAAW,GAAG,SAAS,CAAA;IACpC,iBAAiB,EAAE,iBAAiB,CAAA;IACpC,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,QAAQ,EAAE,CAAC,eAAe,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,GAAG,SAAS,KAAK,IAAI,CAAA;CACvF,CAAA;AAED,wBAAgB,mBAAmB,CAAC,EAClC,WAAW,EACX,iBAAiB,EACjB,QAAgB,EAChB,QAAQ,EACT,EAAE,wBAAwB,2CAuF1B"}
+{"version":3,"file":"DMDCoordinatesInput.d.ts","sourceRoot":"","sources":["../../../src/fields/CoordinatesInput/DMDCoordinatesInput.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,iBAAiB,EAAoB,MAAM,iBAAiB,CAAA;AAKrE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAM9C,KAAK,wBAAwB,GAAG;IAC9B,WAAW,EAAE,WAAW,GAAG,SAAS,CAAA;IACpC,iBAAiB,EAAE,iBAAiB,CAAA;IACpC,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,OAAO,EAAE,OAAO,GAAG,SAAS,CAAA;IAC5B,QAAQ,EAAE,CAAC,eAAe,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,GAAG,SAAS,KAAK,IAAI,CAAA;CACvF,CAAA;AAED,wBAAgB,mBAAmB,CAAC,EAClC,WAAW,EACX,iBAAiB,EACjB,QAAgB,EAChB,OAAO,EACP,QAAQ,EACT,EAAE,wBAAwB,2CA0F1B"}

package/fields/CoordinatesInput/DMSCoordinatesInput.d.ts

@@ -4,8 +4,9 @@ type DMSCoordinatesInputProps = {
     coordinates: Coordinates | undefined;
     coordinatesFormat: CoordinatesFormat;
     disabled: boolean | undefined;
+    isLight: boolean | undefined;
     onChange: (nextCoordinates: Coordinates | undefined, coordinates: Coordinates | undefined) => void;
 };
-export declare function DMSCoordinatesInput({ coordinates, coordinatesFormat, disabled, onChange }: DMSCoordinatesInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function DMSCoordinatesInput({ coordinates, coordinatesFormat, disabled, isLight, onChange }: DMSCoordinatesInputProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=DMSCoordinatesInput.d.ts.map

package/fields/CoordinatesInput/DMSCoordinatesInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DMSCoordinatesInput.d.ts","sourceRoot":"","sources":["../../../src/fields/CoordinatesInput/DMSCoordinatesInput.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AACxD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAE9C,KAAK,wBAAwB,GAAG;IAC9B,WAAW,EAAE,WAAW,GAAG,SAAS,CAAA;IACpC,iBAAiB,EAAE,iBAAiB,CAAA;IACpC,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,QAAQ,EAAE,CAAC,eAAe,EAAE,WAAW,GAAG,SAAS,EAAE,WAAW,EAAE,WAAW,GAAG,SAAS,KAAK,IAAI,CAAA;CACnG,CAAA;AACD,wBAAgB,mBAAmB,CAAC,EAClC,WAAW,EACX,iBAAiB,EACjB,QAAgB,EAChB,QAAQ,EACT,EAAE,wBAAwB,2CAgC1B"}
+{"version":3,"file":"DMSCoordinatesInput.d.ts","sourceRoot":"","sources":["../../../src/fields/CoordinatesInput/DMSCoordinatesInput.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AACxD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAE9C,KAAK,wBAAwB,GAAG;IAC9B,WAAW,EAAE,WAAW,GAAG,SAAS,CAAA;IACpC,iBAAiB,EAAE,iBAAiB,CAAA;IACpC,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,OAAO,EAAE,OAAO,GAAG,SAAS,CAAA;IAC5B,QAAQ,EAAE,CAAC,eAAe,EAAE,WAAW,GAAG,SAAS,EAAE,WAAW,EAAE,WAAW,GAAG,SAAS,KAAK,IAAI,CAAA;CACnG,CAAA;AACD,wBAAgB,mBAAmB,CAAC,EAClC,WAAW,EACX,iBAAiB,EACjB,QAAgB,EAChB,OAAO,EACP,QAAQ,EACT,EAAE,wBAAwB,2CAmC1B"}

package/fields/CoordinatesInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/CoordinatesInput/index.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAMnD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AAC5D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAC9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAE3C,MAAM,MAAM,qBAAqB,GAAG,aAAa,GAAG;IAClD,iBAAiB,EAAE,iBAAiB,CAAA;IACpC,YAAY,CAAC,EAAE,WAAW,GAAG,SAAS,CAAA;IACtC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IACnC,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EACL,CAAC,CAAC,eAAe,EAAE,WAAW,GAAG,SAAS,EAAE,WAAW,EAAE,WAAW,GAAG,SAAS,KAAK,UAAU,CAAC,IAAI,CAAC,CAAC,GACtG,SAAS,CAAA;CACd,CAAA;AACD,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,iBAAiB,EACjB,YAAY,EACZ,KAAK,EACL,aAAqB,EACrB,OAAe,EACf,KAAK,EACL,QAAe,EACf,GAAG,WAAW,EACf,EAAE,qBAAqB,2CAyDvB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/CoordinatesInput/index.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAMnD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AAC5D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAC9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAE3C,MAAM,MAAM,qBAAqB,GAAG,aAAa,GAAG;IAClD,iBAAiB,EAAE,iBAAiB,CAAA;IACpC,YAAY,CAAC,EAAE,WAAW,GAAG,SAAS,CAAA;IACtC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IACnC,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EACL,CAAC,CAAC,eAAe,EAAE,WAAW,GAAG,SAAS,EAAE,WAAW,EAAE,WAAW,GAAG,SAAS,KAAK,UAAU,CAAC,IAAI,CAAC,CAAC,GACtG,SAAS,CAAA;CACd,CAAA;AACD,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,iBAAiB,EACjB,YAAY,EACZ,KAAK,EACL,aAAqB,EACrB,OAAe,EACf,KAAK,EACL,QAAe,EACf,GAAG,WAAW,EACf,EAAE,qBAAqB,2CAsDvB"}

package/index.js

@@ -264,6 +264,7 @@ const OnlyFontGlobalStyle = createGlobalStyle`
         babyBlueEyes: '#99C9FF',
         // Notification Colors
         mediumSeaGreen: '#29B361',
+        mediumSeaGreen25: '#c9ecd7',
         goldenPoppy: '#FAC11A',
         goldenPoppy25: '#FDF3C3',
         /** CONTEXTUAL COLORS */ // Mission status
@@ -59865,7 +59866,7 @@ function isNumeric(val) {
 }
 
 // TODO This field should return undefined when cleared (i.e.: Select all & Backspace/Delete)
-function DDCoordinatesInput({ coordinates, disabled = false, onChange }) {
+function DDCoordinatesInput({ coordinates, disabled = false, isLight = false, onChange }) {
     const latitudeInputRef = useRef();
     const longitudeInputRef = useRef();
     const [latitudeError, setLatitudeError] = useState('');
@@ -59921,6 +59922,7 @@ function DDCoordinatesInput({ coordinates, disabled = false, onChange }) {
                 onChange: ()=>handleChange(coordinates),
                 placeholder: "Latitude",
                 style: {
+                    backgroundColor: isLight ? THEME.color.white : THEME.color.gainsboro,
                     border: latitudeError ? '1px solid red' : undefined
                 }
             }),
@@ -59932,6 +59934,7 @@ function DDCoordinatesInput({ coordinates, disabled = false, onChange }) {
                 onChange: ()=>handleChange(coordinates),
                 placeholder: "Longitude",
                 style: {
+                    backgroundColor: isLight ? THEME.color.white : THEME.color.gainsboro,
                     border: longitudeError ? '1px solid red' : undefined
                 }
             }),
@@ -69438,7 +69441,7 @@ const getPaddedDegrees = (degrees, latitudeOrLongitude)=>{
 // Open issue: https://github.com/uNmAnNeR/imaskjs/issues/761
 const UntypedIMaskInput = IMaskInput;
 // TODO This field should return undefined when cleared (i.e.: Select all & Backspace/Delete)
-function DMDCoordinatesInput({ coordinates, coordinatesFormat, disabled = false, onChange }) {
+function DMDCoordinatesInput({ coordinates, coordinatesFormat, disabled = false, isLight, onChange }) {
     const [error, setError] = useState('');
     const [value, setValue] = useState('');
     useEffect(()=>{
@@ -69515,6 +69518,7 @@ function DMDCoordinatesInput({ coordinates, coordinatesFormat, disabled = false,
                 placeholder: "__\xb0 __.___′ _ ___\xb0 __.___′",
                 radix: ".",
                 style: {
+                    backgroundColor: isLight ? THEME.color.white : THEME.color.gainsboro,
                     border: error ? '1px solid red' : undefined
                 },
                 // TODO Use `defaultValue` here.
@@ -69542,7 +69546,7 @@ const Box$2 = styled.div`
   text-align: left;
 `;
 
-function DMSCoordinatesInput({ coordinates, coordinatesFormat, disabled = false, onChange }) {
+function DMSCoordinatesInput({ coordinates, coordinatesFormat, disabled = false, isLight, onChange }) {
     /** Convert the coordinates to the [latitude, longitude] string format */ const defaultValue = useMemo(()=>{
         if (!coordinates?.length || !coordinatesFormat) {
             return '';
@@ -69566,6 +69570,9 @@ function DMSCoordinatesInput({ coordinates, coordinatesFormat, disabled = false,
                 ddPrecision: 6,
                 disabled: disabled,
                 onChange: (_, { dd })=>update(dd),
+                style: {
+                    backgroundColor: isLight ? THEME.color.white : THEME.color.gainsboro
+                },
                 // TODO Use `defaultValue` here.
                 value: defaultValue
             }),
@@ -69599,6 +69606,7 @@ function CoordinatesInput({ className, coordinatesFormat, defaultValue, error, i
                     coordinates: defaultValue,
                     coordinatesFormat: CoordinatesFormat.DEGREES_MINUTES_SECONDS,
                     disabled: nativeProps.disabled,
+                    isLight: isLight,
                     onChange: onChange
                 });
             case CoordinatesFormat.DEGREES_MINUTES_DECIMALS:
@@ -69606,12 +69614,14 @@ function CoordinatesInput({ className, coordinatesFormat, defaultValue, error, i
                     coordinates: defaultValue,
                     coordinatesFormat: CoordinatesFormat.DEGREES_MINUTES_DECIMALS,
                     disabled: nativeProps.disabled,
+                    isLight: isLight,
                     onChange: onChange
                 });
             case CoordinatesFormat.DECIMAL_DEGREES:
                 return /*#__PURE__*/ jsx(DDCoordinatesInput, {
                     coordinates: defaultValue,
                     disabled: nativeProps.disabled,
+                    isLight: isLight,
                     onChange: onChange
                 });
             default:
@@ -69621,14 +69631,14 @@ function CoordinatesInput({ className, coordinatesFormat, defaultValue, error, i
         defaultValue,
         nativeProps.disabled,
         onChange,
-        coordinatesFormat
+        coordinatesFormat,
+        isLight
     ]);
     // TODO We must add a `handleDisable()` callback here to effectively empty the inputs when disabling this field.
     useFieldUndefineEffect(nativeProps.disabled, onChange /* , handleDisable */ );
     return /*#__PURE__*/ jsxs(StyledFieldset, {
         className: controlledClassName,
         isLegendHidden: isLabelHidden,
-        isLight: isLight,
         legend: label,
         ...nativeProps,
         children: [