@rjsf/antd 4.2.3 → 5.0.0-beta.10

package/dist/antd.cjs.development.js

@@ -2,836 +2,907 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
 var core = require('@rjsf/core');
 var React = require('react');
-var React__default = _interopDefault(React);
-var classNames = _interopDefault(require('classnames'));
+var Button = require('antd/lib/button');
+var Col = require('antd/lib/col');
+var Row = require('antd/lib/row');
+var utils = require('@rjsf/utils');
+var classNames = require('classnames');
 var context = require('antd/lib/config-provider/context');
-var Form$1 = _interopDefault(require('antd/lib/form'));
-var Button = _interopDefault(require('antd/lib/button'));
-var Col = _interopDefault(require('antd/lib/col'));
-var Input = _interopDefault(require('antd/lib/input'));
-var Row = _interopDefault(require('antd/lib/row'));
-var DeleteOutlined = _interopDefault(require('@ant-design/icons/DeleteOutlined'));
-var _ = _interopDefault(require('lodash'));
-var PlusCircleOutlined = _interopDefault(require('@ant-design/icons/PlusCircleOutlined'));
-var ArrowDownOutlined = _interopDefault(require('@ant-design/icons/ArrowDownOutlined'));
-var ArrowUpOutlined = _interopDefault(require('@ant-design/icons/ArrowUpOutlined'));
-var Checkbox = _interopDefault(require('antd/lib/checkbox'));
-var dayjs = _interopDefault(require('dayjs'));
-var dayjsGenerateConfig = _interopDefault(require('rc-picker/lib/generate/dayjs'));
-var generatePicker = _interopDefault(require('antd/lib/date-picker/generatePicker'));
-var Radio = _interopDefault(require('antd/lib/radio'));
-var Slider = _interopDefault(require('antd/lib/slider'));
-var Select = _interopDefault(require('antd/lib/select'));
-var InputNumber = _interopDefault(require('antd/lib/input-number'));
-var Alert = _interopDefault(require('antd/lib/alert'));
-var List = _interopDefault(require('antd/lib/list'));
-var Space = _interopDefault(require('antd/lib/space'));
-var ExclamationCircleOutlined = _interopDefault(require('@ant-design/icons/ExclamationCircleOutlined'));
-
-function _extends() {
-  _extends = Object.assign || 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;
-  };
+var Input = require('antd/lib/input');
+var InputNumber = require('antd/lib/input-number');
+var Alert = require('antd/lib/alert');
+var List = require('antd/lib/list');
+var Space = require('antd/lib/space');
+var ExclamationCircleOutlined = require('@ant-design/icons/ExclamationCircleOutlined');
+var ArrowDownOutlined = require('@ant-design/icons/ArrowDownOutlined');
+var ArrowUpOutlined = require('@ant-design/icons/ArrowUpOutlined');
+var DeleteOutlined = require('@ant-design/icons/DeleteOutlined');
+var PlusCircleOutlined = require('@ant-design/icons/PlusCircleOutlined');
+var Form$1 = require('antd/lib/form');
+var isObject = require('lodash/isObject');
+var isNumber = require('lodash/isNumber');
+var isString = require('lodash/isString');
+var Checkbox = require('antd/lib/checkbox');
+var dayjs = require('dayjs');
+var dayjsGenerateConfig = require('rc-picker/lib/generate/dayjs');
+var generatePicker = require('antd/lib/date-picker/generatePicker');
+var Radio = require('antd/lib/radio');
+var Slider = require('antd/lib/slider');
+var Select = require('antd/lib/select');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
+var Col__default = /*#__PURE__*/_interopDefaultLegacy(Col);
+var Row__default = /*#__PURE__*/_interopDefaultLegacy(Row);
+var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
+var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input);
+var InputNumber__default = /*#__PURE__*/_interopDefaultLegacy(InputNumber);
+var Alert__default = /*#__PURE__*/_interopDefaultLegacy(Alert);
+var List__default = /*#__PURE__*/_interopDefaultLegacy(List);
+var Space__default = /*#__PURE__*/_interopDefaultLegacy(Space);
+var ExclamationCircleOutlined__default = /*#__PURE__*/_interopDefaultLegacy(ExclamationCircleOutlined);
+var ArrowDownOutlined__default = /*#__PURE__*/_interopDefaultLegacy(ArrowDownOutlined);
+var ArrowUpOutlined__default = /*#__PURE__*/_interopDefaultLegacy(ArrowUpOutlined);
+var DeleteOutlined__default = /*#__PURE__*/_interopDefaultLegacy(DeleteOutlined);
+var PlusCircleOutlined__default = /*#__PURE__*/_interopDefaultLegacy(PlusCircleOutlined);
+var Form__default = /*#__PURE__*/_interopDefaultLegacy(Form$1);
+var isObject__default = /*#__PURE__*/_interopDefaultLegacy(isObject);
+var isNumber__default = /*#__PURE__*/_interopDefaultLegacy(isNumber);
+var isString__default = /*#__PURE__*/_interopDefaultLegacy(isString);
+var Checkbox__default = /*#__PURE__*/_interopDefaultLegacy(Checkbox);
+var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
+var dayjsGenerateConfig__default = /*#__PURE__*/_interopDefaultLegacy(dayjsGenerateConfig);
+var generatePicker__default = /*#__PURE__*/_interopDefaultLegacy(generatePicker);
+var Radio__default = /*#__PURE__*/_interopDefaultLegacy(Radio);
+var Slider__default = /*#__PURE__*/_interopDefaultLegacy(Slider);
+var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select);
+
+const BTN_GRP_STYLE = {
+  width: "100%"
+};
+const BTN_STYLE = {
+  width: "calc(100% / 3)"
+};
 
-  return _extends.apply(this, arguments);
-}
+const ArrayFieldItemTemplate = _ref => {
+  let {
+    children,
+    disabled,
+    hasMoveDown,
+    hasMoveUp,
+    hasRemove,
+    hasToolbar,
+    index,
+    onDropIndexClick,
+    onReorderClick,
+    readonly,
+    registry,
+    uiSchema
+  } = _ref;
+  const {
+    MoveDownButton,
+    MoveUpButton,
+    RemoveButton
+  } = registry.templates.ButtonTemplates;
+  const {
+    rowGutter = 24,
+    toolbarAlign = "top"
+  } = registry.formContext;
+  return /*#__PURE__*/React__default["default"].createElement(Row__default["default"], {
+    align: toolbarAlign,
+    key: "array-item-" + index,
+    gutter: rowGutter
+  }, /*#__PURE__*/React__default["default"].createElement(Col__default["default"], {
+    flex: "1"
+  }, children), hasToolbar && /*#__PURE__*/React__default["default"].createElement(Col__default["default"], {
+    flex: "192px"
+  }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"].Group, {
+    style: BTN_GRP_STYLE
+  }, (hasMoveUp || hasMoveDown) && /*#__PURE__*/React__default["default"].createElement(MoveUpButton, {
+    disabled: disabled || readonly || !hasMoveUp,
+    onClick: onReorderClick(index, index - 1),
+    style: BTN_STYLE,
+    uiSchema: uiSchema
+  }), (hasMoveUp || hasMoveDown) && /*#__PURE__*/React__default["default"].createElement(MoveDownButton, {
+    disabled: disabled || readonly || !hasMoveDown,
+    onClick: onReorderClick(index, index + 1),
+    style: BTN_STYLE,
+    uiSchema: uiSchema
+  }), hasRemove && /*#__PURE__*/React__default["default"].createElement(RemoveButton, {
+    disabled: disabled || readonly,
+    onClick: onDropIndexClick(index),
+    style: BTN_STYLE,
+    uiSchema: uiSchema
+  }))));
+};
 
