@rjsf/semantic-ui 5.0.0-beta.13 → 5.0.0-beta.15

package/dist/semantic-ui.cjs.development.js

@@ -14,23 +14,49 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var map__default = /*#__PURE__*/_interopDefaultLegacy(map);
 
+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$4 = ["uiSchema", "color"];
 function AddButton(_ref) {
-  let {
-    uiSchema,
-    color,
-    ...props
-  } = _ref;
-  return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Button, {
+  var color = _ref.color,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$4);
+  return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Button, _extends({
     title: "Add Item",
-    color: color,
-    ...props,
+    color: color
+  }, props, {
     icon: true,
     size: "tiny"
-  }, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Icon, {
+  }), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Icon, {
     name: "plus"
   }));
 }
 
+var _excluded$3 = ["wrap", "component"];
 /**
  * Extract props meant for semantic UI components from props that are
  * passed to Widgets, Templates and Fields.
@@ -43,25 +69,24 @@ function AddButton(_ref) {
  * @returns {any}
  */
 function getSemanticProps(_ref) {
-  let {
-    formContext = {},
-    uiSchema = {},
-    options = {},
-    defaultSchemaProps = {
+  var _ref$formContext = _ref.formContext,
+    formContext = _ref$formContext === void 0 ? {} : _ref$formContext,
+    _ref$uiSchema = _ref.uiSchema,
+    uiSchema = _ref$uiSchema === void 0 ? {} : _ref$uiSchema,
+    _ref$options = _ref.options,
+    options = _ref$options === void 0 ? {} : _ref$options,
+    _ref$defaultSchemaPro = _ref.defaultSchemaProps,
+    defaultSchemaProps = _ref$defaultSchemaPro === void 0 ? {
       fluid: true,
       inverted: false
-    },
-    defaultContextProps = {}
-  } = _ref;
-  const formContextProps = formContext.semantic;
-  const schemaProps = utils.getUiOptions(uiSchema).semantic;
-  const optionProps = options.semantic;
+    } : _ref$defaultSchemaPro,
+    _ref$defaultContextPr = _ref.defaultContextProps,
+    defaultContextProps = _ref$defaultContextPr === void 0 ? {} : _ref$defaultContextPr;
+  var formContextProps = formContext.semantic;
+  var schemaProps = utils.getUiOptions(uiSchema).semantic;
+  var optionProps = options.semantic;
   // formContext props should overide other props
-  return Object.assign({}, {
-    ...defaultSchemaProps
-  }, {
-    ...defaultContextProps
-  }, schemaProps, optionProps, formContextProps);
+  return Object.assign({}, _extends({}, defaultSchemaProps), _extends({}, defaultContextProps), schemaProps, optionProps, formContextProps);
 }
 /**
  * Extract error props meant for semantic UI components from props that are
@@ -73,22 +98,22 @@ function getSemanticProps(_ref) {
  * @returns {any}
  */
 function getSemanticErrorProps(_ref2) {
-  let {
-    formContext = {},
-    uiSchema = {},
-    options = {},
-    defaultProps = {
+  var _ref2$formContext = _ref2.formContext,
+    formContext = _ref2$formContext === void 0 ? {} : _ref2$formContext,
+    _ref2$uiSchema = _ref2.uiSchema,
+    uiSchema = _ref2$uiSchema === void 0 ? {} : _ref2$uiSchema,
+    _ref2$options = _ref2.options,
+    options = _ref2$options === void 0 ? {} : _ref2$options,
+    _ref2$defaultProps = _ref2.defaultProps,
+    defaultProps = _ref2$defaultProps === void 0 ? {
       size: "small",
       pointing: "above"
-    }
-  } = _ref2;
-  const formContextProps = formContext.semantic && formContext.semantic.errorOptions;
-  const semanticOptions = utils.getUiOptions(uiSchema).semantic;
-  const schemaProps = semanticOptions && semanticOptions.errorOptions;
-  const optionProps = options.semantic && options.semantic.errorOptions;
-  return Object.assign({}, {
-    ...defaultProps
-  }, schemaProps, optionProps, formContextProps);
+    } : _ref2$defaultProps;
+  var formContextProps = formContext.semantic && formContext.semantic.errorOptions;
+  var semanticOptions = utils.getUiOptions(uiSchema).semantic;
+  var schemaProps = semanticOptions && semanticOptions.errorOptions;
+  var optionProps = options.semantic && options.semantic.errorOptions;
+  return Object.assign({}, _extends({}, defaultProps), schemaProps, optionProps, formContextProps);
 }
 /**
  * Combine multiple strings containing class names into a single string,
@@ -105,10 +130,14 @@ function cleanClassNames(classNameArr, omit) {
   }
   // Split each arg on whitespace, and add it to an array. Skip false-y args
   // like "" and undefined.
-  const classList = classNameArr.filter(Boolean).reduce((previous, current) => previous.concat(current.trim().split(/\s+/)), []);
+  var classList = classNameArr.filter(Boolean).reduce(function (previous, current) {
+    return previous.concat(current.trim().split(/\s+/));
+  }, []);
   // Remove any class names from omit, and make the rest unique before
   // returning them as a string
-  return [...new Set(classList.filter(cn => !omit.includes(cn)))].join(" ");
+  return [].concat(new Set(classList.filter(function (cn) {
+    return !omit.includes(cn);
+  }))).join(" ");
 }
 /**
  *
@@ -119,56 +148,52 @@ function cleanClassNames(classNameArr, omit) {
  * @constructor
  */
 function MaybeWrap(_ref3) {
-  let {
-    wrap,
-    component: Component = "div",
-    ...props
-  } = _ref3;
-  return wrap ? /*#__PURE__*/React__default["default"].createElement(Component, {
-    ...props
-  }) : props.children;
+  var wrap = _ref3.wrap,
+    _ref3$component = _ref3.component,
+    Component = _ref3$component === void 0 ? "div" : _ref3$component,
+    props = _objectWithoutPropertiesLoose(_ref3, _excluded$3);
+  return wrap ? /*#__PURE__*/React__default["default"].createElement(Component, _extends({}, props)) : props.children;
 }
 
