@rjsf/mui 5.0.0-beta.1

package/dist/mui.umd.development.js

@@ -0,0 +1,1030 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@rjsf/core'), require('react'), require('@mui/icons-material/Add'), require('@mui/material/IconButton'), require('@mui/material/Box'), require('@mui/material/Grid'), require('@mui/material/Paper'), require('@rjsf/utils'), require('@mui/material/TextField'), require('@mui/material/Typography'), require('@mui/icons-material/Error'), require('@mui/material/List'), require('@mui/material/ListItem'), require('@mui/material/ListItemIcon'), require('@mui/material/ListItemText'), require('@mui/icons-material/ArrowDownward'), require('@mui/icons-material/ArrowUpward'), require('@mui/icons-material/Remove'), require('@mui/material/FormControl'), require('@mui/material/FormHelperText'), require('@mui/material/InputLabel'), require('@mui/material/OutlinedInput'), require('@mui/material/Button'), require('@mui/material/Divider'), require('@mui/material/Checkbox'), require('@mui/material/FormControlLabel'), require('@mui/material/FormGroup'), require('@mui/material/FormLabel'), require('@mui/material/Radio'), require('@mui/material/RadioGroup'), require('@mui/material/Slider'), require('@mui/material/MenuItem')) :
+  typeof define === 'function' && define.amd ? define(['exports', '@rjsf/core', 'react', '@mui/icons-material/Add', '@mui/material/IconButton', '@mui/material/Box', '@mui/material/Grid', '@mui/material/Paper', '@rjsf/utils', '@mui/material/TextField', '@mui/material/Typography', '@mui/icons-material/Error', '@mui/material/List', '@mui/material/ListItem', '@mui/material/ListItemIcon', '@mui/material/ListItemText', '@mui/icons-material/ArrowDownward', '@mui/icons-material/ArrowUpward', '@mui/icons-material/Remove', '@mui/material/FormControl', '@mui/material/FormHelperText', '@mui/material/InputLabel', '@mui/material/OutlinedInput', '@mui/material/Button', '@mui/material/Divider', '@mui/material/Checkbox', '@mui/material/FormControlLabel', '@mui/material/FormGroup', '@mui/material/FormLabel', '@mui/material/Radio', '@mui/material/RadioGroup', '@mui/material/Slider', '@mui/material/MenuItem'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["@rjsf/mui"] = {}, global.core, global.React, global.AddIcon, global.IconButton, global.Box, global.Grid, global.Paper, global.utils, global.TextField, global.Typography, global.ErrorIcon, global.List, global.ListItem, global.ListItemIcon, global.ListItemText, global.ArrowDownwardIcon, global.ArrowUpwardIcon, global.RemoveIcon, global.FormControl, global.FormHelperText, global.InputLabel, global.Input, global.Button, global.Divider, global.Checkbox, global.FormControlLabel, global.FormGroup, global.FormLabel, global.Radio, global.RadioGroup, global.Slider, global.MenuItem));
+})(this, (function (exports, core, React, AddIcon, IconButton, Box, Grid, Paper, utils, TextField, Typography, ErrorIcon, List, ListItem, ListItemIcon, ListItemText, ArrowDownwardIcon, ArrowUpwardIcon, RemoveIcon, FormControl, FormHelperText, InputLabel, Input, Button, Divider, Checkbox, FormControlLabel, FormGroup, FormLabel, Radio, RadioGroup, Slider, MenuItem) { 'use strict';
+
+  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+  var AddIcon__default = /*#__PURE__*/_interopDefaultLegacy(AddIcon);
+  var IconButton__default = /*#__PURE__*/_interopDefaultLegacy(IconButton);
+  var Box__default = /*#__PURE__*/_interopDefaultLegacy(Box);
+  var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
+  var Paper__default = /*#__PURE__*/_interopDefaultLegacy(Paper);
+  var TextField__default = /*#__PURE__*/_interopDefaultLegacy(TextField);
+  var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
+  var ErrorIcon__default = /*#__PURE__*/_interopDefaultLegacy(ErrorIcon);
+  var List__default = /*#__PURE__*/_interopDefaultLegacy(List);
+  var ListItem__default = /*#__PURE__*/_interopDefaultLegacy(ListItem);
+  var ListItemIcon__default = /*#__PURE__*/_interopDefaultLegacy(ListItemIcon);
+  var ListItemText__default = /*#__PURE__*/_interopDefaultLegacy(ListItemText);
+  var ArrowDownwardIcon__default = /*#__PURE__*/_interopDefaultLegacy(ArrowDownwardIcon);
+  var ArrowUpwardIcon__default = /*#__PURE__*/_interopDefaultLegacy(ArrowUpwardIcon);
+  var RemoveIcon__default = /*#__PURE__*/_interopDefaultLegacy(RemoveIcon);
+  var FormControl__default = /*#__PURE__*/_interopDefaultLegacy(FormControl);
+  var FormHelperText__default = /*#__PURE__*/_interopDefaultLegacy(FormHelperText);
+  var InputLabel__default = /*#__PURE__*/_interopDefaultLegacy(InputLabel);
+  var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input);
+  var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
+  var Divider__default = /*#__PURE__*/_interopDefaultLegacy(Divider);
+  var Checkbox__default = /*#__PURE__*/_interopDefaultLegacy(Checkbox);
+  var FormControlLabel__default = /*#__PURE__*/_interopDefaultLegacy(FormControlLabel);
+  var FormGroup__default = /*#__PURE__*/_interopDefaultLegacy(FormGroup);
+  var FormLabel__default = /*#__PURE__*/_interopDefaultLegacy(FormLabel);
+  var Radio__default = /*#__PURE__*/_interopDefaultLegacy(Radio);
+  var RadioGroup__default = /*#__PURE__*/_interopDefaultLegacy(RadioGroup);
+  var Slider__default = /*#__PURE__*/_interopDefaultLegacy(Slider);
+  var MenuItem__default = /*#__PURE__*/_interopDefaultLegacy(MenuItem);
+
+  const AddButton = props => {
+    return /*#__PURE__*/React__default["default"].createElement(IconButton__default["default"], {
+      title: "Add Item",
+      ...props,
+      color: "primary"
+    }, /*#__PURE__*/React__default["default"].createElement(AddIcon__default["default"], null));
+  };
+
+  const ArrayFieldItemTemplate = props => {
+    const {
+      children,
+      disabled,
+      hasToolbar,
+      hasMoveDown,
+      hasMoveUp,
+      hasRemove,
+      index,
+      onDropIndexClick,
+      onReorderClick,
+      readonly,
+      registry
+    } = props;
+    const {
+      MoveDownButton,
+      MoveUpButton,
+      RemoveButton
+    } = registry.templates.ButtonTemplates;
+    const btnStyle = {
+      flex: 1,
+      paddingLeft: 6,
+      paddingRight: 6,
+      fontWeight: "bold",
+      minWidth: 0
+    };
+    return /*#__PURE__*/React__default["default"].createElement(Grid__default["default"], {
+      container: true,
+      alignItems: "center"
+    }, /*#__PURE__*/React__default["default"].createElement(Grid__default["default"], {
+      item: true,
+      xs: true,
+      style: {
+        overflow: "auto"
+      }
+    }, /*#__PURE__*/React__default["default"].createElement(Box__default["default"], {
+      mb: 2
+    }, /*#__PURE__*/React__default["default"].createElement(Paper__default["default"], {
+      elevation: 2
+    }, /*#__PURE__*/React__default["default"].createElement(Box__default["default"], {
+      p: 2
+    }, children)))), hasToolbar && /*#__PURE__*/React__default["default"].createElement(Grid__default["default"], {
+      item: true
+    }, (hasMoveUp || hasMoveDown) && /*#__PURE__*/React__default["default"].createElement(MoveUpButton, {
+      style: btnStyle,
+      disabled: disabled || readonly || !hasMoveUp,
+      onClick: onReorderClick(index, index - 1)
+    }), (hasMoveUp || hasMoveDown) && /*#__PURE__*/React__default["default"].createElement(MoveDownButton, {
+      style: btnStyle,
+      disabled: disabled || readonly || !hasMoveDown,
+      onClick: onReorderClick(index, index + 1)
+    }), hasRemove && /*#__PURE__*/React__default["default"].createElement(RemoveButton, {
+      style: btnStyle,
+      disabled: disabled || readonly,
+      onClick: onDropIndexClick(index)
+    })));
+  };
+
+  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;
+    return /*#__PURE__*/React__default["default"].createElement(Paper__default["default"], {
+      elevation: 2
+    }, /*#__PURE__*/React__default["default"].createElement(Box__default["default"], {
+      p: 2
+    }, /*#__PURE__*/React__default["default"].createElement(ArrayFieldTitleTemplate, {
+      idSchema: idSchema,
+      title: uiOptions.title || title,
+      uiSchema: uiSchema,
+      required: required,
+      registry: registry
+    }), (uiOptions.description || schema.description) && /*#__PURE__*/React__default["default"].createElement(ArrayFieldDescriptionTemplate, {
+      idSchema: idSchema,
+      description: uiOptions.description || schema.description,
+      uiSchema: uiSchema,
+      registry: registry
+    }), /*#__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
+      });
+    }), canAdd && /*#__PURE__*/React__default["default"].createElement(Grid__default["default"], {
+      container: true,
+      justifyContent: "flex-end"
+    }, /*#__PURE__*/React__default["default"].createElement(Grid__default["default"], {
+      item: true
+    }, /*#__PURE__*/React__default["default"].createElement(Box__default["default"], {
+      mt: 2
+    }, /*#__PURE__*/React__default["default"].createElement(AddButton, {
+      className: "array-item-add",
+      onClick: onAddClick,
+      disabled: disabled || readonly
+    })))))));
+  };
+
+  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
+      },
+      ...rest
+    };
+
+    const _onChange = _ref2 => {
+      let {
+        target: {
+          value
+        }
+      } = _ref2;
+      return onChange(value === "" ? options.emptyValue : value);
+    };
+
+    const _onBlur = _ref3 => {
+      let {
+        target: {
+          value
+        }
+      } = _ref3;
+      return onBlur(id, value);
+    };
+
+    const _onFocus = _ref4 => {
+      let {
+        target: {
+          value
+        }
+      } = _ref4;
+      return onFocus(id, value);
+    };
+
+    const {
+      schemaUtils
+    } = registry;
+    const displayLabel = schemaUtils.getDisplayLabel(schema, uiSchema);
+    return /*#__PURE__*/React__default["default"].createElement(TextField__default["default"], {
+      id: id,
+      placeholder: placeholder,
+      label: displayLabel ? label || schema.title : false,
+      autoFocus: autofocus,
+      required: required,
+      disabled: disabled || readonly,
+      ...otherProps,
+      value: value || value === 0 ? value : "",
+      error: rawErrors.length > 0,
+      onChange: _onChange,
+      onBlur: _onBlur,
+      onFocus: _onFocus,
+      ...textFieldProps
+    });
+  };
+
+  const DescriptionField = _ref => {
+    let {
+      description,
+      id
+    } = _ref;
+
+    if (description) {
+      return /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
+        id: id,
+        variant: "subtitle2",
+        style: {
+          marginTop: "5px"
+        }
+      }, description);
+    }
+
+    return null;
+  };
+
+  const ErrorList = _ref => {
+    let {
+      errors
+    } = _ref;
+    return /*#__PURE__*/React__default["default"].createElement(Paper__default["default"], {
+      elevation: 2
+    }, /*#__PURE__*/React__default["default"].createElement(Box__default["default"], {
+      mb: 2,
+      p: 2
+    }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
+      variant: "h6"
+    }, "Errors"), /*#__PURE__*/React__default["default"].createElement(List__default["default"], {
+      dense: true
+    }, errors.map((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"], {
+        color: "error"
+      })), /*#__PURE__*/React__default["default"].createElement(ListItemText__default["default"], {
+        primary: error.stack
+      }));
+    }))));
+  };
+
+  function MuiIconButton(props) {
+    const {
+      icon,
+      color,
+      ...otherProps
+    } = props;
+    return /*#__PURE__*/React__default["default"].createElement(IconButton__default["default"], { ...otherProps,
+      size: "small",
+      color: color
+    }, icon);
+  }
+  function MoveDownButton(props) {
+    return /*#__PURE__*/React__default["default"].createElement(MuiIconButton, {
+      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,
+      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,
+      color: "error",
+      icon: /*#__PURE__*/React__default["default"].createElement(RemoveIcon__default["default"], {
+        fontSize: iconType === "default" ? undefined : "small"
+      })
+    });
+  }
+
+  const WrapIfAdditional = _ref => {
+    let {
+      children,
+      classNames,
+      disabled,
+      id,
+      label,
+      onDropPropertyClick,
+      onKeyChange,
+      readonly,
+      required,
+      schema,
+      registry
+    } = _ref;
+    const {
+      RemoveButton
+    } = registry.templates.ButtonTemplates;
+    const keyLabel = label + " Key"; // i18n ?
+
+    const additional = (utils.ADDITIONAL_PROPERTY_FLAG in schema);
+    const btnStyle = {
+      flex: 1,
+      paddingLeft: 6,
+      paddingRight: 6,
+      fontWeight: "bold"
+    };
+
+    if (!additional) {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        className: classNames
+      }, children);
+    }
+
+    const handleBlur = _ref2 => {
+      let {
+        target
+      } = _ref2;
+      return onKeyChange(target.value);
+    };
+
+    return /*#__PURE__*/React__default["default"].createElement(Grid__default["default"], {
+      container: true,
+      key: id + "-key",
+      alignItems: "center",
+      spacing: 2,
+      className: classNames
+    }, /*#__PURE__*/React__default["default"].createElement(Grid__default["default"], {
+      item: true,
+      xs: true
+    }, /*#__PURE__*/React__default["default"].createElement(FormControl__default["default"], {
+      fullWidth: true,
+      required: required
+    }, /*#__PURE__*/React__default["default"].createElement(InputLabel__default["default"], null, keyLabel), /*#__PURE__*/React__default["default"].createElement(Input__default["default"], {
+      defaultValue: label,
+      disabled: disabled || readonly,
+      id: id + "-key",
+      name: id + "-key",
+      onBlur: !readonly ? handleBlur : undefined,
+      type: "text"
+    }))), /*#__PURE__*/React__default["default"].createElement(Grid__default["default"], {
+      item: true,
+      xs: true
+    }, children), /*#__PURE__*/React__default["default"].createElement(Grid__default["default"], {
+      item: true
+    }, /*#__PURE__*/React__default["default"].createElement(RemoveButton, {
+      iconType: "default",
+      style: btnStyle,
+      disabled: disabled || readonly,
+      onClick: onDropPropertyClick(label)
+    })));
+  };
+
+  const FieldTemplate = _ref => {
+    let {
+      id,
+      children,
+      classNames,
+      disabled,
+      displayLabel,
+      hidden,
+      label,
+      onDropPropertyClick,
+      onKeyChange,
+      readonly,
+      required,
+      rawErrors = [],
+      rawHelp,
+      rawDescription,
+      schema,
+      registry
+    } = _ref;
+
+    if (hidden) {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        style: {
+          display: "none"
+        }
+      }, children);
+    }
+
+    return /*#__PURE__*/React__default["default"].createElement(WrapIfAdditional, {
+      classNames: classNames,
+      disabled: disabled,
+      id: id,
+      label: label,
+      onDropPropertyClick: onDropPropertyClick,
+      onKeyChange: onKeyChange,
+      readonly: readonly,
+      required: required,
+      schema: schema,
+      registry: registry
+    }, /*#__PURE__*/React__default["default"].createElement(FormControl__default["default"], {
+      fullWidth: true,
+      error: rawErrors.length ? true : false,
+      required: required
+    }, children, displayLabel && rawDescription ? /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
+      variant: "caption",
+      color: "textSecondary"
+    }, rawDescription) : null, rawErrors.length > 0 && /*#__PURE__*/React__default["default"].createElement(List__default["default"], {
+      dense: true,
+      disablePadding: true
+    }, rawErrors.map((error, i) => {
+      return /*#__PURE__*/React__default["default"].createElement(ListItem__default["default"], {
+        key: i,
+        disableGutters: true
+      }, /*#__PURE__*/React__default["default"].createElement(FormHelperText__default["default"], {
+        id: id
+      }, error));
+    })), rawHelp && /*#__PURE__*/React__default["default"].createElement(FormHelperText__default["default"], {
+      id: id
+    }, rawHelp)));
+  };
+
+  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;
+    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,
+      required: required,
+      uiSchema: uiSchema,
+      registry: registry
+    }), (uiOptions.description || description) && /*#__PURE__*/React__default["default"].createElement(DescriptionFieldTemplate, {
+      id: idSchema.$id + "-description",
+      description: uiOptions.description || description,
+      registry: registry
+    }), /*#__PURE__*/React__default["default"].createElement(Grid__default["default"], {
+      container: true,
+      spacing: 2,
+      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"], {
+      container: true,
+      justifyContent: "flex-end"
+    }, /*#__PURE__*/React__default["default"].createElement(Grid__default["default"], {
+      item: true
+    }, /*#__PURE__*/React__default["default"].createElement(AddButton, {
+      className: "object-property-expand",
+      onClick: onAddClick(schema),
+      disabled: disabled || readonly
+    })))));
+  };
+
+  const SubmitButton = props => {
+    const {
+      submitText,
+      norender,
+      props: submitButtonProps
+    } = utils.getSubmitButtonOptions(props.uiSchema);
+
+    if (norender) {
+      return null;
+    }
+
+    return /*#__PURE__*/React__default["default"].createElement(Box__default["default"], {
+      marginTop: 3
+    }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
+      type: "submit",
+      variant: "contained",
+      color: "primary",
+      ...submitButtonProps
+    }, submitText));
+  };
+
+  const TitleField = _ref => {
+    let {
+      id,
+      title
+    } = _ref;
+    return /*#__PURE__*/React__default["default"].createElement(Box__default["default"], {
+      id: id,
+      mb: 1,
+      mt: 1
+    }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
+      variant: "h5"
+    }, title), /*#__PURE__*/React__default["default"].createElement(Divider__default["default"], null));
+  };
+
+  var Templates = {
+    ArrayFieldItemTemplate,
+    ArrayFieldTemplate,
+    BaseInputTemplate,
+    ButtonTemplates: {
+      AddButton,
+      MoveDownButton,
+      MoveUpButton,
+      RemoveButton,
+      SubmitButton
+    },
+    DescriptionFieldTemplate: DescriptionField,
+    ErrorListTemplate: ErrorList,
+    FieldTemplate,
+    ObjectFieldTemplate,
+    TitleFieldTemplate: TitleField
+  };
+
+  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
+    // the "required" attribute if the field value must be "true", due to the
+    // "const" or "enum" keywords
+
+    const required = utils.schemaRequiresTrueValue(schema);
+
+    const _onChange = (_, checked) => onChange(checked);
+
+    const _onBlur = _ref => {
+      let {
+        target: {
+          value
+        }
+      } = _ref;
+      return onBlur(id, value);
+    };
+
+    const _onFocus = _ref2 => {
+      let {
+        target: {
+          value
+        }
+      } = _ref2;
+      return onFocus(id, value);
+    };
+
+    return /*#__PURE__*/React__default["default"].createElement(FormControlLabel__default["default"], {
+      control: /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
+        id: id,
+        checked: typeof value === "undefined" ? false : Boolean(value),
+        required: required,
+        disabled: disabled || readonly,
+        autoFocus: autofocus,
+        onChange: _onChange,
+        onBlur: _onBlur,
+        onFocus: _onFocus
+      }),
+      label: label || ""
+    });
+  };
+
+  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
+    // arrays, we need to reorder the updated selection to match the initial order
+
+    return updated.sort((a, b) => all.indexOf(a) > all.indexOf(b));
+  };
+
+  const deselectValue = (value, selected) => {
+    return selected.filter(v => 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
+        }
+      } = _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;
+      return onBlur(id, value);
+    };
+
+    const _onFocus = _ref5 => {
+      let {
+        target: {
+          value
+        }
+      } = _ref5;
+      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,
+      htmlFor: id
+    }, label || schema.title), /*#__PURE__*/React__default["default"].createElement(FormGroup__default["default"], {
+      id: id,
+      row: !!inline
+    }, enumOptions.map((option, index) => {
+      const checked = value.indexOf(option.value) !== -1;
+      const itemDisabled = enumDisabled && enumDisabled.indexOf(option.value) != -1;
+      const checkbox = /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
+        id: id + "_" + index,
+        checked: checked,
+        disabled: disabled || itemDisabled || readonly,
+        autoFocus: autofocus && index === 0,
+        onChange: _onChange(option),
+        onBlur: _onBlur,
+        onFocus: _onFocus
+      });
+      return /*#__PURE__*/React__default["default"].createElement(FormControlLabel__default["default"], {
+        control: checkbox,
+        key: index,
+        label: option.label
+      });
+    })));
+  };
+
+  const DateWidget = props => {
+    const {
+      options,
+      registry
+    } = props;
+    const BaseInputTemplate = utils.getTemplate("BaseInputTemplate", registry, options);
+    return /*#__PURE__*/React__default["default"].createElement(BaseInputTemplate, {
+      type: "date",
+      InputLabelProps: {
+        shrink: true
+      },
+      ...props
+    });
+  };
+
+  const DateTimeWidget = props => {
+    const {
+      options,
+      registry
+    } = props;
+    const BaseInputTemplate = utils.getTemplate("BaseInputTemplate", registry, options);
+    const value = utils.utcToLocal(props.value);
+
+    const onChange = value => {
+      props.onChange(utils.localToUTC(value));
+    };
+
+    return /*#__PURE__*/React__default["default"].createElement(BaseInputTemplate, {
+      type: "datetime-local",
+      InputLabelProps: {
+        shrink: true
+      },
+      ...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;
+      return onBlur(id, value);
+    };
+
+    const _onFocus = _ref3 => {
+      let {
+        target: {
+          value
+        }
+      } = _ref3;
+      return onFocus(id, value);
+    };
+
+    const 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
+    }, label || schema.title), /*#__PURE__*/React__default["default"].createElement(RadioGroup__default["default"], {
+      id: id,
+      value: "" + value,
+      row: row,
+      onChange: _onChange,
+      onBlur: _onBlur,
+      onFocus: _onFocus
+    }, enumOptions.map((option, i) => {
+      const itemDisabled = enumDisabled && enumDisabled.indexOf(option.value) != -1;
+      const radio = /*#__PURE__*/React__default["default"].createElement(FormControlLabel__default["default"], {
+        control: /*#__PURE__*/React__default["default"].createElement(Radio__default["default"], {
+          name: id + "-" + i,
+          color: "primary",
+          key: i
+        }),
+        label: "" + option.label,
+        value: "" + option.value,
+        key: i,
+        disabled: disabled || itemDisabled || readonly
+      });
+      return radio;
+    })));
+  };
+
+  const RangeWidget = _ref => {
+    let {
+      value,
+      readonly,
+      disabled,
+      onBlur,
+      onFocus,
+      options,
+      schema,
+      onChange,
+      required,
+      label,
+      id
+    } = _ref;
+    const sliderProps = {
+      value,
+      label,
+      id,
+      ...utils.rangeSpec(schema)
+    };
+
+    const _onChange = (_, value) => {
+      onChange(value ? options.emptyValue : value);
+    };
+
+    const _onBlur = _ref2 => {
+      let {
+        target: {
+          value
+        }
+      } = _ref2;
+      return onBlur(id, value);
+    };
+
+    const _onFocus = _ref3 => {
+      let {
+        target: {
+          value
+        }
+      } = _ref3;
+      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"], {
+      disabled: disabled || readonly,
+      onChange: _onChange,
+      onBlur: _onBlur,
+      onFocus: _onFocus,
+      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;
+      return onChange(utils.processSelectValue(schema, value, options));
+    };
+
+    const _onBlur = _ref3 => {
+      let {
+        target: {
+          value
+        }
+      } = _ref3;
+      return onBlur(id, utils.processSelectValue(schema, value, options));
+    };
+
+    const _onFocus = _ref4 => {
+      let {
+        target: {
+          value
+        }
+      } = _ref4;
+      return onFocus(id, utils.processSelectValue(schema, value, options));
+    };
+
+    return /*#__PURE__*/React__default["default"].createElement(TextField__default["default"], {
+      id: id,
+      label: label || schema.title,
+      select: true,
+      value: typeof value === "undefined" ? emptyValue : value,
+      required: required,
+      disabled: disabled || readonly,
+      autoFocus: autofocus,
+      error: rawErrors.length > 0,
+      onChange: _onChange,
+      onBlur: _onBlur,
+      onFocus: _onFocus,
+      InputLabelProps: {
+        shrink: true
+      },
+      SelectProps: {
+        multiple: typeof multiple === "undefined" ? false : multiple
+      }
+    }, enumOptions.map((_ref5, i) => {
+      let {
+        value,
+        label
+      } = _ref5;
+      const disabled = enumDisabled && enumDisabled.indexOf(value) != -1;
+      return /*#__PURE__*/React__default["default"].createElement(MenuItem__default["default"], {
+        key: i,
+        value: value,
+        disabled: disabled
+      }, label);
+    }));
+  };
+
+  const TextareaWidget = props => {
+    const {
+      options,
+      registry
+    } = props;
+    const BaseInputTemplate = utils.getTemplate("BaseInputTemplate", registry, options);
+    let rows = 5;
+
+    if (typeof options.rows === "string" || typeof options.rows === "number") {
+      rows = options.rows;
+    }
+
+    return /*#__PURE__*/React__default["default"].createElement(BaseInputTemplate, { ...props,
+      multiline: true,
+      rows: rows
+    });
+  };
+
+  var Widgets = {
+    CheckboxWidget,
+    CheckboxesWidget,
+    DateWidget,
+    DateTimeWidget,
+    RadioWidget,
+    RangeWidget,
+    SelectWidget,
+    TextareaWidget
+  };
+
+  const Theme = {
+    templates: Templates,
+    widgets: Widgets
+  };
+
+  const MuiForm = /*#__PURE__*/core.withTheme(Theme);
+
+  exports.Form = MuiForm;
+  exports.Templates = Templates;
+  exports.Theme = Theme;
+  exports.Widgets = Widgets;
+  exports["default"] = MuiForm;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+//# sourceMappingURL=mui.umd.development.js.map