@mtes-mct/monitor-ui 18.4.2 → 18.5.0

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+## [18.4.2](https://github.com/MTES-MCT/monitor-ui/compare/v18.4.1...v18.4.2) (2024-07-03)
+
+
+### Bug Fixes
+
+* **components:** add tertiary to dropdown ([805e34e](https://github.com/MTES-MCT/monitor-ui/commit/805e34eb2e6a1c8d44e1b9c738f77c8f13186721))
+
+
+### Buid System & Dependencies
+
+* **dev-deps:** bump the non-major-dev-dependencies group across 1 directory with 17 updates ([5313127](https://github.com/MTES-MCT/monitor-ui/commit/53131272261e00bbf36e68b8a2e051a6c06a9b86))
+
 ## [18.4.1](https://github.com/MTES-MCT/monitor-ui/compare/v18.4.0...v18.4.1) (2024-07-02)
 
 ### Bug Fixes

package/elements/Label.d.ts

@@ -1,14 +1,14 @@
 import type { LabelHTMLAttributes } from 'react';
 export type LabelProps = LabelHTMLAttributes<HTMLLabelElement> & {
+    $isHidden?: boolean | undefined;
     $isRequired?: boolean | undefined;
     disabled?: boolean | undefined;
     hasError?: boolean | undefined;
-    isHidden?: boolean | undefined;
 };
 export declare const Label: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, LabelHTMLAttributes<HTMLLabelElement> & {
+    $isHidden?: boolean | undefined;
     $isRequired?: boolean | undefined;
     disabled?: boolean | undefined;
     hasError?: boolean | undefined;
-    isHidden?: boolean | undefined;
-}, "disabled" | keyof LabelHTMLAttributes<HTMLLabelElement> | "isHidden" | "$isRequired" | "hasError">;
+}, "disabled" | keyof LabelHTMLAttributes<HTMLLabelElement> | "$isHidden" | "$isRequired" | "hasError">;
 //# sourceMappingURL=Label.d.ts.map

package/elements/Label.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../src/elements/Label.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAA;AAEhD,MAAM,MAAM,UAAU,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,GAAG;IAC/D,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IACjC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CAC/B,CAAA;AACD,eAAO,MAAM,KAAK;kBALF,OAAO,GAAG,SAAS;eACtB,OAAO,GAAG,SAAS;eACnB,OAAO,GAAG,SAAS;eACnB,OAAO,GAAG,SAAS;sGAmB/B,CAAA"}
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../src/elements/Label.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAA;AAEhD,MAAM,MAAM,UAAU,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,GAAG;IAC/D,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC/B,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IACjC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CAC/B,CAAA;AACD,eAAO,MAAM,KAAK;gBALJ,OAAO,GAAG,SAAS;kBACjB,OAAO,GAAG,SAAS;eACtB,OAAO,GAAG,SAAS;eACnB,OAAO,GAAG,SAAS;uGA4B/B,CAAA"}

package/fields/PhoneInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PhoneInput.d.ts","sourceRoot":"","sources":["../../src/fields/PhoneInput.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAA;AAIvD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAE3C,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,oBAAoB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC1C,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,SAAS,KAAK,UAAU,CAAC,IAAI,CAAC,CAAA;IAC7D,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;CAC1B,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,CAAA;AAWvD;;GAEG;AACH,eAAO,MAAM,UAAU,2HA4DtB,CAAA"}
+{"version":3,"file":"PhoneInput.d.ts","sourceRoot":"","sources":["../../src/fields/PhoneInput.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAA;AAIvD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAE3C,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,oBAAoB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC1C,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,SAAS,KAAK,UAAU,CAAC,IAAI,CAAC,CAAA;IAC7D,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;CAC1B,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,CAAA;AAgBvD;;GAEG;AACH,eAAO,MAAM,UAAU,2HAgEtB,CAAA"}

package/index.js

@@ -54234,7 +54234,6 @@ const Label = styled.label.attrs((props)=>({
     }))`
   color: ${(p)=>// eslint-disable-next-line no-nested-ternary
     p.disabled ? p.theme.color.lightGray : p.hasError ? p.theme.color.maximumRed : p.theme.color.slateGray};
-  display: ${(p)=>p.isHidden ? 'none' : 'block'};
   font-size: 13px;
   line-height: 1.3846;
   margin-bottom: 4px;
@@ -54243,6 +54242,14 @@ const Label = styled.label.attrs((props)=>({
         content:" *";
         color: ${p.theme.color.maximumRed};
       }`}
+  ${(p)=>p.$isHidden && `
+    position:absolute;
+    left:-10000px;
+    top:auto;
+    width:1px;
+    height:1px;
+    overflow:hidden;
+    `}
 `;
 
 const Link$1 = styled.a`
@@ -55177,10 +55184,10 @@ function CheckPicker({ className, customSearch, customSearchMinQueryLength = 1,
         style: style,
         children: [
             /*#__PURE__*/ jsx(Label, {
+                $isHidden: isLabelHidden,
                 $isRequired: isRequired,
                 disabled: disabled,
                 htmlFor: originalProps.name,
-                isHidden: isLabelHidden,
                 children: label
             }),
             /*#__PURE__*/ jsx(StyledRsuitePickerBox, {
@@ -67740,10 +67747,10 @@ function MultiCascader({ className, disabled = false, error, isErrorMessageHidde
         style: style,
         children: [
             /*#__PURE__*/ jsx(Label, {
+                $isHidden: isLabelHidden,
                 $isRequired: isRequired,
                 disabled: disabled,
                 htmlFor: originalProps.name,
-                isHidden: isLabelHidden,
                 children: label
             }),
             /*#__PURE__*/ jsx(Box$1, {
@@ -67873,10 +67880,10 @@ function MultiSelect({ className, customSearch, customSearchMinQueryLength = 1,
         style: style,
         children: [
             /*#__PURE__*/ jsx(Label, {
+                $isHidden: isLabelHidden,
                 $isRequired: isRequired,
                 disabled: disabled,
                 htmlFor: originalProps.name,
-                isHidden: isLabelHidden,
                 children: label
             }),
             /*#__PURE__*/ jsx(Box, {
@@ -68411,10 +68418,10 @@ function NumberInput({ className, disabled = false, error, isErrorMessageHidden
         style: style,
         children: [
             /*#__PURE__*/ jsx(Label, {
+                $isHidden: isLabelHidden,
                 $isRequired: isRequired,
                 disabled: disabled,
                 htmlFor: name,
-                isHidden: isLabelHidden,
                 children: label
             }),
             /*#__PURE__*/ jsx(StyledInput, {
@@ -68557,6 +68564,12 @@ const internationalFormat = {
     },
     mask: '`@@ #[00] 000 000 000 000'
 };
+const internationalFrenchFormat = {
+    definitions: {
+        '@': /0/
+    },
+    mask: '`@@ 00 00 00 00 00'
+};
 const frenchFormat = {
     definitions: {
         '#': /[1-9]/,
@@ -68579,10 +68592,10 @@ const defaultFormat = {
         className: "Field-PhoneInput",
         children: [
             /*#__PURE__*/ jsx(Label, {
+                $isHidden: isLabelHidden,
                 $isRequired: isRequired,
                 disabled: disabled,
                 htmlFor: name,
-                isHidden: isLabelHidden,
                 children: label
             }),
             /*#__PURE__*/ jsx(StyledIMaskInput, {
@@ -68593,18 +68606,22 @@ const defaultFormat = {
                 $isTransparent: isTransparent,
                 disabled: disabled,
                 dispatch: (appended, dynamicMasked)=>{
-                    const phoneNumber = dynamicMasked.unmaskedValue + appended;
+                    const phoneNumber = (dynamicMasked.unmaskedValue + appended).replace(/\s+/g, '');
                     if (phoneNumber.startsWith('00')) {
+                        if (value && value.length === 12 && phoneNumber === value) {
+                            return dynamicMasked.compiledMasks[1];
+                        }
                         return dynamicMasked.compiledMasks[0];
                     }
                     if (phoneNumber.startsWith('0') && value && value.length <= 10 && phoneNumber === value) {
-                        return dynamicMasked.compiledMasks[1];
+                        return dynamicMasked.compiledMasks[2];
                     }
-                    return dynamicMasked.compiledMasks[2];
+                    return dynamicMasked.compiledMasks[3];
                 },
                 id: name,
                 mask: [
                     internationalFormat,
+                    internationalFrenchFormat,
                     frenchFormat,
                     defaultFormat
                 ],
@@ -68843,10 +68860,10 @@ function Search({ className, customSearch = undefined, customSearchMinQueryLengt
         style: style,
         children: [
             /*#__PURE__*/ jsx(Label, {
+                $isHidden: isLabelHidden,
                 $isRequired: isRequired,
                 disabled: disabled,
                 htmlFor: originalProps.name,
-                isHidden: isLabelHidden,
                 children: label
             }),
             /*#__PURE__*/ jsxs(StyledInputBox, {
@@ -69007,10 +69024,10 @@ function Select({ className, customSearch, customSearchMinQueryLength = 1, disab
         style: style,
         children: [
             /*#__PURE__*/ jsx(Label, {
+                $isHidden: isLabelHidden,
                 $isRequired: isRequired,
                 disabled: disabled,
                 htmlFor: originalProps.name,
-                isHidden: isLabelHidden,
                 children: label
             }),
             /*#__PURE__*/ jsx(StyledRsuitePickerBox, {
@@ -69082,10 +69099,10 @@ function Textarea({ className, disabled = false, error, isErrorMessageHidden = f
         style: style,
         children: [
             /*#__PURE__*/ jsx(Label, {
+                $isHidden: isLabelHidden,
                 $isRequired: isRequired,
                 disabled: disabled,
                 htmlFor: originalProps.name,
-                isHidden: isLabelHidden,
                 children: label
             }),
             /*#__PURE__*/ jsx(StyledRsuiteInput, {
@@ -69185,10 +69202,10 @@ function TextInput({ className, disabled = false, error, Icon, isErrorMessageHid
         style: style,
         children: [
             /*#__PURE__*/ jsx(Label, {
+                $isHidden: isLabelHidden,
                 $isRequired: isRequired,
                 disabled: disabled,
                 htmlFor: name,
-                isHidden: isLabelHidden,
                 children: label
             }),
             /*#__PURE__*/ jsxs(StyledInputBox, {
@@ -69341,10 +69358,10 @@ function Toggle({ checked = false, className, dataCy, disabled = false, error, i
         style: style,
         children: [
             /*#__PURE__*/ jsx(Label, {
+                $isHidden: isLabelHidden,
                 $isRequired: isRequired,
                 disabled: disabled,
                 htmlFor: originalProps.name,
-                isHidden: isLabelHidden,
                 children: label
             }),
             /*#__PURE__*/ jsx(StyledToggle, {

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