@rjsf/mui 5.0.0-beta.13 → 5.0.0-beta.15

package/dist/mui.umd.development.js

@@ -37,39 +37,68 @@
   var Slider__default = /*#__PURE__*/_interopDefaultLegacy(Slider);
   var MenuItem__default = /*#__PURE__*/_interopDefaultLegacy(MenuItem);
 
-  const AddButton = _ref => {
-    let {
-      uiSchema,
-      ...props
-    } = _ref;
-    return /*#__PURE__*/React__default["default"].createElement(IconButton__default["default"], {
-      title: "Add Item",
-      ...props,
+  function _extends() {
+    _extends = Object.assign ? Object.assign.bind() : function (target) {
+      for (var i = 1; i < arguments.length; i++) {
+        var source = arguments[i];
+
+        for (var key in source) {
+          if (Object.prototype.hasOwnProperty.call(source, key)) {
+            target[key] = source[key];
+          }
+        }
+      }
+
+      return target;
+    };
+    return _extends.apply(this, arguments);
+  }
+
+  function _objectWithoutPropertiesLoose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+
+    for (i = 0; i < sourceKeys.length; i++) {
+      key = sourceKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      target[key] = source[key];
+    }
+
+    return target;
+  }
+
+  var _excluded$3 = ["uiSchema"];
+
+  var AddButton = function AddButton(_ref) {
+    var props = _objectWithoutPropertiesLoose(_ref, _excluded$3);
+
+    return /*#__PURE__*/React__default["default"].createElement(IconButton__default["default"], _extends({
+      title: "Add Item"
+    }, props, {
       color: "primary"
-    }, /*#__PURE__*/React__default["default"].createElement(AddIcon__default["default"], null));
+    }), /*#__PURE__*/React__default["default"].createElement(AddIcon__default["default"], null));
   };
 
-  const ArrayFieldItemTemplate = props => {
-    const {
-      children,
-      disabled,
-      hasToolbar,
-      hasMoveDown,
-      hasMoveUp,
-      hasRemove,
-      index,
-      onDropIndexClick,
-      onReorderClick,
-      readonly,
-      uiSchema,
-      registry
-    } = props;
-    const {
-      MoveDownButton,
-      MoveUpButton,
-      RemoveButton
-    } = registry.templates.ButtonTemplates;
-    const btnStyle = {
+  var ArrayFieldItemTemplate = function ArrayFieldItemTemplate(props) {
+    var children = props.children,
+        disabled = props.disabled,
+        hasToolbar = props.hasToolbar,
+        hasMoveDown = props.hasMoveDown,
+        hasMoveUp = props.hasMoveUp,
+        hasRemove = props.hasRemove,
+        index = props.index,
+        onDropIndexClick = props.onDropIndexClick,
+        onReorderClick = props.onReorderClick,
+        readonly = props.readonly,
+        uiSchema = props.uiSchema,
+        registry = props.registry;
+    var _registry$templates$B = registry.templates.ButtonTemplates,
+        MoveDownButton = _registry$templates$B.MoveDownButton,
+        MoveUpButton = _registry$templates$B.MoveUpButton,
+        RemoveButton = _registry$templates$B.RemoveButton;
+    var btnStyle = {
       flex: 1,
       paddingLeft: 6,
       paddingRight: 6,
@@ -111,30 +140,26 @@
     })));
   };
 
-  const ArrayFieldTemplate = props => {
-    const {
-      canAdd,
-      disabled,
-      idSchema,
-      uiSchema,
-      items,
-      onAddClick,
-      readonly,
-      registry,
-      required,
-      schema,
-      title
-    } = props;
-    const uiOptions = utils.getUiOptions(uiSchema);
-    const ArrayFieldDescriptionTemplate = utils.getTemplate("ArrayFieldDescriptionTemplate", registry, uiOptions);
-    const ArrayFieldItemTemplate = utils.getTemplate("ArrayFieldItemTemplate", registry, uiOptions);
-    const ArrayFieldTitleTemplate = utils.getTemplate("ArrayFieldTitleTemplate", registry, uiOptions); // Button templates are not overridden in the uiSchema
-
-    const {
-      ButtonTemplates: {
-        AddButton
-      }
-    } = registry.templates;
+  var _excluded$2 = ["key"];
+
+  var ArrayFieldTemplate = function ArrayFieldTemplate(props) {
+    var canAdd = props.canAdd,
+        disabled = props.disabled,
+        idSchema = props.idSchema,
+        uiSchema = props.uiSchema,
+        items = props.items,
+        onAddClick = props.onAddClick,
+        readonly = props.readonly,
+        registry = props.registry,
+        required = props.required,
+        schema = props.schema,
+        title = props.title;
+    var uiOptions = utils.getUiOptions(uiSchema);
+    var ArrayFieldDescriptionTemplate = utils.getTemplate("ArrayFieldDescriptionTemplate", registry, uiOptions);
+    var ArrayFieldItemTemplate = utils.getTemplate("ArrayFieldItemTemplate", registry, uiOptions);
+    var ArrayFieldTitleTemplate = utils.getTemplate("ArrayFieldTitleTemplate", registry, uiOptions); // Button templates are not overridden in the uiSchema
+
+    var AddButton = registry.templates.ButtonTemplates.AddButton;
     return /*#__PURE__*/React__default["default"].createElement(Paper__default["default"], {
       elevation: 2
     }, /*#__PURE__*/React__default["default"].createElement(Box__default["default"], {
@@ -155,15 +180,13 @@
     }), /*#__PURE__*/React__default["default"].createElement(Grid__default["default"], {
       container: true,
       key: "array-item-list-" + idSchema.$id
-    }, items && items.map(_ref => {
-      let {
-        key,
-        ...itemProps
-      } = _ref;
-      return /*#__PURE__*/React__default["default"].createElement(ArrayFieldItemTemplate, {
-        key: key,
-        ...itemProps
-      });
+    }, items && items.map(function (_ref) {
+      var key = _ref.key,
+          itemProps = _objectWithoutPropertiesLoose(_ref, _excluded$2);
+
+      return /*#__PURE__*/React__default["default"].createElement(ArrayFieldItemTemplate, _extends({
+        key: key
+      }, itemProps));
     }), canAdd && /*#__PURE__*/React__default["default"].createElement(Grid__default["default"], {
       container: true,
       justifyContent: "flex-end"
@@ -179,97 +202,81 @@
     })))))));
   };
 