-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,
+    idSchema,
+    items,
+    onAddClick,
+    prefixCls,
+    readonly,
+    registry,
+    required,
+    schema,
+    title,
+    uiSchema
+  } = _ref;
+  const uiOptions = utils.getUiOptions(uiSchema);
+  const ArrayFieldDescriptionTemplate = utils.getTemplate("ArrayFieldDescriptionTemplate", registry, uiOptions);
+  const ArrayFieldItemTemplate = utils.getTemplate("ArrayFieldItemTemplate", registry, uiOptions);
+  const ArrayFieldTitleTemplate = utils.getTemplate("ArrayFieldTitleTemplate", registry, uiOptions); // Button templates are not overridden in the uiSchema
+
+  const {
+    ButtonTemplates: {
+      AddButton
+    }
+  } = registry.templates;
+  const {
+    labelAlign = "right",
+    rowGutter = 24
+  } = formContext;
+  const labelClsBasic = prefixCls + "-item-label";
+  const labelColClassName = classNames__default["default"](labelClsBasic, labelAlign === "left" && labelClsBasic + "-left" // labelCol.className,
+  );
+  return /*#__PURE__*/React__default["default"].createElement("fieldset", {
+    className: className,
+    id: idSchema.$id
+  }, /*#__PURE__*/React__default["default"].createElement(Row__default["default"], {
+    gutter: rowGutter
+  }, (uiOptions.title || title) && /*#__PURE__*/React__default["default"].createElement(Col__default["default"], {
+    className: labelColClassName,
+    span: 24
+  }, /*#__PURE__*/React__default["default"].createElement(ArrayFieldTitleTemplate, {
+    idSchema: idSchema,
+    required: required,
+    title: uiOptions.title || title,
+    uiSchema: uiSchema,
+    registry: registry
+  })), (uiOptions.description || schema.description) && /*#__PURE__*/React__default["default"].createElement(Col__default["default"], {
+    span: 24,
+    style: DESCRIPTION_COL_STYLE$1
+  }, /*#__PURE__*/React__default["default"].createElement(ArrayFieldDescriptionTemplate, {
+    description: uiOptions.description || schema.description || "",
+    idSchema: idSchema,
+    uiSchema: uiSchema,
+    registry: registry
+  })), /*#__PURE__*/React__default["default"].createElement(Col__default["default"], {
+    className: "row array-item-list",
+    span: 24
+  }, items && items.map(_ref2 => {
+    let {
+      key,
+      ...itemProps
+    } = _ref2;
+    return /*#__PURE__*/React__default["default"].createElement(ArrayFieldItemTemplate, {
+      key: key,
+      ...itemProps
+    });
+  })), canAdd && /*#__PURE__*/React__default["default"].createElement(Col__default["default"], {
+    span: 24
+  }, /*#__PURE__*/React__default["default"].createElement(Row__default["default"], {
+    gutter: rowGutter,
+    justify: "end"
+  }, /*#__PURE__*/React__default["default"].createElement(Col__default["default"], {
+    flex: "192px"
+  }, /*#__PURE__*/React__default["default"].createElement(AddButton, {
+    className: "array-item-add",
+    disabled: disabled || readonly,
+    onClick: onAddClick,
+    uiSchema: uiSchema
+  }))))));
+};
 
-  return target;
-}
+var ArrayFieldTemplate$1 = /*#__PURE__*/context.withConfigConsumer({
+  prefixCls: "form"
+})(ArrayFieldTemplate);
 
-var DescriptionField = function DescriptionField(_ref) {
-  var description = _ref.description,
-      id = _ref.id;
-  return /*#__PURE__*/React__default.createElement("span", {
-    id: id
-  }, description);
+const INPUT_STYLE$2 = {
+  width: "100%"
 };
 
-var TitleField = function TitleField(_ref) {
-  var _classNames;
+const BaseInputTemplate = _ref => {
+  let {
+    disabled,
+    formContext,
+    id,
+    onBlur,
+    onChange,
+    onFocus,
+    options,
+    placeholder,
+    readonly,
+    schema,
+    value,
+    type
+  } = _ref;
+  const inputProps = utils.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*$/, '');
-  }
+  const input = inputProps.type === "number" || inputProps.type === "integer" ? /*#__PURE__*/React__default["default"].createElement(InputNumber__default["default"], {
+    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,
+    list: schema.examples ? "examples_" + id : undefined,
+    ...inputProps,
+    value: value
+  }) : /*#__PURE__*/React__default["default"].createElement(Input__default["default"], {
+    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,
+    list: schema.examples ? "examples_" + id : undefined,
+    ...inputProps,
+    value: value
+  });
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, input, schema.examples && /*#__PURE__*/React__default["default"].createElement("datalist", {
+    id: "examples_" + id
+  }, schema.examples.concat(schema.default ? [schema.default] : []).map(example => {
+    return /*#__PURE__*/React__default["default"].createElement("option", {
+      key: example,
+      value: example
+    });
+  })));
+};
 
-  var labelClassName = classNames((_classNames = {}, _classNames[prefixCls + "-item-required"] = required, _classNames[prefixCls + "-item-no-colon"] = !colon, _classNames));
+const DescriptionField = _ref => {
+  let {
+    description,
+    id
+  } = _ref;
 
-  var handleLabelClick = function handleLabelClick() {
-    if (!id) {
-      return;
-    }
+  if (!description) {
+    return null;
+  }
 
-    var control = document.querySelector("[id=\"" + id + "\"]");
+  return /*#__PURE__*/React__default["default"].createElement("span", {
+    id: id
+  }, description);
+};
 
-    if (control && control.focus) {
-      control.focus();
-    }
-  };
+const ErrorList = _ref => {
+  let {
+    errors
+  } = _ref;
 
-  return title ? /*#__PURE__*/React__default.createElement("label", {
-    className: labelClassName,
-    htmlFor: id,
-    onClick: handleLabelClick,
-    title: typeof title === 'string' ? title : ''
-  }, labelChildren) : null;
-};
+  const renderErrors = () => /*#__PURE__*/React__default["default"].createElement(List__default["default"], {
+    className: "list-group",
+    size: "small"
+  }, errors.map((error, index) => /*#__PURE__*/React__default["default"].createElement(List__default["default"].Item, {
+    key: index
+  }, /*#__PURE__*/React__default["default"].createElement(Space__default["default"], null, /*#__PURE__*/React__default["default"].createElement(ExclamationCircleOutlined__default["default"], null), error.stack))));
 
-TitleField.defaultProps = {
-  formContext: {}
+  return /*#__PURE__*/React__default["default"].createElement(Alert__default["default"], {
+    className: "panel panel-danger errors",
+    description: renderErrors(),
+    message: "Errors",
+    type: "error"
+  });
 };
-var TitleField$1 = /*#__PURE__*/context.withConfigConsumer({
-  prefixCls: 'form'
-})(TitleField);
 
