@rjsf/antd 4.2.0 → 4.2.1

package/dist/antd.esm.js

@@ -0,0 +1,1788 @@
+import { utils, withTheme } from '@rjsf/core';
+import React, { useState, useEffect } from 'react';
+import classNames from 'classnames';
+import { withConfigConsumer } from 'antd/lib/config-provider/context';
+import Form$1 from 'antd/lib/form';
+import Button from 'antd/lib/button';
+import Col from 'antd/lib/col';
+import Input from 'antd/lib/input';
+import Row from 'antd/lib/row';
+import DeleteOutlined from '@ant-design/icons/DeleteOutlined';
+import _ from 'lodash-es';
+import PlusCircleOutlined from '@ant-design/icons/PlusCircleOutlined';
+import ArrowDownOutlined from '@ant-design/icons/ArrowDownOutlined';
+import ArrowUpOutlined from '@ant-design/icons/ArrowUpOutlined';
+import Checkbox from 'antd/lib/checkbox';
+import dayjs from 'dayjs';
+import dayjsGenerateConfig from 'rc-picker/lib/generate/dayjs';
+import generatePicker from 'antd/lib/date-picker/generatePicker';
+import Radio from 'antd/lib/radio';
+import Slider from 'antd/lib/slider';
+import Select from 'antd/lib/select';
+import InputNumber from 'antd/lib/input-number';
+import Alert from 'antd/lib/alert';
+import List from 'antd/lib/list';
+import Space from 'antd/lib/space';
+import ExclamationCircleOutlined from '@ant-design/icons/ExclamationCircleOutlined';
+
+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.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.createElement("label", {
+    className: labelClassName,
+    htmlFor: id,
+    onClick: handleLabelClick,
+    title: typeof title === 'string' ? title : ''
+  }, labelChildren) : null;
+};
+
+TitleField.defaultProps = {
+  formContext: {}
+};
+var TitleField$1 = /*#__PURE__*/withConfigConsumer({
+  prefixCls: 'form'
+})(TitleField);
+
+var ADDITIONAL_PROPERTY_FLAG = 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.createElement("div", {
+      className: classNames
+    }, children);
+  }
+
+  var handleBlur = function handleBlur(_ref2) {
+    var target = _ref2.target;
+    return onKeyChange(target.value);
+  };
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames
+  }, /*#__PURE__*/React.createElement(Row, {
+    align: toolbarAlign,
+    gutter: rowGutter
+  }, /*#__PURE__*/React.createElement(Col, {
+    className: "form-additional",
+    flex: "1"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "form-group"
+  }, /*#__PURE__*/React.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.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.createElement(Col, {
+    className: "form-additional",
+    flex: "1"
+  }, children), /*#__PURE__*/React.createElement(Col, {
+    flex: "192px"
+  }, /*#__PURE__*/React.createElement(Button, {
+    block: true,
+    className: "array-item-remove",
+    danger: true,
+    disabled: disabled || readonly,
+    icon: /*#__PURE__*/React.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.createElement("div", {
+      className: "field-hidden"
+    }, children);
+  }
+
+  var renderFieldErrors = function renderFieldErrors() {
+    return [].concat(new Set(rawErrors)).map(function (error) {
+      return /*#__PURE__*/React.createElement("div", {
+        key: "field-" + id + "-error-" + error
+      }, error);
+    });
+  };
+
+  return /*#__PURE__*/React.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.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 = 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.createElement("fieldset", {
+    id: idSchema.$id
+  }, /*#__PURE__*/React.createElement(Row, {
+    gutter: rowGutter
+  }, uiSchema['ui:title'] !== false && (uiSchema['ui:title'] || title) && /*#__PURE__*/React.createElement(Col, {
+    className: labelColClassName,
+    span: 24
+  }, /*#__PURE__*/React.createElement(TitleField, {
+    id: idSchema.$id + "-title",
+    required: required,
+    title: uiSchema['ui:title'] || title
+  })), uiSchema['ui:description'] !== false && (uiSchema['ui:description'] || description) && /*#__PURE__*/React.createElement(Col, {
+    span: 24,
+    style: DESCRIPTION_COL_STYLE
+  }, /*#__PURE__*/React.createElement(DescriptionField, {
+    description: uiSchema['ui:description'] || description,
+    id: idSchema.$id + "-description"
+  })), properties.filter(function (e) {
+    return !e.hidden;
+  }).map(function (element) {
+    return /*#__PURE__*/React.createElement(Col, {
+      key: element.name,
+      span: calculateColSpan(element)
+    }, element.content);
+  })), canExpand(schema, uiSchema, formData) && /*#__PURE__*/React.createElement(Col, {
+    span: 24
+  }, /*#__PURE__*/React.createElement(Row, {
+    gutter: rowGutter,
+    justify: "end"
+  }, /*#__PURE__*/React.createElement(Col, {
+    flex: "192px"
+  }, /*#__PURE__*/React.createElement(Button, {
+    block: true,
+    className: "object-property-expand",
+    disabled: disabled || readonly,
+    onClick: onAddClick(schema),
+    type: "primary"
+  }, /*#__PURE__*/React.createElement(PlusCircleOutlined, null), " Add Item")))));
+};
+
+var ObjectFieldTemplate$1 = /*#__PURE__*/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.createElement(Row, {
+    align: toolbarAlign,
+    key: "array-item-" + index,
+    gutter: rowGutter
+  }, /*#__PURE__*/React.createElement(Col, {
+    flex: "1"
+  }, children), hasToolbar && /*#__PURE__*/React.createElement(Col, {
+    flex: "192px"
+  }, /*#__PURE__*/React.createElement(Button.Group, {
+    style: BTN_GRP_STYLE
+  }, (hasMoveUp || hasMoveDown) && /*#__PURE__*/React.createElement(Button, {
+    disabled: disabled || readonly || !hasMoveUp,
+    icon: /*#__PURE__*/React.createElement(ArrowUpOutlined, null),
+    onClick: onReorderClick(index, index - 1),
+    style: BTN_STYLE,
+    type: "default"
+  }), (hasMoveUp || hasMoveDown) && /*#__PURE__*/React.createElement(Button, {
+    disabled: disabled || readonly || !hasMoveDown,
+    icon: /*#__PURE__*/React.createElement(ArrowDownOutlined, null),
+    onClick: onReorderClick(index, index + 1),
+    style: BTN_STYLE,
+    type: "default"
+  }), hasRemove && /*#__PURE__*/React.createElement(Button, {
+    danger: true,
+    disabled: disabled || readonly,
+    icon: /*#__PURE__*/React.createElement(DeleteOutlined, null),
+    onClick: onDropIndexClick(index),
+    style: BTN_STYLE,
+    type: "primary"
+  }))));
+};
+
+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.createElement("fieldset", {
+    className: className,
+    id: idSchema.$id
+  }, /*#__PURE__*/React.createElement(Row, {
+    gutter: rowGutter
+  }, title && /*#__PURE__*/React.createElement(Col, {
+    className: labelColClassName,
+    span: 24
+  }, /*#__PURE__*/React.createElement(TitleField, {
+    id: idSchema.$id + "__title",
+    key: "array-field-title-" + idSchema.$id,
+    required: required,
+    title: uiSchema['ui:title'] || title
+  })), (uiSchema['ui:description'] || schema.description) && /*#__PURE__*/React.createElement(Col, {
+    span: 24,
+    style: DESCRIPTION_COL_STYLE$1
+  }, /*#__PURE__*/React.createElement(DescriptionField, {
+    description: uiSchema['ui:description'] || schema.description,
+    id: idSchema.$id + "-description",
+    key: "array-field-description-" + idSchema.$id
+  })), /*#__PURE__*/React.createElement(Col, {
+    className: "row array-item-list",
+    span: 24
+  }, items && items.map(function (itemProps) {
+    return /*#__PURE__*/React.createElement(ArrayFieldTemplateItem, _extends({}, itemProps, {
+      formContext: formContext
+    }));
+  })), canAdd && /*#__PURE__*/React.createElement(Col, {
+    span: 24
+  }, /*#__PURE__*/React.createElement(Row, {
+    gutter: rowGutter,
+    justify: "end"
+  }, /*#__PURE__*/React.createElement(Col, {
+    flex: "192px"
+  }, /*#__PURE__*/React.createElement(Button, {
+    block: true,
+    className: "array-item-add",
+    disabled: disabled || readonly,
+    onClick: onAddClick,
+    type: "primary"
+  }, /*#__PURE__*/React.createElement(PlusCircleOutlined, null), " Add Item"))))));
+};
+
+var FixedArrayFieldTemplate$1 = /*#__PURE__*/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.createElement("fieldset", {
+    className: className,
+    id: idSchema.$id
+  }, /*#__PURE__*/React.createElement(Row, {
+    gutter: rowGutter
+  }, title && /*#__PURE__*/React.createElement(Col, {
+    className: labelColClassName,
+    span: 24
+  }, /*#__PURE__*/React.createElement(TitleField, {
+    id: idSchema.$id + "__title",
+    key: "array-field-title-" + idSchema.$id,
+    required: required,
+    title: uiSchema['ui:title'] || title
+  })), (uiSchema['ui:description'] || schema.description) && /*#__PURE__*/React.createElement(Col, {
+    span: 24,
+    style: DESCRIPTION_COL_STYLE$2
+  }, /*#__PURE__*/React.createElement(DescriptionField, {
+    description: uiSchema['ui:description'] || schema.description,
+    id: idSchema.$id + "__description",
+    key: "array-field-description-" + idSchema.$id
+  })), /*#__PURE__*/React.createElement(Col, {
+    className: "row array-item-list",
+    span: 24
+  }, items && items.map(function (itemProps) {
+    return /*#__PURE__*/React.createElement(ArrayFieldTemplateItem, _extends({}, itemProps, {
+      formContext: formContext
+    }));
+  })), canAdd && /*#__PURE__*/React.createElement(Col, {
+    span: 24
+  }, /*#__PURE__*/React.createElement(Row, {
+    gutter: rowGutter,
+    justify: "end"
+  }, /*#__PURE__*/React.createElement(Col, {
+    flex: "192px"
+  }, /*#__PURE__*/React.createElement(Button, {
+    block: true,
+    className: "array-item-add",
+    disabled: disabled || readonly,
+    onClick: onAddClick,
+    type: "primary"
+  }, /*#__PURE__*/React.createElement(PlusCircleOutlined, null), " Add Item"))))));
+};
+
+var NormalArrayFieldTemplate$1 = /*#__PURE__*/withConfigConsumer({
+  prefixCls: 'form'
+})(NormalArrayFieldTemplate);
+
+var getUiOptions = utils.getUiOptions,
+    getWidget = utils.getWidget,
+    isFilesArray = utils.isFilesArray,
+    isFixedItems = utils.isFixedItems,
+    isMultiSelect = utils.isMultiSelect,
+    optionsList = utils.optionsList,
+    retrieveSchema = utils.retrieveSchema;
+
+var ArrayFieldTemplate = function ArrayFieldTemplate(_ref) {
+  var DescriptionField = _ref.DescriptionField,
+      TitleField = _ref.TitleField,
+      autofocus = _ref.autofocus,
+      canAdd = _ref.canAdd,
+      className = _ref.className,
+      disabled = _ref.disabled,
+      formContext = _ref.formContext,
+      formData = _ref.formData,
+      idSchema = _ref.idSchema,
+      items = _ref.items,
+      label = _ref.label,
+      name = _ref.name,
+      onAddClick = _ref.onAddClick,
+      onBlur = _ref.onBlur,
+      onChange = _ref.onChange,
+      onFocus = _ref.onFocus,
+      placeholder = _ref.placeholder,
+      rawErrors = _ref.rawErrors,
+      readonly = _ref.readonly,
+      registry = _ref.registry,
+      required = _ref.required,
+      schema = _ref.schema,
+      title = _ref.title,
+      uiSchema = _ref.uiSchema;
+  var fields = registry.fields,
+      rootSchema = registry.rootSchema,
+      widgets = registry.widgets;
+  var UnsupportedField = fields.UnsupportedField;
+
+  var renderFiles = function renderFiles() {
+    var _getUiOptions = getUiOptions(uiSchema),
+        _getUiOptions$widget = _getUiOptions.widget,
+        widget = _getUiOptions$widget === void 0 ? 'files' : _getUiOptions$widget,
+        options = _objectWithoutPropertiesLoose(_getUiOptions, ["widget"]);
+
+    var Widget = getWidget(schema, widget, widgets);
+    return /*#__PURE__*/React.createElement(Widget, {
+      autofocus: autofocus,
+      disabled: disabled,
+      formContext: formContext,
+      id: idSchema && idSchema.$id,
+      multiple: true,
+      onBlur: onBlur,
+      onChange: onChange,
+      onFocus: onFocus,
+      options: options,
+      rawErrors: rawErrors,
+      readonly: readonly,
+      registry: registry,
+      schema: schema,
+      title: schema.title || name // Why not props.title?
+      ,
+      value: formData
+    });
+  };
+
+  var renderMultiSelect = function renderMultiSelect() {
+    var itemsSchema = retrieveSchema(schema.items, rootSchema, formData);
+    var enumOptions = optionsList(itemsSchema);
+
+    var _getUiOptions$enumOpt = _extends({}, getUiOptions(uiSchema), {
+      enumOptions: enumOptions
+    }),
+        _getUiOptions$enumOpt2 = _getUiOptions$enumOpt.widget,
+        widget = _getUiOptions$enumOpt2 === void 0 ? 'select' : _getUiOptions$enumOpt2,
+        options = _objectWithoutPropertiesLoose(_getUiOptions$enumOpt, ["widget"]);
+
+    var Widget = getWidget(schema, widget, widgets);
+    return /*#__PURE__*/React.createElement(Widget, {
+      autofocus: autofocus,
+      disabled: disabled,
+      formContext: formContext,
+      id: idSchema && idSchema.$id,
+      label: label,
+      multiple: true,
+      onBlur: onBlur,
+      onChange: onChange,
+      onFocus: onFocus,
+      options: options,
+      placeholder: placeholder,
+      rawErrors: rawErrors,
+      readonly: readonly,
+      registry: registry,
+      required: required,
+      schema: schema,
+      value: formData
+    });
+  };
+
+  if (!Object.prototype.hasOwnProperty.call(schema, 'items')) {
+    return /*#__PURE__*/React.createElement(UnsupportedField, {
+      idSchema: idSchema,
+      reason: "Missing items definition",
+      schema: schema
+    });
+  }
+
+  if (isFixedItems(schema)) {
+    return /*#__PURE__*/React.createElement(FixedArrayFieldTemplate$1, {
+      canAdd: canAdd,
+      className: className,
+      DescriptionField: DescriptionField,
+      disabled: disabled,
+      formContext: formContext,
+      formData: formData,
+      idSchema: idSchema,
+      items: items,
+      onAddClick: onAddClick,
+      readonly: readonly,
+      registry: registry,
+      required: required,
+      schema: schema,
+      title: title,
+      TitleField: TitleField,
+      uiSchema: uiSchema
+    });
+  }
+
+  if (isFilesArray(schema, uiSchema, rootSchema)) {
+    return renderFiles();
+  }
+
+  if (isMultiSelect(schema, rootSchema)) {
+    return renderMultiSelect();
+  }
+
+  return /*#__PURE__*/React.createElement(NormalArrayFieldTemplate$1, {
+    canAdd: canAdd,
+    className: className,
+    DescriptionField: DescriptionField,
+    disabled: disabled,
+    formContext: formContext,
+    formData: formData,
+    idSchema: idSchema,
+    items: items,
+    onAddClick: onAddClick,
+    readonly: readonly,
+    registry: registry,
+    required: required,
+    schema: schema,
+    title: title,
+    TitleField: TitleField,
+    uiSchema: uiSchema
+  });
+};
+
+var pad = utils.pad,
+    parseDateString = utils.parseDateString,
+    toDateString = 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 = useState(parseDateString(value, showTime)),
+      state = _useState[0],
+      setState = _useState[1];
+
+  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.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.createElement(Row, {
+    gutter: [Math.floor(rowGutter / 2), Math.floor(rowGutter / 2)]
+  }, dateElementProps().map(function (elemProps, i) {
+    var elemId = id + "_" + elemProps.type;
+    return /*#__PURE__*/React.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.createElement(Col, {
+    flex: "88px"
+  }, /*#__PURE__*/React.createElement(Button, {
+    block: true,
+    className: "btn-now",
+    onClick: handleNow,
+    type: "primary"
+  }, "Now")), !options.hideClearButton && /*#__PURE__*/React.createElement(Col, {
+    flex: "88px"
+  }, /*#__PURE__*/React.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.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.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.createElement("span", {
+      key: optionValue
+    }, /*#__PURE__*/React.createElement(Checkbox, {
+      autoFocus: i === 0 ? autofocus : false,
+      disabled: enumDisabled && enumDisabled.indexOf(value) !== -1,
+      value: optionValue
+    }, optionLabel), !inline && /*#__PURE__*/React.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.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.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.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.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.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.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.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.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 = 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.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 = utils.asNumber,
+    guessType = utils.guessType;
+var SELECT_STYLE = {
+  width: '100%'
+};
+var nums = /*#__PURE__*/new Set(['number', 'integer']);
+/**
+ * This is a silly limitation in the DOM where option change event values are
+ * always retrieved as strings.
+ */
+
+var processValue = function processValue(schema, value) {
+  // "enum" is a reserved word, so only "type" and "items" can be destructured
+  var type = schema.type,
+      items = schema.items;
+
+  if (value === '') {
+    return undefined;
+  } else if (type === 'array' && items && nums.has(items.type)) {
+    return value.map(asNumber);
+  } else if (type === 'boolean') {
+    return value === 'true';
+  } else if (type === 'number') {
+    return asNumber(value);
+  } // If type is undefined, but an enum is present, try and infer the type from
+  // the enum values
+
+
+  if (schema.enum) {
+    if (schema.enum.every(function (x) {
+      return guessType(x) === 'number';
+    })) {
+      return asNumber(value);
+    } else if (schema.enum.every(function (x) {
+      return guessType(x) === 'boolean';
+    })) {
+      return value === 'true';
+    }
+  }
+
+  return value;
+};
+
+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.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.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.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.createElement(InputNumber, {
+    disabled: disabled || readonlyAsDisabled && readonly,
+    id: id,
+    name: id,
+    onBlur: !readonly ? handleBlur : undefined,
+    onChange: !readonly ? handleNumberChange : undefined,
+    onFocus: !readonly ? handleFocus : undefined,
+    placeholder: placeholder,
+    style: INPUT_STYLE$4,
+    type: "number",
+    value: value
+  }) : /*#__PURE__*/React.createElement(Input, {
+    disabled: disabled || readonlyAsDisabled && readonly,
+    id: id,
+    name: id,
+    onBlur: !readonly ? handleBlur : undefined,
+    onChange: !readonly ? handleTextChange : undefined,
+    onFocus: !readonly ? handleFocus : undefined,
+    placeholder: placeholder,
+    style: INPUT_STYLE$4,
+    type: options.inputType || 'text',
+    value: value
+  });
+};
+
+var INPUT_STYLE$5 = {
+  width: '100%'
+};
+
+var UpDownWidget = function UpDownWidget(_ref) {
+  var disabled = _ref.disabled,
+      formContext = _ref.formContext,
+      id = _ref.id,
+      onBlur = _ref.onBlur,
+      onChange = _ref.onChange,
+      onFocus = _ref.onFocus,
+      placeholder = _ref.placeholder,
+      readonly = _ref.readonly,
+      value = _ref.value;
+  var _formContext$readonly = formContext.readonlyAsDisabled,
+      readonlyAsDisabled = _formContext$readonly === void 0 ? true : _formContext$readonly;
+
+  var handleChange = function handleChange(nextValue) {
+    return onChange(nextValue);
+  };
+
+  var handleBlur = function handleBlur(_ref2) {
+    var target = _ref2.target;
+    return onBlur(id, target.value);
+  };
+
+  var handleFocus = function handleFocus(_ref3) {
+    var target = _ref3.target;
+    return onFocus(id, target.value);
+  };
+
+  return /*#__PURE__*/React.createElement(InputNumber, {
+    disabled: disabled || readonlyAsDisabled && readonly,
+    id: id,
+    name: id,
+    onBlur: !readonly ? handleBlur : undefined,
+    onChange: !readonly ? handleChange : undefined,
+    onFocus: !readonly ? handleFocus : undefined,
+    placeholder: placeholder,
+    style: INPUT_STYLE$5,
+    type: "number",
+    value: value
+  });
+};
+
+var INPUT_STYLE$6 = {
+  width: '100%'
+};
+
+var URLWidget = function URLWidget(_ref) {
+  var disabled = _ref.disabled,
+      formContext = _ref.formContext,
+      id = _ref.id,
+      onBlur = _ref.onBlur,
+      onChange = _ref.onChange,
+      onFocus = _ref.onFocus,
+      options = _ref.options,
+      placeholder = _ref.placeholder,
+      readonly = _ref.readonly,
+      value = _ref.value;
+  var _formContext$readonly = formContext.readonlyAsDisabled,
+      readonlyAsDisabled = _formContext$readonly === void 0 ? true : _formContext$readonly;
+
+  var handleChange = function handleChange(_ref2) {
+    var target = _ref2.target;
+    return onChange(target.value === '' ? options.emptyValue : target.value);
+  };
+
+  var handleBlur = function handleBlur(_ref3) {
+    var target = _ref3.target;
+    return onBlur(id, target.value);
+  };
+
+  var handleFocus = function handleFocus(_ref4) {
+    var target = _ref4.target;
+    return onFocus(id, target.value);
+  };
+
+  return /*#__PURE__*/React.createElement(Input, {
+    disabled: disabled || readonlyAsDisabled && readonly,
+    id: id,
+    name: id,
+    onBlur: !readonly ? handleBlur : undefined,
+    onChange: !readonly ? handleChange : undefined,
+    onFocus: !readonly ? handleFocus : undefined,
+    placeholder: placeholder,
+    style: INPUT_STYLE$6,
+    type: "url",
+    value: value
+  });
+};
+
+var getSubmitButtonOptions = utils.getSubmitButtonOptions;
+var SubmitButton = (function (_ref) {
+  var uiSchema = _ref.uiSchema;
+
+  var _getSubmitButtonOptio = getSubmitButtonOptions(uiSchema),
+      submitText = _getSubmitButtonOptio.submitText,
+      norender = _getSubmitButtonOptio.norender,
+      submitButtonProps = _getSubmitButtonOptio.props;
+
+  if (norender) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(Button, _extends({
+    htmlType: "submit"
+  }, submitButtonProps), submitText);
+});
+
+var ErrorList = function ErrorList(_ref) {
+  var errors = _ref.errors;
+
+  var renderErrors = function renderErrors() {
+    return /*#__PURE__*/React.createElement(List, {
+      className: "list-group",
+      size: "small"
+    }, errors.map(function (error, index) {
+      return /*#__PURE__*/React.createElement(List.Item, {
+        key: index
+      }, /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(ExclamationCircleOutlined, null), error.stack));
+    }));
+  };
+
+  return /*#__PURE__*/React.createElement(Alert, {
+    className: "panel panel-danger errors",
+    description: renderErrors(),
+    message: "Errors",
+    type: "error"
+  });
+};
+
+var getDefaultRegistry = utils.getDefaultRegistry;
+
+var _getDefaultRegistry = /*#__PURE__*/getDefaultRegistry(),
+    fields = _getDefaultRegistry.fields,
+    widgets = _getDefaultRegistry.widgets;
+
+var Fields = {
+  DescriptionField: DescriptionField,
+  TitleField: TitleField$1
+};
+var Widgets = {
+  AltDateTimeWidget: AltDateTimeWidget,
+  AltDateWidget: AltDateWidget,
+  CheckboxesWidget: CheckboxesWidget,
+  CheckboxWidget: CheckboxWidget,
+  ColorWidget: ColorWidget,
+  DateTimeWidget: DateTimeWidget,
+  DateWidget: DateWidget,
+  EmailWidget: EmailWidget,
+  PasswordWidget: PasswordWidget,
+  RadioWidget: RadioWidget,
+  RangeWidget: RangeWidget,
+  SelectWidget: SelectWidget,
+  TextareaWidget: TextareaWidget,
+  TextWidget: TextWidget,
+  UpDownWidget: UpDownWidget,
+  URLWidget: URLWidget,
+  SubmitButton: SubmitButton
+};
+var Theme = {
+  ArrayFieldTemplate: ArrayFieldTemplate,
+  fields: /*#__PURE__*/_extends({}, fields, Fields),
+  FieldTemplate: FieldTemplate,
+  ObjectFieldTemplate: ObjectFieldTemplate$1,
+  widgets: /*#__PURE__*/_extends({}, widgets, Widgets),
+  ErrorList: ErrorList
+};
+var Form = /*#__PURE__*/withTheme(Theme);
+
+export default Form;
+export { Fields, Form, Theme, Widgets };
+//# sourceMappingURL=antd.esm.js.map