@mtes-mct/monitor-ui 24.14.1 → 24.15.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [24.14.1](https://github.com/MTES-MCT/monitor-ui/compare/v24.14.0...v24.14.1) (2025-03-03)
+
+### Buid System & Dependencies
+
+* **dev-deps:** bump the all-non-major-dependencies group ([41f36e4](https://github.com/MTES-MCT/monitor-ui/commit/41f36e48ee0e195ab5eb448f24ce042aeaa4f147))
+* **dev-deps:** bump the non-major-dev-dependencies group with 23 updates ([e251f0f](https://github.com/MTES-MCT/monitor-ui/commit/e251f0f6c3f9bdb97c838436a536b4db2756a0d9))
+
 ## [24.14.0](https://github.com/MTES-MCT/monitor-ui/compare/v24.13.0...v24.14.0) (2025-02-24)
 
 ### Features

package/fields/CheckPicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckPicker.d.ts","sourceRoot":"","sources":["../../src/fields/CheckPicker.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAoC,KAAK,gBAAgB,IAAI,sBAAsB,EAAE,MAAM,QAAQ,CAAA;AAQ1G,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,sBAAsB,CAAA;AAK3D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAErD,MAAM,MAAM,gBAAgB,CAAC,WAAW,SAAS,eAAe,GAAG,MAAM,IAAI,IAAI,CAC/E,sBAAsB,CAAC,MAAM,CAAC,EAC9B,IAAI,GAAG,WAAW,GAAG,MAAM,GAAG,cAAc,GAAG,IAAI,GAAG,UAAU,GAAG,gBAAgB,GAAG,OAAO,GAAG,UAAU,CAC3G,GACC,UAAU,CAAC,WAAW,CAAC,CAAA;AAEzB,wBAAgB,WAAW,CAAC,WAAW,SAAS,eAAe,GAAG,MAAM,EAAE,EACxE,SAAS,EACT,YAAY,EACZ,0BAA8B,EAC9B,QAAgB,EAChB,KAAK,EACL,oBAA4B,EAC5B,aAAqB,EACrB,OAAe,EACf,UAAkB,EAClB,aAAqB,EACrB,uBAA+B,EAC/B,KAAK,EACL,QAAQ,EACR,OAAO,EACP,cAAc,EACd,UAAU,EACV,QAAgB,EAChB,UAAkB,EAClB,KAAK,EACL,KAAK,EACL,GAAG,aAAa,EACjB,EAAE,gBAAgB,CAAC,WAAW,CAAC,2CAwG/B"}
+{"version":3,"file":"CheckPicker.d.ts","sourceRoot":"","sources":["../../src/fields/CheckPicker.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAoC,KAAK,gBAAgB,IAAI,sBAAsB,EAAE,MAAM,QAAQ,CAAA;AAI1G,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,sBAAsB,CAAA;AAM3D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAErD,MAAM,MAAM,gBAAgB,CAAC,WAAW,SAAS,eAAe,GAAG,MAAM,IAAI,IAAI,CAC/E,sBAAsB,CAAC,MAAM,CAAC,EAC9B,IAAI,GAAG,WAAW,GAAG,MAAM,GAAG,cAAc,GAAG,IAAI,GAAG,UAAU,GAAG,gBAAgB,GAAG,OAAO,GAAG,UAAU,CAC3G,GACC,UAAU,CAAC,WAAW,CAAC,CAAA;AAEzB,wBAAgB,WAAW,CAAC,WAAW,SAAS,eAAe,GAAG,MAAM,EAAE,EACxE,SAAS,EACT,YAAY,EACZ,0BAA8B,EAC9B,QAAgB,EAChB,KAAK,EACL,oBAA4B,EAC5B,aAAqB,EACrB,OAAe,EACf,UAAkB,EAClB,aAAqB,EACrB,uBAA+B,EAC/B,KAAK,EACL,QAAQ,EACR,OAAO,EACP,cAAc,EACd,UAAU,EACV,QAAgB,EAChB,UAAkB,EAClB,KAAK,EACL,KAAK,EACL,GAAG,aAAa,EACjB,EAAE,gBAAgB,CAAC,WAAW,CAAC,2CAyG/B"}

package/fields/CheckTreePicker/index.d.ts

@@ -0,0 +1,20 @@
+import { type CheckTreePickerProps as RsuiteCheckTreePickerProps } from 'rsuite';
+import type { TreeOption } from './types';
+import type { Promisable } from 'type-fest';
+export type CheckTreePickerProps<TreeOptionValue extends TreeOption[]> = Omit<RsuiteCheckTreePickerProps, 'as' | 'container' | 'data' | 'defaultValue' | 'id' | 'onChange' | 'renderMenuItem' | 'value'> & {
+    error?: string | undefined;
+    isErrorMessageHidden?: boolean | undefined;
+    isLabelHidden?: boolean | undefined;
+    isLight?: boolean | undefined;
+    isRequired?: boolean | undefined;
+    isTransparent?: boolean | undefined;
+    isUndefinedWhenDisabled?: boolean | undefined;
+    label: string;
+    name: string;
+    onChange?: (nextValue: TreeOptionValue | undefined) => Promisable<void>;
+    options: TreeOptionValue;
+    popupWidth?: number | undefined;
+    value?: TreeOptionValue | undefined;
+};
+export declare function CheckTreePicker({ className, disabled, error, isErrorMessageHidden, isLabelHidden, isLight, isRequired, isTransparent, isUndefinedWhenDisabled, label, onChange, options, popupWidth, readOnly, style, value, ...originalProps }: CheckTreePickerProps<TreeOption[]>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/CheckTreePicker/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,oBAAoB,IAAI,0BAA0B,EACxD,MAAM,QAAQ,CAAA;AAOf,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAE3C,MAAM,MAAM,oBAAoB,CAAC,eAAe,SAAS,UAAU,EAAE,IAAI,IAAI,CAC3E,0BAA0B,EAC1B,IAAI,GAAG,WAAW,GAAG,MAAM,GAAG,cAAc,GAAG,IAAI,GAAG,UAAU,GAAG,gBAAgB,GAAG,OAAO,CAC9F,GAAG;IACF,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,oBAAoB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC1C,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IACnC,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAChC,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IACnC,uBAAuB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7C,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,eAAe,GAAG,SAAS,KAAK,UAAU,CAAC,IAAI,CAAC,CAAA;IACvE,OAAO,EAAE,eAAe,CAAA;IACxB,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC/B,KAAK,CAAC,EAAE,eAAe,GAAG,SAAS,CAAA;CACpC,CAAA;AAED,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,QAAgB,EAChB,KAAK,EACL,oBAA4B,EAC5B,aAAqB,EACrB,OAAe,EACf,UAAkB,EAClB,aAAqB,EACrB,uBAA+B,EAC/B,KAAK,EACL,QAAQ,EACR,OAAO,EACP,UAAU,EACV,QAAgB,EAChB,KAAK,EACL,KAAK,EACL,GAAG,aAAa,EACjB,EAAE,oBAAoB,CAAC,UAAU,EAAE,CAAC,2CA8EpC"}

package/fields/CheckTreePicker/types.d.ts

@@ -0,0 +1,6 @@
+export interface TreeOption {
+    children?: TreeOption[];
+    label: string;
+    value: string | number;
+}
+//# sourceMappingURL=types.d.ts.map

package/fields/CheckTreePicker/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/fields/CheckTreePicker/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,EAAE,UAAU,EAAE,CAAA;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;CACvB"}

package/fields/CheckTreePicker/utils.d.ts

@@ -0,0 +1,9 @@
+import type { TreeOption } from './types';
+import type { ValueType } from 'rsuite/esm/CheckTreePicker';
+export declare function fromRsuiteValue(selectedValues: ValueType, allOptions: TreeOption[], previousSelectedValues?: ValueType): TreeOption[] | undefined;
+export declare const findItemByValue: (options: TreeOption[], value: string | number) => {
+    item: TreeOption;
+    parent: TreeOption | undefined;
+} | undefined;
+export declare function toRsuiteValue(uiValues: TreeOption[] | undefined): ValueType | undefined;
+//# sourceMappingURL=utils.d.ts.map

package/fields/CheckTreePicker/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/fields/CheckTreePicker/utils.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA;AAE3D,wBAAgB,eAAe,CAC7B,cAAc,EAAE,SAAS,EACzB,UAAU,EAAE,UAAU,EAAE,EACxB,sBAAsB,CAAC,EAAE,SAAS,GACjC,UAAU,EAAE,GAAG,SAAS,CAqB1B;AACD,eAAO,MAAM,eAAe,GAC1B,SAAS,UAAU,EAAE,EACrB,OAAO,MAAM,GAAG,MAAM,KACrB;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,MAAM,EAAE,UAAU,GAAG,SAAS,CAAA;CAAE,GAAG,SAoBzD,CAAA;AAED,wBAAgB,aAAa,CAAC,QAAQ,EAAE,UAAU,EAAE,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CASvF"}

package/fields/CoordinatesInput/DDCoordinatesInput.d.ts

@@ -3,7 +3,7 @@ type DDCoordinatesInputProps = {
     coordinates: Coordinates | undefined;
     disabled: boolean;
     name: string;
-    onChange: (nextCoordinates: Coordinates, coordinates: Coordinates | undefined) => void;
+    onChange: (nextCoordinates: Coordinates | undefined) => void;
     readOnly: boolean;
 };
 export declare function DDCoordinatesInput({ coordinates, disabled, name, onChange, readOnly }: DDCoordinatesInputProps): import("react/jsx-runtime").JSX.Element;

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,yBAAyB,CAAA;AAI1D,KAAK,uBAAuB,GAAG;IAC7B,WAAW,EAAE,WAAW,GAAG,SAAS,CAAA;IACpC,QAAQ,EAAE,OAAO,CAAA;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,CAAC,eAAe,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,GAAG,SAAS,KAAK,IAAI,CAAA;IACtF,QAAQ,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,wBAAgB,kBAAkB,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,uBAAuB,2CAmF9G"}
+{"version":3,"file":"DDCoordinatesInput.d.ts","sourceRoot":"","sources":["../../../src/fields/CoordinatesInput/DDCoordinatesInput.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAI1D,KAAK,uBAAuB,GAAG;IAC7B,WAAW,EAAE,WAAW,GAAG,SAAS,CAAA;IACpC,QAAQ,EAAE,OAAO,CAAA;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,CAAC,eAAe,EAAE,WAAW,GAAG,SAAS,KAAK,IAAI,CAAA;IAC5D,QAAQ,EAAE,OAAO,CAAA;CAClB,CAAA;AAOD,wBAAgB,kBAAkB,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,uBAAuB,2CAsH9G"}

package/fields/shared/CheckPickerBox.d.ts

@@ -0,0 +1,21 @@
+interface CheckPickerBoxProps {
+    boxRef: React.RefObject<HTMLDivElement> | undefined;
+    children?: React.ReactNode;
+    className: string | undefined;
+    disabled: boolean;
+    error: string | undefined;
+    hasError: boolean;
+    isErrorMessageHidden: boolean;
+    isLabelHidden?: boolean;
+    isLight: boolean;
+    isRequired?: boolean;
+    isTransparent: boolean;
+    label: string;
+    name: string;
+    popupWidth: number | undefined;
+    readOnly: boolean;
+    style: React.CSSProperties | undefined;
+}
+export declare function CheckPickerBox({ boxRef, children, className, disabled, error, hasError, isErrorMessageHidden, isLabelHidden, isLight, isRequired, isTransparent, label, name, popupWidth, readOnly, style }: CheckPickerBoxProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CheckPickerBox.d.ts.map

package/fields/shared/CheckPickerBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckPickerBox.d.ts","sourceRoot":"","sources":["../../../src/fields/shared/CheckPickerBox.tsx"],"names":[],"mappings":"AAMA,UAAU,mBAAmB;IAC3B,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,GAAG,SAAS,CAAA;IACnD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,EAAE,MAAM,GAAG,SAAS,CAAA;IAC7B,QAAQ,EAAE,OAAO,CAAA;IACjB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,QAAQ,EAAE,OAAO,CAAA;IACjB,oBAAoB,EAAE,OAAO,CAAA;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,OAAO,EAAE,OAAO,CAAA;IAChB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,aAAa,EAAE,OAAO,CAAA;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,EAAE,MAAM,GAAG,SAAS,CAAA;IAC9B,QAAQ,EAAE,OAAO,CAAA;IACjB,KAAK,EAAE,KAAK,CAAC,aAAa,GAAG,SAAS,CAAA;CACvC;AAED,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,oBAAoB,EACpB,aAAa,EACb,OAAO,EACP,UAAU,EACV,aAAa,EACb,KAAK,EACL,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,KAAK,EACN,EAAE,mBAAmB,2CAqBrB"}

package/fields/shared/StyledRsuitePickerBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StyledRsuitePickerBox.d.ts","sourceRoot":"","sources":["../../../src/fields/shared/StyledRsuitePickerBox.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAA;AAE1D,eAAO,MAAM,qBAAqB,gQA+TjC,CAAA"}
+{"version":3,"file":"StyledRsuitePickerBox.d.ts","sourceRoot":"","sources":["../../../src/fields/shared/StyledRsuitePickerBox.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAA;AAE1D,eAAO,MAAM,qBAAqB,gQA2djC,CAAA"}

package/formiks/FormikCheckTreePicker.d.ts

@@ -0,0 +1,5 @@
+import { type CheckTreePickerProps } from '@fields/CheckTreePicker';
+import type { TreeOption } from '@fields/CheckTreePicker/types';
+export type FormikCheckTreePickerProps<TreeOptionValue extends TreeOption[]> = Omit<CheckTreePickerProps<TreeOptionValue>, 'error' | 'onChange' | 'value'>;
+export declare function FormikCheckTreePicker<TreeOptionValue extends TreeOption[]>({ name, ...originalProps }: FormikCheckTreePickerProps<TreeOptionValue>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FormikCheckTreePicker.d.ts.map

package/formiks/FormikCheckTreePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormikCheckTreePicker.d.ts","sourceRoot":"","sources":["../../src/formiks/FormikCheckTreePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,oBAAoB,EAAE,MAAM,yBAAyB,CAAA;AAIpF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAA;AAE/D,MAAM,MAAM,0BAA0B,CAAC,eAAe,SAAS,UAAU,EAAE,IAAI,IAAI,CACjF,oBAAoB,CAAC,eAAe,CAAC,EACrC,OAAO,GAAG,UAAU,GAAG,OAAO,CAC/B,CAAA;AACD,wBAAgB,qBAAqB,CAAC,eAAe,SAAS,UAAU,EAAE,EAAE,EAC1E,IAAI,EACJ,GAAG,aAAa,EACjB,EAAE,0BAA0B,CAAC,eAAe,CAAC,2CAgB7C"}

package/formiks/FormikCoordinatesInput.d.ts

@@ -1,6 +1,4 @@
 import type { CoordinatesInputProps } from '../fields/CoordinatesInput';
-export type FormikCoordinatesInputProps = Omit<CoordinatesInputProps, 'defaultValue' | 'error' | 'onChange'> & {
-    name: string;
-};
+export type FormikCoordinatesInputProps = Omit<CoordinatesInputProps, 'error' | 'onChange'>;
 export declare function FormikCoordinatesInput({ name, ...originalProps }: FormikCoordinatesInputProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=FormikCoordinatesInput.d.ts.map

package/formiks/FormikCoordinatesInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormikCoordinatesInput.d.ts","sourceRoot":"","sources":["../../src/formiks/FormikCoordinatesInput.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAA;AAGvE,MAAM,MAAM,2BAA2B,GAAG,IAAI,CAAC,qBAAqB,EAAE,cAAc,GAAG,OAAO,GAAG,UAAU,CAAC,GAAG;IAC7G,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AACD,wBAAgB,sBAAsB,CAAC,EAAE,IAAI,EAAE,GAAG,aAAa,EAAE,EAAE,2BAA2B,2CAsB7F"}
+{"version":3,"file":"FormikCoordinatesInput.d.ts","sourceRoot":"","sources":["../../src/formiks/FormikCoordinatesInput.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAA;AAGvE,MAAM,MAAM,2BAA2B,GAAG,IAAI,CAAC,qBAAqB,EAAE,OAAO,GAAG,UAAU,CAAC,CAAA;AAE3F,wBAAgB,sBAAsB,CAAC,EAAE,IAAI,EAAE,GAAG,aAAa,EAAE,EAAE,2BAA2B,2CAgB7F"}

package/index.js

@@ -55346,6 +55346,68 @@ const StyledRsuiteCheckbox = styled(Checkbox$1)`
     }, []);
 }
 
+/**
+ * Force component re-rendering
+ *
+ * @see https://reactjs.org/docs/hooks-faq.html#is-there-something-like-forceupdate
+ */ function useForceUpdate() {
+    const [, forceUpdate] = useReducer((x)=>x + 1, 0);
+    const forceDebouncedUpdate = useMemo(()=>lodashExports.throttle(forceUpdate, 500), [
+        forceUpdate
+    ]);
+    return {
+        forceDebouncedUpdate,
+        forceUpdate
+    };
+}
+
+/**
+ * @internal
+ */ function getRsuiteDataItemValueFromOptionValue(optionValue, optionValueKey) {
+    if (optionValueKey) {
+        if (typeof optionValue[optionValueKey] !== 'number' && typeof optionValue[optionValueKey] !== 'string') {
+            throw new Error([
+                `You must provide a valid option value key when using objects as option values.`,
+                `The property value must exist and be a unique number or a string.`,
+                `OptionValue: \`${JSON.stringify(optionValue)}\`.`,
+                `OptionValueKey: \`${String(optionValueKey)}\`.`
+            ].join(' '));
+        }
+        return String(optionValue[optionValueKey]);
+    }
+    if (typeof optionValue !== 'boolean' && typeof optionValue !== 'number' && typeof optionValue !== 'string') {
+        throw new Error([
+            `You must provide an option value key when using objects as option values.`,
+            `OptionValue: \`${JSON.stringify(optionValue)}\`.`
+        ].join(' '));
+    }
+    return String(optionValue);
+}
+
+/**
+ * @internal
+ */ function getRsuiteDataItemsFromOptions(options, optionValueKey) {
+    return options.map((option)=>{
+        const { value: optionValue, ...rest } = option;
+        const rsuiteItemDataValue = getRsuiteDataItemValueFromOptionValue(optionValue, optionValueKey);
+        return {
+            ...rest,
+            optionValue,
+            value: rsuiteItemDataValue
+        };
+    });
+}
+
+/**
+ * @see {@link getRsuiteDataItemValueFromOptionValue}
+ * @internal
+ */ function getRsuiteDataItemValuesFromOptionValues(optionValues, optionValueKey) {
+    if (!optionValues || optionValues.length === 0) {
+        return [];
+    }
+    return optionValues.map((optionValue)=>getRsuiteDataItemValueFromOptionValue(optionValue, optionValueKey));
+}
+
 const StyledRsuitePickerBox = styled.div`
   font-size: 13px !important;
   position: relative;
@@ -55661,69 +55723,192 @@ const StyledRsuitePickerBox = styled.div`
         }
       }
     }
-  }
-`;
+    /** CheckTreePicker **/
+    > .rs-check-tree {
+      padding: 0;
+      margin: 0;
+      .rs-check-tree-node-icon {
+        margin-top: 4px;
+        &.rs-check-tree-node-expanded {
+          margin-top: -2px;
+        }
+      }
+      [role='treeitem'] {
+        display: flex;
+        align-items: center;
+        .rs-check-item {
+          width: 100%;
+          color: ${(p)=>p.theme.color.gunMetal};
+          line-height: 1;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+          .rs-check-item-focus {
+            background-color: none;
+          }
 
-/**
- * Force component re-rendering
- *
- * @see https://reactjs.org/docs/hooks-faq.html#is-there-something-like-forceupdate
- */ function useForceUpdate() {
-    const [, forceUpdate] = useReducer((x)=>x + 1, 0);
-    const forceDebouncedUpdate = useMemo(()=>lodashExports.throttle(forceUpdate, 500), [
-        forceUpdate
-    ]);
-    return {
-        forceDebouncedUpdate,
-        forceUpdate
-    };
-}
+          &:hover {
+            background-color: ${(p)=>p.theme.color.blueYonder25} !important;
+            color: ${(p)=>p.theme.color.blueYonder} !important;
+          }
 
-/**
- * @internal
- */ function getRsuiteDataItemValueFromOptionValue(optionValue, optionValueKey) {
-    if (optionValueKey) {
-        if (typeof optionValue[optionValueKey] !== 'number' && typeof optionValue[optionValueKey] !== 'string') {
-            throw new Error([
-                `You must provide a valid option value key when using objects as option values.`,
-                `The property value must exist and be a unique number or a string.`,
-                `OptionValue: \`${JSON.stringify(optionValue)}\`.`,
-                `OptionValueKey: \`${String(optionValueKey)}\`.`
-            ].join(' '));
+          &.rs-picker-select-menu-item-active {
+            background-color: transparent;
+            font-weight: 500;
+
+            &:hover {
+              background-color: ${(p)=>p.theme.color.blueYonder25};
+            }
+          }
+
+          &.rs-picker-select-menu-item-disabled {
+            background-color: transparent;
+            color: ${(p)=>p.theme.color.lightGray};
+          }
         }
-        return String(optionValue[optionValueKey]);
-    }
-    if (typeof optionValue !== 'boolean' && typeof optionValue !== 'number' && typeof optionValue !== 'string') {
-        throw new Error([
-            `You must provide an option value key when using objects as option values.`,
-            `OptionValue: \`${JSON.stringify(optionValue)}\`.`
-        ].join(' '));
-    }
-    return String(optionValue);
-}
 
