@rjsf/antd 4.2.2 → 5.0.0-beta.2

package/dist/antd.esm.js

@@ -1,32 +1,94 @@
-import { utils, withTheme } from '@rjsf/core';
+import { withTheme } from '@rjsf/core';
 import React, { useState, useEffect } from 'react';
+import Button from 'antd/es/button';
+import Col from 'antd/es/col';
+import Row from 'antd/es/row';
+import { getUiOptions, getTemplate, getInputProps, ADDITIONAL_PROPERTY_FLAG, canExpand, getSubmitButtonOptions, parseDateString, toDateString, pad, rangeSpec, processSelectValue } from '@rjsf/utils';
 import classNames from 'classnames';
-import { withConfigConsumer } from 'antd/lib/config-provider/context';
-import Form$1 from 'antd/lib/form';
-import Button from 'antd/lib/button';
-import Col from 'antd/lib/col';
-import Input from 'antd/lib/input';
-import Row from 'antd/lib/row';
-import DeleteOutlined from '@ant-design/icons/DeleteOutlined';
-import _ from 'lodash-es';
-import PlusCircleOutlined from '@ant-design/icons/PlusCircleOutlined';
+import { withConfigConsumer } from 'antd/es/config-provider/context';
+import Input from 'antd/es/input';
+import InputNumber from 'antd/es/input-number';
+import Alert from 'antd/es/alert';
+import List from 'antd/es/list';
+import Space from 'antd/es/space';
+import ExclamationCircleOutlined from '@ant-design/icons/ExclamationCircleOutlined';
 import ArrowDownOutlined from '@ant-design/icons/ArrowDownOutlined';
 import ArrowUpOutlined from '@ant-design/icons/ArrowUpOutlined';
-import Checkbox from 'antd/lib/checkbox';
+import DeleteOutlined from '@ant-design/icons/DeleteOutlined';
+import PlusCircleOutlined from '@ant-design/icons/PlusCircleOutlined';
+import Form$1 from 'antd/es/form';
+import isObject from 'lodash-es/isObject';
+import isNumber from 'lodash-es/isNumber';
+import Checkbox from 'antd/es/checkbox';
 import dayjs from 'dayjs';
