@rjsf/antd 4.2.3 → 5.0.0-beta.4

package/dist/antd.umd.development.js

@@ -1,36 +1,99 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@rjsf/core'), require('react'), require('classnames'), require('antd/lib/config-provider/context'), require('antd/lib/form'), require('antd/lib/button'), require('antd/lib/col'), require('antd/lib/input'), require('antd/lib/row'), require('@ant-design/icons/DeleteOutlined'), require('lodash-es'), require('@ant-design/icons/PlusCircleOutlined'), require('@ant-design/icons/ArrowDownOutlined'), require('@ant-design/icons/ArrowUpOutlined'), require('antd/lib/checkbox'), require('dayjs'), require('rc-picker/lib/generate/dayjs'), require('antd/lib/date-picker/generatePicker'), require('antd/lib/radio'), require('antd/lib/slider'), require('antd/lib/select'), require('antd/lib/input-number'), require('antd/lib/alert'), require('antd/lib/list'), require('antd/lib/space'), require('@ant-design/icons/ExclamationCircleOutlined')) :
-  typeof define === 'function' && define.amd ? define(['exports', '@rjsf/core', 'react', 'classnames', 'antd/lib/config-provider/context', 'antd/lib/form', 'antd/lib/button', 'antd/lib/col', 'antd/lib/input', 'antd/lib/row', '@ant-design/icons/DeleteOutlined', 'lodash-es', '@ant-design/icons/PlusCircleOutlined', '@ant-design/icons/ArrowDownOutlined', '@ant-design/icons/ArrowUpOutlined', 'antd/lib/checkbox', 'dayjs', 'rc-picker/lib/generate/dayjs', 'antd/lib/date-picker/generatePicker', 'antd/lib/radio', 'antd/lib/slider', 'antd/lib/select', 'antd/lib/input-number', 'antd/lib/alert', 'antd/lib/list', 'antd/lib/space', '@ant-design/icons/ExclamationCircleOutlined'], factory) :
-  (global = global || self, factory(global['@rjsf/antd'] = {}, global.core, global.React, global.classNames, global.context, global.Form$1, global.Button, global.Col, global.Input, global.Row, global.DeleteOutlined, global._, global.PlusCircleOutlined, global.ArrowDownOutlined, global.ArrowUpOutlined, global.Checkbox, global.dayjs, global.dayjsGenerateConfig, global.generatePicker, global.Radio, global.Slider, global.Select, global.InputNumber, global.Alert, global.List, global.Space, global.ExclamationCircleOutlined));
-}(this, (function (exports, core, React, classNames, context, Form$1, Button, Col, Input, Row, DeleteOutlined, _, PlusCircleOutlined, ArrowDownOutlined, ArrowUpOutlined, Checkbox, dayjs, dayjsGenerateConfig, generatePicker, Radio, Slider, Select, InputNumber, Alert, List, Space, ExclamationCircleOutlined) { 'use strict';
-
-  var React__default = 'default' in React ? React['default'] : React;
-  classNames = classNames && Object.prototype.hasOwnProperty.call(classNames, 'default') ? classNames['default'] : classNames;
-  Form$1 = Form$1 && Object.prototype.hasOwnProperty.call(Form$1, 'default') ? Form$1['default'] : Form$1;
-  Button = Button && Object.prototype.hasOwnProperty.call(Button, 'default') ? Button['default'] : Button;
-  Col = Col && Object.prototype.hasOwnProperty.call(Col, 'default') ? Col['default'] : Col;
-  Input = Input && Object.prototype.hasOwnProperty.call(Input, 'default') ? Input['default'] : Input;
-  Row = Row && Object.prototype.hasOwnProperty.call(Row, 'default') ? Row['default'] : Row;
-  DeleteOutlined = DeleteOutlined && Object.prototype.hasOwnProperty.call(DeleteOutlined, 'default') ? DeleteOutlined['default'] : DeleteOutlined;
-  _ = _ && Object.prototype.hasOwnProperty.call(_, 'default') ? _['default'] : _;
-  PlusCircleOutlined = PlusCircleOutlined && Object.prototype.hasOwnProperty.call(PlusCircleOutlined, 'default') ? PlusCircleOutlined['default'] : PlusCircleOutlined;
-  ArrowDownOutlined = ArrowDownOutlined && Object.prototype.hasOwnProperty.call(ArrowDownOutlined, 'default') ? ArrowDownOutlined['default'] : ArrowDownOutlined;
-  ArrowUpOutlined = ArrowUpOutlined && Object.prototype.hasOwnProperty.call(ArrowUpOutlined, 'default') ? ArrowUpOutlined['default'] : ArrowUpOutlined;
-  Checkbox = Checkbox && Object.prototype.hasOwnProperty.call(Checkbox, 'default') ? Checkbox['default'] : Checkbox;
-  dayjs = dayjs && Object.prototype.hasOwnProperty.call(dayjs, 'default') ? dayjs['default'] : dayjs;
-  dayjsGenerateConfig = dayjsGenerateConfig && Object.prototype.hasOwnProperty.call(dayjsGenerateConfig, 'default') ? dayjsGenerateConfig['default'] : dayjsGenerateConfig;
-  generatePicker = generatePicker && Object.prototype.hasOwnProperty.call(generatePicker, 'default') ? generatePicker['default'] : generatePicker;
-  Radio = Radio && Object.prototype.hasOwnProperty.call(Radio, 'default') ? Radio['default'] : Radio;
-  Slider = Slider && Object.prototype.hasOwnProperty.call(Slider, 'default') ? Slider['default'] : Slider;
-  Select = Select && Object.prototype.hasOwnProperty.call(Select, 'default') ? Select['default'] : Select;
-  InputNumber = InputNumber && Object.prototype.hasOwnProperty.call(InputNumber, 'default') ? InputNumber['default'] : InputNumber;
-  Alert = Alert && Object.prototype.hasOwnProperty.call(Alert, 'default') ? Alert['default'] : Alert;
-  List = List && Object.prototype.hasOwnProperty.call(List, 'default') ? List['default'] : List;
-  Space = Space && Object.prototype.hasOwnProperty.call(Space, 'default') ? Space['default'] : Space;
-  ExclamationCircleOutlined = ExclamationCircleOutlined && Object.prototype.hasOwnProperty.call(ExclamationCircleOutlined, 'default') ? ExclamationCircleOutlined['default'] : ExclamationCircleOutlined;
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@rjsf/core'), require('react'), require('antd/lib/button'), require('antd/lib/col'), require('antd/lib/row'), require('@rjsf/utils'), require('classnames'), require('antd/lib/config-provider/context'), require('antd/lib/input'), require('antd/lib/input-number'), require('antd/lib/alert'), require('antd/lib/list'), require('antd/lib/space'), require('@ant-design/icons/ExclamationCircleOutlined'), require('@ant-design/icons/ArrowDownOutlined'), require('@ant-design/icons/ArrowUpOutlined'), require('@ant-design/icons/DeleteOutlined'), require('@ant-design/icons/PlusCircleOutlined'), require('antd/lib/form'), require('lodash-es/isObject'), require('lodash-es/isNumber'), require('antd/lib/checkbox'), require('dayjs'), require('rc-picker/lib/generate/dayjs'), require('antd/lib/date-picker/generatePicker'), require('antd/lib/radio'), require('antd/lib/slider'), require('antd/lib/select')) :
+  typeof define === 'function' && define.amd ? define(['exports', '@rjsf/core', 'react', 'antd/lib/button', 'antd/lib/col', 'antd/lib/row', '@rjsf/utils', 'classnames', 'antd/lib/config-provider/context', 'antd/lib/input', 'antd/lib/input-number', 'antd/lib/alert', 'antd/lib/list', 'antd/lib/space', '@ant-design/icons/ExclamationCircleOutlined', '@ant-design/icons/ArrowDownOutlined', '@ant-design/icons/ArrowUpOutlined', '@ant-design/icons/DeleteOutlined', '@ant-design/icons/PlusCircleOutlined', 'antd/lib/form', 'lodash-es/isObject', 'lodash-es/isNumber', 'antd/lib/checkbox', 'dayjs', 'rc-picker/lib/generate/dayjs', 'antd/lib/date-picker/generatePicker', 'antd/lib/radio', 'antd/lib/slider', 'antd/lib/select'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["@rjsf/antd"] = {}, global.core, global.React, global.Button, global.Col, global.Row, global.utils, global.classNames, global.context, global.Input, global.InputNumber, global.Alert, global.List, global.Space, global.ExclamationCircleOutlined, global.ArrowDownOutlined, global.ArrowUpOutlined, global.DeleteOutlined, global.PlusCircleOutlined, global.Form$1, global.isObject, global.isNumber, global.Checkbox, global.dayjs, global.dayjsGenerateConfig, global.generatePicker, global.Radio, global.Slider, global.Select));
+})(this, (function (exports, core, React, Button, Col, Row, utils, classNames, context, Input, InputNumber, Alert, List, Space, ExclamationCircleOutlined, ArrowDownOutlined, ArrowUpOutlined, DeleteOutlined, PlusCircleOutlined, Form$1, isObject, isNumber, Checkbox, dayjs, dayjsGenerateConfig, generatePicker, Radio, Slider, Select) { 'use strict';
+
+  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 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)"
+  };
+
+  const ArrayFieldItemTemplate = _ref => {
+    let {
+      children,
+      disabled,
+      formContext,
+      hasMoveDown,
+      hasMoveUp,
+      hasRemove,
+      hasToolbar,
+      index,
+      onDropIndexClick,
+      onReorderClick,
+      readonly,
+      registry
+    } = _ref;
+    const {
+      MoveDownButton,
+      MoveUpButton,
+      RemoveButton
+    } = registry.templates.ButtonTemplates;
+    const {
+      rowGutter = 24,
+      toolbarAlign = "top"
+    } = formContext;
+    return /*#__PURE__*/React__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
+    }), (hasMoveUp || hasMoveDown) && /*#__PURE__*/React__default["default"].createElement(MoveDownButton, {
+      disabled: disabled || readonly || !hasMoveDown,
+      onClick: onReorderClick(index, index + 1),
+      style: BTN_STYLE
+    }), hasRemove && /*#__PURE__*/React__default["default"].createElement(RemoveButton, {
+      disabled: disabled || readonly,
+      onClick: onDropIndexClick(index),
+      style: BTN_STYLE
+    }))));
+  };
+
+  ArrayFieldItemTemplate.defaultProps = {
+    formContext: {}
+  };
 
   function _extends() {
-    _extends = Object.assign || function (target) {
+    _extends = Object.assign ? Object.assign.bind() : function (target) {
       for (var i = 1; i < arguments.length; i++) {
         var source = arguments[i];
 
@@ -43,139 +106,322 @@
 
       return target;
     };
-
     return _extends.apply(this, arguments);
   }
 
-  function _objectWithoutPropertiesLoose(source, excluded) {
-    if (source == null) return {};
-    var target = {};
-    var sourceKeys = Object.keys(source);
-    var key, i;
+  const DESCRIPTION_COL_STYLE$1 = {
+    paddingBottom: "8px"
+  };
 
-    for (i = 0; i < sourceKeys.length; i++) {
-      key = sourceKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      target[key] = source[key];
-    }
+  const ArrayFieldTemplate = _ref => {
+    let {
+      canAdd,
+      className,
+      disabled,
+      formContext,
+      // formData,
+      idSchema,
+      items,
+      onAddClick,
+      prefixCls,
+      readonly,
+      registry,
+      required,
+      schema,
+      title,
+      uiSchema
+    } = _ref;
+    const uiOptions = 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(itemProps => /*#__PURE__*/React__default["default"].createElement(ArrayFieldItemTemplate, _extends({}, itemProps, {
+      formContext: formContext
+    })))), 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
+    }))))));
+  };
 
