@mtes-mct/monitor-ui 17.0.0 → 17.1.1

package/CHANGELOG.md

@@ -1,3 +1,37 @@
+## [17.1.0](https://github.com/MTES-MCT/monitor-ui/compare/v17.0.0...v17.1.0) (2024-05-09)
+
+
+### Features
+
+* **cypress:** add index to fill command ([1e93f0c](https://github.com/MTES-MCT/monitor-ui/commit/1e93f0cad50960bb1650bd37bdad2e9f64d78bb6))
+* **cypress:** add logging to fill command ([eeafd54](https://github.com/MTES-MCT/monitor-ui/commit/eeafd549cd081dd0ff85ad43a2cd167878602975))
+
+
+### Bug Fixes
+
+* **CheckPicker:** remove useKey ([2b552a8](https://github.com/MTES-MCT/monitor-ui/commit/2b552a810357a106c060a5abe80490f41348909d))
+
+## [17.0.0](https://github.com/MTES-MCT/monitor-ui/compare/v16.5.0...v17.0.0) (2024-05-02)
+
+
+### ⚠ BREAKING CHANGES
+
+* **elements:** `<IconButton />` is now a span instead of a div.
+
+### Bug Fixes
+
+* **elements:** switch IconBox wrapper element from a div to a span ([4a17f10](https://github.com/MTES-MCT/monitor-ui/commit/4a17f10699bfe59c6484641e0759741a89dbcc88))
+
+
+### Buid System & Dependencies
+
+* **deps:** bump @babel/runtime from 7.24.4 to 7.24.5 ([0c6b0a6](https://github.com/MTES-MCT/monitor-ui/commit/0c6b0a609e79c6870ae70c36cd52ed2ec5cb1084))
+* **deps:** bump ejs from 3.1.9 to 3.1.10 ([5a3e05a](https://github.com/MTES-MCT/monitor-ui/commit/5a3e05a4139084163cdbed69929af0056031fbc9))
+* **dev-deps:** bump @babel/preset-react from 7.22.15 to 7.24.1 ([a78b5b3](https://github.com/MTES-MCT/monitor-ui/commit/a78b5b37108683db184a416259ee04a0551ef44a))
+* **dev-deps:** bump react-is from 18.2.0 to 18.3.1 ([258a53d](https://github.com/MTES-MCT/monitor-ui/commit/258a53d57d981fd2c92a167627fd5620e48682d0))
+* **dev-deps:** bump rollup-plugin-sizes from 1.0.5 to 1.0.6 ([8a19fe6](https://github.com/MTES-MCT/monitor-ui/commit/8a19fe605c9f6e10612e2b37f1b561ec1cb3e375))
+* **dev-deps:** bump semantic-release from 23.0.0 to 23.0.8 ([47e7c23](https://github.com/MTES-MCT/monitor-ui/commit/47e7c23ab207cbc950503bed03909ccdf70fb717))
+
 ## [16.5.0](https://github.com/MTES-MCT/monitor-ui/compare/v16.4.0...v16.5.0) (2024-05-01)
 
 

package/components/Banner/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const ANIMATION_DURATION_IN_MS = 300;
+//# sourceMappingURL=constants.d.ts.map

package/components/Banner/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/Banner/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,wBAAwB,MAAM,CAAA"}

package/components/Banner/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Banner/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAA4C,MAAM,OAAO,CAAA;AAChF,OAAe,EAAO,KAAK,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAGnE,OAAO,EAAgB,KAAK,EAAQ,MAAM,iBAAiB,CAAA;AAE3D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAE3C,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAA;IAC5B,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAChC,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IACnC,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,iBAAiB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IACvC,KAAK,EAAE,KAAK,CAAA;IACZ,WAAW,CAAC,EAAE,CAAC,MAAM,UAAU,CAAC,IAAI,CAAC,CAAC,GAAG,SAAS,CAAA;IAClD,OAAO,CAAC,EAAE,CAAC,MAAM,UAAU,CAAC,IAAI,CAAC,CAAC,GAAG,SAAS,CAAA;IAC9C,KAAK,CAAC,EAAE,aAAa,GAAG,SAAS,CAAA;IACjC,GAAG,EAAE,MAAM,CAAA;IACX,oBAAoB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CAC3C,CAAA;AAED,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,SAAqB,EACrB,YAAmB,EACnB,UAAkB,EAClB,aAAqB,EACrB,OAAe,EACf,iBAAyB,EACzB,KAAK,EACL,WAAW,EACX,OAAO,EACP,KAAK,EACL,GAAG,EACH,oBAA4B,EAC7B,EAAE,QAAQ,CAAC,WAAW,CAAC,2CAgFvB;yBA9Fe,MAAM"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Banner/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAA4C,MAAM,OAAO,CAAA;AAChF,OAAe,EAAO,KAAK,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAInE,OAAO,EAAgB,KAAK,EAAQ,MAAM,iBAAiB,CAAA;AAE3D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAE3C,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAA;IAC5B,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAEhC,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IACnC,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,iBAAiB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IACvC,KAAK,EAAE,KAAK,CAAA;IACZ,WAAW,CAAC,EAAE,CAAC,MAAM,UAAU,CAAC,IAAI,CAAC,CAAC,GAAG,SAAS,CAAA;IAClD,OAAO,CAAC,EAAE,CAAC,MAAM,UAAU,CAAC,IAAI,CAAC,CAAC,GAAG,SAAS,CAAA;IAC9C,KAAK,CAAC,EAAE,aAAa,GAAG,SAAS,CAAA;IACjC,GAAG,EAAE,MAAM,CAAA;IACX,oBAAoB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CAC3C,CAAA;AACD,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,SAAqB,EACrB,YAAmB,EACnB,UAAkB,EAClB,aAAqB,EACrB,OAAe,EACf,iBAAyB,EACzB,KAAK,EACL,WAAW,EACX,OAAO,EACP,KAAK,EACL,GAAG,EACH,oBAA4B,EAC7B,EAAE,QAAQ,CAAC,WAAW,CAAC,2CA6FvB;yBA3Ge,MAAM"}

package/cypress/global.d.ts

@@ -115,6 +115,7 @@ declare namespace Cypress {
 
   interface FillOptions extends Forceable {
     delay: number
+    index: number
     retries: number
   }
 }

package/cypress/index.js

@@ -1,7 +1,7 @@
 // I have no idea why I have to add this dirty hack of setting an external variable
 // instead of using a cleaner FP `.filter()`
 // but real experience made me think it greatly improves results stability.
-function findElementBytext(selector, text, { fallbackSelector, index = 0, inElement } = {}) {
+function findElementByText(selector, text, { fallbackSelector, index = 0, inElement } = {}) {
     const trimmedText = text.trim();
     if (inElement) {
         let foundElement;
@@ -47,7 +47,7 @@ function findElementBytext(selector, text, { fallbackSelector, index = 0, inElem
 
 const RETRIES = 5;
 function findButton(label, preSelector, { index, prevSubjectElement }) {
-    const buttonElement = findElementBytext(`${preSelector}button`, label, {
+    const buttonElement = findElementByText(`${preSelector}button`, label, {
         index,
         inElement: prevSubjectElement
     });
@@ -62,7 +62,7 @@ function findButton(label, preSelector, { index, prevSubjectElement }) {
     if (buttonElementByTitle) {
         return buttonElementByTitle;
     }
-    const menuItemElement = findElementBytext(`${preSelector}[role="menuitem"]`, label, {
+    const menuItemElement = findElementByText(`${preSelector}[role="menuitem"]`, label, {
         index,
         inElement: prevSubjectElement
     });
@@ -206,6 +206,7 @@ function checkMultiRadioOption(fieldsetElement, value, _label, force) {
 const DEFAULT_OPTIONS = {
     delay: 10,
     force: true,
+    index: 0,
     retries: 5
 };
 
@@ -809,11 +810,13 @@ function fill(label, value, options = {}) {
     try {
         // =========================================================================
         // If it's a field labelled by a `<label />` element
-        const labelElement = findElementBytext('label', label);
+        const labelElement = findElementByText('label', label, {
+            index: controlledOptions.index
+        });
         if (labelElement) {
             const fieldElement = findElementParentBySelector(labelElement, '.Element-Field');
             if (!fieldElement) {
-                throwError(`Could not find '.Element-Field' in field with label "${label}".`);
+                throwError(`Could not find '.Element-Field' in field with label "${label}" at index "${controlledOptions.index}".`);
             }
             switch(true){
                 // ---------------------------------------------------------------------
@@ -876,11 +879,13 @@ function fill(label, value, options = {}) {
         }
         // =========================================================================
         // If it's a field labelled by a `<legend />` element
-        const legendElement = findElementBytext('legend', label);
+        const legendElement = findElementByText('legend', label, {
+            index: controlledOptions.index
+        });
         if (legendElement) {
             const fieldsetElement = findElementParentBySelector(legendElement, '.Element-Fieldset');
             if (!fieldsetElement) {
-                throwError(`Could not find '.Element-Fieldset' in field with \`<legend />\` "${label}".`);
+                throwError(`Could not find '.Element-Fieldset' in field with \`<legend />\` "${label}" at index "${controlledOptions.index}".`);
             }
             switch(true){
                 // ---------------------------------------------------------------------
@@ -935,7 +940,7 @@ function fill(label, value, options = {}) {
             name: 'fill'
         }).error(normalizedError);
         throwError([
-            `Could not find or fill field with label or legend "${label}" after ${TOTAL_RETRIES} attempts.`,
+            `Could not find or fill field with label or legend "${label}" at index "${controlledOptions.index}" after ${TOTAL_RETRIES} attempts.`,
             `This error was thrown: “${normalizedError.message}”`,
             `Please check the Cypress "- ERROR" log above for more details.`
         ].join('\n'));

package/elements/Link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../src/elements/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAGjD,MAAM,MAAM,SAAS,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAA;AAE/D,eAAO,MAAM,IAAI,8GAuBhB,CAAA"}
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../src/elements/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAGjD,MAAM,MAAM,SAAS,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAA;AAE/D,eAAO,MAAM,IAAI,8GAwChB,CAAA"}

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;AAS1G,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACxD,OAAO,EAAE,KAAK,MAAM,EAAE,KAAK,eAAe,EAAE,MAAM,sBAAsB,CAAA;AAKxE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAE3C,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,GAAG;IACF,YAAY,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAA;IAChD,+EAA+E;IAC/E,0BAA0B,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC/C,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,WAAW,EAAE,GAAG,SAAS,KAAK,UAAU,CAAC,IAAI,CAAC,CAAA;IACrE,cAAc,CAAC,EAAE,MAAM,WAAW,GAAG,SAAS,CAAA;IAC9C,OAAO,EAAE,MAAM,CAAC,WAAW,CAAC,EAAE,CAAA;IAC9B,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC/B,KAAK,CAAC,EAAE,WAAW,EAAE,GAAG,SAAS,CAAA;CAClC,CAAA;AACD,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,2CA0G/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;AAQ1G,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACxD,OAAO,EAAE,KAAK,MAAM,EAAE,KAAK,eAAe,EAAE,MAAM,sBAAsB,CAAA;AAKxE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAE3C,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,GAAG;IACF,YAAY,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAA;IAChD,+EAA+E;IAC/E,0BAA0B,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC/C,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,WAAW,EAAE,GAAG,SAAS,KAAK,UAAU,CAAC,IAAI,CAAC,CAAA;IACrE,cAAc,CAAC,EAAE,MAAM,WAAW,GAAG,SAAS,CAAA;IAC9C,OAAO,EAAE,MAAM,CAAC,WAAW,CAAC,EAAE,CAAA;IAC9B,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC/B,KAAK,CAAC,EAAE,WAAW,EAAE,GAAG,SAAS,CAAA;CAClC,CAAA;AACD,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"}

package/index.js

@@ -53781,6 +53781,8 @@ function LinkButton({ children, Icon, ...props }) {
 }
 LinkButton.displayName = 'LinkButton';
 
+const ANIMATION_DURATION_IN_MS = 300;
+
 const getBannerPalette = (level)=>{
     if (level === Level.ERROR) {
         return {
@@ -53821,14 +53823,20 @@ function Banner({ children, className = undefined, closingDelay = 3000, isClosab
             setIsCollapsed(true);
         }
     };
-    const onClickAction = useCallback(()=>{
+    const closeOrCollapse = useCallback(()=>{
+        if (timeoutIdRef.current) {
+            clearTimeout(timeoutIdRef.current);
+        }
         if (isClosable) {
             setIsHidden(true);
             onClose?.();
         } else if (isCollapsible) {
             setIsCollapsing(true);
-            setIsCollapsed(true);
-            setHasCollapsed(true);
+            setTimeout(()=>{
+                setIsCollapsed(true);
+                setHasCollapsed(true);
+                onClose?.();
+            }, ANIMATION_DURATION_IN_MS);
         }
     }, [
         isClosable,
@@ -53837,16 +53845,16 @@ function Banner({ children, className = undefined, closingDelay = 3000, isClosab
     ]);
     useEffect(()=>{
         if (withAutomaticClosing) {
-            const timeoutId = setTimeout(()=>{
-                onClickAction();
+            timeoutIdRef.current = setTimeout(()=>{
+                closeOrCollapse();
                 onAutoClose?.();
             }, closingDelay);
-            timeoutIdRef.current = timeoutId;
         }
         return ()=>clearTimeout(timeoutIdRef.current);
     }, [
         closingDelay,
-        onClickAction,
+        closeOrCollapse,
+        isCollapsible,
         onAutoClose,
         withAutomaticClosing
     ]);
@@ -53873,13 +53881,15 @@ function Banner({ children, className = undefined, closingDelay = 3000, isClosab
                 }),
                 /*#__PURE__*/ jsxs(ButtonWrapper, {
                     className: "banner-button",
-                    onClick: ()=>onClickAction(),
+                    onClick: ()=>closeOrCollapse(),
+                    // TODO This is a breaking change but we should only use `IconButton` title rather than this one.
                     title: isClosable ? 'fermer' : 'masquer',
                     children: [
                         isClosable && /*#__PURE__*/ jsx(IconButton, {
                             accent: Accent.TERTIARY,
                             color: getBannerPalette(level).color,
-                            Icon: Close
+                            Icon: Close,
+                            title: isClosable ? 'Fermer' : 'Masquer'
                         }),
                         !isClosable && isCollapsible && /*#__PURE__*/ jsx(LinkButton, {
                             size: Size.LARGE,
@@ -53909,7 +53919,7 @@ const Wrapper = styled.div`
   padding: 0 2rem;
   position: ${(p)=>p.$isFixed ? 'fixed' : 'absolute'};
   top: ${(p)=>`${p.$top}`};
-  transition: height 0.3s ease;
+  transition: height ${ANIMATION_DURATION_IN_MS}ms ease;
   width: 100%;
   z-index: 1000;
 `;
@@ -54034,27 +54044,44 @@ const Label = styled.label.attrs((props)=>({
 `;
 
 const Link$1 = styled.a`
-  color: ${(p)=>p.theme.color.slateGray};
-  text-decoration: underline;
+  color: ${(p)=>p.theme.color.slateGray} !important;
+  text-decoration: underline !important;
+
+  svg {
+    color: ${(p)=>p.theme.color.slateGray} !important;
+  }
+
+  &:visited {
+    color: ${(p)=>p.theme.color.slateGray} !important;
+    text-decoration: underline !important;
 
-  &:hover,
-  &._hover {
-    color: ${(p)=>p.theme.color.blueYonder};
     svg {
-      color: ${(p)=>p.theme.color.blueYonder};
+      color: ${(p)=>p.theme.color.slateGray} !important;
     }
   }
 
-  &:active,
-  &._active {
-    color: ${(p)=>p.theme.color.blueGray};
+  &:hover,
+  &._hover,
+  &:visited:hover,
+  &.visited._hover {
+    color: ${(p)=>p.theme.color.blueYonder} !important;
+    text-decoration: underline !important;
+
     svg {
-      color: ${(p)=>p.theme.color.blueGray};
+      color: ${(p)=>p.theme.color.blueYonder} !important;
     }
   }
 
-  &:visited {
-    color: ${(p)=>p.theme.color.slateGray};
+  &:active,
+  &._active,
+  &:visited:active,
+  &.visited._active {
+    color: ${(p)=>p.theme.color.blueGray} !important;
+    text-decoration: underline !important;
+
+    svg {
+      color: ${(p)=>p.theme.color.blueGray} !important;
+    }
   }
 `;
 Link$1.displayName = 'LinkButton';
@@ -54894,13 +54921,7 @@ function CheckPicker({ className, customSearch, customSearchMinQueryLength = 1,
     const controlledError = useMemo(()=>normalizeString(error), [
         error
     ]);
-    const hasError = useMemo(()=>Boolean(controlledError), [
-        controlledError
-    ]);
-    const key = useKey([
-        disabled,
-        originalProps.name
-    ]);
+    const hasError = Boolean(controlledError);
     const selectedRsuiteValue = useMemo(()=>getRsuiteDataItemValuesFromOptionValues(value, optionValueKey), [
         optionValueKey,
         value
@@ -54983,7 +55004,7 @@ function CheckPicker({ className, customSearch, customSearchMinQueryLength = 1,
                     size: originalProps.size ?? 'sm',
                     value: selectedRsuiteValue,
                     ...originalProps
-                }, key)
+                })
             }),
             !isErrorMessageHidden && hasError && /*#__PURE__*/ jsx(FieldError, {
                 children: controlledError

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