@mtes-mct/monitor-ui 23.1.1 → 23.1.3

package/CHANGELOG.md

@@ -1,3 +1,41 @@
+## [23.1.2](https://github.com/MTES-MCT/monitor-ui/compare/v23.1.1...v23.1.2) (2024-09-26)
+
+
+### Bug Fixes
+
+* **fields:** handle id with special chars in Select pointer-events hack ([271e475](https://github.com/MTES-MCT/monitor-ui/commit/271e475b33fa570269925b6127f6c035be86aa60))
+
+
+### Code Refactoring
+
+* **components:** simplify stylesheets injection in NewWindow ([9ca5417](https://github.com/MTES-MCT/monitor-ui/commit/9ca54179c8a4bda6e3504cd87b9c923a5b154c99))
+
+## [23.1.1](https://github.com/MTES-MCT/monitor-ui/compare/v23.1.0...v23.1.1) (2024-09-26)
+
+
+### Styles
+
+* **elements:** fix close button size in SingleTag ([ff8a1b5](https://github.com/MTES-MCT/monitor-ui/commit/ff8a1b5f7bf2ba4b05d791ea038a9b25dde41665))
+
+
+### Bug Fixes
+
+* **fields:** add debounce ([79b19fb](https://github.com/MTES-MCT/monitor-ui/commit/79b19fb37eae38612feab4328021d4d233775844))
+* **fields:** apply review comment ([8e864da](https://github.com/MTES-MCT/monitor-ui/commit/8e864da6d96b7b211200bfe01eabba0c1283a675))
+* **fields:** fix pointer-events ([13d1955](https://github.com/MTES-MCT/monitor-ui/commit/13d195566a61c99e9aae297f201dce4c425cfbc9))
+* **fields:** handle undefined min/max prop in DateRangePicker number inputs ([8e10304](https://github.com/MTES-MCT/monitor-ui/commit/8e10304f20266839f7c727c686f0ad1038f8b0a9))
+* **fields:** memoize list props ([54c4d3f](https://github.com/MTES-MCT/monitor-ui/commit/54c4d3f2090a6f470362dc85bdde45e9f26cb944))
+* **fields:** set default listProps value to empty object in Select ([88ce94f](https://github.com/MTES-MCT/monitor-ui/commit/88ce94feff3c509c771586013f98be1a1cba5def))
+
+
+### Buid System & Dependencies
+
+* **dev-deps:** bump rollup from 4.21.2 to 4.22.4 ([4684626](https://github.com/MTES-MCT/monitor-ui/commit/4684626b83cc16ab102c46ed4891fcfe0cde7ff2))
+* **dev-deps:** bump the non-major-dev-dependencies group across 1 directory with 23 updates ([491a8c6](https://github.com/MTES-MCT/monitor-ui/commit/491a8c64b5f9d00d88bded52b868b5d9aa279398))
+* **dev-deps:** bump vite from 5.4.3 to 5.4.6 ([8268198](https://github.com/MTES-MCT/monitor-ui/commit/8268198bc7156700bf58c2be2449623857dab67d))
+* **dev-deps:** upgrade dev deps in /e2e/release/sample ([1581c0a](https://github.com/MTES-MCT/monitor-ui/commit/1581c0ab0e00134d51fe9caa54c8204adc416d3f))
+* **e2e:** remove useless browserslist in e2e release sample package.json ([398e20a](https://github.com/MTES-MCT/monitor-ui/commit/398e20a21ca3b42a74d0df5116983865d527edf7))
+
 ## [23.1.0](https://github.com/MTES-MCT/monitor-ui/compare/v23.0.0...v23.1.0) (2024-09-25)
 
 

package/elements/Button/BaseButton.d.ts

@@ -0,0 +1,8 @@
+import { Size } from '@constants';
+import { type ButtonHTMLAttributes } from 'react';
+export type BaseButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+    $isFullWidth: boolean;
+    $size: Size;
+};
+export declare const BaseButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, BaseButtonProps, never>;
+//# sourceMappingURL=BaseButton.d.ts.map

package/elements/Button/BaseButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseButton.d.ts","sourceRoot":"","sources":["../../../src/elements/Button/BaseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AACjC,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAcjD,MAAM,MAAM,eAAe,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IACtE,YAAY,EAAE,OAAO,CAAA;IACrB,KAAK,EAAE,IAAI,CAAA;CACZ,CAAA;AACD,eAAO,MAAM,UAAU,yHAYtB,CAAA"}

package/elements/Button/index.d.ts

@@ -1,6 +1,6 @@
+import { Accent, Size } from '@constants';
+import { type IconProps } from '@types_/definitions';
 import { type ButtonHTMLAttributes, type FunctionComponent } from 'react';
-import { Accent, Size } from '../../constants';
-import { type IconProps } from '../../types/definitions';
 export type ButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> & {
     Icon?: FunctionComponent<IconProps> | undefined;
     accent?: Accent | undefined;

package/elements/Button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Button/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAyC,KAAK,oBAAoB,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAIhH,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AAC9C,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,yBAAyB,CAAA;AASxD,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,GAAG;IACpF,IAAI,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,GAAG,SAAS,CAAA;IAC/C,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC7B,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IACjC,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;IACvB,yCAAyC;IACzC,qBAAqB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CAC5C,CAAA;AACD,wBAAgB,MAAM,CAAC,EACrB,MAAuB,EACvB,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,WAAmB,EACnB,OAAO,EACP,IAAkB,EAClB,IAAe,EACf,qBAA6B,EAC7B,GAAG,WAAW,EACf,EAAE,WAAW,2CAmDb"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AACzC,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAGpD,OAAO,EAAyC,KAAK,oBAAoB,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAYhH,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,GAAG;IACpF,IAAI,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,GAAG,SAAS,CAAA;IAC/C,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC7B,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IACjC,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;IACvB,yCAAyC;IACzC,qBAAqB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CAC5C,CAAA;AACD,wBAAgB,MAAM,CAAC,EACrB,MAAuB,EACvB,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,WAAmB,EACnB,OAAO,EACP,IAAkB,EAClB,IAAe,EACf,qBAA6B,EAC7B,GAAG,WAAW,EACf,EAAE,WAAW,2CAmDb"}

package/elements/IconButton/BaseIconButton.d.ts

@@ -0,0 +1,8 @@
+import { Size } from '@constants';
+import { type ButtonHTMLAttributes } from 'react';
+export type BaseIconButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+    $isCompact: boolean | undefined;
+    $size: Size;
+};
+export declare const BaseIconButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, BaseIconButtonProps, never>;
+//# sourceMappingURL=BaseIconButton.d.ts.map

package/elements/IconButton/BaseIconButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseIconButton.d.ts","sourceRoot":"","sources":["../../../src/elements/IconButton/BaseIconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AACjC,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,OAAO,CAAA;AASjD,MAAM,MAAM,mBAAmB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAC1E,UAAU,EAAE,OAAO,GAAG,SAAS,CAAA;IAC/B,KAAK,EAAE,IAAI,CAAA;CACZ,CAAA;AACD,eAAO,MAAM,cAAc,6HAO1B,CAAA"}

package/elements/{IconButton.d.ts → IconButton/index.d.ts}

@@ -1,6 +1,6 @@
+import { Accent, Size } from '@constants';
+import { type IconProps } from '@types_/definitions';
 import { type ButtonHTMLAttributes, type FunctionComponent } from 'react';
-import { Accent, Size } from '../constants';
-import { type IconProps } from '../types/definitions';
 export type IconButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> & {
     Icon: FunctionComponent<IconProps>;
     accent?: Accent | undefined;
@@ -18,4 +18,4 @@ export type IconButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'chi
     withUnpropagatedClick?: boolean | undefined;
 };
 export declare function IconButton({ accent, badgeBackgroundColor, badgeColor, badgeNumber, className, color, Icon, iconSize, isCompact, onClick, size, style, type, withUnpropagatedClick, ...nativeProps }: IconButtonProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=IconButton.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/elements/IconButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/IconButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AACzC,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAGpD,OAAO,EAA4B,KAAK,oBAAoB,EAAE,KAAK,iBAAiB,EAAe,MAAM,OAAO,CAAA;AAYhH,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,GAAG;IACxF,IAAI,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAA;IAClC,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC3B,oBAAoB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACzC,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC/B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAChC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,sDAAsD;IACtD,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC7B,wCAAwC;IACxC,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC/B,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,GAAG,SAAS,CAAA;IACvC,yCAAyC;IACzC,qBAAqB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CAC5C,CAAA;AACD,wBAAgB,UAAU,CAAC,EACzB,MAAuB,EACvB,oBAAoB,EACpB,UAAU,EACV,WAAW,EACX,SAAS,EACT,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,OAAO,EACP,IAAkB,EAClB,KAAK,EACL,IAAe,EACf,qBAA6B,EAC7B,GAAG,WAAW,EACf,EAAE,eAAe,2CAmFjB"}

package/elements/SingleTag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SingleTag.d.ts","sourceRoot":"","sources":["../../src/elements/SingleTag.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAe,MAAM,OAAO,CAAA;AAIxD,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AAGrC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAE3C,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC5D,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC3B,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,UAAU,CAAC,IAAI,CAAC,CAAA;CACjC,CAAA;AACD,wBAAgB,SAAS,CAAC,EAAE,MAAuB,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,EAAE,cAAc,2CA0BnH"}
+{"version":3,"file":"SingleTag.d.ts","sourceRoot":"","sources":["../../src/elements/SingleTag.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAe,MAAM,OAAO,CAAA;AAGxD,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AAGrC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAE3C,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC5D,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC3B,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,UAAU,CAAC,IAAI,CAAC,CAAA;CACjC,CAAA;AACD,wBAAgB,SAAS,CAAC,EAAE,MAAuB,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,EAAE,cAAc,2CAgCnH"}

package/index.js

@@ -53288,32 +53288,21 @@ NewWindow.defaultProps = {
             // An error here most likely happens when trying to access stylesheets from other domains,
             // which is a CORS violation and should be ignored.
             // eslint-disable-next-line no-console
-            console.debug(err);
             return;
         }
         if (rules) {
-            // IE11 is very slow for appendChild, so use plain string here
-            const ruleText = [];
             // Write the text of each rule into the body of the style element
-            Array.from(styleSheet.cssRules).forEach((cssRule)=>{
-                const { type } = cssRule;
-                let returnText = '';
-                if (type === CSSRule.KEYFRAMES_RULE) {
-                    // IE11 will throw error when trying to access cssText property, so we
-                    // need to assemble them
-                    returnText = getKeyFrameText(cssRule);
-                } else if ([
-                    CSSRule.IMPORT_RULE,
-                    CSSRule.FONT_FACE_RULE
-                ].includes(type)) {
+            const ruleText = Array.from(rules).flat().map((cssRule)=>{
+                if ([
+                    'CSSImportRule',
+                    'CSSFontFaceRule'
+                ].includes(cssRule.constructor.name)) {
                     // Check if the cssRule type is CSSImportRule (3) or CSSFontFaceRule (5)
                     // to handle local imports on a about:blank page
                     // '/custom.css' turns to 'http://my-site.com/custom.css'
-                    returnText = fixUrlForRule(cssRule);
-                } else {
-                    returnText = cssRule.cssText;
+                    return fixUrlForRule(cssRule);
                 }
-                ruleText.push(returnText);
+                return cssRule.cssText;
             });
             const newStyleEl = target.createElement('style');
             newStyleEl.textContent = ruleText.join('\n');
@@ -53328,22 +53317,6 @@ NewWindow.defaultProps = {
     });
     target.head.appendChild(headFrag);
 }
-/**
- * Make keyframe rules.
- */ // This should be `CSSRule` instead of `any` but this code is a bit tedious.
-function getKeyFrameText(cssRule/** CSSRule */ ) {
-    const tokens = [
-        '@keyframes',
-        cssRule.name,
-        '{'
-    ];
-    Array.from(cssRule.cssRules).forEach((keyframesCssRule)=>{
-        // type === CSSRule.KEYFRAME_RULE should always be true
-        tokens.push(keyframesCssRule.keyText, '{', keyframesCssRule.style.cssText, '}');
-    });
-    tokens.push('}');
-    return tokens.join(' ');
-}
 /**
  * Handle local import urls.
  */ function fixUrlForRule(cssRule) {
@@ -53417,6 +53390,20 @@ function Notifier({ isSideWindow = false }) {
 // We need to retype `ToastContainer` manually because `styled-components` mess up with the `children` prop
 const StyledToastContainer = styled(k)``;
 
+const PADDING$2 = {
+    [Size.LARGE]: '7px',
+    [Size.NORMAL]: '5px',
+    [Size.SMALL]: '3px'
+};
+const BaseIconButton$1 = styled.button`
+  align-items: center;
+  border-style: solid;
+  border-width: ${(p)=>p.$isCompact ? 0 : 1}px;
+  display: flex;
+  justify-content: center;
+  padding: ${(p)=>p.$isCompact ? 0 : PADDING$2[p.$size]};
+`;
+
 function getPrimaryButtonCss() {
     return css`
     background-color: ${(p)=>p.theme.color.charcoal};
@@ -53583,11 +53570,6 @@ function IconButton({ accent = Accent.PRIMARY, badgeBackgroundColor, badgeColor,
             });
     }
 }
-const PADDING$2 = {
-    [Size.LARGE]: '7px',
-    [Size.NORMAL]: '5px',
-    [Size.SMALL]: '3px'
-};
 const Wrapper$2 = styled.div`
   position: relative;
 `;
@@ -53612,16 +53594,8 @@ const BadgeNumber = styled.div`
   letter-spacing: 0px;
   font-weight: 700;
 `;
-const BaseButton$1 = styled.button`
-  align-items: center;
-  border-style: solid;
-  border-width: ${(p)=>p.$isCompact ? 0 : 1}px;
-  display: flex;
-  justify-content: center;
-  padding: ${(p)=>p.$isCompact ? 0 : PADDING$2[p.$size]};
-`;
-const PrimaryButton$1 = styled(BaseButton$1)(getPrimaryButtonCss);
-const SecondaryButton$1 = styled(BaseButton$1)(getSecondaryButtonCss);
+const PrimaryButton$1 = styled(BaseIconButton$1)(getPrimaryButtonCss);
+const SecondaryButton$1 = styled(BaseIconButton$1)(getSecondaryButtonCss);
 const TertiaryButton$1 = styled.button`
   background-color: transparent;
   border-color: transparent;
@@ -53710,7 +53684,8 @@ const SideMenu = Object.assign(Menu, {
 });
 
 function SingleTag({ accent = Accent.PRIMARY, children, className, onDelete, ...nativeProps }) {
-    const controlledClassName = classnames('Component-SingleTag', className);
+    // TODO Remove `Component-SingleTag` in a next major/breaking version.
+    const controlledClassName = classnames('Component-SingleTag', 'Element-SingleTag', className);
     const handleDelete = useCallback(()=>{
         if (onDelete) {
             onDelete();
@@ -53728,13 +53703,14 @@ function SingleTag({ accent = Accent.PRIMARY, children, className, onDelete, ...
                         children: children
                     }),
                     /*#__PURE__*/ jsx(SecondaryIconButton, {
-                        accent: Accent.TERTIARY,
-                        Icon: Close,
-                        iconSize: 10,
-                        onClick: handleDelete
+                        onClick: handleDelete,
+                        children: /*#__PURE__*/ jsx(Close, {
+                            size: 10
+                        })
                     })
                 ]
             });
+        case Accent.PRIMARY:
         default:
             return /*#__PURE__*/ jsxs(Box$d, {
                 className: controlledClassName,
@@ -53744,10 +53720,10 @@ function SingleTag({ accent = Accent.PRIMARY, children, className, onDelete, ...
                         children: children
                     }),
                     /*#__PURE__*/ jsx(PrimaryIconButton, {
-                        accent: Accent.TERTIARY,
-                        Icon: Close,
-                        iconSize: 10,
-                        onClick: handleDelete
+                        onClick: handleDelete,
+                        children: /*#__PURE__*/ jsx(Close, {
+                            size: 10
+                        })
                     })
                 ]
             });
@@ -53758,6 +53734,14 @@ const Box$d = styled.div`
   display: inline-flex;
   max-width: 100%;
 `;
+const BaseIconButton = styled.button`
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  line-height: 18px;
+  margin-left: 1px;
+  padding: 8px;
+`;
 const PrimaryText = styled.span`
   background-color: ${(p)=>p.theme.color.lightGray};
   color: ${(p)=>p.theme.color.gunMetal};
@@ -53768,50 +53752,59 @@ const PrimaryText = styled.span`
   text-overflow: ellipsis;
   white-space: nowrap;
 `;
-const PrimaryIconButton = styled(IconButton)`
+const PrimaryIconButton = styled(BaseIconButton)`
   background-color: ${(p)=>p.theme.color.lightGray};
-  line-height: 18px;
-  margin-left: 1px;
-  padding: 2px 8px 6px;
+  border-color: ${(p)=>p.theme.color.lightGray};
+  color: ${(p)=>p.theme.color.charcoal};
 
   :hover,
   &._hover {
     background-color: ${(p)=>p.theme.color.lightGray};
+    border-color: ${(p)=>p.theme.color.lightGray};
+    color: ${(p)=>p.theme.color.blueYonder};
   }
 
   :active,
   &._active {
     background-color: ${(p)=>p.theme.color.lightGray};
+    border-color: ${(p)=>p.theme.color.lightGray};
+    color: ${(p)=>p.theme.color.blueGray};
   }
 
   :disabled,
   &._disabled {
     background-color: ${(p)=>p.theme.color.lightGray};
+    border-color: ${(p)=>p.theme.color.lightGray};
+    color: ${(p)=>p.theme.color.lightGray};
   }
 `;
 const SecondaryText = styled(PrimaryText)`
   background-color: ${(p)=>p.theme.color.blueYonder};
   color: ${(p)=>p.theme.color.white};
 `;
-const SecondaryIconButton = styled(PrimaryIconButton)`
+const SecondaryIconButton = styled(BaseIconButton)`
   background-color: ${(p)=>p.theme.color.blueYonder};
+  border-color: ${(p)=>p.theme.color.blueYonder};
   color: ${(p)=>p.theme.color.white};
 
   :hover,
   &._hover {
     background-color: ${(p)=>p.theme.color.blueYonder};
+    border-color: ${(p)=>p.theme.color.blueYonder};
     color: ${(p)=>p.theme.color.blueYonder25};
   }
 
   :active,
   &._active {
     background-color: ${(p)=>p.theme.color.blueYonder};
+    border-color: ${(p)=>p.theme.color.blueYonder};
     color: ${(p)=>p.theme.color.blueYonder25};
   }
 
   :disabled,
   &._disabled {
     background-color: ${(p)=>p.theme.color.blueYonder};
+    border-color: ${(p)=>p.theme.color.blueYonder};
     color: ${(p)=>p.theme.color.blueYonder25};
   }
 `;
@@ -54187,6 +54180,30 @@ const HideText = styled.span`
 `;
 Banner.displayName = 'Banner';
 
+const FONT_SIZE = {
+    [Size.LARGE]: '13px',
+    [Size.NORMAL]: '13px',
+    [Size.SMALL]: '11px'
+};
+const PADDING$1 = {
+    [Size.LARGE]: '12px',
+    [Size.NORMAL]: '6px 12px',
+    [Size.SMALL]: '5px 8px 4px'
+};
+const BaseButton = styled.button`
+  align-items: center;
+  display: inline-flex;
+  font-size: ${(p)=>FONT_SIZE[p.$size]};
+  justify-content: center;
+  max-width: 100%;
+  padding: ${(p)=>PADDING$1[p.$size]};
+  width: ${(p)=>p.$isFullWidth ? '100%' : 'auto'};
+
+  > .Element-IconBox {
+    margin-right: 5px;
+  }
+`;
+
 const ICON_SIZE = {
     [Size.LARGE]: 20,
     [Size.NORMAL]: 20,
@@ -54258,29 +54275,6 @@ function Button({ accent = Accent.PRIMARY, children, className, Icon, isFullWidt
             });
     }
 }
-const FONT_SIZE = {
-    [Size.LARGE]: '13px',
-    [Size.NORMAL]: '13px',
-    [Size.SMALL]: '11px'
-};
-const PADDING$1 = {
-    [Size.LARGE]: '12px',
-    [Size.NORMAL]: '6px 12px',
-    [Size.SMALL]: '5px 8px 4px'
-};
-const BaseButton = styled.button`
-  align-items: center;
-  display: inline-flex;
-  font-size: ${(p)=>FONT_SIZE[p.$size]};
-  justify-content: center;
-  max-width: 100%;
-  padding: ${(p)=>PADDING$1[p.$size]};
-  width: ${(p)=>p.$isFullWidth ? '100%' : 'auto'};
-
-  > .Element-IconBox {
-    margin-right: 5px;
-  }
-`;
 const ButtonLabel = styled.span`
   line-height: 1.3846;
   margin-top: -3px;
@@ -69313,7 +69307,7 @@ function Select({ className, customSearch, customSearchMinQueryLength = 1, disab
                 if (!boxRef.current) {
                     return;
                 }
-                const divs = boxRef.current.querySelectorAll(`#${originalProps.name}-listbox div`);
+                const divs = boxRef.current.querySelectorAll(`[id="${originalProps.name}-listbox"] div`);
                 const targetDiv = divs[2];
                 /**
                *  Reset the 'pointer-events' style
@@ -70651,9 +70645,9 @@ diacritics.replacementList = replacementList;
 diacritics.diacriticsMap = diacriticsMap;
 
 /**
- * Fuse.js v6.6.2 - Lightweight fuzzy-search (http://fusejs.io)
+ * Fuse.js v7.0.0 - Lightweight fuzzy-search (http://fusejs.io)
  *
- * Copyright (c) 2022 Kiro Risk (http://kiro.me)
+ * Copyright (c) 2023 Kiro Risk (http://kiro.me)
  * All Rights Reserved. Apache Software License 2.0
  *
  * http://www.apache.org/licenses/LICENSE-2.0
@@ -70751,8 +70745,6 @@ class KeyStore {
     keys.forEach((key) => {
       let obj = createKey(key);
 
-      totalWeight += obj.weight;
-
       this._keys.push(obj);
       this._keyMap[obj.id] = obj;
 
@@ -72416,7 +72408,7 @@ class Fuse {
   }
 }
 
-Fuse.version = '6.6.2';
+Fuse.version = '7.0.0';
 Fuse.createIndex = createIndex;
 Fuse.parseIndex = parseIndex;
 Fuse.config = Config;

package/libs/CustomSearch/types.d.ts

@@ -1,5 +1,5 @@
 import type { AnyObject } from '../../types/definitions';
-import type Fuse from 'fuse.js';
+import type { FuseOptionKeyObject } from 'fuse.js';
 export type CustomSearchCache = Record<string, CustomSearchCacheRecord>;
 export type CustomSearchCacheRecord = {
     fuseSearchIndex: any;
@@ -7,7 +7,7 @@ export type CustomSearchCacheRecord = {
     originalCollection: AnyObject[];
     originalCollectionHash: string;
 };
-export type CustomSearchKey<T> = string | Fuse.FuseOptionKeyObject<T>;
+export type CustomSearchKey<T> = string | FuseOptionKeyObject<T>;
 export type CustomSearchOptions = Partial<{
     /** Cache search index to avoid Must be unique in the entire application. */
     cacheKey: string | undefined;

package/libs/CustomSearch/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/libs/CustomSearch/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,KAAK,IAAI,MAAM,SAAS,CAAA;AAE/B,MAAM,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,EAAE,uBAAuB,CAAC,CAAA;AACvE,MAAM,MAAM,uBAAuB,GAAG;IACpC,eAAe,EAAE,GAAG,CAAA;IACpB,oBAAoB,EAAE,SAAS,EAAE,CAAA;IACjC,kBAAkB,EAAE,SAAS,EAAE,CAAA;IAC/B,sBAAsB,EAAE,MAAM,CAAA;CAC/B,CAAA;AAED,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI,MAAM,GAAG,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAA;AAErE,MAAM,MAAM,mBAAmB,GAAG,OAAO,CAAC;IACxC,4EAA4E;IAC5E,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAA;IAE5B;;;;;OAKG;IACH,eAAe,EAAE,OAAO,CAAA;IAExB,8EAA8E;IAC9E,oBAAoB,EAAE,OAAO,CAAA;IAE7B;;;;;;;OAOG;IACH,QAAQ,EAAE,OAAO,CAAA;IAEjB;;;;;;;;OAQG;IACH,oBAAoB,EAAE,OAAO,CAAA;IAE7B;;;;;;;;;OASG;IACH,SAAS,EAAE,MAAM,CAAA;IAEjB,2DAA2D;IAC3D,qBAAqB,EAAE,OAAO,CAAA;CAC/B,CAAC,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/libs/CustomSearch/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAElD,MAAM,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,EAAE,uBAAuB,CAAC,CAAA;AACvE,MAAM,MAAM,uBAAuB,GAAG;IACpC,eAAe,EAAE,GAAG,CAAA;IACpB,oBAAoB,EAAE,SAAS,EAAE,CAAA;IACjC,kBAAkB,EAAE,SAAS,EAAE,CAAA;IAC/B,sBAAsB,EAAE,MAAM,CAAA;CAC/B,CAAA;AAED,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI,MAAM,GAAG,mBAAmB,CAAC,CAAC,CAAC,CAAA;AAEhE,MAAM,MAAM,mBAAmB,GAAG,OAAO,CAAC;IACxC,4EAA4E;IAC5E,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAA;IAE5B;;;;;OAKG;IACH,eAAe,EAAE,OAAO,CAAA;IAExB,8EAA8E;IAC9E,oBAAoB,EAAE,OAAO,CAAA;IAE7B;;;;;;;OAOG;IACH,QAAQ,EAAE,OAAO,CAAA;IAEjB;;;;;;;;OAQG;IACH,oBAAoB,EAAE,OAAO,CAAA;IAE7B;;;;;;;;;OASG;IACH,SAAS,EAAE,MAAM,CAAA;IAEjB,2DAA2D;IAC3D,qBAAqB,EAAE,OAAO,CAAA;CAC/B,CAAC,CAAA"}

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

package/elements/IconButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../src/elements/IconButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAA4B,KAAK,oBAAoB,EAAE,KAAK,iBAAiB,EAAe,MAAM,OAAO,CAAA;AAGhH,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE3C,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,sBAAsB,CAAA;AASrD,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,GAAG;IACxF,IAAI,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAA;IAClC,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC3B,oBAAoB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACzC,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC/B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAChC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,sDAAsD;IACtD,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC7B,wCAAwC;IACxC,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC/B,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,GAAG,SAAS,CAAA;IACvC,yCAAyC;IACzC,qBAAqB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CAC5C,CAAA;AACD,wBAAgB,UAAU,CAAC,EACzB,MAAuB,EACvB,oBAAoB,EACpB,UAAU,EACV,WAAW,EACX,SAAS,EACT,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,OAAO,EACP,IAAkB,EAClB,KAAK,EACL,IAAe,EACf,qBAA6B,EAC7B,GAAG,WAAW,EACf,EAAE,eAAe,2CAmFjB"}