-    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 TextWidget = _ref => {
+    let {
+      // autofocus,
+      disabled,
+      formContext,
+      id,
+      // label,
+      onBlur,
+      onChange,
+      onFocus,
+      options,
+      placeholder,
+      readonly,
+      // required,
+      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"], _extends({
+      disabled: disabled || readonlyAsDisabled && readonly,
+      id: id,
+      name: id,
+      onBlur: !readonly ? handleBlur : undefined,
+      onChange: !readonly ? handleNumberChange : undefined,
+      onFocus: !readonly ? handleFocus : undefined,
+      placeholder: placeholder,
+      style: INPUT_STYLE$2,
+      list: schema.examples ? "examples_" + id : undefined
+    }, inputProps, {
+      value: value
+    })) : /*#__PURE__*/React__default["default"].createElement(Input__default["default"], _extends({
+      disabled: disabled || readonlyAsDisabled && readonly,
+      id: id,
+      name: id,
+      onBlur: !readonly ? handleBlur : undefined,
+      onChange: !readonly ? handleTextChange : undefined,
+      onFocus: !readonly ? handleFocus : undefined,
+      placeholder: placeholder,
+      style: INPUT_STYLE$2,
+      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 // registry,
 
-    var handleLabelClick = function handleLabelClick() {
-      if (!id) {
-        return;
-      }
+    } = _ref;
+    return /*#__PURE__*/React__default["default"].createElement("span", {
+      id: id
+    }, description);
+  };
 
-      var control = document.querySelector("[id=\"" + id + "\"]");
+  const ErrorList = _ref => {
+    let {
+      // errorSchema,
+      errors // formContext,
+      // schema,
+      // uiSchema,
 
-      if (control && control.focus) {
-        control.focus();
-      }
-    };
+    } = _ref;
 
-    return title ? /*#__PURE__*/React__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 = {
+  function IconButton(props) {
+    const {
+      iconType = "default",
+      icon,
+      ...otherProps
+    } = props;
+    return /*#__PURE__*/React__default["default"].createElement(Button__default["default"], _extends({
+      type: iconType,
+      icon: icon
+    }, otherProps));
+  }
+  function AddButton(props) {
+    return /*#__PURE__*/React__default["default"].createElement(IconButton, _extends({
+      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, _extends({
+      title: "Move down"
+    }, props, {
+      icon: /*#__PURE__*/React__default["default"].createElement(ArrowDownOutlined__default["default"], null)
+    }));
+  }
+  function MoveUpButton(props) {
+    return /*#__PURE__*/React__default["default"].createElement(IconButton, _extends({
+      title: "Move up"
+    }, props, {
+      icon: /*#__PURE__*/React__default["default"].createElement(ArrowUpOutlined__default["default"], null)
+    }));
+  }
+  function RemoveButton(props) {
+    return /*#__PURE__*/React__default["default"].createElement(IconButton, _extends({
+      title: "Remove"
+    }, props, {
+      danger: true,
+      iconType: "primary",
+      icon: /*#__PURE__*/React__default["default"].createElement(DeleteOutlined__default["default"], null)
+    }));
+  }
+
+  const VERTICAL_LABEL_COL$1 = {
     span: 24
   };
-  var VERTICAL_WRAPPER_COL = {
+  const VERTICAL_WRAPPER_COL$1 = {
     span: 24
   };
-  var INPUT_STYLE = {
-    width: '100%'
+  const INPUT_STYLE$1 = {
+    width: "100%"
   };
 
-  var WrapIfAdditional = function WrapIfAdditional(_ref) {
-    var children = _ref.children,
-        classNames = _ref.classNames,
-        disabled = _ref.disabled,
-        formContext = _ref.formContext,
-        id = _ref.id,
-        label = _ref.label,
-        onDropPropertyClick = _ref.onDropPropertyClick,
-        onKeyChange = _ref.onKeyChange,
-        readonly = _ref.readonly,
-        required = _ref.required,
-        schema = _ref.schema;
-    var colon = formContext.colon,
-        _formContext$labelCol = formContext.labelCol,
-        labelCol = _formContext$labelCol === void 0 ? VERTICAL_LABEL_COL : _formContext$labelCol,
-        _formContext$readonly = formContext.readonlyAsDisabled,
-        readonlyAsDisabled = _formContext$readonly === void 0 ? true : _formContext$readonly,
-        _formContext$rowGutte = formContext.rowGutter,
-        rowGutter = _formContext$rowGutte === void 0 ? 24 : _formContext$rowGutte,
-        _formContext$toolbarA = formContext.toolbarAlign,
-        toolbarAlign = _formContext$toolbarA === void 0 ? 'top' : _formContext$toolbarA,
-        _formContext$wrapperC = formContext.wrapperCol,
-        wrapperCol = _formContext$wrapperC === void 0 ? VERTICAL_WRAPPER_COL : _formContext$wrapperC,
-        wrapperStyle = formContext.wrapperStyle;
-    var keyLabel = label + " Key"; // i18n ?
-
-    var additional = schema.hasOwnProperty(ADDITIONAL_PROPERTY_FLAG);
+  const WrapIfAdditional = _ref => {
+    let {
+      children,
+      classNames,
+      disabled,
+      formContext,
+      id,
+      label,
+      onDropPropertyClick,
+      onKeyChange,
+      readonly,
+      required,
+      registry,
+      schema
+    } = _ref;
+    const {
+      colon,
+      labelCol = VERTICAL_LABEL_COL$1,
+      readonlyAsDisabled = true,
+      rowGutter = 24,
+      toolbarAlign = "top",
+      wrapperCol = VERTICAL_WRAPPER_COL$1,
+      wrapperStyle
+    } = formContext;
+    const {
+      RemoveButton
+    } = registry.templates.ButtonTemplates;
+    const keyLabel = label + " Key"; // i18n ?
+
+    const additional = (utils.ADDITIONAL_PROPERTY_FLAG in schema);
 
     if (!additional) {
-      return /*#__PURE__*/React__default.createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         className: classNames
       }, children);
     }
 
-    var handleBlur = function handleBlur(_ref2) {
-      var target = _ref2.target;
+    const handleBlur = _ref2 => {
+      let {
+        target
+      } = _ref2;
       return onKeyChange(target.value);
     };
 
-    return /*#__PURE__*/React__default.createElement("div", {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
       className: classNames
-    }, /*#__PURE__*/React__default.createElement(Row, {
+    }, /*#__PURE__*/React__default["default"].createElement(Row__default["default"], {
       align: toolbarAlign,
       gutter: rowGutter
-    }, /*#__PURE__*/React__default.createElement(Col, {
+    }, /*#__PURE__*/React__default["default"].createElement(Col__default["default"], {
       className: "form-additional",
       flex: "1"
-    }, /*#__PURE__*/React__default.createElement("div", {
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "form-group"
-    }, /*#__PURE__*/React__default.createElement(Form$1.Item, {
+    }, /*#__PURE__*/React__default["default"].createElement(Form__default["default"].Item, {
       colon: colon,
       className: "form-group",
       hasFeedback: true,
@@ -185,78 +431,76 @@
       required: required,
       style: wrapperStyle,
       wrapperCol: wrapperCol
-    }, /*#__PURE__*/React__default.createElement(Input, {
+    }, /*#__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,
+      style: INPUT_STYLE$1,
       type: "text"
-    })))), /*#__PURE__*/React__default.createElement(Col, {
+    })))), /*#__PURE__*/React__default["default"].createElement(Col__default["default"], {
       className: "form-additional",
       flex: "1"
-    }, children), /*#__PURE__*/React__default.createElement(Col, {
+    }, children), /*#__PURE__*/React__default["default"].createElement(Col__default["default"], {
       flex: "192px"
-    }, /*#__PURE__*/React__default.createElement(Button, {
+    }, /*#__PURE__*/React__default["default"].createElement(RemoveButton, {
       block: true,
       className: "array-item-remove",
-      danger: true,
       disabled: disabled || readonly,
-      icon: /*#__PURE__*/React__default.createElement(DeleteOutlined, null),
-      onClick: onDropPropertyClick(label),
-      type: "primary"
+      onClick: onDropPropertyClick(label)
     }))));
   };
 
-  var VERTICAL_LABEL_COL$1 = {
+  const VERTICAL_LABEL_COL = {
     span: 24
   };
-  var VERTICAL_WRAPPER_COL$1 = {
+  const VERTICAL_WRAPPER_COL = {
     span: 24
   };
 
-  var FieldTemplate = function FieldTemplate(_ref) {
-    var children = _ref.children,
-        classNames = _ref.classNames,
-        description = _ref.description,
-        disabled = _ref.disabled,
-        displayLabel = _ref.displayLabel,
-        formContext = _ref.formContext,
-        help = _ref.help,
-        hidden = _ref.hidden,
-        id = _ref.id,
-        label = _ref.label,
-        onDropPropertyClick = _ref.onDropPropertyClick,
-        onKeyChange = _ref.onKeyChange,
-        rawErrors = _ref.rawErrors,
-        rawHelp = _ref.rawHelp,
-        readonly = _ref.readonly,
-        required = _ref.required,
-        schema = _ref.schema;
-    var colon = formContext.colon,
-        _formContext$labelCol = formContext.labelCol,
-        labelCol = _formContext$labelCol === void 0 ? VERTICAL_LABEL_COL$1 : _formContext$labelCol,
-        _formContext$wrapperC = formContext.wrapperCol,
-        wrapperCol = _formContext$wrapperC === void 0 ? VERTICAL_WRAPPER_COL$1 : _formContext$wrapperC,
-        wrapperStyle = formContext.wrapperStyle;
+  const FieldTemplate = _ref => {
+    let {
+      children,
+      classNames,
+      description,
+      disabled,
+      displayLabel,
+      // errors,
+      formContext,
+      help,
+      hidden,
+      id,
+      label,
+      onDropPropertyClick,
+      onKeyChange,
+      rawErrors,
+      rawHelp,
+      readonly,
+      registry,
+      required,
+      schema // uiSchema,
+
+    } = _ref;
+    const {
+      colon,
+      labelCol = VERTICAL_LABEL_COL,
+      wrapperCol = VERTICAL_WRAPPER_COL,
+      wrapperStyle
+    } = formContext;
 
     if (hidden) {
-      return /*#__PURE__*/React__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);
-      });
-    };
+    const renderFieldErrors = () => [...new Set(rawErrors)].map(error => /*#__PURE__*/React__default["default"].createElement("div", {
+      key: "field-" + id + "-error-" + error
+    }, error));
 
-    return /*#__PURE__*/React__default.createElement(WrapIfAdditional, {
+    return /*#__PURE__*/React__default["default"].createElement(WrapIfAdditional, {
       classNames: classNames,
       disabled: disabled,
       formContext: formContext,
@@ -266,569 +510,271 @@
       onKeyChange: onKeyChange,
       readonly: readonly,
       required: required,
-      schema: schema
-    }, id === 'root' ? children : /*#__PURE__*/React__default.createElement(Form$1.Item, {
+      schema: schema,
+      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 || !!(rawErrors !== null && rawErrors !== void 0 && rawErrors.length) && renderFieldErrors(),
       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;
 
-    var calculateColSpan = function calculateColSpan(element) {
-      var type = findSchemaType(element);
-      var field = findUiSchemaField(element);
-      var widget = findUiSchemaWidget(element);
-      var defaultColSpan = properties.length < 2 || // Single or no field in object.
-      type === 'object' || type === 'array' || widget === 'textarea' ? 24 : 12;
+    const calculateColSpan = element => {
+      const type = findSchemaType(element);
+      const field = findUiSchemaField(element);
+      const widget = findUiSchemaWidget(element);
+      const defaultColSpan = properties.length < 2 || // Single or no field in object.
+      type === "object" || type === "array" || widget === "textarea" ? 24 : 12;
 
-      if (_.isObject(colSpan)) {
+      if (isObject__default["default"](colSpan)) {
         return colSpan[widget] || colSpan[field] || colSpan[type] || defaultColSpan;
       }
 
-      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 !== false && (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 !== false && (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")))));
+      onClick: onAddClick(schema)
+    })))));
   };
 
   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 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"
-    }))));
-  };
-
-  ArrayFieldTemplateItem.defaultProps = {
-    formContext: {}
-  };
+  var SubmitButton = (_ref => {
+    let {
+      uiSchema
+    } = _ref;
+    const {
+      submitText,
+      norender,
+      props: submitButtonProps
+    } = utils.getSubmitButtonOptions(uiSchema);
 
-  var DESCRIPTION_COL_STYLE$1 = {
-    paddingBottom: '8px'
-  };
+    if (norender) {
+      return null;
+    }
 
-  var FixedArrayFieldTemplate = function FixedArrayFieldTemplate(_ref) {
-    var canAdd = _ref.canAdd,
-        className = _ref.className,
-        DescriptionField = _ref.DescriptionField,
-        disabled = _ref.disabled,
-        formContext = _ref.formContext,
-        idSchema = _ref.idSchema,
-        items = _ref.items,
-        onAddClick = _ref.onAddClick,
-        prefixCls = _ref.prefixCls,
-        readonly = _ref.readonly,
-        required = _ref.required,
-        schema = _ref.schema,
-        title = _ref.title,
-        TitleField = _ref.TitleField,
-        uiSchema = _ref.uiSchema;
-    var _formContext$labelAli = formContext.labelAlign,
-        labelAlign = _formContext$labelAli === void 0 ? 'right' : _formContext$labelAli,
-        _formContext$rowGutte = formContext.rowGutter,
-        rowGutter = _formContext$rowGutte === void 0 ? 24 : _formContext$rowGutte;
-    var labelClsBasic = prefixCls + "-item-label";
-    var labelColClassName = classNames(labelClsBasic, labelAlign === 'left' && labelClsBasic + "-left" // labelCol.className,
-    );
-    return /*#__PURE__*/React__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"))))));
-  };
+    return /*#__PURE__*/React__default["default"].createElement(Button__default["default"], _extends({
+      type: "submit"
+    }, submitButtonProps, {
+      htmlType: "submit"
+    }), submitText);
+  });
 
-  var FixedArrayFieldTemplate$1 = /*#__PURE__*/context.withConfigConsumer({
-    prefixCls: 'form'
-  })(FixedArrayFieldTemplate);
+  const TitleField = _ref => {
+    let {
+      id,
+      prefixCls,
+      required,
+      registry,
+      title
+    } = _ref;
+    const {
+      formContext
+    } = registry;
+    const {
+      colon = true
+    } = formContext;
+    let labelChildren = title;
+
+    if (colon && typeof title === "string" && title.trim() !== "") {
+      labelChildren = title.replace(/[：:]\s*$/, "");
+    }
 
-  var DESCRIPTION_COL_STYLE$2 = {
-    paddingBottom: '8px'
-  };
+    const labelClassName = classNames__default["default"]({
+      [prefixCls + "-item-required"]: required,
+      [prefixCls + "-item-no-colon"]: !colon
+    });
 
-  var NormalArrayFieldTemplate = function NormalArrayFieldTemplate(_ref) {
-    var canAdd = _ref.canAdd,
-        className = _ref.className,
-        DescriptionField = _ref.DescriptionField,
-        disabled = _ref.disabled,
-        formContext = _ref.formContext,
-        idSchema = _ref.idSchema,
-        items = _ref.items,
-        onAddClick = _ref.onAddClick,
-        prefixCls = _ref.prefixCls,
-        readonly = _ref.readonly,
-        required = _ref.required,
-        schema = _ref.schema,
-        title = _ref.title,
-        TitleField = _ref.TitleField,
-        uiSchema = _ref.uiSchema;
-    var _formContext$labelAli = formContext.labelAlign,
-        labelAlign = _formContext$labelAli === void 0 ? 'right' : _formContext$labelAli,
-        _formContext$rowGutte = formContext.rowGutter,
-        rowGutter = _formContext$rowGutte === void 0 ? 24 : _formContext$rowGutte;
-    var labelClsBasic = prefixCls + "-item-label";
-    var labelColClassName = classNames(labelClsBasic, labelAlign === 'left' && labelClsBasic + "-left" // labelCol.className,
-    );
-    return /*#__PURE__*/React__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"))))));
-  };
+    const handleLabelClick = () => {
+      if (!id) {
+        return;
+      }
 
-  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
-      });
-    };
+      const control = document.querySelector("[id=\"" + id + "\"]");
 
-    var renderMultiSelect = function renderMultiSelect() {
-      var itemsSchema = retrieveSchema(schema.items, rootSchema, formData);
-      var enumOptions = optionsList(itemsSchema);
-
-      var _getUiOptions$enumOpt = _extends({}, getUiOptions(uiSchema), {
-        enumOptions: enumOptions
-      }),
-          _getUiOptions$enumOpt2 = _getUiOptions$enumOpt.widget,
-          widget = _getUiOptions$enumOpt2 === void 0 ? 'select' : _getUiOptions$enumOpt2,
-          options = _objectWithoutPropertiesLoose(_getUiOptions$enumOpt, ["widget"]);
-
-      var Widget = getWidget(schema, widget, widgets);
-      return /*#__PURE__*/React__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
-      });
+      if (control && control.focus) {
+        control.focus();
+      }
     };
 
-    if (!Object.prototype.hasOwnProperty.call(schema, 'items')) {
-      return /*#__PURE__*/React__default.createElement(UnsupportedField, {
-        idSchema: idSchema,
-        reason: "Missing items definition",
-        schema: 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 (isFilesArray(schema, uiSchema, rootSchema)) {
-      return renderFiles();
-    }
-
-    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,
-      required: required,
-      schema: schema,
-      title: title,
-      TitleField: TitleField,
-      uiSchema: uiSchema
-    });
+    return title ? /*#__PURE__*/React__default["default"].createElement("label", {
+      className: labelClassName,
+      htmlFor: id,
+      onClick: handleLabelClick,
+      title: typeof title === "string" ? title : ""
+    }, labelChildren) : null;
   };
 
-  var pad = core.utils.pad,
-      parseDateString = core.utils.parseDateString,
-      toDateString = core.utils.toDateString;
+  TitleField.defaultProps = {
+    formContext: {}
+  };
+  var TitleField$1 = /*#__PURE__*/context.withConfigConsumer({
+    prefixCls: "form"
+  })(TitleField);
 
-  var rangeOptions = function rangeOptions(start, stop) {
-    var options = [];
+  const rangeOptions = (start, stop) => {
+    let options = [];
 
-    for (var i = start; i <= stop; i++) {
+    for (let i = start; i <= stop; i++) {
       options.push({
         value: i,
-        label: pad(i, 2)
+        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.keys(state).every(key => typeof state[key] !== "undefined" && state[key] !== -1);
   };
 
-  var AltDateWidget = function AltDateWidget(_ref) {
-    var autofocus = _ref.autofocus,
-        disabled = _ref.disabled,
-        formContext = _ref.formContext,
-        id = _ref.id,
-        onBlur = _ref.onBlur,
-        onChange = _ref.onChange,
-        onFocus = _ref.onFocus,
-        options = _ref.options,
-        readonly = _ref.readonly,
-        registry = _ref.registry,
-        showTime = _ref.showTime,
-        value = _ref.value;
-    var SelectWidget = registry.widgets.SelectWidget;
-    var _formContext$rowGutte = formContext.rowGutter,
-        rowGutter = _formContext$rowGutte === void 0 ? 24 : _formContext$rowGutte;
-
-    var _useState = React.useState(parseDateString(value, showTime)),
-        state = _useState[0],
-        setState = _useState[1];
-
-    React.useEffect(function () {
-      setState(parseDateString(value, showTime));
+  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 handleChange = function handleChange(property, nextValue) {
-      var _extends2;
-
-      var nextState = _extends({}, state, (_extends2 = {}, _extends2[property] = typeof nextValue === "undefined" ? -1 : nextValue, _extends2));
+    const handleChange = (property, nextValue) => {
+      const nextState = { ...state,
+        [property]: typeof nextValue === "undefined" ? -1 : nextValue
+      };
 
       if (readyForChange(nextState)) {
-        onChange(toDateString(nextState, showTime));
+        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) {
@@ -838,14 +784,16 @@
       onChange(undefined);
     };
 
-    var dateElementProps = function dateElementProps() {
-      var year = state.year,
-          month = state.month,
-          day = state.day,
-          hour = state.hour,
-          minute = state.minute,
-          second = state.second;
-      var data = [{
+    const dateElementProps = () => {
+      const {
+        year,
+        month,
+        day,
+        hour,
+        minute,
+        second
+      } = state;
+      const data = [{
         type: "year",
         range: options.yearsRange,
         value: year
@@ -878,59 +826,55 @@
       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,
+      onBlur: elemProps.onBlur,
+      onChange: elemValue => elemProps.select(elemProps.type, elemValue),
+      onFocus: elemProps.onFocus,
+      options: {
+        enumOptions: rangeOptions(elemProps.range[0], elemProps.range[1])
+      },
+      placeholder: elemProps.type,
+      readonly: elemProps.readonly,
+      schema: {
+        type: "integer"
+      },
+      value: elemProps.value
+    });
 
-    return /*#__PURE__*/React__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().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,
+        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,
@@ -949,49 +893,62 @@
     showTime: false
   };
 
-  var AltDateTimeWidget = function AltDateTimeWidget(props) {
-    var AltDateWidget = props.registry.widgets.AltDateWidget;
-    return /*#__PURE__*/React__default.createElement(AltDateWidget, _extends({
+  const AltDateTimeWidget = props => {
+    const {
+      AltDateWidget
+    } = props.registry.widgets;
+    return /*#__PURE__*/React__default["default"].createElement(AltDateWidget, _extends({
       showTime: true
     }, props));
   };
 
-  AltDateTimeWidget.defaultProps = /*#__PURE__*/_extends({}, AltDateWidget.defaultProps, {
+  AltDateTimeWidget.defaultProps = { ...AltDateWidget.defaultProps,
     showTime: true
-  });
-
-  var CheckboxesWidget = function CheckboxesWidget(_ref) {
-    var autofocus = _ref.autofocus,
-        disabled = _ref.disabled,
-        formContext = _ref.formContext,
-        id = _ref.id,
-        onBlur = _ref.onBlur,
-        onChange = _ref.onChange,
-        onFocus = _ref.onFocus,
-        options = _ref.options,
-        readonly = _ref.readonly,
-        value = _ref.value;
-    var _formContext$readonly = formContext.readonlyAsDisabled,
-        readonlyAsDisabled = _formContext$readonly === void 0 ? true : _formContext$readonly;
-    var enumOptions = options.enumOptions,
-        enumDisabled = options.enumDisabled,
-        inline = options.inline;
-
-    var handleChange = function handleChange(nextValue) {
-      return onChange(nextValue);
-    };
+  };
 
-    var handleBlur = function handleBlur(_ref2) {
-      var target = _ref2.target;
+  const CheckboxesWidget = _ref => {
+    let {
+      autofocus,
+      disabled,
+      formContext,
+      id,
+      // label,
+      onBlur,
+      onChange,
+      onFocus,
+      options,
+      // placeholder,
+      readonly,
+      // required,
+      // schema,
+      value
+    } = _ref;
+    const {
+      readonlyAsDisabled = true
+    } = formContext;
+    const {
+      enumOptions,
+      enumDisabled,
+      inline
+    } = options;
+
+    const handleChange = nextValue => onChange(nextValue);
+
+    const handleBlur = _ref2 => {
+      let {
+        target
+      } = _ref2;
       return onBlur(id, target.value);
     };
 
-    var handleFocus = function handleFocus(_ref3) {
-      var target = _ref3.target;
+    const handleFocus = _ref3 => {
+      let {
+        target
+      } = _ref3;
       return onFocus(id, target.value);
     };
 
-    return !_.isEmpty(enumOptions) ? /*#__PURE__*/React__default.createElement(Checkbox.Group, {
+    return Array.isArray(enumOptions) && enumOptions.length > 0 ? /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"].Group, {
       disabled: disabled || readonlyAsDisabled && readonly,
       id: id,
       name: id,
@@ -999,51 +956,66 @@
       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", {
+    }, 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"], {
         autoFocus: i === 0 ? autofocus : false,
         disabled: 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,
+      // options,
+      // placeholder,
+      readonly,
+      // required,
+      // schema,
+      value
+    } = _ref;
+    const {
+      readonlyAsDisabled = true
+    } = formContext;
+
+    const handleChange = _ref2 => {
+      let {
+        target
+      } = _ref2;
       return onChange(target.checked);
     };
 
-    var handleBlur = function handleBlur(_ref3) {
-      var target = _ref3.target;
+    const handleBlur = _ref3 => {
+      let {
+        target
+      } = _ref3;
       return onBlur(id, target.checked);
     };
 
-    var handleFocus = function handleFocus(_ref4) {
-      var target = _ref4.target;
+    const handleFocus = _ref4 => {
+      let {
+        target
+      } = _ref4;
       return onFocus(id, target.checked);
     };
 
-    return /*#__PURE__*/React__default.createElement(Checkbox, {
+    return /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
       autoFocus: autofocus,
-      checked: typeof value === 'undefined' ? false : value,
+      checked: typeof value === "undefined" ? false : value,
       disabled: disabled || readonlyAsDisabled && readonly,
       id: id,
       name: id,
@@ -1053,88 +1025,42 @@
     }, 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);
-    };
+  const DatePicker = /*#__PURE__*/generatePicker__default["default"](dayjsGenerateConfig__default["default"]);
 
-    var handleFocus = function handleFocus(_ref4) {
-      var target = _ref4.target;
-      return onFocus(id, target.value);
-    };
-
-    return /*#__PURE__*/React__default.createElement(Checkbox, {
-      disabled: disabled || readonlyAsDisabled && readonly,
-      id: id,
-      name: id,
-      onBlur: !readonly ? handleBlur : undefined,
-      onChange: !readonly ? handleChange : undefined,
-      onFocus: !readonly ? handleFocus : undefined,
-      placeholder: placeholder,
-      style: INPUT_STYLE$1,
-      type: "color",
-      value: value
-    });
-  };
-
-  var DatePicker = /*#__PURE__*/generatePicker(dayjsGenerateConfig);
-
-  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());
-    };
-
-    var handleBlur = function handleBlur() {
-      return onBlur(id, value);
-    };
-
-    var handleFocus = function handleFocus() {
-      return onFocus(id, value);
-    };
-
-    var getPopupContainer = function getPopupContainer(node) {
-      return node.parentNode;
-    };
-
-    return /*#__PURE__*/React__default.createElement(DatePicker, {
+  const DateTimeWidget = _ref => {
+    let {
+      // autofocus,
+      disabled,
+      formContext,
+      id,
+      // label,
+      onBlur,
+      onChange,
+      onFocus,
+      // options,
+      placeholder,
+      readonly,
+      // required,
+      // schema,
+      value
+    } = _ref;
+    const {
+      readonlyAsDisabled = true
+    } = formContext;
+
+    const handleChange = nextValue => onChange(nextValue && nextValue.toISOString());
+
+    const handleBlur = () => onBlur(id, value);
+
+    const handleFocus = () => onFocus(id, value);
+
+    const getPopupContainer = node => node.parentNode;
+
+    return /*#__PURE__*/React__default["default"].createElement(DatePicker, {
       disabled: disabled || readonlyAsDisabled && readonly,
       getPopupContainer: getPopupContainer,
       id: id,
@@ -1144,45 +1070,45 @@
       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'));
-    };
-
-    var handleBlur = function handleBlur() {
-      return onBlur(id, value);
-    };
-
-    var handleFocus = function handleFocus() {
-      return onFocus(id, value);
-    };
-
-    var getPopupContainer = function getPopupContainer(node) {
-      return node.parentNode;
-    };
-
-    return /*#__PURE__*/React__default.createElement(DatePicker, {
+  const DateWidget = _ref => {
+    let {
+      // autofocus,
+      disabled,
+      formContext,
+      id,
+      // label,
+      onBlur,
+      onChange,
+      onFocus,
+      // options,
+      placeholder,
+      readonly,
+      // required,
+      // schema,
+      value
+    } = _ref;
+    const {
+      readonlyAsDisabled = true
+    } = formContext;
+
+    const handleChange = nextValue => onChange(nextValue && nextValue.format("YYYY-MM-DD"));
+
+    const handleBlur = () => onBlur(id, value);
+
+    const handleFocus = () => onFocus(id, value);
+
+    const getPopupContainer = node => node.parentNode;
+
+    return /*#__PURE__*/React__default["default"].createElement(DatePicker, {
       disabled: disabled || readonlyAsDisabled && readonly,
       getPopupContainer: getPopupContainer,
       id: id,
@@ -1192,89 +1118,55 @@
       onFocus: !readonly ? handleFocus : undefined,
       placeholder: placeholder,
       showTime: false,
-      style: DATE_PICKER_STYLE$1,
-      value: value && dayjs(value)
-    });
-  };
-
-  var INPUT_STYLE$2 = {
-    width: '100%'
-  };
-
-  var EmailWidget = function EmailWidget(_ref) {
-    var disabled = _ref.disabled,
-        formContext = _ref.formContext,
-        id = _ref.id,
-        onBlur = _ref.onBlur,
-        onChange = _ref.onChange,
-        onFocus = _ref.onFocus,
-        options = _ref.options,
-        placeholder = _ref.placeholder,
-        readonly = _ref.readonly,
-        value = _ref.value;
-    var _formContext$readonly = formContext.readonlyAsDisabled,
-        readonlyAsDisabled = _formContext$readonly === void 0 ? true : _formContext$readonly;
-
-    var handleChange = function handleChange(_ref2) {
-      var target = _ref2.target;
-      return onChange(target.value === '' ? options.emptyValue : target.value);
-    };
-
-    var handleBlur = function handleBlur(_ref3) {
-      var target = _ref3.target;
-      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, {
-      disabled: disabled || readonlyAsDisabled && readonly,
-      id: id,
-      name: id,
-      onBlur: !readonly ? handleBlur : undefined,
-      onChange: !readonly ? handleChange : undefined,
-      onFocus: !readonly ? handleFocus : undefined,
-      placeholder: placeholder,
-      style: INPUT_STYLE$2,
-      type: "email",
-      value: value
+      style: DATE_PICKER_STYLE,
+      value: value && dayjs__default["default"](value)
     });
   };
 
-  var PasswordWidget = function PasswordWidget(_ref) {
-    var disabled = _ref.disabled,
-        formContext = _ref.formContext,
-        id = _ref.id,
-        onBlur = _ref.onBlur,
-        onChange = _ref.onChange,
-        onFocus = _ref.onFocus,
-        options = _ref.options,
-        placeholder = _ref.placeholder,
-        readonly = _ref.readonly,
-        value = _ref.value;
-    var _formContext$readonly = formContext.readonlyAsDisabled,
-        readonlyAsDisabled = _formContext$readonly === void 0 ? true : _formContext$readonly;
-    var emptyValue = options.emptyValue || '';
-
-    var handleChange = function handleChange(_ref2) {
-      var target = _ref2.target;
-      return onChange(target.value === '' ? emptyValue : target.value);
-    };
-
-    var handleBlur = function handleBlur(_ref3) {
-      var target = _ref3.target;
+  const PasswordWidget = _ref => {
+    let {
+      // autofocus,
+      disabled,
+      formContext,
+      id,
+      // label,
+      onBlur,
+      onChange,
+      onFocus,
+      options,
+      placeholder,
+      readonly,
+      // required,
+      // schema,
+      value
+    } = _ref;
+    const {
+      readonlyAsDisabled = true
+    } = formContext;
+    const emptyValue = options.emptyValue || "";
+
+    const handleChange = _ref2 => {
+      let {
+        target
+      } = _ref2;
+      return onChange(target.value === "" ? emptyValue : target.value);
+    };
+
+    const handleBlur = _ref3 => {
+      let {
+        target
+      } = _ref3;
       return onBlur(id, target.value);
     };
 
-    var handleFocus = function handleFocus(_ref4) {
-      var target = _ref4.target;
+    const handleFocus = _ref4 => {
+      let {
+        target
+      } = _ref4;
       return onFocus(id, target.value);
     };
 
-    return /*#__PURE__*/React__default.createElement(Input.Password, {
+    return /*#__PURE__*/React__default["default"].createElement(Input__default["default"].Password, {
       disabled: disabled || readonlyAsDisabled && readonly,
       id: id,
       name: id,
@@ -1282,45 +1174,61 @@
       onChange: !readonly ? handleChange : undefined,
       onFocus: !readonly ? handleFocus : undefined,
       placeholder: placeholder,
-      value: value || ''
+      value: value || ""
     });
   };
 
   /* eslint-disable no-else-return */
 
-  var RadioWidget = function RadioWidget(_ref) {
-    var autofocus = _ref.autofocus,
-        disabled = _ref.disabled,
-        formContext = _ref.formContext,
-        id = _ref.id,
-        onBlur = _ref.onBlur,
-        onChange = _ref.onChange,
-        onFocus = _ref.onFocus,
-        options = _ref.options,
-        readonly = _ref.readonly,
-        schema = _ref.schema,
-        value = _ref.value;
-    var _formContext$readonly = formContext.readonlyAsDisabled,
-        readonlyAsDisabled = _formContext$readonly === void 0 ? true : _formContext$readonly;
-    var enumOptions = options.enumOptions,
-        enumDisabled = options.enumDisabled;
-
-    var handleChange = function handleChange(_ref2) {
-      var nextValue = _ref2.target.value;
-      return onChange(schema.type === 'boolean' ? nextValue !== 'false' : nextValue);
+  const RadioWidget = _ref => {
+    let {
+      autofocus,
+      disabled,
+      formContext,
+      id,
+      // label,
+      onBlur,
+      onChange,
+      onFocus,
+      options,
+      // placeholder,
+      readonly,
+      // required,
+      schema,
+      value
+    } = _ref;
+    const {
+      readonlyAsDisabled = true
+    } = formContext;
+    const {
+      enumOptions,
+      enumDisabled
+    } = options;
+
+    const handleChange = _ref2 => {
+      let {
+        target: {
+          value: nextValue
+        }
+      } = _ref2;
+      return onChange(schema.type === "boolean" ? nextValue !== "false" : nextValue);
     };
 
-    var handleBlur = function handleBlur(_ref3) {
-      var target = _ref3.target;
+    const handleBlur = _ref3 => {
+      let {
+        target
+      } = _ref3;
       return onBlur(id, target.value);
     };
 
-    var handleFocus = function handleFocus(_ref4) {
-      var target = _ref4.target;
+    const handleFocus = _ref4 => {
+      let {
+        target
+      } = _ref4;
       return onFocus(id, target.value);
     };
 
-    return /*#__PURE__*/React__default.createElement(Radio.Group, {
+    return /*#__PURE__*/React__default["default"].createElement(Radio__default["default"].Group, {
       disabled: disabled || readonlyAsDisabled && readonly,
       id: id,
       name: id,
@@ -1328,10 +1236,12 @@
       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, {
+    }, enumOptions.map((_ref5, i) => {
+      let {
+        value: optionValue,
+        label: optionLabel
+      } = _ref5;
+      return /*#__PURE__*/React__default["default"].createElement(Radio__default["default"], {
         autoFocus: i === 0 ? autofocus : false,
         disabled: enumDisabled && enumDisabled.indexOf(value) !== -1,
         key: "" + optionValue,
@@ -1341,44 +1251,41 @@
   };
 
   /* 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);
-    };
 
-    return /*#__PURE__*/React__default.createElement(Slider, {
+  const RangeWidget = _ref => {
+    let {
+      autofocus,
+      disabled,
+      formContext,
+      id,
+      // label,
+      onBlur,
+      onChange,
+      onFocus,
+      options,
+      placeholder,
+      readonly,
+      // required,
+      schema,
+      value
+    } = _ref;
+    const {
+      readonlyAsDisabled = true
+    } = formContext;
+    const {
+      min,
+      max,
+      step
+    } = utils.rangeSpec(schema);
+    const emptyValue = options.emptyValue || "";
+
+    const handleChange = nextValue => onChange(nextValue === "" ? emptyValue : nextValue);
+
+    const handleBlur = () => onBlur(id, value);
+
+    const handleFocus = () => onFocus(id, value);
+
+    return /*#__PURE__*/React__default["default"].createElement(Slider__default["default"], {
       autoFocus: autofocus,
       disabled: disabled || readonlyAsDisabled && readonly,
       id: id,
@@ -1395,105 +1302,65 @@
   };
 
   /* eslint-disable no-else-return */
-  var asNumber = core.utils.asNumber,
-      guessType = core.utils.guessType;
-  var SELECT_STYLE = {
-    width: '100%'
+  const 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;
-  };
-
-  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,
+      // label,
+      multiple,
+      onBlur,
+      onChange,
+      onFocus,
+      options,
+      placeholder,
+      readonly,
+      // required,
+      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);
+
+    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,
+      mode: typeof multiple !== "undefined" ? "multiple" : undefined,
       name: id,
       onBlur: !readonly ? handleBlur : undefined,
       onChange: !readonly ? handleChange : undefined,
       onFocus: !readonly ? handleFocus : undefined,
       placeholder: placeholder,
       style: SELECT_STYLE,
-      value: typeof value !== 'undefined' ? stringify(value) : undefined
-    }, enumOptions.map(function (_ref2) {
-      var optionValue = _ref2.value,
-          optionLabel = _ref2.label;
-      return /*#__PURE__*/React__default.createElement(Select.Option, {
+      value: typeof value !== "undefined" ? stringify(value) : undefined
+    }, enumOptions.map(_ref2 => {
+      let {
+        value: optionValue,
+        label: optionLabel
+      } = _ref2;
+      return /*#__PURE__*/React__default["default"].createElement(Select__default["default"].Option, {
         disabled: enumDisabled && enumDisabled.indexOf(optionValue) !== -1,
         key: String(optionValue),
         value: String(optionValue)
@@ -1505,40 +1372,53 @@
     formContext: {}
   };
 
-  var INPUT_STYLE$3 = {
-    width: '100%'
+  const INPUT_STYLE = {
+    width: "100%"
   };
 
-  var TextareaWidget = function TextareaWidget(_ref) {
-    var disabled = _ref.disabled,
-        formContext = _ref.formContext,
-        id = _ref.id,
-        onBlur = _ref.onBlur,
-        onChange = _ref.onChange,
-        onFocus = _ref.onFocus,
-        options = _ref.options,
-        placeholder = _ref.placeholder,
-        readonly = _ref.readonly,
-        value = _ref.value;
-    var _formContext$readonly = formContext.readonlyAsDisabled,
-        readonlyAsDisabled = _formContext$readonly === void 0 ? true : _formContext$readonly;
-
-    var handleChange = function handleChange(_ref2) {
-      var target = _ref2.target;
-      return onChange(target.value === '' ? options.emptyValue : target.value);
-    };
-
-    var handleBlur = function handleBlur(_ref3) {
-      var target = _ref3.target;
+  const TextareaWidget = _ref => {
+    let {
+      // autofocus,
+      disabled,
+      formContext,
+      id,
+      // label,
+      onBlur,
+      onChange,
+      onFocus,
+      options,
+      placeholder,
+      readonly,
+      // required,
+      // schema,
+      value
+    } = _ref;
+    const {
+      readonlyAsDisabled = true
+    } = formContext;
+
+    const handleChange = _ref2 => {
+      let {
+        target
+      } = _ref2;
+      return onChange(target.value === "" ? options.emptyValue : target.value);
+    };
+
+    const handleBlur = _ref3 => {
+      let {
+        target
+      } = _ref3;
       return onBlur(id, target.value);
     };
 
-    var handleFocus = function handleFocus(_ref4) {
-      var target = _ref4.target;
+    const handleFocus = _ref4 => {
+      let {
+        target
+      } = _ref4;
       return onFocus(id, target.value);
     };
 
-    return /*#__PURE__*/React__default.createElement(Input.TextArea, {
+    return /*#__PURE__*/React__default["default"].createElement(Input__default["default"].TextArea, {
       disabled: disabled || readonlyAsDisabled && readonly,
       id: id,
       name: id,
@@ -1547,253 +1427,53 @@
       onFocus: !readonly ? handleFocus : undefined,
       placeholder: placeholder,
       rows: options.rows || 4,
-      style: INPUT_STYLE$3,
+      style: INPUT_STYLE,
       type: "textarea",
       value: value
     });
   };
 
-  var INPUT_STYLE$4 = {
-    width: '100%'
-  };
-
-  var TextWidget = function TextWidget(_ref) {
-    var disabled = _ref.disabled,
-        formContext = _ref.formContext,
-        id = _ref.id,
-        onBlur = _ref.onBlur,
-        onChange = _ref.onChange,
-        onFocus = _ref.onFocus,
-        options = _ref.options,
-        placeholder = _ref.placeholder,
-        readonly = _ref.readonly,
-        schema = _ref.schema,
-        value = _ref.value;
-    var _formContext$readonly = formContext.readonlyAsDisabled,
-        readonlyAsDisabled = _formContext$readonly === void 0 ? true : _formContext$readonly;
-
-    var handleNumberChange = function handleNumberChange(nextValue) {
-      return onChange(nextValue);
-    };
-
-    var handleTextChange = function handleTextChange(_ref2) {
-      var target = _ref2.target;
-      return onChange(target.value === '' ? options.emptyValue : target.value);
-    };
-
-    var handleBlur = function handleBlur(_ref3) {
-      var target = _ref3.target;
-      return onBlur(id, target.value);
-    };
-
-    var handleFocus = function handleFocus(_ref4) {
-      var target = _ref4.target;
-      return onFocus(id, target.value);
-    };
-
-    return schema.type === 'number' || schema.type === 'integer' ? /*#__PURE__*/React__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 Widgets = {
+    AltDateTimeWidget,
+    AltDateWidget,
+    CheckboxesWidget,
+    CheckboxWidget,
+    DateTimeWidget,
+    DateWidget,
+    PasswordWidget,
+    RadioWidget,
+    RangeWidget,
+    SelectWidget,
+    TextareaWidget
   };
-
-  var UpDownWidget = function UpDownWidget(_ref) {
-    var disabled = _ref.disabled,
-        formContext = _ref.formContext,
-        id = _ref.id,
-        onBlur = _ref.onBlur,
-        onChange = _ref.onChange,
-        onFocus = _ref.onFocus,
-        placeholder = _ref.placeholder,
-        readonly = _ref.readonly,
-        value = _ref.value;
-    var _formContext$readonly = formContext.readonlyAsDisabled,
-        readonlyAsDisabled = _formContext$readonly === void 0 ? true : _formContext$readonly;
-
-    var handleChange = function handleChange(nextValue) {
-      return onChange(nextValue);
-    };
-
-    var handleBlur = function handleBlur(_ref2) {
-      var target = _ref2.target;
-      return onBlur(id, target.value);
-    };
-
-    var handleFocus = function handleFocus(_ref3) {
-      var target = _ref3.target;
-      return onFocus(id, target.value);
-    };
-
-    return /*#__PURE__*/React__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);
-    };
-
-    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, {
-      disabled: disabled || readonlyAsDisabled && readonly,
-      id: id,
-      name: id,
-      onBlur: !readonly ? handleBlur : undefined,
-      onChange: !readonly ? handleChange : undefined,
-      onFocus: !readonly ? handleFocus : undefined,
-      placeholder: placeholder,
-      style: INPUT_STYLE$6,
-      type: "url",
-      value: value
-    });
-  };
-
-  var getSubmitButtonOptions = 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"
-    });
-  };
-
-  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: {
+      ArrayFieldItemTemplate,
+      ArrayFieldTemplate: ArrayFieldTemplate$1,
+      BaseInputTemplate: TextWidget,
+      ButtonTemplates: {
+        AddButton,
+        MoveDownButton,
+        MoveUpButton,
+        RemoveButton,
+        SubmitButton
+      },
+      DescriptionFieldTemplate: DescriptionField,
+      ErrorListTemplate: ErrorList,
+      FieldTemplate,
+      ObjectFieldTemplate: ObjectFieldTemplate$1,
+      TitleFieldTemplate: TitleField$1
+    },
+    widgets: Widgets
   };
-  var Form = /*#__PURE__*/core.withTheme(Theme);
+  const Form = /*#__PURE__*/core.withTheme(Theme);
 
-  exports.Fields = Fields;
   exports.Form = Form;
   exports.Theme = Theme;
   exports.Widgets = Widgets;
-  exports.default = Form;
+  exports["default"] = Form;
 
   Object.defineProperty(exports, '__esModule', { value: true });
 
-})));
+}));
 //# sourceMappingURL=antd.umd.development.js.map