-var ADDITIONAL_PROPERTY_FLAG = core.utils.ADDITIONAL_PROPERTY_FLAG;
-var VERTICAL_LABEL_COL = {
-  span: 24
-};
-var VERTICAL_WRAPPER_COL = {
-  span: 24
-};
-var INPUT_STYLE = {
-  width: '100%'
-};
+function IconButton(props) {
+  const {
+    iconType = "default",
+    icon,
+    uiSchema,
+    ...otherProps
+  } = props;
+  return /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
+    type: iconType,
+    icon: icon,
+    ...otherProps
+  });
+}
+function AddButton(props) {
+  return /*#__PURE__*/React__default["default"].createElement(IconButton, {
+    title: "Add Item",
+    ...props,
+    block: true,
+    iconType: "primary",
+    icon: /*#__PURE__*/React__default["default"].createElement(PlusCircleOutlined__default["default"], null)
+  });
+}
+function MoveDownButton(props) {
+  return /*#__PURE__*/React__default["default"].createElement(IconButton, {
+    title: "Move down",
+    ...props,
+    icon: /*#__PURE__*/React__default["default"].createElement(ArrowDownOutlined__default["default"], null)
+  });
+}
+function MoveUpButton(props) {
+  return /*#__PURE__*/React__default["default"].createElement(IconButton, {
+    title: "Move up",
+    ...props,
+    icon: /*#__PURE__*/React__default["default"].createElement(ArrowUpOutlined__default["default"], null)
+  });
+}
+function RemoveButton(props) {
+  // The `block` prop is not part of the `IconButtonProps` defined in the template, so get it from the uiSchema instead
+  const options = utils.getUiOptions(props.uiSchema);
+  return /*#__PURE__*/React__default["default"].createElement(IconButton, {
+    title: "Remove",
+    ...props,
+    danger: true,
+    block: !!options.block,
+    iconType: "primary",
+    icon: /*#__PURE__*/React__default["default"].createElement(DeleteOutlined__default["default"], null)
+  });
+}
 
-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);
+/** The `FieldErrorTemplate` component renders the errors local to the particular field
+ *
+ * @param props - The `FieldErrorProps` for the errors being rendered
+ */
 
-  if (!additional) {
-    return /*#__PURE__*/React__default.createElement("div", {
-      className: classNames
-    }, children);
-  }
+function FieldErrorTemplate(props) {
+  const {
+    errors = [],
+    idSchema
+  } = props;
 
-  var handleBlur = function handleBlur(_ref2) {
-    var target = _ref2.target;
-    return onKeyChange(target.value);
-  };
+  if (errors.length === 0) {
+    return null;
+  }
 
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: classNames
-  }, /*#__PURE__*/React__default.createElement(Row, {
-    align: toolbarAlign,
-    gutter: rowGutter
-  }, /*#__PURE__*/React__default.createElement(Col, {
-    className: "form-additional",
-    flex: "1"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "form-group"
-  }, /*#__PURE__*/React__default.createElement(Form$1.Item, {
-    colon: colon,
-    className: "form-group",
-    hasFeedback: true,
-    htmlFor: id + "-key",
-    label: keyLabel,
-    labelCol: labelCol,
-    required: required,
-    style: wrapperStyle,
-    wrapperCol: wrapperCol
-  }, /*#__PURE__*/React__default.createElement(Input, {
-    className: "form-control",
-    defaultValue: label,
-    disabled: disabled || readonlyAsDisabled && readonly,
-    id: id + "-key",
-    name: id + "-key",
-    onBlur: !readonly ? handleBlur : undefined,
-    style: INPUT_STYLE,
-    type: "text"
-  })))), /*#__PURE__*/React__default.createElement(Col, {
-    className: "form-additional",
-    flex: "1"
-  }, children), /*#__PURE__*/React__default.createElement(Col, {
-    flex: "192px"
-  }, /*#__PURE__*/React__default.createElement(Button, {
-    block: true,
-    className: "array-item-remove",
-    danger: true,
-    disabled: disabled || readonly,
-    icon: /*#__PURE__*/React__default.createElement(DeleteOutlined, null),
-    onClick: onDropPropertyClick(label),
-    type: "primary"
-  }))));
-};
+  const id = idSchema.$id + "__error";
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    id: id
+  }, errors.map(error => /*#__PURE__*/React__default["default"].createElement("div", {
+    key: "field-" + id + "-error-" + error
+  }, error)));
+}
 