-/**
- * @internal
- */ function getRsuiteDataItemsFromOptions(options, optionValueKey) {
-    return options.map((option)=>{
-        const { value: optionValue, ...rest } = option;
-        const rsuiteItemDataValue = getRsuiteDataItemValueFromOptionValue(optionValue, optionValueKey);
-        return {
-            ...rest,
-            optionValue,
-            value: rsuiteItemDataValue
-        };
-    });
-}
+        > .rs-check-item {
+          > .rs-checkbox-checker {
+            min-height: auto;
 
-/**
- * @see {@link getRsuiteDataItemValueFromOptionValue}
- * @internal
- */ function getRsuiteDataItemValuesFromOptionValues(optionValues, optionValueKey) {
-    if (!optionValues || optionValues.length === 0) {
-        return [];
+            > label {
+              color: ${(p)=>p.theme.color.gunMetal};
+              font-size: 13px !important;
+              line-height: 1;
+              overflow: hidden;
+              text-overflow: ellipsis;
+              white-space: nowrap;
+              padding: 1px 0;
+
+              > .rs-check-tree-node-label-content {
+                margin-left: 32px;
+                background-color: initial;
+                color: initial;
+              }
+
+              > .rs-checkbox-wrapper {
+                height: auto;
+                left: 8px;
+                top: 7px !important;
+                margin-left: 8px;
+
+                > .rs-checkbox-inner {
+                  &:before {
+                    background-color: ${(p)=>p.theme.color.gainsboro};
+                    border: solid 2px ${(p)=>p.theme.color.lightGray};
+                    border-radius: 0;
+                    margin-right: 8px;
+                  }
+                }
+              }
+            }
+          }
+
+          &:hover {
+            background-color: ${(p)=>p.theme.color.blueYonder25};
+
+            > .rs-checkbox-checker {
+              > label {
+                color: ${(p)=>p.theme.color.blueYonder};
+
+                > .rs-checkbox-wrapper {
+                  > .rs-checkbox-inner {
+                    &:before {
+                      background-color: ${(p)=>p.theme.color.blueYonder25};
+                      border: solid 2px ${(p)=>p.theme.color.blueYonder};
+                    }
+                  }
+                }
+              }
+            }
+          }
+
+          &.rs-check-item-focus {
+            background-color: ${(p)=>p.theme.color.blueYonder25} !important;
+
+            > .rs-checkbox-checker {
+              > label {
+                font-weight: 400;
+              }
+            }
+          }
+
+          &.rs-checkbox-checked {
+            background-color: transparent;
+
+            &.rs-check-item-focus {
+              background-color: ${(p)=>p.theme.color.blueYonder25} !important;
+            }
+
+            > .rs-checkbox-checker {
+              > label {
+                color: ${(p)=>p.theme.color.gunMetal};
+                font-weight: 500;
+
+                > .rs-checkbox-wrapper {
+                  > .rs-checkbox-inner {
+                    &:before {
+                      background-color: ${(p)=>p.theme.color.charcoal};
+                      border: solid 2px ${(p)=>p.theme.color.charcoal};
+                    }
+                  }
+                }
+              }
+            }
+
+            &:hover,
+            &._hover {
+              background-color: ${(p)=>p.theme.color.blueYonder25};
+
+              > .rs-checkbox-checker {
+                > label {
+                  color: ${(p)=>p.theme.color.blueYonder};
+
+                  > .rs-checkbox-wrapper {
+                    > .rs-checkbox-inner {
+                      &:before {
+                        background-color: ${(p)=>p.theme.color.blueYonder};
+                        border: solid 2px ${(p)=>p.theme.color.blueYonder};
+                      }
+                    }
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
     }
-    return optionValues.map((optionValue)=>getRsuiteDataItemValueFromOptionValue(optionValue, optionValueKey));
+  }
+`;
+
+function CheckPickerBox({ boxRef, children, className, disabled, error, hasError, isErrorMessageHidden, isLabelHidden, isLight, isRequired, isTransparent, label, name, popupWidth, readOnly, style }) {
+    return /*#__PURE__*/ jsxs(Field$2, {
+        className: className,
+        style: style,
+        children: [
+            /*#__PURE__*/ jsx(Label, {
+                $isDisabled: disabled,
+                $isHidden: isLabelHidden,
+                $isRequired: isRequired,
+                htmlFor: name,
+                children: label
+            }),
+            /*#__PURE__*/ jsx(StyledRsuitePickerBox, {
+                ref: boxRef,
+                $hasError: hasError,
+                $isDisabled: disabled,
+                $isLight: isLight,
+                $isReadOnly: readOnly,
+                $isTransparent: isTransparent,
+                $popupWidth: popupWidth,
+                children: children
+            }),
+            !isErrorMessageHidden && hasError && /*#__PURE__*/ jsx(FieldError, {
+                children: error
+            })
+        ]
+    });
 }
 
 function CheckPicker({ className, customSearch, customSearchMinQueryLength = 1, disabled = false, error, isErrorMessageHidden = false, isLabelHidden = false, isLight = false, isRequired = false, isTransparent = false, isUndefinedWhenDisabled = false, label, onChange, options, optionValueKey, popupWidth, readOnly = false, searchable = false, style, value, ...originalProps }) {
@@ -55782,49 +55967,41 @@ function CheckPicker({ className, customSearch, customSearchMinQueryLength = 1,
     }, [
         forceUpdate
     ]);
-    return /*#__PURE__*/ jsxs(Field$2, {
+    return /*#__PURE__*/ jsx(CheckPickerBox, {
+        boxRef: boxRef,
         className: controlledClassName,
+        disabled: disabled,
+        error: controlledError,
+        hasError: hasError,
+        isErrorMessageHidden: isErrorMessageHidden,
+        isLabelHidden: isLabelHidden,
+        isLight: isLight,
+        isRequired: isRequired,
+        isTransparent: isTransparent,
+        label: label,
+        name: originalProps.name,
+        popupWidth: popupWidth,
+        readOnly: readOnly,
         style: style,
-        children: [
-            /*#__PURE__*/ jsx(Label, {
-                $isDisabled: disabled,
-                $isHidden: isLabelHidden,
-                $isRequired: isRequired,
-                htmlFor: originalProps.name,
-                children: label
-            }),
-            /*#__PURE__*/ jsx(StyledRsuitePickerBox, {
-                ref: boxRef,
-                $hasError: hasError,
-                $isDisabled: disabled,
-                $isLight: isLight,
-                $isReadOnly: readOnly,
-                $isTransparent: isTransparent,
-                $popupWidth: popupWidth,
-                children: boxRef.current && /*#__PURE__*/ jsx(CheckPicker$1, {
-                    container: boxRef.current,
-                    // When we use a custom search, we use `controlledRsuiteData` to provide the matching options (data),
-                    // when we don't, we don't need to control that and just pass the non-internally-controlled `rsuiteData`
-                    data: controlledRsuiteData ?? rsuiteData,
-                    disabled: disabled,
-                    id: originalProps.name,
-                    onChange: handleChange,
-                    onSearch: handleSearch,
-                    readOnly: readOnly,
-                    renderMenuItem: renderMenuItem,
-                    searchable: !!customSearch || searchable,
-                    // When we use a custom search, we use `controlledRsuiteData` to provide the matching options (data),
-                    // that's why we send this "always true" filter to disable Rsuite CheckPicker internal search filtering
-                    searchBy: customSearch ? ()=>true : undefined,
-                    size: originalProps.size ?? 'sm',
-                    value: selectedRsuiteValue,
-                    ...originalProps
-                })
-            }),
-            !isErrorMessageHidden && hasError && /*#__PURE__*/ jsx(FieldError, {
-                children: controlledError
-            })
-        ]
+        children: boxRef.current && /*#__PURE__*/ jsx(CheckPicker$1, {
+            container: boxRef.current,
+            // When we use a custom search, we use `controlledRsuiteData` to provide the matching options (data),
+            // when we don't, we don't need to control that and just pass the non-internally-controlled `rsuiteData`
+            data: controlledRsuiteData ?? rsuiteData,
+            disabled: disabled,
+            id: originalProps.name,
+            onChange: handleChange,
+            onSearch: handleSearch,
+            readOnly: readOnly,
+            renderMenuItem: renderMenuItem,
+            searchable: !!customSearch || searchable,
+            // When we use a custom search, we use `controlledRsuiteData` to provide the matching options (data),
+            // that's why we send this "always true" filter to disable Rsuite CheckPicker internal search filtering
+            searchBy: customSearch ? ()=>true : undefined,
+            size: originalProps.size ?? 'sm',
+            value: selectedRsuiteValue,
+            ...originalProps
+        })
     });
 }
 
@@ -55839,74 +56016,103 @@ function isNumeric(val) {
 }
 
 const DECIMAL_PRECISION$1 = 6;
+function isValueTooLong(value) {
+    return isNumeric(value) && (value?.split('.')?.[1]?.length ?? 0) > DECIMAL_PRECISION$1;
+}
 // TODO This field should return undefined when cleared (i.e.: Select all & Backspace/Delete)
 function DDCoordinatesInput({ coordinates, disabled, name, onChange, readOnly }) {
-    const latitudeInputRef = useRef();
-    const longitudeInputRef = useRef();
-    const [latitudeError, setLatitudeError] = useState('');
-    const [longitudeError, setLongitudeError] = useState('');
-    const defaultValue = useMemo(()=>{
-        if (!coordinates) {
+    const [latitude, setLatitude] = useState();
+    const [longitude, setLongitude] = useState();
+    const [latitudeError, setLatitudeError] = useState(undefined);
+    const [longitudeError, setLongitudeError] = useState(undefined);
+    const debouncedChange = c((nextLatitude, nextLongitude)=>{
+        if (latitudeError ?? longitudeError) {
+            setLongitudeError(undefined);
+            setLatitudeError(undefined);
+        }
+        if (!isNumeric(latitude) && !!latitude) {
+            setLatitudeError('Champ Latitude incorrect');
             return undefined;
         }
-        const [latitude, longitude] = coordinates;
-        if (isNumeric(latitude) && isNumeric(longitude)) {
-            return {
-                latitude: Number(latitude).toFixed(DECIMAL_PRECISION$1),
-                longitude: Number(longitude).toFixed(DECIMAL_PRECISION$1)
-            };
+        if (!isNumeric(longitude) && !!longitude) {
+            setLongitudeError('Champ Longitude incorrect');
+            return undefined;
         }
-        return {
-            latitude: undefined,
-            longitude: undefined
-        };
+        if (!nextLatitude || !nextLongitude) {
+            return onChange(undefined);
+        }
+        return onChange([
+            Number(latitude),
+            Number(longitude)
+        ]);
+    }, 300);
+    useEffect(()=>{
+        debouncedChange(latitude ?? String(coordinates?.[0]), longitude ?? String(coordinates?.[1]));
+    // we don't want to run this effect on every coordinates changes
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [
-        coordinates
+        debouncedChange,
+        latitude,
+        longitude
     ]);
-    const handleChange = c((nextCoordinates)=>{
-        if (!latitudeInputRef.current || !longitudeInputRef.current) {
+    const handleLatitudeChange = (nextValue)=>{
+        const { value } = nextValue.target;
+        if (isValueTooLong(value)) {
             return;
         }
-        const latitudeAsString = latitudeInputRef.current.value;
-        const longitudeAsString = longitudeInputRef.current.value;
-        setLongitudeError('');
-        setLatitudeError('');
-        if (!isNumeric(latitudeAsString)) {
-            setLatitudeError('Champ Latitude incorrect');
+        setLatitude(value);
+    };
+    const handleLongitudeChange = (nextValue)=>{
+        const { value } = nextValue.target;
+        if (isValueTooLong(value)) {
             return;
         }
-        if (!isNumeric(longitudeAsString)) {
-            setLongitudeError('Champ Longitude incorrect');
-            return;
+        setLongitude(value);
+    };
+    const formattedLatitude = (()=>{
+        if (latitude) {
+            return latitude;
+        }
+        const latitudeValue = coordinates?.[0];
+        if (!latitudeValue) {
+            return undefined;
+        }
+        if (isValueTooLong(String(coordinates?.[0]))) {
+            return Number(coordinates?.[0]).toFixed(DECIMAL_PRECISION$1);
+        }
+        return latitudeValue;
+    })();
+    const formattedLongitude = (()=>{
+        if (longitude) {
+            return longitude;
         }
-        const latitude = Number(latitudeAsString);
-        const longitude = Number(longitudeAsString);
-        onChange([
-            latitude,
-            longitude
-        ], nextCoordinates);
-    }, 500);
+        if (!coordinates?.[1]) {
+            return undefined;
+        }
+        if (isValueTooLong(String(coordinates?.[1]))) {
+            return Number(coordinates?.[1]).toFixed(DECIMAL_PRECISION$1);
+        }
+        return coordinates?.[1];
+    })();
     return /*#__PURE__*/ jsxs(Box$9, {
         children: [
             /*#__PURE__*/ jsx(DDInput, {
-                ref: latitudeInputRef,
                 "data-cy": "coordinates-dd-input-lat",
                 disabled: disabled,
                 name: `${name}-latitude`,
-                onChange: ()=>handleChange(coordinates),
+                onChange: handleLatitudeChange,
                 placeholder: "Latitude",
                 readOnly: readOnly,
-                value: defaultValue ? defaultValue.latitude : undefined
+                value: formattedLatitude
             }),
             /*#__PURE__*/ jsx(DDInput, {
-                ref: longitudeInputRef,
                 "data-cy": "coordinates-dd-input-lon",
                 disabled: disabled,
                 name: `${name}-longitude`,
-                onChange: ()=>handleChange(coordinates),
+                onChange: handleLongitudeChange,
                 placeholder: "Longitude",
                 readOnly: readOnly,
-                value: defaultValue ? defaultValue.longitude : undefined
+                value: formattedLongitude
             }),
             /*#__PURE__*/ jsx(CoordinatesType$2, {
                 children: "(DD)"
@@ -66400,7 +66606,7 @@ function CoordinatesInput({ className, coordinatesFormat, defaultValue, disabled
                     coordinates: defaultValue,
                     disabled: disabled,
                     name: name,
-                    onChange: onChange,
+                    onChange: (nextCoordinates)=>onChange(nextCoordinates, defaultValue),
                     readOnly: readOnly
                 }, key);
             default:
@@ -70663,11 +70869,9 @@ function FormikCheckPicker({ name, ...originalProps }) {
 
 function FormikCoordinatesInput({ name, ...originalProps }) {
     const [field, meta, helpers] = useField(name);
-    const handleChange = useMemo(()=>(nextValue)=>{
-            helpers.setValue(nextValue);
-        }, // We don't want to trigger infinite re-rendering since `helpers.setValue` changes after each rendering
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    []);
+    const handleChange = (nextValue)=>{
+        helpers.setValue(nextValue);
+    };
     return /*#__PURE__*/ jsx(CoordinatesInput, {
         ...originalProps,
         defaultValue: field.value,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mtes-mct/monitor-ui",
   "description": "Common React components, hooks, utilities and CSS stylesheets for MonitorFish, MonitorEnv and RapportNav.",
-  "version": "24.14.1",
+  "version": "24.15.0",
   "license": "AGPL-3.0",
   "type": "module",
   "engines": {