@rjsf/core 5.0.2 → 5.2.0

package/dist/core.umd.development.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('@rjsf/utils'), require('lodash-es/get'), require('lodash-es/isEmpty'), require('lodash-es/pick'), require('lodash-es/isObject'), require('lodash-es/set'), require('nanoid'), require('lodash-es/omit'), require('lodash-es/has'), require('lodash-es/unset')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'react', '@rjsf/utils', 'lodash-es/get', 'lodash-es/isEmpty', 'lodash-es/pick', 'lodash-es/isObject', 'lodash-es/set', 'nanoid', 'lodash-es/omit', 'lodash-es/has', 'lodash-es/unset'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.JSONSchemaForm = {}, global.React, global.utils, global.get, global.isEmpty, global._pick, global.isObject, global.set, global.nanoid, global.omit, global.has, global.unset));
-})(this, (function (exports, React, utils, get, isEmpty, _pick, isObject, set, nanoid, omit, has, unset) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('@rjsf/utils'), require('lodash-es/get'), require('lodash-es/isEmpty'), require('lodash-es/pick'), require('lodash-es/toPath'), require('lodash-es/isObject'), require('lodash-es/set'), require('nanoid'), require('lodash-es/omit'), require('lodash-es/has'), require('lodash-es/unset'), require('markdown-to-jsx')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'react', '@rjsf/utils', 'lodash-es/get', 'lodash-es/isEmpty', 'lodash-es/pick', 'lodash-es/toPath', 'lodash-es/isObject', 'lodash-es/set', 'nanoid', 'lodash-es/omit', 'lodash-es/has', 'lodash-es/unset', 'markdown-to-jsx'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.JSONSchemaForm = {}, global.React, global.utils, global.get, global.isEmpty, global._pick, global._toPath, global.isObject, global.set, global.nanoid, global.omit, global.has, global.unset, global.Markdown));
+})(this, (function (exports, React, utils, get, isEmpty, _pick, _toPath, isObject, set, nanoid, omit, has, unset, Markdown) { 'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -10,11 +10,13 @@
   var get__default = /*#__PURE__*/_interopDefaultLegacy(get);
   var isEmpty__default = /*#__PURE__*/_interopDefaultLegacy(isEmpty);
   var _pick__default = /*#__PURE__*/_interopDefaultLegacy(_pick);
+  var _toPath__default = /*#__PURE__*/_interopDefaultLegacy(_toPath);
   var isObject__default = /*#__PURE__*/_interopDefaultLegacy(isObject);
   var set__default = /*#__PURE__*/_interopDefaultLegacy(set);
   var omit__default = /*#__PURE__*/_interopDefaultLegacy(omit);
   var has__default = /*#__PURE__*/_interopDefaultLegacy(has);
   var unset__default = /*#__PURE__*/_interopDefaultLegacy(unset);
+  var Markdown__default = /*#__PURE__*/_interopDefaultLegacy(Markdown);
 
   function _defineProperties(target, props) {
     for (var i = 0; i < props.length; i++) {
@@ -194,7 +196,7 @@
             onChange = _this$props3.onChange,
             errorSchema = _this$props3.errorSchema;
           var newErrorSchema;
-          if (_this.props.errorSchema) {
+          if (errorSchema) {
             newErrorSchema = {};
             for (var idx in errorSchema) {
               var i = parseInt(idx);
@@ -371,14 +373,15 @@
         uiSchema = _this$props7.uiSchema,
         idSchema = _this$props7.idSchema,
         registry = _this$props7.registry;
-      var schemaUtils = registry.schemaUtils;
+      var schemaUtils = registry.schemaUtils,
+        translateString = registry.translateString;
       if (!(utils.ITEMS_KEY in schema)) {
         var uiOptions = utils.getUiOptions(uiSchema);
         var UnsupportedFieldTemplate = utils.getTemplate("UnsupportedFieldTemplate", registry, uiOptions);
         return /*#__PURE__*/React__default["default"].createElement(UnsupportedFieldTemplate, {
           schema: schema,
           idSchema: idSchema,
-          reason: "Missing items definition",
+          reason: translateString(utils.TranslatableString.MissingItems),
           registry: registry
         });
       }
@@ -835,8 +838,11 @@
     _createClass(ArrayField, [{
       key: "itemTitle",
       get: function get() {
-        var schema = this.props.schema;
-        return get__default["default"](schema, [utils.ITEMS_KEY, "title"], get__default["default"](schema, [utils.ITEMS_KEY, "description"], "Item"));
+        var _this$props14 = this.props,
+          schema = _this$props14.schema,
+          registry = _this$props14.registry;
+        var translateString = registry.translateString;
+        return get__default["default"](schema, [utils.ITEMS_KEY, "title"], get__default["default"](schema, [utils.ITEMS_KEY, "description"], translateString(utils.TranslatableString.ArrayItemTitle)));
       }
     }]);
     return ArrayField;
@@ -865,19 +871,22 @@
       rawErrors = props.rawErrors;
     var title = schema.title;
     var widgets = registry.widgets,
-      formContext = registry.formContext;
+      formContext = registry.formContext,
+      translateString = registry.translateString;
     var _getUiOptions = utils.getUiOptions(uiSchema),
       _getUiOptions$widget = _getUiOptions.widget,
       widget = _getUiOptions$widget === void 0 ? "checkbox" : _getUiOptions$widget,
       options = _objectWithoutPropertiesLoose(_getUiOptions, _excluded$8);
     var Widget = utils.getWidget(schema, widget, widgets);
+    var yes = translateString(utils.TranslatableString.YesLabel);
+    var no = translateString(utils.TranslatableString.NoLabel);
     var enumOptions;
     if (Array.isArray(schema.oneOf)) {
       enumOptions = utils.optionsList({
         oneOf: schema.oneOf.map(function (option) {
           if (isObject__default["default"](option)) {
             return _extends({}, option, {
-              title: option.title || (option["const"] === true ? "Yes" : "No")
+              title: option.title || (option["const"] === true ? yes : no)
             });
           }
           return undefined;
@@ -895,10 +904,10 @@
       })) {
         enumOptions = [{
           value: enums[0],
-          label: enums[0] ? "Yes" : "No"
+          label: enums[0] ? yes : no
         }, {
           value: enums[1],
-          label: enums[1] ? "Yes" : "No"
+          label: enums[1] ? yes : no
         }];
       } else {
         enumOptions = utils.optionsList({
@@ -931,9 +940,6 @@
   }
 
   var _excluded$7 = ["widget", "placeholder", "autofocus", "autocomplete", "title"];
-  /** The prefix used when a oneOf option does not have a title
-   */
-  var UNKNOWN_OPTION_PREFIX = "Option";
   /** The `AnyOfField` component is used to render a field in the schema that is an `anyOf`, `allOf` or `oneOf`. It tracks
    * the currently selected option and cleans up any irrelevant data in `formData`.
    *
@@ -1072,7 +1078,8 @@
         schema = _this$props5.schema,
         uiSchema = _this$props5.uiSchema;
       var widgets = registry.widgets,
-        fields = registry.fields;
+        fields = registry.fields,
+        translateString = registry.translateString;
       var _SchemaField = fields.SchemaField;
       var _this$state2 = this.state,
         selectedOption = _this$state2.selectedOption,
@@ -1100,10 +1107,11 @@
           type: baseType
         });
       }
-      var optionLabel = title ? title + " " + UNKNOWN_OPTION_PREFIX.toLowerCase() : UNKNOWN_OPTION_PREFIX;
+      var translateEnum = title ? utils.TranslatableString.TitleOptionPrefix : utils.TranslatableString.OptionPrefix;
+      var translateParams = title ? [title] : [];
       var enumOptions = retrievedOptions.map(function (opt, index) {
         return {
-          label: opt.title || optionLabel + " " + (index + 1),
+          label: opt.title || translateString(translateEnum, translateParams.concat(String(index + 1))),
           value: index
         };
       });
@@ -1358,9 +1366,8 @@
      * @param type - The type of the new additional schema property
      */
     _proto.getDefaultValue = function getDefaultValue(type) {
+      var translateString = this.props.registry.translateString;
       switch (type) {
-        case "string":
-          return "New Value";
         case "array":
           return [];
         case "boolean":
@@ -1371,9 +1378,10 @@
           return 0;
         case "object":
           return {};
+        case "string":
         default:
           // We don't have a datatype for some reason (perhaps additionalProperties was true)
-          return "New Value";
+          return translateString(utils.TranslatableString.NewStringDefault);
       }
     }
     /** Handles the adding of a new additional property on the given `schema`. Calls the `onChange` callback once the new
@@ -1507,7 +1515,8 @@
    */
   function getFieldComponent(schema, uiOptions, idSchema, registry) {
     var field = uiOptions.field;
-    var fields = registry.fields;
+    var fields = registry.fields,
+      translateString = registry.translateString;
     if (typeof field === "function") {
       return field;
     }
@@ -1529,7 +1538,7 @@
       return /*#__PURE__*/React__default["default"].createElement(UnsupportedFieldTemplate, {
         schema: schema,
         idSchema: idSchema,
-        reason: "Unknown field type " + schema.type,
+        reason: translateString(utils.TranslatableString.UnknownFieldType, [String(schema.type)]),
         registry: registry
       });
     };
@@ -2114,24 +2123,27 @@
     }));
   }
   function MoveDownButton(props) {
+    var translateString = props.registry.translateString;
     return /*#__PURE__*/React__default["default"].createElement(IconButton, _extends({
-      title: "Move down",
+      title: translateString(utils.TranslatableString.MoveDownButton),
       className: "array-item-move-down"
     }, props, {
       icon: "arrow-down"
     }));
   }
   function MoveUpButton(props) {
+    var translateString = props.registry.translateString;
     return /*#__PURE__*/React__default["default"].createElement(IconButton, _extends({
-      title: "Move up",
+      title: translateString(utils.TranslatableString.MoveUpButton),
       className: "array-item-move-up"
     }, props, {
       icon: "arrow-up"
     }));
   }
   function RemoveButton(props) {
+    var translateString = props.registry.translateString;
     return /*#__PURE__*/React__default["default"].createElement(IconButton, _extends({
-      title: "Remove",
+      title: translateString(utils.TranslatableString.RemoveButton),
       className: "array-item-remove"
     }, props, {
       iconType: "danger",
@@ -2146,6 +2158,7 @@
       onClick = _ref.onClick,
       disabled = _ref.disabled,
       registry = _ref.registry;
+    var translateString = registry.translateString;
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "row"
     }, /*#__PURE__*/React__default["default"].createElement("p", {
@@ -2154,7 +2167,7 @@
       iconType: "info",
       icon: "plus",
       className: "btn-add col-xs-12",
-      title: "Add",
+      title: translateString(utils.TranslatableString.AddButton),
       onClick: onClick,
       disabled: disabled,
       registry: registry
@@ -2199,14 +2212,16 @@
    * @param props - The `ErrorListProps` for this component
    */
   function ErrorList(_ref) {
-    var errors = _ref.errors;
+    var errors = _ref.errors,
+      registry = _ref.registry;
+    var translateString = registry.translateString;
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "panel panel-danger errors"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "panel-heading"
     }, /*#__PURE__*/React__default["default"].createElement("h3", {
       className: "panel-title"
-    }, "Errors")), /*#__PURE__*/React__default["default"].createElement("ul", {
+    }, translateString(utils.TranslatableString.ErrorsLabel))), /*#__PURE__*/React__default["default"].createElement("ul", {
       className: "list-group"
     }, errors.map(function (error, i) {
       return /*#__PURE__*/React__default["default"].createElement("li", {
@@ -2389,10 +2404,22 @@
   function UnsupportedField(props) {
     var schema = props.schema,
       idSchema = props.idSchema,
-      reason = props.reason;
+      reason = props.reason,
+      registry = props.registry;
+    var translateString = registry.translateString;
+    var translateEnum = utils.TranslatableString.UnsupportedField;
+    var translateParams = [];
+    if (idSchema && idSchema.$id) {
+      translateEnum = utils.TranslatableString.UnsupportedFieldWithId;
+      translateParams.push(idSchema.$id);
+    }
+    if (reason) {
+      translateEnum = translateEnum === utils.TranslatableString.UnsupportedField ? utils.TranslatableString.UnsupportedFieldWithReason : utils.TranslatableString.UnsupportedFieldWithIdAndReason;
+      translateParams.push(reason);
+    }
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "unsupported-field"
-    }, /*#__PURE__*/React__default["default"].createElement("p", null, "Unsupported field schema", idSchema && idSchema.$id && /*#__PURE__*/React__default["default"].createElement("span", null, " for", " field ", /*#__PURE__*/React__default["default"].createElement("code", null, idSchema.$id)), reason && /*#__PURE__*/React__default["default"].createElement("em", null, ": ", reason), "."), schema && /*#__PURE__*/React__default["default"].createElement("pre", null, JSON.stringify(schema, null, 2)));
+    }, /*#__PURE__*/React__default["default"].createElement("p", null, /*#__PURE__*/React__default["default"].createElement(Markdown__default["default"], null, translateString(translateEnum, translateParams))), schema && /*#__PURE__*/React__default["default"].createElement("pre", null, JSON.stringify(schema, null, 2)));
   }
 
   /** The `WrapIfAdditional` component is used by the `FieldTemplate` to rename, or remove properties that are
@@ -2414,9 +2441,11 @@
       children = props.children,
       uiSchema = props.uiSchema,
       registry = props.registry;
+    var templates = registry.templates,
+      translateString = registry.translateString;
     // Button templates are not overridden in the uiSchema
-    var RemoveButton = registry.templates.ButtonTemplates.RemoveButton;
-    var keyLabel = label + " Key"; // i18n ?
+    var RemoveButton = templates.ButtonTemplates.RemoveButton;
+    var keyLabel = translateString(utils.TranslatableString.KeyLabel, [label]);
     var additional = (utils.ADDITIONAL_PROPERTY_FLAG in schema);
     if (!additional) {
       return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -2593,6 +2622,7 @@
       onFocus = _ref2.onFocus,
       onChange = _ref2.onChange,
       value = _ref2.value;
+    var translateString = registry.translateString;
     var _useReducer = React.useReducer(function (state, action) {
         return _extends({}, state, action);
       }, utils.parseDateString(value, time)),
@@ -2633,6 +2663,7 @@
       className: "list-inline"
     }, dateElementProps(state, time, options.yearsRange).map(function (elemProps, i) {
       return /*#__PURE__*/React__default["default"].createElement("li", {
+        className: "list-inline-item",
         key: i
       }, /*#__PURE__*/React__default["default"].createElement(DateElement, _extends({
         rootId: id,
@@ -2645,15 +2676,19 @@
         onFocus: onFocus,
         autofocus: autofocus && i === 0
       })));
-    }), (options.hideNowButton !== "undefined" ? !options.hideNowButton : true) && /*#__PURE__*/React__default["default"].createElement("li", null, /*#__PURE__*/React__default["default"].createElement("a", {
+    }), (options.hideNowButton !== "undefined" ? !options.hideNowButton : true) && /*#__PURE__*/React__default["default"].createElement("li", {
+      className: "list-inline-item"
+    }, /*#__PURE__*/React__default["default"].createElement("a", {
       href: "#",
       className: "btn btn-info btn-now",
       onClick: handleSetNow
-    }, "Now")), (options.hideClearButton !== "undefined" ? !options.hideClearButton : true) && /*#__PURE__*/React__default["default"].createElement("li", null, /*#__PURE__*/React__default["default"].createElement("a", {
+    }, translateString(utils.TranslatableString.NowLabel))), (options.hideClearButton !== "undefined" ? !options.hideClearButton : true) && /*#__PURE__*/React__default["default"].createElement("li", {
+      className: "list-inline-item"
+    }, /*#__PURE__*/React__default["default"].createElement("a", {
       href: "#",
       className: "btn btn-warning btn-clear",
       onClick: handleClear
-    }, "Clear")));
+    }, translateString(utils.TranslatableString.ClearLabel))));
   }
 
   var _excluded$1 = ["time"];
@@ -2906,10 +2941,12 @@
     return Promise.all(Array.from(files).map(processFile));
   }
   function FilesInfo(_ref) {
-    var filesInfo = _ref.filesInfo;
+    var filesInfo = _ref.filesInfo,
+      registry = _ref.registry;
     if (filesInfo.length === 0) {
       return null;
     }
+    var translateString = registry.translateString;
     return /*#__PURE__*/React__default["default"].createElement("ul", {
       className: "file-info"
     }, filesInfo.map(function (fileInfo, key) {
@@ -2918,7 +2955,7 @@
         type = fileInfo.type;
       return /*#__PURE__*/React__default["default"].createElement("li", {
         key: key
-      }, /*#__PURE__*/React__default["default"].createElement("strong", null, name), " (", type, ", ", size, " bytes)");
+      }, /*#__PURE__*/React__default["default"].createElement(Markdown__default["default"], null, translateString(utils.TranslatableString.FilesInfo, [name, type, String(size)])));
     }));
   }
   function extractFileInfo(dataURLs) {
@@ -2948,7 +2985,8 @@
       value = _ref2.value,
       _ref2$autofocus = _ref2.autofocus,
       autofocus = _ref2$autofocus === void 0 ? false : _ref2$autofocus,
-      options = _ref2.options;
+      options = _ref2.options,
+      registry = _ref2.registry;
     var extractedFilesInfo = React.useMemo(function () {
       return Array.isArray(value) ? extractFileInfo(value) : extractFileInfo([value]);
     }, [value]);
@@ -2983,7 +3021,8 @@
       accept: options.accept ? String(options.accept) : undefined,
       "aria-describedby": utils.ariaDescribedByIds(id)
     })), /*#__PURE__*/React__default["default"].createElement(FilesInfo, {
-      filesInfo: filesInfo
+      filesInfo: filesInfo,
+      registry: registry
     }));
   }
 