-var VERTICAL_LABEL_COL$1 = {
+const VERTICAL_LABEL_COL$1 = {
   span: 24
 };
-var VERTICAL_WRAPPER_COL$1 = {
+const VERTICAL_WRAPPER_COL$1 = {
   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$1,
+    wrapperCol = VERTICAL_WRAPPER_COL$1,
+    wrapperStyle
+  } = formContext;
+  const uiOptions = utils.getUiOptions(uiSchema);
+  const WrapIfAdditionalTemplate = utils.getTemplate("WrapIfAdditionalTemplate", registry, uiOptions);
 
   if (hidden) {
-    return /*#__PURE__*/React__default.createElement("div", {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "field-hidden"
     }, children);
   }
 
-  var renderFieldErrors = function renderFieldErrors() {
-    return [].concat(new Set(rawErrors)).map(function (error) {
-      return /*#__PURE__*/React__default.createElement("div", {
-        key: "field-" + id + "-error-" + error
-      }, error);
-    });
-  };
-
-  return /*#__PURE__*/React__default.createElement(WrapIfAdditional, {
+  return /*#__PURE__*/React__default["default"].createElement(WrapIfAdditionalTemplate, {
     classNames: classNames,
     disabled: disabled,
-    formContext: formContext,
     id: id,
     label: label,
     onDropPropertyClick: onDropPropertyClick,
     onKeyChange: onKeyChange,
     readonly: readonly,
     required: required,
-    schema: schema
-  }, id === 'root' ? children : /*#__PURE__*/React__default.createElement(Form$1.Item, {
+    schema: schema,
+    uiSchema: uiSchema,
+    registry: registry
+  }, id === "root" ? children : /*#__PURE__*/React__default["default"].createElement(Form__default["default"].Item, {
     colon: colon,
     extra: description,
-    hasFeedback: schema.type !== 'array' && schema.type !== 'object',
-    help: !!rawHelp && help || !!rawErrors && renderFieldErrors(),
+    hasFeedback: schema.type !== "array" && schema.type !== "object",
+    help: !!rawHelp && help || errors,
     htmlFor: id,
     label: displayLabel && label,
     labelCol: labelCol,
     required: required,
     style: wrapperStyle,
-    validateStatus: rawErrors ? 'error' : undefined,
+    validateStatus: rawErrors !== null && rawErrors !== void 0 && rawErrors.length ? "error" : undefined,
     wrapperCol: wrapperCol
   }, children));
 };
 
-var canExpand = core.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 = utils.getUiOptions(uiSchema);
+  const TitleFieldTemplate = utils.getTemplate("TitleFieldTemplate", registry, uiOptions);
+  const DescriptionFieldTemplate = utils.getTemplate("DescriptionFieldTemplate", registry, uiOptions); // Button templates are not overridden in the uiSchema
+
+  const {
+    ButtonTemplates: {
+      AddButton
+    }
+  } = registry.templates;
+  const {
+    colSpan = 24,
+    labelAlign = "right",
+    rowGutter = 24
+  } = formContext;
+  const labelClsBasic = prefixCls + "-item-label";
+  const labelColClassName = classNames__default["default"](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 => utils.getUiOptions(findUiSchema(element)).field;
 
-  var findUiSchemaWidget = function findUiSchemaWidget(element) {
-    return findUiSchema(element)['ui:widget'];
-  };
+  const findUiSchemaWidget = element => utils.getUiOptions(findUiSchema(element)).widget;
+
+  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__default["default"](colSpan)) {
+      const colSpanObj = colSpan;
+
+      if (isString__default["default"](widget)) {
+        return colSpanObj[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;
+      if (isString__default["default"](field)) {
+        return colSpanObj[field];
+      }
 
-    if (_.isObject(colSpan)) {
-      return colSpan[widget] || colSpan[field] || colSpan[type] || defaultColSpan;
+      if (isString__default["default"](type)) {
+        return colSpanObj[type];
+      }
     }
 
-    if (_.isNumber(colSpan)) {
+    if (isNumber__default["default"](colSpan)) {
       return colSpan;
     }
 
     return defaultColSpan;
   };
 
-  return /*#__PURE__*/React__default.createElement("fieldset", {
+  return /*#__PURE__*/React__default["default"].createElement("fieldset", {
     id: idSchema.$id
-  }, /*#__PURE__*/React__default.createElement(Row, {
+  }, /*#__PURE__*/React__default["default"].createElement(Row__default["default"], {
     gutter: rowGutter
-  }, uiSchema['ui:title'] !== false && (uiSchema['ui:title'] || title) && /*#__PURE__*/React__default.createElement(Col, {
+  }, (uiOptions.title || title) && /*#__PURE__*/React__default["default"].createElement(Col__default["default"], {
     className: labelColClassName,
     span: 24
-  }, /*#__PURE__*/React__default.createElement(TitleField, {
+  }, /*#__PURE__*/React__default["default"].createElement(TitleFieldTemplate, {
     id: idSchema.$id + "-title",
     required: required,
-    title: uiSchema['ui:title'] || title
-  })), uiSchema['ui:description'] !== false && (uiSchema['ui:description'] || description) && /*#__PURE__*/React__default.createElement(Col, {
+    title: uiOptions.title || title,
+    uiSchema: uiSchema,
+    registry: registry
+  })), (uiOptions.description || description) && /*#__PURE__*/React__default["default"].createElement(Col__default["default"], {
     span: 24,
     style: DESCRIPTION_COL_STYLE
-  }, /*#__PURE__*/React__default.createElement(DescriptionField, {
-    description: uiSchema['ui:description'] || description,
-    id: idSchema.$id + "-description"
-  })), properties.filter(function (e) {
-    return !e.hidden;
-  }).map(function (element) {
-    return /*#__PURE__*/React__default.createElement(Col, {
-      key: element.name,
-      span: calculateColSpan(element)
-    }, element.content);
-  })), canExpand(schema, uiSchema, formData) && /*#__PURE__*/React__default.createElement(Col, {
+  }, /*#__PURE__*/React__default["default"].createElement(DescriptionFieldTemplate, {
+    description: uiOptions.description || description,
+    id: idSchema.$id + "-description",
+    registry: registry
+  })), properties.filter(e => !e.hidden).map(element => /*#__PURE__*/React__default["default"].createElement(Col__default["default"], {
+    key: element.name,
+    span: calculateColSpan(element)
+  }, element.content))), utils.canExpand(schema, uiSchema, formData) && /*#__PURE__*/React__default["default"].createElement(Col__default["default"], {
     span: 24
-  }, /*#__PURE__*/React__default.createElement(Row, {
+  }, /*#__PURE__*/React__default["default"].createElement(Row__default["default"], {
     gutter: rowGutter,
     justify: "end"
-  }, /*#__PURE__*/React__default.createElement(Col, {
+  }, /*#__PURE__*/React__default["default"].createElement(Col__default["default"], {
     flex: "192px"
-  }, /*#__PURE__*/React__default.createElement(Button, {
-    block: true,
+  }, /*#__PURE__*/React__default["default"].createElement(AddButton, {
     className: "object-property-expand",
     disabled: disabled || readonly,
     onClick: onAddClick(schema),
-    type: "primary"
-  }, /*#__PURE__*/React__default.createElement(PlusCircleOutlined, null), " Add Item")))));
+    uiSchema: uiSchema
+  })))));
 };
 
 var ObjectFieldTemplate$1 = /*#__PURE__*/context.withConfigConsumer({
-  prefixCls: 'form'
+  prefixCls: "form"
 })(ObjectFieldTemplate);
 
-var BTN_GRP_STYLE = {
-  width: '100%'
-};
-var BTN_STYLE = {
-  width: 'calc(100% / 3)'
-};
+var SubmitButton = (_ref => {
+  let {
+    uiSchema
+  } = _ref;
+  const {
+    submitText,
+    norender,
+    props: submitButtonProps
+  } = utils.getSubmitButtonOptions(uiSchema);
 
-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__default.createElement(Row, {
-    align: toolbarAlign,
-    key: "array-item-" + index,
-    gutter: rowGutter
-  }, /*#__PURE__*/React__default.createElement(Col, {
-    flex: "1"
-  }, children), hasToolbar && /*#__PURE__*/React__default.createElement(Col, {
-    flex: "192px"
-  }, /*#__PURE__*/React__default.createElement(Button.Group, {
-    style: BTN_GRP_STYLE
-  }, (hasMoveUp || hasMoveDown) && /*#__PURE__*/React__default.createElement(Button, {
-    disabled: disabled || readonly || !hasMoveUp,
-    icon: /*#__PURE__*/React__default.createElement(ArrowUpOutlined, null),
-    onClick: onReorderClick(index, index - 1),
-    style: BTN_STYLE,
-    type: "default"
-  }), (hasMoveUp || hasMoveDown) && /*#__PURE__*/React__default.createElement(Button, {
-    disabled: disabled || readonly || !hasMoveDown,
-    icon: /*#__PURE__*/React__default.createElement(ArrowDownOutlined, null),
-    onClick: onReorderClick(index, index + 1),
-    style: BTN_STYLE,
-    type: "default"
-  }), hasRemove && /*#__PURE__*/React__default.createElement(Button, {
-    danger: true,
-    disabled: disabled || readonly,
-    icon: /*#__PURE__*/React__default.createElement(DeleteOutlined, null),
-    onClick: onDropIndexClick(index),
-    style: BTN_STYLE,
-    type: "primary"
-  }))));
-};
+  if (norender) {
+    return null;
+  }
 
-ArrayFieldTemplateItem.defaultProps = {
-  formContext: {}
-};
+  return /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
+    type: "submit",
+    ...submitButtonProps,
+    htmlType: "submit"
+  }, submitText);
+});
 
-var DESCRIPTION_COL_STYLE$1 = {
-  paddingBottom: '8px'
-};
+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 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__default.createElement("fieldset", {
-    className: className,
-    id: idSchema.$id
-  }, /*#__PURE__*/React__default.createElement(Row, {
-    gutter: rowGutter
-  }, title && /*#__PURE__*/React__default.createElement(Col, {
-    className: labelColClassName,
-    span: 24
-  }, /*#__PURE__*/React__default.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__default.createElement(Col, {
-    span: 24,
-    style: DESCRIPTION_COL_STYLE$1
-  }, /*#__PURE__*/React__default.createElement(DescriptionField, {
-    description: uiSchema['ui:description'] || schema.description,
-    id: idSchema.$id + "-description",
-    key: "array-field-description-" + idSchema.$id
-  })), /*#__PURE__*/React__default.createElement(Col, {
-    className: "row array-item-list",
-    span: 24
-  }, items && items.map(function (itemProps) {
-    return /*#__PURE__*/React__default.createElement(ArrayFieldTemplateItem, _extends({}, itemProps, {
-      formContext: formContext
-    }));
-  })), canAdd && /*#__PURE__*/React__default.createElement(Col, {
-    span: 24
-  }, /*#__PURE__*/React__default.createElement(Row, {
-    gutter: rowGutter,
-    justify: "end"
-  }, /*#__PURE__*/React__default.createElement(Col, {
-    flex: "192px"
-  }, /*#__PURE__*/React__default.createElement(Button, {
-    block: true,
-    className: "array-item-add",
-    disabled: disabled || readonly,
-    onClick: onAddClick,
-    type: "primary"
-  }, /*#__PURE__*/React__default.createElement(PlusCircleOutlined, null), " Add Item"))))));
-};
+  const labelClassName = classNames__default["default"]({
+    [prefixCls + "-item-required"]: required,
+    [prefixCls + "-item-no-colon"]: !colon
+  });
 
-var FixedArrayFieldTemplate$1 = /*#__PURE__*/context.withConfigConsumer({
-  prefixCls: 'form'
-})(FixedArrayFieldTemplate);
+  const handleLabelClick = () => {
+    if (!id) {
+      return;
+    }
 
-var DESCRIPTION_COL_STYLE$2 = {
-  paddingBottom: '8px'
-};
+    const control = document.querySelector("[id=\"" + id + "\"]");
 
-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__default.createElement("fieldset", {
-    className: className,
-    id: idSchema.$id
-  }, /*#__PURE__*/React__default.createElement(Row, {
-    gutter: rowGutter
-  }, title && /*#__PURE__*/React__default.createElement(Col, {
-    className: labelColClassName,
-    span: 24
-  }, /*#__PURE__*/React__default.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__default.createElement(Col, {
-    span: 24,
-    style: DESCRIPTION_COL_STYLE$2
-  }, /*#__PURE__*/React__default.createElement(DescriptionField, {
-    description: uiSchema['ui:description'] || schema.description,
-    id: idSchema.$id + "__description",
-    key: "array-field-description-" + idSchema.$id
-  })), /*#__PURE__*/React__default.createElement(Col, {
-    className: "row array-item-list",
-    span: 24
-  }, items && items.map(function (itemProps) {
-    return /*#__PURE__*/React__default.createElement(ArrayFieldTemplateItem, _extends({}, itemProps, {
-      formContext: formContext
-    }));
-  })), canAdd && /*#__PURE__*/React__default.createElement(Col, {
-    span: 24
-  }, /*#__PURE__*/React__default.createElement(Row, {
-    gutter: rowGutter,
-    justify: "end"
-  }, /*#__PURE__*/React__default.createElement(Col, {
-    flex: "192px"
-  }, /*#__PURE__*/React__default.createElement(Button, {
-    block: true,
-    className: "array-item-add",
-    disabled: disabled || readonly,
-    onClick: onAddClick,
-    type: "primary"
-  }, /*#__PURE__*/React__default.createElement(PlusCircleOutlined, null), " Add Item"))))));
+    if (control && control.focus) {
+      control.focus();
+    }
+  };
+
+  return title ? /*#__PURE__*/React__default["default"].createElement("label", {
+    className: labelClassName,
+    htmlFor: id,
+    onClick: handleLabelClick,
+    title: typeof title === "string" ? title : ""
+  }, labelChildren) : null;
 };
 
-var NormalArrayFieldTemplate$1 = /*#__PURE__*/context.withConfigConsumer({
-  prefixCls: 'form'
-})(NormalArrayFieldTemplate);
-
-var getUiOptions = core.utils.getUiOptions,
-    getWidget = core.utils.getWidget,
-    isFilesArray = core.utils.isFilesArray,
-    isFixedItems = core.utils.isFixedItems,
-    isMultiSelect = core.utils.isMultiSelect,
-    optionsList = core.utils.optionsList,
-    retrieveSchema = core.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__default.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
-    });
-  };
+TitleField.defaultProps = {
+  formContext: {}
+};
+var TitleField$1 = /*#__PURE__*/context.withConfigConsumer({
+  prefixCls: "form"
+})(TitleField);
 
