@rjsf/core 6.5.0 → 6.5.2

package/dist/core.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('@rjsf/utils'), require('lodash/cloneDeep'), require('lodash/get'), require('lodash/isEmpty'), require('lodash/pick'), require('lodash/set'), require('lodash/toPath'), require('lodash/unset'), require('lodash/isObject'), require('lodash/uniqueId'), require('react/jsx-runtime'), require('lodash/each'), require('lodash/flatten'), require('lodash/has'), require('lodash/includes'), require('lodash/intersection'), require('lodash/isFunction'), require('lodash/isEqual'), require('lodash/isPlainObject'), require('lodash/isString'), require('lodash/isUndefined'), require('lodash/last'), require('lodash/noop'), require('lodash/omit'), require('markdown-to-jsx'), require('@rjsf/validator-ajv8')) :
   typeof define === 'function' && define.amd ? define(['exports', 'react', '@rjsf/utils', 'lodash/cloneDeep', 'lodash/get', 'lodash/isEmpty', 'lodash/pick', 'lodash/set', 'lodash/toPath', 'lodash/unset', 'lodash/isObject', 'lodash/uniqueId', 'react/jsx-runtime', 'lodash/each', 'lodash/flatten', 'lodash/has', 'lodash/includes', 'lodash/intersection', 'lodash/isFunction', 'lodash/isEqual', 'lodash/isPlainObject', 'lodash/isString', 'lodash/isUndefined', 'lodash/last', 'lodash/noop', 'lodash/omit', 'markdown-to-jsx', '@rjsf/validator-ajv8'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.JSONSchemaForm = {}, global.react, global.utils, global.cloneDeep, global.get, global.isEmpty, global._pick, global.set, global._toPath, global._unset, global.isObject, global.uniqueId, global.jsxRuntime, global.each, global.flatten, global.has, global.includes, global.intersection, global.isFunction, global.isEqual, global.isPlainObject, global.isString, global.isUndefined, global.last, global.noop, global.omit3, global.Markdown, global.validator));
