@mtes-mct/monitor-ui 23.5.0 → 24.1.0

package/CHANGELOG.md

@@ -1,3 +1,44 @@
+## [24.0.0](https://github.com/MTES-MCT/monitor-ui/compare/v23.5.0...v24.0.0) (2024-10-14)
+
+
+### ⚠ BREAKING CHANGES
+
+* **elements:** - `children` prop is now a required prop in `<LinkButton />`.
+- `<p>` wrapper has been removed from `<LinkButton />` string  `children`.
+
+### Bug Fixes
+
+* **elements:** fix displayName prop in Link ([531b19d](https://github.com/MTES-MCT/monitor-ui/commit/531b19d72d02ee4a06f7b8aafd6bab6597678ba6))
+* **elements:** remove p tag & enforce string children in LinkButton ([c7e7279](https://github.com/MTES-MCT/monitor-ui/commit/c7e72791f071400e0975fb8003b8ff4789159f53))
+
+
+### Buid System & Dependencies
+
+* **dev-deps:** bump @rollup/plugin-replace from 5.0.7 to 6.0.1 ([75653c3](https://github.com/MTES-MCT/monitor-ui/commit/75653c3585df9e82f2f9da60d2896f80ced083af))
+* **dev-deps:** bump eslint-plugin-typescript-sort-keys ([3573ab8](https://github.com/MTES-MCT/monitor-ui/commit/3573ab85648a5e39e201c23bd3698e50411fda8a))
+* **dev-deps:** bump the all-non-major-dependencies group ([9742d5a](https://github.com/MTES-MCT/monitor-ui/commit/9742d5a0b95b322d53764d5c111f1507e8ee6f32))
+* **dev-deps:** bump the non-major-dev-dependencies group with 11 updates ([957ed38](https://github.com/MTES-MCT/monitor-ui/commit/957ed388f90590304a2aa427e6c8af5eb927ff59))
+
+## [23.5.0](https://github.com/MTES-MCT/monitor-ui/compare/v23.4.0...v23.5.0) (2024-10-07)
+
+
+### Features
+
+* **fields:** rollback pointer-events hack in Select ([799e911](https://github.com/MTES-MCT/monitor-ui/commit/799e911d7c63a9e7c726f0c25f9a0e41a04a0bb6))
+
+
+### Bug Fixes
+
+* **cypress:** pass missing option to retry in clickButton() ([e70f974](https://github.com/MTES-MCT/monitor-ui/commit/e70f974b69cf63fed285733ca5266fb5ebcffc7f))
+
+
+### Buid System & Dependencies
+
+* **deps:** bump @babel/runtime in the non-major-dependencies group ([7c18617](https://github.com/MTES-MCT/monitor-ui/commit/7c18617e56f86c851b388e33be61b23874aaec5d))
+* **dev-deps:** bump @semantic-release/release-notes-generator ([418147a](https://github.com/MTES-MCT/monitor-ui/commit/418147a72baa1ee0ec195d8cd71e330c727fc1db))
+* **dev-deps:** bump the all-non-major-dependencies group ([0fd5de1](https://github.com/MTES-MCT/monitor-ui/commit/0fd5de1837b981e902a5c7b3ac68f275f421e5f4))
+* **dev-deps:** bump the non-major-dev-dependencies group with 20 updates ([fe9aa0e](https://github.com/MTES-MCT/monitor-ui/commit/fe9aa0ee317ef2a3d9a4da392d1cc6b11b018617))
+
 ## [23.4.0](https://github.com/MTES-MCT/monitor-ui/compare/v23.3.0...v23.4.0) (2024-09-30)
 
 

package/elements/LinkButton.d.ts

@@ -3,7 +3,7 @@ import { type IconProps } from '@types_/definitions';
 import { type ButtonHTMLAttributes, type FunctionComponent, type ReactNode } from 'react';
 export type LinkButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
     Icon?: FunctionComponent<IconProps> | undefined;
-    children?: string | ReactNode | undefined;
+    children: string | ReactNode;
     size?: Size | undefined;
 };
 export declare function LinkButton({ children, className, Icon, size, ...props }: Readonly<LinkButtonProps>): import("react/jsx-runtime").JSX.Element;

package/elements/LinkButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LinkButton.d.ts","sourceRoot":"","sources":["../../src/elements/LinkButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAEjC,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAGpD,OAAO,EAAE,KAAK,oBAAoB,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAGzF,MAAM,MAAM,eAAe,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IACtE,IAAI,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,GAAG,SAAS,CAAA;IAC/C,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,CAAA;IACzC,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;CACxB,CAAA;AACD,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,IAAkB,EAAE,GAAG,KAAK,EAAE,EAAE,QAAQ,CAAC,eAAe,CAAC,2CAWhH"}
+{"version":3,"file":"LinkButton.d.ts","sourceRoot":"","sources":["../../src/elements/LinkButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAEjC,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAEpD,OAAO,EAAE,KAAK,oBAAoB,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAGzF,MAAM,MAAM,eAAe,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IACtE,IAAI,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,GAAG,SAAS,CAAA;IAC/C,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAA;IAC5B,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;CACxB,CAAA;AACD,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,IAAkB,EAAE,GAAG,KAAK,EAAE,EAAE,QAAQ,CAAC,eAAe,CAAC,2CAWhH"}

package/index.js

@@ -21874,43 +21874,43 @@ var index = /*#__PURE__*/Object.freeze({
 	Warning: Warning
 });
 
-var Accent;
-(function(Accent) {
+var Accent = /*#__PURE__*/ function(Accent) {
     Accent["ERROR"] = "ERROR";
     Accent["PRIMARY"] = "PRIMARY";
     Accent["SECONDARY"] = "SECONDARY";
     Accent["TERTIARY"] = "TERTIARY";
     Accent["WARNING"] = "WARNING";
-})(Accent || (Accent = {}));
-var Level;
-(function(Level) {
+    return Accent;
+}({});
+var Level = /*#__PURE__*/ function(Level) {
     Level["ERROR"] = "ERROR";
     Level["INFO"] = "INFO";
     Level["SUCCESS"] = "SUCCESS";
     Level["WARNING"] = "WARNING";
-})(Level || (Level = {}));
-var CoordinatesFormat;
-(function(CoordinatesFormat) {
+    return Level;
+}({});
+var CoordinatesFormat = /*#__PURE__*/ function(CoordinatesFormat) {
     CoordinatesFormat["DECIMAL_DEGREES"] = "DD";
     CoordinatesFormat["DEGREES_MINUTES_DECIMALS"] = "DMD";
     CoordinatesFormat["DEGREES_MINUTES_SECONDS"] = "DMS";
-})(CoordinatesFormat || (CoordinatesFormat = {}));
-var RichBoolean;
-(function(RichBoolean) {
+    return CoordinatesFormat;
+}({});
+var RichBoolean = /*#__PURE__*/ function(RichBoolean) {
     RichBoolean["BOTH"] = "BOTH";
     RichBoolean["FALSE"] = "FALSE";
     RichBoolean["TRUE"] = "TRUE";
-})(RichBoolean || (RichBoolean = {}));
-var Size;
-(function(Size) {
+    return RichBoolean;
+}({});
+var Size = /*#__PURE__*/ function(Size) {
     Size["LARGE"] = "LARGE";
     Size["NORMAL"] = "NORMAL";
     Size["SMALL"] = "SMALL";
-})(Size || (Size = {}));
-var TagBullet;
-(function(TagBullet) {
+    return Size;
+}({});
+var TagBullet = /*#__PURE__*/ function(TagBullet) {
     TagBullet["DISK"] = "DISK";
-})(TagBullet || (TagBullet = {}));
+    return TagBullet;
+}({});
 const WSG84_PROJECTION = 'EPSG:4326';
 const OPENLAYERS_PROJECTION = 'EPSG:3857';
 
@@ -53986,7 +53986,7 @@ const Box$c = styled.div`
 
 function LinkButton({ children, className, Icon, size = Size.NORMAL, ...props }) {
     const controlledClassName = classnames('Element-LinkButton', className);
-    return /*#__PURE__*/ jsx(StyledLinkButton, {
+    return /*#__PURE__*/ jsx(StyledLinkButton$1, {
         $size: size,
         className: controlledClassName,
         ...props,
@@ -53996,11 +53996,7 @@ function LinkButton({ children, className, Icon, size = Size.NORMAL, ...props })
                     color: THEME.color.slateGray,
                     size: ICON_SIZE$1[size]
                 }),
-                lodashExports.isString(children) ? /*#__PURE__*/ jsx("p", {
-                    children: children
-                }) : /*#__PURE__*/ jsx(Fragment, {
-                    children: children
-                })
+                children
             ]
         })
     });
@@ -54015,7 +54011,7 @@ const ICON_SIZE$1 = {
     [Size.NORMAL]: 13,
     [Size.SMALL]: 11
 };
-const StyledLinkButton = styled.button`
+const StyledLinkButton$1 = styled.button`
   align-items: flex-end;
   background: transparent;
   color: ${(p)=>p.theme.color.slateGray};
@@ -54029,6 +54025,7 @@ const StyledLinkButton = styled.button`
   &:hover,
   &._hover {
     color: ${(p)=>p.theme.color.blueYonder};
+
     svg {
       color: ${(p)=>p.theme.color.blueYonder};
     }
@@ -54037,6 +54034,7 @@ const StyledLinkButton = styled.button`
   &:active,
   &._active {
     color: ${(p)=>p.theme.color.blueGray};
+
     svg {
       color: ${(p)=>p.theme.color.blueGray};
     }
@@ -54045,6 +54043,7 @@ const StyledLinkButton = styled.button`
   &:disabled,
   &._disabled {
     color: ${(p)=>p.theme.color.lightGray};
+
     svg {
       color: ${(p)=>p.theme.color.lightGray};
     }
@@ -54161,12 +54160,10 @@ function Banner({ children, className = undefined, closingDelay = 3000, isClosab
                             Icon: Close,
                             title: isClosable ? 'Fermer' : 'Masquer'
                         }),
-                        !isClosable && isCollapsible && /*#__PURE__*/ jsx(LinkButton, {
+                        !isClosable && isCollapsible && /*#__PURE__*/ jsx(StyledLinkButton, {
+                            $level: level,
                             size: Size.LARGE,
-                            children: /*#__PURE__*/ jsx(HideText, {
-                                $level: level,
-                                children: "Masquer"
-                            })
+                            children: "Masquer"
                         })
                     ]
                 })
@@ -54204,7 +54201,7 @@ const ContentWrapper = styled.div`
 const ButtonWrapper = styled.div`
   align-self: center;
 `;
-const HideText = styled.span`
+const StyledLinkButton = styled(LinkButton)`
   ${(p)=>p.$level === Level.ERROR ? css`
           color: ${getBannerPalette(p.$level).color};
           text-decoration: ${getBannerPalette(p.$level).color} underline;
@@ -54551,7 +54548,7 @@ const Link$1 = styled.a`
     }
   }
 `;
-Link$1.displayName = 'LinkButton';
+Link$1.displayName = 'Link';
 
 function Tag({ accent, backgroundColor, borderColor, children, className, color, Icon, iconColor, isLight = false, withCircleIcon = false, ...nativeProps }) {
     const commonChildren = useMemo(()=>{
@@ -56361,11 +56358,6 @@ function addCommon() {
 
 addCommon();
 
-var CoordinateLatLon;
-(function(CoordinateLatLon) {
-    CoordinateLatLon["LATITUDE"] = "LATITUDE";
-    CoordinateLatLon["LONGITUDE"] = "LONGITUDE";
-})(CoordinateLatLon || (CoordinateLatLon = {}));
 /**
  * Get coordinates in the specified format
  * @param {number[]} coordinates - Coordinates ([longitude, latitude]) in decimal format.
@@ -65755,6 +65747,15 @@ var dayjs_min = {exports: {}};
 var dayjs_minExports = dayjs_min.exports;
 var customDayjs = /*@__PURE__*/getDefaultExportFromCjs(dayjs_minExports);
 
+var relativeTime$1 = {exports: {}};
+
+(function (module, exports) {
+	!function(r,e){module.exports=e();}(commonjsGlobal,(function(){return function(r,e,t){r=r||{};var n=e.prototype,o={future:"in %s",past:"%s ago",s:"a few seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"};function i(r,e,t,o){return n.fromToBase(r,e,t,o)}t.en.relativeTime=o,n.fromToBase=function(e,n,i,d,u){for(var f,a,s,l=i.$locale().relativeTime||o,h=r.thresholds||[{l:"s",r:44,d:"second"},{l:"m",r:89},{l:"mm",r:44,d:"minute"},{l:"h",r:89},{l:"hh",r:21,d:"hour"},{l:"d",r:35},{l:"dd",r:25,d:"day"},{l:"M",r:45},{l:"MM",r:10,d:"month"},{l:"y",r:17},{l:"yy",d:"year"}],m=h.length,c=0;c<m;c+=1){var y=h[c];y.d&&(f=d?t(e).diff(i,y.d,!0):i.diff(e,y.d,!0));var p=(r.rounding||Math.round)(Math.abs(f));if(s=f>0,p<=y.r||!y.r){p<=1&&c>0&&(y=h[c-1]);var v=l[y.l];u&&(p=u(""+p)),a="string"==typeof v?v.replace("%d",p):v(p,n,y.l,s);break}}if(n)return a;var M=s?l.future:l.past;return "function"==typeof M?M(a):M.replace("%s",a)},n.to=function(r,e){return i(r,e,this,!0)},n.from=function(r,e){return i(r,e,this)};var d=function(r){return r.$u?t.utc():t()};n.toNow=function(r){return this.to(d(this),r)},n.fromNow=function(r){return this.from(d(this),r)};}})); 
+} (relativeTime$1));
+
+var relativeTimeExports = relativeTime$1.exports;
+var relativeTime = /*@__PURE__*/getDefaultExportFromCjs(relativeTimeExports);
+
 var fr = {exports: {}};
 
 (function (module, exports) {
@@ -65765,6 +65766,7 @@ customDayjs.extend(isSameOrAfter);
 customDayjs.extend(isSameOrBefore);
 customDayjs.extend(localeData);
 customDayjs.extend(quarterOfYear);
+customDayjs.extend(relativeTime);
 customDayjs.extend(timezone);
 customDayjs.extend(updateLocale);
 customDayjs.extend(utc);
@@ -66111,12 +66113,6 @@ const RSUITE_CALENDAR_LOCALE = {
     wednesday: 'M',
     yesterday: 'Hier'
 };
-var STATUS;
-(function(STATUS) {
-    STATUS["END_DATE"] = "END_DATE";
-    STATUS["NO_DATE"] = "NO_DATE";
-    STATUS["START_DATE"] = "START_DATE";
-})(STATUS || (STATUS = {}));
 
 function formatNumberAsDoubleDigit(numberLike) {
     return String(numberLike).padStart(2, '0');
@@ -67321,11 +67317,11 @@ function RangeCalendarPicker({ defaultValue, hasSingleCalendar = false, isHistor
     });
 }
 
-var DateRangePosition;
-(function(DateRangePosition) {
+var DateRangePosition = /*#__PURE__*/ function(DateRangePosition) {
     DateRangePosition["END"] = "END";
     DateRangePosition["START"] = "START";
-})(DateRangePosition || (DateRangePosition = {}));
+    return DateRangePosition;
+}({});
 
 function DateRangePicker({ baseContainer, className, defaultValue, disabled = false, error, hasSingleCalendar = false, isCompact = false, isErrorMessageHidden = false, isHistorical = false, isLabelHidden = false, isLight = false, isRequired = false, isStringDate = false, isTransparent = false, isUndefinedWhenDisabled = false, label, minutesRange = 15, name, onChange, // eslint-disable-next-line @typescript-eslint/naming-convention
 readOnly = false, style, withTime = false, ...nativeProps }) {
@@ -70132,7 +70128,6 @@ const Dot = styled.span`
   background-color: ${(p)=>p.$backgroundColor ?? 'transparent'};
 `;
 
-var ControlUnit;
 (function(ControlUnit) {
     (function(ControlUnitContactPredefinedName) {
         ControlUnitContactPredefinedName["ADJUNCT"] = "Adjoint";
@@ -70224,12 +70219,6 @@ var ControlUnit;
         ["TRAINING_SHIP"]: 'Bâtiment-école',
         ["TUGBOAT"]: 'Remorqueur'
     };
-    // List of PAM units identifiers
-    // 10141 PAM Gyptis
-    // 10404 PAM Iris
-    // 10121 PAM Jeanne Barret
-    // 10345 PAM Osiris
-    // 10080 PAM Themis
     ControlUnit.PAMControlUnitIds = [
         10141,
         10404,
@@ -70238,6 +70227,7 @@ var ControlUnit;
         10080
     ];
 })(ControlUnit || (ControlUnit = {}));
+var ControlUnit;
 
 function getControlUnitResourceCategoryFromType(type) {
     switch(type){
@@ -70274,7 +70264,6 @@ function getControlUnitResourceCategoryFromType(type) {
     }
 }
 
-var Mission;
 (function(Mission) {
     (function(MissionSourceEnum) {
         MissionSourceEnum["MONITORENV"] = "MONITORENV";
@@ -70284,6 +70273,7 @@ var Mission;
         MissionSourceEnum["RAPPORTNAV"] = "RAPPORTNAV";
     })(Mission.MissionSourceEnum || (Mission.MissionSourceEnum = {}));
 })(Mission || (Mission = {}));
+var Mission;
 
 function useDeepCompareEffect(effect, deps) {
     const previousValue = usePrevious(deps);

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

package/utils/customDayjs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"customDayjs.d.ts","sourceRoot":"","sources":["../../src/utils/customDayjs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,OAAO,iBAAiB,CAAA;AAaxB,OAAO,EAAE,KAAK,IAAI,WAAW,EAAE,CAAA"}
+{"version":3,"file":"customDayjs.d.ts","sourceRoot":"","sources":["../../src/utils/customDayjs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAWzB,OAAO,iBAAiB,CAAA;AAcxB,OAAO,EAAE,KAAK,IAAI,WAAW,EAAE,CAAA"}