@mtes-mct/monitor-ui 16.1.0 → 16.3.0

package/CHANGELOG.md

@@ -1,3 +1,30 @@
+## [16.2.0](https://github.com/MTES-MCT/monitor-ui/compare/v16.1.0...v16.2.0) (2024-04-28)
+
+
+### Features
+
+* **components:** add onAutoClose prop to Banner ([a28e5fc](https://github.com/MTES-MCT/monitor-ui/commit/a28e5fc82e6c72c0f21de80a3d731fd70bfb5a20))
+
+
+### Bug Fixes
+
+* **components:** set left position to 0 in Banner ([1a91c7f](https://github.com/MTES-MCT/monitor-ui/commit/1a91c7f1494379677e54900172f7cab3b688741b))
+
+## [16.1.0](https://github.com/MTES-MCT/monitor-ui/compare/v16.0.0...v16.1.0) (2024-04-28)
+
+
+### Features
+
+* **components:** add isFixed prop to Banner ([4830f91](https://github.com/MTES-MCT/monitor-ui/commit/4830f913fcde74b6d5c7520423ef5bb46d1b6305))
+* **components:** make isClosable, isCollapsible & isHiddenByDefault Banner props optional ([bbf07db](https://github.com/MTES-MCT/monitor-ui/commit/bbf07db7d7e2054ff37f4c40b439346f47d6363e))
+* **components:** make style prop transparent in Banner ([30beabd](https://github.com/MTES-MCT/monitor-ui/commit/30beabdb52a5119b86fc2efdfdb14223f6223360))
+
+
+### Bug Fixes
+
+* **components:** remove position typo in Banner ([17143e1](https://github.com/MTES-MCT/monitor-ui/commit/17143e1e54004f9b2b7bf863f287c67d7c5b54d7))
+* **elements:** fix non-transparent border in tertiary IconButton ([a4ce7b4](https://github.com/MTES-MCT/monitor-ui/commit/a4ce7b4a7c0dd731e035c0631f3196d06ea9d242))
+
 ## [16.0.0](https://github.com/MTES-MCT/monitor-ui/compare/v15.0.1...v16.0.0) (2024-04-28)
 
 

package/components/Banner/index.d.ts

@@ -1,6 +1,7 @@
 import { type ReactNode } from 'react';
 import { type CSSProperties } from 'styled-components';
 import { Level } from '../../constants';
+import type { Promisable } from 'type-fest';
 export type BannerProps = {
     children: string | ReactNode;
     className?: string | undefined;
@@ -10,11 +11,13 @@ export type BannerProps = {
     isFixed?: boolean | undefined;
     isHiddenByDefault?: boolean | undefined;
     level: Level;
+    onAutoClose?: (() => Promisable<void>) | undefined;
+    onClose?: (() => Promisable<void>) | undefined;
     style?: CSSProperties | undefined;
     top: string;
     withAutomaticClosing?: boolean | undefined;
 };
-export declare function Banner({ children, className, closingDelay, isClosable, isCollapsible, isFixed, isHiddenByDefault, level, style, top, withAutomaticClosing }: Readonly<BannerProps>): import("react/jsx-runtime").JSX.Element;
+export declare function Banner({ children, className, closingDelay, isClosable, isCollapsible, isFixed, isHiddenByDefault, level, onAutoClose, onClose, style, top, withAutomaticClosing }: Readonly<BannerProps>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Banner {
     var displayName: string;
 }

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,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,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,KAAK,EACL,GAAG,EACH,oBAA4B,EAC7B,EAAE,QAAQ,CAAC,WAAW,CAAC,2CA4EvB;yBAxFe,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;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"}

package/index.js

@@ -53765,7 +53765,7 @@ const getBannerPalette = (level)=>{
     };
 };
 
-function Banner({ children, className = undefined, closingDelay = 3000, isClosable = false, isCollapsible = false, isFixed = false, isHiddenByDefault = false, level, style, top, withAutomaticClosing = false }) {
+function Banner({ children, className = undefined, closingDelay = 3000, isClosable = false, isCollapsible = false, isFixed = false, isHiddenByDefault = false, level, onAutoClose, onClose, style, top, withAutomaticClosing = false }) {
     const timeoutIdRef = useRef(undefined);
     const controlledClassName = classnames('Component-Banner', className);
     const [isHidden, setIsHidden] = useState(!!isHiddenByDefault);
@@ -53786,6 +53786,7 @@ function Banner({ children, className = undefined, closingDelay = 3000, isClosab
     const onClickAction = useCallback(()=>{
         if (isClosable) {
             setIsHidden(true);
+            onClose?.();
         } else if (isCollapsible) {
             setIsCollapsing(true);
             setIsCollapsed(true);
@@ -53793,12 +53794,14 @@ function Banner({ children, className = undefined, closingDelay = 3000, isClosab
         }
     }, [
         isClosable,
-        isCollapsible
+        isCollapsible,
+        onClose
     ]);
     useEffect(()=>{
         if (withAutomaticClosing) {
             const timeoutId = setTimeout(()=>{
                 onClickAction();
+                onAutoClose?.();
             }, closingDelay);
             timeoutIdRef.current = timeoutId;
         }
@@ -53806,6 +53809,7 @@ function Banner({ children, className = undefined, closingDelay = 3000, isClosab
     }, [
         closingDelay,
         onClickAction,
+        onAutoClose,
         withAutomaticClosing
     ]);
     return /*#__PURE__*/ jsx(Wrapper, {
@@ -53861,6 +53865,7 @@ const Wrapper = styled.div`
   flex-direction: row;
   height: ${(p)=>!p.$isHidden && p.$isCollapsed ? '10px' : '50px'};
   justify-content: space-between;
+  left: 0;
   max-width: 100%;
   min-width: 100%;
   padding: 0 2rem;

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