@rjsf/core 5.2.1 → 5.3.1

package/dist/core.esm.js

@@ -1,17 +1,18 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Component, useState, useCallback, useEffect, useReducer, useMemo, createRef, forwardRef } from 'react';
-import { isFixedItems, allowAdditionalItems, getUiOptions, ITEMS_KEY, getTemplate, TranslatableString, isCustomWidget, getWidget, optionsList, deepEquals, ERRORS_KEY, asNumber, REF_KEY, orderProperties, PROPERTIES_KEY, ADDITIONAL_PROPERTY_FLAG, ANY_OF_KEY, ONE_OF_KEY, mergeObjects, UI_OPTIONS_KEY, descriptionId, getSchemaType, ID_KEY, hasWidget, titleId, getInputProps, examplesId, ariaDescribedByIds, getSubmitButtonOptions, errorId, helpId, canExpand, parseDateString, toDateString, pad, schemaRequiresTrueValue, enumOptionsValueForIndex, enumOptionsIsSelected, optionId, enumOptionsSelectValue, enumOptionsDeselectValue, utcToLocal, localToUTC, dataURItoBlob, enumOptionsIndexForValue, englishStringTranslator, createSchemaUtils, shouldRender, isObject as isObject$1, RJSF_ADDITONAL_PROPERTIES_FLAG, NAME_KEY } from '@rjsf/utils';
+import { isFixedItems, allowAdditionalItems, getUiOptions, ITEMS_KEY, getTemplate, TranslatableString, isCustomWidget, getWidget, optionsList, deepEquals, ERRORS_KEY, asNumber, REF_KEY, orderProperties, PROPERTIES_KEY, ADDITIONAL_PROPERTY_FLAG, ANY_OF_KEY, ONE_OF_KEY, mergeObjects, UI_OPTIONS_KEY, descriptionId, getSchemaType, ID_KEY, hasWidget, titleId, getInputProps, examplesId, ariaDescribedByIds, getSubmitButtonOptions, errorId, helpId, canExpand, parseDateString, toDateString, pad, schemaRequiresTrueValue, enumOptionsValueForIndex, enumOptionsIsSelected, optionId, enumOptionsSelectValue, enumOptionsDeselectValue, utcToLocal, localToUTC, dataURItoBlob, enumOptionsIndexForValue, englishStringTranslator, createSchemaUtils, shouldRender, UI_GLOBAL_OPTIONS_KEY, isObject as isObject$1, RJSF_ADDITONAL_PROPERTIES_FLAG, NAME_KEY } from '@rjsf/utils';
 import get from 'lodash-es/get';
 import isEmpty from 'lodash-es/isEmpty';
 import _pick from 'lodash-es/pick';
 import _toPath from 'lodash-es/toPath';
+import cloneDeep from 'lodash-es/cloneDeep';
 import isObject from 'lodash-es/isObject';
 import set from 'lodash-es/set';
 import { nanoid } from 'nanoid';
 import omit from 'lodash-es/omit';
+import Markdown from 'markdown-to-jsx';
 import has from 'lodash-es/has';
 import unset from 'lodash-es/unset';
