@mtes-mct/monitor-ui 21.0.0 → 21.1.0

package/CHANGELOG.md

@@ -1,3 +1,23 @@
+## [21.0.1](https://github.com/MTES-MCT/monitor-ui/compare/v21.0.0...v21.0.1) (2024-08-14)
+
+
+### Bug Fixes
+
+* **cypress:** allow string id in cy.getTableRowById() command ([b97fa08](https://github.com/MTES-MCT/monitor-ui/commit/b97fa086760c912466e73e226170f4d0809a8367))
+
+
+### Buid System & Dependencies
+
+* bump yarn from v4.0.2 to v4.4.0 ([be8e50d](https://github.com/MTES-MCT/monitor-ui/commit/be8e50da1787e8329a4013b304169b2751620fb6))
+
+## [21.0.0](https://github.com/MTES-MCT/monitor-ui/compare/v20.0.0...v21.0.0) (2024-08-12)
+
+
+### Buid System & Dependencies
+
+* **dev-deps:** bump the all-non-major-dependencies group ([32cf7e9](https://github.com/MTES-MCT/monitor-ui/commit/32cf7e9cbb06b8204c27cae6ea88ef8a7e16f933))
+* **peer-deps:** allow @sentry/react v7 ([b87acc2](https://github.com/MTES-MCT/monitor-ui/commit/b87acc2f27740d955b737a77e933f10a91a55dbd))
+
 ## [20.0.0](https://github.com/MTES-MCT/monitor-ui/compare/v19.0.0...v20.0.0) (2024-08-08)
 
 

package/cypress/global.d.ts

@@ -73,7 +73,7 @@ declare namespace Cypress {
      *   cy.getDataCy('my-list').getTableRowByText(42).clickButton('Edit')
      * ```
      */
-    getTableRowById(id: number): Chainable<JQuery<HTMLElement>>
+    getTableRowById(id: number | string): Chainable<JQuery<HTMLElement>>
 
     /**
      * @description Only works with `<SimpleTable />` tables.

package/elements/IconButton.d.ts

@@ -13,8 +13,9 @@ export type IconButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'chi
     /** Remove button border and padding. */
     isCompact?: boolean | undefined;
     size?: Size | undefined;
+    style?: React.CSSProperties | undefined;
     /** Prevent onClick event propagation. */
     withUnpropagatedClick?: boolean | undefined;
 };
-export declare function IconButton({ accent, badgeBackgroundColor, badgeColor, badgeNumber, className, color, Icon, iconSize, isCompact, onClick, size, type, withUnpropagatedClick, ...nativeProps }: IconButtonProps): import("react/jsx-runtime").JSX.Element;
+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

package/elements/IconButton.d.ts.map

@@ -1 +1 @@
-{"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;AAIhH,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC3C,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,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,IAAe,EACf,qBAA6B,EAC7B,GAAG,WAAW,EACf,EAAE,eAAe,2CAqEjB"}
+{"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;AAIhH,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC3C,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,2CAqEjB"}

package/index.js

@@ -53566,7 +53566,7 @@ const ICON_SIZE_IN_PX = {
     [Size.NORMAL]: 20,
     [Size.SMALL]: 14
 };
-function IconButton({ accent = Accent.PRIMARY, badgeBackgroundColor, badgeColor, badgeNumber, className, color, Icon, iconSize, isCompact, onClick, size = Size.NORMAL, type = 'button', withUnpropagatedClick = false, ...nativeProps }) {
+function IconButton({ accent = Accent.PRIMARY, badgeBackgroundColor, badgeColor, badgeNumber, className, color, Icon, iconSize, isCompact, onClick, size = Size.NORMAL, style, type = 'button', withUnpropagatedClick = false, ...nativeProps }) {
     const handleClick = useCallback((event)=>{
         if (withUnpropagatedClick) {
             stopMouseEventPropagation(event);
@@ -53589,14 +53589,13 @@ function IconButton({ accent = Accent.PRIMARY, badgeBackgroundColor, badgeColor,
     ]);
     const commonProps = useMemo(()=>({
             children: commonChildren,
-            className: classnames('Element-IconButton', className),
+            className: classnames('Element-IconButton'),
             isCompact,
             onClick: handleClick,
             size,
             type,
             ...nativeProps
         }), [
-        className,
         commonChildren,
         handleClick,
         isCompact,
@@ -53607,6 +53606,8 @@ function IconButton({ accent = Accent.PRIMARY, badgeBackgroundColor, badgeColor,
     switch(accent){
         case Accent.SECONDARY:
             return /*#__PURE__*/ jsxs(Wrapper$2, {
+                className: className,
+                style: style,
                 children: [
                     !!badgeNumber && /*#__PURE__*/ jsx(BadgeNumber, {
                         backgroundColor: badgeBackgroundColor,
@@ -53622,6 +53623,8 @@ function IconButton({ accent = Accent.PRIMARY, badgeBackgroundColor, badgeColor,
             });
         case Accent.TERTIARY:
             return /*#__PURE__*/ jsxs(Wrapper$2, {
+                className: className,
+                style: style,
                 children: [
                     !!badgeNumber && /*#__PURE__*/ jsx(BadgeNumber, {
                         backgroundColor: badgeBackgroundColor,
@@ -53637,6 +53640,8 @@ function IconButton({ accent = Accent.PRIMARY, badgeBackgroundColor, badgeColor,
             });
         default:
             return /*#__PURE__*/ jsxs(Wrapper$2, {
+                className: className,
+                style: style,
                 children: [
                     !!badgeNumber && /*#__PURE__*/ jsx(BadgeNumber, {
                         backgroundColor: badgeBackgroundColor,

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