@rjsf/core 5.0.2 → 5.2.0

package/dist/core.cjs.development.js

@@ -7,12 +7,14 @@ var utils = require('@rjsf/utils');
 var get = require('lodash/get');
 var isEmpty = require('lodash/isEmpty');
 var _pick = require('lodash/pick');
+var _toPath = require('lodash/toPath');
 var isObject = require('lodash/isObject');
 var set = require('lodash/set');
 var nanoid = require('nanoid');
 var omit = require('lodash/omit');
 var has = require('lodash/has');
 var unset = require('lodash/unset');
+var Markdown = require('markdown-to-jsx');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -20,11 +22,13 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 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++) {
@@ -204,7 +208,7 @@ var ArrayField = /*#__PURE__*/function (_Component) {
           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);
@@ -381,14 +385,15 @@ var ArrayField = /*#__PURE__*/function (_Component) {
       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
       });
     }
@@ -845,8 +850,11 @@ var ArrayField = /*#__PURE__*/function (_Component) {
   _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;
@@ -875,19 +883,22 @@ function BooleanField(props) {
     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;
@@ -905,10 +916,10 @@ function BooleanField(props) {
     })) {
       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({
@@ -941,9 +952,6 @@ function BooleanField(props) {
 }
 
 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`.
  *
@@ -1082,7 +1090,8 @@ var AnyOfField = /*#__PURE__*/function (_Component) {
       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,
@@ -1110,10 +1119,11 @@ var AnyOfField = /*#__PURE__*/function (_Component) {
         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
       };
     });
@@ -1368,9 +1378,8 @@ var ObjectField = /*#__PURE__*/function (_Component) {
    * @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":
@@ -1381,9 +1390,10 @@ var ObjectField = /*#__PURE__*/function (_Component) {
         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
@@ -1517,7 +1527,8 @@ var COMPONENT_TYPES = {
  */
 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;
   }
@@ -1539,7 +1550,7 @@ function getFieldComponent(schema, uiOptions, idSchema, registry) {
     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
     });
   };
@@ -2124,24 +2135,27 @@ function IconButton(props) {
   }));
 }
 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",
@@ -2156,6 +2170,7 @@ function AddButton(_ref) {
     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", {
@@ -2164,7 +2179,7 @@ function AddButton(_ref) {
     iconType: "info",
     icon: "plus",
     className: "btn-add col-xs-12",
-    title: "Add",
+    title: translateString(utils.TranslatableString.AddButton),
     onClick: onClick,
     disabled: disabled,
     registry: registry
@@ -2209,14 +2224,16 @@ function DescriptionField(props) {
  * @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", {
@@ -2399,10 +2416,22 @@ function TitleField(props) {
 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
@@ -2424,9 +2453,11 @@ function WrapIfAdditionalTemplate(props) {
     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", {
@@ -2603,6 +2634,7 @@ function AltDateWidget(_ref2) {
     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)),
@@ -2643,6 +2675,7 @@ function AltDateWidget(_ref2) {
     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,
@@ -2655,15 +2688,19 @@ function AltDateWidget(_ref2) {
       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"];
@@ -2916,10 +2953,12 @@ function processFiles(files) {
   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) {
@@ -2928,7 +2967,7 @@ function FilesInfo(_ref) {
       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) {
@@ -2958,7 +2997,8 @@ function FileWidget(_ref2) {
     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]);
@@ -2993,7 +3033,8 @@ function FileWidget(_ref2) {
     accept: options.accept ? String(options.accept) : undefined,
     "aria-describedby": utils.ariaDescribedByIds(id)
   })), /*#__PURE__*/React__default["default"].createElement(FilesInfo, {
-    filesInfo: filesInfo
+    filesInfo: filesInfo,
+    registry: registry
   }));
 }
 
@@ -3305,7 +3346,8 @@ function getDefaultRegistry() {
     templates: templates(),
     widgets: widgets(),
     rootSchema: {},
-    formContext: {}
+    formContext: {},
+    translateString: utils.englishStringTranslator
   };
 }
 
@@ -3532,7 +3574,7 @@ var Form = /*#__PURE__*/function (_Component) {
     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) {
@@ -3633,7 +3675,8 @@ var Form = /*#__PURE__*/function (_Component) {
         errorSchema: errorSchema || {},
         schema: schema,
         uiSchema: uiSchema,
-        formContext: formContext
+        formContext: formContext,
+        registry: registry
       });
     }
     return null;
@@ -3646,12 +3689,14 @@ 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 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, {
@@ -3660,7 +3705,8 @@ var Form = /*#__PURE__*/function (_Component) {
       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` */;
@@ -3672,15 +3718,47 @@ var Form = /*#__PURE__*/function (_Component) {
       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);
@@ -3694,6 +3772,9 @@ var Form = /*#__PURE__*/function (_Component) {
         errorSchema = merged.errorSchema;
         errors = merged.errors;
       }
+      if (focusOnFirstError) {
+        this.focusOnError(schemaValidation.errors[0]);
+      }
       this.setState({
         errors: errors,
         errorSchema: errorSchema,
@@ -3714,31 +3795,31 @@ var Form = /*#__PURE__*/function (_Component) {
    * 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,