fix(mui): fixed missing rest spread on checkbox component.

Author: Hyperkid123

packages/mui-component-mapper/demo/index.js

@@ -21,7 +21,7 @@ const compositeMapper = {
     [componentTypes.SWITCH]: {
         component: componentMapper[componentTypes.SWITCH],
         FormControlLabelProps: {
-            labelPlacement: 'left'
+            labelPlacement: 'end'
         }
     }
 }

packages/mui-component-mapper/src/common/multiple-choice-list.js

@@ -8,13 +8,17 @@ import { validationError } from './helpers';
 
 const CheckboxContext = createContext({});
 
-const FinalCheckbox = ({ isDisabled, label, ...props }) => {
-  const { FormControlLabelProps, CheckboxProps } = useContext(CheckboxContext);
+const FinalCheckbox = ({ label, isDisabled: _isDisabled, ...rest }) => {
+  const {
+    FormControlLabelProps,
+    CheckboxProps,
+    props: { isRequired, isReadOnly, helperText, validate, isDisabled, ...props }
+  } = useContext(CheckboxContext);
   return (
     <FormControlLabel
       {...FormControlLabelProps}
       control={
-        <Checkbox {...props} {...CheckboxProps} disabled={isDisabled}>
+        <Checkbox {...rest} {...props} {...CheckboxProps} disabled={isDisabled}>
           {label}
         </Checkbox>
       }
@@ -57,7 +61,7 @@ const MultipleChoiceList = ({
   ...props
 }) => (
   <CheckboxContext.Provider
-    value={{ FormControlProps, FormLabelProps, FormGroupProps, FormHelperTextProps, FormFieldGridProps, FormControlLabelProps, CheckboxProps }}
+    value={{ FormControlProps, FormLabelProps, FormGroupProps, FormHelperTextProps, FormFieldGridProps, FormControlLabelProps, CheckboxProps, props }}
   >
     <MultipleChoiceListCommon {...props} Wrapper={Wrapper} Checkbox={FinalCheckbox} />
   </CheckboxContext.Provider>

packages/mui-component-mapper/src/files/checkbox.js

@@ -25,7 +25,9 @@ export const SingleCheckbox = (props) => {
     FormControlLabelProps,
     CheckboxProps,
     FormLabelProps,
-    FormHelperTextProps
+    FormHelperTextProps,
+    inputProps,
+    ...rest
   } = useFieldApi({
     ...props,
     type: 'checkbox'
@@ -46,8 +48,10 @@ export const SingleCheckbox = (props) => {
                 disabled={isDisabled || isReadOnly}
                 value={input.name}
                 inputProps={{
-                  readOnly: isReadOnly
+                  readOnly: isReadOnly,
+                  ...inputProps
                 }}
+                {...rest}
               />
             }
             disabled={isDisabled || isReadOnly}