-})(this, (function (exports, react, utils, cloneDeep, get, isEmpty, _pick, set, _toPath, _unset, isObject, uniqueId, jsxRuntime, each, flatten, has, includes, intersection, isFunction, isEqual, isPlainObject, isString, isUndefined, last, noop, omit3, Markdown, validator) { 'use strict';
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.JSONSchemaForm = {}, global.react, global.utils, global._cloneDeep, global.get, global.isEmpty, global._pick, global.set, global._toPath, global._unset, global.isObject, global.uniqueId, global.jsxRuntime, global.each, global.flatten, global.has, global.includes, global.intersection, global.isFunction, global.isEqual, global.isPlainObject, global.isString, global.isUndefined, global.last, global.noop, global.omit3, global.Markdown, global.validator));
+})(this, (function (exports, react, utils, _cloneDeep, get, isEmpty, _pick, set, _toPath, _unset, isObject, uniqueId, jsxRuntime, each, flatten, has, includes, intersection, isFunction, isEqual, isPlainObject, isString, isUndefined, last, noop, omit3, Markdown, validator) { 'use strict';
 
   // src/components/Form.tsx
   function generateRowId() {
@@ -655,7 +655,7 @@
         }
         const newKeyedFormDataRow = {
           key: generateRowId(),
-          item: cloneDeep(keyedFormData[index].item)
+          item: _cloneDeep(keyedFormData[index].item)
         };
         const newKeyedFormData = [...keyedFormData];
         if (index !== void 0) {
@@ -722,10 +722,12 @@
     );
     const handleChange = react.useCallback(
       (value, path, newErrorSchema, id) => {
+        const lastPathIsItemIndex = typeof path.at(-1) === "number";
         onChange(
           // We need to treat undefined items as nulls to have validation.
           // See https://github.com/tdegrunt/jsonschema/issues/206
-          value === void 0 ? null : value,
+          // Only set to null for array items, and not for object properties within array items
+          lastPathIsItemIndex && value === void 0 ? null : value,
           path,
           newErrorSchema,
           id
@@ -4217,11 +4219,12 @@
       const { newErrorSchema } = this.pendingChanges[0];
       const { extraErrors, omitExtraData, liveOmit, noValidate, liveValidate, onChange, removeEmptyOptionalObjects } = this.props;
       const { formData: oldFormData, schemaUtils, schema, fieldPathId, schemaValidationErrorSchema, errors } = this.state;
-      let { customErrors, errorSchema: originalErrorSchema } = this.state;
+      let { customErrors } = this.state;
+      let mergeBaseErrorSchema = schemaValidationErrorSchema;
       const rootPathId = fieldPathId.path[0] || "";
       const isRootPath = !path || path.length === 0 || path.length === 1 && path[0] === rootPathId;
       let retrievedSchema = this.state.retrievedSchema;
-      let formData = isRootPath ? newValue : cloneDeep(oldFormData);
+      let formData = isRootPath ? newValue : _cloneDeep(oldFormData);
       const hasOnlyUndefinedValues = utils.isObject(formData) && Object.keys(formData).length > 0 && Object.values(formData).every((v) => v === void 0);
       const wasPreviouslyNull = oldFormData === null || oldFormData === void 0;
       const inputForDefaults = hasOnlyUndefinedValues && wasPreviouslyNull ? void 0 : formData;
@@ -4260,9 +4263,10 @@
         const oldValidationError = !isRootPath ? get(schemaValidationErrorSchema, path) : schemaValidationErrorSchema;
         if (!isEmpty(oldValidationError)) {
           if (!isRootPath) {
-            set(originalErrorSchema, path, newErrorSchema);
+            mergeBaseErrorSchema = _cloneDeep(schemaValidationErrorSchema);
+            set(mergeBaseErrorSchema, path, newErrorSchema);
           } else {
-            originalErrorSchema = newErrorSchema;
+            mergeBaseErrorSchema = newErrorSchema;
           }
         } else {
           if (!customErrors) {
@@ -4284,7 +4288,7 @@
         const liveValidation = this.liveValidate(
           schema,
           schemaUtils,
-          originalErrorSchema,
+          mergeBaseErrorSchema,
           newFormData,
           extraErrors,
           customErrors,
@@ -4292,7 +4296,7 @@
         );
         state = { formData: newFormData, ...liveValidation, customErrors };
       } else if (!noValidate && newErrorSchema) {
-        const mergedErrors = this.mergeErrors({ errorSchema: originalErrorSchema, errors }, extraErrors, customErrors);
+        const mergedErrors = this.mergeErrors({ errorSchema: mergeBaseErrorSchema, errors }, extraErrors, customErrors);
         state = {
           formData: newFormData,
           ...mergedErrors,

package/dist/index.cjs

@@ -779,10 +779,12 @@ function ArrayField(props) {
   );
   const handleChange = (0, import_react.useCallback)(
     (value, path, newErrorSchema, id) => {
+      const lastPathIsItemIndex = typeof path.at(-1) === "number";
       onChange(
         // We need to treat undefined items as nulls to have validation.
         // See https://github.com/tdegrunt/jsonschema/issues/206
-        value === void 0 ? null : value,
+        // Only set to null for array items, and not for object properties within array items
+        lastPathIsItemIndex && value === void 0 ? null : value,
         path,
         newErrorSchema,
         id
@@ -4563,7 +4565,8 @@ var Form = class extends import_react21.Component {
     const { newErrorSchema } = this.pendingChanges[0];
     const { extraErrors, omitExtraData, liveOmit, noValidate, liveValidate, onChange, removeEmptyOptionalObjects } = this.props;
     const { formData: oldFormData, schemaUtils, schema, fieldPathId, schemaValidationErrorSchema, errors } = this.state;
-    let { customErrors, errorSchema: originalErrorSchema } = this.state;
+    let { customErrors } = this.state;
+    let mergeBaseErrorSchema = schemaValidationErrorSchema;
     const rootPathId = fieldPathId.path[0] || "";
     const isRootPath = !path || path.length === 0 || path.length === 1 && path[0] === rootPathId;
     let retrievedSchema = this.state.retrievedSchema;
@@ -4606,9 +4609,10 @@ var Form = class extends import_react21.Component {
       const oldValidationError = !isRootPath ? (0, import_get5.default)(schemaValidationErrorSchema, path) : schemaValidationErrorSchema;
       if (!(0, import_isEmpty4.default)(oldValidationError)) {
         if (!isRootPath) {
-          (0, import_set5.default)(originalErrorSchema, path, newErrorSchema);
+          mergeBaseErrorSchema = (0, import_cloneDeep2.default)(schemaValidationErrorSchema);
+          (0, import_set5.default)(mergeBaseErrorSchema, path, newErrorSchema);
         } else {
-          originalErrorSchema = newErrorSchema;
+          mergeBaseErrorSchema = newErrorSchema;
         }
       } else {
         if (!customErrors) {
@@ -4630,7 +4634,7 @@ var Form = class extends import_react21.Component {
       const liveValidation = this.liveValidate(
         schema,
         schemaUtils,
-        originalErrorSchema,
+        mergeBaseErrorSchema,
         newFormData,
         extraErrors,
         customErrors,
@@ -4638,7 +4642,7 @@ var Form = class extends import_react21.Component {
       );
       state = { formData: newFormData, ...liveValidation, customErrors };
     } else if (!noValidate && newErrorSchema) {
-      const mergedErrors = this.mergeErrors({ errorSchema: originalErrorSchema, errors }, extraErrors, customErrors);
+      const mergedErrors = this.mergeErrors({ errorSchema: mergeBaseErrorSchema, errors }, extraErrors, customErrors);
       state = {
         formData: newFormData,
         ...mergedErrors,