@mtes-mct/monitor-ui 24.19.1 → 24.20.0

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+## [24.19.1](https://github.com/MTES-MCT/monitor-ui/compare/v24.19.0...v24.19.1) (2025-06-02)
+
+### Bug Fixes
+
+* **utils:** fix unnecessary variable ([cfb9b01](https://github.com/MTES-MCT/monitor-ui/commit/cfb9b01bdf93cc2b71a0802e389b99c720417848))
+* **utils:** remove unecessary console warn ([d9a09e9](https://github.com/MTES-MCT/monitor-ui/commit/d9a09e9fd0a45479fed00e30aa57f748968a974a))
+
+### Buid System & Dependencies
+
+* **deps:** upgrade cypress peer deps ([e3a6ab7](https://github.com/MTES-MCT/monitor-ui/commit/e3a6ab76df4cdccdf4768f95b9e9e8a08a033541))
+* **dev-deps:** bump the all-non-major-dependencies group ([ae037e7](https://github.com/MTES-MCT/monitor-ui/commit/ae037e7e1dd5145b87b501d302f78c86884b7a58))
+
 ## [24.19.0](https://github.com/MTES-MCT/monitor-ui/compare/v24.18.2...v24.19.0) (2025-05-29)
 
 ### Features

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

@@ -1 +1 @@
-{"version":3,"file":"RsuiteCheckTreePickerBox.d.ts","sourceRoot":"","sources":["../../../src/fields/CheckTreePicker/RsuiteCheckTreePickerBox.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,sBAAsB,CAAA;AAEvE,eAAO,MAAM,wBAAwB,gQAkRpC,CAAA"}
+{"version":3,"file":"RsuiteCheckTreePickerBox.d.ts","sourceRoot":"","sources":["../../../src/fields/CheckTreePicker/RsuiteCheckTreePickerBox.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,sBAAsB,CAAA;AAEvE,eAAO,MAAM,wBAAwB,gQA8TpC,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/CheckTreePicker/index.tsx"],"names":[],"mappings":"AASA,OAAO,EAEL,KAAK,oBAAoB,IAAI,0BAA0B,EACxD,MAAM,QAAQ,CAAA;AAYf,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAE3C,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACrC,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,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,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,GAAG,EAAE,GAAG,SAAS,KAAK,UAAU,CAAC,IAAI,CAAC,CAAA;IAC7D,OAAO,EAAE,UAAU,EAAE,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC/B,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,KAAK,CAAC,EAAE,UAAU,EAAE,GAAG,SAAS,CAAA;CACjC,CAAA;AAED,wBAAgB,eAAe,CAAC,EAC9B,WAAwB,EACxB,SAAS,EACT,QAAgB,EAChB,KAAK,EACL,oBAA4B,EAC5B,aAAqB,EACrB,OAAe,EACf,aAAoB,EACpB,UAAkB,EAClB,aAAqB,EACrB,uBAA+B,EAC/B,KAAK,EACL,QAAkB,EAClB,QAAQ,EACR,OAAO,EACP,UAAU,EACV,QAAgB,EAChB,qBAAyC,EACzC,aAA4B,EAC5B,gBAAuB,EACvB,KAAK,EACL,KAAK,EACL,QAAkB,EAClB,GAAG,aAAa,EACjB,EAAE,oBAAoB,2CA+JtB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/CheckTreePicker/index.tsx"],"names":[],"mappings":"AASA,OAAO,EAEL,KAAK,oBAAoB,IAAI,0BAA0B,EACxD,MAAM,QAAQ,CAAA;AAaf,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAE3C,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACrC,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,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,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,GAAG,EAAE,GAAG,SAAS,KAAK,UAAU,CAAC,IAAI,CAAC,CAAA;IAC7D,OAAO,EAAE,UAAU,EAAE,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC/B,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,KAAK,CAAC,EAAE,UAAU,EAAE,GAAG,SAAS,CAAA;CACjC,CAAA;AAED,wBAAgB,eAAe,CAAC,EAC9B,WAAwB,EACxB,SAAS,EACT,QAAgB,EAChB,KAAK,EACL,oBAA4B,EAC5B,aAAqB,EACrB,OAAe,EACf,aAAoB,EACpB,UAAkB,EAClB,aAAqB,EACrB,uBAA+B,EAC/B,KAAK,EACL,QAAkB,EAClB,QAAQ,EACR,OAAO,EACP,UAAU,EACV,QAAgB,EAChB,qBAAyC,EACzC,aAA4B,EAC5B,gBAAuB,EACvB,KAAK,EACL,KAAK,EACL,QAAkB,EAClB,GAAG,aAAa,EACjB,EAAE,oBAAoB,2CAoKtB"}

package/fields/CheckTreePicker/utils.d.ts

@@ -2,6 +2,7 @@ import type { TreeOption } from './types';
 import type { ValueType } from 'rsuite/esm/CheckTreePicker';
 export declare function fromRsuiteValue(selectedValues: ValueType, allOptions: TreeOption[], childrenKey?: string, valueKey?: string | number, labelKey?: string): TreeOption[] | undefined;
 export declare function getTreeOptionsBySelectedValues(selectedValues: ValueType | undefined, options: TreeOption[], childrenKey?: string, valueKey?: string | number, labelKey?: string): TreeOption[];
+export declare function getParentRsuiteValue(options: TreeOption[] | undefined, valueKey?: string, childrenKey?: string): ValueType;
 export declare function toRsuiteValue(uiValues: TreeOption[] | undefined, childrenKey?: string, valueKey?: string): ValueType | undefined;
 export declare function computeDisabledValues(isMultiSelect: boolean, value: ValueType | undefined, options: TreeOption[], childrenKey?: string, valueKey?: string, labelKey?: string): (string | number)[];
 export declare function getOptionsToDisplay(allOptions: TreeOption[], selectedOptions: TreeOption[], childrenKey?: string, valueKey?: string): TreeOption[];

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

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/fields/CheckTreePicker/utils.ts"],"names":[],"mappings":"AAAA,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,WAAW,GAAE,MAAmB,EAChC,QAAQ,GAAE,MAAM,GAAG,MAAgB,EACnC,QAAQ,GAAE,MAAgB,GACzB,UAAU,EAAE,GAAG,SAAS,CAI1B;AAED,wBAAgB,8BAA8B,CAC5C,cAAc,EAAE,SAAS,GAAG,SAAS,EACrC,OAAO,EAAE,UAAU,EAAE,EACrB,WAAW,GAAE,MAAmB,EAChC,QAAQ,GAAE,MAAM,GAAG,MAAgB,EACnC,QAAQ,GAAE,MAAgB,GACzB,UAAU,EAAE,CAgCd;AAED,wBAAgB,aAAa,CAC3B,QAAQ,EAAE,UAAU,EAAE,GAAG,SAAS,EAClC,WAAW,GAAE,MAAmB,EAChC,QAAQ,GAAE,MAAgB,GACzB,SAAS,GAAG,SAAS,CAcvB;AAED,wBAAgB,qBAAqB,CACnC,aAAa,EAAE,OAAO,EACtB,KAAK,EAAE,SAAS,GAAG,SAAS,EAC5B,OAAO,EAAE,UAAU,EAAE,EACrB,WAAW,GAAE,MAAmB,EAChC,QAAQ,GAAE,MAAgB,EAC1B,QAAQ,GAAE,MAAgB,uBAmB3B;AACD,wBAAgB,mBAAmB,CACjC,UAAU,EAAE,UAAU,EAAE,EACxB,eAAe,EAAE,UAAU,EAAE,EAC7B,WAAW,GAAE,MAAmB,EAChC,QAAQ,GAAE,MAAgB,GACzB,UAAU,EAAE,CA0Bd"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/fields/CheckTreePicker/utils.ts"],"names":[],"mappings":"AAAA,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,WAAW,GAAE,MAAmB,EAChC,QAAQ,GAAE,MAAM,GAAG,MAAgB,EACnC,QAAQ,GAAE,MAAgB,GACzB,UAAU,EAAE,GAAG,SAAS,CAI1B;AAED,wBAAgB,8BAA8B,CAC5C,cAAc,EAAE,SAAS,GAAG,SAAS,EACrC,OAAO,EAAE,UAAU,EAAE,EACrB,WAAW,GAAE,MAAmB,EAChC,QAAQ,GAAE,MAAM,GAAG,MAAgB,EACnC,QAAQ,GAAE,MAAgB,GACzB,UAAU,EAAE,CAgCd;AAED,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,UAAU,EAAE,GAAG,SAAS,EACjC,QAAQ,GAAE,MAAgB,EAC1B,WAAW,GAAE,MAAmB,GAC/B,SAAS,CAQX;AAED,wBAAgB,aAAa,CAC3B,QAAQ,EAAE,UAAU,EAAE,GAAG,SAAS,EAClC,WAAW,GAAE,MAAmB,EAChC,QAAQ,GAAE,MAAgB,GACzB,SAAS,GAAG,SAAS,CAcvB;AAED,wBAAgB,qBAAqB,CACnC,aAAa,EAAE,OAAO,EACtB,KAAK,EAAE,SAAS,GAAG,SAAS,EAC5B,OAAO,EAAE,UAAU,EAAE,EACrB,WAAW,GAAE,MAAmB,EAChC,QAAQ,GAAE,MAAgB,EAC1B,QAAQ,GAAE,MAAgB,uBAmB3B;AAED,wBAAgB,mBAAmB,CACjC,UAAU,EAAE,UAAU,EAAE,EACxB,eAAe,EAAE,UAAU,EAAE,EAC7B,WAAW,GAAE,MAAmB,EAChC,QAAQ,GAAE,MAAgB,GACzB,UAAU,EAAE,CA0Bd"}

package/index.js

@@ -55923,7 +55923,6 @@ const RsuiteCheckTreePickerBox = styled.div`
   }
 
   ${(p)=>getCheckPickerInputCss(p)}
-
   > .rs-picker-popup {
     border: solid 1px ${(p)=>p.theme.color.gainsboro};
     border-radius: 0;
@@ -55967,12 +55966,19 @@ const RsuiteCheckTreePickerBox = styled.div`
         }
       }
     }
+
     > .rs-check-tree {
       padding: 0;
       margin: 0;
 
       .rs-check-tree-node {
         padding: 0 !important;
+        &:hover {
+          background-color: ${(p)=>p.theme.color.blueYonder25};
+        }
+      }
+      .rs-check-tree-node-expand-icon-wrapper {
+        width: 100%;
       }
 
       .rs-check-tree-node-custom-icon {
@@ -55990,6 +55996,7 @@ const RsuiteCheckTreePickerBox = styled.div`
           overflow: hidden;
           text-overflow: ellipsis;
           white-space: nowrap;
+
           .rs-check-item-focus {
             background-color: transparent;
           }
@@ -56011,6 +56018,7 @@ const RsuiteCheckTreePickerBox = styled.div`
 
         > .rs-check-item {
           /** !important because it's override by determinate checkbox **/
+
           &.rs-checkbox-indeterminate {
             &:hover {
               .rs-checkbox-inner {
@@ -56020,25 +56028,30 @@ const RsuiteCheckTreePickerBox = styled.div`
                 }
               }
             }
+
             .rs-checkbox-inner {
               &:before {
                 background-color: ${(p)=>p.theme.color.charcoal} !important;
                 border: solid 2px ${(p)=>p.theme.color.charcoal} !important;
               }
+
               &:after {
                 margin-left: 11px !important;
               }
             }
           }
+
           &.rs-checkbox-disabled {
             &:hover {
               background-color: transparent !important;
             }
+
             label,
             span {
               background-color: transparent !important;
               color: ${(p)=>p.theme.color.lightGray} !important;
             }
+
             &:hover {
               span:before {
                 background-color: ${(p)=>p.theme.color.gainsboro} !important;
@@ -56046,6 +56059,7 @@ const RsuiteCheckTreePickerBox = styled.div`
               }
             }
           }
+
           > .rs-checkbox-checker {
             min-height: auto;
 
@@ -56060,15 +56074,18 @@ const RsuiteCheckTreePickerBox = styled.div`
               > .rs-check-tree-node-label-content {
                 background-color: initial;
                 color: initial;
-                padding: 3px 8px 6px 44px;
+                padding: 3px 8px 6px 8px;
                 width: 100%;
               }
 
               > .rs-checkbox-wrapper {
                 height: auto;
-                left: 0px;
+                left: 14px;
                 top: 7px !important;
-                margin-left: 14px;
+
+                &:before {
+                  border: none;
+                }
 
                 > .rs-checkbox-inner {
                   &:before {
@@ -56077,6 +56094,7 @@ const RsuiteCheckTreePickerBox = styled.div`
                     border-radius: 0;
                     margin-left: 8px;
                   }
+
                   &:after {
                     margin-left: 13px;
                   }
@@ -56158,21 +56176,47 @@ const RsuiteCheckTreePickerBox = styled.div`
         }
 
         /* childrens */
+
+        &[aria-level='1'] {
+          > .rs-check-item {
+            > .rs-checkbox-checker {
+              > label {
+                > .rs-check-tree-node-label-content {
+                  margin-left: 20px;
+                }
+
+                > .rs-checkbox-wrapper {
+                  > .rs-checkbox-inner {
+                    &:before {
+                      margin-left: -8px;
+                    }
+
+                    &:after {
+                      margin-left: -3px;
+                    }
+                  }
+                }
+              }
+            }
+          }
+        }
+
         &[aria-level='2'] {
           > .rs-check-item {
             > .rs-checkbox-checker {
               > label {
                 > .rs-check-tree-node-label-content {
-                  padding-left: 60px;
+                  margin-left: 45px;
                 }
 
                 > .rs-checkbox-wrapper {
                   > .rs-checkbox-inner {
                     &:before {
-                      margin-left: 24px;
+                      margin-left: 15px;
                     }
+
                     &:after {
-                      margin-left: 29px;
+                      margin-left: 20px;
                     }
                   }
                 }
@@ -56248,6 +56292,12 @@ function getTreeOptionsBySelectedValues(selectedValues, options, childrenKey = '
     }
     return options.map(getOption).filter((option)=>option !== undefined);
 }
+function getParentRsuiteValue(options, valueKey = 'value', childrenKey = 'children') {
+    if (!options) {
+        return [];
+    }
+    return options.filter((option)=>(option[childrenKey] ?? []).length > 0).flatMap((option)=>option[valueKey]);
+}
 function toRsuiteValue(uiValues, childrenKey = 'children', valueKey = 'value') {
     if (!uiValues) {
         return undefined;
@@ -56318,6 +56368,11 @@ function CheckTreePicker({ childrenKey = 'children', className, disabled = false
         forceUpdate
     ]);
     const [disabledValues, setDisabledValues] = useState([]);
+    const uncheckableValues = useMemo(()=>getParentRsuiteValue(options, valueKey, childrenKey), [
+        options,
+        childrenKey,
+        valueKey
+    ]);
     const rsuiteValue = useMemo(()=>{
         const nextRsuiteValue = toRsuiteValue(value, childrenKey, valueKey);
         if (!isMultiSelect && nextRsuiteValue) {
@@ -56464,6 +56519,7 @@ function CheckTreePicker({ childrenKey = 'children', className, disabled = false
                 });
             },
             size: originalProps.size ?? 'sm',
+            uncheckableItemValues: uncheckableValues,
             value: rsuiteValue ?? [],
             valueKey: valueKey,
             ...originalProps
@@ -56494,6 +56550,7 @@ const StyledButton = styled(Button)`
 
   > .Element-IconBox {
     margin-right: 0px;
+
     > svg {
       height: 10px;
       width: 10px;

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.19.1",
+  "version": "24.20.0",
   "license": "AGPL-3.0",
   "type": "module",
   "engines": {