@rjsf/antd 5.0.0-beta.13 → 5.0.0-beta.15

package/dist/antd.esm.js

@@ -3,7 +3,7 @@ import React, { useState, useEffect } from 'react';
 import Button from 'antd/es/button';
 import Col from 'antd/es/col';
 import Row from 'antd/es/row';
-import { getUiOptions, getTemplate, getInputProps, canExpand, getSubmitButtonOptions, ADDITIONAL_PROPERTY_FLAG, UI_OPTIONS_KEY, parseDateString, toDateString, pad, rangeSpec, processSelectValue } from '@rjsf/utils';
+import { getUiOptions, getTemplate, getInputProps, canExpand, getSubmitButtonOptions, UI_OPTIONS_KEY, ADDITIONAL_PROPERTY_FLAG, parseDateString, toDateString, pad, rangeSpec, processSelectValue } from '@rjsf/utils';
 import classNames from 'classnames';
 import { withConfigConsumer } from 'antd/es/config-provider/context';
 import Input from 'antd/es/input';
@@ -28,39 +28,37 @@ import Radio from 'antd/es/radio';
 import Slider from 'antd/es/slider';
 import Select from 'antd/es/select';
 
-const BTN_GRP_STYLE = {
+var BTN_GRP_STYLE = {
   width: "100%"
 };
-const BTN_STYLE = {
+var BTN_STYLE = {
   width: "calc(100% / 3)"
 };
-const ArrayFieldItemTemplate = _ref => {
-  let {
-    children,
-    disabled,
-    hasMoveDown,
-    hasMoveUp,
-    hasRemove,
-    hasToolbar,
-    index,
-    onDropIndexClick,
-    onReorderClick,
-    readonly,
-    registry,
-    uiSchema
-  } = _ref;
-  const {
-    MoveDownButton,
-    MoveUpButton,
-    RemoveButton
-  } = registry.templates.ButtonTemplates;
-  const {
-    rowGutter = 24,
-    toolbarAlign = "top"
-  } = registry.formContext;
+var ArrayFieldItemTemplate = function ArrayFieldItemTemplate(_ref) {
+  var children = _ref.children,
+    disabled = _ref.disabled,
+    hasMoveDown = _ref.hasMoveDown,
+    hasMoveUp = _ref.hasMoveUp,
+    hasRemove = _ref.hasRemove,
+    hasToolbar = _ref.hasToolbar,
+    index = _ref.index,
+    onDropIndexClick = _ref.onDropIndexClick,
+    onReorderClick = _ref.onReorderClick,
+    readonly = _ref.readonly,
+    registry = _ref.registry,
+    uiSchema = _ref.uiSchema;
+  var _registry$templates$B = registry.templates.ButtonTemplates,
+    MoveDownButton = _registry$templates$B.MoveDownButton,
+    MoveUpButton = _registry$templates$B.MoveUpButton,
+    RemoveButton = _registry$templates$B.RemoveButton;
+  var _registry$formContext = registry.formContext,
+    _registry$formContext2 = _registry$formContext.rowGutter,
+    rowGutter = _registry$formContext2 === void 0 ? 24 : _registry$formContext2,
+    _registry$formContext3 = _registry$formContext.toolbarAlign,
+    toolbarAlign = _registry$formContext3 === void 0 ? "top" : _registry$formContext3;
   return /*#__PURE__*/React.createElement(Row, {
     align: toolbarAlign,
-    key: `array-item-${index}`,
+    key: "array-item-" + index,
     gutter: rowGutter
   }, /*#__PURE__*/React.createElement(Col, {
     flex: "1"
@@ -86,42 +84,64 @@ const ArrayFieldItemTemplate = _ref => {
   }))));
 };
 
-const DESCRIPTION_COL_STYLE$1 = {
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : 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 _excluded$1 = ["key"];
+var DESCRIPTION_COL_STYLE$1 = {
   paddingBottom: "8px"
 };
-const ArrayFieldTemplate = _ref => {
-  let {
-    canAdd,
-    className,
-    disabled,
-    formContext,
-    idSchema,
-    items,
-    onAddClick,
-    prefixCls,
-    readonly,
-    registry,
-    required,
-    schema,
-    title,
-    uiSchema
-  } = _ref;
-  const uiOptions = getUiOptions(uiSchema);
-  const ArrayFieldDescriptionTemplate = getTemplate("ArrayFieldDescriptionTemplate", registry, uiOptions);
-  const ArrayFieldItemTemplate = getTemplate("ArrayFieldItemTemplate", registry, uiOptions);
-  const ArrayFieldTitleTemplate = getTemplate("ArrayFieldTitleTemplate", registry, uiOptions);
+var ArrayFieldTemplate = function ArrayFieldTemplate(_ref) {
+  var canAdd = _ref.canAdd,
+    className = _ref.className,
+    disabled = _ref.disabled,
+    formContext = _ref.formContext,
+    idSchema = _ref.idSchema,
+    items = _ref.items,
+    onAddClick = _ref.onAddClick,
+    prefixCls = _ref.prefixCls,
+    readonly = _ref.readonly,
+    registry = _ref.registry,
+    required = _ref.required,
+    schema = _ref.schema,
+    title = _ref.title,
+    uiSchema = _ref.uiSchema;
+  var uiOptions = getUiOptions(uiSchema);
+  var ArrayFieldDescriptionTemplate = getTemplate("ArrayFieldDescriptionTemplate", registry, uiOptions);
+  var ArrayFieldItemTemplate = getTemplate("ArrayFieldItemTemplate", registry, uiOptions);
+  var ArrayFieldTitleTemplate = getTemplate("ArrayFieldTitleTemplate", registry, uiOptions);
   // Button templates are not overridden in the uiSchema
-  const {
-    ButtonTemplates: {
-      AddButton
-    }
-  } = registry.templates;
-  const {
-    labelAlign = "right",
-    rowGutter = 24
-  } = formContext;
-  const labelClsBasic = `${prefixCls}-item-label`;
-  const labelColClassName = classNames(labelClsBasic, labelAlign === "left" && `${labelClsBasic}-left`
+  var AddButton = registry.templates.ButtonTemplates.AddButton;
+  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,
   );
 
@@ -152,15 +172,12 @@ const ArrayFieldTemplate = _ref => {
   })), /*#__PURE__*/React.createElement(Col, {
     className: "row array-item-list",
     span: 24
-  }, items && items.map(_ref2 => {
-    let {
-      key,
-      ...itemProps
-    } = _ref2;
-    return /*#__PURE__*/React.createElement(ArrayFieldItemTemplate, {
-      key: key,
-      ...itemProps
-    });
+  }, items && items.map(function (_ref2) {
+    var key = _ref2.key,
+      itemProps = _objectWithoutPropertiesLoose(_ref2, _excluded$1);
+    return /*#__PURE__*/React.createElement(ArrayFieldItemTemplate, _extends({
+      key: key
+    }, itemProps));
   })), canAdd && /*#__PURE__*/React.createElement(Col, {
     span: 24
   }, /*#__PURE__*/React.createElement(Row, {
@@ -179,48 +196,41 @@ var ArrayFieldTemplate$1 = /*#__PURE__*/withConfigConsumer({
   prefixCls: "form"
 })(ArrayFieldTemplate);
 
-const INPUT_STYLE$2 = {
+var INPUT_STYLE$2 = {
   width: "100%"
 };
-const BaseInputTemplate = _ref => {
-  let {
-    disabled,
-    formContext,
-    id,
-    onBlur,
-    onChange,
-    onFocus,
-    options,
-    placeholder,
-    readonly,
-    schema,
-    value,
-    type
-  } = _ref;
-  const inputProps = getInputProps(schema, type, options, false);
-  const {
-    readonlyAsDisabled = true
-  } = formContext;
-  const handleNumberChange = nextValue => onChange(nextValue);
-  const handleTextChange = _ref2 => {
-    let {
-      target
-    } = _ref2;
+var BaseInputTemplate = function BaseInputTemplate(_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,
+    type = _ref.type;
+  var inputProps = getInputProps(schema, type, options, false);
+  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);
   };
-  const handleBlur = _ref3 => {
-    let {
-      target
-    } = _ref3;
+  var handleBlur = function handleBlur(_ref3) {
+    var target = _ref3.target;
     return onBlur(id, target.value);
   };
-  const handleFocus = _ref4 => {
-    let {
-      target
-    } = _ref4;
+  var handleFocus = function handleFocus(_ref4) {
+    var target = _ref4.target;
     return onFocus(id, target.value);
   };
-  const input = inputProps.type === "number" || inputProps.type === "integer" ? /*#__PURE__*/React.createElement(InputNumber, {
+  var input = inputProps.type === "number" || inputProps.type === "integer" ? /*#__PURE__*/React.createElement(InputNumber, _extends({
     disabled: disabled || readonlyAsDisabled && readonly,
     id: id,
     name: id,
@@ -229,10 +239,10 @@ const BaseInputTemplate = _ref => {
     onFocus: !readonly ? handleFocus : undefined,
     placeholder: placeholder,
     style: INPUT_STYLE$2,
-    list: schema.examples ? `examples_${id}` : undefined,
-    ...inputProps,
+    list: schema.examples ? "examples_" + id : undefined
+  }, inputProps, {
     value: value
-  }) : /*#__PURE__*/React.createElement(Input, {
+  })) : /*#__PURE__*/React.createElement(Input, _extends({
     disabled: disabled || readonlyAsDisabled && readonly,
     id: id,
     name: id,
@@ -241,13 +251,13 @@ const BaseInputTemplate = _ref => {
     onFocus: !readonly ? handleFocus : undefined,
     placeholder: placeholder,
     style: INPUT_STYLE$2,
-    list: schema.examples ? `examples_${id}` : undefined,
-    ...inputProps,
+    list: schema.examples ? "examples_" + id : undefined
+  }, inputProps, {
     value: value
-  });
+  }));
   return /*#__PURE__*/React.createElement(React.Fragment, null, input, schema.examples && /*#__PURE__*/React.createElement("datalist", {
-    id: `examples_${id}`
-  }, schema.examples.concat(schema.default ? [schema.default] : []).map(example => {
+    id: "examples_" + id
+  }, schema.examples.concat(schema["default"] ? [schema["default"]] : []).map(function (example) {
     return /*#__PURE__*/React.createElement("option", {
       key: example,
       value: example
@@ -255,11 +265,9 @@ const BaseInputTemplate = _ref => {
   })));
 };
 
-const DescriptionField = _ref => {
-  let {
-    description,
-    id
-  } = _ref;
+var DescriptionField = function DescriptionField(_ref) {
+  var description = _ref.description,
+    id = _ref.id;
   if (!description) {
     return null;
   }
@@ -268,16 +276,18 @@ const DescriptionField = _ref => {
   }, description);
 };
 
-const ErrorList = _ref => {
-  let {
-    errors
-  } = _ref;
-  const renderErrors = () => /*#__PURE__*/React.createElement(List, {
-    className: "list-group",
-    size: "small"
-  }, errors.map((error, index) => /*#__PURE__*/React.createElement(List.Item, {
-    key: index
-  }, /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(ExclamationCircleOutlined, null), error.stack))));
+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(),
@@ -286,53 +296,51 @@ const ErrorList = _ref => {
   });
 };
 
+var _excluded = ["iconType", "icon", "uiSchema"];
 function IconButton(props) {
-  const {
-    iconType = "default",
-    icon,
-    uiSchema,
-    ...otherProps
-  } = props;
-  return /*#__PURE__*/React.createElement(Button, {
+  var _props$iconType = props.iconType,
+    iconType = _props$iconType === void 0 ? "default" : _props$iconType,
+    icon = props.icon,
+    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+  return /*#__PURE__*/React.createElement(Button, _extends({
     type: iconType,
-    icon: icon,
-    ...otherProps
-  });
+    icon: icon
+  }, otherProps));
 }
 function AddButton(props) {
-  return /*#__PURE__*/React.createElement(IconButton, {
-    title: "Add Item",
-    ...props,
+  return /*#__PURE__*/React.createElement(IconButton, _extends({
+    title: "Add Item"
+  }, props, {
     block: true,
     iconType: "primary",
     icon: /*#__PURE__*/React.createElement(PlusCircleOutlined, null)
-  });
+  }));
 }
 function MoveDownButton(props) {
-  return /*#__PURE__*/React.createElement(IconButton, {
-    title: "Move down",
-    ...props,
+  return /*#__PURE__*/React.createElement(IconButton, _extends({
+    title: "Move down"
+  }, props, {
     icon: /*#__PURE__*/React.createElement(ArrowDownOutlined, null)
-  });
+  }));
 }
 function MoveUpButton(props) {
-  return /*#__PURE__*/React.createElement(IconButton, {
-    title: "Move up",
-    ...props,
+  return /*#__PURE__*/React.createElement(IconButton, _extends({
+    title: "Move up"
+  }, props, {
     icon: /*#__PURE__*/React.createElement(ArrowUpOutlined, null)
-  });
+  }));
 }
 function RemoveButton(props) {
   // The `block` prop is not part of the `IconButtonProps` defined in the template, so get it from the uiSchema instead
-  const options = getUiOptions(props.uiSchema);
-  return /*#__PURE__*/React.createElement(IconButton, {
-    title: "Remove",
-    ...props,
+  var options = getUiOptions(props.uiSchema);
+  return /*#__PURE__*/React.createElement(IconButton, _extends({
+    title: "Remove"
+  }, props, {
     danger: true,
     block: !!options.block,
     iconType: "primary",
     icon: /*#__PURE__*/React.createElement(DeleteOutlined, null)
-  });
+  }));
 }
 
 /** The `FieldErrorTemplate` component renders the errors local to the particular field
@@ -340,59 +348,58 @@ function RemoveButton(props) {
  * @param props - The `FieldErrorProps` for the errors being rendered
  */
 function FieldErrorTemplate(props) {
-  const {
-    errors = [],
-    idSchema
-  } = props;
+  var _props$errors = props.errors,
+    errors = _props$errors === void 0 ? [] : _props$errors,
+    idSchema = props.idSchema;
   if (errors.length === 0) {
     return null;
   }
-  const id = `${idSchema.$id}__error`;
+  var id = idSchema.$id + "__error";
   return /*#__PURE__*/React.createElement("div", {
     id: id
-  }, errors.map(error => /*#__PURE__*/React.createElement("div", {
-    key: `field-${id}-error-${error}`
-  }, error)));
+  }, errors.map(function (error) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: "field-" + id + "-error-" + error
+    }, error);
+  }));
 }
 
-const VERTICAL_LABEL_COL$1 = {
+var VERTICAL_LABEL_COL$1 = {
   span: 24
 };
-const VERTICAL_WRAPPER_COL$1 = {
+var VERTICAL_WRAPPER_COL$1 = {
   span: 24
 };
-const FieldTemplate = _ref => {
-  let {
-    children,
-    classNames,
-    description,
-    disabled,
-    displayLabel,
-    errors,
-    formContext,
-    help,
-    hidden,
-    id,
-    label,
-    onDropPropertyClick,
-    onKeyChange,
-    rawErrors,
-    rawDescription,
-    rawHelp,
-    readonly,
-    registry,
-    required,
-    schema,
-    uiSchema
-  } = _ref;
-  const {
-    colon,
-    labelCol = VERTICAL_LABEL_COL$1,
-    wrapperCol = VERTICAL_WRAPPER_COL$1,
-    wrapperStyle
-  } = formContext;
-  const uiOptions = getUiOptions(uiSchema);
-  const WrapIfAdditionalTemplate = getTemplate("WrapIfAdditionalTemplate", registry, uiOptions);
+var FieldTemplate = function FieldTemplate(_ref) {
+  var children = _ref.children,
+    classNames = _ref.classNames,
+    description = _ref.description,
+    disabled = _ref.disabled,
+    displayLabel = _ref.displayLabel,
+    errors = _ref.errors,
+    formContext = _ref.formContext,
+    help = _ref.help,
+    hidden = _ref.hidden,
+    id = _ref.id,
+    label = _ref.label,
+    onDropPropertyClick = _ref.onDropPropertyClick,
+    onKeyChange = _ref.onKeyChange,
+    rawErrors = _ref.rawErrors,
+    rawDescription = _ref.rawDescription,
+    rawHelp = _ref.rawHelp,
+    readonly = _ref.readonly,
+    registry = _ref.registry,
+    required = _ref.required,
+    schema = _ref.schema,
+    uiSchema = _ref.uiSchema;
+  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;
+  var uiOptions = getUiOptions(uiSchema);
+  var WrapIfAdditionalTemplate = getTemplate("WrapIfAdditionalTemplate", registry, uiOptions);
   if (hidden) {
     return /*#__PURE__*/React.createElement("div", {
       className: "field-hidden"
@@ -414,7 +421,7 @@ const FieldTemplate = _ref => {
     colon: colon,
     extra: rawDescription && description,
     hasFeedback: schema.type !== "array" && schema.type !== "object",
-    help: !!rawHelp && help || (rawErrors === null || rawErrors === void 0 ? void 0 : rawErrors.length) && errors,
+    help: !!rawHelp && help || (rawErrors !== null && rawErrors !== void 0 && rawErrors.length ? errors : undefined),
     htmlFor: id,
     label: displayLabel && label,
     labelCol: labelCol,
@@ -425,59 +432,64 @@ const FieldTemplate = _ref => {
   }, children));
 };
 
-const DESCRIPTION_COL_STYLE = {
+var DESCRIPTION_COL_STYLE = {
   paddingBottom: "8px"
 };
-const ObjectFieldTemplate = _ref => {
-  let {
-    description,
-    disabled,
-    formContext,
-    formData,
-    idSchema,
-    onAddClick,
-    prefixCls,
-    properties,
-    readonly,
-    required,
-    registry,
-    schema,
-    title,
-    uiSchema
-  } = _ref;
-  const uiOptions = getUiOptions(uiSchema);
-  const TitleFieldTemplate = getTemplate("TitleFieldTemplate", registry, uiOptions);
-  const DescriptionFieldTemplate = getTemplate("DescriptionFieldTemplate", registry, uiOptions);
+var ObjectFieldTemplate = function ObjectFieldTemplate(_ref) {
+  var 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,
+    registry = _ref.registry,
+    schema = _ref.schema,
+    title = _ref.title,
+    uiSchema = _ref.uiSchema;
+  var uiOptions = getUiOptions(uiSchema);
+  var TitleFieldTemplate = getTemplate("TitleFieldTemplate", registry, uiOptions);
+  var DescriptionFieldTemplate = getTemplate("DescriptionFieldTemplate", registry, uiOptions);
   // Button templates are not overridden in the uiSchema
-  const {
-    ButtonTemplates: {
-      AddButton
-    }
-  } = registry.templates;
-  const {
-    colSpan = 24,
-    labelAlign = "right",
-    rowGutter = 24
-  } = formContext;
-  const labelClsBasic = `${prefixCls}-item-label`;
-  const labelColClassName = classNames(labelClsBasic, labelAlign === "left" && `${labelClsBasic}-left`
+  var AddButton = registry.templates.ButtonTemplates.AddButton;
+  var _formContext$colSpan = formContext.colSpan,
+    colSpan = _formContext$colSpan === void 0 ? 24 : _formContext$colSpan,
+    _formContext$labelAli = formContext.labelAlign,
+    labelAlign = _formContext$labelAli === void 0 ? "right" : _formContext$labelAli,
+    _formContext$rowGutte = formContext.rowGutter,
+    rowGutter = _formContext$rowGutte === void 0 ? 24 : _formContext$rowGutte;
+  var labelClsBasic = prefixCls + "-item-label";
+  var labelColClassName = classNames(labelClsBasic, labelAlign === "left" && labelClsBasic + "-left"
   // labelCol.className,
   );
 
-  const findSchema = element => element.content.props.schema;
-  const findSchemaType = element => findSchema(element).type;
-  const findUiSchema = element => element.content.props.uiSchema;
-  const findUiSchemaField = element => getUiOptions(findUiSchema(element)).field;
-  const findUiSchemaWidget = element => getUiOptions(findUiSchema(element)).widget;
-  const calculateColSpan = element => {
-    const type = findSchemaType(element);
-    const field = findUiSchemaField(element);
-    const widget = findUiSchemaWidget(element);
-    const defaultColSpan = properties.length < 2 ||
+  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 getUiOptions(findUiSchema(element)).field;
+  };
+  var findUiSchemaWidget = function findUiSchemaWidget(element) {
+    return getUiOptions(findUiSchema(element)).widget;
+  };
+  var calculateColSpan = function calculateColSpan(element) {
+    var type = findSchemaType(element);
+    var field = findUiSchemaField(element);
+    var widget = findUiSchemaWidget(element);
+    var defaultColSpan = properties.length < 2 ||
     // Single or no field in object.
     type === "object" || type === "array" || widget === "textarea" ? 24 : 12;
     if (isObject(colSpan)) {
-      const colSpanObj = colSpan;
+      var colSpanObj = colSpan;
       if (isString(widget)) {
         return colSpanObj[widget];
       }
@@ -501,7 +513,7 @@ const ObjectFieldTemplate = _ref => {
     className: labelColClassName,
     span: 24
   }, /*#__PURE__*/React.createElement(TitleFieldTemplate, {
-    id: `${idSchema.$id}-title`,
+    id: idSchema.$id + "-title",
     required: required,
     title: uiOptions.title || title,
     schema: schema,
@@ -512,14 +524,18 @@ const ObjectFieldTemplate = _ref => {
     style: DESCRIPTION_COL_STYLE
   }, /*#__PURE__*/React.createElement(DescriptionFieldTemplate, {
     description: uiOptions.description || description,
-    id: `${idSchema.$id}-description`,
+    id: idSchema.$id + "-description",
     schema: schema,
     uiSchema: uiSchema,
     registry: registry
-  })), properties.filter(e => !e.hidden).map(element => /*#__PURE__*/React.createElement(Col, {
-    key: element.name,
-    span: calculateColSpan(element)
-  }, element.content))), canExpand(schema, uiSchema, formData) && /*#__PURE__*/React.createElement(Col, {
+  })), 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,
@@ -537,56 +553,44 @@ var ObjectFieldTemplate$1 = /*#__PURE__*/withConfigConsumer({
   prefixCls: "form"
 })(ObjectFieldTemplate);
 
-var SubmitButton = (_ref => {
-  let {
-    uiSchema
-  } = _ref;
-  const {
-    submitText,
-    norender,
-    props: submitButtonProps
-  } = getSubmitButtonOptions(uiSchema);
+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, {
-    type: "submit",
-    ...submitButtonProps,
+  return /*#__PURE__*/React.createElement(Button, _extends({
+    type: "submit"
+  }, submitButtonProps, {
     htmlType: "submit"
-  }, submitText);
+  }), submitText);
 });
 
-const TitleField = _ref => {
-  let {
-    id,
-    prefixCls,
-    required,
-    registry,
-    formContext: formContext1,
-    title
-  } = _ref;
-  const {
-    formContext
-  } = registry;
-  const {
-    colon = true
-  } = {
-    ...formContext1,
-    ...formContext
-  };
-  let labelChildren = title;
+var TitleField = function TitleField(_ref) {
+  var _classNames;
+  var id = _ref.id,
+    prefixCls = _ref.prefixCls,
+    required = _ref.required,
+    registry = _ref.registry,
+    formContext1 = _ref.formContext,
+    title = _ref.title;
+  var formContext = registry.formContext;
+  var _formContext1$formCon = _extends({}, formContext1, formContext),
+    _formContext1$formCon2 = _formContext1$formCon.colon,
+    colon = _formContext1$formCon2 === void 0 ? true : _formContext1$formCon2;
+  var labelChildren = title;
   if (colon && typeof title === "string" && title.trim() !== "") {
     labelChildren = title.replace(/[：:]\s*$/, "");
   }
-  const labelClassName = classNames({
-    [`${prefixCls}-item-required`]: required,
-    [`${prefixCls}-item-no-colon`]: !colon
-  });
-  const handleLabelClick = () => {
+  var labelClassName = classNames((_classNames = {}, _classNames[prefixCls + "-item-required"] = required, _classNames[prefixCls + "-item-no-colon"] = !colon, _classNames));
+  var handleLabelClick = function handleLabelClick() {
     if (!id) {
       return;
     }
-    const control = document.querySelector(`[id="${id}"]`);
+    var control = document.querySelector("[id=\"" + id + "\"]");
     if (control && control.focus) {
       control.focus();
     }
@@ -605,65 +609,60 @@ var TitleField$1 = /*#__PURE__*/withConfigConsumer({
   prefixCls: "form"
 })(TitleField);
 
-const VERTICAL_LABEL_COL = {
+var VERTICAL_LABEL_COL = {
   span: 24
 };
-const VERTICAL_WRAPPER_COL = {
+var VERTICAL_WRAPPER_COL = {
   span: 24
 };
-const INPUT_STYLE$1 = {
+var INPUT_STYLE$1 = {
   width: "100%"
 };
-const WrapIfAdditionalTemplate = _ref => {
-  let {
-    children,
-    classNames,
-    disabled,
-    id,
-    label,
-    onDropPropertyClick,
-    onKeyChange,
-    readonly,
-    required,
-    registry,
-    schema,
-    uiSchema
-  } = _ref;
-  const {
-    colon,
-    labelCol = VERTICAL_LABEL_COL,
-    readonlyAsDisabled = true,
-    rowGutter = 24,
-    toolbarAlign = "top",
-    wrapperCol = VERTICAL_WRAPPER_COL,
-    wrapperStyle
-  } = registry.formContext;
+var WrapIfAdditionalTemplate = function WrapIfAdditionalTemplate(_ref) {
+  var _extends2;
+  var children = _ref.children,
+    classNames = _ref.classNames,
+    disabled = _ref.disabled,
+    id = _ref.id,
+    label = _ref.label,
+    onDropPropertyClick = _ref.onDropPropertyClick,
+    onKeyChange = _ref.onKeyChange,
+    readonly = _ref.readonly,
+    required = _ref.required,
+    registry = _ref.registry,
+    schema = _ref.schema,
+    uiSchema = _ref.uiSchema;
+  var _registry$formContext = registry.formContext,
+    colon = _registry$formContext.colon,
+    _registry$formContext2 = _registry$formContext.labelCol,
+    labelCol = _registry$formContext2 === void 0 ? VERTICAL_LABEL_COL : _registry$formContext2,
+    _registry$formContext3 = _registry$formContext.readonlyAsDisabled,
+    readonlyAsDisabled = _registry$formContext3 === void 0 ? true : _registry$formContext3,
+    _registry$formContext4 = _registry$formContext.rowGutter,
+    rowGutter = _registry$formContext4 === void 0 ? 24 : _registry$formContext4,
+    _registry$formContext5 = _registry$formContext.toolbarAlign,
+    toolbarAlign = _registry$formContext5 === void 0 ? "top" : _registry$formContext5,
+    _registry$formContext6 = _registry$formContext.wrapperCol,
+    wrapperCol = _registry$formContext6 === void 0 ? VERTICAL_WRAPPER_COL : _registry$formContext6,
+    wrapperStyle = _registry$formContext.wrapperStyle;
   // Button templates are not overridden in the uiSchema
-  const {
-    RemoveButton
-  } = registry.templates.ButtonTemplates;
-  const keyLabel = `${label} Key`; // i18n ?
-  const additional = (ADDITIONAL_PROPERTY_FLAG in schema);
+  var RemoveButton = registry.templates.ButtonTemplates.RemoveButton;
+  var keyLabel = label + " Key"; // i18n ?
+  var additional = (ADDITIONAL_PROPERTY_FLAG in schema);
   if (!additional) {
     return /*#__PURE__*/React.createElement("div", {
       className: classNames
     }, children);
   }
-  const handleBlur = _ref2 => {
-    let {
-      target
-    } = _ref2;
+  var handleBlur = function handleBlur(_ref2) {
+    var target = _ref2.target;
     return onKeyChange(target.value);
   };
   // The `block` prop is not part of the `IconButtonProps` defined in the template, so put it into the uiSchema instead
-  const uiOptions = uiSchema ? uiSchema[UI_OPTIONS_KEY] : {};
-  const buttonUiOptions = {
-    ...uiSchema,
-    [UI_OPTIONS_KEY]: {
-      ...uiOptions,
-      block: true
-    }
-  };
+  var uiOptions = uiSchema ? uiSchema[UI_OPTIONS_KEY] : {};
+  var buttonUiOptions = _extends({}, uiSchema, (_extends2 = {}, _extends2[UI_OPTIONS_KEY] = _extends({}, uiOptions, {
+    block: true
+  }), _extends2));
   return /*#__PURE__*/React.createElement("div", {
     className: classNames
   }, /*#__PURE__*/React.createElement(Row, {
@@ -678,7 +677,7 @@ const WrapIfAdditionalTemplate = _ref => {
     colon: colon,
     className: "form-group",
     hasFeedback: true,
-    htmlFor: `${id}-key`,
+    htmlFor: id + "-key",
     label: keyLabel,
     labelCol: labelCol,
     required: required,
@@ -688,8 +687,8 @@ const WrapIfAdditionalTemplate = _ref => {
     className: "form-control",
     defaultValue: label,
     disabled: disabled || readonlyAsDisabled && readonly,
-    id: `${id}-key`,
-    name: `${id}-key`,
+    id: id + "-key",
+    name: id + "-key",
     onBlur: !readonly ? handleBlur : undefined,
     style: INPUT_STYLE$1,
     type: "text"
@@ -706,29 +705,29 @@ const WrapIfAdditionalTemplate = _ref => {
   }))));
 };
 
-const Index = {
-  ArrayFieldItemTemplate,
+var Index = {
+  ArrayFieldItemTemplate: ArrayFieldItemTemplate,
   ArrayFieldTemplate: ArrayFieldTemplate$1,
-  BaseInputTemplate,
+  BaseInputTemplate: BaseInputTemplate,
   ButtonTemplates: {
-    AddButton,
-    MoveDownButton,
-    MoveUpButton,
-    RemoveButton,
-    SubmitButton
+    AddButton: AddButton,
+    MoveDownButton: MoveDownButton,
+    MoveUpButton: MoveUpButton,
+    RemoveButton: RemoveButton,
+    SubmitButton: SubmitButton
   },
   DescriptionFieldTemplate: DescriptionField,
   ErrorListTemplate: ErrorList,
-  FieldErrorTemplate,
-  FieldTemplate,
+  FieldErrorTemplate: FieldErrorTemplate,
+  FieldTemplate: FieldTemplate,
   ObjectFieldTemplate: ObjectFieldTemplate$1,
   TitleFieldTemplate: TitleField$1,
-  WrapIfAdditionalTemplate
+  WrapIfAdditionalTemplate: WrapIfAdditionalTemplate
 };
 
-const rangeOptions = (start, stop) => {
-  const options = [];
-  for (let i = start; i <= stop; i++) {
+var rangeOptions = function rangeOptions(start, stop) {
+  var options = [];
+  for (var i = start; i <= stop; i++) {
     options.push({
       value: i,
       label: pad(i, 2)
@@ -736,22 +735,22 @@ const rangeOptions = (start, stop) => {
   }
   return options;
 };
-const readyForChange = state => {
-  return Object.values(state).every(value => value !== -1);
+var readyForChange = function readyForChange(state) {
+  return Object.values(state).every(function (value) {
+    return value !== -1;
+  });
 };
 function dateElementProps(state, time, yearsRange) {
   if (yearsRange === void 0) {
     yearsRange = [1900, new Date().getFullYear() + 2];
   }
-  const {
-    year,
-    month,
-    day,
-    hour,
-    minute,
-    second
-  } = state;
-  const data = [{
+  var year = state.year,
+    month = state.month,
+    day = state.day,
+    hour = state.hour,
+    minute = state.minute,
+    second = state.second;
+  var data = [{
     type: "year",
     range: yearsRange,
     value: year
@@ -781,100 +780,98 @@ function dateElementProps(state, time, yearsRange) {
   }
   return data;
 }
-const AltDateWidget = _ref => {
-  let {
-    autofocus,
-    disabled,
-    formContext,
-    id,
-    onBlur,
-    onChange,
-    onFocus,
-    options,
-    readonly,
-    registry,
-    showTime,
-    value
-  } = _ref;
-  const {
-    SelectWidget
-  } = registry.widgets;
-  const {
-    rowGutter = 24
-  } = formContext;
-  const [state, setState] = useState(parseDateString(value, showTime));
-  useEffect(() => {
+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]);
-  const handleChange = (property, nextValue) => {
-    const nextState = {
-      ...state,
-      [property]: typeof nextValue === "undefined" ? -1 : nextValue
-    };
+  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);
     }
   };
-  const handleNow = event => {
+  var handleNow = function handleNow(event) {
     event.preventDefault();
     if (disabled || readonly) {
       return;
     }
-    const nextState = parseDateString(new Date().toJSON(), showTime);
+    var nextState = parseDateString(new Date().toJSON(), showTime);
     onChange(toDateString(nextState, showTime));
   };
-  const handleClear = event => {
+  var handleClear = function handleClear(event) {
     event.preventDefault();
     if (disabled || readonly) {
       return;
     }
     onChange(undefined);
   };
-  const renderDateElement = elemProps => /*#__PURE__*/React.createElement(SelectWidget, {
-    autofocus: elemProps.autofocus,
-    className: "form-control",
-    disabled: elemProps.disabled,
-    id: elemProps.id,
-    name: elemProps.name,
-    onBlur: elemProps.onBlur,
-    onChange: elemValue => elemProps.select(elemProps.type, elemValue),
-    onFocus: elemProps.onFocus,
-    options: {
-      enumOptions: rangeOptions(elemProps.range[0], elemProps.range[1])
-    },
-    placeholder: elemProps.type,
-    readonly: elemProps.readonly,
-    schema: {
-      type: "integer"
-    },
-    value: elemProps.value,
-    registry: registry,
-    label: ""
-  });
+  var renderDateElement = function renderDateElement(elemProps) {
+    return /*#__PURE__*/React.createElement(SelectWidget, {
+      autofocus: elemProps.autofocus,
+      className: "form-control",
+      disabled: elemProps.disabled,
+      id: elemProps.id,
+      name: elemProps.name,
+      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,
+      registry: registry,
+      label: ""
+    });
+  };
   return /*#__PURE__*/React.createElement(Row, {
     gutter: [Math.floor(rowGutter / 2), Math.floor(rowGutter / 2)]
-  }, dateElementProps(state, showTime, options.yearsRange).map((elemProps, i) => {
-    const elemId = id + "_" + elemProps.type;
+  }, dateElementProps(state, showTime, options.yearsRange).map(function (elemProps, i) {
+    var elemId = id + "_" + elemProps.type;
     return /*#__PURE__*/React.createElement(Col, {
       flex: "88px",
       key: elemId
-    }, renderDateElement({
-      ...elemProps,
+    }, renderDateElement(_extends({}, elemProps, {
       autofocus: autofocus && i === 0,
-      disabled,
+      disabled: disabled,
       id: elemId,
       name: id,
-      onBlur,
-      onFocus,
-      readonly,
-      registry,
+      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, {
@@ -902,76 +899,62 @@ AltDateWidget.defaultProps = {
   showTime: false
 };
 
-const AltDateTimeWidget = props => {
-  const {
-    AltDateWidget
-  } = props.registry.widgets;
-  return /*#__PURE__*/React.createElement(AltDateWidget, {
-    showTime: true,
-    ...props
-  });
+var AltDateTimeWidget = function AltDateTimeWidget(props) {
+  var AltDateWidget = props.registry.widgets.AltDateWidget;
+  return /*#__PURE__*/React.createElement(AltDateWidget, _extends({
+    showTime: true
+  }, props));
 };
-AltDateTimeWidget.defaultProps = {
-  ...AltDateWidget.defaultProps,
+AltDateTimeWidget.defaultProps = /*#__PURE__*/_extends({}, AltDateWidget.defaultProps, {
   showTime: true
-};
+});
 
-const CheckboxesWidget = _ref => {
-  let {
-    autofocus,
-    disabled,
-    formContext,
-    id,
-    onBlur,
-    onChange,
-    onFocus,
-    options,
-    readonly,
-    value
-  } = _ref;
-  const {
-    readonlyAsDisabled = true
-  } = formContext;
-  const {
-    enumOptions,
-    enumDisabled,
-    inline
-  } = options;
-  const handleChange = nextValue => onChange(nextValue);
-  const handleBlur = _ref2 => {
-    let {
-      target
-    } = _ref2;
+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);
   };
-  const handleFocus = _ref3 => {
-    let {
-      target
-    } = _ref3;
+  var handleFocus = function handleFocus(_ref3) {
+    var target = _ref3.target;
     return onFocus(id, target.value);
   };
   // Antd's typescript definitions do not contain the following props that are actually necessary and, if provided,
   // they are used, so hacking them in via by spreading `extraProps` on the component to avoid typescript errors
-  const extraProps = {
-    id,
+  var extraProps = {
+    id: id,
     onBlur: !readonly ? handleBlur : undefined,
     onFocus: !readonly ? handleFocus : undefined
   };
-  return Array.isArray(enumOptions) && enumOptions.length > 0 ? /*#__PURE__*/React.createElement(Checkbox.Group, {
+  return Array.isArray(enumOptions) && enumOptions.length > 0 ? /*#__PURE__*/React.createElement(Checkbox.Group, _extends({
     disabled: disabled || readonlyAsDisabled && readonly,
     name: id,
     onChange: !readonly ? handleChange : undefined,
-    value: value,
-    ...extraProps
-  }, Array.isArray(enumOptions) && enumOptions.map((_ref4, i) => {
-    let {
-      value: optionValue,
-      label: optionLabel
-    } = _ref4;
+    value: value
+  }, extraProps), Array.isArray(enumOptions) && enumOptions.map(function (_ref4, i) {
+    var optionValue = _ref4.value,
+      optionLabel = _ref4.label;
     return /*#__PURE__*/React.createElement("span", {
       key: optionValue
     }, /*#__PURE__*/React.createElement(Checkbox, {
-      id: `${id}-${optionValue}`,
+      id: id + "-" + optionValue,
       name: id,
       autoFocus: i === 0 ? autofocus : false,
       disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(value) !== -1,
@@ -980,81 +963,76 @@ const CheckboxesWidget = _ref => {
   })) : null;
 };
 
-const CheckboxWidget = _ref => {
-  let {
-    autofocus,
-    disabled,
-    formContext,
-    id,
-    label,
-    onBlur,
-    onChange,
-    onFocus,
-    readonly,
-    value
-  } = _ref;
-  const {
-    readonlyAsDisabled = true
-  } = formContext;
-  const handleChange = _ref2 => {
-    let {
-      target
-    } = _ref2;
+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);
   };
-  const handleBlur = _ref3 => {
-    let {
-      target
-    } = _ref3;
+  var handleBlur = function handleBlur(_ref3) {
+    var target = _ref3.target;
     return onBlur(id, target.checked);
   };
-  const handleFocus = _ref4 => {
-    let {
-      target
-    } = _ref4;
+  var handleFocus = function handleFocus(_ref4) {
+    var target = _ref4.target;
     return onFocus(id, target.checked);
   };
   // Antd's typescript definitions do not contain the following props that are actually necessary and, if provided,
   // they are used, so hacking them in via by spreading `extraProps` on the component to avoid typescript errors
-  const extraProps = {
+  var extraProps = {
     onBlur: !readonly ? handleBlur : undefined,
     onFocus: !readonly ? handleFocus : undefined
   };
-  return /*#__PURE__*/React.createElement(Checkbox, {
+  return /*#__PURE__*/React.createElement(Checkbox, _extends({
     autoFocus: autofocus,
     checked: typeof value === "undefined" ? false : value,
     disabled: disabled || readonlyAsDisabled && readonly,
     id: id,
     name: id,
-    onChange: !readonly ? handleChange : undefined,
-    ...extraProps
-  }, label);
+    onChange: !readonly ? handleChange : undefined
+  }, extraProps), label);
 };
 
-const DatePicker = /*#__PURE__*/generatePicker(dayjsGenerateConfig);
+var DatePicker = /*#__PURE__*/generatePicker(dayjsGenerateConfig);
 
-const DATE_PICKER_STYLE$1 = {
+var DATE_PICKER_STYLE$1 = {
   width: "100%"
 };
-const DateTimeWidget = _ref => {
-  let {
-    disabled,
-    formContext,
-    id,
-    onBlur,
-    onChange,
-    onFocus,
-    placeholder,
-    readonly,
-    value
-  } = _ref;
-  const {
-    readonlyAsDisabled = true
-  } = formContext;
-  const handleChange = nextValue => onChange(nextValue && nextValue.toISOString());
-  const handleBlur = () => onBlur(id, value);
-  const handleFocus = () => onFocus(id, value);
-  const getPopupContainer = node => node.parentNode;
+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,
@@ -1070,28 +1048,33 @@ const DateTimeWidget = _ref => {
   });
 };
 
-const DATE_PICKER_STYLE = {
+var DATE_PICKER_STYLE = {
   width: "100%"
 };
-const DateWidget = _ref => {
-  let {
-    disabled,
-    formContext,
-    id,
-    onBlur,
-    onChange,
-    onFocus,
-    placeholder,
-    readonly,
-    value
-  } = _ref;
-  const {
-    readonlyAsDisabled = true
-  } = formContext;
-  const handleChange = nextValue => onChange(nextValue && nextValue.format("YYYY-MM-DD"));
-  const handleBlur = () => onBlur(id, value);
-  const handleFocus = () => onFocus(id, value);
-  const getPopupContainer = node => node.parentNode;
+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,
@@ -1107,39 +1090,30 @@ const DateWidget = _ref => {
   });
 };
 
-const PasswordWidget = _ref => {
-  let {
-    disabled,
-    formContext,
-    id,
-    onBlur,
-    onChange,
-    onFocus,
-    options,
-    placeholder,
-    readonly,
-    value
-  } = _ref;
-  const {
-    readonlyAsDisabled = true
-  } = formContext;
-  const emptyValue = options.emptyValue || "";
-  const handleChange = _ref2 => {
-    let {
-      target
-    } = _ref2;
+var PasswordWidget = function PasswordWidget(_ref) {
+  var disabled = _ref.disabled,
+    formContext = _ref.formContext,
+    id = _ref.id,
+    onBlur = _ref.onBlur,
+    onChange = _ref.onChange,
+    onFocus = _ref.onFocus,
+    options = _ref.options,
+    placeholder = _ref.placeholder,
+    readonly = _ref.readonly,
+    value = _ref.value;
+  var _formContext$readonly = formContext.readonlyAsDisabled,
+    readonlyAsDisabled = _formContext$readonly === void 0 ? true : _formContext$readonly;
+  var emptyValue = options.emptyValue || "";
+  var handleChange = function handleChange(_ref2) {
+    var target = _ref2.target;
     return onChange(target.value === "" ? emptyValue : target.value);
   };
-  const handleBlur = _ref3 => {
-    let {
-      target
-    } = _ref3;
+  var handleBlur = function handleBlur(_ref3) {
+    var target = _ref3.target;
     return onBlur(id, target.value);
   };
-  const handleFocus = _ref4 => {
-    let {
-      target
-    } = _ref4;
+  var handleFocus = function handleFocus(_ref4) {
+    var target = _ref4.target;
     return onFocus(id, target.value);
   };
   return /*#__PURE__*/React.createElement(Input.Password, {
@@ -1154,45 +1128,32 @@ const PasswordWidget = _ref => {
   });
 };
 
-const RadioWidget = _ref => {
-  let {
-    autofocus,
-    disabled,
-    formContext,
-    id,
-    onBlur,
-    onChange,
-    onFocus,
-    options,
-    readonly,
-    schema,
-    value
-  } = _ref;
-  const {
-    readonlyAsDisabled = true
-  } = formContext;
-  const {
-    enumOptions,
-    enumDisabled
-  } = options;
-  const handleChange = _ref2 => {
-    let {
-      target: {
-        value: nextValue
-      }
-    } = _ref2;
+var RadioWidget = function RadioWidget(_ref) {
+  var autofocus = _ref.autofocus,
+    disabled = _ref.disabled,
+    formContext = _ref.formContext,
+    id = _ref.id,
+    onBlur = _ref.onBlur,
+    onChange = _ref.onChange,
+    onFocus = _ref.onFocus,
+    options = _ref.options,
+    readonly = _ref.readonly,
+    schema = _ref.schema,
+    value = _ref.value;
+  var _formContext$readonly = formContext.readonlyAsDisabled,
+    readonlyAsDisabled = _formContext$readonly === void 0 ? true : _formContext$readonly;
+  var enumOptions = options.enumOptions,
+    enumDisabled = options.enumDisabled;
+  var handleChange = function handleChange(_ref2) {
+    var nextValue = _ref2.target.value;
     return onChange(schema.type === "boolean" ? nextValue !== "false" : nextValue);
   };
-  const handleBlur = _ref3 => {
-    let {
-      target
-    } = _ref3;
+  var handleBlur = function handleBlur(_ref3) {
+    var target = _ref3.target;
     return onBlur(id, target.value);
   };
-  const handleFocus = _ref4 => {
-    let {
-      target
-    } = _ref4;
+  var handleFocus = function handleFocus(_ref4) {
+    var target = _ref4.target;
     return onFocus(id, target.value);
   };
   return /*#__PURE__*/React.createElement(Radio.Group, {
@@ -1202,58 +1163,58 @@ const RadioWidget = _ref => {
     onChange: !readonly ? handleChange : undefined,
     onBlur: !readonly ? handleBlur : undefined,
     onFocus: !readonly ? handleFocus : undefined,
-    value: `${value}`
-  }, Array.isArray(enumOptions) && enumOptions.map((_ref5, i) => {
-    let {
-      value: optionValue,
-      label: optionLabel
-    } = _ref5;
+    value: "" + value
+  }, Array.isArray(enumOptions) && enumOptions.map(function (_ref5, i) {
+    var optionValue = _ref5.value,
+      optionLabel = _ref5.label;
     return /*#__PURE__*/React.createElement(Radio, {
-      id: `${id}-${optionValue}`,
+      id: id + "-" + optionValue,
       name: id,
       autoFocus: i === 0 ? autofocus : false,
       disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(value) !== -1,
       key: optionValue,
-      value: `${optionValue}`
+      value: "" + optionValue
     }, optionLabel);
   }));
 };
 
-const RangeWidget = _ref => {
-  let {
-    autofocus,
-    disabled,
-    formContext,
-    id,
-    onBlur,
-    onChange,
-    onFocus,
-    options,
-    placeholder,
-    readonly,
-    schema,
-    value
-  } = _ref;
-  const {
-    readonlyAsDisabled = true
-  } = formContext;
-  const {
-    min,
-    max,
-    step
-  } = rangeSpec(schema);
-  const emptyValue = options.emptyValue || "";
-  const handleChange = nextValue => onChange(nextValue === "" ? emptyValue : nextValue);
-  const handleBlur = () => onBlur(id, value);
-  const handleFocus = () => onFocus(id, value);
+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);
+  };
   // Antd's typescript definitions do not contain the following props that are actually necessary and, if provided,
   // they are used, so hacking them in via by spreading `extraProps` on the component to avoid typescript errors
-  const extraProps = {
-    placeholder,
+  var extraProps = {
+    placeholder: placeholder,
     onBlur: !readonly ? handleBlur : undefined,
     onFocus: !readonly ? handleFocus : undefined
   };
-  return /*#__PURE__*/React.createElement(Slider, {
+  return /*#__PURE__*/React.createElement(Slider, _extends({
     autoFocus: autofocus,
     disabled: disabled || readonlyAsDisabled && readonly,
     id: id,
@@ -1262,48 +1223,52 @@ const RangeWidget = _ref => {
     onChange: !readonly ? handleChange : undefined,
     range: false,
     step: step,
-    value: value,
-    ...extraProps
-  });
+    value: value
+  }, extraProps));
 };
 
-const SELECT_STYLE = {
+var SELECT_STYLE = {
   width: "100%"
 };
-const SelectWidget = _ref => {
-  let {
-    autofocus,
-    disabled,
-    formContext,
-    id,
-    multiple,
-    onBlur,
-    onChange,
-    onFocus,
-    options,
-    placeholder,
-    readonly,
-    schema,
-    value
-  } = _ref;
-  const {
-    readonlyAsDisabled = true
-  } = formContext;
-  const {
-    enumOptions,
-    enumDisabled
-  } = options;
-  const handleChange = nextValue => onChange(processSelectValue(schema, nextValue, options));
-  const handleBlur = () => onBlur(id, processSelectValue(schema, value, options));
-  const handleFocus = () => onFocus(id, processSelectValue(schema, value, options));
-  const getPopupContainer = node => node.parentNode;
-  const stringify = currentValue => Array.isArray(currentValue) ? value.map(String) : String(value);
+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(processSelectValue(schema, nextValue, options));
+  };
+  var handleBlur = function handleBlur() {
+    return onBlur(id, processSelectValue(schema, value, options));
+  };
+  var handleFocus = function handleFocus() {
+    return onFocus(id, processSelectValue(schema, value, options));
+  };
+  var getPopupContainer = function getPopupContainer(node) {
+    return node.parentNode;
+  };
+  var stringify = function stringify(currentValue) {
+    return Array.isArray(currentValue) ? value.map(String) : String(value);
+  };
   // Antd's typescript definitions do not contain the following props that are actually necessary and, if provided,
   // they are used, so hacking them in via by spreading `extraProps` on the component to avoid typescript errors
-  const extraProps = {
+  var extraProps = {
     name: id
   };
-  return /*#__PURE__*/React.createElement(Select, {
+  return /*#__PURE__*/React.createElement(Select, _extends({
     autoFocus: autofocus,
     disabled: disabled || readonlyAsDisabled && readonly,
     getPopupContainer: getPopupContainer,
@@ -1314,13 +1279,10 @@ const SelectWidget = _ref => {
     onFocus: !readonly ? handleFocus : undefined,
     placeholder: placeholder,
     style: SELECT_STYLE,
-    value: typeof value !== "undefined" ? stringify(value) : undefined,
-    ...extraProps
-  }, Array.isArray(enumOptions) && enumOptions.map(_ref2 => {
-    let {
-      value: optionValue,
-      label: optionLabel
-    } = _ref2;
+    value: typeof value !== "undefined" ? stringify(value) : undefined
+  }, extraProps), Array.isArray(enumOptions) && enumOptions.map(function (_ref2) {
+    var optionValue = _ref2.value,
+      optionLabel = _ref2.label;
     return /*#__PURE__*/React.createElement(Select.Option, {
       disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(optionValue) !== -1,
       key: String(optionValue),
@@ -1332,49 +1294,40 @@ SelectWidget.defaultProps = {
   formContext: {}
 };
 
-const INPUT_STYLE = {
+var INPUT_STYLE = {
   width: "100%"
 };
-const TextareaWidget = _ref => {
-  let {
-    disabled,
-    formContext,
-    id,
-    onBlur,
-    onChange,
-    onFocus,
-    options,
-    placeholder,
-    readonly,
-    value
-  } = _ref;
-  const {
-    readonlyAsDisabled = true
-  } = formContext;
-  const handleChange = _ref2 => {
-    let {
-      target
-    } = _ref2;
+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);
   };
-  const handleBlur = _ref3 => {
-    let {
-      target
-    } = _ref3;
+  var handleBlur = function handleBlur(_ref3) {
+    var target = _ref3.target;
     return onBlur(id, target.value);
   };
-  const handleFocus = _ref4 => {
-    let {
-      target
-    } = _ref4;
+  var handleFocus = function handleFocus(_ref4) {
+    var target = _ref4.target;
     return onFocus(id, target.value);
   };
   // Antd's typescript definitions do not contain the following props that are actually necessary and, if provided,
   // they are used, so hacking them in via by spreading `extraProps` on the component to avoid typescript errors
-  const extraProps = {
+  var extraProps = {
     type: "textarea"
   };
-  return /*#__PURE__*/React.createElement(Input.TextArea, {
+  return /*#__PURE__*/React.createElement(Input.TextArea, _extends({
     disabled: disabled || readonlyAsDisabled && readonly,
     id: id,
     name: id,
@@ -1384,30 +1337,29 @@ const TextareaWidget = _ref => {
     placeholder: placeholder,
     rows: options.rows || 4,
     style: INPUT_STYLE,
-    value: value,
-    ...extraProps
-  });
+    value: value
+  }, extraProps));
 };
 
-const Widgets = {
-  AltDateTimeWidget,
-  AltDateWidget,
-  CheckboxesWidget,
-  CheckboxWidget,
-  DateTimeWidget,
-  DateWidget,
-  PasswordWidget,
-  RadioWidget,
-  RangeWidget,
-  SelectWidget,
-  TextareaWidget
+var Widgets = {
+  AltDateTimeWidget: AltDateTimeWidget,
+  AltDateWidget: AltDateWidget,
+  CheckboxesWidget: CheckboxesWidget,
+  CheckboxWidget: CheckboxWidget,
+  DateTimeWidget: DateTimeWidget,
+  DateWidget: DateWidget,
+  PasswordWidget: PasswordWidget,
+  RadioWidget: RadioWidget,
+  RangeWidget: RangeWidget,
+  SelectWidget: SelectWidget,
+  TextareaWidget: TextareaWidget
 };
 
-const Theme = {
+var Theme = {
   templates: Index,
   widgets: Widgets
 };
-const Form = /*#__PURE__*/withTheme(Theme);
+var Form = /*#__PURE__*/withTheme(Theme);
 
 export { Form, Index as Templates, Theme, Widgets, Form as default };
 //# sourceMappingURL=antd.esm.js.map