-  const BaseInputTemplate = _ref => {
-    let {
-      id,
-      placeholder,
-      required,
-      readonly,
-      disabled,
-      type,
-      label,
-      value,
-      onChange,
-      onBlur,
-      onFocus,
-      autofocus,
-      options,
-      schema,
-      uiSchema,
-      rawErrors = [],
-      formContext,
-      registry,
-      ...textFieldProps
-    } = _ref;
-    const inputProps = utils.getInputProps(schema, type, options); // Now we need to pull out the step, min, max into an inner `inputProps` for material-ui
-
-    const {
-      step,
-      min,
-      max,
-      ...rest
-    } = inputProps;
-    const otherProps = {
-      inputProps: {
-        step,
-        min,
-        max,
-        ...(schema.examples ? {
-          list: "examples_" + id
-        } : undefined)
-      },
-      ...rest
-    };
-
-    const _onChange = _ref2 => {
-      let {
-        target: {
-          value
-        }
-      } = _ref2;
+  var _excluded$1 = ["id", "placeholder", "required", "readonly", "disabled", "type", "label", "value", "onChange", "onBlur", "onFocus", "autofocus", "options", "schema", "uiSchema", "rawErrors", "formContext", "registry"],
+      _excluded2$1 = ["step", "min", "max"];
+
+  var BaseInputTemplate = function BaseInputTemplate(_ref) {
+    var id = _ref.id,
+        placeholder = _ref.placeholder,
+        required = _ref.required,
+        readonly = _ref.readonly,
+        disabled = _ref.disabled,
+        type = _ref.type,
+        label = _ref.label,
+        value = _ref.value,
+        onChange = _ref.onChange,
+        onBlur = _ref.onBlur,
+        onFocus = _ref.onFocus,
+        autofocus = _ref.autofocus,
+        options = _ref.options,
+        schema = _ref.schema,
+        uiSchema = _ref.uiSchema,
+        _ref$rawErrors = _ref.rawErrors,
+        rawErrors = _ref$rawErrors === void 0 ? [] : _ref$rawErrors,
+        registry = _ref.registry,
+        textFieldProps = _objectWithoutPropertiesLoose(_ref, _excluded$1);
+
+    var inputProps = utils.getInputProps(schema, type, options); // Now we need to pull out the step, min, max into an inner `inputProps` for material-ui
+
+    var step = inputProps.step,
+        min = inputProps.min,
+        max = inputProps.max,
+        rest = _objectWithoutPropertiesLoose(inputProps, _excluded2$1);
+
+    var otherProps = _extends({
+      inputProps: _extends({
+        step: step,
+        min: min,
+        max: max
+      }, schema.examples ? {
+        list: "examples_" + id
+      } : undefined)
+    }, rest);
+
+    var _onChange = function _onChange(_ref2) {
+      var value = _ref2.target.value;
       return onChange(value === "" ? options.emptyValue : value);
     };
 
-    const _onBlur = _ref3 => {
-      let {
-        target: {
-          value
-        }
-      } = _ref3;
+    var _onBlur = function _onBlur(_ref3) {
+      var value = _ref3.target.value;
       return onBlur(id, value);
     };
 
-    const _onFocus = _ref4 => {
-      let {
-        target: {
-          value
-        }
-      } = _ref4;
+    var _onFocus = function _onFocus(_ref4) {
+      var value = _ref4.target.value;
       return onFocus(id, value);
     };
 
-    const {
-      schemaUtils
-    } = registry;
-    const displayLabel = schemaUtils.getDisplayLabel(schema, uiSchema);
-    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(TextField__default["default"], {
+    var schemaUtils = registry.schemaUtils;
+    var displayLabel = schemaUtils.getDisplayLabel(schema, uiSchema);
+    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(TextField__default["default"], _extends({
       id: id,
       name: id,
       placeholder: placeholder,
       label: displayLabel ? label || schema.title : false,
       autoFocus: autofocus,
       required: required,
-      disabled: disabled || readonly,
-      ...otherProps,
+      disabled: disabled || readonly
+    }, otherProps, {
       value: value || value === 0 ? value : "",
       error: rawErrors.length > 0,
       onChange: _onChange,
       onBlur: _onBlur,
-      onFocus: _onFocus,
-      ...textFieldProps
-    }), schema.examples && /*#__PURE__*/React__default["default"].createElement("datalist", {
+      onFocus: _onFocus
+    }, textFieldProps)), schema.examples && /*#__PURE__*/React__default["default"].createElement("datalist", {
       id: "examples_" + id
-    }, schema.examples.concat(schema.default ? [schema.default] : []).map(example => {
+    }, schema.examples.concat(schema["default"] ? [schema["default"]] : []).map(function (example) {
       return /*#__PURE__*/React__default["default"].createElement("option", {
         key: example,
         value: example
@@ -277,11 +284,9 @@
     })));
   };
 
-  const DescriptionField = _ref => {
-    let {
-      description,
-      id
-    } = _ref;
+  var DescriptionField = function DescriptionField(_ref) {
+    var description = _ref.description,
+        id = _ref.id;
 
     if (description) {
       return /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
@@ -296,10 +301,8 @@
     return null;
   };
 
-  const ErrorList = _ref => {
-    let {
-      errors
-    } = _ref;
+  var ErrorList = function ErrorList(_ref) {
+    var errors = _ref.errors;
     return /*#__PURE__*/React__default["default"].createElement(Paper__default["default"], {
       elevation: 2
     }, /*#__PURE__*/React__default["default"].createElement(Box__default["default"], {
@@ -309,7 +312,7 @@
       variant: "h6"
     }, "Errors"), /*#__PURE__*/React__default["default"].createElement(List__default["default"], {
       dense: true
-    }, errors.map((error, i) => {
+    }, errors.map(function (error, i) {
       return /*#__PURE__*/React__default["default"].createElement(ListItem__default["default"], {
         key: i
       }, /*#__PURE__*/React__default["default"].createElement(ListItemIcon__default["default"], null, /*#__PURE__*/React__default["default"].createElement(ErrorIcon__default["default"], {
@@ -320,49 +323,48 @@
     }))));
   };
 
+  var _excluded = ["icon", "color", "uiSchema"],
+      _excluded2 = ["iconType"];
   function MuiIconButton(props) {
-    const {
-      icon,
-      color,
-      uiSchema,
-      ...otherProps
-    } = props;
-    return /*#__PURE__*/React__default["default"].createElement(IconButton__default["default"], { ...otherProps,
+    var icon = props.icon,
+        color = props.color,
+        otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+
+    return /*#__PURE__*/React__default["default"].createElement(IconButton__default["default"], _extends({}, otherProps, {
       size: "small",
       color: color
-    }, icon);
+    }), icon);
   }
   function MoveDownButton(props) {
-    return /*#__PURE__*/React__default["default"].createElement(MuiIconButton, {
-      title: "Move down",
-      ...props,
+    return /*#__PURE__*/React__default["default"].createElement(MuiIconButton, _extends({
+      title: "Move down"
+    }, props, {
       icon: /*#__PURE__*/React__default["default"].createElement(ArrowDownwardIcon__default["default"], {
         fontSize: "small"
       })
-    });
+    }));
   }
   function MoveUpButton(props) {
-    return /*#__PURE__*/React__default["default"].createElement(MuiIconButton, {
-      title: "Move up",
-      ...props,
+    return /*#__PURE__*/React__default["default"].createElement(MuiIconButton, _extends({
+      title: "Move up"
+    }, props, {
       icon: /*#__PURE__*/React__default["default"].createElement(ArrowUpwardIcon__default["default"], {
         fontSize: "small"
       })
-    });
+    }));
   }
   function RemoveButton(props) {
-    const {
-      iconType,
-      ...otherProps
-    } = props;
-    return /*#__PURE__*/React__default["default"].createElement(MuiIconButton, {
-      title: "Remove",
-      ...otherProps,
+    var iconType = props.iconType,
+        otherProps = _objectWithoutPropertiesLoose(props, _excluded2);
+
+    return /*#__PURE__*/React__default["default"].createElement(MuiIconButton, _extends({
+      title: "Remove"
+    }, otherProps, {
       color: "error",
       icon: /*#__PURE__*/React__default["default"].createElement(RemoveIcon__default["default"], {
         fontSize: iconType === "default" ? undefined : "small"
       })
-    });
+    }));
   }
 
   /** The `FieldErrorTemplate` component renders the errors local to the particular field
@@ -371,20 +373,19 @@
    */
 
   function FieldErrorTemplate(props) {
-    const {
-      errors = [],
-      idSchema
-    } = props;
+    var _props$errors = props.errors,
+        errors = _props$errors === void 0 ? [] : _props$errors,
+        idSchema = props.idSchema;
 
     if (errors.length === 0) {
       return null;
     }
 
-    const id = idSchema.$id + "__error";
+    var id = idSchema.$id + "__error";
     return /*#__PURE__*/React__default["default"].createElement(List__default["default"], {
       dense: true,
       disablePadding: true
-    }, errors.map((error, i) => {
+    }, errors.map(function (error, i) {
       return /*#__PURE__*/React__default["default"].createElement(ListItem__default["default"], {
         key: i,
         disableGutters: true
@@ -400,44 +401,41 @@
    */
 
   function FieldHelpTemplate(props) {
-    const {
-      idSchema,
-      help
-    } = props;
+    var idSchema = props.idSchema,
+        help = props.help;
 
     if (!help) {
       return null;
     }
 
-    const id = idSchema.$id + "__help";
+    var id = idSchema.$id + "__help";
     return /*#__PURE__*/React__default["default"].createElement(FormHelperText__default["default"], {
       id: id
     }, help);
   }
 
-  const FieldTemplate = _ref => {
-    let {
-      id,
-      children,
-      classNames,
-      disabled,
-      displayLabel,
-      hidden,
-      label,
-      onDropPropertyClick,
-      onKeyChange,
-      readonly,
-      required,
-      rawErrors = [],
-      errors,
-      help,
-      rawDescription,
-      schema,
-      uiSchema,
-      registry
-    } = _ref;
-    const uiOptions = utils.getUiOptions(uiSchema);
-    const WrapIfAdditionalTemplate = utils.getTemplate("WrapIfAdditionalTemplate", registry, uiOptions);
+  var FieldTemplate = function FieldTemplate(_ref) {
+    var id = _ref.id,
+        children = _ref.children,
+        classNames = _ref.classNames,
+        disabled = _ref.disabled,
+        displayLabel = _ref.displayLabel,
+        hidden = _ref.hidden,
+        label = _ref.label,
+        onDropPropertyClick = _ref.onDropPropertyClick,
+        onKeyChange = _ref.onKeyChange,
+        readonly = _ref.readonly,
+        required = _ref.required,
+        _ref$rawErrors = _ref.rawErrors,
+        rawErrors = _ref$rawErrors === void 0 ? [] : _ref$rawErrors,
+        errors = _ref.errors,
+        help = _ref.help,
+        rawDescription = _ref.rawDescription,
+        schema = _ref.schema,
+        uiSchema = _ref.uiSchema,
+        registry = _ref.registry;
+    var uiOptions = utils.getUiOptions(uiSchema);
+    var WrapIfAdditionalTemplate = utils.getTemplate("WrapIfAdditionalTemplate", registry, uiOptions);
 
     if (hidden) {
       return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -469,30 +467,24 @@
     }, rawDescription) : null, errors, help));
   };
 
-  const ObjectFieldTemplate = _ref => {
-    let {
-      description,
-      title,
-      properties,
-      required,
-      disabled,
-      readonly,
-      uiSchema,
-      idSchema,
-      schema,
-      formData,
-      onAddClick,
-      registry
-    } = _ref;
-    const uiOptions = utils.getUiOptions(uiSchema);
-    const TitleFieldTemplate = utils.getTemplate("TitleFieldTemplate", registry, uiOptions);
-    const DescriptionFieldTemplate = utils.getTemplate("DescriptionFieldTemplate", registry, uiOptions); // Button templates are not overridden in the uiSchema
-
-    const {
-      ButtonTemplates: {
-        AddButton
-      }
-    } = registry.templates;
+  var ObjectFieldTemplate = function ObjectFieldTemplate(_ref) {
+    var description = _ref.description,
+        title = _ref.title,
+        properties = _ref.properties,
+        required = _ref.required,
+        disabled = _ref.disabled,
+        readonly = _ref.readonly,
+        uiSchema = _ref.uiSchema,
+        idSchema = _ref.idSchema,
+        schema = _ref.schema,
+        formData = _ref.formData,
+        onAddClick = _ref.onAddClick,
+        registry = _ref.registry;
+    var uiOptions = utils.getUiOptions(uiSchema);
+    var TitleFieldTemplate = utils.getTemplate("TitleFieldTemplate", registry, uiOptions);
+    var DescriptionFieldTemplate = utils.getTemplate("DescriptionFieldTemplate", registry, uiOptions); // Button templates are not overridden in the uiSchema
+
+    var AddButton = registry.templates.ButtonTemplates.AddButton;
     return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, (uiOptions.title || title) && /*#__PURE__*/React__default["default"].createElement(TitleFieldTemplate, {
       id: idSchema.$id + "-title",
       title: title,
@@ -512,16 +504,19 @@
       style: {
         marginTop: "10px"
       }
-    }, properties.map((element, index) => // Remove the <Grid> if the inner element is hidden as the <Grid>
-    // itself would otherwise still take up space.
-    element.hidden ? element.content : /*#__PURE__*/React__default["default"].createElement(Grid__default["default"], {
-      item: true,
-      xs: 12,
-      key: index,
-      style: {
-        marginBottom: "10px"
-      }
-    }, element.content)), utils.canExpand(schema, uiSchema, formData) && /*#__PURE__*/React__default["default"].createElement(Grid__default["default"], {
+    }, properties.map(function (element, index) {
+      return (// Remove the <Grid> if the inner element is hidden as the <Grid>
+        // itself would otherwise still take up space.
+        element.hidden ? element.content : /*#__PURE__*/React__default["default"].createElement(Grid__default["default"], {
+          item: true,
+          xs: 12,
+          key: index,
+          style: {
+            marginBottom: "10px"
+          }
+        }, element.content)
+      );
+    }), utils.canExpand(schema, uiSchema, formData) && /*#__PURE__*/React__default["default"].createElement(Grid__default["default"], {
       container: true,
       justifyContent: "flex-end"
     }, /*#__PURE__*/React__default["default"].createElement(Grid__default["default"], {
@@ -534,12 +529,11 @@
     })))));
   };
 
-  const SubmitButton = props => {
-    const {
-      submitText,
-      norender,
-      props: submitButtonProps
-    } = utils.getSubmitButtonOptions(props.uiSchema);
+  var SubmitButton = function SubmitButton(props) {
+    var _getSubmitButtonOptio = utils.getSubmitButtonOptions(props.uiSchema),
+        submitText = _getSubmitButtonOptio.submitText,
+        norender = _getSubmitButtonOptio.norender,
+        submitButtonProps = _getSubmitButtonOptio.props;
 
     if (norender) {
       return null;
@@ -547,19 +541,16 @@
 
     return /*#__PURE__*/React__default["default"].createElement(Box__default["default"], {
       marginTop: 3
-    }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
+    }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], _extends({
       type: "submit",
       variant: "contained",
-      color: "primary",
-      ...submitButtonProps
-    }, submitText));
+      color: "primary"
+    }, submitButtonProps), submitText));
   };
 
-  const TitleField = _ref => {
-    let {
-      id,
-      title
-    } = _ref;
+  var TitleField = function TitleField(_ref) {
+    var id = _ref.id,
+        title = _ref.title;
     return /*#__PURE__*/React__default["default"].createElement(Box__default["default"], {
       id: id,
       mb: 1,
@@ -569,29 +560,25 @@
     }, title), /*#__PURE__*/React__default["default"].createElement(Divider__default["default"], null));
   };
 
-  const WrapIfAdditionalTemplate = _ref => {
-    let {
-      children,
-      classNames,
-      disabled,
-      id,
-      label,
-      onDropPropertyClick,
-      onKeyChange,
-      readonly,
-      required,
-      schema,
-      uiSchema,
-      registry
-    } = _ref;
+  var WrapIfAdditionalTemplate = function WrapIfAdditionalTemplate(_ref) {
+    var children = _ref.children,
+        classNames = _ref.classNames,
+        disabled = _ref.disabled,
+        id = _ref.id,
+        label = _ref.label,
+        onDropPropertyClick = _ref.onDropPropertyClick,
+        onKeyChange = _ref.onKeyChange,
+        readonly = _ref.readonly,
+        required = _ref.required,
+        schema = _ref.schema,
+        uiSchema = _ref.uiSchema,
+        registry = _ref.registry;
     // Button templates are not overridden in the uiSchema
-    const {
-      RemoveButton
-    } = registry.templates.ButtonTemplates;
-    const keyLabel = label + " Key"; // i18n ?
+    var RemoveButton = registry.templates.ButtonTemplates.RemoveButton;
+    var keyLabel = label + " Key"; // i18n ?
 
-    const additional = (utils.ADDITIONAL_PROPERTY_FLAG in schema);
-    const btnStyle = {
+    var additional = (utils.ADDITIONAL_PROPERTY_FLAG in schema);
+    var btnStyle = {
       flex: 1,
       paddingLeft: 6,
       paddingRight: 6,
@@ -604,10 +591,8 @@
       }, children);
     }
 
-    const handleBlur = _ref2 => {
-      let {
-        target
-      } = _ref2;
+    var handleBlur = function handleBlur(_ref2) {
+      var target = _ref2.target;
       return onKeyChange(target.value);
     };
 
@@ -645,61 +630,53 @@
   };
 
   var Templates = {
-    ArrayFieldItemTemplate,
-    ArrayFieldTemplate,
-    BaseInputTemplate,
+    ArrayFieldItemTemplate: ArrayFieldItemTemplate,
+    ArrayFieldTemplate: ArrayFieldTemplate,
+    BaseInputTemplate: BaseInputTemplate,
     ButtonTemplates: {
-      AddButton,
-      MoveDownButton,
-      MoveUpButton,
-      RemoveButton,
-      SubmitButton
+      AddButton: AddButton,
+      MoveDownButton: MoveDownButton,
+      MoveUpButton: MoveUpButton,
+      RemoveButton: RemoveButton,
+      SubmitButton: SubmitButton
     },
     DescriptionFieldTemplate: DescriptionField,
     ErrorListTemplate: ErrorList,
-    FieldErrorTemplate,
-    FieldHelpTemplate,
-    FieldTemplate,
-    ObjectFieldTemplate,
+    FieldErrorTemplate: FieldErrorTemplate,
+    FieldHelpTemplate: FieldHelpTemplate,
+    FieldTemplate: FieldTemplate,
+    ObjectFieldTemplate: ObjectFieldTemplate,
     TitleFieldTemplate: TitleField,
-    WrapIfAdditionalTemplate
+    WrapIfAdditionalTemplate: WrapIfAdditionalTemplate
   };
 
-  const CheckboxWidget = props => {
-    const {
-      schema,
-      id,
-      value,
-      disabled,
-      readonly,
-      label,
-      autofocus,
-      onChange,
-      onBlur,
-      onFocus
-    } = props; // Because an unchecked checkbox will cause html5 validation to fail, only add
+  var CheckboxWidget = function CheckboxWidget(props) {
+    var schema = props.schema,
+        id = props.id,
+        value = props.value,
+        disabled = props.disabled,
+        readonly = props.readonly,
+        label = props.label,
+        autofocus = props.autofocus,
+        onChange = props.onChange,
+        onBlur = props.onBlur,
+        onFocus = props.onFocus; // Because an unchecked checkbox will cause html5 validation to fail, only add
     // the "required" attribute if the field value must be "true", due to the
     // "const" or "enum" keywords
 
-    const required = utils.schemaRequiresTrueValue(schema);
+    var required = utils.schemaRequiresTrueValue(schema);
 
-    const _onChange = (_, checked) => onChange(checked);
+    var _onChange = function _onChange(_, checked) {
+      return onChange(checked);
+    };
 
-    const _onBlur = _ref => {
-      let {
-        target: {
-          value
-        }
-      } = _ref;
+    var _onBlur = function _onBlur(_ref) {
+      var value = _ref.target.value;
       return onBlur(id, value);
     };
 
-    const _onFocus = _ref2 => {
-      let {
-        target: {
-          value
-        }
-      } = _ref2;
+    var _onFocus = function _onFocus(_ref2) {
+      var value = _ref2.target.value;
       return onFocus(id, value);
     };
 
@@ -719,74 +696,62 @@
     });
   };
 
-  const selectValue = (value, selected, all) => {
-    const at = all.indexOf(value);
-    const updated = selected.slice(0, at).concat(value, selected.slice(at)); // As inserting values at predefined index positions doesn't work with empty
+  var selectValue = function selectValue(value, selected, all) {
+    var at = all.indexOf(value);
+    var updated = selected.slice(0, at).concat(value, selected.slice(at)); // As inserting values at predefined index positions doesn't work with empty
     // arrays, we need to reorder the updated selection to match the initial order
 
-    return updated.sort((a, b) => all.indexOf(a) > all.indexOf(b));
+    return updated.sort(function (a, b) {
+      return all.indexOf(a) > all.indexOf(b);
+    });
   };
 
-  const deselectValue = (value, selected) => {
-    return selected.filter(v => v !== value);
+  var deselectValue = function deselectValue(value, selected) {
+    return selected.filter(function (v) {
+      return v !== value;
+    });
   };
 
-  const CheckboxesWidget = _ref => {
-    let {
-      schema,
-      label,
-      id,
-      disabled,
-      options,
-      value,
-      autofocus,
-      readonly,
-      required,
-      onChange,
-      onBlur,
-      onFocus
-    } = _ref;
-    const {
-      enumOptions,
-      enumDisabled,
-      inline
-    } = options;
-
-    const _onChange = option => _ref2 => {
-      let {
-        target: {
-          checked
+  var CheckboxesWidget = function CheckboxesWidget(_ref) {
+    var schema = _ref.schema,
+        label = _ref.label,
+        id = _ref.id,
+        disabled = _ref.disabled,
+        options = _ref.options,
+        value = _ref.value,
+        autofocus = _ref.autofocus,
+        readonly = _ref.readonly,
+        required = _ref.required,
+        onChange = _ref.onChange,
+        onBlur = _ref.onBlur,
+        onFocus = _ref.onFocus;
+    var enumOptions = options.enumOptions,
+        enumDisabled = options.enumDisabled,
+        inline = options.inline;
+
+    var _onChange = function _onChange(option) {
+      return function (_ref2) {
+        var checked = _ref2.target.checked;
+        var all = enumOptions.map(function (_ref3) {
+          var value = _ref3.value;
+          return value;
+        });
+
+        if (checked) {
+          onChange(selectValue(option.value, value, all));
+        } else {
+          onChange(deselectValue(option.value, value));
         }
-      } = _ref2;
-      const all = enumOptions.map(_ref3 => {
-        let {
-          value
-        } = _ref3;
-        return value;
-      });
-
-      if (checked) {
-        onChange(selectValue(option.value, value, all));
-      } else {
-        onChange(deselectValue(option.value, value));
-      }
+      };
     };
 
-    const _onBlur = _ref4 => {
-      let {
-        target: {
-          value
-        }
-      } = _ref4;
+    var _onBlur = function _onBlur(_ref4) {
+      var value = _ref4.target.value;
       return onBlur(id, value);
     };
 
-    const _onFocus = _ref5 => {
-      let {
-        target: {
-          value
-        }
-      } = _ref5;
+    var _onFocus = function _onFocus(_ref5) {
+      var value = _ref5.target.value;
       return onFocus(id, value);
     };
 
@@ -796,10 +761,10 @@
     }, label || schema.title), /*#__PURE__*/React__default["default"].createElement(FormGroup__default["default"], {
       id: id,
       row: !!inline
-    }, Array.isArray(enumOptions) && enumOptions.map((option, index) => {
-      const checked = value.indexOf(option.value) !== -1;
-      const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
-      const checkbox = /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
+    }, Array.isArray(enumOptions) && enumOptions.map(function (option, index) {
+      var checked = value.indexOf(option.value) !== -1;
+      var itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
+      var checkbox = /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
         id: id + "-" + option.value,
         name: id,
         checked: checked,
@@ -817,84 +782,69 @@
     })));
   };
 
-  const DateWidget = props => {
-    const {
-      options,
-      registry
-    } = props;
-    const BaseInputTemplate = utils.getTemplate("BaseInputTemplate", registry, options);
-    return /*#__PURE__*/React__default["default"].createElement(BaseInputTemplate, {
+  var DateWidget = function DateWidget(props) {
+    var options = props.options,
+        registry = props.registry;
+    var BaseInputTemplate = utils.getTemplate("BaseInputTemplate", registry, options);
+    return /*#__PURE__*/React__default["default"].createElement(BaseInputTemplate, _extends({
       type: "date",
       InputLabelProps: {
         shrink: true
-      },
-      ...props
-    });
+      }
+    }, props));
   };
 
-  const DateTimeWidget = props => {
-    const {
-      options,
-      registry
-    } = props;
-    const BaseInputTemplate = utils.getTemplate("BaseInputTemplate", registry, options);
-    const value = utils.utcToLocal(props.value);
+  var DateTimeWidget = function DateTimeWidget(props) {
+    var options = props.options,
+        registry = props.registry;
+    var BaseInputTemplate = utils.getTemplate("BaseInputTemplate", registry, options);
+    var value = utils.utcToLocal(props.value);
 
-    const onChange = value => {
+    var onChange = function onChange(value) {
       props.onChange(utils.localToUTC(value));
     };
 
-    return /*#__PURE__*/React__default["default"].createElement(BaseInputTemplate, {
+    return /*#__PURE__*/React__default["default"].createElement(BaseInputTemplate, _extends({
       type: "datetime-local",
       InputLabelProps: {
         shrink: true
-      },
-      ...props,
+      }
+    }, props, {
       value: value,
       onChange: onChange
-    });
+    }));
   };
 
-  const RadioWidget = _ref => {
-    let {
-      id,
-      schema,
-      options,
-      value,
-      required,
-      disabled,
-      readonly,
-      label,
-      onChange,
-      onBlur,
-      onFocus
-    } = _ref;
-    const {
-      enumOptions,
-      enumDisabled
-    } = options;
-
-    const _onChange = (_, value) => onChange(schema.type == "boolean" ? value !== "false" : value);
-
-    const _onBlur = _ref2 => {
-      let {
-        target: {
-          value
-        }
-      } = _ref2;
+  var RadioWidget = function RadioWidget(_ref) {
+    var id = _ref.id,
+        schema = _ref.schema,
+        options = _ref.options,
+        value = _ref.value,
+        required = _ref.required,
+        disabled = _ref.disabled,
+        readonly = _ref.readonly,
+        label = _ref.label,
+        onChange = _ref.onChange,
+        onBlur = _ref.onBlur,
+        onFocus = _ref.onFocus;
+    var enumOptions = options.enumOptions,
+        enumDisabled = options.enumDisabled;
+
+    var _onChange = function _onChange(_, value) {
+      return onChange(schema.type == "boolean" ? value !== "false" : value);
+    };
+
+    var _onBlur = function _onBlur(_ref2) {
+      var value = _ref2.target.value;
       return onBlur(id, value);
     };
 
-    const _onFocus = _ref3 => {
-      let {
-        target: {
-          value
-        }
-      } = _ref3;
+    var _onFocus = function _onFocus(_ref3) {
+      var value = _ref3.target.value;
       return onFocus(id, value);
     };
 
-    const row = options ? options.inline : false;
+    var row = options ? options.inline : false;
     return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(FormLabel__default["default"], {
       required: required,
       htmlFor: id
@@ -906,9 +856,9 @@
       onChange: _onChange,
       onBlur: _onBlur,
       onFocus: _onFocus
-    }, Array.isArray(enumOptions) && enumOptions.map(option => {
-      const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
-      const radio = /*#__PURE__*/React__default["default"].createElement(FormControlLabel__default["default"], {
+    }, Array.isArray(enumOptions) && enumOptions.map(function (option) {
+      var itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
+      var radio = /*#__PURE__*/React__default["default"].createElement(FormControlLabel__default["default"], {
         control: /*#__PURE__*/React__default["default"].createElement(Radio__default["default"], {
           name: id,
           id: id + "-" + option.value,
@@ -923,110 +873,84 @@
     })));
   };
 
-  const RangeWidget = _ref => {
-    let {
-      value,
-      readonly,
-      disabled,
-      onBlur,
-      onFocus,
-      options,
-      schema,
-      onChange,
-      required,
-      label,
-      id
-    } = _ref;
-    const sliderProps = {
-      value,
-      label,
-      id,
-      name: id,
-      ...utils.rangeSpec(schema)
-    };
+  var RangeWidget = function RangeWidget(_ref) {
+    var value = _ref.value,
+        readonly = _ref.readonly,
+        disabled = _ref.disabled,
+        onBlur = _ref.onBlur,
+        onFocus = _ref.onFocus,
+        options = _ref.options,
+        schema = _ref.schema,
+        onChange = _ref.onChange,
+        required = _ref.required,
+        label = _ref.label,
+        id = _ref.id;
+
+    var sliderProps = _extends({
+      value: value,
+      label: label,
+      id: id,
+      name: id
+    }, utils.rangeSpec(schema));
 
-    const _onChange = (_, value) => {
-      onChange(value ? options.emptyValue : value);
+    var _onChange = function _onChange(_, value) {
+      onChange(value ? value : options.emptyValue);
     };
 
-    const _onBlur = _ref2 => {
-      let {
-        target: {
-          value
-        }
-      } = _ref2;
+    var _onBlur = function _onBlur(_ref2) {
+      var value = _ref2.target.value;
       return onBlur(id, value);
     };
 
-    const _onFocus = _ref3 => {
-      let {
-        target: {
-          value
-        }
-      } = _ref3;
+    var _onFocus = function _onFocus(_ref3) {
+      var value = _ref3.target.value;
       return onFocus(id, value);
     };
 
     return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(FormLabel__default["default"], {
       required: required,
-      id: id
-    }, label), /*#__PURE__*/React__default["default"].createElement(Slider__default["default"], {
+      htmlFor: id
+    }, label || schema.title), /*#__PURE__*/React__default["default"].createElement(Slider__default["default"], _extends({
       disabled: disabled || readonly,
       onChange: _onChange,
       onBlur: _onBlur,
       onFocus: _onFocus,
-      valueLabelDisplay: "auto",
-      ...sliderProps
-    }));
+      valueLabelDisplay: "auto"
+    }, sliderProps)));
   };
 
-  const SelectWidget = _ref => {
-    let {
-      schema,
-      id,
-      options,
-      label,
-      required,
-      disabled,
-      readonly,
-      value,
-      multiple,
-      autofocus,
-      onChange,
-      onBlur,
-      onFocus,
-      rawErrors = []
-    } = _ref;
-    const {
-      enumOptions,
-      enumDisabled
-    } = options;
-    const emptyValue = multiple ? [] : "";
-
-    const _onChange = _ref2 => {
-      let {
-        target: {
-          value
-        }
-      } = _ref2;
+  var SelectWidget = function SelectWidget(_ref) {
+    var schema = _ref.schema,
+        id = _ref.id,
+        options = _ref.options,
+        label = _ref.label,
+        required = _ref.required,
+        disabled = _ref.disabled,
+        readonly = _ref.readonly,
+        value = _ref.value,
+        multiple = _ref.multiple,
+        autofocus = _ref.autofocus,
+        onChange = _ref.onChange,
+        onBlur = _ref.onBlur,
+        onFocus = _ref.onFocus,
+        _ref$rawErrors = _ref.rawErrors,
+        rawErrors = _ref$rawErrors === void 0 ? [] : _ref$rawErrors;
+    var enumOptions = options.enumOptions,
+        enumDisabled = options.enumDisabled;
+    var emptyValue = multiple ? [] : "";
+
+    var _onChange = function _onChange(_ref2) {
+      var value = _ref2.target.value;
       return onChange(utils.processSelectValue(schema, value, options));
     };
 
-    const _onBlur = _ref3 => {
-      let {
-        target: {
-          value
-        }
-      } = _ref3;
+    var _onBlur = function _onBlur(_ref3) {
+      var value = _ref3.target.value;
       return onBlur(id, utils.processSelectValue(schema, value, options));
     };
 
-    const _onFocus = _ref4 => {
-      let {
-        target: {
-          value
-        }
-      } = _ref4;
+    var _onFocus = function _onFocus(_ref4) {
+      var value = _ref4.target.value;
       return onFocus(id, utils.processSelectValue(schema, value, options));
     };
 
@@ -1049,12 +973,10 @@
       SelectProps: {
         multiple: typeof multiple === "undefined" ? false : multiple
       }
-    }, enumOptions.map((_ref5, i) => {
-      let {
-        value,
-        label
-      } = _ref5;
-      const disabled = enumDisabled && enumDisabled.indexOf(value) != -1;
+    }, enumOptions.map(function (_ref5, i) {
+      var value = _ref5.value,
+          label = _ref5.label;
+      var disabled = enumDisabled && enumDisabled.indexOf(value) != -1;
       return /*#__PURE__*/React__default["default"].createElement(MenuItem__default["default"], {
         key: i,
         value: value,
@@ -1063,41 +985,39 @@
     }));
   };
 
-  const TextareaWidget = props => {
-    const {
-      options,
-      registry
-    } = props;
-    const BaseInputTemplate = utils.getTemplate("BaseInputTemplate", registry, options);
-    let rows = 5;
+  var TextareaWidget = function TextareaWidget(props) {
+    var options = props.options,
+        registry = props.registry;
+    var BaseInputTemplate = utils.getTemplate("BaseInputTemplate", registry, options);
+    var rows = 5;
 
     if (typeof options.rows === "string" || typeof options.rows === "number") {
       rows = options.rows;
     }
 
-    return /*#__PURE__*/React__default["default"].createElement(BaseInputTemplate, { ...props,
+    return /*#__PURE__*/React__default["default"].createElement(BaseInputTemplate, _extends({}, props, {
       multiline: true,
       rows: rows
-    });
+    }));
   };
 
   var Widgets = {
-    CheckboxWidget,
-    CheckboxesWidget,
-    DateWidget,
-    DateTimeWidget,
-    RadioWidget,
-    RangeWidget,
-    SelectWidget,
-    TextareaWidget
+    CheckboxWidget: CheckboxWidget,
+    CheckboxesWidget: CheckboxesWidget,
+    DateWidget: DateWidget,
+    DateTimeWidget: DateTimeWidget,
+    RadioWidget: RadioWidget,
+    RangeWidget: RangeWidget,
+    SelectWidget: SelectWidget,
+    TextareaWidget: TextareaWidget
   };
 
-  const Theme = {
+  var Theme = {
     templates: Templates,
     widgets: Widgets
   };
 
-  const MuiForm = /*#__PURE__*/core.withTheme(Theme);
+  var MuiForm = /*#__PURE__*/core.withTheme(Theme);
 
   exports.Form = MuiForm;
   exports.Templates = Templates;