-import dayjsGenerateConfig from 'rc-picker/lib/generate/dayjs';
-import generatePicker from 'antd/lib/date-picker/generatePicker';
-import Radio from 'antd/lib/radio';
-import Slider from 'antd/lib/slider';
-import Select from 'antd/lib/select';
-import InputNumber from 'antd/lib/input-number';
-import Alert from 'antd/lib/alert';
-import List from 'antd/lib/list';
-import Space from 'antd/lib/space';
-import ExclamationCircleOutlined from '@ant-design/icons/ExclamationCircleOutlined';
+import dayjsGenerateConfig from 'rc-picker/es/generate/dayjs';
+import generatePicker from 'antd/es/date-picker/generatePicker';
+import Radio from 'antd/es/radio';
+import Slider from 'antd/es/slider';
+import Select from 'antd/es/select';
+
+const BTN_GRP_STYLE = {
+  width: "100%"
+};
+const BTN_STYLE = {
+  width: "calc(100% / 3)"
+};
+
+const ArrayFieldItemTemplate = _ref => {
+  let {
+    children,
+    disabled,
+    formContext,
+    hasMoveDown,
+    hasMoveUp,
+    hasRemove,
+    hasToolbar,
+    index,
+    onDropIndexClick,
+    onReorderClick,
+    readonly,
+    registry
+  } = _ref;
+  const {
+    MoveDownButton,
+    MoveUpButton,
+    RemoveButton
+  } = registry.templates.ButtonTemplates;
+  const {
+    rowGutter = 24,
+    toolbarAlign = "top"
+  } = formContext;
+  return /*#__PURE__*/React.createElement(Row, {
+    align: toolbarAlign,
+    key: "array-item-" + index,
+    gutter: rowGutter
+  }, /*#__PURE__*/React.createElement(Col, {
+    flex: "1"
+  }, children), hasToolbar && /*#__PURE__*/React.createElement(Col, {
+    flex: "192px"
+  }, /*#__PURE__*/React.createElement(Button.Group, {
+    style: BTN_GRP_STYLE
+  }, (hasMoveUp || hasMoveDown) && /*#__PURE__*/React.createElement(MoveUpButton, {
+    disabled: disabled || readonly || !hasMoveUp,
+    onClick: onReorderClick(index, index - 1),
+    style: BTN_STYLE
+  }), (hasMoveUp || hasMoveDown) && /*#__PURE__*/React.createElement(MoveDownButton, {
+    disabled: disabled || readonly || !hasMoveDown,
+    onClick: onReorderClick(index, index + 1),
+    style: BTN_STYLE
+  }), hasRemove && /*#__PURE__*/React.createElement(RemoveButton, {
+    disabled: disabled || readonly,
+    onClick: onDropIndexClick(index),
+    style: BTN_STYLE
+  }))));
+};
+
+ArrayFieldItemTemplate.defaultProps = {
+  formContext: {}
+};
 
 function _extends() {
-  _extends = Object.assign || function (target) {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
 
@@ -39,116 +101,287 @@ function _extends() {
 
     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;
+const DESCRIPTION_COL_STYLE$1 = {
+  paddingBottom: "8px"
+};
 
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
+const ArrayFieldTemplate = _ref => {
+  let {
+    canAdd,
+    className,
+    disabled,
+    formContext,
+    // formData,
+    idSchema,
+    items,
+    onAddClick,
+    prefixCls,
+    readonly,
+    registry,
+    required,
+    schema,
+    title,
+    uiSchema
+  } = _ref;
+  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;
+  const {
+    labelAlign = "right",
+    rowGutter = 24
+  } = formContext;
+  const labelClsBasic = prefixCls + "-item-label";
+  const labelColClassName = classNames(labelClsBasic, labelAlign === "left" && labelClsBasic + "-left" // labelCol.className,
+  );
+  return /*#__PURE__*/React.createElement("fieldset", {
+    className: className,
+    id: idSchema.$id
+  }, /*#__PURE__*/React.createElement(Row, {
+    gutter: rowGutter
+  }, (uiOptions.title || title) && /*#__PURE__*/React.createElement(Col, {
+    className: labelColClassName,
+    span: 24
+  }, /*#__PURE__*/React.createElement(ArrayFieldTitleTemplate, {
+    idSchema: idSchema,
+    required: required,
+    title: uiOptions.title || title,
+    uiSchema: uiSchema,
+    registry: registry
+  })), (uiOptions.description || schema.description) && /*#__PURE__*/React.createElement(Col, {
+    span: 24,
+    style: DESCRIPTION_COL_STYLE$1
+  }, /*#__PURE__*/React.createElement(ArrayFieldDescriptionTemplate, {
+    description: uiOptions.description || schema.description,
+    idSchema: idSchema,
+    uiSchema: uiSchema,
+    registry: registry
+  })), /*#__PURE__*/React.createElement(Col, {
+    className: "row array-item-list",
+    span: 24
+  }, items && items.map(itemProps => /*#__PURE__*/React.createElement(ArrayFieldItemTemplate, _extends({}, itemProps, {
+    formContext: formContext
+  })))), canAdd && /*#__PURE__*/React.createElement(Col, {
+    span: 24
+  }, /*#__PURE__*/React.createElement(Row, {
+    gutter: rowGutter,
+    justify: "end"
+  }, /*#__PURE__*/React.createElement(Col, {
+    flex: "192px"
+  }, /*#__PURE__*/React.createElement(AddButton, {
+    className: "array-item-add",
+    disabled: disabled || readonly,
+    onClick: onAddClick
+  }))))));
+};
 
-  return target;
-}
+var ArrayFieldTemplate$1 = /*#__PURE__*/withConfigConsumer({
+  prefixCls: "form"
+})(ArrayFieldTemplate);
 
-var DescriptionField = function DescriptionField(_ref) {
-  var description = _ref.description,
-      id = _ref.id;
-  return /*#__PURE__*/React.createElement("span", {
-    id: id
-  }, description);
+const INPUT_STYLE$2 = {
+  width: "100%"
 };
 
-var TitleField = function TitleField(_ref) {
-  var _classNames;
+const TextWidget = _ref => {
+  let {
+    // autofocus,
+    disabled,
+    formContext,
+    id,
+    // label,
+    onBlur,
+    onChange,
+    onFocus,
+    options,
+    placeholder,
+    readonly,
+    // required,
+    schema,
+    value,
+    type
+  } = _ref;
+  const inputProps = getInputProps(schema, type, options, false);
+  const {
+    readonlyAsDisabled = true
+  } = formContext;
+
+  const handleNumberChange = nextValue => onChange(nextValue);
+
+  const handleTextChange = _ref2 => {
+    let {
+      target
+    } = _ref2;
+    return onChange(target.value === "" ? options.emptyValue : target.value);
+  };
+
+  const handleBlur = _ref3 => {
+    let {
+      target
+    } = _ref3;
+    return onBlur(id, target.value);
+  };
 
-  var formContext = _ref.formContext,
-      id = _ref.id,
-      prefixCls = _ref.prefixCls,
-      required = _ref.required,
-      title = _ref.title;
-  var _formContext$colon = formContext.colon,
-      colon = _formContext$colon === void 0 ? true : _formContext$colon;
-  var labelChildren = title;
+  const handleFocus = _ref4 => {
+    let {
+      target
+    } = _ref4;
+    return onFocus(id, target.value);
+  };
 
-  if (colon && typeof title === 'string' && title.trim() !== '') {
-    labelChildren = title.replace(/[：:]\s*$/, '');
-  }
+  return inputProps.type === "number" || inputProps.type === "integer" ? /*#__PURE__*/React.createElement(InputNumber, _extends({
+    disabled: disabled || readonlyAsDisabled && readonly,
+    id: id,
+    name: id,
+    onBlur: !readonly ? handleBlur : undefined,
+    onChange: !readonly ? handleNumberChange : undefined,
+    onFocus: !readonly ? handleFocus : undefined,
+    placeholder: placeholder,
+    style: INPUT_STYLE$2
+  }, inputProps, {
+    value: value
+  })) : /*#__PURE__*/React.createElement(Input, _extends({
+    disabled: disabled || readonlyAsDisabled && readonly,
+    id: id,
+    name: id,
+    onBlur: !readonly ? handleBlur : undefined,
+    onChange: !readonly ? handleTextChange : undefined,
+    onFocus: !readonly ? handleFocus : undefined,
+    placeholder: placeholder,
+    style: INPUT_STYLE$2
+  }, inputProps, {
+    value: value
+  }));
+};
 
-  var labelClassName = classNames((_classNames = {}, _classNames[prefixCls + "-item-required"] = required, _classNames[prefixCls + "-item-no-colon"] = !colon, _classNames));
+const DescriptionField = _ref => {
+  let {
+    description,
+    id // registry,
 
-  var handleLabelClick = function handleLabelClick() {
-    if (!id) {
-      return;
-    }
+  } = _ref;
+  return /*#__PURE__*/React.createElement("span", {
+    id: id
+  }, description);
+};
 
-    var control = document.querySelector("[id=\"" + id + "\"]");
+const ErrorList = _ref => {
+  let {
+    // errorSchema,
+    errors // formContext,
+    // schema,
+    // uiSchema,
 
-    if (control && control.focus) {
-      control.focus();
-    }
-  };
+  } = _ref;
 
-  return title ? /*#__PURE__*/React.createElement("label", {
-    className: labelClassName,
-    htmlFor: id,
-    onClick: handleLabelClick,
-    title: typeof title === 'string' ? title : ''
-  }, labelChildren) : null;
-};
+  const renderErrors = () => /*#__PURE__*/React.createElement(List, {
+    className: "list-group",
+    size: "small"
+  }, errors.map((error, index) => /*#__PURE__*/React.createElement(List.Item, {
+    key: index
+  }, /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(ExclamationCircleOutlined, null), error.stack))));
 
-TitleField.defaultProps = {
-  formContext: {}
+  return /*#__PURE__*/React.createElement(Alert, {
+    className: "panel panel-danger errors",
+    description: renderErrors(),
+    message: "Errors",
+    type: "error"
+  });
 };
-var TitleField$1 = /*#__PURE__*/withConfigConsumer({
-  prefixCls: 'form'
-})(TitleField);
 
-var ADDITIONAL_PROPERTY_FLAG = utils.ADDITIONAL_PROPERTY_FLAG;
-var VERTICAL_LABEL_COL = {
+function IconButton(props) {
+  const {
+    iconType = "default",
+    icon,
+    ...otherProps
+  } = props;
+  return /*#__PURE__*/React.createElement(Button, _extends({
+    type: iconType,
+    icon: icon
+  }, otherProps));
+}
+function AddButton(props) {
+  return /*#__PURE__*/React.createElement(IconButton, _extends({
+    title: "Add Item"
+  }, props, {
+    block: true,
+    iconType: "primary",
+    icon: /*#__PURE__*/React.createElement(PlusCircleOutlined, null)
+  }));
+}
+function MoveDownButton(props) {
+  return /*#__PURE__*/React.createElement(IconButton, _extends({
+    title: "Move down"
+  }, props, {
+    icon: /*#__PURE__*/React.createElement(ArrowDownOutlined, null)
+  }));
+}
+function MoveUpButton(props) {
+  return /*#__PURE__*/React.createElement(IconButton, _extends({
+    title: "Move up"
+  }, props, {
+    icon: /*#__PURE__*/React.createElement(ArrowUpOutlined, null)
+  }));
+}
+function RemoveButton(props) {
+  return /*#__PURE__*/React.createElement(IconButton, _extends({
+    title: "Remove"
+  }, props, {
+    danger: true,
+    iconType: "primary",
+    icon: /*#__PURE__*/React.createElement(DeleteOutlined, null)
+  }));
+}
+
+const VERTICAL_LABEL_COL$1 = {
   span: 24
 };
-var VERTICAL_WRAPPER_COL = {
+const VERTICAL_WRAPPER_COL$1 = {
   span: 24
 };
-var INPUT_STYLE = {
-  width: '100%'
+const INPUT_STYLE$1 = {
+  width: "100%"
 };
 
-var WrapIfAdditional = function WrapIfAdditional(_ref) {
-  var children = _ref.children,
-      classNames = _ref.classNames,
-      disabled = _ref.disabled,
-      formContext = _ref.formContext,
-      id = _ref.id,
-      label = _ref.label,
-      onDropPropertyClick = _ref.onDropPropertyClick,
-      onKeyChange = _ref.onKeyChange,
-      readonly = _ref.readonly,
-      required = _ref.required,
-      schema = _ref.schema;
-  var colon = formContext.colon,
-      _formContext$labelCol = formContext.labelCol,
-      labelCol = _formContext$labelCol === void 0 ? VERTICAL_LABEL_COL : _formContext$labelCol,
-      _formContext$readonly = formContext.readonlyAsDisabled,
-      readonlyAsDisabled = _formContext$readonly === void 0 ? true : _formContext$readonly,
-      _formContext$rowGutte = formContext.rowGutter,
-      rowGutter = _formContext$rowGutte === void 0 ? 24 : _formContext$rowGutte,
-      _formContext$toolbarA = formContext.toolbarAlign,
-      toolbarAlign = _formContext$toolbarA === void 0 ? 'top' : _formContext$toolbarA,
-      _formContext$wrapperC = formContext.wrapperCol,
-      wrapperCol = _formContext$wrapperC === void 0 ? VERTICAL_WRAPPER_COL : _formContext$wrapperC,
-      wrapperStyle = formContext.wrapperStyle;
-  var keyLabel = label + " Key"; // i18n ?
-
-  var additional = schema.hasOwnProperty(ADDITIONAL_PROPERTY_FLAG);
+const WrapIfAdditional = _ref => {
+  let {
+    children,
+    classNames,
+    disabled,
+    formContext,
+    id,
+    label,
+    onDropPropertyClick,
+    onKeyChange,
+    readonly,
+    required,
+    registry,
+    schema
+  } = _ref;
+  const {
+    colon,
+    labelCol = VERTICAL_LABEL_COL$1,
+    readonlyAsDisabled = true,
+    rowGutter = 24,
+    toolbarAlign = "top",
+    wrapperCol = VERTICAL_WRAPPER_COL$1,
+    wrapperStyle
+  } = formContext;
+  const {
+    RemoveButton
+  } = registry.templates.ButtonTemplates;
+  const keyLabel = label + " Key"; // i18n ?
+
+  const additional = (ADDITIONAL_PROPERTY_FLAG in schema);
 
   if (!additional) {
     return /*#__PURE__*/React.createElement("div", {
@@ -156,8 +389,10 @@ var WrapIfAdditional = function WrapIfAdditional(_ref) {
     }, children);
   }
 
-  var handleBlur = function handleBlur(_ref2) {
-    var target = _ref2.target;
+  const handleBlur = _ref2 => {
+    let {
+      target
+    } = _ref2;
     return onKeyChange(target.value);
   };
 
@@ -188,55 +423,57 @@ var WrapIfAdditional = function WrapIfAdditional(_ref) {
     id: id + "-key",
     name: id + "-key",
     onBlur: !readonly ? handleBlur : undefined,
-    style: INPUT_STYLE,
+    style: INPUT_STYLE$1,
     type: "text"
   })))), /*#__PURE__*/React.createElement(Col, {
     className: "form-additional",
     flex: "1"
   }, children), /*#__PURE__*/React.createElement(Col, {
     flex: "192px"
-  }, /*#__PURE__*/React.createElement(Button, {
+  }, /*#__PURE__*/React.createElement(RemoveButton, {
     block: true,
     className: "array-item-remove",
-    danger: true,
     disabled: disabled || readonly,
-    icon: /*#__PURE__*/React.createElement(DeleteOutlined, null),
-    onClick: onDropPropertyClick(label),
-    type: "primary"
+    onClick: onDropPropertyClick(label)
   }))));
 };
 
-var VERTICAL_LABEL_COL$1 = {
+const VERTICAL_LABEL_COL = {
   span: 24
 };
-var VERTICAL_WRAPPER_COL$1 = {
+const VERTICAL_WRAPPER_COL = {
   span: 24
 };
 
-var FieldTemplate = function FieldTemplate(_ref) {
-  var children = _ref.children,
-      classNames = _ref.classNames,
-      description = _ref.description,
-      disabled = _ref.disabled,
-      displayLabel = _ref.displayLabel,
-      formContext = _ref.formContext,
-      help = _ref.help,
-      hidden = _ref.hidden,
-      id = _ref.id,
-      label = _ref.label,
-      onDropPropertyClick = _ref.onDropPropertyClick,
-      onKeyChange = _ref.onKeyChange,
-      rawErrors = _ref.rawErrors,
-      rawHelp = _ref.rawHelp,
-      readonly = _ref.readonly,
-      required = _ref.required,
-      schema = _ref.schema;
-  var colon = formContext.colon,
-      _formContext$labelCol = formContext.labelCol,
-      labelCol = _formContext$labelCol === void 0 ? VERTICAL_LABEL_COL$1 : _formContext$labelCol,
-      _formContext$wrapperC = formContext.wrapperCol,
-      wrapperCol = _formContext$wrapperC === void 0 ? VERTICAL_WRAPPER_COL$1 : _formContext$wrapperC,
-      wrapperStyle = formContext.wrapperStyle;
+const FieldTemplate = _ref => {
+  let {
+    children,
+    classNames,
+    description,
+    disabled,
+    displayLabel,
+    // errors,
+    formContext,
+    help,
+    hidden,
+    id,
+    label,
+    onDropPropertyClick,
+    onKeyChange,
+    rawErrors,
+    rawHelp,
+    readonly,
+    registry,
+    required,
+    schema // uiSchema,
+
+  } = _ref;
+  const {
+    colon,
+    labelCol = VERTICAL_LABEL_COL,
+    wrapperCol = VERTICAL_WRAPPER_COL,
+    wrapperStyle
+  } = formContext;
 
   if (hidden) {
     return /*#__PURE__*/React.createElement("div", {
@@ -244,13 +481,9 @@ var FieldTemplate = function FieldTemplate(_ref) {
     }, children);
   }
 
-  var renderFieldErrors = function renderFieldErrors() {
-    return [].concat(new Set(rawErrors)).map(function (error) {
-      return /*#__PURE__*/React.createElement("div", {
-        key: "field-" + id + "-error-" + error
-      }, error);
-    });
-  };
+  const renderFieldErrors = () => [...new Set(rawErrors)].map(error => /*#__PURE__*/React.createElement("div", {
+    key: "field-" + id + "-error-" + error
+  }, error));
 
   return /*#__PURE__*/React.createElement(WrapIfAdditional, {
     classNames: classNames,
@@ -262,85 +495,84 @@ var FieldTemplate = function FieldTemplate(_ref) {
     onKeyChange: onKeyChange,
     readonly: readonly,
     required: required,
-    schema: schema
-  }, id === 'root' ? children : /*#__PURE__*/React.createElement(Form$1.Item, {
+    schema: schema,
+    registry: registry
+  }, id === "root" ? children : /*#__PURE__*/React.createElement(Form$1.Item, {
     colon: colon,
     extra: description,
-    hasFeedback: schema.type !== 'array' && schema.type !== 'object',
+    hasFeedback: schema.type !== "array" && schema.type !== "object",
     help: !!rawHelp && help || !!rawErrors && renderFieldErrors(),
     htmlFor: id,
     label: displayLabel && label,
     labelCol: labelCol,
     required: required,
     style: wrapperStyle,
-    validateStatus: rawErrors ? 'error' : undefined,
+    validateStatus: rawErrors ? "error" : undefined,
     wrapperCol: wrapperCol
   }, children));
 };
 
-var canExpand = utils.canExpand;
-var DESCRIPTION_COL_STYLE = {
-  paddingBottom: '8px'
+const DESCRIPTION_COL_STYLE = {
+  paddingBottom: "8px"
 };
 
-var ObjectFieldTemplate = function ObjectFieldTemplate(_ref) {
-  var DescriptionField = _ref.DescriptionField,
-      TitleField = _ref.TitleField,
-      description = _ref.description,
-      disabled = _ref.disabled,
-      formContext = _ref.formContext,
-      formData = _ref.formData,
-      idSchema = _ref.idSchema,
-      onAddClick = _ref.onAddClick,
-      prefixCls = _ref.prefixCls,
-      properties = _ref.properties,
-      readonly = _ref.readonly,
-      required = _ref.required,
-      schema = _ref.schema,
-      title = _ref.title,
-      uiSchema = _ref.uiSchema;
-  var _formContext$colSpan = formContext.colSpan,
-      colSpan = _formContext$colSpan === void 0 ? 24 : _formContext$colSpan,
-      _formContext$labelAli = formContext.labelAlign,
-      labelAlign = _formContext$labelAli === void 0 ? 'right' : _formContext$labelAli,
-      _formContext$rowGutte = formContext.rowGutter,
-      rowGutter = _formContext$rowGutte === void 0 ? 24 : _formContext$rowGutte;
-  var labelClsBasic = prefixCls + "-item-label";
-  var labelColClassName = classNames(labelClsBasic, labelAlign === 'left' && labelClsBasic + "-left" // labelCol.className,
+const ObjectFieldTemplate = _ref => {
+  let {
+    description,
+    disabled,
+    formContext,
+    formData,
+    idSchema,
+    onAddClick,
+    prefixCls,
+    properties,
+    readonly,
+    required,
+    registry,
+    schema,
+    title,
+    uiSchema
+  } = _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;
+  const {
+    colSpan = 24,
+    labelAlign = "right",
+    rowGutter = 24
+  } = formContext;
+  const labelClsBasic = prefixCls + "-item-label";
+  const labelColClassName = classNames(labelClsBasic, labelAlign === "left" && labelClsBasic + "-left" // labelCol.className,
   );
 
-  var findSchema = function findSchema(element) {
-    return element.content.props.schema;
-  };
+  const findSchema = element => element.content.props.schema;
 
-  var findSchemaType = function findSchemaType(element) {
-    return findSchema(element).type;
-  };
+  const findSchemaType = element => findSchema(element).type;
 
-  var findUiSchema = function findUiSchema(element) {
-    return element.content.props.uiSchema;
-  };
+  const findUiSchema = element => element.content.props.uiSchema;
 
-  var findUiSchemaField = function findUiSchemaField(element) {
-    return findUiSchema(element)['ui:field'];
-  };
+  const findUiSchemaField = element => getUiOptions(findUiSchema(element)).field;
 
-  var findUiSchemaWidget = function findUiSchemaWidget(element) {
-    return findUiSchema(element)['ui:widget'];
-  };
+  const findUiSchemaWidget = element => getUiOptions(findUiSchema(element)).widget;
 
-  var calculateColSpan = function calculateColSpan(element) {
-    var type = findSchemaType(element);
-    var field = findUiSchemaField(element);
-    var widget = findUiSchemaWidget(element);
-    var defaultColSpan = properties.length < 2 || // Single or no field in object.
-    type === 'object' || type === 'array' || widget === 'textarea' ? 24 : 12;
+  const calculateColSpan = element => {
+    const type = findSchemaType(element);
+    const field = findUiSchemaField(element);
+    const widget = findUiSchemaWidget(element);
+    const defaultColSpan = properties.length < 2 || // Single or no field in object.
+    type === "object" || type === "array" || widget === "textarea" ? 24 : 12;
 
-    if (_.isObject(colSpan)) {
+    if (isObject(colSpan)) {
       return colSpan[widget] || colSpan[field] || colSpan[type] || defaultColSpan;
     }
 
-    if (_.isNumber(colSpan)) {
+    if (isNumber(colSpan)) {
       return colSpan;
     }
 
@@ -351,416 +583,120 @@ var ObjectFieldTemplate = function ObjectFieldTemplate(_ref) {
     id: idSchema.$id
   }, /*#__PURE__*/React.createElement(Row, {
     gutter: rowGutter
-  }, uiSchema['ui:title'] !== false && (uiSchema['ui:title'] || title) && /*#__PURE__*/React.createElement(Col, {
+  }, uiOptions.title !== false && (uiOptions.title || title) && /*#__PURE__*/React.createElement(Col, {
     className: labelColClassName,
     span: 24
-  }, /*#__PURE__*/React.createElement(TitleField, {
+  }, /*#__PURE__*/React.createElement(TitleFieldTemplate, {
     id: idSchema.$id + "-title",
     required: required,
-    title: uiSchema['ui:title'] || title
-  })), uiSchema['ui:description'] !== false && (uiSchema['ui:description'] || description) && /*#__PURE__*/React.createElement(Col, {
+    title: uiOptions.title || title,
+    uiSchema: uiSchema,
+    registry: registry
+  })), uiOptions.description !== false && (uiOptions.description || description) && /*#__PURE__*/React.createElement(Col, {
     span: 24,
     style: DESCRIPTION_COL_STYLE
-  }, /*#__PURE__*/React.createElement(DescriptionField, {
-    description: uiSchema['ui:description'] || description,
-    id: idSchema.$id + "-description"
-  })), properties.filter(function (e) {
-    return !e.hidden;
-  }).map(function (element) {
-    return /*#__PURE__*/React.createElement(Col, {
-      key: element.name,
-      span: calculateColSpan(element)
-    }, element.content);
-  })), canExpand(schema, uiSchema, formData) && /*#__PURE__*/React.createElement(Col, {
+  }, /*#__PURE__*/React.createElement(DescriptionFieldTemplate, {
+    description: uiOptions.description || description,
+    id: idSchema.$id + "-description",
+    registry: registry
+  })), properties.filter(e => !e.hidden).map(element => /*#__PURE__*/React.createElement(Col, {
+    key: element.name,
+    span: calculateColSpan(element)
+  }, element.content))), canExpand(schema, uiSchema, formData) && /*#__PURE__*/React.createElement(Col, {
     span: 24
   }, /*#__PURE__*/React.createElement(Row, {
     gutter: rowGutter,
     justify: "end"
   }, /*#__PURE__*/React.createElement(Col, {
     flex: "192px"
-  }, /*#__PURE__*/React.createElement(Button, {
-    block: true,
+  }, /*#__PURE__*/React.createElement(AddButton, {
     className: "object-property-expand",
     disabled: disabled || readonly,
-    onClick: onAddClick(schema),
-    type: "primary"
-  }, /*#__PURE__*/React.createElement(PlusCircleOutlined, null), " Add Item")))));
+    onClick: onAddClick(schema)
+  })))));
 };
 
 var ObjectFieldTemplate$1 = /*#__PURE__*/withConfigConsumer({
-  prefixCls: 'form'
+  prefixCls: "form"
 })(ObjectFieldTemplate);
 
-var BTN_GRP_STYLE = {
-  width: '100%'
-};
-var BTN_STYLE = {
-  width: 'calc(100% / 3)'
-};
-
-var ArrayFieldTemplateItem = function ArrayFieldTemplateItem(_ref) {
-  var children = _ref.children,
-      disabled = _ref.disabled,
-      formContext = _ref.formContext,
-      hasMoveDown = _ref.hasMoveDown,
-      hasMoveUp = _ref.hasMoveUp,
-      hasRemove = _ref.hasRemove,
-      hasToolbar = _ref.hasToolbar,
-      index = _ref.index,
-      onDropIndexClick = _ref.onDropIndexClick,
-      onReorderClick = _ref.onReorderClick,
-      readonly = _ref.readonly;
-  var _formContext$rowGutte = formContext.rowGutter,
-      rowGutter = _formContext$rowGutte === void 0 ? 24 : _formContext$rowGutte,
-      _formContext$toolbarA = formContext.toolbarAlign,
-      toolbarAlign = _formContext$toolbarA === void 0 ? 'top' : _formContext$toolbarA;
-  return /*#__PURE__*/React.createElement(Row, {
-    align: toolbarAlign,
-    key: "array-item-" + index,
-    gutter: rowGutter
-  }, /*#__PURE__*/React.createElement(Col, {
-    flex: "1"
-  }, children), hasToolbar && /*#__PURE__*/React.createElement(Col, {
-    flex: "192px"
-  }, /*#__PURE__*/React.createElement(Button.Group, {
-    style: BTN_GRP_STYLE
-  }, (hasMoveUp || hasMoveDown) && /*#__PURE__*/React.createElement(Button, {
-    disabled: disabled || readonly || !hasMoveUp,
-    icon: /*#__PURE__*/React.createElement(ArrowUpOutlined, null),
-    onClick: onReorderClick(index, index - 1),
-    style: BTN_STYLE,
-    type: "default"
-  }), (hasMoveUp || hasMoveDown) && /*#__PURE__*/React.createElement(Button, {
-    disabled: disabled || readonly || !hasMoveDown,
-    icon: /*#__PURE__*/React.createElement(ArrowDownOutlined, null),
-    onClick: onReorderClick(index, index + 1),
-    style: BTN_STYLE,
-    type: "default"
-  }), hasRemove && /*#__PURE__*/React.createElement(Button, {
-    danger: true,
-    disabled: disabled || readonly,
-    icon: /*#__PURE__*/React.createElement(DeleteOutlined, null),
-    onClick: onDropIndexClick(index),
-    style: BTN_STYLE,
-    type: "primary"
-  }))));
-};
+var SubmitButton = (_ref => {
+  let {
+    uiSchema
+  } = _ref;
+  const {
+    submitText,
+    norender,
+    props: submitButtonProps
+  } = getSubmitButtonOptions(uiSchema);
 
-ArrayFieldTemplateItem.defaultProps = {
-  formContext: {}
-};
-
-var DESCRIPTION_COL_STYLE$1 = {
-  paddingBottom: '8px'
-};
+  if (norender) {
+    return null;
+  }
 
-var FixedArrayFieldTemplate = function FixedArrayFieldTemplate(_ref) {
-  var canAdd = _ref.canAdd,
-      className = _ref.className,
-      DescriptionField = _ref.DescriptionField,
-      disabled = _ref.disabled,
-      formContext = _ref.formContext,
-      idSchema = _ref.idSchema,
-      items = _ref.items,
-      onAddClick = _ref.onAddClick,
-      prefixCls = _ref.prefixCls,
-      readonly = _ref.readonly,
-      required = _ref.required,
-      schema = _ref.schema,
-      title = _ref.title,
-      TitleField = _ref.TitleField,
-      uiSchema = _ref.uiSchema;
-  var _formContext$labelAli = formContext.labelAlign,
-      labelAlign = _formContext$labelAli === void 0 ? 'right' : _formContext$labelAli,
-      _formContext$rowGutte = formContext.rowGutter,
-      rowGutter = _formContext$rowGutte === void 0 ? 24 : _formContext$rowGutte;
-  var labelClsBasic = prefixCls + "-item-label";
-  var labelColClassName = classNames(labelClsBasic, labelAlign === 'left' && labelClsBasic + "-left" // labelCol.className,
-  );
-  return /*#__PURE__*/React.createElement("fieldset", {
-    className: className,
-    id: idSchema.$id
-  }, /*#__PURE__*/React.createElement(Row, {
-    gutter: rowGutter
-  }, title && /*#__PURE__*/React.createElement(Col, {
-    className: labelColClassName,
-    span: 24
-  }, /*#__PURE__*/React.createElement(TitleField, {
-    id: idSchema.$id + "__title",
-    key: "array-field-title-" + idSchema.$id,
-    required: required,
-    title: uiSchema['ui:title'] || title
-  })), (uiSchema['ui:description'] || schema.description) && /*#__PURE__*/React.createElement(Col, {
-    span: 24,
-    style: DESCRIPTION_COL_STYLE$1
-  }, /*#__PURE__*/React.createElement(DescriptionField, {
-    description: uiSchema['ui:description'] || schema.description,
-    id: idSchema.$id + "-description",
-    key: "array-field-description-" + idSchema.$id
-  })), /*#__PURE__*/React.createElement(Col, {
-    className: "row array-item-list",
-    span: 24
-  }, items && items.map(function (itemProps) {
-    return /*#__PURE__*/React.createElement(ArrayFieldTemplateItem, _extends({}, itemProps, {
-      formContext: formContext
-    }));
-  })), canAdd && /*#__PURE__*/React.createElement(Col, {
-    span: 24
-  }, /*#__PURE__*/React.createElement(Row, {
-    gutter: rowGutter,
-    justify: "end"
-  }, /*#__PURE__*/React.createElement(Col, {
-    flex: "192px"
-  }, /*#__PURE__*/React.createElement(Button, {
-    block: true,
-    className: "array-item-add",
-    disabled: disabled || readonly,
-    onClick: onAddClick,
-    type: "primary"
-  }, /*#__PURE__*/React.createElement(PlusCircleOutlined, null), " Add Item"))))));
-};
+  return /*#__PURE__*/React.createElement(Button, _extends({
+    type: "submit"
+  }, submitButtonProps, {
+    htmlType: "submit"
+  }), submitText);
+});
 
-var FixedArrayFieldTemplate$1 = /*#__PURE__*/withConfigConsumer({
-  prefixCls: 'form'
-})(FixedArrayFieldTemplate);
+const TitleField = _ref => {
+  let {
+    id,
+    prefixCls,
+    required,
+    registry,
+    title
+  } = _ref;
+  const {
+    formContext
+  } = registry;
+  const {
+    colon = true
+  } = formContext;
+  let labelChildren = title;
+
+  if (colon && typeof title === "string" && title.trim() !== "") {
+    labelChildren = title.replace(/[：:]\s*$/, "");
+  }
 
-var DESCRIPTION_COL_STYLE$2 = {
-  paddingBottom: '8px'
-};
+  const labelClassName = classNames({
+    [prefixCls + "-item-required"]: required,
+    [prefixCls + "-item-no-colon"]: !colon
+  });
 
-var NormalArrayFieldTemplate = function NormalArrayFieldTemplate(_ref) {
-  var canAdd = _ref.canAdd,
-      className = _ref.className,
-      DescriptionField = _ref.DescriptionField,
-      disabled = _ref.disabled,
-      formContext = _ref.formContext,
-      idSchema = _ref.idSchema,
-      items = _ref.items,
-      onAddClick = _ref.onAddClick,
-      prefixCls = _ref.prefixCls,
-      readonly = _ref.readonly,
-      required = _ref.required,
-      schema = _ref.schema,
-      title = _ref.title,
-      TitleField = _ref.TitleField,
-      uiSchema = _ref.uiSchema;
-  var _formContext$labelAli = formContext.labelAlign,
-      labelAlign = _formContext$labelAli === void 0 ? 'right' : _formContext$labelAli,
-      _formContext$rowGutte = formContext.rowGutter,
-      rowGutter = _formContext$rowGutte === void 0 ? 24 : _formContext$rowGutte;
-  var labelClsBasic = prefixCls + "-item-label";
-  var labelColClassName = classNames(labelClsBasic, labelAlign === 'left' && labelClsBasic + "-left" // labelCol.className,
-  );
-  return /*#__PURE__*/React.createElement("fieldset", {
-    className: className,
-    id: idSchema.$id
-  }, /*#__PURE__*/React.createElement(Row, {
-    gutter: rowGutter
-  }, title && /*#__PURE__*/React.createElement(Col, {
-    className: labelColClassName,
-    span: 24
-  }, /*#__PURE__*/React.createElement(TitleField, {
-    id: idSchema.$id + "__title",
-    key: "array-field-title-" + idSchema.$id,
-    required: required,
-    title: uiSchema['ui:title'] || title
-  })), (uiSchema['ui:description'] || schema.description) && /*#__PURE__*/React.createElement(Col, {
-    span: 24,
-    style: DESCRIPTION_COL_STYLE$2
-  }, /*#__PURE__*/React.createElement(DescriptionField, {
-    description: uiSchema['ui:description'] || schema.description,
-    id: idSchema.$id + "__description",
-    key: "array-field-description-" + idSchema.$id
-  })), /*#__PURE__*/React.createElement(Col, {
-    className: "row array-item-list",
-    span: 24
-  }, items && items.map(function (itemProps) {
-    return /*#__PURE__*/React.createElement(ArrayFieldTemplateItem, _extends({}, itemProps, {
-      formContext: formContext
-    }));
-  })), canAdd && /*#__PURE__*/React.createElement(Col, {
-    span: 24
-  }, /*#__PURE__*/React.createElement(Row, {
-    gutter: rowGutter,
-    justify: "end"
-  }, /*#__PURE__*/React.createElement(Col, {
-    flex: "192px"
-  }, /*#__PURE__*/React.createElement(Button, {
-    block: true,
-    className: "array-item-add",
-    disabled: disabled || readonly,
-    onClick: onAddClick,
-    type: "primary"
-  }, /*#__PURE__*/React.createElement(PlusCircleOutlined, null), " Add Item"))))));
-};
+  const handleLabelClick = () => {
+    if (!id) {
+      return;
+    }
 
-var NormalArrayFieldTemplate$1 = /*#__PURE__*/withConfigConsumer({
-  prefixCls: 'form'
-})(NormalArrayFieldTemplate);
-
-var getUiOptions = utils.getUiOptions,
-    getWidget = utils.getWidget,
-    isFilesArray = utils.isFilesArray,
-    isFixedItems = utils.isFixedItems,
-    isMultiSelect = utils.isMultiSelect,
-    optionsList = utils.optionsList,
-    retrieveSchema = utils.retrieveSchema;
-
-var ArrayFieldTemplate = function ArrayFieldTemplate(_ref) {
-  var DescriptionField = _ref.DescriptionField,
-      TitleField = _ref.TitleField,
-      autofocus = _ref.autofocus,
-      canAdd = _ref.canAdd,
-      className = _ref.className,
-      disabled = _ref.disabled,
-      formContext = _ref.formContext,
-      formData = _ref.formData,
-      idSchema = _ref.idSchema,
-      items = _ref.items,
-      label = _ref.label,
-      name = _ref.name,
-      onAddClick = _ref.onAddClick,
-      onBlur = _ref.onBlur,
-      onChange = _ref.onChange,
-      onFocus = _ref.onFocus,
-      placeholder = _ref.placeholder,
-      rawErrors = _ref.rawErrors,
-      readonly = _ref.readonly,
-      registry = _ref.registry,
-      required = _ref.required,
-      schema = _ref.schema,
-      title = _ref.title,
-      uiSchema = _ref.uiSchema;
-  var fields = registry.fields,
-      rootSchema = registry.rootSchema,
-      widgets = registry.widgets;
-  var UnsupportedField = fields.UnsupportedField;
-
-  var renderFiles = function renderFiles() {
-    var _getUiOptions = getUiOptions(uiSchema),
-        _getUiOptions$widget = _getUiOptions.widget,
-        widget = _getUiOptions$widget === void 0 ? 'files' : _getUiOptions$widget,
-        options = _objectWithoutPropertiesLoose(_getUiOptions, ["widget"]);
-
-    var Widget = getWidget(schema, widget, widgets);
-    return /*#__PURE__*/React.createElement(Widget, {
-      autofocus: autofocus,
-      disabled: disabled,
-      formContext: formContext,
-      id: idSchema && idSchema.$id,
-      multiple: true,
-      onBlur: onBlur,
-      onChange: onChange,
-      onFocus: onFocus,
-      options: options,
-      rawErrors: rawErrors,
-      readonly: readonly,
-      registry: registry,
-      schema: schema,
-      title: schema.title || name // Why not props.title?
-      ,
-      value: formData
-    });
-  };
+    const control = document.querySelector("[id=\"" + id + "\"]");
 
-  var renderMultiSelect = function renderMultiSelect() {
-    var itemsSchema = retrieveSchema(schema.items, rootSchema, formData);
-    var enumOptions = optionsList(itemsSchema);
-
-    var _getUiOptions$enumOpt = _extends({}, getUiOptions(uiSchema), {
-      enumOptions: enumOptions
-    }),
-        _getUiOptions$enumOpt2 = _getUiOptions$enumOpt.widget,
-        widget = _getUiOptions$enumOpt2 === void 0 ? 'select' : _getUiOptions$enumOpt2,
-        options = _objectWithoutPropertiesLoose(_getUiOptions$enumOpt, ["widget"]);
-
-    var Widget = getWidget(schema, widget, widgets);
-    return /*#__PURE__*/React.createElement(Widget, {
-      autofocus: autofocus,
-      disabled: disabled,
-      formContext: formContext,
-      id: idSchema && idSchema.$id,
-      label: label,
-      multiple: true,
-      onBlur: onBlur,
-      onChange: onChange,
-      onFocus: onFocus,
-      options: options,
-      placeholder: placeholder,
-      rawErrors: rawErrors,
-      readonly: readonly,
-      registry: registry,
-      required: required,
-      schema: schema,
-      value: formData
-    });
+    if (control && control.focus) {
+      control.focus();
+    }
   };
 
-  if (!Object.prototype.hasOwnProperty.call(schema, 'items')) {
-    return /*#__PURE__*/React.createElement(UnsupportedField, {
-      idSchema: idSchema,
-      reason: "Missing items definition",
-      schema: schema
-    });
-  }
-
-  if (isFixedItems(schema)) {
-    return /*#__PURE__*/React.createElement(FixedArrayFieldTemplate$1, {
-      canAdd: canAdd,
-      className: className,
-      DescriptionField: DescriptionField,
-      disabled: disabled,
-      formContext: formContext,
-      formData: formData,
-      idSchema: idSchema,
-      items: items,
-      onAddClick: onAddClick,
-      readonly: readonly,
-      registry: registry,
-      required: required,
-      schema: schema,
-      title: title,
-      TitleField: TitleField,
-      uiSchema: uiSchema
-    });
-  }
-
-  if (isFilesArray(schema, uiSchema, rootSchema)) {
-    return renderFiles();
-  }
-
-  if (isMultiSelect(schema, rootSchema)) {
-    return renderMultiSelect();
-  }
-
-  return /*#__PURE__*/React.createElement(NormalArrayFieldTemplate$1, {
-    canAdd: canAdd,
-    className: className,
-    DescriptionField: DescriptionField,
-    disabled: disabled,
-    formContext: formContext,
-    formData: formData,
-    idSchema: idSchema,
-    items: items,
-    onAddClick: onAddClick,
-    readonly: readonly,
-    registry: registry,
-    required: required,
-    schema: schema,
-    title: title,
-    TitleField: TitleField,
-    uiSchema: uiSchema
-  });
+  return title ? /*#__PURE__*/React.createElement("label", {
+    className: labelClassName,
+    htmlFor: id,
+    onClick: handleLabelClick,
+    title: typeof title === "string" ? title : ""
+  }, labelChildren) : null;
 };
 
-var pad = utils.pad,
-    parseDateString = utils.parseDateString,
-    toDateString = utils.toDateString;
+TitleField.defaultProps = {
+  formContext: {}
+};
+var TitleField$1 = /*#__PURE__*/withConfigConsumer({
+  prefixCls: "form"
+})(TitleField);
 
-var rangeOptions = function rangeOptions(start, stop) {
-  var options = [];
+const rangeOptions = (start, stop) => {
+  let options = [];
 
-  for (var i = start; i <= stop; i++) {
+  for (let i = start; i <= stop; i++) {
     options.push({
       value: i,
       label: pad(i, 2)
@@ -770,41 +706,40 @@ var rangeOptions = function rangeOptions(start, stop) {
   return options;
 };
 
-var readyForChange = function readyForChange(state) {
-  return Object.keys(state).every(function (key) {
-    return typeof state[key] !== "undefined" && state[key] !== -1;
-  });
+const readyForChange = state => {
+  return Object.keys(state).every(key => typeof state[key] !== "undefined" && state[key] !== -1);
 };
 
-var AltDateWidget = function AltDateWidget(_ref) {
-  var autofocus = _ref.autofocus,
-      disabled = _ref.disabled,
-      formContext = _ref.formContext,
-      id = _ref.id,
-      onBlur = _ref.onBlur,
-      onChange = _ref.onChange,
-      onFocus = _ref.onFocus,
-      options = _ref.options,
-      readonly = _ref.readonly,
-      registry = _ref.registry,
-      showTime = _ref.showTime,
-      value = _ref.value;
-  var SelectWidget = registry.widgets.SelectWidget;
-  var _formContext$rowGutte = formContext.rowGutter,
-      rowGutter = _formContext$rowGutte === void 0 ? 24 : _formContext$rowGutte;
-
-  var _useState = useState(parseDateString(value, showTime)),
-      state = _useState[0],
-      setState = _useState[1];
-
-  useEffect(function () {
+const AltDateWidget = _ref => {
+  let {
+    autofocus,
+    disabled,
+    formContext,
+    id,
+    onBlur,
+    onChange,
+    onFocus,
+    options,
+    readonly,
+    registry,
+    showTime,
+    value
+  } = _ref;
+  const {
+    SelectWidget
+  } = registry.widgets;
+  const {
+    rowGutter = 24
+  } = formContext;
+  const [state, setState] = useState(parseDateString(value, showTime));
+  useEffect(() => {
     setState(parseDateString(value, showTime));
   }, [showTime, value]);
 
-  var handleChange = function handleChange(property, nextValue) {
-    var _extends2;
-
-    var nextState = _extends({}, state, (_extends2 = {}, _extends2[property] = typeof nextValue === "undefined" ? -1 : nextValue, _extends2));
+  const handleChange = (property, nextValue) => {
+    const nextState = { ...state,
+      [property]: typeof nextValue === "undefined" ? -1 : nextValue
+    };
 
     if (readyForChange(nextState)) {
       onChange(toDateString(nextState, showTime));
@@ -813,18 +748,18 @@ var AltDateWidget = function AltDateWidget(_ref) {
     }
   };
 
-  var handleNow = function handleNow(event) {
+  const handleNow = event => {
     event.preventDefault();
 
     if (disabled || readonly) {
       return;
     }
 
-    var nextState = parseDateString(new Date().toJSON(), showTime);
+    const nextState = parseDateString(new Date().toJSON(), showTime);
     onChange(toDateString(nextState, showTime));
   };
 
-  var handleClear = function handleClear(event) {
+  const handleClear = event => {
     event.preventDefault();
 
     if (disabled || readonly) {
@@ -834,14 +769,16 @@ var AltDateWidget = function AltDateWidget(_ref) {
     onChange(undefined);
   };
 
-  var dateElementProps = function dateElementProps() {
-    var year = state.year,
-        month = state.month,
-        day = state.day,
-        hour = state.hour,
-        minute = state.minute,
-        second = state.second;
-    var data = [{
+  const dateElementProps = () => {
+    const {
+      year,
+      month,
+      day,
+      hour,
+      minute,
+      second
+    } = state;
+    const data = [{
       type: "year",
       range: options.yearsRange,
       value: year
@@ -874,49 +811,45 @@ var AltDateWidget = function AltDateWidget(_ref) {
     return data;
   };
 
-  var renderDateElement = function renderDateElement(elemProps) {
-    return /*#__PURE__*/React.createElement(SelectWidget, {
-      autofocus: elemProps.autofocus,
-      className: "form-control",
-      disabled: elemProps.disabled,
-      id: elemProps.id,
-      onBlur: elemProps.onBlur,
-      onChange: function onChange(elemValue) {
-        return elemProps.select(elemProps.type, elemValue);
-      },
-      onFocus: elemProps.onFocus,
-      options: {
-        enumOptions: rangeOptions(elemProps.range[0], elemProps.range[1])
-      },
-      placeholder: elemProps.type,
-      readonly: elemProps.readonly,
-      schema: {
-        type: "integer"
-      },
-      value: elemProps.value
-    });
-  };
+  const renderDateElement = elemProps => /*#__PURE__*/React.createElement(SelectWidget, {
+    autofocus: elemProps.autofocus,
+    className: "form-control",
+    disabled: elemProps.disabled,
+    id: elemProps.id,
+    onBlur: elemProps.onBlur,
+    onChange: elemValue => elemProps.select(elemProps.type, elemValue),
+    onFocus: elemProps.onFocus,
+    options: {
+      enumOptions: rangeOptions(elemProps.range[0], elemProps.range[1])
+    },
+    placeholder: elemProps.type,
+    readonly: elemProps.readonly,
+    schema: {
+      type: "integer"
+    },
+    value: elemProps.value
+  });
 
   return /*#__PURE__*/React.createElement(Row, {
     gutter: [Math.floor(rowGutter / 2), Math.floor(rowGutter / 2)]
-  }, dateElementProps().map(function (elemProps, i) {
-    var elemId = id + "_" + elemProps.type;
+  }, dateElementProps().map((elemProps, i) => {
+    const elemId = id + "_" + elemProps.type;
     return /*#__PURE__*/React.createElement(Col, {
       flex: "88px",
       key: elemId
-    }, renderDateElement(_extends({}, elemProps, {
+    }, renderDateElement({ ...elemProps,
       autofocus: autofocus && i === 0,
-      disabled: disabled,
+      disabled,
       id: elemId,
-      onBlur: onBlur,
-      onFocus: onFocus,
-      readonly: readonly,
-      registry: registry,
+      onBlur,
+      onFocus,
+      readonly,
+      registry,
       select: handleChange,
       // NOTE: antd components accept -1 rather than issue a warning
       // like material-ui, so we need to convert -1 to undefined here.
       value: elemProps.value < 0 ? undefined : elemProps.value
-    })));
+    }));
   }), !options.hideNowButton && /*#__PURE__*/React.createElement(Col, {
     flex: "88px"
   }, /*#__PURE__*/React.createElement(Button, {
@@ -945,49 +878,62 @@ AltDateWidget.defaultProps = {
   showTime: false
 };
 
-var AltDateTimeWidget = function AltDateTimeWidget(props) {
-  var AltDateWidget = props.registry.widgets.AltDateWidget;
+const AltDateTimeWidget = props => {
+  const {
+    AltDateWidget
+  } = props.registry.widgets;
   return /*#__PURE__*/React.createElement(AltDateWidget, _extends({
     showTime: true
   }, props));
 };
 
-AltDateTimeWidget.defaultProps = /*#__PURE__*/_extends({}, AltDateWidget.defaultProps, {
+AltDateTimeWidget.defaultProps = { ...AltDateWidget.defaultProps,
   showTime: true
-});
-
-var CheckboxesWidget = function CheckboxesWidget(_ref) {
-  var autofocus = _ref.autofocus,
-      disabled = _ref.disabled,
-      formContext = _ref.formContext,
-      id = _ref.id,
-      onBlur = _ref.onBlur,
-      onChange = _ref.onChange,
-      onFocus = _ref.onFocus,
-      options = _ref.options,
-      readonly = _ref.readonly,
-      value = _ref.value;
-  var _formContext$readonly = formContext.readonlyAsDisabled,
-      readonlyAsDisabled = _formContext$readonly === void 0 ? true : _formContext$readonly;
-  var enumOptions = options.enumOptions,
-      enumDisabled = options.enumDisabled,
-      inline = options.inline;
-
-  var handleChange = function handleChange(nextValue) {
-    return onChange(nextValue);
-  };
+};
 
-  var handleBlur = function handleBlur(_ref2) {
-    var target = _ref2.target;
+const CheckboxesWidget = _ref => {
+  let {
+    autofocus,
+    disabled,
+    formContext,
+    id,
+    // label,
+    onBlur,
+    onChange,
+    onFocus,
+    options,
+    // placeholder,
+    readonly,
+    // required,
+    // schema,
+    value
+  } = _ref;
+  const {
+    readonlyAsDisabled = true
+  } = formContext;
+  const {
+    enumOptions,
+    enumDisabled,
+    inline
+  } = options;
+
+  const handleChange = nextValue => onChange(nextValue);
+
+  const handleBlur = _ref2 => {
+    let {
+      target
+    } = _ref2;
     return onBlur(id, target.value);
   };
 
-  var handleFocus = function handleFocus(_ref3) {
-    var target = _ref3.target;
+  const handleFocus = _ref3 => {
+    let {
+      target
+    } = _ref3;
     return onFocus(id, target.value);
   };
 
-  return !_.isEmpty(enumOptions) ? /*#__PURE__*/React.createElement(Checkbox.Group, {
+  return Array.isArray(enumOptions) && enumOptions.length > 0 ? /*#__PURE__*/React.createElement(Checkbox.Group, {
     disabled: disabled || readonlyAsDisabled && readonly,
     id: id,
     name: id,
@@ -995,9 +941,11 @@ var CheckboxesWidget = function CheckboxesWidget(_ref) {
     onChange: !readonly ? handleChange : undefined,
     onFocus: !readonly ? handleFocus : undefined,
     value: value
-  }, enumOptions.map(function (_ref4, i) {
-    var optionValue = _ref4.value,
-        optionLabel = _ref4.label;
+  }, enumOptions.map((_ref4, i) => {
+    let {
+      value: optionValue,
+      label: optionLabel
+    } = _ref4;
     return /*#__PURE__*/React.createElement("span", {
       key: optionValue
     }, /*#__PURE__*/React.createElement(Checkbox, {
@@ -1008,38 +956,51 @@ var CheckboxesWidget = function CheckboxesWidget(_ref) {
   })) : null;
 };
 
-var CheckboxWidget = function CheckboxWidget(_ref) {
-  var autofocus = _ref.autofocus,
-      disabled = _ref.disabled,
-      formContext = _ref.formContext,
-      id = _ref.id,
-      label = _ref.label,
-      onBlur = _ref.onBlur,
-      onChange = _ref.onChange,
-      onFocus = _ref.onFocus,
-      readonly = _ref.readonly,
-      value = _ref.value;
-  var _formContext$readonly = formContext.readonlyAsDisabled,
-      readonlyAsDisabled = _formContext$readonly === void 0 ? true : _formContext$readonly;
-
-  var handleChange = function handleChange(_ref2) {
-    var target = _ref2.target;
+const CheckboxWidget = _ref => {
+  let {
+    autofocus,
+    disabled,
+    formContext,
+    id,
+    label,
+    onBlur,
+    onChange,
+    onFocus,
+    // options,
+    // placeholder,
+    readonly,
+    // required,
+    // schema,
+    value
+  } = _ref;
+  const {
+    readonlyAsDisabled = true
+  } = formContext;
+
+  const handleChange = _ref2 => {
+    let {
+      target
+    } = _ref2;
     return onChange(target.checked);
   };
 
-  var handleBlur = function handleBlur(_ref3) {
-    var target = _ref3.target;
+  const handleBlur = _ref3 => {
+    let {
+      target
+    } = _ref3;
     return onBlur(id, target.checked);
   };
 
-  var handleFocus = function handleFocus(_ref4) {
-    var target = _ref4.target;
+  const handleFocus = _ref4 => {
+    let {
+      target
+    } = _ref4;
     return onFocus(id, target.checked);
   };
 
   return /*#__PURE__*/React.createElement(Checkbox, {
     autoFocus: autofocus,
-    checked: typeof value === 'undefined' ? false : value,
+    checked: typeof value === "undefined" ? false : value,
     disabled: disabled || readonlyAsDisabled && readonly,
     id: id,
     name: id,
@@ -1049,86 +1010,40 @@ var CheckboxWidget = function CheckboxWidget(_ref) {
   }, label);
 };
 
-var INPUT_STYLE$1 = {
-  width: '100%'
-};
-
-var ColorWidget = function ColorWidget(_ref) {
-  var disabled = _ref.disabled,
-      formContext = _ref.formContext,
-      id = _ref.id,
-      onBlur = _ref.onBlur,
-      onChange = _ref.onChange,
-      onFocus = _ref.onFocus,
-      placeholder = _ref.placeholder,
-      readonly = _ref.readonly,
-      value = _ref.value;
-  var _formContext$readonly = formContext.readonlyAsDisabled,
-      readonlyAsDisabled = _formContext$readonly === void 0 ? true : _formContext$readonly;
-
-  var handleChange = function handleChange(_ref2) {
-    var target = _ref2.target;
-    return onChange(target.value);
-  };
-
-  var handleBlur = function handleBlur(_ref3) {
-    var target = _ref3.target;
-    return onBlur(id, target.value);
-  };
-
-  var handleFocus = function handleFocus(_ref4) {
-    var target = _ref4.target;
-    return onFocus(id, target.value);
-  };
+const DatePicker = /*#__PURE__*/generatePicker(dayjsGenerateConfig);
 
-  return /*#__PURE__*/React.createElement(Checkbox, {
-    disabled: disabled || readonlyAsDisabled && readonly,
-    id: id,
-    name: id,
-    onBlur: !readonly ? handleBlur : undefined,
-    onChange: !readonly ? handleChange : undefined,
-    onFocus: !readonly ? handleFocus : undefined,
-    placeholder: placeholder,
-    style: INPUT_STYLE$1,
-    type: "color",
-    value: value
-  });
+const DATE_PICKER_STYLE$1 = {
+  width: "100%"
 };
 
-var DatePicker = /*#__PURE__*/generatePicker(dayjsGenerateConfig);
-
-var DATE_PICKER_STYLE = {
-  width: '100%'
-};
-
-var DateTimeWidget = function DateTimeWidget(_ref) {
-  var disabled = _ref.disabled,
-      formContext = _ref.formContext,
-      id = _ref.id,
-      onBlur = _ref.onBlur,
-      onChange = _ref.onChange,
-      onFocus = _ref.onFocus,
-      placeholder = _ref.placeholder,
-      readonly = _ref.readonly,
-      value = _ref.value;
-  var _formContext$readonly = formContext.readonlyAsDisabled,
-      readonlyAsDisabled = _formContext$readonly === void 0 ? true : _formContext$readonly;
-
-  var handleChange = function handleChange(nextValue) {
-    return onChange(nextValue && nextValue.toISOString());
-  };
-
-  var handleBlur = function handleBlur() {
-    return onBlur(id, value);
-  };
-
-  var handleFocus = function handleFocus() {
-    return onFocus(id, value);
-  };
-
-  var getPopupContainer = function getPopupContainer(node) {
-    return node.parentNode;
-  };
+const DateTimeWidget = _ref => {
+  let {
+    // autofocus,
+    disabled,
+    formContext,
+    id,
+    // label,
+    onBlur,
+    onChange,
+    onFocus,
+    // options,
+    placeholder,
+    readonly,
+    // required,
+    // schema,
+    value
+  } = _ref;
+  const {
+    readonlyAsDisabled = true
+  } = formContext;
+
+  const handleChange = nextValue => onChange(nextValue && nextValue.toISOString());
+
+  const handleBlur = () => onBlur(id, value);
+
+  const handleFocus = () => onFocus(id, value);
+
+  const getPopupContainer = node => node.parentNode;
 
   return /*#__PURE__*/React.createElement(DatePicker, {
     disabled: disabled || readonlyAsDisabled && readonly,
@@ -1140,43 +1055,43 @@ var DateTimeWidget = function DateTimeWidget(_ref) {
     onFocus: !readonly ? handleFocus : undefined,
     placeholder: placeholder,
     showTime: true,
-    style: DATE_PICKER_STYLE,
+    style: DATE_PICKER_STYLE$1,
     value: value && dayjs(value)
   });
 };
 
-var DATE_PICKER_STYLE$1 = {
-  width: '100%'
+const DATE_PICKER_STYLE = {
+  width: "100%"
 };
 
-var DateWidget = function DateWidget(_ref) {
-  var disabled = _ref.disabled,
-      formContext = _ref.formContext,
-      id = _ref.id,
-      onBlur = _ref.onBlur,
-      onChange = _ref.onChange,
-      onFocus = _ref.onFocus,
-      placeholder = _ref.placeholder,
-      readonly = _ref.readonly,
-      value = _ref.value;
-  var _formContext$readonly = formContext.readonlyAsDisabled,
-      readonlyAsDisabled = _formContext$readonly === void 0 ? true : _formContext$readonly;
-
-  var handleChange = function handleChange(nextValue) {
-    return onChange(nextValue && nextValue.format('YYYY-MM-DD'));
-  };
-
-  var handleBlur = function handleBlur() {
-    return onBlur(id, value);
-  };
-
-  var handleFocus = function handleFocus() {
-    return onFocus(id, value);
-  };
-
-  var getPopupContainer = function getPopupContainer(node) {
-    return node.parentNode;
-  };
+const DateWidget = _ref => {
+  let {
+    // autofocus,
+    disabled,
+    formContext,
+    id,
+    // label,
+    onBlur,
+    onChange,
+    onFocus,
+    // options,
+    placeholder,
+    readonly,
+    // required,
+    // schema,
+    value
+  } = _ref;
+  const {
+    readonlyAsDisabled = true
+  } = formContext;
+
+  const handleChange = nextValue => onChange(nextValue && nextValue.format("YYYY-MM-DD"));
+
+  const handleBlur = () => onBlur(id, value);
+
+  const handleFocus = () => onFocus(id, value);
+
+  const getPopupContainer = node => node.parentNode;
 
   return /*#__PURE__*/React.createElement(DatePicker, {
     disabled: disabled || readonlyAsDisabled && readonly,
@@ -1188,85 +1103,51 @@ var DateWidget = function DateWidget(_ref) {
     onFocus: !readonly ? handleFocus : undefined,
     placeholder: placeholder,
     showTime: false,
-    style: DATE_PICKER_STYLE$1,
+    style: DATE_PICKER_STYLE,
     value: value && dayjs(value)
   });
 };
 
-var INPUT_STYLE$2 = {
-  width: '100%'
-};
-
-var EmailWidget = function EmailWidget(_ref) {
-  var disabled = _ref.disabled,
-      formContext = _ref.formContext,
-      id = _ref.id,
-      onBlur = _ref.onBlur,
-      onChange = _ref.onChange,
-      onFocus = _ref.onFocus,
-      options = _ref.options,
-      placeholder = _ref.placeholder,
-      readonly = _ref.readonly,
-      value = _ref.value;
-  var _formContext$readonly = formContext.readonlyAsDisabled,
-      readonlyAsDisabled = _formContext$readonly === void 0 ? true : _formContext$readonly;
-
-  var handleChange = function handleChange(_ref2) {
-    var target = _ref2.target;
-    return onChange(target.value === '' ? options.emptyValue : target.value);
-  };
-
-  var handleBlur = function handleBlur(_ref3) {
-    var target = _ref3.target;
+const PasswordWidget = _ref => {
+  let {
+    // autofocus,
+    disabled,
+    formContext,
+    id,
+    // label,
+    onBlur,
+    onChange,
+    onFocus,
+    options,
+    placeholder,
+    readonly,
+    // required,
+    // schema,
+    value
+  } = _ref;
+  const {
+    readonlyAsDisabled = true
+  } = formContext;
+  const emptyValue = options.emptyValue || "";
+
+  const handleChange = _ref2 => {
+    let {
+      target
+    } = _ref2;
+    return onChange(target.value === "" ? emptyValue : target.value);
+  };
+
+  const handleBlur = _ref3 => {
+    let {
+      target
+    } = _ref3;
     return onBlur(id, target.value);
   };
 
-  var handleFocus = function handleFocus(_ref4) {
-    var target = _ref4.target;
-    return onFocus(id, target.value);
-  };
-
-  return /*#__PURE__*/React.createElement(Input, {
-    disabled: disabled || readonlyAsDisabled && readonly,
-    id: id,
-    name: id,
-    onBlur: !readonly ? handleBlur : undefined,
-    onChange: !readonly ? handleChange : undefined,
-    onFocus: !readonly ? handleFocus : undefined,
-    placeholder: placeholder,
-    style: INPUT_STYLE$2,
-    type: "email",
-    value: value
-  });
-};
-
-var PasswordWidget = function PasswordWidget(_ref) {
-  var disabled = _ref.disabled,
-      formContext = _ref.formContext,
-      id = _ref.id,
-      onBlur = _ref.onBlur,
-      onChange = _ref.onChange,
-      onFocus = _ref.onFocus,
-      options = _ref.options,
-      placeholder = _ref.placeholder,
-      readonly = _ref.readonly,
-      value = _ref.value;
-  var _formContext$readonly = formContext.readonlyAsDisabled,
-      readonlyAsDisabled = _formContext$readonly === void 0 ? true : _formContext$readonly;
-  var emptyValue = options.emptyValue || '';
-
-  var handleChange = function handleChange(_ref2) {
-    var target = _ref2.target;
-    return onChange(target.value === '' ? emptyValue : target.value);
-  };
-
-  var handleBlur = function handleBlur(_ref3) {
-    var target = _ref3.target;
-    return onBlur(id, target.value);
-  };
-
-  var handleFocus = function handleFocus(_ref4) {
-    var target = _ref4.target;
+  const handleFocus = _ref4 => {
+    let {
+      target
+    } = _ref4;
     return onFocus(id, target.value);
   };
 
@@ -1278,41 +1159,57 @@ var PasswordWidget = function PasswordWidget(_ref) {
     onChange: !readonly ? handleChange : undefined,
     onFocus: !readonly ? handleFocus : undefined,
     placeholder: placeholder,
-    value: value || ''
+    value: value || ""
   });
 };
 
 /* eslint-disable no-else-return */
 
-var RadioWidget = function RadioWidget(_ref) {
-  var autofocus = _ref.autofocus,
-      disabled = _ref.disabled,
-      formContext = _ref.formContext,
-      id = _ref.id,
-      onBlur = _ref.onBlur,
-      onChange = _ref.onChange,
-      onFocus = _ref.onFocus,
-      options = _ref.options,
-      readonly = _ref.readonly,
-      schema = _ref.schema,
-      value = _ref.value;
-  var _formContext$readonly = formContext.readonlyAsDisabled,
-      readonlyAsDisabled = _formContext$readonly === void 0 ? true : _formContext$readonly;
-  var enumOptions = options.enumOptions,
-      enumDisabled = options.enumDisabled;
-
-  var handleChange = function handleChange(_ref2) {
-    var nextValue = _ref2.target.value;
-    return onChange(schema.type === 'boolean' ? nextValue !== 'false' : nextValue);
+const RadioWidget = _ref => {
+  let {
+    autofocus,
+    disabled,
+    formContext,
+    id,
+    // label,
+    onBlur,
+    onChange,
+    onFocus,
+    options,
+    // placeholder,
+    readonly,
+    // required,
+    schema,
+    value
+  } = _ref;
+  const {
+    readonlyAsDisabled = true
+  } = formContext;
+  const {
+    enumOptions,
+    enumDisabled
+  } = options;
+
+  const handleChange = _ref2 => {
+    let {
+      target: {
+        value: nextValue
+      }
+    } = _ref2;
+    return onChange(schema.type === "boolean" ? nextValue !== "false" : nextValue);
   };
 
-  var handleBlur = function handleBlur(_ref3) {
-    var target = _ref3.target;
+  const handleBlur = _ref3 => {
+    let {
+      target
+    } = _ref3;
     return onBlur(id, target.value);
   };
 
-  var handleFocus = function handleFocus(_ref4) {
-    var target = _ref4.target;
+  const handleFocus = _ref4 => {
+    let {
+      target
+    } = _ref4;
     return onFocus(id, target.value);
   };
 
@@ -1324,9 +1221,11 @@ var RadioWidget = function RadioWidget(_ref) {
     onChange: !readonly ? handleChange : undefined,
     onFocus: !readonly ? handleFocus : undefined,
     value: "" + value
-  }, enumOptions.map(function (_ref5, i) {
-    var optionValue = _ref5.value,
-        optionLabel = _ref5.label;
+  }, enumOptions.map((_ref5, i) => {
+    let {
+      value: optionValue,
+      label: optionLabel
+    } = _ref5;
     return /*#__PURE__*/React.createElement(Radio, {
       autoFocus: i === 0 ? autofocus : false,
       disabled: enumDisabled && enumDisabled.indexOf(value) !== -1,
@@ -1337,42 +1236,39 @@ var RadioWidget = function RadioWidget(_ref) {
 };
 
 /* eslint-disable no-else-return */
-var rangeSpec = utils.rangeSpec;
-
-var RangeWidget = function RangeWidget(_ref) {
-  var autofocus = _ref.autofocus,
-      disabled = _ref.disabled,
-      formContext = _ref.formContext,
-      id = _ref.id,
-      onBlur = _ref.onBlur,
-      onChange = _ref.onChange,
-      onFocus = _ref.onFocus,
-      options = _ref.options,
-      placeholder = _ref.placeholder,
-      readonly = _ref.readonly,
-      schema = _ref.schema,
-      value = _ref.value;
-  var _formContext$readonly = formContext.readonlyAsDisabled,
-      readonlyAsDisabled = _formContext$readonly === void 0 ? true : _formContext$readonly;
-
-  var _rangeSpec = rangeSpec(schema),
-      min = _rangeSpec.min,
-      max = _rangeSpec.max,
-      step = _rangeSpec.step;
-
-  var emptyValue = options.emptyValue || '';
-
-  var handleChange = function handleChange(nextValue) {
-    return onChange(nextValue === '' ? emptyValue : nextValue);
-  };
 
-  var handleBlur = function handleBlur() {
-    return onBlur(id, value);
-  };
-
-  var handleFocus = function handleFocus() {
-    return onFocus(id, value);
-  };
+const RangeWidget = _ref => {
+  let {
+    autofocus,
+    disabled,
+    formContext,
+    id,
+    // label,
+    onBlur,
+    onChange,
+    onFocus,
+    options,
+    placeholder,
+    readonly,
+    // required,
+    schema,
+    value
+  } = _ref;
+  const {
+    readonlyAsDisabled = true
+  } = formContext;
+  const {
+    min,
+    max,
+    step
+  } = rangeSpec(schema);
+  const emptyValue = options.emptyValue || "";
+
+  const handleChange = nextValue => onChange(nextValue === "" ? emptyValue : nextValue);
+
+  const handleBlur = () => onBlur(id, value);
+
+  const handleFocus = () => onFocus(id, value);
 
   return /*#__PURE__*/React.createElement(Slider, {
     autoFocus: autofocus,
@@ -1391,104 +1287,64 @@ var RangeWidget = function RangeWidget(_ref) {
 };
 
 /* eslint-disable no-else-return */
-var asNumber = utils.asNumber,
-    guessType = utils.guessType;
-var SELECT_STYLE = {
-  width: '100%'
-};
-var nums = /*#__PURE__*/new Set(['number', 'integer']);
-/**
- * This is a silly limitation in the DOM where option change event values are
- * always retrieved as strings.
- */
-
-var processValue = function processValue(schema, value) {
-  // "enum" is a reserved word, so only "type" and "items" can be destructured
-  var type = schema.type,
-      items = schema.items;
-
-  if (value === '') {
-    return undefined;
-  } else if (type === 'array' && items && nums.has(items.type)) {
-    return value.map(asNumber);
-  } else if (type === 'boolean') {
-    return value === 'true';
-  } else if (type === 'number') {
-    return asNumber(value);
-  } // If type is undefined, but an enum is present, try and infer the type from
-  // the enum values
-
-
-  if (schema.enum) {
-    if (schema.enum.every(function (x) {
-      return guessType(x) === 'number';
-    })) {
-      return asNumber(value);
-    } else if (schema.enum.every(function (x) {
-      return guessType(x) === 'boolean';
-    })) {
-      return value === 'true';
-    }
-  }
-
-  return value;
+const SELECT_STYLE = {
+  width: "100%"
 };
 
-var SelectWidget = function SelectWidget(_ref) {
-  var autofocus = _ref.autofocus,
-      disabled = _ref.disabled,
-      formContext = _ref.formContext,
-      id = _ref.id,
-      multiple = _ref.multiple,
-      onBlur = _ref.onBlur,
-      onChange = _ref.onChange,
-      onFocus = _ref.onFocus,
-      options = _ref.options,
-      placeholder = _ref.placeholder,
-      readonly = _ref.readonly,
-      schema = _ref.schema,
-      value = _ref.value;
-  var _formContext$readonly = formContext.readonlyAsDisabled,
-      readonlyAsDisabled = _formContext$readonly === void 0 ? true : _formContext$readonly;
-  var enumOptions = options.enumOptions,
-      enumDisabled = options.enumDisabled;
-
-  var handleChange = function handleChange(nextValue) {
-    return onChange(processValue(schema, nextValue));
-  };
-
-  var handleBlur = function handleBlur() {
-    return onBlur(id, processValue(schema, value));
-  };
-
-  var handleFocus = function handleFocus() {
-    return onFocus(id, processValue(schema, value));
-  };
-
-  var getPopupContainer = function getPopupContainer(node) {
-    return node.parentNode;
-  };
-
-  var stringify = function stringify(currentValue) {
-    return Array.isArray(currentValue) ? value.map(String) : String(value);
-  };
+const SelectWidget = _ref => {
+  let {
+    autofocus,
+    disabled,
+    formContext,
+    id,
+    // label,
+    multiple,
+    onBlur,
+    onChange,
+    onFocus,
+    options,
+    placeholder,
+    readonly,
+    // required,
+    schema,
+    value
+  } = _ref;
+  const {
+    readonlyAsDisabled = true
+  } = formContext;
+  const {
+    enumOptions,
+    enumDisabled
+  } = options;
+
+  const handleChange = nextValue => onChange(processSelectValue(schema, nextValue, options));
+
+  const handleBlur = () => onBlur(id, processSelectValue(schema, value, options));
+
+  const handleFocus = () => onFocus(id, processSelectValue(schema, value, options));
+
+  const getPopupContainer = node => node.parentNode;
+
+  const stringify = currentValue => Array.isArray(currentValue) ? value.map(String) : String(value);
 
   return /*#__PURE__*/React.createElement(Select, {
     autoFocus: autofocus,
     disabled: disabled || readonlyAsDisabled && readonly,
     getPopupContainer: getPopupContainer,
     id: id,
-    mode: typeof multiple !== 'undefined' ? 'multiple' : undefined,
+    mode: typeof multiple !== "undefined" ? "multiple" : undefined,
     name: id,
     onBlur: !readonly ? handleBlur : undefined,
     onChange: !readonly ? handleChange : undefined,
     onFocus: !readonly ? handleFocus : undefined,
     placeholder: placeholder,
     style: SELECT_STYLE,
-    value: typeof value !== 'undefined' ? stringify(value) : undefined
-  }, enumOptions.map(function (_ref2) {
-    var optionValue = _ref2.value,
-        optionLabel = _ref2.label;
+    value: typeof value !== "undefined" ? stringify(value) : undefined
+  }, enumOptions.map(_ref2 => {
+    let {
+      value: optionValue,
+      label: optionLabel
+    } = _ref2;
     return /*#__PURE__*/React.createElement(Select.Option, {
       disabled: enumDisabled && enumDisabled.indexOf(optionValue) !== -1,
       key: String(optionValue),
@@ -1501,36 +1357,49 @@ SelectWidget.defaultProps = {
   formContext: {}
 };
 
-var INPUT_STYLE$3 = {
-  width: '100%'
+const INPUT_STYLE = {
+  width: "100%"
 };
 
-var TextareaWidget = function TextareaWidget(_ref) {
-  var disabled = _ref.disabled,
-      formContext = _ref.formContext,
-      id = _ref.id,
-      onBlur = _ref.onBlur,
-      onChange = _ref.onChange,
-      onFocus = _ref.onFocus,
-      options = _ref.options,
-      placeholder = _ref.placeholder,
-      readonly = _ref.readonly,
-      value = _ref.value;
-  var _formContext$readonly = formContext.readonlyAsDisabled,
-      readonlyAsDisabled = _formContext$readonly === void 0 ? true : _formContext$readonly;
-
-  var handleChange = function handleChange(_ref2) {
-    var target = _ref2.target;
-    return onChange(target.value === '' ? options.emptyValue : target.value);
-  };
-
-  var handleBlur = function handleBlur(_ref3) {
-    var target = _ref3.target;
+const TextareaWidget = _ref => {
+  let {
+    // autofocus,
+    disabled,
+    formContext,
+    id,
+    // label,
+    onBlur,
+    onChange,
+    onFocus,
+    options,
+    placeholder,
+    readonly,
+    // required,
+    // schema,
+    value
+  } = _ref;
+  const {
+    readonlyAsDisabled = true
+  } = formContext;
+
+  const handleChange = _ref2 => {
+    let {
+      target
+    } = _ref2;
+    return onChange(target.value === "" ? options.emptyValue : target.value);
+  };
+
+  const handleBlur = _ref3 => {
+    let {
+      target
+    } = _ref3;
     return onBlur(id, target.value);
   };
 
-  var handleFocus = function handleFocus(_ref4) {
-    var target = _ref4.target;
+  const handleFocus = _ref4 => {
+    let {
+      target
+    } = _ref4;
     return onFocus(id, target.value);
   };
 
@@ -1543,246 +1412,46 @@ var TextareaWidget = function TextareaWidget(_ref) {
     onFocus: !readonly ? handleFocus : undefined,
     placeholder: placeholder,
     rows: options.rows || 4,
-    style: INPUT_STYLE$3,
+    style: INPUT_STYLE,
     type: "textarea",
     value: value
   });
 };
 
-var INPUT_STYLE$4 = {
-  width: '100%'
-};
-
-var TextWidget = function TextWidget(_ref) {
-  var disabled = _ref.disabled,
-      formContext = _ref.formContext,
-      id = _ref.id,
-      onBlur = _ref.onBlur,
-      onChange = _ref.onChange,
-      onFocus = _ref.onFocus,
-      options = _ref.options,
-      placeholder = _ref.placeholder,
-      readonly = _ref.readonly,
-      schema = _ref.schema,
-      value = _ref.value;
-  var _formContext$readonly = formContext.readonlyAsDisabled,
-      readonlyAsDisabled = _formContext$readonly === void 0 ? true : _formContext$readonly;
-
-  var handleNumberChange = function handleNumberChange(nextValue) {
-    return onChange(nextValue);
-  };
-
-  var handleTextChange = function handleTextChange(_ref2) {
-    var target = _ref2.target;
-    return onChange(target.value === '' ? options.emptyValue : target.value);
-  };
-
-  var handleBlur = function handleBlur(_ref3) {
-    var target = _ref3.target;
-    return onBlur(id, target.value);
-  };
-
-  var handleFocus = function handleFocus(_ref4) {
-    var target = _ref4.target;
-    return onFocus(id, target.value);
-  };
-
-  return schema.type === 'number' || schema.type === 'integer' ? /*#__PURE__*/React.createElement(InputNumber, {
-    disabled: disabled || readonlyAsDisabled && readonly,
-    id: id,
-    name: id,
-    onBlur: !readonly ? handleBlur : undefined,
-    onChange: !readonly ? handleNumberChange : undefined,
-    onFocus: !readonly ? handleFocus : undefined,
-    placeholder: placeholder,
-    style: INPUT_STYLE$4,
-    type: "number",
-    value: value
-  }) : /*#__PURE__*/React.createElement(Input, {
-    disabled: disabled || readonlyAsDisabled && readonly,
-    id: id,
-    name: id,
-    onBlur: !readonly ? handleBlur : undefined,
-    onChange: !readonly ? handleTextChange : undefined,
-    onFocus: !readonly ? handleFocus : undefined,
-    placeholder: placeholder,
-    style: INPUT_STYLE$4,
-    type: options.inputType || 'text',
-    value: value
-  });
-};
-
-var INPUT_STYLE$5 = {
-  width: '100%'
-};
-
-var UpDownWidget = function UpDownWidget(_ref) {
-  var disabled = _ref.disabled,
-      formContext = _ref.formContext,
-      id = _ref.id,
-      onBlur = _ref.onBlur,
-      onChange = _ref.onChange,
-      onFocus = _ref.onFocus,
-      placeholder = _ref.placeholder,
-      readonly = _ref.readonly,
-      value = _ref.value;
-  var _formContext$readonly = formContext.readonlyAsDisabled,
-      readonlyAsDisabled = _formContext$readonly === void 0 ? true : _formContext$readonly;
-
-  var handleChange = function handleChange(nextValue) {
-    return onChange(nextValue);
-  };
-
-  var handleBlur = function handleBlur(_ref2) {
-    var target = _ref2.target;
-    return onBlur(id, target.value);
-  };
-
-  var handleFocus = function handleFocus(_ref3) {
-    var target = _ref3.target;
-    return onFocus(id, target.value);
-  };
-
-  return /*#__PURE__*/React.createElement(InputNumber, {
-    disabled: disabled || readonlyAsDisabled && readonly,
-    id: id,
-    name: id,
-    onBlur: !readonly ? handleBlur : undefined,
-    onChange: !readonly ? handleChange : undefined,
-    onFocus: !readonly ? handleFocus : undefined,
-    placeholder: placeholder,
-    style: INPUT_STYLE$5,
-    type: "number",
-    value: value
-  });
-};
-
-var INPUT_STYLE$6 = {
-  width: '100%'
-};
-
-var URLWidget = function URLWidget(_ref) {
-  var disabled = _ref.disabled,
-      formContext = _ref.formContext,
-      id = _ref.id,
-      onBlur = _ref.onBlur,
-      onChange = _ref.onChange,
-      onFocus = _ref.onFocus,
-      options = _ref.options,
-      placeholder = _ref.placeholder,
-      readonly = _ref.readonly,
-      value = _ref.value;
-  var _formContext$readonly = formContext.readonlyAsDisabled,
-      readonlyAsDisabled = _formContext$readonly === void 0 ? true : _formContext$readonly;
-
-  var handleChange = function handleChange(_ref2) {
-    var target = _ref2.target;
-    return onChange(target.value === '' ? options.emptyValue : target.value);
-  };
-
-  var handleBlur = function handleBlur(_ref3) {
-    var target = _ref3.target;
-    return onBlur(id, target.value);
-  };
-
-  var handleFocus = function handleFocus(_ref4) {
-    var target = _ref4.target;
-    return onFocus(id, target.value);
-  };
-
-  return /*#__PURE__*/React.createElement(Input, {
-    disabled: disabled || readonlyAsDisabled && readonly,
-    id: id,
-    name: id,
-    onBlur: !readonly ? handleBlur : undefined,
-    onChange: !readonly ? handleChange : undefined,
-    onFocus: !readonly ? handleFocus : undefined,
-    placeholder: placeholder,
-    style: INPUT_STYLE$6,
-    type: "url",
-    value: value
-  });
-};
-
-var getSubmitButtonOptions = utils.getSubmitButtonOptions;
-var SubmitButton = (function (_ref) {
-  var uiSchema = _ref.uiSchema;
-
-  var _getSubmitButtonOptio = getSubmitButtonOptions(uiSchema),
-      submitText = _getSubmitButtonOptio.submitText,
-      norender = _getSubmitButtonOptio.norender,
-      submitButtonProps = _getSubmitButtonOptio.props;
-
-  if (norender) {
-    return null;
-  }
-
-  return /*#__PURE__*/React.createElement(Button, _extends({
-    htmlType: "submit"
-  }, submitButtonProps), submitText);
-});
-
-var ErrorList = function ErrorList(_ref) {
-  var errors = _ref.errors;
-
-  var renderErrors = function renderErrors() {
-    return /*#__PURE__*/React.createElement(List, {
-      className: "list-group",
-      size: "small"
-    }, errors.map(function (error, index) {
-      return /*#__PURE__*/React.createElement(List.Item, {
-        key: index
-      }, /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(ExclamationCircleOutlined, null), error.stack));
-    }));
-  };
-
-  return /*#__PURE__*/React.createElement(Alert, {
-    className: "panel panel-danger errors",
-    description: renderErrors(),
-    message: "Errors",
-    type: "error"
-  });
+const Widgets = {
+  AltDateTimeWidget,
+  AltDateWidget,
+  CheckboxesWidget,
+  CheckboxWidget,
+  DateTimeWidget,
+  DateWidget,
+  PasswordWidget,
+  RadioWidget,
+  RangeWidget,
+  SelectWidget,
+  TextareaWidget
 };
-
-var getDefaultRegistry = utils.getDefaultRegistry;
-
-var _getDefaultRegistry = /*#__PURE__*/getDefaultRegistry(),
-    fields = _getDefaultRegistry.fields,
-    widgets = _getDefaultRegistry.widgets;
-
-var Fields = {
-  DescriptionField: DescriptionField,
-  TitleField: TitleField$1
-};
-var Widgets = {
-  AltDateTimeWidget: AltDateTimeWidget,
-  AltDateWidget: AltDateWidget,
-  CheckboxesWidget: CheckboxesWidget,
-  CheckboxWidget: CheckboxWidget,
-  ColorWidget: ColorWidget,
-  DateTimeWidget: DateTimeWidget,
-  DateWidget: DateWidget,
-  EmailWidget: EmailWidget,
-  PasswordWidget: PasswordWidget,
-  RadioWidget: RadioWidget,
-  RangeWidget: RangeWidget,
-  SelectWidget: SelectWidget,
-  TextareaWidget: TextareaWidget,
-  TextWidget: TextWidget,
-  UpDownWidget: UpDownWidget,
-  URLWidget: URLWidget,
-  SubmitButton: SubmitButton
-};
-var Theme = {
-  ArrayFieldTemplate: ArrayFieldTemplate,
-  fields: /*#__PURE__*/_extends({}, fields, Fields),
-  FieldTemplate: FieldTemplate,
-  ObjectFieldTemplate: ObjectFieldTemplate$1,
-  widgets: /*#__PURE__*/_extends({}, widgets, Widgets),
-  ErrorList: ErrorList
+const Theme = {
+  templates: {
+    ArrayFieldItemTemplate,
+    ArrayFieldTemplate: ArrayFieldTemplate$1,
+    BaseInputTemplate: TextWidget,
+    ButtonTemplates: {
+      AddButton,
+      MoveDownButton,
+      MoveUpButton,
+      RemoveButton,
+      SubmitButton
+    },
+    DescriptionFieldTemplate: DescriptionField,
+    ErrorListTemplate: ErrorList,
+    FieldTemplate,
+    ObjectFieldTemplate: ObjectFieldTemplate$1,
+    TitleFieldTemplate: TitleField$1
+  },
+  widgets: Widgets
 };
-var Form = /*#__PURE__*/withTheme(Theme);
+const Form = /*#__PURE__*/withTheme(Theme);
 
-export default Form;
-export { Fields, Form, Theme, Widgets };
+export { Form, Theme, Widgets, Form as default };
 //# sourceMappingURL=antd.esm.js.map