-const gridStyle = vertical => ({
-  display: "grid",
-  gridTemplateColumns: `1fr ${vertical ? 65 : 110}px`
-});
-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 uiOptions = utils.getUiOptions(uiSchema);
+var gridStyle = function gridStyle(vertical) {
+  return {
+    display: "grid",
+    gridTemplateColumns: "1fr " + (vertical ? 65 : 110) + "px"
+  };
+};
+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 uiOptions = utils.getUiOptions(uiSchema);
   // Pull the semantic props out of the uiOptions that were put in via the ArrayFieldTemplate
-  const {
-    horizontalButtons = false,
-    wrapItem = false
-  } = uiOptions.semantic;
+  var _uiOptions$semantic = uiOptions.semantic,
+    _uiOptions$semantic$h = _uiOptions$semantic.horizontalButtons,
+    horizontalButtons = _uiOptions$semantic$h === void 0 ? false : _uiOptions$semantic$h,
+    _uiOptions$semantic$w = _uiOptions$semantic.wrapItem,
+    wrapItem = _uiOptions$semantic$w === void 0 ? false : _uiOptions$semantic$w;
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "array-item"
   }, /*#__PURE__*/React__default["default"].createElement(MaybeWrap, {
     wrap: wrapItem,
     component: semanticUiReact.Segment
   }, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Grid, {
-    style: index !== 0 ? {
-      ...gridStyle(!horizontalButtons),
+    style: index !== 0 ? _extends({}, gridStyle(!horizontalButtons), {
       alignItems: "center"
-    } : gridStyle(!horizontalButtons)
+    }) : gridStyle(!horizontalButtons)
   }, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Grid.Column, {
     width: 16,
     verticalAlign: "middle"
@@ -193,50 +218,41 @@ const ArrayFieldItemTemplate = props => {
   }))))));
 };
 
