@rjsf/antd 4.1.1 → 4.2.2

package/dist/antd.umd.development.js

@@ -0,0 +1,1799 @@
+(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;
+
+  function _extends() {
+    _extends = Object.assign || function (target) {
+      for (var i = 1; i < arguments.length; i++) {
+        var source = arguments[i];
+
+        for (var key in source) {
+          if (Object.prototype.hasOwnProperty.call(source, key)) {
+            target[key] = source[key];
+          }
+        }
+      }
+
+      return target;
+    };
+
+    return _extends.apply(this, arguments);
+  }
+
+  function _objectWithoutPropertiesLoose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+
+    for (i = 0; i < sourceKeys.length; i++) {
+      key = sourceKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      target[key] = source[key];
+    }
+
+    return target;
+  }
+
+  var DescriptionField = function DescriptionField(_ref) {
+    var description = _ref.description,
+        id = _ref.id;
+    return /*#__PURE__*/React__default.createElement("span", {
+      id: id
+    }, description);
+  };
+
+  var TitleField = function TitleField(_ref) {
+    var _classNames;
+
+    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;
+
+    if (colon && typeof title === 'string' && title.trim() !== '') {
+      labelChildren = title.replace(/[：:]\s*$/, '');
+    }
+
+    var labelClassName = classNames((_classNames = {}, _classNames[prefixCls + "-item-required"] = required, _classNames[prefixCls + "-item-no-colon"] = !colon, _classNames));
+
+    var handleLabelClick = function handleLabelClick() {
+      if (!id) {
+        return;
+      }
+
+      var control = document.querySelector("[id=\"" + id + "\"]");
+
+      if (control && control.focus) {
+        control.focus();
+      }
+    };
+
+    return title ? /*#__PURE__*/React__default.createElement("label", {
+      className: labelClassName,
+      htmlFor: id,
+      onClick: handleLabelClick,
+      title: typeof title === 'string' ? title : ''
+    }, labelChildren) : null;
+  };
+
+  TitleField.defaultProps = {
+    formContext: {}
+  };
+  var TitleField$1 = /*#__PURE__*/context.withConfigConsumer({
+    prefixCls: 'form'
+  })(TitleField);
+
+  var ADDITIONAL_PROPERTY_FLAG = core.utils.ADDITIONAL_PROPERTY_FLAG;
+  var VERTICAL_LABEL_COL = {
+    span: 24
+  };
+  var VERTICAL_WRAPPER_COL = {
+    span: 24
+  };
+  var INPUT_STYLE = {
+    width: '100%'
+  };
+
+  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);
+
+    if (!additional) {
+      return /*#__PURE__*/React__default.createElement("div", {
+        className: classNames
+      }, children);
+    }
+
+    var handleBlur = function handleBlur(_ref2) {
+      var target = _ref2.target;
+      return onKeyChange(target.value);
+    };
+
+    return /*#__PURE__*/React__default.createElement("div", {
+      className: classNames
+    }, /*#__PURE__*/React__default.createElement(Row, {
+      align: toolbarAlign,
+      gutter: rowGutter
+    }, /*#__PURE__*/React__default.createElement(Col, {
+      className: "form-additional",
+      flex: "1"
+    }, /*#__PURE__*/React__default.createElement("div", {
+      className: "form-group"
+    }, /*#__PURE__*/React__default.createElement(Form$1.Item, {
+      colon: colon,
+      className: "form-group",
+      hasFeedback: true,
+      htmlFor: id + "-key",
+      label: keyLabel,
+      labelCol: labelCol,
+      required: required,
+      style: wrapperStyle,
+      wrapperCol: wrapperCol
+    }, /*#__PURE__*/React__default.createElement(Input, {
+      className: "form-control",
+      defaultValue: label,
+      disabled: disabled || readonlyAsDisabled && readonly,
+      id: id + "-key",
+      name: id + "-key",
+      onBlur: !readonly ? handleBlur : undefined,
+      style: INPUT_STYLE,
+      type: "text"
+    })))), /*#__PURE__*/React__default.createElement(Col, {
+      className: "form-additional",
+      flex: "1"
+    }, children), /*#__PURE__*/React__default.createElement(Col, {
+      flex: "192px"
+    }, /*#__PURE__*/React__default.createElement(Button, {
+      block: true,
+      className: "array-item-remove",
+      danger: true,
+      disabled: disabled || readonly,
+      icon: /*#__PURE__*/React__default.createElement(DeleteOutlined, null),
+      onClick: onDropPropertyClick(label),
+      type: "primary"
+    }))));
+  };
+
+  var VERTICAL_LABEL_COL$1 = {
+    span: 24
+  };
+  var VERTICAL_WRAPPER_COL$1 = {
+    span: 24
+  };
+
+  var FieldTemplate = function FieldTemplate(_ref) {
+    var children = _ref.children,
+        classNames = _ref.classNames,
+        description = _ref.description,
+        disabled = _ref.disabled,
+        displayLabel = _ref.displayLabel,
+        formContext = _ref.formContext,
+        help = _ref.help,
+        hidden = _ref.hidden,
+        id = _ref.id,
+        label = _ref.label,
+        onDropPropertyClick = _ref.onDropPropertyClick,
+        onKeyChange = _ref.onKeyChange,
+        rawErrors = _ref.rawErrors,
+        rawHelp = _ref.rawHelp,
+        readonly = _ref.readonly,
+        required = _ref.required,
+        schema = _ref.schema;
+    var colon = formContext.colon,
+        _formContext$labelCol = formContext.labelCol,
+        labelCol = _formContext$labelCol === void 0 ? VERTICAL_LABEL_COL$1 : _formContext$labelCol,
+        _formContext$wrapperC = formContext.wrapperCol,
+        wrapperCol = _formContext$wrapperC === void 0 ? VERTICAL_WRAPPER_COL$1 : _formContext$wrapperC,
+        wrapperStyle = formContext.wrapperStyle;
+
+    if (hidden) {
+      return /*#__PURE__*/React__default.createElement("div", {
+        className: "field-hidden"
+      }, children);
+    }
+
+    var renderFieldErrors = function renderFieldErrors() {
+      return [].concat(new Set(rawErrors)).map(function (error) {
+        return /*#__PURE__*/React__default.createElement("div", {
+          key: "field-" + id + "-error-" + error
+        }, error);
+      });
+    };
+
+    return /*#__PURE__*/React__default.createElement(WrapIfAdditional, {
+      classNames: classNames,
+      disabled: disabled,
+      formContext: formContext,
+      id: id,
+      label: label,
+      onDropPropertyClick: onDropPropertyClick,
+      onKeyChange: onKeyChange,
+      readonly: readonly,
+      required: required,
+      schema: schema
+    }, id === 'root' ? children : /*#__PURE__*/React__default.createElement(Form$1.Item, {
+      colon: colon,
+      extra: description,
+      hasFeedback: schema.type !== 'array' && schema.type !== 'object',
+      help: !!rawHelp && help || !!rawErrors && renderFieldErrors(),
+      htmlFor: id,
+      label: displayLabel && label,
+      labelCol: labelCol,
+      required: required,
+      style: wrapperStyle,
+      validateStatus: rawErrors ? 'error' : undefined,
+      wrapperCol: wrapperCol
+    }, children));
+  };
+
+  var canExpand = core.utils.canExpand;
+  var 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,
+    );
+
+    var findSchema = function findSchema(element) {
+      return element.content.props.schema;
+    };
+
+    var findSchemaType = function findSchemaType(element) {
+      return findSchema(element).type;
+    };
+
+    var findUiSchema = function findUiSchema(element) {
+      return element.content.props.uiSchema;
+    };
+
+    var findUiSchemaField = function findUiSchemaField(element) {
+      return findUiSchema(element)['ui:field'];
+    };
+
+    var findUiSchemaWidget = function findUiSchemaWidget(element) {
+      return findUiSchema(element)['ui:widget'];
+    };
+
+    var calculateColSpan = function calculateColSpan(element) {
+      var type = findSchemaType(element);
+      var field = findUiSchemaField(element);
+      var widget = findUiSchemaWidget(element);
+      var defaultColSpan = properties.length < 2 || // Single or no field in object.
+      type === 'object' || type === 'array' || widget === 'textarea' ? 24 : 12;
+
+      if (_.isObject(colSpan)) {
+        return colSpan[widget] || colSpan[field] || colSpan[type] || defaultColSpan;
+      }
+
+      if (_.isNumber(colSpan)) {
+        return colSpan;
+      }
+
+      return defaultColSpan;
+    };
+
+    return /*#__PURE__*/React__default.createElement("fieldset", {
+      id: idSchema.$id
+    }, /*#__PURE__*/React__default.createElement(Row, {
+      gutter: rowGutter
+    }, uiSchema['ui:title'] !== false && (uiSchema['ui:title'] || title) && /*#__PURE__*/React__default.createElement(Col, {
+      className: labelColClassName,
+      span: 24
+    }, /*#__PURE__*/React__default.createElement(TitleField, {
+      id: idSchema.$id + "-title",
+      required: required,
+      title: uiSchema['ui:title'] || title
+    })), uiSchema['ui:description'] !== false && (uiSchema['ui:description'] || description) && /*#__PURE__*/React__default.createElement(Col, {
+      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, {
+      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: "object-property-expand",
+      disabled: disabled || readonly,
+      onClick: onAddClick(schema),
+      type: "primary"
+    }, /*#__PURE__*/React__default.createElement(PlusCircleOutlined, null), " Add Item")))));
+  };
+
+  var ObjectFieldTemplate$1 = /*#__PURE__*/context.withConfigConsumer({
+    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 DESCRIPTION_COL_STYLE$1 = {
+    paddingBottom: '8px'
+  };
+
+  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"))))));
+  };
+
+  var FixedArrayFieldTemplate$1 = /*#__PURE__*/context.withConfigConsumer({
+    prefixCls: 'form'
+  })(FixedArrayFieldTemplate);
+
+  var DESCRIPTION_COL_STYLE$2 = {
+    paddingBottom: '8px'
+  };
+
+  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"))))));
+  };
+
+  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
+      });
+    };
+
+    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 (!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
+    });
+  };
+
+  var pad = core.utils.pad,
+      parseDateString = core.utils.parseDateString,
+      toDateString = core.utils.toDateString;
+
+  var rangeOptions = function rangeOptions(start, stop) {
+    var options = [];
+
+    for (var i = start; i <= stop; i++) {
+      options.push({
+        value: i,
+        label: 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;
+    });
+  };
+
+  var AltDateWidget = function AltDateWidget(_ref) {
+    var autofocus = _ref.autofocus,
+        disabled = _ref.disabled,
+        formContext = _ref.formContext,
+        id = _ref.id,
+        onBlur = _ref.onBlur,
+        onChange = _ref.onChange,
+        onFocus = _ref.onFocus,
+        options = _ref.options,
+        readonly = _ref.readonly,
+        registry = _ref.registry,
+        showTime = _ref.showTime,
+        value = _ref.value;
+    var SelectWidget = registry.widgets.SelectWidget;
+    var _formContext$rowGutte = formContext.rowGutter,
+        rowGutter = _formContext$rowGutte === void 0 ? 24 : _formContext$rowGutte;
+
+    var _useState = React.useState(parseDateString(value, showTime)),
+        state = _useState[0],
+        setState = _useState[1];
+
+    React.useEffect(function () {
+      setState(parseDateString(value, showTime));
+    }, [showTime, value]);
+
+    var handleChange = function handleChange(property, nextValue) {
+      var _extends2;
+
+      var nextState = _extends({}, state, (_extends2 = {}, _extends2[property] = typeof nextValue === "undefined" ? -1 : nextValue, _extends2));
+
+      if (readyForChange(nextState)) {
+        onChange(toDateString(nextState, showTime));
+      } else {
+        setState(nextState);
+      }
+    };
+
+    var handleNow = function handleNow(event) {
+      event.preventDefault();
+
+      if (disabled || readonly) {
+        return;
+      }
+
+      var nextState = parseDateString(new Date().toJSON(), showTime);
+      onChange(toDateString(nextState, showTime));
+    };
+
+    var handleClear = function handleClear(event) {
+      event.preventDefault();
+
+      if (disabled || readonly) {
+        return;
+      }
+
+      onChange(undefined);
+    };
+
+    var dateElementProps = function dateElementProps() {
+      var year = state.year,
+          month = state.month,
+          day = state.day,
+          hour = state.hour,
+          minute = state.minute,
+          second = state.second;
+      var data = [{
+        type: "year",
+        range: options.yearsRange,
+        value: year
+      }, {
+        type: "month",
+        range: [1, 12],
+        value: month
+      }, {
+        type: "day",
+        range: [1, 31],
+        value: day
+      }];
+
+      if (showTime) {
+        data.push({
+          type: "hour",
+          range: [0, 23],
+          value: hour
+        }, {
+          type: "minute",
+          range: [0, 59],
+          value: minute
+        }, {
+          type: "second",
+          range: [0, 59],
+          value: second
+        });
+      }
+
+      return data;
+    };
+
+    var renderDateElement = function renderDateElement(elemProps) {
+      return /*#__PURE__*/React__default.createElement(SelectWidget, {
+        autofocus: elemProps.autofocus,
+        className: "form-control",
+        disabled: elemProps.disabled,
+        id: elemProps.id,
+        onBlur: elemProps.onBlur,
+        onChange: function onChange(elemValue) {
+          return elemProps.select(elemProps.type, elemValue);
+        },
+        onFocus: elemProps.onFocus,
+        options: {
+          enumOptions: rangeOptions(elemProps.range[0], elemProps.range[1])
+        },
+        placeholder: elemProps.type,
+        readonly: elemProps.readonly,
+        schema: {
+          type: "integer"
+        },
+        value: elemProps.value
+      });
+    };
+
+    return /*#__PURE__*/React__default.createElement(Row, {
+      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, {
+        flex: "88px",
+        key: elemId
+      }, renderDateElement(_extends({}, elemProps, {
+        autofocus: autofocus && i === 0,
+        disabled: disabled,
+        id: elemId,
+        onBlur: onBlur,
+        onFocus: onFocus,
+        readonly: readonly,
+        registry: 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, {
+      flex: "88px"
+    }, /*#__PURE__*/React__default.createElement(Button, {
+      block: true,
+      className: "btn-now",
+      onClick: handleNow,
+      type: "primary"
+    }, "Now")), !options.hideClearButton && /*#__PURE__*/React__default.createElement(Col, {
+      flex: "88px"
+    }, /*#__PURE__*/React__default.createElement(Button, {
+      block: true,
+      className: "btn-clear",
+      danger: true,
+      onClick: handleClear,
+      type: "primary"
+    }, "Clear")));
+  };
+
+  AltDateWidget.defaultProps = {
+    autofocus: false,
+    disabled: false,
+    options: {
+      yearsRange: [1900, /*#__PURE__*/new Date().getFullYear() + 2]
+    },
+    readonly: false,
+    showTime: false
+  };
+
+  var AltDateTimeWidget = function AltDateTimeWidget(props) {
+    var AltDateWidget = props.registry.widgets.AltDateWidget;
+    return /*#__PURE__*/React__default.createElement(AltDateWidget, _extends({
+      showTime: true
+    }, props));
+  };
+
+  AltDateTimeWidget.defaultProps = /*#__PURE__*/_extends({}, 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;
+      return onBlur(id, target.value);
+    };
+
+    var handleFocus = function handleFocus(_ref3) {
+      var target = _ref3.target;
+      return onFocus(id, target.value);
+    };
+
+    return !_.isEmpty(enumOptions) ? /*#__PURE__*/React__default.createElement(Checkbox.Group, {
+      disabled: disabled || readonlyAsDisabled && readonly,
+      id: id,
+      name: id,
+      onBlur: !readonly ? handleBlur : undefined,
+      onChange: !readonly ? handleChange : undefined,
+      onFocus: !readonly ? handleFocus : undefined,
+      value: value
+    }, enumOptions.map(function (_ref4, i) {
+      var optionValue = _ref4.value,
+          optionLabel = _ref4.label;
+      return /*#__PURE__*/React__default.createElement("span", {
+        key: optionValue
+      }, /*#__PURE__*/React__default.createElement(Checkbox, {
+        autoFocus: i === 0 ? autofocus : false,
+        disabled: enumDisabled && enumDisabled.indexOf(value) !== -1,
+        value: optionValue
+      }, optionLabel), !inline && /*#__PURE__*/React__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;
+      return onChange(target.checked);
+    };
+
+    var handleBlur = function handleBlur(_ref3) {
+      var target = _ref3.target;
+      return onBlur(id, target.checked);
+    };
+
+    var handleFocus = function handleFocus(_ref4) {
+      var target = _ref4.target;
+      return onFocus(id, target.checked);
+    };
+
+    return /*#__PURE__*/React__default.createElement(Checkbox, {
+      autoFocus: autofocus,
+      checked: typeof value === 'undefined' ? false : value,
+      disabled: disabled || readonlyAsDisabled && readonly,
+      id: id,
+      name: id,
+      onBlur: !readonly ? handleBlur : undefined,
+      onChange: !readonly ? handleChange : undefined,
+      onFocus: !readonly ? handleFocus : undefined
+    }, label);
+  };
+
+  var INPUT_STYLE$1 = {
+    width: '100%'
+  };
+
+  var ColorWidget = function ColorWidget(_ref) {
+    var disabled = _ref.disabled,
+        formContext = _ref.formContext,
+        id = _ref.id,
+        onBlur = _ref.onBlur,
+        onChange = _ref.onChange,
+        onFocus = _ref.onFocus,
+        placeholder = _ref.placeholder,
+        readonly = _ref.readonly,
+        value = _ref.value;
+    var _formContext$readonly = formContext.readonlyAsDisabled,
+        readonlyAsDisabled = _formContext$readonly === void 0 ? true : _formContext$readonly;
+
+    var handleChange = function handleChange(_ref2) {
+      var target = _ref2.target;
+      return onChange(target.value);
+    };
+
+    var handleBlur = function handleBlur(_ref3) {
+      var target = _ref3.target;
+      return onBlur(id, target.value);
+    };
+
+    var handleFocus = function handleFocus(_ref4) {
+      var target = _ref4.target;
+      return onFocus(id, target.value);
+    };
+
+    return /*#__PURE__*/React__default.createElement(Checkbox, {
+      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%'
+  };
+
+  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, {
+      disabled: disabled || readonlyAsDisabled && readonly,
+      getPopupContainer: getPopupContainer,
+      id: id,
+      name: id,
+      onBlur: !readonly ? handleBlur : undefined,
+      onChange: !readonly ? handleChange : undefined,
+      onFocus: !readonly ? handleFocus : undefined,
+      placeholder: placeholder,
+      showTime: true,
+      style: DATE_PICKER_STYLE,
+      value: value && dayjs(value)
+    });
+  };
+
+  var DATE_PICKER_STYLE$1 = {
+    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, {
+      disabled: disabled || readonlyAsDisabled && readonly,
+      getPopupContainer: getPopupContainer,
+      id: id,
+      name: id,
+      onBlur: !readonly ? handleBlur : undefined,
+      onChange: !readonly ? handleChange : undefined,
+      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
+    });
+  };
+
+  var PasswordWidget = function PasswordWidget(_ref) {
+    var disabled = _ref.disabled,
+        formContext = _ref.formContext,
+        id = _ref.id,
+        onBlur = _ref.onBlur,
+        onChange = _ref.onChange,
+        onFocus = _ref.onFocus,
+        options = _ref.options,
+        placeholder = _ref.placeholder,
+        readonly = _ref.readonly,
+        value = _ref.value;
+    var _formContext$readonly = formContext.readonlyAsDisabled,
+        readonlyAsDisabled = _formContext$readonly === void 0 ? true : _formContext$readonly;
+    var emptyValue = options.emptyValue || '';
+
+    var handleChange = function handleChange(_ref2) {
+      var target = _ref2.target;
+      return onChange(target.value === '' ? emptyValue : target.value);
+    };
+
+    var handleBlur = function handleBlur(_ref3) {
+      var target = _ref3.target;
+      return onBlur(id, target.value);
+    };
+
+    var handleFocus = function handleFocus(_ref4) {
+      var target = _ref4.target;
+      return onFocus(id, target.value);
+    };
+
+    return /*#__PURE__*/React__default.createElement(Input.Password, {
+      disabled: disabled || readonlyAsDisabled && readonly,
+      id: id,
+      name: id,
+      onBlur: !readonly ? handleBlur : undefined,
+      onChange: !readonly ? handleChange : undefined,
+      onFocus: !readonly ? handleFocus : undefined,
+      placeholder: placeholder,
+      value: value || ''
+    });
+  };
+
+  /* eslint-disable no-else-return */
+
+  var RadioWidget = function RadioWidget(_ref) {
+    var autofocus = _ref.autofocus,
+        disabled = _ref.disabled,
+        formContext = _ref.formContext,
+        id = _ref.id,
+        onBlur = _ref.onBlur,
+        onChange = _ref.onChange,
+        onFocus = _ref.onFocus,
+        options = _ref.options,
+        readonly = _ref.readonly,
+        schema = _ref.schema,
+        value = _ref.value;
+    var _formContext$readonly = formContext.readonlyAsDisabled,
+        readonlyAsDisabled = _formContext$readonly === void 0 ? true : _formContext$readonly;
+    var enumOptions = options.enumOptions,
+        enumDisabled = options.enumDisabled;
+
+    var handleChange = function handleChange(_ref2) {
+      var nextValue = _ref2.target.value;
+      return onChange(schema.type === 'boolean' ? nextValue !== 'false' : nextValue);
+    };
+
+    var handleBlur = function handleBlur(_ref3) {
+      var target = _ref3.target;
+      return onBlur(id, target.value);
+    };
+
+    var handleFocus = function handleFocus(_ref4) {
+      var target = _ref4.target;
+      return onFocus(id, target.value);
+    };
+
+    return /*#__PURE__*/React__default.createElement(Radio.Group, {
+      disabled: disabled || readonlyAsDisabled && readonly,
+      id: id,
+      name: id,
+      onBlur: !readonly ? handleBlur : undefined,
+      onChange: !readonly ? handleChange : undefined,
+      onFocus: !readonly ? handleFocus : undefined,
+      value: "" + value
+    }, enumOptions.map(function (_ref5, i) {
+      var optionValue = _ref5.value,
+          optionLabel = _ref5.label;
+      return /*#__PURE__*/React__default.createElement(Radio, {
+        autoFocus: i === 0 ? autofocus : false,
+        disabled: enumDisabled && enumDisabled.indexOf(value) !== -1,
+        key: "" + optionValue,
+        value: "" + optionValue
+      }, optionLabel);
+    }));
+  };
+
+  /* eslint-disable no-else-return */
+  var rangeSpec = core.utils.rangeSpec;
+
+  var RangeWidget = function RangeWidget(_ref) {
+    var autofocus = _ref.autofocus,
+        disabled = _ref.disabled,
+        formContext = _ref.formContext,
+        id = _ref.id,
+        onBlur = _ref.onBlur,
+        onChange = _ref.onChange,
+        onFocus = _ref.onFocus,
+        options = _ref.options,
+        placeholder = _ref.placeholder,
+        readonly = _ref.readonly,
+        schema = _ref.schema,
+        value = _ref.value;
+    var _formContext$readonly = formContext.readonlyAsDisabled,
+        readonlyAsDisabled = _formContext$readonly === void 0 ? true : _formContext$readonly;
+
+    var _rangeSpec = rangeSpec(schema),
+        min = _rangeSpec.min,
+        max = _rangeSpec.max,
+        step = _rangeSpec.step;
+
+    var emptyValue = options.emptyValue || '';
+
+    var handleChange = function handleChange(nextValue) {
+      return onChange(nextValue === '' ? emptyValue : nextValue);
+    };
+
+    var handleBlur = function handleBlur() {
+      return onBlur(id, value);
+    };
+
+    var handleFocus = function handleFocus() {
+      return onFocus(id, value);
+    };
+
+    return /*#__PURE__*/React__default.createElement(Slider, {
+      autoFocus: autofocus,
+      disabled: disabled || readonlyAsDisabled && readonly,
+      id: id,
+      max: max,
+      min: min,
+      onBlur: !readonly ? handleBlur : undefined,
+      onChange: !readonly ? handleChange : undefined,
+      onFocus: !readonly ? handleFocus : undefined,
+      placeholder: placeholder,
+      range: false,
+      step: step,
+      value: value
+    });
+  };
+
+  /* eslint-disable no-else-return */
+  var asNumber = core.utils.asNumber,
+      guessType = core.utils.guessType;
+  var SELECT_STYLE = {
+    width: '100%'
+  };
+  var nums = /*#__PURE__*/new Set(['number', 'integer']);
+  /**
+   * This is a silly limitation in the DOM where option change event values are
+   * always retrieved as strings.
+   */
+
+  var processValue = function processValue(schema, value) {
+    // "enum" is a reserved word, so only "type" and "items" can be destructured
+    var type = schema.type,
+        items = schema.items;
+
+    if (value === '') {
+      return undefined;
+    } else if (type === 'array' && items && nums.has(items.type)) {
+      return value.map(asNumber);
+    } else if (type === 'boolean') {
+      return value === 'true';
+    } else if (type === 'number') {
+      return asNumber(value);
+    } // If type is undefined, but an enum is present, try and infer the type from
+    // the enum values
+
+
+    if (schema.enum) {
+      if (schema.enum.every(function (x) {
+        return guessType(x) === 'number';
+      })) {
+        return asNumber(value);
+      } else if (schema.enum.every(function (x) {
+        return guessType(x) === 'boolean';
+      })) {
+        return value === 'true';
+      }
+    }
+
+    return value;
+  };
+
+  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, {
+      autoFocus: autofocus,
+      disabled: disabled || readonlyAsDisabled && readonly,
+      getPopupContainer: getPopupContainer,
+      id: id,
+      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, {
+        disabled: enumDisabled && enumDisabled.indexOf(optionValue) !== -1,
+        key: String(optionValue),
+        value: String(optionValue)
+      }, optionLabel);
+    }));
+  };
+
+  SelectWidget.defaultProps = {
+    formContext: {}
+  };
+
+  var INPUT_STYLE$3 = {
+    width: '100%'
+  };
+
+  var TextareaWidget = function TextareaWidget(_ref) {
+    var disabled = _ref.disabled,
+        formContext = _ref.formContext,
+        id = _ref.id,
+        onBlur = _ref.onBlur,
+        onChange = _ref.onChange,
+        onFocus = _ref.onFocus,
+        options = _ref.options,
+        placeholder = _ref.placeholder,
+        readonly = _ref.readonly,
+        value = _ref.value;
+    var _formContext$readonly = formContext.readonlyAsDisabled,
+        readonlyAsDisabled = _formContext$readonly === void 0 ? true : _formContext$readonly;
+
+    var handleChange = function handleChange(_ref2) {
+      var target = _ref2.target;
+      return onChange(target.value === '' ? options.emptyValue : target.value);
+    };
+
+    var handleBlur = function handleBlur(_ref3) {
+      var target = _ref3.target;
+      return onBlur(id, target.value);
+    };
+
+    var handleFocus = function handleFocus(_ref4) {
+      var target = _ref4.target;
+      return onFocus(id, target.value);
+    };
+
+    return /*#__PURE__*/React__default.createElement(Input.TextArea, {
+      disabled: disabled || readonlyAsDisabled && readonly,
+      id: id,
+      name: id,
+      onBlur: !readonly ? handleBlur : undefined,
+      onChange: !readonly ? handleChange : undefined,
+      onFocus: !readonly ? handleFocus : undefined,
+      placeholder: placeholder,
+      rows: options.rows || 4,
+      style: INPUT_STYLE$3,
+      type: "textarea",
+      value: value
+    });
+  };
+
+  var INPUT_STYLE$4 = {
+    width: '100%'
+  };
+
+  var TextWidget = function TextWidget(_ref) {
+    var disabled = _ref.disabled,
+        formContext = _ref.formContext,
+        id = _ref.id,
+        onBlur = _ref.onBlur,
+        onChange = _ref.onChange,
+        onFocus = _ref.onFocus,
+        options = _ref.options,
+        placeholder = _ref.placeholder,
+        readonly = _ref.readonly,
+        schema = _ref.schema,
+        value = _ref.value;
+    var _formContext$readonly = formContext.readonlyAsDisabled,
+        readonlyAsDisabled = _formContext$readonly === void 0 ? true : _formContext$readonly;
+
+    var handleNumberChange = function handleNumberChange(nextValue) {
+      return onChange(nextValue);
+    };
+
+    var handleTextChange = function handleTextChange(_ref2) {
+      var target = _ref2.target;
+      return onChange(target.value === '' ? options.emptyValue : target.value);
+    };
+
+    var handleBlur = function handleBlur(_ref3) {
+      var target = _ref3.target;
+      return onBlur(id, target.value);
+    };
+
+    var handleFocus = function handleFocus(_ref4) {
+      var target = _ref4.target;
+      return onFocus(id, target.value);
+    };
+
+    return schema.type === 'number' || schema.type === 'integer' ? /*#__PURE__*/React__default.createElement(InputNumber, {
+      disabled: disabled || readonlyAsDisabled && readonly,
+      id: id,
+      name: id,
+      onBlur: !readonly ? handleBlur : undefined,
+      onChange: !readonly ? handleNumberChange : undefined,
+      onFocus: !readonly ? handleFocus : undefined,
+      placeholder: placeholder,
+      style: INPUT_STYLE$4,
+      type: "number",
+      value: value
+    }) : /*#__PURE__*/React__default.createElement(Input, {
+      disabled: disabled || readonlyAsDisabled && readonly,
+      id: id,
+      name: id,
+      onBlur: !readonly ? handleBlur : undefined,
+      onChange: !readonly ? handleTextChange : undefined,
+      onFocus: !readonly ? handleFocus : undefined,
+      placeholder: placeholder,
+      style: INPUT_STYLE$4,
+      type: options.inputType || 'text',
+      value: value
+    });
+  };
+
+  var INPUT_STYLE$5 = {
+    width: '100%'
+  };
+
+  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
+  };
+  var Form = /*#__PURE__*/core.withTheme(Theme);
+
+  exports.Fields = Fields;
+  exports.Form = Form;
+  exports.Theme = Theme;
+  exports.Widgets = Widgets;
+  exports.default = Form;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
+//# sourceMappingURL=antd.umd.development.js.map