-  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__default.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
-    });
-  };
+const VERTICAL_LABEL_COL = {
+  span: 24
+};
+const VERTICAL_WRAPPER_COL = {
+  span: 24
+};
+const INPUT_STYLE$1 = {
+  width: "100%"
+};
 
-  if (!Object.prototype.hasOwnProperty.call(schema, 'items')) {
-    return /*#__PURE__*/React__default.createElement(UnsupportedField, {
-      idSchema: idSchema,
-      reason: "Missing items definition",
-      schema: schema
-    });
-  }
+const WrapIfAdditionalTemplate = _ref => {
+  let {
+    children,
+    classNames,
+    disabled,
+    id,
+    label,
+    onDropPropertyClick,
+    onKeyChange,
+    readonly,
+    required,
+    registry,
+    schema,
+    uiSchema
+  } = _ref;
+  const {
+    colon,
+    labelCol = VERTICAL_LABEL_COL,
+    readonlyAsDisabled = true,
+    rowGutter = 24,
+    toolbarAlign = "top",
+    wrapperCol = VERTICAL_WRAPPER_COL,
+    wrapperStyle
+  } = registry.formContext; // Button templates are not overridden in the uiSchema
+
+  const {
+    RemoveButton
+  } = registry.templates.ButtonTemplates;
+  const keyLabel = label + " Key"; // i18n ?
+
+  const additional = (utils.ADDITIONAL_PROPERTY_FLAG in schema);
 
-  if (isFixedItems(schema)) {
-    return /*#__PURE__*/React__default.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 (!additional) {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: classNames
+    }, children);
   }
 
-  if (isFilesArray(schema, uiSchema, rootSchema)) {
-    return renderFiles();
-  }
+  const handleBlur = _ref2 => {
+    let {
+      target
+    } = _ref2;
+    return onKeyChange(target.value);
+  }; // The `block` prop is not part of the `IconButtonProps` defined in the template, so put it into the uiSchema instead
 
-  if (isMultiSelect(schema, rootSchema)) {
-    return renderMultiSelect();
-  }
 
-  return /*#__PURE__*/React__default.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,
+  const uiOptions = uiSchema ? uiSchema[utils.UI_OPTIONS_KEY] : {};
+  const buttonUiOptions = { ...uiSchema,
+    [utils.UI_OPTIONS_KEY]: { ...uiOptions,
+      block: true
+    }
+  };
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classNames
+  }, /*#__PURE__*/React__default["default"].createElement(Row__default["default"], {
+    align: toolbarAlign,
+    gutter: rowGutter
+  }, /*#__PURE__*/React__default["default"].createElement(Col__default["default"], {
+    className: "form-additional",
+    flex: "1"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "form-group"
+  }, /*#__PURE__*/React__default["default"].createElement(Form__default["default"].Item, {
+    colon: colon,
+    className: "form-group",
+    hasFeedback: true,
+    htmlFor: id + "-key",
+    label: keyLabel,
+    labelCol: labelCol,
     required: required,
-    schema: schema,
-    title: title,
-    TitleField: TitleField,
-    uiSchema: uiSchema
-  });
+    style: wrapperStyle,
+    wrapperCol: wrapperCol
+  }, /*#__PURE__*/React__default["default"].createElement(Input__default["default"], {
+    className: "form-control",
+    defaultValue: label,
+    disabled: disabled || readonlyAsDisabled && readonly,
+    id: id + "-key",
+    name: id + "-key",
+    onBlur: !readonly ? handleBlur : undefined,
+    style: INPUT_STYLE$1,
+    type: "text"
+  })))), /*#__PURE__*/React__default["default"].createElement(Col__default["default"], {
+    className: "form-additional",
+    flex: "1"
+  }, children), /*#__PURE__*/React__default["default"].createElement(Col__default["default"], {
+    flex: "192px"
+  }, /*#__PURE__*/React__default["default"].createElement(RemoveButton, {
+    className: "array-item-remove",
+    disabled: disabled || readonly,
+    onClick: onDropPropertyClick(label),
+    uiSchema: buttonUiOptions
+  }))));
 };
 
