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

package/dist/mui.esm.js

@@ -31,39 +31,68 @@ import RadioGroup from '@mui/material/RadioGroup';
 import Slider from '@mui/material/Slider';
 import MenuItem from '@mui/material/MenuItem';
 
-const AddButton = _ref => {
-  let {
-    uiSchema,
-    ...props
-  } = _ref;
-  return /*#__PURE__*/React.createElement(IconButton, {
-    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.createElement(IconButton, _extends({
+    title: "Add Item"
+  }, props, {
     color: "primary"
-  }, /*#__PURE__*/React.createElement(AddIcon, null));
+  }), /*#__PURE__*/React.createElement(AddIcon, 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,
@@ -105,30 +134,26 @@ const ArrayFieldItemTemplate = props => {
   })));
 };
 
-const ArrayFieldTemplate = props => {
-  const {
-    canAdd,
-    disabled,
-    idSchema,
-    uiSchema,
-    items,
-    onAddClick,
-    readonly,
-    registry,
-    required,
-    schema,
-    title
-  } = props;
-  const uiOptions = getUiOptions(uiSchema);
-  const ArrayFieldDescriptionTemplate = getTemplate("ArrayFieldDescriptionTemplate", registry, uiOptions);
-  const ArrayFieldItemTemplate = getTemplate("ArrayFieldItemTemplate", registry, uiOptions);
-  const ArrayFieldTitleTemplate = 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 = getUiOptions(uiSchema);
+  var ArrayFieldDescriptionTemplate = getTemplate("ArrayFieldDescriptionTemplate", registry, uiOptions);
+  var ArrayFieldItemTemplate = getTemplate("ArrayFieldItemTemplate", registry, uiOptions);
+  var ArrayFieldTitleTemplate = getTemplate("ArrayFieldTitleTemplate", registry, uiOptions); // Button templates are not overridden in the uiSchema
+
+  var AddButton = registry.templates.ButtonTemplates.AddButton;
   return /*#__PURE__*/React.createElement(Paper, {
     elevation: 2
   }, /*#__PURE__*/React.createElement(Box, {
@@ -149,15 +174,13 @@ const ArrayFieldTemplate = props => {
   }), /*#__PURE__*/React.createElement(Grid, {
     container: true,
     key: "array-item-list-" + idSchema.$id
-  }, items && items.map(_ref => {
-    let {
-      key,
-      ...itemProps
-    } = _ref;
-    return /*#__PURE__*/React.createElement(ArrayFieldItemTemplate, {
-      key: key,
-      ...itemProps
-    });
+  }, items && items.map(function (_ref) {
+    var key = _ref.key,
+        itemProps = _objectWithoutPropertiesLoose(_ref, _excluded$2);
+
+    return /*#__PURE__*/React.createElement(ArrayFieldItemTemplate, _extends({
+      key: key
+    }, itemProps));
   }), canAdd && /*#__PURE__*/React.createElement(Grid, {
     container: true,
     justifyContent: "flex-end"
@@ -173,97 +196,81 @@ const ArrayFieldTemplate = props => {
   })))))));
 };
 
-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 = 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 = 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.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TextField, {
+  var schemaUtils = registry.schemaUtils;
+  var displayLabel = schemaUtils.getDisplayLabel(schema, uiSchema);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TextField, _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.createElement("datalist", {
+    onFocus: _onFocus
+  }, textFieldProps)), schema.examples && /*#__PURE__*/React.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.createElement("option", {
       key: example,
       value: example
@@ -271,11 +278,9 @@ const BaseInputTemplate = _ref => {
   })));
 };
 
