@rjsf/core 6.3.1 → 6.4.0

package/dist/index.esm.js

@@ -141,7 +141,8 @@ function ArrayAsMultiSelect(props) {
   } = props;
   const { widgets: widgets2, schemaUtils, globalFormOptions, globalUiOptions } = registry;
   const itemsSchema = schemaUtils.retrieveSchema(schema.items, items);
-  const enumOptions = optionsList(itemsSchema, uiSchema);
+  const itemsUiSchema = uiSchema?.items ?? {};
+  const enumOptions = optionsList(itemsSchema, itemsUiSchema);
   const { widget = "select", title: uiTitle, ...options } = getUiOptions(uiSchema, globalUiOptions);
   const Widget = getWidget(schema, widget, widgets2);
   const label = uiTitle ?? schema.title ?? name;
@@ -4300,6 +4301,34 @@ var Form = class extends Component3 {
    * This prevents componentDidUpdate from reverting oneOf/anyOf option switches.
    */
   _isProcessingUserChange = false;
+  /** When the `extraErrors` prop changes, re-merges `schemaValidationErrors` + `extraErrors` + `customErrors` into
+   * state before render, ensuring the updated errors are visible immediately in a single render cycle.
+   *
+   * @param props - The current props
+   * @param state - The current state
+   * @returns Partial state with re-merged errors if `extraErrors` changed, or `null` if no update is needed
+   */
+  static getDerivedStateFromProps(props, state) {
+    if (props.extraErrors !== state._prevExtraErrors) {
+      const baseErrors = {
+        errors: state.schemaValidationErrors || [],
+        errorSchema: state.schemaValidationErrorSchema || {}
+      };
+      let { errors, errorSchema } = baseErrors;
+      if (props.extraErrors) {
+        ({ errors, errorSchema } = validationDataMerge(baseErrors, props.extraErrors));
+      }
+      if (state.customErrors) {
+        ({ errors, errorSchema } = validationDataMerge(
+          { errors, errorSchema },
+          state.customErrors.ErrorSchema,
+          true
+        ));
+      }
+      return { _prevExtraErrors: props.extraErrors, errors, errorSchema };
+    }
+    return null;
+  }
   /** Constructs the `Form` from the `props`. Will setup the initial state from the props. It will also call the
    * `onChange` handler if the initially provided `formData` is modified to add missing default values as part of the
    * state construction.
@@ -4313,7 +4342,10 @@ var Form = class extends Component3 {
     }
     const { formData: propsFormData, initialFormData, onChange } = props;
     const formData = propsFormData ?? initialFormData;
-    this.state = this.getStateFromProps(props, formData, void 0, void 0, void 0, true);
+    this.state = {
+      ...this.getStateFromProps(props, formData, void 0, void 0, void 0, true),
+      _prevExtraErrors: props.extraErrors
+    };
     if (onChange && !deepEquals2(this.state.formData, formData)) {
       onChange(toIChangeEvent(this.state));
     }
@@ -5000,17 +5032,9 @@ var Form = class extends Component3 {
     const { extraErrors, extraErrorsBlockSubmit, focusOnFirstError, onError } = this.props;
     const { errors: prevErrors } = this.state;
     const schemaValidation = this.validate(formData);
-    let errors = schemaValidation.errors;
-    let errorSchema = schemaValidation.errorSchema;
-    const schemaValidationErrors = errors;
-    const schemaValidationErrorSchema = errorSchema;
-    const hasError = errors.length > 0 || extraErrors && extraErrorsBlockSubmit;
+    const { errors, errorSchema } = extraErrors ? this.mergeErrors(schemaValidation, extraErrors) : schemaValidation;
+    const hasError = schemaValidation.errors.length > 0 || extraErrors && extraErrorsBlockSubmit;
     if (hasError) {
-      if (extraErrors) {
-        const merged = validationDataMerge(schemaValidation, extraErrors);
-        errorSchema = merged.errorSchema;
-        errors = merged.errors;
-      }
       if (focusOnFirstError) {
         if (typeof focusOnFirstError === "function") {
           focusOnFirstError(errors[0]);
@@ -5022,8 +5046,8 @@ var Form = class extends Component3 {
         {
           errors,
           errorSchema,
-          schemaValidationErrors,
-          schemaValidationErrorSchema
+          schemaValidationErrors: schemaValidation.errors,
+          schemaValidationErrorSchema: schemaValidation.errorSchema
         },
         () => {
           if (onError) {
@@ -5033,6 +5057,13 @@ var Form = class extends Component3 {
           }
         }
       );
+    } else if (errors.length > 0) {
+      this.setState({
+        errors,
+        errorSchema,
+        schemaValidationErrors: [],
+        schemaValidationErrorSchema: {}
+      });
     } else if (prevErrors.length > 0) {
       this.setState({
         errors: [],