-var pad = core.utils.pad,
-    parseDateString = core.utils.parseDateString,
-    toDateString = core.utils.toDateString;
+const Index = {
+  ArrayFieldItemTemplate,
+  ArrayFieldTemplate: ArrayFieldTemplate$1,
+  BaseInputTemplate,
+  ButtonTemplates: {
+    AddButton,
+    MoveDownButton,
+    MoveUpButton,
+    RemoveButton,
+    SubmitButton
+  },
+  DescriptionFieldTemplate: DescriptionField,
+  ErrorListTemplate: ErrorList,
+  FieldErrorTemplate,
+  FieldTemplate,
+  ObjectFieldTemplate: ObjectFieldTemplate$1,
+  TitleFieldTemplate: TitleField$1,
+  WrapIfAdditionalTemplate
+};
 
-var rangeOptions = function rangeOptions(start, stop) {
-  var options = [];
+const rangeOptions = (start, stop) => {
+  const options = [];
 
-  for (var i = start; i <= stop; i++) {
+  for (let i = start; i <= stop; i++) {
     options.push({
       value: i,
-      label: pad(i, 2)
+      label: utils.pad(i, 2)
     });
   }
 
   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.values(state).every(value => value !== -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 = React.useState(parseDateString(value, showTime)),
-      state = _useState[0],
-      setState = _useState[1];
-
-  React.useEffect(function () {
-    setState(parseDateString(value, showTime));
-  }, [showTime, value]);
+function dateElementProps(state, time, yearsRange) {
+  if (yearsRange === void 0) {
+    yearsRange = [1900, new Date().getFullYear() + 2];
+  }
+
+  const {
+    year,
+    month,
+    day,
+    hour,
+    minute,
+    second
+  } = state;
+  const data = [{
+    type: "year",
+    range: yearsRange,
+    value: year
+  }, {
+    type: "month",
+    range: [1, 12],
+    value: month
+  }, {
+    type: "day",
+    range: [1, 31],
+    value: day
+  }];
+
+  if (time) {
+    data.push({
+      type: "hour",
+      range: [0, 23],
+      value: hour || -1
+    }, {
+      type: "minute",
+      range: [0, 59],
+      value: minute || -1
+    }, {
+      type: "second",
+      range: [0, 59],
+      value: second || -1
+    });
+  }
 
-  var handleChange = function handleChange(property, nextValue) {
-    var _extends2;
+  return data;
+}
+
+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] = React.useState(utils.parseDateString(value, showTime));
+  React.useEffect(() => {
+    setState(utils.parseDateString(value, showTime));
+  }, [showTime, value]);
 
-    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));
+      onChange(utils.toDateString(nextState, showTime));
     } else {
       setState(nextState);
     }
   };
 
