@mtes-mct/monitor-ui 18.5.0 → 18.6.0

package/CHANGELOG.md

@@ -1,14 +1,48 @@
-## [18.4.2](https://github.com/MTES-MCT/monitor-ui/compare/v18.4.1...v18.4.2) (2024-07-03)
+## [18.5.1](https://github.com/MTES-MCT/monitor-ui/compare/v18.5.0...v18.5.1) (2024-07-09)
+
+### Reverts
 
+- Revert "fix(fields): isHidden with display none makes label unaccessible"
+  ([f9f2ae4](https://github.com/MTES-MCT/monitor-ui/commit/f9f2ae4d61784810ed60483ced4f3f30875f8a21))
+- Revert "fix(components): add $ to isHidden"
+  ([19f3dc9](https://github.com/MTES-MCT/monitor-ui/commit/19f3dc9a0560ee85efe52d9be0ec935061d1469b))
+
+## [18.5.0](https://github.com/MTES-MCT/monitor-ui/compare/v18.4.2...v18.5.0) (2024-07-08)
+
+### Features
+
+- **components:** add an international french format
+  ([ca61f53](https://github.com/MTES-MCT/monitor-ui/commit/ca61f530913fd37ebc9f84f90811761915cfe8f2))
+- **components:** redo overwrite property
+  ([f2e376e](https://github.com/MTES-MCT/monitor-ui/commit/f2e376eb91b7eeecf3d6c61385db481f739f64fd))
 
 ### Bug Fixes
 
-* **components:** add tertiary to dropdown ([805e34e](https://github.com/MTES-MCT/monitor-ui/commit/805e34eb2e6a1c8d44e1b9c738f77c8f13186721))
+- **components:** add $ to isHidden
+  ([bcdd45f](https://github.com/MTES-MCT/monitor-ui/commit/bcdd45f14c91cd8e385c0d28be659549a91e7687))
+- **fields:** isHidden with display none makes label unaccessible
+  ([4253739](https://github.com/MTES-MCT/monitor-ui/commit/4253739005523a6f145308db45982dda22ad515d))
+
+### Buid System & Dependencies
+
+- **dev-deps:** bump @semantic-release/commit-analyzer
+  ([32e8c03](https://github.com/MTES-MCT/monitor-ui/commit/32e8c03375133d5c323af4ea4c62f8256000ddea))
+- **dev-deps:** bump the all-non-major-dependencies group
+  ([6d41b26](https://github.com/MTES-MCT/monitor-ui/commit/6d41b26e95ffbc29372cf9b582bc86d9c68e4448))
+- **dev-deps:** bump the non-major-dev-dependencies group with 3 updates
+  ([ed2063d](https://github.com/MTES-MCT/monitor-ui/commit/ed2063dd06349e88071835787d4447fb3e615121))
+
+## [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))
+- **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)
 

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;
-}, "disabled" | keyof LabelHTMLAttributes<HTMLLabelElement> | "$isHidden" | "$isRequired" | "hasError">;
+    isHidden?: boolean | undefined;
+}, "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,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"}
+{"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"}

package/fields/TextInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../src/fields/TextInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,iBAAiB,EAAwB,MAAM,OAAO,CAAA;AAKpE,OAAO,EAAU,IAAI,EAAE,MAAM,cAAc,CAAA;AAW3C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AACxC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAE3C,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,UAAU,EAAE,IAAI,GAAG,cAAc,GAAG,IAAI,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,CAAC,GAAG;IAC5G,IAAI,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,GAAG,SAAS,CAAA;IAC/C,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,CAAA;IACvB,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,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAC3B,CAAA;AACD,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,QAAgB,EAChB,KAAK,EACL,IAAI,EACJ,oBAA4B,EAC5B,aAAqB,EACrB,OAAe,EACf,UAAkB,EAClB,aAAqB,EACrB,aAAqB,EACrB,uBAA+B,EAC/B,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,QAAgB,EAChB,IAAkB,EAClB,KAAK,EACL,IAAa,EACb,KAAK,EACL,GAAG,aAAa,EACjB,EAAE,cAAc,2CA+EhB"}
+{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../src/fields/TextInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,iBAAiB,EAAwB,MAAM,OAAO,CAAA;AAKpE,OAAO,EAAU,IAAI,EAAE,MAAM,cAAc,CAAA;AAW3C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AACxC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAE3C,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,UAAU,EAAE,IAAI,GAAG,cAAc,GAAG,IAAI,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,CAAC,GAAG;IAC5G,IAAI,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,GAAG,SAAS,CAAA;IAC/C,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,CAAA;IACvB,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,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAC3B,CAAA;AACD,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,QAAgB,EAChB,KAAK,EACL,IAAI,EACJ,oBAA4B,EAC5B,aAAqB,EACrB,OAAe,EACf,UAAkB,EAClB,aAAqB,EACrB,aAAqB,EACrB,uBAA+B,EAC/B,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,QAAgB,EAChB,IAAkB,EAClB,KAAK,EACL,IAAa,EACb,KAAK,EACL,GAAG,aAAa,EACjB,EAAE,cAAc,2CAgFhB"}

package/index.js

@@ -54234,6 +54234,7 @@ 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;
@@ -54242,14 +54243,6 @@ 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`
@@ -55184,10 +55177,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, {
@@ -67747,10 +67740,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, {
@@ -67880,10 +67873,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, {
@@ -68418,10 +68411,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, {
@@ -68486,12 +68479,12 @@ const StyledInput = styled(Input)`
 `;
 
 const PADDING = {
-    [Size.LARGE]: '8px 16px 12px',
+    [Size.LARGE]: '8px 16px 10px',
     [Size.NORMAL]: '3px 8px 7px',
     [Size.SMALL]: '3px 8px 6px'
 };
 const PADDING_WITH_ICON = {
-    [Size.LARGE]: '8px 48px 11px 16px',
+    [Size.LARGE]: '8px 48px 10px 16px',
     [Size.NORMAL]: '3px 38px 6px 8px',
     [Size.SMALL]: '3px 38px 6px 8px'
 };
@@ -68592,10 +68585,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, {
@@ -68860,10 +68853,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, {
@@ -69024,10 +69017,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, {
@@ -69099,10 +69092,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, {
@@ -69202,18 +69195,19 @@ 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, {
+            /*#__PURE__*/ jsxs(RestyledStyledInputBox, {
                 $hasError: hasError,
                 $hasIcon: !!Icon,
                 $isDisabled: disabled,
                 $isLight: isLight,
                 $isReadOnly: readOnly,
+                $isSearchInput: isSearchInput,
                 $isTransparent: isTransparent,
                 $size: size,
                 children: [
@@ -69263,7 +69257,13 @@ const IconsContainer = styled.div`
   display: flex;
   position: absolute;
   right: 5px;
-  top: ${(p)=>p.$size === Size.LARGE ? '10px' : '5px'};
+  top: ${(p)=>p.$size === Size.LARGE ? '9px' : '5px'};
+`;
+const RestyledStyledInputBox = styled(StyledInputBox)`
+  > input,
+  > .rs-auto-complete > input {
+    padding-right: ${(p)=>p.$isSearchInput && '64px'};
+  }
 `;
 const Separator = styled.div`
   border-right: 1px solid ${(p)=>p.theme.color.lightGray};
@@ -69358,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, {
@@ -75439,13 +75439,13 @@ const RowPinning = {
       return isTop ? 'top' : isBottom ? 'bottom' : false;
     };
     row.getPinnedIndex = () => {
-      var _table$_getPinnedRows, _visiblePinnedRowIds$;
+      var _ref4, _visiblePinnedRowIds$;
       const position = row.getIsPinned();
       if (!position) return -1;
-      const visiblePinnedRowIds = (_table$_getPinnedRows = table._getPinnedRows(position)) == null ? void 0 : _table$_getPinnedRows.map(_ref4 => {
+      const visiblePinnedRowIds = (_ref4 = position === 'top' ? table.getTopRows() : table.getBottomRows()) == null ? void 0 : _ref4.map(_ref5 => {
         let {
           id
-        } = _ref4;
+        } = _ref5;
         return id;
       });
       return (_visiblePinnedRowIds$ = visiblePinnedRowIds == null ? void 0 : visiblePinnedRowIds.indexOf(row.id)) != null ? _visiblePinnedRowIds$ : -1;
@@ -75466,7 +75466,7 @@ const RowPinning = {
       }
       return Boolean((_pinningState$positio = pinningState[position]) == null ? void 0 : _pinningState$positio.length);
     };
-    table._getPinnedRows = memo(position => [table.getRowModel().rows, table.getState().rowPinning[position], position], (visibleRows, pinnedRowIds, position) => {
+    table._getPinnedRows = (visibleRows, pinnedRowIds, position) => {
       var _table$options$keepPi;
       const rows = ((_table$options$keepPi = table.options.keepPinnedRows) != null ? _table$options$keepPi : true) ?
       //get all rows that are pinned even if they would not be otherwise visible
@@ -75481,9 +75481,9 @@ const RowPinning = {
         ...d,
         position
       }));
-    }, getMemoOptions(table.options, 'debugRows', '_getPinnedRows'));
-    table.getTopRows = () => table._getPinnedRows('top');
-    table.getBottomRows = () => table._getPinnedRows('bottom');
+    };
+    table.getTopRows = memo(() => [table.getRowModel().rows, table.getState().rowPinning.top], (allRows, topPinnedRowIds) => table._getPinnedRows(allRows, topPinnedRowIds, 'top'), getMemoOptions(table.options, 'debugRows', 'getTopRows'));
+    table.getBottomRows = memo(() => [table.getRowModel().rows, table.getState().rowPinning.bottom], (allRows, bottomPinnedRowIds) => table._getPinnedRows(allRows, bottomPinnedRowIds, 'bottom'), getMemoOptions(table.options, 'debugRows', 'getBottomRows'));
     table.getCenterRows = memo(() => [table.getRowModel().rows, table.getState().rowPinning.top, table.getState().rowPinning.bottom], (allRows, top, bottom) => {
       const topAndBottom = new Set([...(top != null ? top : []), ...(bottom != null ? bottom : [])]);
       return allRows.filter(d => !topAndBottom.has(d.id));

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@mtes-mct/monitor-ui",
   "description": "Common React components, hooks, utilities and CSS stylesheets for MonitorFish, MonitorEnv and RapportNav.",
-  "version": "18.5.0",
+  "version": "18.6.0",
   "license": "AGPL-3.0",
   "type": "module",
   "engines": {
     "node": ">=20"
   },
   "dependencies": {
-    "@babel/runtime": "7.24.7",
-    "@tanstack/react-table": "8.17.3",
+    "@babel/runtime": "7.24.8",
+    "@tanstack/react-table": "8.19.3",
     "@tanstack/react-virtual": "beta",
     "prop-types": "15.8.1",
     "tslib": "2.6.3"