@mtes-mct/monitor-ui 17.1.0 → 17.1.1

package/CHANGELOG.md

@@ -1,3 +1,16 @@
+## [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)
 
 

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/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/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';

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