-  var handleNow = function handleNow(event) {
+  const handleNow = event => {
     event.preventDefault();
 
     if (disabled || readonly) {
       return;
     }
 
-    var nextState = parseDateString(new Date().toJSON(), showTime);
-    onChange(toDateString(nextState, showTime));
+    const nextState = utils.parseDateString(new Date().toJSON(), showTime);
+    onChange(utils.toDateString(nextState, showTime));
   };
 
-  var handleClear = function handleClear(event) {
+  const handleClear = event => {
     event.preventDefault();
 
     if (disabled || readonly) {
@@ -841,99 +912,59 @@ 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 = [{
-      type: "year",
-      range: options.yearsRange,
-      value: year
-    }, {
-      type: "month",
-      range: [1, 12],
-      value: month
-    }, {
-      type: "day",
-      range: [1, 31],
-      value: day
-    }];
-
-    if (showTime) {
-      data.push({
-        type: "hour",
-        range: [0, 23],
-        value: hour
-      }, {
-        type: "minute",
-        range: [0, 59],
-        value: minute
-      }, {
-        type: "second",
-        range: [0, 59],
-        value: second
-      });
-    }
-
-    return data;
-  };
-
-  var renderDateElement = function renderDateElement(elemProps) {
-    return /*#__PURE__*/React__default.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__default["default"].createElement(SelectWidget, {
+    autofocus: elemProps.autofocus,
+    className: "form-control",
+    disabled: elemProps.disabled,
+    id: elemProps.id,
+    name: elemProps.name,
+    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,
+    registry: registry,
+    label: ""
+  });
 
-  return /*#__PURE__*/React__default.createElement(Row, {
+  return /*#__PURE__*/React__default["default"].createElement(Row__default["default"], {
     gutter: [Math.floor(rowGutter / 2), Math.floor(rowGutter / 2)]
-  }, dateElementProps().map(function (elemProps, i) {
-    var elemId = id + "_" + elemProps.type;
-    return /*#__PURE__*/React__default.createElement(Col, {
+  }, dateElementProps(state, showTime, options.yearsRange).map((elemProps, i) => {
+    const elemId = id + "_" + elemProps.type;
+    return /*#__PURE__*/React__default["default"].createElement(Col__default["default"], {
       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,
+      name: id,
+      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__default.createElement(Col, {
+    }));
+  }), !options.hideNowButton && /*#__PURE__*/React__default["default"].createElement(Col__default["default"], {
     flex: "88px"
-  }, /*#__PURE__*/React__default.createElement(Button, {
+  }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
     block: true,
     className: "btn-now",
     onClick: handleNow,
     type: "primary"
-  }, "Now")), !options.hideClearButton && /*#__PURE__*/React__default.createElement(Col, {
+  }, "Now")), !options.hideClearButton && /*#__PURE__*/React__default["default"].createElement(Col__default["default"], {
     flex: "88px"
-  }, /*#__PURE__*/React__default.createElement(Button, {
+  }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
     block: true,
     className: "btn-clear",
     danger: true,
@@ -952,192 +983,174 @@ AltDateWidget.defaultProps = {
   showTime: false
 };
 
-var AltDateTimeWidget = function AltDateTimeWidget(props) {
-  var AltDateWidget = props.registry.widgets.AltDateWidget;
-  return /*#__PURE__*/React__default.createElement(AltDateWidget, _extends({
-    showTime: true
-  }, props));
+const AltDateTimeWidget = props => {
+  const {
+    AltDateWidget
+  } = props.registry.widgets;
+  return /*#__PURE__*/React__default["default"].createElement(AltDateWidget, {
+    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,
+    onBlur,
+    onChange,
+    onFocus,
+    options,
+    readonly,
+    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);
-  };
+  }; // Antd's typescript definitions do not contain the following props that are actually necessary and, if provided,
+  // they are used, so hacking them in via by spreading `extraProps` on the component to avoid typescript errors
 
-  return !_.isEmpty(enumOptions) ? /*#__PURE__*/React__default.createElement(Checkbox.Group, {
+
+  const extraProps = {
+    id,
+    onBlur: !readonly ? handleBlur : undefined,
+    onFocus: !readonly ? handleFocus : undefined
+  };
+  return Array.isArray(enumOptions) && enumOptions.length > 0 ? /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"].Group, {
     disabled: disabled || readonlyAsDisabled && readonly,
-    id: id,
     name: id,
-    onBlur: !readonly ? handleBlur : undefined,
     onChange: !readonly ? handleChange : undefined,
-    onFocus: !readonly ? handleFocus : undefined,
-    value: value
-  }, enumOptions.map(function (_ref4, i) {
-    var optionValue = _ref4.value,
-        optionLabel = _ref4.label;
-    return /*#__PURE__*/React__default.createElement("span", {
+    value: value,
+    ...extraProps
+  }, Array.isArray(enumOptions) && enumOptions.map((_ref4, i) => {
+    let {
+      value: optionValue,
+      label: optionLabel
+    } = _ref4;
+    return /*#__PURE__*/React__default["default"].createElement("span", {
       key: optionValue
-    }, /*#__PURE__*/React__default.createElement(Checkbox, {
+    }, /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
+      id: id + "-" + optionValue,
+      name: id,
       autoFocus: i === 0 ? autofocus : false,
-      disabled: enumDisabled && enumDisabled.indexOf(value) !== -1,
+      disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(value) !== -1,
       value: optionValue
-    }, optionLabel), !inline && /*#__PURE__*/React__default.createElement("br", null));
+    }, optionLabel), !inline && /*#__PURE__*/React__default["default"].createElement("br", null));
   })) : 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,
+    readonly,
+    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);
-  };
+  }; // Antd's typescript definitions do not contain the following props that are actually necessary and, if provided,
+  // they are used, so hacking them in via by spreading `extraProps` on the component to avoid typescript errors
 
-  return /*#__PURE__*/React__default.createElement(Checkbox, {
-    autoFocus: autofocus,
-    checked: typeof value === 'undefined' ? false : value,
-    disabled: disabled || readonlyAsDisabled && readonly,
-    id: id,
-    name: id,
+
+  const extraProps = {
     onBlur: !readonly ? handleBlur : undefined,
-    onChange: !readonly ? handleChange : undefined,
     onFocus: !readonly ? handleFocus : undefined
-  }, 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);
   };
-
-  return /*#__PURE__*/React__default.createElement(Checkbox, {
+  return /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
+    autoFocus: autofocus,
+    checked: typeof value === "undefined" ? false : value,
     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
-  });
+    ...extraProps
+  }, label);
 };
 
-var DatePicker = /*#__PURE__*/generatePicker(dayjsGenerateConfig);
+const DatePicker = /*#__PURE__*/generatePicker__default["default"](dayjsGenerateConfig__default["default"]);
 
-var DATE_PICKER_STYLE = {
-  width: '100%'
+const DATE_PICKER_STYLE$1 = {
+  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());
-  };
+const DateTimeWidget = _ref => {
+  let {
+    disabled,
+    formContext,
+    id,
+    onBlur,
+    onChange,
+    onFocus,
+    placeholder,
+    readonly,
+    value
+  } = _ref;
+  const {
+    readonlyAsDisabled = true
+  } = formContext;
 
-  var handleBlur = function handleBlur() {
-    return onBlur(id, value);
-  };
+  const handleChange = nextValue => onChange(nextValue && nextValue.toISOString());
 
-  var handleFocus = function handleFocus() {
-    return onFocus(id, value);
-  };
+  const handleBlur = () => onBlur(id, value);
 
-  var getPopupContainer = function getPopupContainer(node) {
-    return node.parentNode;
-  };
+  const handleFocus = () => onFocus(id, value);
+
+  const getPopupContainer = node => node.parentNode;
 
-  return /*#__PURE__*/React__default.createElement(DatePicker, {
+  return /*#__PURE__*/React__default["default"].createElement(DatePicker, {
     disabled: disabled || readonlyAsDisabled && readonly,
     getPopupContainer: getPopupContainer,
     id: id,
@@ -1147,45 +1160,40 @@ var DateTimeWidget = function DateTimeWidget(_ref) {
     onFocus: !readonly ? handleFocus : undefined,
     placeholder: placeholder,
     showTime: true,
-    style: DATE_PICKER_STYLE,
-    value: value && dayjs(value)
+    style: DATE_PICKER_STYLE$1,
+    value: value && dayjs__default["default"](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'));
-  };
+const DateWidget = _ref => {
+  let {
+    disabled,
+    formContext,
+    id,
+    onBlur,
+    onChange,
+    onFocus,
+    placeholder,
+    readonly,
+    value
+  } = _ref;
+  const {
+    readonlyAsDisabled = true
+  } = formContext;
 
-  var handleBlur = function handleBlur() {
-    return onBlur(id, value);
-  };
+  const handleChange = nextValue => onChange(nextValue && nextValue.format("YYYY-MM-DD"));
 
-  var handleFocus = function handleFocus() {
-    return onFocus(id, value);
-  };
+  const handleBlur = () => onBlur(id, value);
 
-  var getPopupContainer = function getPopupContainer(node) {
-    return node.parentNode;
-  };
+  const handleFocus = () => onFocus(id, value);
 
-  return /*#__PURE__*/React__default.createElement(DatePicker, {
+  const getPopupContainer = node => node.parentNode;
+
+  return /*#__PURE__*/React__default["default"].createElement(DatePicker, {
     disabled: disabled || readonlyAsDisabled && readonly,
     getPopupContainer: getPopupContainer,
     id: id,
@@ -1195,45 +1203,51 @@ var DateWidget = function DateWidget(_ref) {
     onFocus: !readonly ? handleFocus : undefined,
     placeholder: placeholder,
     showTime: false,
-    style: DATE_PICKER_STYLE$1,
-    value: value && dayjs(value)
+    style: DATE_PICKER_STYLE,
+    value: value && dayjs__default["default"](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 {
+    disabled,
+    formContext,
+    id,
+    onBlur,
+    onChange,
+    onFocus,
+    options,
+    placeholder,
+    readonly,
+    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;
+  const handleFocus = _ref4 => {
+    let {
+      target
+    } = _ref4;
     return onFocus(id, target.value);
   };
 
-  return /*#__PURE__*/React__default.createElement(Input, {
+  return /*#__PURE__*/React__default["default"].createElement(Input__default["default"].Password, {
     disabled: disabled || readonlyAsDisabled && readonly,
     id: id,
     name: id,
@@ -1241,263 +1255,194 @@ var EmailWidget = function EmailWidget(_ref) {
     onChange: !readonly ? handleChange : undefined,
     onFocus: !readonly ? handleFocus : undefined,
     placeholder: placeholder,
-    style: INPUT_STYLE$2,
-    type: "email",
-    value: value
+    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);
+const RadioWidget = _ref => {
+  let {
+    autofocus,
+    disabled,
+    formContext,
+    id,
+    onBlur,
+    onChange,
+    onFocus,
+    options,
+    readonly,
+    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);
   };
 
-  return /*#__PURE__*/React__default.createElement(Input.Password, {
+  return /*#__PURE__*/React__default["default"].createElement(Radio__default["default"].Group, {
     disabled: disabled || readonlyAsDisabled && readonly,
     id: id,
     name: id,
-    onBlur: !readonly ? handleBlur : undefined,
     onChange: !readonly ? handleChange : undefined,
-    onFocus: !readonly ? handleFocus : undefined,
-    placeholder: placeholder,
-    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);
-  };
-
-  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__default.createElement(Radio.Group, {
-    disabled: disabled || readonlyAsDisabled && readonly,
-    id: id,
-    name: id,
     onBlur: !readonly ? handleBlur : undefined,
-    onChange: !readonly ? handleChange : undefined,
     onFocus: !readonly ? handleFocus : undefined,
     value: "" + value
-  }, enumOptions.map(function (_ref5, i) {
-    var optionValue = _ref5.value,
-        optionLabel = _ref5.label;
-    return /*#__PURE__*/React__default.createElement(Radio, {
+  }, Array.isArray(enumOptions) && enumOptions.map((_ref5, i) => {
+    let {
+      value: optionValue,
+      label: optionLabel
+    } = _ref5;
+    return /*#__PURE__*/React__default["default"].createElement(Radio__default["default"], {
+      id: id + "-" + optionValue,
+      name: id,
       autoFocus: i === 0 ? autofocus : false,
-      disabled: enumDisabled && enumDisabled.indexOf(value) !== -1,
-      key: "" + optionValue,
+      disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(value) !== -1,
+      key: optionValue,
       value: "" + optionValue
     }, optionLabel);
   }));
 };
 
-/* eslint-disable no-else-return */
-var rangeSpec = core.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,
+    onBlur,
+    onChange,
+    onFocus,
+    options,
+    placeholder,
+    readonly,
+    schema,
+    value
+  } = _ref;
+  const {
+    readonlyAsDisabled = true
+  } = formContext;
+  const {
+    min,
+    max,
+    step
+  } = utils.rangeSpec(schema);
+  const emptyValue = options.emptyValue || "";
+
+  const handleChange = nextValue => onChange(nextValue === "" ? emptyValue : nextValue);
+
+  const handleBlur = () => onBlur(id, value);
+
+  const handleFocus = () => onFocus(id, value); // Antd's typescript definitions do not contain the following props that are actually necessary and, if provided,
+  // they are used, so hacking them in via by spreading `extraProps` on the component to avoid typescript errors
+
+
+  const extraProps = {
+    placeholder,
+    onBlur: !readonly ? handleBlur : undefined,
+    onFocus: !readonly ? handleFocus : undefined
   };
-
-  return /*#__PURE__*/React__default.createElement(Slider, {
+  return /*#__PURE__*/React__default["default"].createElement(Slider__default["default"], {
     autoFocus: autofocus,
     disabled: disabled || readonlyAsDisabled && readonly,
     id: id,
     max: max,
     min: min,
-    onBlur: !readonly ? handleBlur : undefined,
     onChange: !readonly ? handleChange : undefined,
-    onFocus: !readonly ? handleFocus : undefined,
-    placeholder: placeholder,
     range: false,
     step: step,
-    value: value
+    value: value,
+    ...extraProps
   });
 };
 
-/* eslint-disable no-else-return */
-var asNumber = core.utils.asNumber,
-    guessType = core.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);
-  };
-
-  return /*#__PURE__*/React__default.createElement(Select, {
+const SelectWidget = _ref => {
+  let {
+    autofocus,
+    disabled,
+    formContext,
+    id,
+    multiple,
+    onBlur,
+    onChange,
+    onFocus,
+    options,
+    placeholder,
+    readonly,
+    schema,
+    value
+  } = _ref;
+  const {
+    readonlyAsDisabled = true
+  } = formContext;
+  const {
+    enumOptions,
+    enumDisabled
+  } = options;
+
+  const handleChange = nextValue => onChange(utils.processSelectValue(schema, nextValue, options));
+
+  const handleBlur = () => onBlur(id, utils.processSelectValue(schema, value, options));
+
+  const handleFocus = () => onFocus(id, utils.processSelectValue(schema, value, options));
+
+  const getPopupContainer = node => node.parentNode;
+
+  const stringify = currentValue => Array.isArray(currentValue) ? value.map(String) : String(value); // Antd's typescript definitions do not contain the following props that are actually necessary and, if provided,
+  // they are used, so hacking them in via by spreading `extraProps` on the component to avoid typescript errors
+
+
+  const extraProps = {
+    name: id
+  };
+  return /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
     autoFocus: autofocus,
     disabled: disabled || readonlyAsDisabled && readonly,
     getPopupContainer: getPopupContainer,
     id: id,
-    mode: typeof multiple !== 'undefined' ? 'multiple' : undefined,
-    name: id,
+    mode: typeof multiple !== "undefined" ? "multiple" : undefined,
     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;
-    return /*#__PURE__*/React__default.createElement(Select.Option, {
-      disabled: enumDisabled && enumDisabled.indexOf(optionValue) !== -1,
+    value: typeof value !== "undefined" ? stringify(value) : undefined,
+    ...extraProps
+  }, Array.isArray(enumOptions) && enumOptions.map(_ref2 => {
+    let {
+      value: optionValue,
+      label: optionLabel
+    } = _ref2;
+    return /*#__PURE__*/React__default["default"].createElement(Select__default["default"].Option, {
+      disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(optionValue) !== -1,
       key: String(optionValue),
       value: String(optionValue)
     }, optionLabel);
@@ -1508,196 +1453,54 @@ SelectWidget.defaultProps = {
   formContext: {}
 };
 
-var INPUT_STYLE$3 = {
-  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;
-    return onBlur(id, target.value);
-  };
-
-  var handleFocus = function handleFocus(_ref4) {
-    var target = _ref4.target;
-    return onFocus(id, target.value);
-  };
-
-  return /*#__PURE__*/React__default.createElement(Input.TextArea, {
-    disabled: disabled || readonlyAsDisabled && readonly,
-    id: id,
-    name: id,
-    onBlur: !readonly ? handleBlur : undefined,
-    onChange: !readonly ? handleChange : undefined,
-    onFocus: !readonly ? handleFocus : undefined,
-    placeholder: placeholder,
-    rows: options.rows || 4,
-    style: INPUT_STYLE$3,
-    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__default.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__default.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%'
+const INPUT_STYLE = {
+  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;
+const TextareaWidget = _ref => {
+  let {
+    disabled,
+    formContext,
+    id,
+    onBlur,
+    onChange,
+    onFocus,
+    options,
+    placeholder,
+    readonly,
+    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(_ref3) {
-    var target = _ref3.target;
+  const handleFocus = _ref4 => {
+    let {
+      target
+    } = _ref4;
     return onFocus(id, target.value);
-  };
-
-  return /*#__PURE__*/React__default.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);
-  };
+  }; // Antd's typescript definitions do not contain the following props that are actually necessary and, if provided,
+  // they are used, so hacking them in via by spreading `extraProps` on the component to avoid typescript errors
 
-  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 extraProps = {
+    type: "textarea"
   };
-
-  return /*#__PURE__*/React__default.createElement(Input, {
+  return /*#__PURE__*/React__default["default"].createElement(Input__default["default"].TextArea, {
     disabled: disabled || readonlyAsDisabled && readonly,
     id: id,
     name: id,
@@ -1705,94 +1508,36 @@ var URLWidget = function URLWidget(_ref) {
     onChange: !readonly ? handleChange : undefined,
     onFocus: !readonly ? handleFocus : undefined,
     placeholder: placeholder,
-    style: INPUT_STYLE$6,
-    type: "url",
-    value: value
+    rows: options.rows || 4,
+    style: INPUT_STYLE,
+    value: value,
+    ...extraProps
   });
 };
 
-var getSubmitButtonOptions = core.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__default.createElement(Button, _extends({
-    htmlType: "submit"
-  }, submitButtonProps), submitText);
-});
-
-var ErrorList = function ErrorList(_ref) {
-  var errors = _ref.errors;
-
-  var renderErrors = function renderErrors() {
-    return /*#__PURE__*/React__default.createElement(List, {
-      className: "list-group",
-      size: "small"
-    }, errors.map(function (error, index) {
-      return /*#__PURE__*/React__default.createElement(List.Item, {
-        key: index
-      }, /*#__PURE__*/React__default.createElement(Space, null, /*#__PURE__*/React__default.createElement(ExclamationCircleOutlined, null), error.stack));
-    }));
-  };
-
-  return /*#__PURE__*/React__default.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 = core.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: Index,
+  widgets: Widgets
 };
-var Form = /*#__PURE__*/core.withTheme(Theme);
+const Form = /*#__PURE__*/core.withTheme(Theme);
 
-exports.Fields = Fields;
 exports.Form = Form;
+exports.Templates = Index;
 exports.Theme = Theme;
 exports.Widgets = Widgets;
-exports.default = Form;
+exports["default"] = Form;
 //# sourceMappingURL=antd.cjs.development.js.map