@@ -3295,7 +3334,8 @@
       templates: templates(),
       widgets: widgets(),
       rootSchema: {},
-      formContext: {}
+      formContext: {},
+      translateString: utils.englishStringTranslator
     };
   }
 
@@ -3522,7 +3562,7 @@
       if (!schemaUtils || schemaUtils.doesSchemaUtilsDiffer(props.validator, rootSchema)) {
         schemaUtils = utils.createSchemaUtils(props.validator, rootSchema);
       }
-      var formData = schemaUtils.getDefaultFormState(schema, inputFormData, "excludeObjectChildren");
+      var formData = schemaUtils.getDefaultFormState(schema, inputFormData);
       var retrievedSchema = schemaUtils.retrieveSchema(schema, formData);
       var getCurrentErrors = function getCurrentErrors() {
         if (props.noValidate) {
@@ -3623,7 +3663,8 @@
           errorSchema: errorSchema || {},
           schema: schema,
           uiSchema: uiSchema,
-          formContext: formContext
+          formContext: formContext,
+          registry: registry
         });
       }
       return null;
@@ -3636,12 +3677,14 @@
     /** Returns the registry for the form */
     _proto.getRegistry = function getRegistry() {
       var _this$props$templates;
+      var customTranslateString = this.props.translateString;
       var schemaUtils = this.state.schemaUtils;
       var _getDefaultRegistry = getDefaultRegistry(),
         fields = _getDefaultRegistry.fields,
         templates = _getDefaultRegistry.templates,
         widgets = _getDefaultRegistry.widgets,
-        formContext = _getDefaultRegistry.formContext;
+        formContext = _getDefaultRegistry.formContext,
+        translateString = _getDefaultRegistry.translateString;
       return {
         fields: _extends({}, fields, this.props.fields),
         templates: _extends({}, templates, this.props.templates, {
@@ -3650,7 +3693,8 @@
         widgets: _extends({}, widgets, this.props.widgets),
         rootSchema: this.props.schema,
         formContext: this.props.formContext || formContext,
-        schemaUtils: schemaUtils
+        schemaUtils: schemaUtils,
+        translateString: customTranslateString || translateString
       };
     }
     /** Provides a function that can be used to programmatically submit the `Form` */;
@@ -3662,15 +3706,47 @@
         this.formElement.current.requestSubmit();
       }
     }
