fix chakra CheckboxesWidget value assign

Author: antpaw

packages/chakra-ui/src/CheckboxesWidget/CheckboxesWidget.tsx

@@ -3,7 +3,6 @@ import { CheckboxGroup, Text, Stack, FieldsetRoot } from '@chakra-ui/react';
 import {
   ariaDescribedByIds,
   enumOptionsIndexForValue,
-  enumOptionsIsSelected,
   enumOptionsValueForIndex,
   labelValue,
   optionId,
@@ -35,7 +34,6 @@ export default function CheckboxesWidget<
   } = props;
   const { enumOptions, enumDisabled, emptyValue } = options;
   // const chakraProps = getChakra({ uiSchema });
-  const checkboxesValues = Array.isArray(value) ? value : [value];
 
   const _onBlur = ({ target }: FocusEvent<HTMLInputElement | any>) =>
     onBlur(id, enumOptionsValueForIndex<S>(target && target.value, enumOptions, emptyValue));
@@ -54,7 +52,7 @@ export default function CheckboxesWidget<
     >
       <CheckboxGroup
         onValueChange={(option) => onChange(enumOptionsValueForIndex<S>(option, enumOptions, emptyValue))}
-        defaultValue={selectedIndexes}
+        value={selectedIndexes}
         aria-describedby={ariaDescribedByIds<T>(id)}
         readOnly={readonly}
         required={required}
@@ -63,15 +61,13 @@ export default function CheckboxesWidget<
         <Stack direction={row ? 'row' : 'column'}>
           {Array.isArray(enumOptions) &&
             enumOptions.map((option, index) => {
-              const checked = enumOptionsIsSelected<S>(option.value, checkboxesValues);
               const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
               return (
                 <Checkbox
                   key={index}
                   id={optionId(id, index)}
                   name={id}
                   value={String(index)}
-                  checked={checked}
                   disabled={disabled || itemDisabled || readonly}
                   onBlur={_onBlur}
                   onFocus={_onFocus}

packages/chakra-ui/src/FieldTemplate/FieldTemplate.tsx

@@ -6,8 +6,6 @@ import {
   RJSFSchema,
   StrictRJSFSchema,
 } from '@rjsf/utils';
-import { Text } from '@chakra-ui/react';
-import { Field } from '../components/ui/field';
 
 export default function FieldTemplate<
   T = any,
@@ -20,19 +18,13 @@ export default function FieldTemplate<
     classNames,
     style,
     disabled,
-    displayLabel,
     hidden,
     label,
     onDropPropertyClick,
     onKeyChange,
     readonly,
     registry,
     required,
-    rawErrors = [],
-    errors,
-    help,
-    description,
-    rawDescription,
     schema,
     uiSchema,
   } = props;
@@ -62,15 +54,7 @@ export default function FieldTemplate<
       uiSchema={uiSchema}
       registry={registry}
     >
-      <Field
-        required={required}
-        invalid={rawErrors && rawErrors.length > 0}
-        label={displayLabel && rawDescription ? <Text mt={2}>{description}</Text> : null}
-        helperText={help}
-        errorText={errors}
-      >
-        {children}
-      </Field>
+      {children}
     </WrapIfAdditionalTemplate>
   );
 }