-const DescriptionField = _ref => {
-  let {
-    description,
-    id
-  } = _ref;
+var DescriptionField = function DescriptionField(_ref) {
+  var description = _ref.description,
+      id = _ref.id;
 
   if (description) {
     return /*#__PURE__*/React.createElement(Typography, {
@@ -290,10 +295,8 @@ const DescriptionField = _ref => {
   return null;
 };
 
-const ErrorList = _ref => {
-  let {
-    errors
-  } = _ref;
+var ErrorList = function ErrorList(_ref) {
+  var errors = _ref.errors;
   return /*#__PURE__*/React.createElement(Paper, {
     elevation: 2
   }, /*#__PURE__*/React.createElement(Box, {
@@ -303,7 +306,7 @@ const ErrorList = _ref => {
     variant: "h6"
   }, "Errors"), /*#__PURE__*/React.createElement(List, {
     dense: true
-  }, errors.map((error, i) => {
+  }, errors.map(function (error, i) {
     return /*#__PURE__*/React.createElement(ListItem, {
       key: i
     }, /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(ErrorIcon, {
@@ -314,49 +317,48 @@ const ErrorList = _ref => {
   }))));
 };
 
+var _excluded = ["icon", "color", "uiSchema"],
+    _excluded2 = ["iconType"];
 function MuiIconButton(props) {
-  const {
-    icon,
-    color,
-    uiSchema,
-    ...otherProps
-  } = props;
-  return /*#__PURE__*/React.createElement(IconButton, { ...otherProps,
+  var icon = props.icon,
+      color = props.color,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+
+  return /*#__PURE__*/React.createElement(IconButton, _extends({}, otherProps, {
     size: "small",
     color: color
-  }, icon);
+  }), icon);
 }
 function MoveDownButton(props) {
-  return /*#__PURE__*/React.createElement(MuiIconButton, {
-    title: "Move down",
-    ...props,
+  return /*#__PURE__*/React.createElement(MuiIconButton, _extends({
+    title: "Move down"
+  }, props, {
     icon: /*#__PURE__*/React.createElement(ArrowDownwardIcon, {
       fontSize: "small"
     })
-  });
+  }));
 }
 function MoveUpButton(props) {
-  return /*#__PURE__*/React.createElement(MuiIconButton, {
-    title: "Move up",
-    ...props,
+  return /*#__PURE__*/React.createElement(MuiIconButton, _extends({
+    title: "Move up"
+  }, props, {
     icon: /*#__PURE__*/React.createElement(ArrowUpwardIcon, {
       fontSize: "small"
     })
-  });
+  }));
 }
 function RemoveButton(props) {
-  const {
-    iconType,
-    ...otherProps
-  } = props;
-  return /*#__PURE__*/React.createElement(MuiIconButton, {
-    title: "Remove",
-    ...otherProps,
+  var iconType = props.iconType,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded2);
+
+  return /*#__PURE__*/React.createElement(MuiIconButton, _extends({
+    title: "Remove"
+  }, otherProps, {
     color: "error",
     icon: /*#__PURE__*/React.createElement(RemoveIcon, {
       fontSize: iconType === "default" ? undefined : "small"
     })
-  });
+  }));
 }
 
 /** The `FieldErrorTemplate` component renders the errors local to the particular field
@@ -365,20 +367,19 @@ function RemoveButton(props) {
  */
 
 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.createElement(List, {
     dense: true,
     disablePadding: true
-  }, errors.map((error, i) => {
+  }, errors.map(function (error, i) {
     return /*#__PURE__*/React.createElement(ListItem, {
       key: i,
       disableGutters: true
@@ -394,44 +395,41 @@ function FieldErrorTemplate(props) {
  */
 
 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.createElement(FormHelperText, {
     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 = getUiOptions(uiSchema);
-  const WrapIfAdditionalTemplate = 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 = getUiOptions(uiSchema);
+  var WrapIfAdditionalTemplate = getTemplate("WrapIfAdditionalTemplate", registry, uiOptions);
 
   if (hidden) {
     return /*#__PURE__*/React.createElement("div", {
@@ -463,30 +461,24 @@ const FieldTemplate = _ref => {
   }, rawDescription) : null, errors, help));
 };
 
-const ObjectFieldTemplate = _ref => {
-  let {
-    description,
-    title,
-    properties,
-    required,
-    disabled,
-    readonly,
-    uiSchema,
-    idSchema,
-    schema,
-    formData,
-    onAddClick,
-    registry
-  } = _ref;
-  const uiOptions = getUiOptions(uiSchema);
-  const TitleFieldTemplate = getTemplate("TitleFieldTemplate", registry, uiOptions);
-  const DescriptionFieldTemplate = 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 = getUiOptions(uiSchema);
+  var TitleFieldTemplate = getTemplate("TitleFieldTemplate", registry, uiOptions);
+  var DescriptionFieldTemplate = getTemplate("DescriptionFieldTemplate", registry, uiOptions); // Button templates are not overridden in the uiSchema
+
+  var AddButton = registry.templates.ButtonTemplates.AddButton;
   return /*#__PURE__*/React.createElement(React.Fragment, null, (uiOptions.title || title) && /*#__PURE__*/React.createElement(TitleFieldTemplate, {
     id: idSchema.$id + "-title",
     title: title,
@@ -506,16 +498,19 @@ const ObjectFieldTemplate = _ref => {
     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.createElement(Grid, {
-    item: true,
-    xs: 12,
-    key: index,
-    style: {
-      marginBottom: "10px"
-    }
-  }, element.content)), canExpand(schema, uiSchema, formData) && /*#__PURE__*/React.createElement(Grid, {
+  }, 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.createElement(Grid, {
+        item: true,
+        xs: 12,
+        key: index,
+        style: {
+          marginBottom: "10px"
+        }
+      }, element.content)
+    );
+  }), canExpand(schema, uiSchema, formData) && /*#__PURE__*/React.createElement(Grid, {
     container: true,
     justifyContent: "flex-end"
   }, /*#__PURE__*/React.createElement(Grid, {
@@ -528,12 +523,11 @@ const ObjectFieldTemplate = _ref => {
   })))));
 };
 
-const SubmitButton = props => {
-  const {
-    submitText,
-    norender,
-    props: submitButtonProps
-  } = getSubmitButtonOptions(props.uiSchema);
+var SubmitButton = function SubmitButton(props) {
+  var _getSubmitButtonOptio = getSubmitButtonOptions(props.uiSchema),
+      submitText = _getSubmitButtonOptio.submitText,
+      norender = _getSubmitButtonOptio.norender,
+      submitButtonProps = _getSubmitButtonOptio.props;
 
   if (norender) {
     return null;
@@ -541,19 +535,16 @@ const SubmitButton = props => {
 
   return /*#__PURE__*/React.createElement(Box, {
     marginTop: 3
-  }, /*#__PURE__*/React.createElement(Button, {
+  }, /*#__PURE__*/React.createElement(Button, _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.createElement(Box, {
     id: id,
     mb: 1,
@@ -563,29 +554,25 @@ const TitleField = _ref => {
   }, title), /*#__PURE__*/React.createElement(Divider, 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 = (ADDITIONAL_PROPERTY_FLAG in schema);
-  const btnStyle = {
+  var additional = (ADDITIONAL_PROPERTY_FLAG in schema);
+  var btnStyle = {
     flex: 1,
     paddingLeft: 6,
     paddingRight: 6,
@@ -598,10 +585,8 @@ const WrapIfAdditionalTemplate = _ref => {
     }, children);
   }
 
-  const handleBlur = _ref2 => {
-    let {
-      target
-    } = _ref2;
+  var handleBlur = function handleBlur(_ref2) {
+    var target = _ref2.target;
     return onKeyChange(target.value);
   };
 
@@ -639,61 +624,53 @@ const WrapIfAdditionalTemplate = _ref => {
 };
 
 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 = schemaRequiresTrueValue(schema);
+  var required = 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);
   };
 
@@ -713,74 +690,62 @@ const CheckboxWidget = props => {
   });
 };
 
-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);
   };
 
@@ -790,10 +755,10 @@ const CheckboxesWidget = _ref => {
   }, label || schema.title), /*#__PURE__*/React.createElement(FormGroup, {
     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.createElement(Checkbox, {
+  }, 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.createElement(Checkbox, {
       id: id + "-" + option.value,
       name: id,
       checked: checked,
@@ -811,84 +776,69 @@ const CheckboxesWidget = _ref => {
   })));
 };
 
-const DateWidget = props => {
-  const {
-    options,
-    registry
-  } = props;
-  const BaseInputTemplate = getTemplate("BaseInputTemplate", registry, options);
-  return /*#__PURE__*/React.createElement(BaseInputTemplate, {
+var DateWidget = function DateWidget(props) {
+  var options = props.options,
+      registry = props.registry;
+  var BaseInputTemplate = getTemplate("BaseInputTemplate", registry, options);
+  return /*#__PURE__*/React.createElement(BaseInputTemplate, _extends({
     type: "date",
     InputLabelProps: {
       shrink: true
-    },
-    ...props
-  });
+    }
+  }, props));
 };
 
-const DateTimeWidget = props => {
-  const {
-    options,
-    registry
-  } = props;
-  const BaseInputTemplate = getTemplate("BaseInputTemplate", registry, options);
-  const value = utcToLocal(props.value);
+var DateTimeWidget = function DateTimeWidget(props) {
+  var options = props.options,
+      registry = props.registry;
+  var BaseInputTemplate = getTemplate("BaseInputTemplate", registry, options);
+  var value = utcToLocal(props.value);
 
-  const onChange = value => {
+  var onChange = function onChange(value) {
     props.onChange(localToUTC(value));
   };
 
-  return /*#__PURE__*/React.createElement(BaseInputTemplate, {
+  return /*#__PURE__*/React.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.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormLabel, {
     required: required,
     htmlFor: id
@@ -900,9 +850,9 @@ const RadioWidget = _ref => {
     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.createElement(FormControlLabel, {
+  }, Array.isArray(enumOptions) && enumOptions.map(function (option) {
+    var itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
+    var radio = /*#__PURE__*/React.createElement(FormControlLabel, {
       control: /*#__PURE__*/React.createElement(Radio, {
         name: id,
         id: id + "-" + option.value,
@@ -917,110 +867,84 @@ const RadioWidget = _ref => {
   })));
 };
 
-const RangeWidget = _ref => {
-  let {
-    value,
-    readonly,
-    disabled,
-    onBlur,
-    onFocus,
-    options,
-    schema,
-    onChange,
-    required,
-    label,
-    id
-  } = _ref;
-  const sliderProps = {
-    value,
-    label,
-    id,
-    name: id,
-    ...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
+  }, 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.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormLabel, {
     required: required,
-    id: id
-  }, label), /*#__PURE__*/React.createElement(Slider, {
+    htmlFor: id
+  }, label || schema.title), /*#__PURE__*/React.createElement(Slider, _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(processSelectValue(schema, value, options));
   };
 
-  const _onBlur = _ref3 => {
-    let {
-      target: {
-        value
-      }
-    } = _ref3;
+  var _onBlur = function _onBlur(_ref3) {
+    var value = _ref3.target.value;
     return onBlur(id, processSelectValue(schema, value, options));
   };
 
-  const _onFocus = _ref4 => {
-    let {
-      target: {
-        value
-      }
-    } = _ref4;
+  var _onFocus = function _onFocus(_ref4) {
+    var value = _ref4.target.value;
     return onFocus(id, processSelectValue(schema, value, options));
   };
 
@@ -1043,12 +967,10 @@ const SelectWidget = _ref => {
     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.createElement(MenuItem, {
       key: i,
       value: value,
@@ -1057,41 +979,39 @@ const SelectWidget = _ref => {
   }));
 };
 
-const TextareaWidget = props => {
-  const {
-    options,
-    registry
-  } = props;
-  const BaseInputTemplate = getTemplate("BaseInputTemplate", registry, options);
-  let rows = 5;
+var TextareaWidget = function TextareaWidget(props) {
+  var options = props.options,
+      registry = props.registry;
+  var BaseInputTemplate = getTemplate("BaseInputTemplate", registry, options);
+  var rows = 5;
 
   if (typeof options.rows === "string" || typeof options.rows === "number") {
     rows = options.rows;
   }
 
-  return /*#__PURE__*/React.createElement(BaseInputTemplate, { ...props,
+  return /*#__PURE__*/React.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__*/withTheme(Theme);
+var MuiForm = /*#__PURE__*/withTheme(Theme);
 
 export { MuiForm as Form, Templates, Theme, Widgets, MuiForm as default };
 //# sourceMappingURL=mui.esm.js.map