@mtes-mct/monitor-ui 21.2.1 → 22.0.0

package/CHANGELOG.md

@@ -1,3 +1,29 @@
+## [21.3.0](https://github.com/MTES-MCT/monitor-ui/compare/v21.2.1...v21.3.0) (2024-09-06)
+
+
+### Features
+
+* **fields:** add areArrowsHidden prop to NumberInput ([6dad78e](https://github.com/MTES-MCT/monitor-ui/commit/6dad78ea5406295ee0cf97cc2dc7355c3d655761))
+
+
+### Buid System & Dependencies
+
+* **deps:** bump @babel/runtime in the non-major-dependencies group ([ad6262c](https://github.com/MTES-MCT/monitor-ui/commit/ad6262c22e5cdfa701e9f72a2519b65bd5e2be3e))
+
+## [21.2.1](https://github.com/MTES-MCT/monitor-ui/compare/v21.2.0...v21.2.1) (2024-09-06)
+
+
+### Bug Fixes
+
+* **utils:** sort by French natural order in getOptionsFromLabelledEnum() ([3803823](https://github.com/MTES-MCT/monitor-ui/commit/38038234d4aa389178c80fe89f88e6429aef530c))
+
+
+### Buid System & Dependencies
+
+* **deps:** bump micromatch from 4.0.5 to 4.0.8 ([7866fa1](https://github.com/MTES-MCT/monitor-ui/commit/7866fa1c8c0c68aa038e3fb3a0a66994437eef54))
+* **deps:** bump the non-major-dependencies group with 3 updates ([0ac790e](https://github.com/MTES-MCT/monitor-ui/commit/0ac790ed596abe0192b68b4cdd5760352cac7862))
+* **dev-deps:** bump the all-non-major-dependencies group ([ca16c6b](https://github.com/MTES-MCT/monitor-ui/commit/ca16c6b6a6974ec339ca131017aa04b1146e5dea))
+
 ## [21.2.0](https://github.com/MTES-MCT/monitor-ui/compare/v21.1.1...v21.2.0) (2024-08-27)
 
 

package/elements/Label.d.ts

@@ -1,14 +1,14 @@
 import type { LabelHTMLAttributes } from 'react';
 export type LabelProps = LabelHTMLAttributes<HTMLLabelElement> & {
+    $hasError?: boolean | undefined;
+    $idDisabled?: boolean | undefined;
+    $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> & {
+    $hasError?: boolean | undefined;
+    $idDisabled?: boolean | undefined;
+    $isHidden?: boolean | undefined;
     $isRequired?: boolean | undefined;
-    disabled?: boolean | undefined;
-    hasError?: boolean | undefined;
-    isHidden?: boolean | undefined;
-}, "disabled" | keyof LabelHTMLAttributes<HTMLLabelElement> | "isHidden" | "$isRequired" | "hasError">;
+}, keyof LabelHTMLAttributes<HTMLLabelElement> | "$isHidden" | "$isRequired" | "$hasError" | "$idDisabled">;
 //# 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,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC/B,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CAClC,CAAA;AACD,eAAO,MAAM,KAAK;gBALJ,OAAO,GAAG,SAAS;kBACjB,OAAO,GAAG,SAAS;gBACrB,OAAO,GAAG,SAAS;kBACjB,OAAO,GAAG,SAAS;2GAmBlC,CAAA"}

package/fields/NumberInput.d.ts

@@ -1,6 +1,7 @@
 import { type InputProps } from 'rsuite';
 import type { Promisable } from 'type-fest';
 export type NumberInputProps = Omit<InputProps, 'as' | 'defaultValue' | 'id' | 'onChange' | 'type' | 'value'> & {
+    areArrowsHidden?: boolean | undefined;
     disabled?: boolean | undefined;
     error?: string | undefined;
     isErrorMessageHidden?: boolean | undefined;
@@ -15,5 +16,5 @@ export type NumberInputProps = Omit<InputProps, 'as' | 'defaultValue' | 'id' | '
     readOnly?: boolean | undefined;
     value?: number | undefined;
 };
-export declare function NumberInput({ className, disabled, error, isErrorMessageHidden, isLabelHidden, isLight, isRequired, isTransparent, isUndefinedWhenDisabled, label, name, onBlur, onChange, onFocus, readOnly, style, value, ...originalProps }: NumberInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function NumberInput({ areArrowsHidden, className, disabled, error, isErrorMessageHidden, isLabelHidden, isLight, isRequired, isTransparent, isUndefinedWhenDisabled, label, name, onBlur, onChange, onFocus, readOnly, style, value, ...originalProps }: NumberInputProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=NumberInput.d.ts.map

package/fields/NumberInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../src/fields/NumberInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,QAAQ,CAAA;AAiB/C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAE3C,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,UAAU,EAAE,IAAI,GAAG,cAAc,GAAG,IAAI,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,CAAC,GAAG;IAC9G,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,oBAAoB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC1C,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IACnC,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAChC,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IACnC,uBAAuB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7C,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,SAAS,KAAK,UAAU,CAAC,IAAI,CAAC,CAAA;IAC9D,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAC3B,CAAA;AACD,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,QAAgB,EAChB,KAAK,EACL,oBAA4B,EAC5B,aAAqB,EACrB,OAAe,EACf,UAAkB,EAClB,aAAqB,EACrB,uBAA+B,EAC/B,KAAK,EACL,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,OAAO,EACP,QAAgB,EAChB,KAAK,EACL,KAAK,EACL,GAAG,aAAa,EACjB,EAAE,gBAAgB,2CA8ElB"}
+{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../src/fields/NumberInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,QAAQ,CAAA;AAiB/C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAE3C,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,UAAU,EAAE,IAAI,GAAG,cAAc,GAAG,IAAI,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,CAAC,GAAG;IAC9G,eAAe,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IACrC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,oBAAoB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC1C,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IACnC,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAChC,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IACnC,uBAAuB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7C,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,SAAS,KAAK,UAAU,CAAC,IAAI,CAAC,CAAA;IAC9D,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAC3B,CAAA;AACD,wBAAgB,WAAW,CAAC,EAC1B,eAAuB,EACvB,SAAS,EACT,QAAgB,EAChB,KAAK,EACL,oBAA4B,EAC5B,aAAqB,EACrB,OAAe,EACf,UAAkB,EAClB,aAAqB,EACrB,uBAA+B,EAC/B,KAAK,EACL,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,OAAO,EACP,QAAgB,EAChB,KAAK,EACL,KAAK,EACL,GAAG,aAAa,EACjB,EAAE,gBAAgB,2CA+ElB"}

package/index.js

@@ -53465,11 +53465,11 @@ const PADDING$2 = {
 const StyledButton$1 = styled.button`
   align-items: center;
   display: inline-flex;
-  font-size: ${(p)=>FONT_SIZE$1[p.size]};
+  font-size: ${(p)=>FONT_SIZE$1[p.$size]};
   justify-content: center;
   max-width: 100%;
-  padding: ${(p)=>PADDING$2[p.size]};
-  width: ${(p)=>p.isFullWidth ? '100%' : 'auto'};
+  padding: ${(p)=>PADDING$2[p.$size]};
+  width: ${(p)=>p.$isFullWidth ? '100%' : 'auto'};
 
   > .Element-IconBox {
     margin-right: 5px;
@@ -54433,8 +54433,8 @@ const Label = styled.label.attrs((props)=>({
         className: classnames('Element-Label', props.className)
     }))`
   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'};
+    p.$idDisabled ? 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;
@@ -55377,10 +55377,10 @@ function CheckPicker({ className, customSearch, customSearchMinQueryLength = 1,
         style: style,
         children: [
             /*#__PURE__*/ jsx(Label, {
+                $idDisabled: disabled,
+                $isHidden: isLabelHidden,
                 $isRequired: isRequired,
-                disabled: disabled,
                 htmlFor: originalProps.name,
-                isHidden: isLabelHidden,
                 children: label
             }),
             /*#__PURE__*/ jsx(StyledRsuitePickerBox, {
@@ -67941,10 +67941,10 @@ function MultiCascader({ className, disabled = false, error, isErrorMessageHidde
         style: style,
         children: [
             /*#__PURE__*/ jsx(Label, {
+                $idDisabled: disabled,
+                $isHidden: isLabelHidden,
                 $isRequired: isRequired,
-                disabled: disabled,
                 htmlFor: originalProps.name,
-                isHidden: isLabelHidden,
                 children: label
             }),
             /*#__PURE__*/ jsx(Box$1, {
@@ -68074,10 +68074,10 @@ function MultiSelect({ className, customSearch, customSearchMinQueryLength = 1,
         style: style,
         children: [
             /*#__PURE__*/ jsx(Label, {
+                $idDisabled: disabled,
+                $isHidden: isLabelHidden,
                 $isRequired: isRequired,
-                disabled: disabled,
                 htmlFor: originalProps.name,
-                isHidden: isLabelHidden,
                 children: label
             }),
             /*#__PURE__*/ jsx(Box, {
@@ -68560,7 +68560,7 @@ const Link = styled.a`
   }
 `;
 
-function NumberInput({ className, disabled = false, error, isErrorMessageHidden = false, isLabelHidden = false, isLight = false, isRequired = false, isTransparent = false, isUndefinedWhenDisabled = false, label, name, onBlur, onChange, onFocus, readOnly = false, style, value, ...originalProps }) {
+function NumberInput({ areArrowsHidden = false, className, disabled = false, error, isErrorMessageHidden = false, isLabelHidden = false, isLight = false, isRequired = false, isTransparent = false, isUndefinedWhenDisabled = false, label, name, onBlur, onChange, onFocus, readOnly = false, style, value, ...originalProps }) {
     // eslint-disable-next-line no-null/no-null
     const inputRef = useRef(null);
     const controlledClassname = useMemo(()=>classnames('Field-NumberInput', className), [
@@ -68612,14 +68612,15 @@ function NumberInput({ className, disabled = false, error, isErrorMessageHidden
         style: style,
         children: [
             /*#__PURE__*/ jsx(Label, {
+                $idDisabled: disabled,
+                $isHidden: isLabelHidden,
                 $isRequired: isRequired,
-                disabled: disabled,
                 htmlFor: name,
-                isHidden: isLabelHidden,
                 children: label
             }),
             /*#__PURE__*/ jsx(StyledInput, {
                 ref: inputRef,
+                $areArrowsHidden: areArrowsHidden,
                 $hasError: hasError,
                 $isDisabled: disabled,
                 $isLight: isLight,
@@ -68654,6 +68655,15 @@ const StyledInput = styled(Input)`
   vertical-align: center;
   width: 100%;
 
+  ${(p)=>p.$areArrowsHidden && css`
+      -moz-appearance: textfield;
+
+      &::-webkit-outer-spin-button,
+      &::-webkit-inner-spin-button {
+        -webkit-appearance: none;
+      }
+    `}
+
   &::placeholder {
     color: ${getFieldPlaceholderColorFactoryForState('default')};
   }
@@ -68786,10 +68796,10 @@ const defaultFormat = {
         className: "Field-PhoneInput",
         children: [
             /*#__PURE__*/ jsx(Label, {
+                $idDisabled: disabled,
+                $isHidden: isLabelHidden,
                 $isRequired: isRequired,
-                disabled: disabled,
                 htmlFor: name,
-                isHidden: isLabelHidden,
                 children: label
             }),
             /*#__PURE__*/ jsx(StyledIMaskInput, {
@@ -69054,10 +69064,10 @@ function Search({ className, customSearch = undefined, customSearchMinQueryLengt
         style: style,
         children: [
             /*#__PURE__*/ jsx(Label, {
+                $idDisabled: disabled,
+                $isHidden: isLabelHidden,
                 $isRequired: isRequired,
-                disabled: disabled,
                 htmlFor: originalProps.name,
-                isHidden: isLabelHidden,
                 children: label
             }),
             /*#__PURE__*/ jsxs(StyledInputBox, {
@@ -69218,10 +69228,10 @@ function Select({ className, customSearch, customSearchMinQueryLength = 1, disab
         style: style,
         children: [
             /*#__PURE__*/ jsx(Label, {
+                $idDisabled: disabled,
+                $isHidden: isLabelHidden,
                 $isRequired: isRequired,
-                disabled: disabled,
                 htmlFor: originalProps.name,
-                isHidden: isLabelHidden,
                 children: label
             }),
             /*#__PURE__*/ jsx(StyledRsuitePickerBox, {
@@ -69293,10 +69303,10 @@ function Textarea({ className, disabled = false, error, isErrorMessageHidden = f
         style: style,
         children: [
             /*#__PURE__*/ jsx(Label, {
+                $idDisabled: disabled,
+                $isHidden: isLabelHidden,
                 $isRequired: isRequired,
-                disabled: disabled,
                 htmlFor: originalProps.name,
-                isHidden: isLabelHidden,
                 children: label
             }),
             /*#__PURE__*/ jsx(StyledRsuiteInput, {
@@ -69396,10 +69406,10 @@ function TextInput({ className, disabled = false, error, Icon, isErrorMessageHid
         style: style,
         children: [
             /*#__PURE__*/ jsx(Label, {
+                $idDisabled: disabled,
+                $isHidden: isLabelHidden,
                 $isRequired: isRequired,
-                disabled: disabled,
                 htmlFor: name,
-                isHidden: isLabelHidden,
                 children: label
             }),
             /*#__PURE__*/ jsxs(RestyledStyledInputBox, {
@@ -69559,10 +69569,10 @@ function Toggle({ checked = false, className, dataCy, disabled = false, error, i
         style: style,
         children: [
             /*#__PURE__*/ jsx(Label, {
+                $idDisabled: disabled,
+                $isHidden: isLabelHidden,
                 $isRequired: isRequired,
-                disabled: disabled,
                 htmlFor: originalProps.name,
-                isHidden: isLabelHidden,
                 children: label
             }),
             /*#__PURE__*/ jsx(StyledToggle, {

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@mtes-mct/monitor-ui",
   "description": "Common React components, hooks, utilities and CSS stylesheets for MonitorFish, MonitorEnv and RapportNav.",
-  "version": "21.2.1",
+  "version": "22.0.0",
   "license": "AGPL-3.0",
   "type": "module",
   "engines": {
     "node": ">=20"
   },
   "dependencies": {
-    "@babel/runtime": "7.25.4",
+    "@babel/runtime": "7.25.6",
     "@tanstack/react-table": "8.20.5",
     "@tanstack/react-virtual": "beta",
     "prop-types": "15.8.1",