+var _excluded$2 = ["key", "uiSchema"];
 function ArrayFieldTemplate(_ref) {
-  let {
-    uiSchema,
-    idSchema,
-    canAdd,
-    className,
-    // classNames, This is not part of the type, so it is likely never passed in
-    disabled,
-    formContext,
-    items,
-    onAddClick,
-    // options, This is not part of the type, so it is likely never passed in
-    readonly,
-    required,
-    schema,
-    title,
-    registry
-  } = _ref;
-  const semanticProps = getSemanticProps({
-    uiSchema,
-    formContext,
+  var uiSchema = _ref.uiSchema,
+    idSchema = _ref.idSchema,
+    canAdd = _ref.canAdd,
+    className = _ref.className,
+    disabled = _ref.disabled,
+    formContext = _ref.formContext,
+    items = _ref.items,
+    onAddClick = _ref.onAddClick,
+    readonly = _ref.readonly,
+    required = _ref.required,
+    schema = _ref.schema,
+    title = _ref.title,
+    registry = _ref.registry;
+  var semanticProps = getSemanticProps({
+    uiSchema: uiSchema,
+    formContext: formContext,
     defaultSchemaProps: {
       horizontalButtons: false,
       wrapItem: false
     }
   });
-  const {
-    horizontalButtons,
-    wrapItem
-  } = semanticProps;
-  const semantic = {
-    horizontalButtons,
-    wrapItem
+  var horizontalButtons = semanticProps.horizontalButtons,
+    wrapItem = semanticProps.wrapItem;
+  var semantic = {
+    horizontalButtons: horizontalButtons,
+    wrapItem: wrapItem
   };
-  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);
+  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
-  const {
-    ButtonTemplates: {
-      AddButton
-    }
-  } = registry.templates;
+  var AddButton = registry.templates.ButtonTemplates.AddButton;
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: cleanClassNames([className, utils.isFixedItems(schema) ? "" : "sortable-form-fields"])
   }, /*#__PURE__*/React__default["default"].createElement(ArrayFieldTitleTemplate, {
@@ -253,28 +269,24 @@ function ArrayFieldTemplate(_ref) {
     uiSchema: uiSchema,
     registry: registry
   }), /*#__PURE__*/React__default["default"].createElement("div", {
-    key: `array-item-list-${idSchema.$id}`
+    key: "array-item-list-" + idSchema.$id
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "row array-item-list"
-  }, items && items.map(_ref2 => {
-    let {
-      key,
-      uiSchema: itemUiSchema = {},
-      ...props
-    } = _ref2;
+  }, items && items.map(function (_ref2) {
+    var _extends2;
+    var key = _ref2.key,
+      _ref2$uiSchema = _ref2.uiSchema,
+      itemUiSchema = _ref2$uiSchema === void 0 ? {} : _ref2$uiSchema,
+      props = _objectWithoutPropertiesLoose(_ref2, _excluded$2);
     // Merge in the semantic props from the ArrayFieldTemplate into each of the items
-    const mergedUiSchema = {
-      ...itemUiSchema,
-      [utils.UI_OPTIONS_KEY]: {
-        ...itemUiSchema[utils.UI_OPTIONS_KEY],
-        semantic
-      }
-    };
-    return /*#__PURE__*/React__default["default"].createElement(ArrayFieldItemTemplate, {
-      key: key,
-      ...props,
+    var mergedUiSchema = _extends({}, itemUiSchema, (_extends2 = {}, _extends2[utils.UI_OPTIONS_KEY] = _extends({}, itemUiSchema[utils.UI_OPTIONS_KEY], {
+      semantic: semantic
+    }), _extends2));
+    return /*#__PURE__*/React__default["default"].createElement(ArrayFieldItemTemplate, _extends({
+      key: key
+    }, props, {
       uiSchema: mergedUiSchema
-    });
+    }));
   })), canAdd && /*#__PURE__*/React__default["default"].createElement("div", {
     style: {
       marginTop: "1rem",
@@ -289,66 +301,63 @@ function ArrayFieldTemplate(_ref) {
 }
 
 function BaseInputTemplate(props) {
-  const {
-    id,
-    placeholder,
-    label,
-    value,
-    required,
-    readonly,
-    disabled,
-    onChange,
-    onBlur,
-    onFocus,
-    autofocus,
-    options,
-    schema,
-    uiSchema,
-    formContext,
-    type,
-    registry,
-    rawErrors = []
-  } = props;
-  const inputProps = utils.getInputProps(schema, type, options);
-  const semanticProps = getSemanticProps({
-    uiSchema,
-    formContext,
-    options
+  var id = props.id,
+    placeholder = props.placeholder,
+    label = props.label,
+    value = props.value,
+    required = props.required,
+    readonly = props.readonly,
+    disabled = props.disabled,
+    onChange = props.onChange,
+    onBlur = props.onBlur,
+    onFocus = props.onFocus,
+    autofocus = props.autofocus,
+    options = props.options,
+    schema = props.schema,
+    uiSchema = props.uiSchema,
+    formContext = props.formContext,
+    type = props.type,
+    registry = props.registry,
+    _props$rawErrors = props.rawErrors,
+    rawErrors = _props$rawErrors === void 0 ? [] : _props$rawErrors;
+  var inputProps = utils.getInputProps(schema, type, options);
+  var semanticProps = getSemanticProps({
+    uiSchema: uiSchema,
+    formContext: formContext,
+    options: options
   });
-  const {
-    schemaUtils
-  } = registry;
-  const _onChange = _ref => {
-    let {
-      target: {
-        value
-      }
-    } = _ref;
+  var schemaUtils = registry.schemaUtils;
+  var _onChange = function _onChange(_ref) {
+    var value = _ref.target.value;
     return onChange(value === "" ? options.emptyValue : value);
   };
-  const _onBlur = () => onBlur && onBlur(id, value);
-  const _onFocus = () => onFocus && onFocus(id, value);
-  const displayLabel = schemaUtils.getDisplayLabel(schema, uiSchema);
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Form.Input, {
+  var _onBlur = function _onBlur() {
+    return onBlur && onBlur(id, value);
+  };
+  var _onFocus = function _onFocus() {
+    return onFocus && onFocus(id, value);
+  };
+  var displayLabel = schemaUtils.getDisplayLabel(schema, uiSchema);
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Form.Input, _extends({
     key: id,
     id: id,
     name: id,
-    placeholder: placeholder,
-    ...inputProps,
+    placeholder: placeholder
+  }, inputProps, {
     label: displayLabel ? label || schema.title : false,
     required: required,
     autoFocus: autofocus,
     disabled: disabled || readonly,
-    list: schema.examples ? `examples_${id}` : undefined,
-    ...semanticProps,
+    list: schema.examples ? "examples_" + id : undefined
+  }, semanticProps, {
     value: value || value === 0 ? value : "",
     error: rawErrors.length > 0,
     onChange: _onChange,
     onBlur: _onBlur,
     onFocus: _onFocus
-  }), schema.examples && /*#__PURE__*/React__default["default"].createElement("datalist", {
-    id: `examples_${id}`
-  }, schema.examples.concat(schema.default ? [schema.default] : []).map(example => {
+  })), schema.examples && /*#__PURE__*/React__default["default"].createElement("datalist", {
+    id: "examples_" + id
+  }, schema.examples.concat(schema["default"] ? [schema["default"]] : []).map(function (example) {
     return /*#__PURE__*/React__default["default"].createElement("option", {
       key: example,
       value: example
@@ -357,10 +366,8 @@ function BaseInputTemplate(props) {
 }
 
 function DescriptionField(_ref) {
-  let {
-    description,
-    id
-  } = _ref;
+  var description = _ref.description,
+    id = _ref.id;
   if (!description) {
     return null;
   }
@@ -377,56 +384,53 @@ function DescriptionField(_ref) {
  * @constructor
  */
 function ErrorList(_ref) {
-  let {
-    errors
-  } = _ref;
+  var errors = _ref.errors;
   return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Message, {
     negative: true
-  }, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Message.Header, null, "Errors"), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Message.List, null, errors.map((error, index) => /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Message.Item, {
-    key: `error-${index}`
-  }, error.stack))));
+  }, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Message.Header, null, "Errors"), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Message.List, null, errors.map(function (error, index) {
+    return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Message.Item, {
+      key: "error-" + index
+    }, error.stack);
+  })));
 }
 
+var _excluded$1 = ["icon", "iconType", "color", "className", "uiSchema"];
 function IconButton(props) {
-  const {
-    icon,
-    iconType,
-    color,
-    className,
-    uiSchema,
-    ...otherProps
-  } = props;
-  return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Button, {
+  var icon = props.icon,
+    iconType = props.iconType,
+    color = props.color,
+    className = props.className,
+    otherProps = _objectWithoutPropertiesLoose(props, _excluded$1);
+  return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Button, _extends({
     icon: icon,
     size: iconType,
     color: color,
-    className: className,
-    ...otherProps
-  });
+    className: className
+  }, otherProps));
 }
 function MoveDownButton(props) {
-  return /*#__PURE__*/React__default["default"].createElement(IconButton, {
-    title: "Move down",
-    ...props,
+  return /*#__PURE__*/React__default["default"].createElement(IconButton, _extends({
+    title: "Move down"
+  }, props, {
     icon: "angle down"
-  });
+  }));
 }
 function MoveUpButton(props) {
-  return /*#__PURE__*/React__default["default"].createElement(IconButton, {
-    title: "Move up",
-    ...props,
+  return /*#__PURE__*/React__default["default"].createElement(IconButton, _extends({
+    title: "Move up"
+  }, props, {
     icon: "angle up"
-  });
+  }));
 }
 function RemoveButton(props) {
-  return /*#__PURE__*/React__default["default"].createElement(IconButton, {
-    title: "Remove",
-    ...props,
+  return /*#__PURE__*/React__default["default"].createElement(IconButton, _extends({
+    title: "Remove"
+  }, props, {
     icon: "trash"
-  });
+  }));
 }
 
-const DEFAULT_OPTIONS$1 = {
+var DEFAULT_OPTIONS$1 = {
   options: {
     pointing: "above",
     size: "small"
@@ -441,26 +445,20 @@ const DEFAULT_OPTIONS$1 = {
  * @return {null}
  */
 function FieldErrorTemplate(_ref) {
-  let {
-    errors,
-    idSchema,
-    uiSchema,
-    registry
-  } = _ref;
-  const {
-    formContext
-  } = registry;
-  const options = getSemanticErrorProps({
-    formContext,
-    uiSchema,
+  var errors = _ref.errors,
+    idSchema = _ref.idSchema,
+    uiSchema = _ref.uiSchema,
+    registry = _ref.registry;
+  var formContext = registry.formContext;
+  var options = getSemanticErrorProps({
+    formContext: formContext,
+    uiSchema: uiSchema,
     defaultProps: DEFAULT_OPTIONS$1
   });
-  const {
-    pointing,
-    size
-  } = options;
+  var pointing = options.pointing,
+    size = options.size;
   if (errors && errors.length > 0) {
-    const id = `${idSchema.$id}__error`;
+    var id = idSchema.$id + "__error";
     return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Label, {
       id: id,
       color: "red",
@@ -469,9 +467,11 @@ function FieldErrorTemplate(_ref) {
       basic: true
     }, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.List, {
       bulleted: true
-    }, errors.map(error => /*#__PURE__*/React__default["default"].createElement(semanticUiReact.List.Item, {
-      key: nanoid.nanoid()
-    }, error))));
+    }, errors.map(function (error) {
+      return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.List.Item, {
+        key: nanoid.nanoid()
+      }, error);
+    })));
   }
   return null;
 }
@@ -480,12 +480,10 @@ function FieldErrorTemplate(_ref) {
  * @return {null}
  */
 function FieldHelpTemplate(_ref) {
-  let {
-    help,
-    idSchema
-  } = _ref;
+  var help = _ref.help,
+    idSchema = _ref.idSchema;
   if (help) {
-    const id = `${idSchema.$id}__help`;
+    var id = idSchema.$id + "__help";
     return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Message, {
       size: "mini",
       info: true,
@@ -496,30 +494,27 @@ function FieldHelpTemplate(_ref) {
   return null;
 }
 
+var _excluded = ["id", "children", "classNames", "displayLabel", "label", "errors", "help", "hidden", "rawDescription", "registry", "schema", "uiSchema"];
 function FieldTemplate(_ref) {
-  let {
-    id,
-    children,
-    classNames,
-    displayLabel,
-    label,
-    errors,
-    help,
-    hidden,
-    rawDescription,
-    registry,
-    schema,
-    uiSchema,
-    ...props
-  } = _ref;
-  const semanticProps = getSemanticProps(props);
-  const {
-    wrapLabel,
-    wrapContent
-  } = semanticProps;
-  const uiOptions = utils.getUiOptions(uiSchema);
-  const WrapIfAdditionalTemplate = utils.getTemplate("WrapIfAdditionalTemplate", registry, uiOptions);
-  const DescriptionFieldTemplate = utils.getTemplate("DescriptionFieldTemplate", registry, uiOptions);
+  var id = _ref.id,
+    children = _ref.children,
+    classNames = _ref.classNames,
+    displayLabel = _ref.displayLabel,
+    label = _ref.label,
+    errors = _ref.errors,
+    help = _ref.help,
+    hidden = _ref.hidden,
+    rawDescription = _ref.rawDescription,
+    registry = _ref.registry,
+    schema = _ref.schema,
+    uiSchema = _ref.uiSchema,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var semanticProps = getSemanticProps(props);
+  var wrapLabel = semanticProps.wrapLabel,
+    wrapContent = semanticProps.wrapContent;
+  var uiOptions = utils.getUiOptions(uiSchema);
+  var WrapIfAdditionalTemplate = utils.getTemplate("WrapIfAdditionalTemplate", registry, uiOptions);
+  var DescriptionFieldTemplate = utils.getTemplate("DescriptionFieldTemplate", registry, uiOptions);
   if (hidden) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       style: {
@@ -527,15 +522,14 @@ function FieldTemplate(_ref) {
       }
     }, children);
   }
-  return /*#__PURE__*/React__default["default"].createElement(WrapIfAdditionalTemplate, {
+  return /*#__PURE__*/React__default["default"].createElement(WrapIfAdditionalTemplate, _extends({
     classNames: classNames,
     id: id,
     label: label,
     registry: registry,
     schema: schema,
-    uiSchema: uiSchema,
-    ...props
-  }, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Form.Group, {
+    uiSchema: uiSchema
+  }, props), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Form.Group, {
     key: id,
     widths: "equal",
     grouped: true
@@ -546,7 +540,7 @@ function FieldTemplate(_ref) {
     wrap: wrapLabel,
     className: "sui-field-label"
   }, rawDescription && /*#__PURE__*/React__default["default"].createElement(DescriptionFieldTemplate, {
-    id: `${id}-description`,
+    id: id + "-description",
     description: rawDescription,
     schema: schema,
     uiSchema: uiSchema,
@@ -555,45 +549,41 @@ function FieldTemplate(_ref) {
 }
 
 function ObjectFieldTemplate(_ref) {
-  let {
-    description,
-    onAddClick,
-    title,
-    properties,
-    disabled,
-    readonly,
-    required,
-    uiSchema,
-    schema,
-    formData,
-    idSchema,
-    registry
-  } = _ref;
-  const uiOptions = utils.getUiOptions(uiSchema);
-  const TitleFieldTemplate = utils.getTemplate("TitleFieldTemplate", registry, uiOptions);
-  const DescriptionFieldTemplate = utils.getTemplate("DescriptionFieldTemplate", registry, uiOptions);
+  var description = _ref.description,
+    onAddClick = _ref.onAddClick,
+    title = _ref.title,
+    properties = _ref.properties,
+    disabled = _ref.disabled,
+    readonly = _ref.readonly,
+    required = _ref.required,
+    uiSchema = _ref.uiSchema,
+    schema = _ref.schema,
+    formData = _ref.formData,
+    idSchema = _ref.idSchema,
+    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
-  const {
-    ButtonTemplates: {
-      AddButton
-    }
-  } = registry.templates;
-  const fieldTitle = uiOptions.title || title;
-  const fieldDescription = uiOptions.description || description;
+  var AddButton = registry.templates.ButtonTemplates.AddButton;
+  var fieldTitle = uiOptions.title || title;
+  var fieldDescription = uiOptions.description || description;
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, fieldTitle && /*#__PURE__*/React__default["default"].createElement(TitleFieldTemplate, {
-    id: `${idSchema.$id}-title`,
+    id: idSchema.$id + "-title",
     title: fieldTitle,
     required: required,
     schema: schema,
     uiSchema: uiSchema,
     registry: registry
   }), fieldDescription && /*#__PURE__*/React__default["default"].createElement(DescriptionFieldTemplate, {
-    id: `${idSchema.$id}-description`,
+    id: idSchema.$id + "-description",
     description: fieldDescription,
     schema: schema,
     uiSchema: uiSchema,
     registry: registry
-  }), properties.map(prop => prop.content), utils.canExpand(schema, uiSchema, formData) && /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Grid.Column, {
+  }), properties.map(function (prop) {
+    return prop.content;
+  }), utils.canExpand(schema, uiSchema, formData) && /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Grid.Column, {
     width: 16,
     verticalAlign: "middle"
   }, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Grid.Row, null, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -609,88 +599,76 @@ function ObjectFieldTemplate(_ref) {
   })))));
 }
 
-var SubmitButton = (_ref => {
-  let {
-    uiSchema
-  } = _ref;
-  const {
-    submitText,
-    norender,
-    props: submitButtonProps
-  } = utils.getSubmitButtonOptions(uiSchema);
+var SubmitButton = (function (_ref) {
+  var uiSchema = _ref.uiSchema;
+  var _getSubmitButtonOptio = utils.getSubmitButtonOptions(uiSchema),
+    submitText = _getSubmitButtonOptio.submitText,
+    norender = _getSubmitButtonOptio.norender,
+    submitButtonProps = _getSubmitButtonOptio.props;
   if (norender) {
     return null;
   }
-  return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Button, {
+  return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Button, _extends({
     type: "submit",
-    primary: true,
-    ...submitButtonProps
-  }, submitText);
+    primary: true
+  }, submitButtonProps), submitText);
 });
 
-const DEFAULT_OPTIONS = {
+var DEFAULT_OPTIONS = {
   inverted: false,
   dividing: true
 };
 function TitleField(_ref) {
-  let {
-    id,
-    title,
-    uiSchema
-  } = _ref;
-  const semanticProps = getSemanticProps({
-    uiSchema,
+  var id = _ref.id,
+    title = _ref.title,
+    uiSchema = _ref.uiSchema;
+  var semanticProps = getSemanticProps({
+    uiSchema: uiSchema,
     defaultSchemaProps: DEFAULT_OPTIONS
   });
   if (!title) {
     return null;
   }
-  return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Header, {
-    id: id,
-    ...semanticProps,
+  return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Header, _extends({
+    id: id
+  }, semanticProps, {
     as: "h5"
-  }, title);
+  }), title);
 }
 
-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 {
-    readonlyAsDisabled = true,
-    wrapperStyle
-  } = registry.formContext;
-  const keyLabel = `${label} Key`; // i18n ?
-  const additional = (utils.ADDITIONAL_PROPERTY_FLAG in schema);
+  var RemoveButton = registry.templates.ButtonTemplates.RemoveButton;
+  var _registry$formContext = registry.formContext,
+    _registry$formContext2 = _registry$formContext.readonlyAsDisabled,
+    readonlyAsDisabled = _registry$formContext2 === void 0 ? true : _registry$formContext2,
+    wrapperStyle = _registry$formContext.wrapperStyle;
+  var keyLabel = label + " Key"; // i18n ?
+  var additional = (utils.ADDITIONAL_PROPERTY_FLAG in schema);
   if (!additional) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: classNames
     }, children);
   }
-  const handleBlur = _ref2 => {
-    let {
-      target
-    } = _ref2;
+  var handleBlur = function handleBlur(_ref2) {
+    var target = _ref2.target;
     return onKeyChange(target.value);
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: classNames,
-    key: `${id}-key`
+    key: id + "-key"
   }, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Grid, {
     columns: "equal"
   }, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Grid.Row, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Grid.Column, {
@@ -702,13 +680,13 @@ const WrapIfAdditionalTemplate = _ref => {
     className: "form-group",
     hasFeedback: true,
     fluid: true,
-    htmlFor: `${id}`,
+    htmlFor: "" + id,
     label: keyLabel,
     required: required,
     defaultValue: label,
     disabled: disabled || readonlyAsDisabled && readonly,
-    id: `${id}`,
-    name: `${id}`,
+    id: "" + id,
+    name: "" + id,
     onBlur: !readonly ? handleBlur : undefined,
     style: wrapperStyle,
     type: "text"
@@ -724,68 +702,71 @@ const WrapIfAdditionalTemplate = _ref => {
   })))));
 };
 
-const Templates = {
-  ArrayFieldItemTemplate,
-  ArrayFieldTemplate,
-  BaseInputTemplate,
+var Templates = {
+  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
 };
 
 function CheckboxWidget(props) {
-  const {
-    id,
-    value,
-    required,
-    disabled,
-    readonly,
-    label,
-    autofocus,
-    onChange,
-    onBlur,
-    options,
-    onFocus,
-    formContext,
-    schema,
-    uiSchema,
-    registry,
-    rawErrors = []
-  } = props;
-  const semanticProps = getSemanticProps({
-    options,
-    formContext,
-    uiSchema,
+  var id = props.id,
+    value = props.value,
+    required = props.required,
+    disabled = props.disabled,
+    readonly = props.readonly,
+    label = props.label,
+    autofocus = props.autofocus,
+    onChange = props.onChange,
+    onBlur = props.onBlur,
+    options = props.options,
+    onFocus = props.onFocus,
+    formContext = props.formContext,
+    schema = props.schema,
+    uiSchema = props.uiSchema,
+    registry = props.registry,
+    _props$rawErrors = props.rawErrors,
+    rawErrors = _props$rawErrors === void 0 ? [] : _props$rawErrors;
+  var semanticProps = getSemanticProps({
+    options: options,
+    formContext: formContext,
+    uiSchema: uiSchema,
     defaultSchemaProps: {
       inverted: false
     }
   });
-  const {
-    schemaUtils
-  } = registry;
-  const displayLabel = schemaUtils.getDisplayLabel(schema, uiSchema);
-  const _onChange = (_, data) => onChange && onChange(data.checked);
-  const _onBlur = () => onBlur && onBlur(id, value);
-  const _onFocus = () => onFocus && onFocus(id, value);
-  const checked = value == "true" || value == true;
-  return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Form.Checkbox, {
+  var schemaUtils = registry.schemaUtils;
+  var displayLabel = schemaUtils.getDisplayLabel(schema, uiSchema);
+  var _onChange = function _onChange(_, data) {
+    return onChange && onChange(data.checked);
+  };
+  var _onBlur = function _onBlur() {
+    return onBlur && onBlur(id, value);
+  };
+  var _onFocus = function _onFocus() {
+    return onFocus && onFocus(id, value);
+  };
+  var checked = value == "true" || value == true;
+  return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Form.Checkbox, _extends({
     id: id,
     name: id,
     disabled: disabled || readonly,
-    autoFocus: autofocus,
-    ...semanticProps,
+    autoFocus: autofocus
+  }, semanticProps, {
     checked: typeof value === "undefined" ? false : checked,
     error: rawErrors.length > 0,
     onChange: _onChange,
@@ -793,98 +774,96 @@ function CheckboxWidget(props) {
     onFocus: _onFocus,
     required: required,
     label: displayLabel ? label || schema.title : false
-  });
+  }));
 }
 
 function selectValue(value, selected, all) {
-  const at = all.indexOf(value);
-  const updated = selected.slice(0, at).concat(value, selected.slice(at));
+  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);
+  });
 }
 function deselectValue(value, selected) {
-  return selected.filter(v => v !== value);
+  return selected.filter(function (v) {
+    return v !== value;
+  });
 }
 function CheckboxesWidget(props) {
-  const {
-    id,
-    disabled,
-    options,
-    value,
-    autofocus,
-    readonly,
-    onChange,
-    onBlur,
-    onFocus,
-    formContext,
-    schema,
-    uiSchema,
-    rawErrors = [],
-    registry
-  } = props;
-  const TitleFieldTemplate = utils.getTemplate("TitleFieldTemplate", registry, options);
-  const {
-    enumOptions,
-    enumDisabled,
-    inline
-  } = options;
-  const {
-    title
-  } = schema;
-  const semanticProps = getSemanticProps({
-    options,
-    formContext,
-    uiSchema,
+  var id = props.id,
+    disabled = props.disabled,
+    options = props.options,
+    value = props.value,
+    autofocus = props.autofocus,
+    readonly = props.readonly,
+    onChange = props.onChange,
+    onBlur = props.onBlur,
+    onFocus = props.onFocus,
+    formContext = props.formContext,
+    schema = props.schema,
+    uiSchema = props.uiSchema,
+    _props$rawErrors = props.rawErrors,
+    rawErrors = _props$rawErrors === void 0 ? [] : _props$rawErrors,
+    registry = props.registry;
+  var TitleFieldTemplate = utils.getTemplate("TitleFieldTemplate", registry, options);
+  var enumOptions = options.enumOptions,
+    enumDisabled = options.enumDisabled,
+    inline = options.inline;
+  var title = schema.title;
+  var semanticProps = getSemanticProps({
+    options: options,
+    formContext: formContext,
+    uiSchema: uiSchema,
     defaultSchemaProps: {
       inverted: false
     }
   });
-  const _onChange = option => _ref => {
-    let {
-      target: {
-        checked
+  var _onChange = function _onChange(option) {
+    return function (_ref) {
+      var checked = _ref.target.checked;
+      // eslint-disable-next-line no-shadow
+      var all = enumOptions ? enumOptions.map(function (_ref2) {
+        var value = _ref2.value;
+        return value;
+      }) : [];
+      if (checked) {
+        onChange(selectValue(option.value, value, all));
+      } else {
+        onChange(deselectValue(option.value, value));
       }
-    } = _ref;
-    // eslint-disable-next-line no-shadow
-    const all = enumOptions ? enumOptions.map(_ref2 => {
-      let {
-        value
-      } = _ref2;
-      return value;
-    }) : [];
-    if (checked) {
-      onChange(selectValue(option.value, value, all));
-    } else {
-      onChange(deselectValue(option.value, value));
-    }
+    };
+  };
+  var _onBlur = function _onBlur() {
+    return onBlur && onBlur(id, value);
+  };
+  var _onFocus = function _onFocus() {
+    return onFocus && onFocus(id, value);
   };
-  const _onBlur = () => onBlur && onBlur(id, value);
-  const _onFocus = () => onFocus && onFocus(id, value);
-  const inlineOption = inline ? {
+  var inlineOption = inline ? {
     inline: true
   } : {
     grouped: true
   };
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, title && /*#__PURE__*/React__default["default"].createElement(TitleFieldTemplate, {
-    id: `${id}-title`,
+    id: id + "-title",
     title: title,
     schema: schema,
     uiSchema: uiSchema,
     registry: registry
-  }), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Form.Group, {
+  }), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Form.Group, _extends({
     id: id,
-    name: id,
-    ...inlineOption
-  }, Array.isArray(enumOptions) && enumOptions.map((option, index) => {
-    const checked = value.indexOf(option.value) !== -1;
-    const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
-    return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Form.Checkbox, {
-      id: `${id}-${option.value}`,
+    name: id
+  }, inlineOption), 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;
+    return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Form.Checkbox, _extends({
+      id: id + "-" + option.value,
       name: id,
       key: option.value,
-      label: option.label,
-      ...semanticProps,
+      label: option.label
+    }, semanticProps, {
       checked: checked,
       error: rawErrors.length > 0,
       disabled: disabled || itemDisabled || readonly,
@@ -892,122 +871,117 @@ function CheckboxesWidget(props) {
       onChange: _onChange(option),
       onBlur: _onBlur,
       onFocus: _onFocus
-    });
+    }));
   })));
 }
 
 function RadioWidget(props) {
-  const {
-    id,
-    value,
-    required,
-    disabled,
-    readonly,
-    onChange,
-    onBlur,
-    onFocus,
-    schema,
-    options,
-    formContext,
-    uiSchema,
-    rawErrors = []
-  } = props;
-  const {
-    enumOptions,
-    enumDisabled
-  } = options;
-  const semanticProps = getSemanticProps({
-    formContext,
-    options,
-    uiSchema
+  var id = props.id,
+    value = props.value,
+    required = props.required,
+    disabled = props.disabled,
+    readonly = props.readonly,
+    onChange = props.onChange,
+    onBlur = props.onBlur,
+    onFocus = props.onFocus,
+    schema = props.schema,
+    options = props.options,
+    formContext = props.formContext,
+    uiSchema = props.uiSchema,
+    _props$rawErrors = props.rawErrors,
+    rawErrors = _props$rawErrors === void 0 ? [] : _props$rawErrors;
+  var enumOptions = options.enumOptions,
+    enumDisabled = options.enumDisabled;
+  var semanticProps = getSemanticProps({
+    formContext: formContext,
+    options: options,
+    uiSchema: uiSchema
   });
   // eslint-disable-next-line no-shadow
-  const _onChange = (_, _ref) => {
-    let {
-      value: eventValue
-    } = _ref;
+  var _onChange = function _onChange(_, _ref) {
+    var eventValue = _ref.value;
     return onChange && onChange(schema.type === "boolean" ? eventValue !== "false" : eventValue);
   };
-  const _onBlur = () => onBlur && onBlur(id, value);
-  const _onFocus = () => onFocus && onFocus(id, value);
-  const inlineOption = options.inline ? {
+  var _onBlur = function _onBlur() {
+    return onBlur && onBlur(id, value);
+  };
+  var _onFocus = function _onFocus() {
+    return onFocus && onFocus(id, value);
+  };
+  var inlineOption = options.inline ? {
     inline: true
   } : {
     grouped: true
   };
-  return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Form.Group, {
-    ...inlineOption
-  }, Array.isArray(enumOptions) && enumOptions.map(option => {
-    const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
-    return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Form.Field, {
+  return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Form.Group, _extends({}, inlineOption), Array.isArray(enumOptions) && enumOptions.map(function (option) {
+    var itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
+    return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Form.Field, _extends({
       required: required,
       control: semanticUiReact.Radio,
-      id: `${id}-${option.value}`,
-      name: id,
-      ...semanticProps,
+      id: id + "-" + option.value,
+      name: id
+    }, semanticProps, {
       onFocus: _onFocus,
       onBlur: _onBlur,
-      label: `${option.label}`,
-      value: `${option.value}`,
+      label: "" + option.label,
+      value: "" + option.value,
       error: rawErrors.length > 0,
       key: option.value,
       checked: value == option.value,
       onChange: _onChange,
       disabled: disabled || itemDisabled || readonly
-    });
+    }));
   }));
 }
 
 function RangeWidget(props) {
-  const {
-    id,
-    value,
-    required,
-    readonly,
-    disabled,
-    onChange,
-    onBlur,
-    onFocus,
-    options,
-    schema,
-    uiSchema,
-    formContext,
-    rawErrors = []
-  } = props;
-  const semanticProps = getSemanticProps({
-    formContext,
-    options,
-    uiSchema,
+  var id = props.id,
+    value = props.value,
+    required = props.required,
+    readonly = props.readonly,
+    disabled = props.disabled,
+    onChange = props.onChange,
+    onBlur = props.onBlur,
+    onFocus = props.onFocus,
+    options = props.options,
+    schema = props.schema,
+    uiSchema = props.uiSchema,
+    formContext = props.formContext,
+    _props$rawErrors = props.rawErrors,
+    rawErrors = _props$rawErrors === void 0 ? [] : _props$rawErrors;
+  var semanticProps = getSemanticProps({
+    formContext: formContext,
+    options: options,
+    uiSchema: uiSchema,
     defaultSchemaProps: {
       fluid: true
     }
   });
   // eslint-disable-next-line no-shadow
-  const _onChange = _ref => {
-    let {
-      target: {
-        value
-      }
-    } = _ref;
+  var _onChange = function _onChange(_ref) {
+    var value = _ref.target.value;
     return onChange && onChange(value === "" ? options.emptyValue : value);
   };
-  const _onBlur = () => onBlur && onBlur(id, value);
-  const _onFocus = () => onFocus && onFocus(id, value);
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Input, {
+  var _onBlur = function _onBlur() {
+    return onBlur && onBlur(id, value);
+  };
+  var _onFocus = function _onFocus() {
+    return onFocus && onFocus(id, value);
+  };
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Input, _extends({
     id: id,
     key: id,
     name: id,
     type: "range",
     required: required,
-    disabled: disabled || readonly,
-    ...utils.rangeSpec(schema),
-    ...semanticProps,
+    disabled: disabled || readonly
+  }, utils.rangeSpec(schema), semanticProps, {
     value: value || "",
     error: rawErrors.length > 0,
     onChange: _onChange,
     onBlur: _onBlur,
     onFocus: _onFocus
-  }), /*#__PURE__*/React__default["default"].createElement("span", null, value));
+  })), /*#__PURE__*/React__default["default"].createElement("span", null, value));
 }
 
 /**
@@ -1017,45 +991,42 @@ function RangeWidget(props) {
  * @returns {*}
  */
 function createDefaultValueOptionsForDropDown(enumOptions, enumDisabled) {
-  const disabledOptions = enumDisabled || [];
-  const options = map__default["default"](enumOptions, _ref => {
-    let {
-      label,
-      value
-    } = _ref;
+  var disabledOptions = enumDisabled || [];
+  var options = map__default["default"](enumOptions, function (_ref) {
+    var label = _ref.label,
+      value = _ref.value;
     return {
       disabled: disabledOptions.indexOf(value) !== -1,
       key: label,
       text: label,
-      value
+      value: value
     };
   });
   return options;
 }
 function SelectWidget(props) {
-  const {
-    schema,
-    uiSchema,
-    formContext,
-    id,
-    options,
-    label,
-    required,
-    disabled,
-    readonly,
-    value,
-    multiple,
-    placeholder,
-    autofocus,
-    onChange,
-    onBlur,
-    onFocus,
-    rawErrors = []
-  } = props;
-  const semanticProps = getSemanticProps({
-    uiSchema,
-    formContext,
-    options,
+  var schema = props.schema,
+    uiSchema = props.uiSchema,
+    formContext = props.formContext,
+    id = props.id,
+    options = props.options,
+    label = props.label,
+    required = props.required,
+    disabled = props.disabled,
+    readonly = props.readonly,
+    value = props.value,
+    multiple = props.multiple,
+    placeholder = props.placeholder,
+    autofocus = props.autofocus,
+    onChange = props.onChange,
+    onBlur = props.onBlur,
+    onFocus = props.onFocus,
+    _props$rawErrors = props.rawErrors,
+    rawErrors = _props$rawErrors === void 0 ? [] : _props$rawErrors;
+  var semanticProps = getSemanticProps({
+    uiSchema: uiSchema,
+    formContext: formContext,
+    options: options,
     defaultSchemaProps: {
       inverted: "false",
       selection: true,
@@ -1064,37 +1035,24 @@ function SelectWidget(props) {
       upward: false
     }
   });
-  const {
-    enumDisabled,
-    enumOptions
-  } = options;
-  const emptyValue = multiple ? [] : "";
-  const dropdownOptions = createDefaultValueOptionsForDropDown(enumOptions, enumDisabled);
-  const _onChange = (_, _ref2) => {
-    let {
-      value
-    } = _ref2;
+  var enumDisabled = options.enumDisabled,
+    enumOptions = options.enumOptions;
+  var emptyValue = multiple ? [] : "";
+  var dropdownOptions = createDefaultValueOptionsForDropDown(enumOptions, enumDisabled);
+  var _onChange = function _onChange(_, _ref2) {
+    var value = _ref2.value;
     return onChange && onChange(utils.processSelectValue(schema, value, options));
   };
   // eslint-disable-next-line no-shadow
-  const _onBlur = (_, _ref3) => {
-    let {
-      target: {
-        value
-      }
-    } = _ref3;
+  var _onBlur = function _onBlur(_, _ref3) {
+    var value = _ref3.target.value;
     return onBlur && onBlur(id, utils.processSelectValue(schema, value, options));
   };
-  const _onFocus = (_, _ref4) => {
-    let {
-      // eslint-disable-next-line no-shadow
-      target: {
-        value
-      }
-    } = _ref4;
+  var _onFocus = function _onFocus(_, _ref4) {
+    var value = _ref4.target.value;
     return onFocus && onFocus(id, utils.processSelectValue(schema, value, options));
   };
-  return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Form.Dropdown, {
+  return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Form.Dropdown, _extends({
     key: id,
     id: id,
     name: id,
@@ -1103,8 +1061,8 @@ function SelectWidget(props) {
     value: typeof value === "undefined" ? emptyValue : value,
     error: rawErrors.length > 0,
     disabled: disabled,
-    placeholder: placeholder,
-    ...semanticProps,
+    placeholder: placeholder
+  }, semanticProps, {
     required: required,
     autoFocus: autofocus,
     readOnly: readonly,
@@ -1112,52 +1070,49 @@ function SelectWidget(props) {
     onChange: _onChange,
     onBlur: _onBlur,
     onFocus: _onFocus
-  });
+  }));
 }
 
 function TextareaWidget(props) {
-  const {
-    id,
-    placeholder,
-    value,
-    required,
-    disabled,
-    autofocus,
-    label,
-    readonly,
-    onBlur,
-    onFocus,
-    onChange,
-    options,
-    schema,
-    uiSchema,
-    formContext,
-    registry,
-    rawErrors = []
-  } = props;
-  const semanticProps = getSemanticProps({
-    formContext,
-    options,
+  var id = props.id,
+    placeholder = props.placeholder,
+    value = props.value,
+    required = props.required,
+    disabled = props.disabled,
+    autofocus = props.autofocus,
+    label = props.label,
+    readonly = props.readonly,
+    onBlur = props.onBlur,
+    onFocus = props.onFocus,
+    onChange = props.onChange,
+    options = props.options,
+    schema = props.schema,
+    uiSchema = props.uiSchema,
+    formContext = props.formContext,
+    registry = props.registry,
+    _props$rawErrors = props.rawErrors,
+    rawErrors = _props$rawErrors === void 0 ? [] : _props$rawErrors;
+  var semanticProps = getSemanticProps({
+    formContext: formContext,
+    options: options,
     defaultSchemaProps: {
       inverted: false
     }
   });
-  const {
-    schemaUtils
-  } = registry;
+  var schemaUtils = registry.schemaUtils;
   // eslint-disable-next-line no-shadow
-  const _onChange = _ref => {
-    let {
-      target: {
-        value
-      }
-    } = _ref;
+  var _onChange = function _onChange(_ref) {
+    var value = _ref.target.value;
     return onChange && onChange(value === "" ? options.emptyValue : value);
   };
-  const _onBlur = () => onBlur && onBlur(id, value);
-  const _onFocus = () => onFocus && onFocus(id, value);
-  const displayLabel = schemaUtils.getDisplayLabel(schema, uiSchema);
-  return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Form.TextArea, {
+  var _onBlur = function _onBlur() {
+    return onBlur && onBlur(id, value);
+  };
+  var _onFocus = function _onFocus() {
+    return onFocus && onFocus(id, value);
+  };
+  var displayLabel = schemaUtils.getDisplayLabel(schema, uiSchema);
+  return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Form.TextArea, _extends({
     id: id,
     key: id,
     name: id,
@@ -1165,33 +1120,33 @@ function TextareaWidget(props) {
     placeholder: placeholder,
     autoFocus: autofocus,
     required: required,
-    disabled: disabled || readonly,
-    ...semanticProps,
+    disabled: disabled || readonly
+  }, semanticProps, {
     value: value || "",
     error: rawErrors.length > 0,
     rows: options.rows || 5,
     onChange: _onChange,
     onBlur: _onBlur,
     onFocus: _onFocus
-  });
+  }));
 }
 
 var Widgets = {
-  CheckboxWidget,
-  CheckboxesWidget,
-  RadioWidget,
-  RangeWidget,
-  SelectWidget,
-  TextareaWidget
+  CheckboxWidget: CheckboxWidget,
+  CheckboxesWidget: CheckboxesWidget,
+  RadioWidget: RadioWidget,
+  RangeWidget: RangeWidget,
+  SelectWidget: SelectWidget,
+  TextareaWidget: TextareaWidget
 };
 
-const Theme = {
+var Theme = {
   templates: Templates,
   widgets: Widgets,
   _internalFormWrapper: semanticUiReact.Form
 };
 
-const SemanticUIForm = /*#__PURE__*/core.withTheme(Theme);
+var SemanticUIForm = /*#__PURE__*/core.withTheme(Theme);
 
 exports.Form = SemanticUIForm;
 exports.Templates = Templates;