@mtes-mct/monitor-ui 1.7.3 → 1.7.4

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## [1.7.3](https://github.com/MTES-MCT/monitor-ui/compare/v1.7.2...v1.7.3) (2022-11-30)
+
+
+### Bug Fixes
+
+* **build:** disable rollup modules preservation ([#77](https://github.com/MTES-MCT/monitor-ui/issues/77)) ([d4e36ec](https://github.com/MTES-MCT/monitor-ui/commit/d4e36ece43e108f2b69f7d54ea247db3558217ee))
+* **fields:** add missing keys in multi fields ([#76](https://github.com/MTES-MCT/monitor-ui/issues/76)) ([aa40638](https://github.com/MTES-MCT/monitor-ui/commit/aa40638d0a16c648c9f55684634bdbbde7fd2651))
+
 ## [1.7.2](https://github.com/MTES-MCT/monitor-ui/compare/v1.7.1...v1.7.2) (2022-11-29)
 
 ## [1.7.1](https://github.com/MTES-MCT/monitor-ui/compare/v1.7.0...v1.7.1) (2022-11-29)

package/fields/Checkbox.d.ts

@@ -1,6 +1,6 @@
 import type { CheckboxProps as RsuiteCheckboxProps } from 'rsuite';
 import type { Promisable } from 'type-fest';
-export declare type CheckboxProps = Omit<RsuiteCheckboxProps, 'checked' | 'id' | 'onChange'> & {
+export declare type CheckboxProps = Omit<RsuiteCheckboxProps, 'as' | 'checked' | 'id' | 'onChange'> & {
     label: string;
     name: string;
     onChange?: (isCheched: boolean) => Promisable<void>;

package/index.js

@@ -99,8 +99,11 @@ const Label = styled.label `
 `;
 
 function Legend({ isHidden = false, ...nativeProps }) {
-    return jsx(Label, { as: "legend", isHidden: isHidden, ...nativeProps });
+    return jsx(StyledLabel, { as: "legend", isHidden: isHidden, ...nativeProps });
 }
+const StyledLabel = styled(Label) `
+  padding: 0;
+`;
 
 function Checkbox({ label, onChange, ...originalProps }) {
     const key = useMemo(() => `${originalProps.name}-${String(originalProps.defaultChecked)}`, [originalProps.defaultChecked, originalProps.name]);
@@ -110,8 +113,20 @@ function Checkbox({ label, onChange, ...originalProps }) {
         }
         onChange(isChecked);
     }, [onChange]);
-    return (jsx(Checkbox$1, { id: originalProps.name, onChange: handleChange, ...originalProps, children: label }, key));
+    return (jsx(StyledCheckbox, { id: originalProps.name, onChange: handleChange, ...originalProps, children: label }, key));
 }
+const StyledCheckbox = styled(Checkbox$1) `
+  > .rs-checkbox-checker {
+    min-height: 0;
+    padding-left: 28px;
+    padding-top: 2px;
+
+    .rs-checkbox-wrapper {
+      left: 2px;
+      top: 0 !important;
+    }
+  }
+`;
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -3141,19 +3156,13 @@ const ChecboxesBox$1 = styled.div `
   color: ${p => p.theme.color.gunMetal};
   display: flex;
   flex-direction: ${p => (p.isInline ? 'row' : 'column')};
-  font-weight: 500;
-
-  > .rs-checkbox {
-    > .rs-checkbox-checker {
-      padding-left: 28px;
-      padding-top: 2px;
 
-      .rs-checkbox-wrapper {
-        left: 2px;
-        top: 0 !important;
+  ${p => !p.isInline &&
+    css `
+      > .rs-checkbox:not(:first-child) {
+        margin-top: 0.5rem;
       }
-    }
-  }
+    `}
 
   ${p => p.isInline &&
     css `
@@ -3216,8 +3225,8 @@ const ChecboxesBox = styled.div `
 
   > .rs-radio {
     > .rs-radio-checker {
-      padding-left: 28px;
-      padding-top: 2px;
+      min-height: 0;
+      padding: 2px 0 0 28px;
 
       .rs-radio-wrapper {
         left: 2px;
@@ -3226,6 +3235,13 @@ const ChecboxesBox = styled.div `
     }
   }
 
+  ${p => !p.isInline &&
+    css `
+      > .rs-radio:not(:first-child) {
+        margin-top: 6px;
+      }
+    `}
+
   ${p => p.isInline &&
     css `
       > .rs-radio:not(:first-child) {