+    /** Attempts to focus on the field associated with the `error`. Uses the `property` field to compute path of the error
+     * field, then, using the `idPrefix` and `idSeparator` converts that path into an id. Then the input element with that
+     * id is attempted to be found using the `formElement` ref. If it is located, then it is focused.
+     *
+     * @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 property = error.property;
+      var path = _toPath__default["default"](property);
+      if (path[0] === "") {
+        // Most of the time the `.foo` property results in the first element being empty, so replace it with the idPrefix
+        path[0] = idPrefix;
+      } else {
+        // Otherwise insert the idPrefix into the first location using unshift
+        path.unshift(idPrefix);
+      }
+      var elementId = path.join(idSeparator);
+      var field = this.formElement.current.elements[elementId];
+      if (!field) {
+        // if not an exact match, try finding an input starting with the element id (like radio buttons or checkboxes)
+        field = this.formElement.current.querySelector("input[id^=" + elementId);
+      }
+      if (field) {
+        field.focus();
+      }
+    }
     /** Programmatically validate the form. If `onError` is provided, then it will be called with the list of errors the
      * same way as would happen on form submission.
      *
      * @returns - True if the form is valid, false otherwise.
      */;
     _proto.validateForm = function validateForm() {
-      var _this$props4 = this.props,
-        extraErrors = _this$props4.extraErrors,
-        onError = _this$props4.onError;
+      var _this$props5 = this.props,
+        extraErrors = _this$props5.extraErrors,
+        focusOnFirstError = _this$props5.focusOnFirstError,
+        onError = _this$props5.onError;
       var formData = this.state.formData;
       var schemaUtils = this.state.schemaUtils;
       var schemaValidation = this.validate(formData);
@@ -3684,6 +3760,9 @@
           errorSchema = merged.errorSchema;
           errors = merged.errors;
         }