-import Markdown from 'markdown-to-jsx';
 
 function _defineProperties(target, props) {
   for (var i = 0; i < props.length; i++) {
@@ -148,6 +149,31 @@ var ArrayField = /*#__PURE__*/function (_Component) {
         _this._handleAddClick(event, index);
       };
     };
+    _this.onCopyIndexClick = function (index) {
+      return function (event) {
+        if (event) {
+          event.preventDefault();
+        }
+        var onChange = _this.props.onChange;
+        var keyedFormData = _this.state.keyedFormData;
+        var newKeyedFormDataRow = {
+          key: generateRowId(),
+          item: cloneDeep(keyedFormData[index].item)
+        };
+        var newKeyedFormData = [].concat(keyedFormData);
+        if (index !== undefined) {
+          newKeyedFormData.splice(index + 1, 0, newKeyedFormDataRow);
+        } else {
+          newKeyedFormData.push(newKeyedFormDataRow);
+        }
+        _this.setState({
+          keyedFormData: newKeyedFormData,
+          updatedKeyedFormData: true
+        }, function () {
+          return onChange(keyedToPlainFormData(newKeyedFormData));
+        });
+      };
+    };
     _this.onDropIndexClick = function (index) {
       return function (event) {
         if (event) {
@@ -307,8 +333,9 @@ var ArrayField = /*#__PURE__*/function (_Component) {
   _proto.canAddItem = function canAddItem(formItems) {
     var _this$props6 = this.props,
       schema = _this$props6.schema,
-      uiSchema = _this$props6.uiSchema;
-    var _getUiOptions = getUiOptions(uiSchema),
+      uiSchema = _this$props6.uiSchema,
+      registry = _this$props6.registry;
+    var _getUiOptions = getUiOptions(uiSchema, registry.globalUiOptions),
       addable = _getUiOptions.addable;
     if (addable !== false) {
       // if ui:options.addable was not explicitly set to false, we can add
@@ -750,10 +777,8 @@ var ArrayField = /*#__PURE__*/function (_Component) {
       canAdd = props.canAdd,
       _props$canRemove = props.canRemove,
       canRemove = _props$canRemove === void 0 ? true : _props$canRemove,
-      _props$canMoveUp = props.canMoveUp,
-      canMoveUp = _props$canMoveUp === void 0 ? true : _props$canMoveUp,
-      _props$canMoveDown = props.canMoveDown,
-      canMoveDown = _props$canMoveDown === void 0 ? true : _props$canMoveDown,
+      canMoveUp = props.canMoveUp,
+      canMoveDown = props.canMoveDown,
       itemSchema = props.itemSchema,
       itemData = props.itemData,
       itemUiSchema = props.itemUiSchema,
@@ -775,16 +800,20 @@ var ArrayField = /*#__PURE__*/function (_Component) {
       formContext = _this$props13.formContext;
     var _registry$fields = registry.fields,
       ArraySchemaField = _registry$fields.ArraySchemaField,
-      SchemaField = _registry$fields.SchemaField;
+      SchemaField = _registry$fields.SchemaField,
+      globalUiOptions = registry.globalUiOptions;
     var ItemSchemaField = ArraySchemaField || SchemaField;
-    var _getUiOptions5 = getUiOptions(uiSchema),
+    var _getUiOptions5 = getUiOptions(uiSchema, globalUiOptions),
       _getUiOptions5$ordera = _getUiOptions5.orderable,
       orderable = _getUiOptions5$ordera === void 0 ? true : _getUiOptions5$ordera,
       _getUiOptions5$remova = _getUiOptions5.removable,
-      removable = _getUiOptions5$remova === void 0 ? true : _getUiOptions5$remova;
+      removable = _getUiOptions5$remova === void 0 ? true : _getUiOptions5$remova,
+      _getUiOptions5$copyab = _getUiOptions5.copyable,
+      copyable = _getUiOptions5$copyab === void 0 ? false : _getUiOptions5$copyab;
     var has = {
       moveUp: orderable && canMoveUp,
       moveDown: orderable && canMoveDown,
+      copy: copyable && canAdd,
       remove: removable && canRemove,
       toolbar: false
     };
@@ -817,6 +846,7 @@ var ArrayField = /*#__PURE__*/function (_Component) {
       className: 'array-item',
       disabled: disabled,
       canAdd: canAdd,
+      hasCopy: has.copy,
       hasToolbar: has.toolbar,
       hasMoveUp: has.moveUp,
       hasMoveDown: has.moveDown,
@@ -825,6 +855,7 @@ var ArrayField = /*#__PURE__*/function (_Component) {
       totalItems: totalItems,
       key: key,
       onAddIndexClick: this.onAddIndexClick,
+      onCopyIndexClick: this.onCopyIndexClick,
       onDropIndexClick: this.onDropIndexClick,
       onReorderClick: this.onReorderClick,
       readonly: readonly,
@@ -1277,8 +1308,10 @@ var ObjectField = /*#__PURE__*/function (_Component) {
       };
     };
     _this.getAvailableKey = function (preferredKey, formData) {
-      var uiSchema = _this.props.uiSchema;
-      var _getUiOptions = getUiOptions(uiSchema),
+      var _this$props3 = _this.props,
+        uiSchema = _this$props3.uiSchema,
+        registry = _this$props3.registry;
+      var _getUiOptions = getUiOptions(uiSchema, registry.globalUiOptions),
         _getUiOptions$duplica = _getUiOptions.duplicateKeySuffixSeparator,
         duplicateKeySuffixSeparator = _getUiOptions$duplica === void 0 ? '-' : _getUiOptions$duplica;
       var index = 0;
@@ -1294,10 +1327,10 @@ var ObjectField = /*#__PURE__*/function (_Component) {
         if (oldValue === value) {
           return;
         }
-        var _this$props3 = _this.props,
-          formData = _this$props3.formData,
-          onChange = _this$props3.onChange,
-          errorSchema = _this$props3.errorSchema;
+        var _this$props4 = _this.props,
+          formData = _this$props4.formData,
+          onChange = _this$props4.onChange,
+          errorSchema = _this$props4.errorSchema;
         value = _this.getAvailableKey(value, formData);
         var newFormData = _extends({}, formData);
         var newKeys = (_newKeys = {}, _newKeys[oldValue] = value, _newKeys);
@@ -1318,10 +1351,10 @@ var ObjectField = /*#__PURE__*/function (_Component) {
         if (!schema.additionalProperties) {
           return;
         }
-        var _this$props4 = _this.props,
-          formData = _this$props4.formData,
-          onChange = _this$props4.onChange,
-          registry = _this$props4.registry;
+        var _this$props5 = _this.props,
+          formData = _this$props5.formData,
+          onChange = _this$props5.onChange,
+          registry = _this$props5.registry;
         var newFormData = _extends({}, formData);
         var type = undefined;
         if (isObject(schema.additionalProperties)) {
@@ -1396,35 +1429,36 @@ var ObjectField = /*#__PURE__*/function (_Component) {
    */
   _proto.render = function render() {
     var _this2 = this;
-    var _this$props5 = this.props,
-      rawSchema = _this$props5.schema,
-      _this$props5$uiSchema = _this$props5.uiSchema,
-      uiSchema = _this$props5$uiSchema === void 0 ? {} : _this$props5$uiSchema,
-      formData = _this$props5.formData,
-      errorSchema = _this$props5.errorSchema,
-      idSchema = _this$props5.idSchema,
-      name = _this$props5.name,
-      _this$props5$required = _this$props5.required,
-      required = _this$props5$required === void 0 ? false : _this$props5$required,
-      _this$props5$disabled = _this$props5.disabled,
-      disabled = _this$props5$disabled === void 0 ? false : _this$props5$disabled,
-      _this$props5$readonly = _this$props5.readonly,
-      readonly = _this$props5$readonly === void 0 ? false : _this$props5$readonly,
-      hideError = _this$props5.hideError,
-      idPrefix = _this$props5.idPrefix,
-      idSeparator = _this$props5.idSeparator,
-      onBlur = _this$props5.onBlur,
-      onFocus = _this$props5.onFocus,
-      registry = _this$props5.registry;
+    var _this$props6 = this.props,
+      rawSchema = _this$props6.schema,
+      _this$props6$uiSchema = _this$props6.uiSchema,
+      uiSchema = _this$props6$uiSchema === void 0 ? {} : _this$props6$uiSchema,
+      formData = _this$props6.formData,
+      errorSchema = _this$props6.errorSchema,
+      idSchema = _this$props6.idSchema,
+      name = _this$props6.name,
+      _this$props6$required = _this$props6.required,
+      required = _this$props6$required === void 0 ? false : _this$props6$required,
+      _this$props6$disabled = _this$props6.disabled,
+      disabled = _this$props6$disabled === void 0 ? false : _this$props6$disabled,
+      _this$props6$readonly = _this$props6.readonly,
+      readonly = _this$props6$readonly === void 0 ? false : _this$props6$readonly,
+      hideError = _this$props6.hideError,
+      idPrefix = _this$props6.idPrefix,
+      idSeparator = _this$props6.idSeparator,
+      onBlur = _this$props6.onBlur,
+      onFocus = _this$props6.onFocus,
+      registry = _this$props6.registry;
     var fields = registry.fields,
       formContext = registry.formContext,
-      schemaUtils = registry.schemaUtils;
+      schemaUtils = registry.schemaUtils,
+      translateString = registry.translateString;
     var SchemaField = fields.SchemaField;
     var schema = schemaUtils.retrieveSchema(rawSchema, formData);
     var uiOptions = getUiOptions(uiSchema);
     var _schema$properties = schema.properties,
       schemaProperties = _schema$properties === void 0 ? {} : _schema$properties;
-    var title = schema.title === undefined ? name : schema.title;
+    var title = uiOptions.title || (schema.title === undefined ? name : schema.title);
     var description = uiOptions.description || schema.description;
     var orderedProperties;
     try {
@@ -1432,14 +1466,14 @@ var ObjectField = /*#__PURE__*/function (_Component) {
       orderedProperties = orderProperties(properties, uiOptions.order);
     } catch (err) {
       return jsxs("div", {
-        children: [jsxs("p", {
+        children: [jsx("p", {
           className: 'config-error',
           style: {
             color: 'red'
           },
-          children: ["Invalid ", name || 'root', " object field configuration:", jsx("em", {
-            children: err.message
-          }), "."]
+          children: jsx(Markdown, {
+            children: translateString(TranslatableString.InvalidObjectField, [name || 'root', err.message])
+          })
         }), jsx("pre", {
           children: JSON.stringify(schema)
         })]
@@ -1447,7 +1481,7 @@ var ObjectField = /*#__PURE__*/function (_Component) {
     }
     var Template = getTemplate('ObjectFieldTemplate', registry, uiOptions);
     var templateProps = {
-      title: uiOptions.title || title,
+      title: title,
       description: description,
       properties: orderedProperties.map(function (name) {
         var addedByAdditionalProperties = has(schema, [PROPERTIES_KEY, name, ADDITIONAL_PROPERTY_FLAG]);
@@ -1575,8 +1609,9 @@ function SchemaFieldRender(props) {
     _props$wasPropertyKey = props.wasPropertyKeyModified,
     wasPropertyKeyModified = _props$wasPropertyKey === void 0 ? false : _props$wasPropertyKey;
   var formContext = registry.formContext,
-    schemaUtils = registry.schemaUtils;
-  var uiOptions = getUiOptions(uiSchema);
+    schemaUtils = registry.schemaUtils,
+    globalUiOptions = registry.globalUiOptions;
+  var uiOptions = getUiOptions(uiSchema, globalUiOptions);
   var FieldTemplate = getTemplate('FieldTemplate', registry, uiOptions);
   var DescriptionFieldTemplate = getTemplate('DescriptionFieldTemplate', registry, uiOptions);
   var FieldHelpTemplate = getTemplate('FieldHelpTemplate', registry, uiOptions);
@@ -1601,7 +1636,7 @@ function SchemaFieldRender(props) {
   if (Object.keys(schema).length === 0) {
     return null;
   }
-  var displayLabel = schemaUtils.getDisplayLabel(schema, uiSchema);
+  var displayLabel = schemaUtils.getDisplayLabel(schema, uiSchema, globalUiOptions);
   var _ref = errorSchema || {},
     __errors = _ref.__errors,
     fieldErrorSchema = _objectWithoutPropertiesLoose(_ref, _excluded$6);
@@ -1898,13 +1933,16 @@ function ArrayFieldItemTemplate(props) {
     hasMoveDown = props.hasMoveDown,
     hasMoveUp = props.hasMoveUp,
     hasRemove = props.hasRemove,
+    hasCopy = props.hasCopy,
     index = props.index,
+    onCopyIndexClick = props.onCopyIndexClick,
     onDropIndexClick = props.onDropIndexClick,
     onReorderClick = props.onReorderClick,
     readonly = props.readonly,
     registry = props.registry,
     uiSchema = props.uiSchema;
   var _registry$templates$B = registry.templates.ButtonTemplates,
+    CopyButton = _registry$templates$B.CopyButton,
     MoveDownButton = _registry$templates$B.MoveDownButton,
     MoveUpButton = _registry$templates$B.MoveUpButton,
     RemoveButton = _registry$templates$B.RemoveButton;
@@ -1939,6 +1977,12 @@ function ArrayFieldItemTemplate(props) {
           onClick: onReorderClick(index, index + 1),
           uiSchema: uiSchema,
           registry: registry
+        }), hasCopy && jsx(CopyButton, {
+          style: btnStyle,
+          disabled: disabled || readonly,
+          onClick: onCopyIndexClick(index),
+          uiSchema: uiSchema,
+          registry: registry
         }), hasRemove && jsx(RemoveButton, {
           style: btnStyle,
           disabled: disabled || readonly,
@@ -2147,6 +2191,15 @@ function IconButton(props) {
     })
   }));
 }
+function CopyButton(props) {
+  var translateString = props.registry.translateString;
+  return jsx(IconButton, _extends({
+    title: translateString(TranslatableString.CopyButton),
+    className: 'array-item-copy'
+  }, props, {
+    icon: 'copy'
+  }));
+}
 function MoveDownButton(props) {
   var translateString = props.registry.translateString;
   return jsx(IconButton, _extends({
@@ -2205,6 +2258,7 @@ function buttonTemplates() {
   return {
     SubmitButton: SubmitButton,
     AddButton: AddButton,
+    CopyButton: CopyButton,
     MoveDownButton: MoveDownButton,
     MoveUpButton: MoveUpButton,
     RemoveButton: RemoveButton
@@ -2686,22 +2740,25 @@ function AltDateWidget(_ref2) {
     onChange = _ref2.onChange,
     value = _ref2.value;
   var translateString = registry.translateString;
+  var _useState = useState(value),
+    lastValue = _useState[0],
+    setLastValue = _useState[1];
   var _useReducer = useReducer(function (state, action) {
       return _extends({}, state, action);
     }, parseDateString(value, time)),
     state = _useReducer[0],
     setState = _useReducer[1];
   useEffect(function () {
-    if (value && value !== toDateString(state, time)) {
+    var stateValue = toDateString(state, time);
+    if (readyForChange(state) && stateValue !== value) {
+      // The user changed the date to a new valid data via the comboboxes, so call onChange
+      onChange(stateValue);
+    } else if (lastValue !== value) {
+      // We got a new value in the props
+      setLastValue(value);
       setState(parseDateString(value, time));
     }
-  }, [value, state, time]);
-  useEffect(function () {
-    if (readyForChange(state)) {
-      // Only propagate to parent state if we have a complete date{time}
-      onChange(toDateString(state, time));
-    }
-  }, [state, time, onChange]);
+  }, [time, value, onChange, state, lastValue]);
   var handleChange = useCallback(function (property, value) {
     var _setState;
     setState((_setState = {}, _setState[property] = value, _setState));
@@ -2711,17 +2768,16 @@ function AltDateWidget(_ref2) {
     if (disabled || readonly) {
       return;
     }
-    var nowDateObj = parseDateString(new Date().toJSON(), time);
-    setState(nowDateObj);
+    var nextState = parseDateString(new Date().toJSON(), time);
+    onChange(toDateString(nextState, time));
   }, [disabled, readonly, time]);
   var handleClear = useCallback(function (event) {
     event.preventDefault();
     if (disabled || readonly) {
       return;
     }
-    setState(parseDateString('', time));
     onChange(undefined);
-  }, [disabled, readonly, time, onChange]);
+  }, [disabled, readonly, onChange]);
   return jsxs("ul", {
     className: 'list-inline',
     children: [dateElementProps(state, time, options.yearsRange).map(function (elemProps, i) {
@@ -3365,6 +3421,26 @@ function TextWidget(props) {
   return jsx(BaseInputTemplate, _extends({}, props));
 }
 
+/** The `TimeWidget` component uses the `BaseInputTemplate` changing the type to `time` and transforms
+ * the value to undefined when it is falsy during the `onChange` handling.
+ *
+ * @param props - The `WidgetProps` for this component
+ */
+function TimeWidget(props) {
+  var onChange = props.onChange,
+    options = props.options,
+    registry = props.registry;
+  var BaseInputTemplate = getTemplate('BaseInputTemplate', registry, options);
+  var handleChange = useCallback(function (value) {
+    return onChange(value ? value + ":00" : undefined);
+  }, [onChange]);
+  return jsx(BaseInputTemplate, _extends({
+    type: 'time'
+  }, props, {
+    onChange: handleChange
+  }));
+}
+
 /** The `URLWidget` component uses the `BaseInputTemplate` changing the type to `url`.
  *
  * @param props - The `WidgetProps` for this component
@@ -3393,24 +3469,25 @@ function UpDownWidget(props) {
 
 function widgets() {
   return {
+    AltDateWidget: AltDateWidget,
+    AltDateTimeWidget: AltDateTimeWidget,
+    CheckboxWidget: CheckboxWidget,
+    CheckboxesWidget: CheckboxesWidget,
+    ColorWidget: ColorWidget,
+    DateWidget: DateWidget,
+    DateTimeWidget: DateTimeWidget,
+    EmailWidget: EmailWidget,
+    FileWidget: FileWidget,
+    HiddenWidget: HiddenWidget,
     PasswordWidget: PasswordWidget,
     RadioWidget: RadioWidget,
-    UpDownWidget: UpDownWidget,
     RangeWidget: RangeWidget,
     SelectWidget: SelectWidget,
     TextWidget: TextWidget,
-    DateWidget: DateWidget,
-    DateTimeWidget: DateTimeWidget,
-    AltDateWidget: AltDateWidget,
-    AltDateTimeWidget: AltDateTimeWidget,
-    EmailWidget: EmailWidget,
-    URLWidget: URLWidget,
     TextareaWidget: TextareaWidget,
-    HiddenWidget: HiddenWidget,
-    ColorWidget: ColorWidget,
-    FileWidget: FileWidget,
-    CheckboxWidget: CheckboxWidget,
-    CheckboxesWidget: CheckboxesWidget
+    TimeWidget: TimeWidget,
+    UpDownWidget: UpDownWidget,
+    URLWidget: URLWidget
   };
 }
 
@@ -3554,6 +3631,21 @@ var Form = /*#__PURE__*/function (_Component) {
         return onChange && onChange(_extends({}, _this.state, state), id);
       });
     };
+    _this.reset = function () {
+      var onChange = _this.props.onChange;
+      var newState = _this.getStateFromProps(_this.props, undefined);
+      var newFormData = newState.formData;
+      var state = {
+        formData: newFormData,
+        errorSchema: {},
+        errors: [],
+        schemaValidationErrors: [],
+        schemaValidationErrorSchema: {}
+      };
+      _this.setState(state, function () {
+        return onChange && onChange(_extends({}, _this.state, state));
+      });
+    };
     _this.onBlur = function (id, data) {
       var onBlur = _this.props.onBlur;
       if (onBlur) {
@@ -3767,7 +3859,10 @@ var Form = /*#__PURE__*/function (_Component) {
   /** Returns the registry for the form */
   _proto.getRegistry = function getRegistry() {
     var _this$props$templates;
-    var customTranslateString = this.props.translateString;
+    var _this$props4 = this.props,
+      customTranslateString = _this$props4.translateString,
+      _this$props4$uiSchema = _this$props4.uiSchema,
+      uiSchema = _this$props4$uiSchema === void 0 ? {} : _this$props4$uiSchema;
     var schemaUtils = this.state.schemaUtils;
     var _getDefaultRegistry = getDefaultRegistry(),
       fields = _getDefaultRegistry.fields,
@@ -3784,7 +3879,8 @@ var Form = /*#__PURE__*/function (_Component) {
       rootSchema: this.props.schema,
       formContext: this.props.formContext || formContext,
       schemaUtils: schemaUtils,
-      translateString: customTranslateString || translateString
+      translateString: customTranslateString || translateString,
+      globalUiOptions: uiSchema[UI_GLOBAL_OPTIONS_KEY]
     };
   }
   /** Provides a function that can be used to programmatically submit the `Form` */;
@@ -3803,11 +3899,11 @@ var Form = /*#__PURE__*/function (_Component) {
    * @param error - The error on which to focus
    */;
   _proto.focusOnError = function focusOnError(error) {
-    var _this$props4 = this.props,
-      _this$props4$idPrefix = _this$props4.idPrefix,
-      idPrefix = _this$props4$idPrefix === void 0 ? 'root' : _this$props4$idPrefix,
-      _this$props4$idSepara = _this$props4.idSeparator,
-      idSeparator = _this$props4$idSepara === void 0 ? '_' : _this$props4$idSepara;
+    var _this$props5 = this.props,
+      _this$props5$idPrefix = _this$props5.idPrefix,
+      idPrefix = _this$props5$idPrefix === void 0 ? 'root' : _this$props5$idPrefix,
+      _this$props5$idSepara = _this$props5.idSeparator,
+      idSeparator = _this$props5$idSepara === void 0 ? '_' : _this$props5$idSepara;
     var property = error.property;
     var path = _toPath(property);
     if (path[0] === '') {
@@ -3833,10 +3929,10 @@ var Form = /*#__PURE__*/function (_Component) {
    * @returns - True if the form is valid, false otherwise.
    */;
   _proto.validateForm = function validateForm() {
-    var _this$props5 = this.props,
-      extraErrors = _this$props5.extraErrors,
-      focusOnFirstError = _this$props5.focusOnFirstError,
-      onError = _this$props5.onError;
+    var _this$props6 = this.props,
+      extraErrors = _this$props6.extraErrors,
+      focusOnFirstError = _this$props6.focusOnFirstError,
+      onError = _this$props6.onError;
     var formData = this.state.formData;
     var schemaUtils = this.state.schemaUtils;
     var schemaValidation = this.validate(formData);
@@ -3873,31 +3969,31 @@ var Form = /*#__PURE__*/function (_Component) {
    * needed along with the submit button or any children of the form.
    */;
   _proto.render = function render() {
-    var _this$props6 = this.props,
-      children = _this$props6.children,
-      id = _this$props6.id,
-      idPrefix = _this$props6.idPrefix,
-      idSeparator = _this$props6.idSeparator,
-      _this$props6$classNam = _this$props6.className,
-      className = _this$props6$classNam === void 0 ? '' : _this$props6$classNam,
-      tagName = _this$props6.tagName,
-      name = _this$props6.name,
-      method = _this$props6.method,
-      target = _this$props6.target,
-      action = _this$props6.action,
-      autoComplete = _this$props6.autoComplete,
-      enctype = _this$props6.enctype,
-      acceptcharset = _this$props6.acceptcharset,
-      _this$props6$noHtml5V = _this$props6.noHtml5Validate,
-      noHtml5Validate = _this$props6$noHtml5V === void 0 ? false : _this$props6$noHtml5V,
-      _this$props6$disabled = _this$props6.disabled,
-      disabled = _this$props6$disabled === void 0 ? false : _this$props6$disabled,
-      _this$props6$readonly = _this$props6.readonly,
-      readonly = _this$props6$readonly === void 0 ? false : _this$props6$readonly,
-      formContext = _this$props6.formContext,
-      _this$props6$showErro = _this$props6.showErrorList,
-      showErrorList = _this$props6$showErro === void 0 ? 'top' : _this$props6$showErro,
-      _internalFormWrapper = _this$props6._internalFormWrapper;
+    var _this$props7 = this.props,
+      children = _this$props7.children,
+      id = _this$props7.id,
+      idPrefix = _this$props7.idPrefix,
+      idSeparator = _this$props7.idSeparator,
+      _this$props7$classNam = _this$props7.className,
+      className = _this$props7$classNam === void 0 ? '' : _this$props7$classNam,
+      tagName = _this$props7.tagName,
+      name = _this$props7.name,
+      method = _this$props7.method,
+      target = _this$props7.target,
+      action = _this$props7.action,
+      autoComplete = _this$props7.autoComplete,
+      enctype = _this$props7.enctype,
+      acceptcharset = _this$props7.acceptcharset,
+      _this$props7$noHtml5V = _this$props7.noHtml5Validate,
+      noHtml5Validate = _this$props7$noHtml5V === void 0 ? false : _this$props7$noHtml5V,
+      _this$props7$disabled = _this$props7.disabled,
+      disabled = _this$props7$disabled === void 0 ? false : _this$props7$disabled,
+      _this$props7$readonly = _this$props7.readonly,
+      readonly = _this$props7$readonly === void 0 ? false : _this$props7$readonly,
+      formContext = _this$props7.formContext,
+      _this$props7$showErro = _this$props7.showErrorList,
+      showErrorList = _this$props7$showErro === void 0 ? 'top' : _this$props7$showErro,
+      _internalFormWrapper = _this$props7._internalFormWrapper;
     var _this$state4 = this.state,
       schema = _this$state4.schema,
       uiSchema = _this$state4.uiSchema,