@mtes-mct/monitor-ui 2.12.0 → 2.12.1

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+# [2.12.0](https://github.com/MTES-MCT/monitor-ui/compare/v2.11.0...v2.12.0) (2023-02-07)
+
+
+### Features
+
+* **fields:** add error prop ([26d7494](https://github.com/MTES-MCT/monitor-ui/commit/26d7494157528d853da4a26077f4d63012bd2bd0))
+* **fields:** set onChange value to undefined on disabled ([323ef7a](https://github.com/MTES-MCT/monitor-ui/commit/323ef7ace51acdc117187118bc2a3a8b7ac59ed6))
+
 # [2.11.0](https://github.com/MTES-MCT/monitor-ui/compare/v2.10.0...v2.11.0) (2023-02-07)
 
 

package/index.js

@@ -5029,26 +5029,37 @@ disabled = false, error, isInline = false, isLabelHidden = false, isLight = fals
         }
     }, [onChange]);
     useFieldUndefineEffect(disabled, onChange);
-    return (jsxs(Fieldset, { isHidden: isLabelHidden, isLight: isLight, legend: label, children: [jsx(ChecboxesBox$1, { "$isInline": isInline, children: options.map((option, index) => (jsx(Checkbox
-                // eslint-disable-next-line react/no-array-index-key
-                , { defaultChecked: defaultValue.includes(option.value), disabled: disabled, label: option.label, name: `${name}${index}`, onChange: (isChecked) => handleChange(option.value, isChecked) }, `${name}-${index}`))) }), hasError && jsx(FieldError, { children: controlledError })] }, key));
+    const checkboxesElement = useMemo(() => (jsx(Fragment, { children: options.map((option, index) => (jsx(Checkbox, { defaultChecked: defaultValue.includes(option.value), disabled: disabled, label: option.label, name: `${name}${index}`, onChange: (isChecked) => handleChange(option.value, isChecked) }, option.value))) })), 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [disabled, handleChange, name, options]);
+    return (jsxs(Fieldset, { isHidden: isLabelHidden, isLight: isLight, legend: label, children: [jsx(ChecboxesBox$1, { "$isInline": isInline, children: checkboxesElement }), hasError && jsx(FieldError, { children: controlledError })] }, key));
 }
 const ChecboxesBox$1 = styled.div `
   color: ${p => p.theme.color.gunMetal};
   display: flex;
   flex-direction: ${p => (p.$isInline ? 'row' : 'column')};
 
+  > div {
+    > .rs-checkbox {
+      user-select: none;
+    }
+  }
+
   ${p => !p.$isInline &&
     css `
-      > .rs-checkbox:not(:first-child) {
-        margin-top: 8px;
+      > div:not(:first-child) {
+        > .rs-checkbox {
+          margin-top: 8px;
+        }
       }
     `}
 
   ${p => p.$isInline &&
     css `
-      > .rs-checkbox:not(:first-child) {
-        margin-left: 12px;
+      > div:not(:first-child) {
+        .rs-checkbox {
+          margin-left: 12px;
+        }
       }
     `}
 `;
@@ -5207,6 +5218,7 @@ const ChecboxesBox = styled.div `
     > .rs-radio-checker {
       min-height: 0;
       padding: 0 0 0 28px;
+      user-select: none;
 
       .rs-radio-wrapper {
         left: 2px;