@mtes-mct/monitor-ui 12.0.1 → 12.0.3

package/CHANGELOG.md

@@ -1,3 +1,18 @@
+## [12.0.2](https://github.com/MTES-MCT/monitor-ui/compare/v12.0.1...v12.0.2) (2024-02-27)
+
+
+### Styles
+
+* **fields:** fix MultiRadio options margin when isInline ([9c7e15b](https://github.com/MTES-MCT/monitor-ui/commit/9c7e15bdc8dac946d16e06cc7336e4cc2802cbb7))
+* **fields:** fix pickers border color when isTransparent ([b10ac28](https://github.com/MTES-MCT/monitor-ui/commit/b10ac286201610cba620291cb525167a01c0d659))
+
+## [12.0.1](https://github.com/MTES-MCT/monitor-ui/compare/v12.0.0...v12.0.1) (2024-02-27)
+
+
+### Bug Fixes
+
+* **fields:** handle missing boolean option value case in options fields ([966e17c](https://github.com/MTES-MCT/monitor-ui/commit/966e17c5dfea03a48a8387f03cbcbaeff5c68008))
+
 ## [12.0.0](https://github.com/MTES-MCT/monitor-ui/compare/v11.9.1...v12.0.0) (2024-02-26)
 
 

package/fields/shared/StyledRsuitePickerBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StyledRsuitePickerBox.d.ts","sourceRoot":"","sources":["../../../src/fields/shared/StyledRsuitePickerBox.ts"],"names":[],"mappings":"AAQA,KAAK,0BAA0B,GAAG;IAChC,SAAS,EAAE,OAAO,CAAA;IAClB,WAAW,EAAE,OAAO,CAAA;IACpB,QAAQ,EAAE,OAAO,CAAA;IACjB,WAAW,EAAE,OAAO,CAAA;IACpB,cAAc,EAAE,OAAO,CAAA;CACxB,CAAA;AACD,eAAO,MAAM,qBAAqB,iIAqSjC,CAAA"}
+{"version":3,"file":"StyledRsuitePickerBox.d.ts","sourceRoot":"","sources":["../../../src/fields/shared/StyledRsuitePickerBox.ts"],"names":[],"mappings":"AAQA,KAAK,0BAA0B,GAAG;IAChC,SAAS,EAAE,OAAO,CAAA;IAClB,WAAW,EAAE,OAAO,CAAA;IACpB,QAAQ,EAAE,OAAO,CAAA;IACjB,WAAW,EAAE,OAAO,CAAA;IACpB,cAAc,EAAE,OAAO,CAAA;CACxB,CAAA;AACD,eAAO,MAAM,qBAAqB,iIAySjC,CAAA"}

package/fields/shared/utils.d.ts

@@ -2,6 +2,6 @@ import type { CommonChoiceFieldStyleProps, CommonFieldStyleProps, PseudoState }
 export declare function getChoiceFieldBackgroundColorFactoryForState(pseudoState: PseudoState): (props: CommonChoiceFieldStyleProps) => string;
 export declare function getChoiceFieldBorderColorFactoryForState(pseudoState: PseudoState): (props: CommonChoiceFieldStyleProps) => string;
 export declare function getFieldBackgroundColorFactory(): (props: CommonFieldStyleProps) => string;
-export declare function getFieldMainColorFactoryForState(pseudoState: PseudoState): (props: CommonFieldStyleProps) => string;
+export declare function getFieldBorderColorFactoryForState(pseudoState: PseudoState): (props: CommonFieldStyleProps) => string;
 export declare function getFieldPlaceholderColorFactoryForState(pseudoState: PseudoState): (props: CommonFieldStyleProps) => string;
 //# sourceMappingURL=utils.d.ts.map

package/fields/shared/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/fields/shared/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,2BAA2B,EAAE,qBAAqB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE9F,wBAAgB,4CAA4C,CAAC,WAAW,EAAE,WAAW,WACpE,2BAA2B,YAsC3C;AAED,wBAAgB,wCAAwC,CAAC,WAAW,EAAE,WAAW,WAChE,2BAA2B,YAoC3C;AAED,wBAAgB,8BAA8B,YAC7B,qBAAqB,YAqBrC;AAED,wBAAgB,gCAAgC,CAAC,WAAW,EAAE,WAAW,WACxD,qBAAqB,YAiCrC;AAED,wBAAgB,uCAAuC,CAAC,WAAW,EAAE,WAAW,WAC/D,qBAAqB,YAoBrC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/fields/shared/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,2BAA2B,EAAE,qBAAqB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE9F,wBAAgB,4CAA4C,CAAC,WAAW,EAAE,WAAW,WACpE,2BAA2B,YAsC3C;AAED,wBAAgB,wCAAwC,CAAC,WAAW,EAAE,WAAW,WAChE,2BAA2B,YAoC3C;AAED,wBAAgB,8BAA8B,YAC7B,qBAAqB,YAqBrC;AAED,wBAAgB,kCAAkC,CAAC,WAAW,EAAE,WAAW,WAC1D,qBAAqB,YAiCrC;AAED,wBAAgB,uCAAuC,CAAC,WAAW,EAAE,WAAW,WAC/D,qBAAqB,YAoBrC"}

package/index.js

@@ -55685,7 +55685,7 @@ function getFieldBackgroundColorFactory() {
         }
     };
 }
-function getFieldMainColorFactoryForState(pseudoState) {
+function getFieldBorderColorFactoryForState(pseudoState) {
     return (props)=>{
         switch(true){
             case props.$hasError:
@@ -55700,10 +55700,10 @@ function getFieldMainColorFactoryForState(pseudoState) {
                 return props.theme.color.blueGray;
             // When transparent on white background
             case props.$isTransparent && props.$isLight:
-                return props.theme.color.lightGray;
+                return props.theme.color.slateGray;
             // When transparent on gray/gainsboro background
             case props.$isTransparent:
-                return props.theme.color.slateGray;
+                return props.theme.color.lightGray;
             // When non-transparent on gray/gainsboro background
             case props.$isLight:
                 return props.theme.color.white;
@@ -55954,7 +55954,7 @@ const StyledRsuitePickerBox = styled.div`
 
     > [role='combobox'] {
       background-color: ${getFieldBackgroundColorFactory()} !important;
-      border: solid 1px ${getFieldMainColorFactoryForState('default')} !important;
+      border: solid 1px ${getFieldBorderColorFactoryForState('default')} !important;
       border-radius: 0;
       /* Remove focus ring (Select) */
       box-shadow: none;
@@ -55963,8 +55963,9 @@ const StyledRsuitePickerBox = styled.div`
       line-height: 1.3846;
       padding: 3.5px 40px 0 8px !important;
 
-      &:hover {
-        border: solid 1px ${getFieldMainColorFactoryForState('hover')} !important;
+      &:hover,
+      &._hover {
+        border: solid 1px ${getFieldBorderColorFactoryForState('hover')} !important;
 
         > .rs-stack {
           > .rs-stack-item {
@@ -55977,9 +55978,11 @@ const StyledRsuitePickerBox = styled.div`
       }
 
       &:active,
+      &._active,
       &:focus,
+      &._focus,
       &.rs-picker-toggle-active {
-        border: solid 1px ${getFieldMainColorFactoryForState('focus')} !important;
+        border: solid 1px ${getFieldBorderColorFactoryForState('focus')} !important;
 
         > .rs-stack {
           > .rs-stack-item {
@@ -56201,7 +56204,8 @@ const StyledRsuitePickerBox = styled.div`
               }
             }
 
-            &:hover {
+            &:hover,
+            &._hover {
               background-color: ${(p)=>p.theme.color.blueYonder25};
 
               > .rs-checkbox-checker {
@@ -66453,7 +66457,7 @@ const StyledFieldset = styled(Fieldset)`
 
   input {
     background-color: ${getFieldBackgroundColorFactory()};
-    border: 1px solid ${getFieldMainColorFactoryForState('default')};
+    border: 1px solid ${getFieldBorderColorFactoryForState('default')};
     color: ${(p)=>p.theme.color.gunMetal};
     font-size: 13px;
     font-weight: 500;
@@ -66462,7 +66466,7 @@ const StyledFieldset = styled(Fieldset)`
 
     &:hover,
     &._hover {
-      border: 1px solid ${getFieldMainColorFactoryForState('hover')};
+      border: 1px solid ${getFieldBorderColorFactoryForState('hover')};
     }
 
     &:active,
@@ -66470,7 +66474,7 @@ const StyledFieldset = styled(Fieldset)`
     &:focus,
     &._focus {
       background-color: ${getFieldBackgroundColorFactory()};
-      border: 1px solid ${getFieldMainColorFactoryForState('focus')};
+      border: 1px solid ${getFieldBorderColorFactoryForState('focus')};
     }
     &:focus-visible {
       outline: 0;
@@ -67377,7 +67381,7 @@ const DateInput = /*#__PURE__*/ forwardRef(DateInputWithRef);
 const Box$7 = styled.div`
   align-items: center;
   background-color: ${getFieldBackgroundColorFactory()};
-  border: solid 1px ${getFieldMainColorFactoryForState('default')};
+  border: solid 1px ${getFieldBorderColorFactoryForState('default')};
   color: ${getFieldPlaceholderColorFactoryForState('default')};
   display: inline-flex;
   font-size: 13px;
@@ -67388,7 +67392,7 @@ const Box$7 = styled.div`
 
   &:hover {
     border: solid 1px
-      ${(p)=>p.$isFocused ? getFieldMainColorFactoryForState('focus')(p) : getFieldMainColorFactoryForState('hover')(p)};
+      ${(p)=>p.$isFocused ? getFieldBorderColorFactoryForState('focus')(p) : getFieldBorderColorFactoryForState('hover')(p)};
     color: ${(p)=>p.$isFocused ? getFieldPlaceholderColorFactoryForState('focus')(p) : getFieldPlaceholderColorFactoryForState('hover')(p)};
   }
 
@@ -67724,7 +67728,7 @@ function TimeInputWithRef({ baseContainer, disabled, isCompact, isEndDate = fals
 const TimeInput = /*#__PURE__*/ forwardRef(TimeInputWithRef);
 const Box$5 = styled.div`
   background-color: ${getFieldBackgroundColorFactory()};
-  border: solid 1px ${getFieldMainColorFactoryForState('default')};
+  border: solid 1px ${getFieldBorderColorFactoryForState('default')};
   color: ${getFieldPlaceholderColorFactoryForState('default')};
   display: inline-block;
   font-size: 13px;
@@ -67734,8 +67738,8 @@ const Box$5 = styled.div`
 
   :hover {
     border: solid 1px
-      ${(p)=>p.$isFocused ? getFieldMainColorFactoryForState('focus')(p) : getFieldMainColorFactoryForState('hover')(p)};
-    color: ${(p)=>p.$isFocused ? getFieldMainColorFactoryForState('focus')(p) : getFieldMainColorFactoryForState('hover')(p)};
+      ${(p)=>p.$isFocused ? getFieldBorderColorFactoryForState('focus')(p) : getFieldBorderColorFactoryForState('hover')(p)};
+    color: ${(p)=>p.$isFocused ? getFieldBorderColorFactoryForState('focus')(p) : getFieldBorderColorFactoryForState('hover')(p)};
   }
 `;
 const InputGroup = styled.div`
@@ -68567,13 +68571,9 @@ const ChecboxesBox = styled.div`
   display: flex;
   flex-direction: ${(p)=>p.$isInline ? 'row' : 'column'};
 
-  ${(p)=>!p.$isInline && css`
-      > div:not(:first-child) {
-        > .rs-checkbox {
-          margin: 8px 0 0 0;
-        }
-      }
-    `}
+  > .Field-Checkbox:not(:first-child) {
+    margin: ${(p)=>p.$isInline ? '0 0 0 16px' : '8px 0 0 0'};
+  }
 `;
 
 /**
@@ -69206,11 +69206,9 @@ const StyledRsuiteRadioGroup = styled(RadioGroup)`
   display: flex;
   flex-direction: ${(p)=>p.$isInline ? 'row' : 'column'};
 
-  ${(p)=>!p.$isInline && css`
-      > .Field-Radio:not(:first-child) {
-        margin: 8px 0 0 0;
-      }
-    `}
+  > .Field-Radio:not(:first-child) {
+    margin: ${(p)=>p.$isInline ? '0 0 0 16px' : '8px 0 0 0'};
+  }
 `;
 
 // TODO Clean, split and finalize this component.
@@ -69446,7 +69444,7 @@ function NumberInput({ className, disabled = false, error, isErrorMessageHidden
 }
 const StyledInput = styled(Input)`
   background-color: ${getFieldBackgroundColorFactory()};
-  border: solid 1px ${getFieldMainColorFactoryForState('default')};
+  border: solid 1px ${getFieldBorderColorFactoryForState('default')};
   border-radius: 0;
   color: ${(p)=>p.theme.color.gunMetal};
   ${(p)=>p.$isReadOnly && `cursor: default;`}
@@ -69463,7 +69461,7 @@ const StyledInput = styled(Input)`
 
   &:hover {
     background-color: ${getFieldBackgroundColorFactory()};
-    border: solid 1px ${getFieldMainColorFactoryForState('hover')} !important;
+    border: solid 1px ${getFieldBorderColorFactoryForState('hover')} !important;
 
     &::placeholder {
       color: ${getFieldPlaceholderColorFactoryForState('hover')};
@@ -69473,7 +69471,7 @@ const StyledInput = styled(Input)`
   &:active,
   &:focus {
     background-color: ${getFieldBackgroundColorFactory()};
-    border: solid 1px ${getFieldMainColorFactoryForState('focus')} !important;
+    border: solid 1px ${getFieldBorderColorFactoryForState('focus')} !important;
     outline: 0;
 
     &::placeholder {
@@ -69737,7 +69735,7 @@ const StyledAutoComplete = styled(AutoComplete)`
 
   > [role='combobox'] {
     background-color: ${getFieldBackgroundColorFactory()};
-    border: solid 1px ${getFieldMainColorFactoryForState('default')};
+    border: solid 1px ${getFieldBorderColorFactoryForState('default')};
     border-radius: 0;
     outline: 0;
 
@@ -69746,7 +69744,7 @@ const StyledAutoComplete = styled(AutoComplete)`
     }
 
     &:hover {
-      border: solid 1px ${getFieldMainColorFactoryForState('hover')};
+      border: solid 1px ${getFieldBorderColorFactoryForState('hover')};
 
       &::placeholder {
         color: ${getFieldPlaceholderColorFactoryForState('hover')};
@@ -69755,7 +69753,7 @@ const StyledAutoComplete = styled(AutoComplete)`
 
     &:active,
     &:focus {
-      border: solid 1px ${getFieldMainColorFactoryForState('focus')};
+      border: solid 1px ${getFieldBorderColorFactoryForState('focus')};
 
       &::placeholder {
         color: ${getFieldPlaceholderColorFactoryForState('focus')};
@@ -69979,7 +69977,7 @@ function Textarea({ className, disabled = false, error, isErrorMessageHidden = f
 }
 const StyledRsuiteInput$1 = styled(Input)`
   background-color: ${getFieldBackgroundColorFactory()};
-  border: solid 1px ${getFieldMainColorFactoryForState('default')};
+  border: solid 1px ${getFieldBorderColorFactoryForState('default')};
   color: ${(p)=>p.theme.color.gunMetal};
   ${(p)=>p.$isReadOnly && `cursor: default;`}
   font-size: 13px;
@@ -69993,7 +69991,7 @@ const StyledRsuiteInput$1 = styled(Input)`
 
   &:hover {
     background-color: ${getFieldBackgroundColorFactory()};
-    border: solid 1px ${getFieldMainColorFactoryForState('hover')};
+    border: solid 1px ${getFieldBorderColorFactoryForState('hover')};
 
     &::placeholder {
       color: ${getFieldPlaceholderColorFactoryForState('hover')};
@@ -70003,7 +70001,7 @@ const StyledRsuiteInput$1 = styled(Input)`
   &:active,
   &:focus {
     background-color: ${getFieldBackgroundColorFactory()};
-    border: solid 1px ${getFieldMainColorFactoryForState('focus')};
+    border: solid 1px ${getFieldBorderColorFactoryForState('focus')};
     outline: 0;
 
     &::placeholder {
@@ -70129,7 +70127,7 @@ const Separator = styled.div`
 `;
 const StyledRsuiteInput = styled(Input)`
   background-color: ${getFieldBackgroundColorFactory()};
-  border: solid 1px ${getFieldMainColorFactoryForState('default')};
+  border: solid 1px ${getFieldBorderColorFactoryForState('default')};
   border-radius: 0;
   color: ${(p)=>p.theme.color.gunMetal};
   ${(p)=>p.$isReadOnly && `cursor: default;`}
@@ -70146,7 +70144,7 @@ const StyledRsuiteInput = styled(Input)`
 
   &:hover {
     background-color: ${getFieldBackgroundColorFactory()};
-    border: solid 1px ${getFieldMainColorFactoryForState('hover')} !important;
+    border: solid 1px ${getFieldBorderColorFactoryForState('hover')} !important;
 
     &::placeholder {
       color: ${getFieldPlaceholderColorFactoryForState('hover')};
@@ -70156,7 +70154,7 @@ const StyledRsuiteInput = styled(Input)`
   &:active,
   &:focus {
     background-color: ${getFieldBackgroundColorFactory()};
-    border: solid 1px ${getFieldMainColorFactoryForState('focus')} !important;
+    border: solid 1px ${getFieldBorderColorFactoryForState('focus')} !important;
     outline: 0;
 
     &::placeholder {