+        if (focusOnFirstError) {
+          this.focusOnError(schemaValidation.errors[0]);
+        }
         this.setState({
           errors: errors,
           errorSchema: errorSchema,
@@ -3704,31 +3783,31 @@
      * needed along with the submit button or any children of the form.
      */;
     _proto.render = function render() {
-      var _this$props5 = this.props,
-        children = _this$props5.children,
-        id = _this$props5.id,
-        idPrefix = _this$props5.idPrefix,
-        idSeparator = _this$props5.idSeparator,
-        _this$props5$classNam = _this$props5.className,
-        className = _this$props5$classNam === void 0 ? "" : _this$props5$classNam,
-        tagName = _this$props5.tagName,
-        name = _this$props5.name,
-        method = _this$props5.method,
-        target = _this$props5.target,
-        action = _this$props5.action,
-        autoComplete = _this$props5.autoComplete,
-        enctype = _this$props5.enctype,
-        acceptcharset = _this$props5.acceptcharset,
-        _this$props5$noHtml5V = _this$props5.noHtml5Validate,
-        noHtml5Validate = _this$props5$noHtml5V === void 0 ? false : _this$props5$noHtml5V,
-        _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,
-        formContext = _this$props5.formContext,
-        _this$props5$showErro = _this$props5.showErrorList,
-        showErrorList = _this$props5$showErro === void 0 ? "top" : _this$props5$showErro,
-        _internalFormWrapper = _this$props5._internalFormWrapper;
+      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$state4 = this.state,
         schema = _this$state4.schema,
         uiSchema = _this$state4.uiSchema,