@rjsf/antd 5.10.0 → 5.11.2

package/dist/antd.esm.js

@@ -3,7 +3,7 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import Button from 'antd/es/button';
 import Col from 'antd/es/col';
 import Row from 'antd/es/row';
-import { getUiOptions, getTemplate, getInputProps, ariaDescribedByIds, examplesId, TranslatableString, errorId, titleId, descriptionId, canExpand, getSubmitButtonOptions, UI_OPTIONS_KEY, ADDITIONAL_PROPERTY_FLAG, parseDateString, toDateString, pad, enumOptionsIndexForValue, optionId, enumOptionsValueForIndex, labelValue, rangeSpec } from '@rjsf/utils';
+import { getUiOptions, getTemplate, getInputProps, examplesId, ariaDescribedByIds, TranslatableString, errorId, titleId, descriptionId, canExpand, getSubmitButtonOptions, ADDITIONAL_PROPERTY_FLAG, UI_OPTIONS_KEY, parseDateString, toDateString, pad, enumOptionsIndexForValue, optionId, enumOptionsValueForIndex, labelValue, rangeSpec } from '@rjsf/utils';
 import classNames from 'classnames';
 import { ConfigConsumer } from 'antd/es/config-provider/context';
 import Input from 'antd/es/input';
@@ -30,10 +30,10 @@ import Radio from 'antd/es/radio';
 import Slider from 'antd/es/slider';
 import Select from 'antd/es/select';
 
-var BTN_GRP_STYLE = {
+const BTN_GRP_STYLE = {
   width: '100%'
 };
-var BTN_STYLE = {
+const BTN_STYLE = {
   width: 'calc(100% / 4)'
 };
 /** The `ArrayFieldItemTemplate` component is the template used to render an items of an array.
@@ -41,30 +41,32 @@ var BTN_STYLE = {
  * @param props - The `ArrayFieldTemplateItemType` props for the component
  */
 function ArrayFieldItemTemplate(props) {
-  var children = props.children,
-    disabled = props.disabled,
-    hasCopy = props.hasCopy,
-    hasMoveDown = props.hasMoveDown,
-    hasMoveUp = props.hasMoveUp,
-    hasRemove = props.hasRemove,
-    hasToolbar = props.hasToolbar,
-    index = props.index,
-    onCopyIndexClick = props.onCopyIndexClick,
-    onDropIndexClick = props.onDropIndexClick,
-    onReorderClick = props.onReorderClick,
-    readonly = props.readonly,
-    registry = props.registry,
-    uiSchema = props.uiSchema;
-  var _registry$templates$B = registry.templates.ButtonTemplates,
-    CopyButton = _registry$templates$B.CopyButton,
-    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;
+  const {
+    children,
+    disabled,
+    hasCopy,
+    hasMoveDown,
+    hasMoveUp,
+    hasRemove,
+    hasToolbar,
+    index,
+    onCopyIndexClick,
+    onDropIndexClick,
+    onReorderClick,
+    readonly,
+    registry,
+    uiSchema
+  } = props;
+  const {
+    CopyButton,
+    MoveDownButton,
+    MoveUpButton,
+    RemoveButton
+  } = registry.templates.ButtonTemplates;
+  const {
+    rowGutter = 24,
+    toolbarAlign = 'top'
+  } = registry.formContext;
   return jsxs(Row, {
     align: toolbarAlign,
     gutter: rowGutter,
@@ -102,38 +104,10 @@ function ArrayFieldItemTemplate(props) {
         })]
       })
     })]
-  }, "array-item-" + index);
+  }, `array-item-${index}`);
 }
 
-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 = {
+const DESCRIPTION_COL_STYLE$1 = {
   paddingBottom: '8px'
 };
 /** The `ArrayFieldTemplate` component is the template used to render all items in an array.
@@ -141,35 +115,43 @@ var DESCRIPTION_COL_STYLE$1 = {
  * @param props - The `ArrayFieldTemplateItemType` props for the component
  */
 function ArrayFieldTemplate(props) {
-  var canAdd = props.canAdd,
-    className = props.className,
-    disabled = props.disabled,
-    formContext = props.formContext,
-    idSchema = props.idSchema,
-    items = props.items,
-    onAddClick = props.onAddClick,
-    readonly = props.readonly,
-    registry = props.registry,
-    required = props.required,
-    schema = props.schema,
-    title = props.title,
-    uiSchema = props.uiSchema;
-  var uiOptions = getUiOptions(uiSchema);
-  var ArrayFieldDescriptionTemplate = getTemplate('ArrayFieldDescriptionTemplate', registry, uiOptions);
-  var ArrayFieldItemTemplate = getTemplate('ArrayFieldItemTemplate', registry, uiOptions);
-  var ArrayFieldTitleTemplate = getTemplate('ArrayFieldTitleTemplate', registry, uiOptions);
+  const {
+    canAdd,
+    className,
+    disabled,
+    formContext,
+    idSchema,
+    items,
+    onAddClick,
+    readonly,
+    registry,
+    required,
+    schema,
+    title,
+    uiSchema
+  } = props;
+  const uiOptions = getUiOptions(uiSchema);
+  const ArrayFieldDescriptionTemplate = getTemplate('ArrayFieldDescriptionTemplate', registry, uiOptions);
+  const ArrayFieldItemTemplate = getTemplate('ArrayFieldItemTemplate', registry, uiOptions);
+  const ArrayFieldTitleTemplate = getTemplate('ArrayFieldTitleTemplate', registry, uiOptions);
   // Button templates are not overridden in the uiSchema
-  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;
+  const {
+    ButtonTemplates: {
+      AddButton
+    }
+  } = registry.templates;
+  const {
+    labelAlign = 'right',
+    rowGutter = 24
+  } = formContext;
   return jsx(ConfigConsumer, {
-    children: function children(configProps) {
-      var getPrefixCls = configProps.getPrefixCls;
-      var prefixCls = getPrefixCls('form');
-      var labelClsBasic = prefixCls + "-item-label";
-      var labelColClassName = classNames(labelClsBasic, labelAlign === 'left' && labelClsBasic + "-left"
+    children: configProps => {
+      const {
+        getPrefixCls
+      } = configProps;
+      const prefixCls = getPrefixCls('form');
+      const labelClsBasic = `${prefixCls}-item-label`;
+      const labelColClassName = classNames(labelClsBasic, labelAlign === 'left' && `${labelClsBasic}-left`
       // labelCol.className,
       );
 
@@ -202,11 +184,12 @@ function ArrayFieldTemplate(props) {
           }), jsx(Col, {
             className: 'row array-item-list',
             span: 24,
-            children: items && items.map(function (_ref) {
-              var key = _ref.key,
-                itemProps = _objectWithoutPropertiesLoose(_ref, _excluded$1);
-              return jsx(ArrayFieldItemTemplate, _extends({}, itemProps), key);
-            })
+            children: items && items.map(({
+              key,
+              ...itemProps
+            }) => jsx(ArrayFieldItemTemplate, {
+              ...itemProps
+            }, key))
           }), canAdd && jsx(Col, {
             span: 24,
             children: jsx(Row, {
@@ -230,7 +213,7 @@ function ArrayFieldTemplate(props) {
   });
 }
 
-var INPUT_STYLE$2 = {
+const INPUT_STYLE$2 = {
   width: '100%'
 };
 /** The `BaseInputTemplate` is the template to use to render the basic `<input>` component for the `core` theme.
@@ -240,38 +223,36 @@ var INPUT_STYLE$2 = {
  * @param props - The `WidgetProps` for this template
  */
 function BaseInputTemplate(props) {
-  var disabled = props.disabled,
-    formContext = props.formContext,
-    id = props.id,
-    onBlur = props.onBlur,
-    onChange = props.onChange,
-    onChangeOverride = props.onChangeOverride,
-    onFocus = props.onFocus,
-    options = props.options,
-    placeholder = props.placeholder,
-    readonly = props.readonly,
-    schema = props.schema,
-    value = props.value,
-    type = props.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 = onChangeOverride ? onChangeOverride : function (_ref) {
-    var target = _ref.target;
-    return onChange(target.value === '' ? options.emptyValue : target.value);
-  };
-  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);
-  };
-  var input = inputProps.type === 'number' || inputProps.type === 'integer' ? jsx(InputNumber, _extends({
+  const {
+    disabled,
+    formContext,
+    id,
+    onBlur,
+    onChange,
+    onChangeOverride,
+    onFocus,
+    options,
+    placeholder,
+    readonly,
+    schema,
+    value,
+    type
+  } = props;
+  const inputProps = getInputProps(schema, type, options, false);
+  const {
+    readonlyAsDisabled = true
+  } = formContext;
+  const handleNumberChange = nextValue => onChange(nextValue);
+  const handleTextChange = onChangeOverride ? onChangeOverride : ({
+    target
+  }) => onChange(target.value === '' ? options.emptyValue : target.value);
+  const handleBlur = ({
+    target
+  }) => onBlur(id, target.value);
+  const handleFocus = ({
+    target
+  }) => onFocus(id, target.value);
+  const input = inputProps.type === 'number' || inputProps.type === 'integer' ? jsx(InputNumber, {
     disabled: disabled || readonlyAsDisabled && readonly,
     id: id,
     name: id,
@@ -280,11 +261,11 @@ function BaseInputTemplate(props) {
     onFocus: !readonly ? handleFocus : undefined,
     placeholder: placeholder,
     style: INPUT_STYLE$2,
-    list: schema.examples ? examplesId(id) : undefined
-  }, inputProps, {
+    list: schema.examples ? examplesId(id) : undefined,
+    ...inputProps,
     value: value,
     "aria-describedby": ariaDescribedByIds(id, !!schema.examples)
-  })) : jsx(Input, _extends({
+  }) : jsx(Input, {
     disabled: disabled || readonlyAsDisabled && readonly,
     id: id,
     name: id,
@@ -293,15 +274,15 @@ function BaseInputTemplate(props) {
     onFocus: !readonly ? handleFocus : undefined,
     placeholder: placeholder,
     style: INPUT_STYLE$2,
-    list: schema.examples ? examplesId(id) : undefined
-  }, inputProps, {
+    list: schema.examples ? examplesId(id) : undefined,
+    ...inputProps,
     value: value,
     "aria-describedby": ariaDescribedByIds(id, !!schema.examples)
-  }));
+  });
   return jsxs(Fragment, {
     children: [input, Array.isArray(schema.examples) && jsx("datalist", {
       id: examplesId(id),
-      children: schema.examples.concat(schema["default"] && !schema.examples.includes(schema["default"]) ? [schema["default"]] : []).map(function (example) {
+      children: schema.examples.concat(schema.default && !schema.examples.includes(schema.default) ? [schema.default] : []).map(example => {
         return jsx("option", {
           value: example
         }, example);
@@ -315,8 +296,10 @@ function BaseInputTemplate(props) {
  * @param props - The `DescriptionFieldProps` for this component
  */
 function DescriptionField(props) {
-  var id = props.id,
-    description = props.description;
+  const {
+    id,
+    description
+  } = props;
   if (!description) {
     return null;
   }
@@ -330,23 +313,22 @@ function DescriptionField(props) {
  *
  * @param props - The `ErrorListProps` for this component
  */
-function ErrorList(_ref) {
-  var errors = _ref.errors,
-    registry = _ref.registry;
-  var translateString = registry.translateString;
-  var renderErrors = function renderErrors() {
-    return jsx(List, {
-      className: 'list-group',
-      size: 'small',
-      children: errors.map(function (error, index) {
-        return jsx(List.Item, {
-          children: jsxs(Space, {
-            children: [jsx(ExclamationCircleOutlined, {}), error.stack]
-          })
-        }, index);
+function ErrorList({
+  errors,
+  registry
+}) {
+  const {
+    translateString
+  } = registry;
+  const renderErrors = () => jsx(List, {
+    className: 'list-group',
+    size: 'small',
+    children: errors.map((error, index) => jsx(List.Item, {
+      children: jsxs(Space, {
+        children: [jsx(ExclamationCircleOutlined, {}), error.stack]
       })
-    });
-  };
+    }, index))
+  });
   return jsx(Alert, {
     className: 'panel panel-danger errors',
     description: renderErrors(),
@@ -355,63 +337,86 @@ function ErrorList(_ref) {
   });
 }
 
-var _excluded = ["iconType", "icon", "uiSchema", "registry"];
 function IconButton(props) {
-  var _props$iconType = props.iconType,
-    iconType = _props$iconType === void 0 ? 'default' : _props$iconType,
-    icon = props.icon,
-    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
-  return jsx(Button, _extends({
+  const {
+    iconType = 'default',
+    icon,
+    uiSchema,
+    registry,
+    ...otherProps
+  } = props;
+  return jsx(Button, {
     type: iconType,
-    icon: icon
-  }, otherProps));
+    icon: icon,
+    ...otherProps
+  });
 }
 function AddButton(props) {
-  var translateString = props.registry.translateString;
-  return jsx(IconButton, _extends({
-    title: translateString(TranslatableString.AddItemButton)
-  }, props, {
+  const {
+    registry: {
+      translateString
+    }
+  } = props;
+  return jsx(IconButton, {
+    title: translateString(TranslatableString.AddItemButton),
+    ...props,
     block: true,
     iconType: 'primary',
     icon: jsx(PlusCircleOutlined, {})
-  }));
+  });
 }
 function CopyButton(props) {
-  var translateString = props.registry.translateString;
-  return jsx(IconButton, _extends({
-    title: translateString(TranslatableString.CopyButton)
-  }, props, {
+  const {
+    registry: {
+      translateString
+    }
+  } = props;
+  return jsx(IconButton, {
+    title: translateString(TranslatableString.CopyButton),
+    ...props,
     icon: jsx(CopyOutlined, {})
-  }));
+  });
 }
 function MoveDownButton(props) {
-  var translateString = props.registry.translateString;
-  return jsx(IconButton, _extends({
-    title: translateString(TranslatableString.MoveDownButton)
-  }, props, {
+  const {
+    registry: {
+      translateString
+    }
+  } = props;
+  return jsx(IconButton, {
+    title: translateString(TranslatableString.MoveDownButton),
+    ...props,
     icon: jsx(ArrowDownOutlined, {})
-  }));
+  });
 }
 function MoveUpButton(props) {
-  var translateString = props.registry.translateString;
-  return jsx(IconButton, _extends({
-    title: translateString(TranslatableString.MoveUpButton)
-  }, props, {
+  const {
+    registry: {
+      translateString
+    }
+  } = props;
+  return jsx(IconButton, {
+    title: translateString(TranslatableString.MoveUpButton),
+    ...props,
     icon: jsx(ArrowUpOutlined, {})
-  }));
+  });
 }
 function RemoveButton(props) {
   // The `block` prop is not part of the `IconButtonProps` defined in the template, so get it from the uiSchema instead
-  var options = getUiOptions(props.uiSchema);
-  var translateString = props.registry.translateString;
-  return jsx(IconButton, _extends({
-    title: translateString(TranslatableString.RemoveButton)
-  }, props, {
+  const options = getUiOptions(props.uiSchema);
+  const {
+    registry: {
+      translateString
+    }
+  } = props;
+  return jsx(IconButton, {
+    title: translateString(TranslatableString.RemoveButton),
+    ...props,
     danger: true,
     block: !!options.block,
     iconType: 'primary',
     icon: jsx(DeleteOutlined, {})
-  }));
+  });
 }
 
 /** The `FieldErrorTemplate` component renders the errors local to the particular field
@@ -419,27 +424,26 @@ function RemoveButton(props) {
  * @param props - The `FieldErrorProps` for the errors being rendered
  */
 function FieldErrorTemplate(props) {
-  var _props$errors = props.errors,
-    errors = _props$errors === void 0 ? [] : _props$errors,
-    idSchema = props.idSchema;
+  const {
+    errors = [],
+    idSchema
+  } = props;
   if (errors.length === 0) {
     return null;
   }
-  var id = errorId(idSchema);
+  const id = errorId(idSchema);
   return jsx("div", {
     id: id,
-    children: errors.map(function (error) {
-      return jsx("div", {
-        children: error
-      }, "field-" + id + "-error-" + error);
-    })
+    children: errors.map(error => jsx("div", {
+      children: error
+    }, `field-${id}-error-${error}`))
   });
 }
 
-var VERTICAL_LABEL_COL$1 = {
+const VERTICAL_LABEL_COL$1 = {
   span: 24
 };
-var VERTICAL_WRAPPER_COL$1 = {
+const VERTICAL_WRAPPER_COL$1 = {
   span: 24
 };
 /** The `FieldTemplate` component is the template used by `SchemaField` to render any field. It renders the field
@@ -448,38 +452,39 @@ var VERTICAL_WRAPPER_COL$1 = {
  * @param props - The `FieldTemplateProps` for this component
  */
 function FieldTemplate(props) {
-  var children = props.children,
-    classNames = props.classNames,
-    style = props.style,
-    description = props.description,
-    disabled = props.disabled,
-    displayLabel = props.displayLabel,
-    errors = props.errors,
-    formContext = props.formContext,
-    help = props.help,
-    hidden = props.hidden,
-    id = props.id,
-    label = props.label,
-    onDropPropertyClick = props.onDropPropertyClick,
-    onKeyChange = props.onKeyChange,
-    rawErrors = props.rawErrors,
-    rawDescription = props.rawDescription,
-    rawHelp = props.rawHelp,
-    readonly = props.readonly,
-    registry = props.registry,
-    required = props.required,
-    schema = props.schema,
-    uiSchema = props.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,
-    _formContext$descript = formContext.descriptionLocation,
-    descriptionLocation = _formContext$descript === void 0 ? 'below' : _formContext$descript;
-  var uiOptions = getUiOptions(uiSchema);
-  var WrapIfAdditionalTemplate = getTemplate('WrapIfAdditionalTemplate', registry, uiOptions);
+  const {
+    children,
+    classNames,
+    style,
+    description,
+    disabled,
+    displayLabel,
+    errors,
+    formContext,
+    help,
+    hidden,
+    id,
+    label,
+    onDropPropertyClick,
+    onKeyChange,
+    rawErrors,
+    rawDescription,
+    rawHelp,
+    readonly,
+    registry,
+    required,
+    schema,
+    uiSchema
+  } = props;
+  const {
+    colon,
+    labelCol = VERTICAL_LABEL_COL$1,
+    wrapperCol = VERTICAL_WRAPPER_COL$1,
+    wrapperStyle,
+    descriptionLocation = 'below'
+  } = formContext;
+  const uiOptions = getUiOptions(uiSchema);
+  const WrapIfAdditionalTemplate = getTemplate('WrapIfAdditionalTemplate', registry, uiOptions);
   if (hidden) {
     return jsx("div", {
       className: 'field-hidden',
@@ -488,8 +493,8 @@ function FieldTemplate(props) {
   }
   // check to see if there is rawDescription(string) before using description(ReactNode)
   // to prevent showing a blank description area
-  var descriptionNode = rawDescription ? description : undefined;
-  var descriptionProps = {};
+  const descriptionNode = rawDescription ? description : undefined;
+  const descriptionProps = {};
   switch (descriptionLocation) {
     case 'tooltip':
       descriptionProps.tooltip = descriptionNode;
@@ -512,7 +517,7 @@ function FieldTemplate(props) {
     schema: schema,
     uiSchema: uiSchema,
     registry: registry,
-    children: jsx(Form$1.Item, _extends({
+    children: jsx(Form$1.Item, {
       colon: colon,
       hasFeedback: schema.type !== 'array' && schema.type !== 'object',
       help: !!rawHelp && help || (rawErrors !== null && rawErrors !== void 0 && rawErrors.length ? errors : undefined),
@@ -522,14 +527,14 @@ function FieldTemplate(props) {
       required: required,
       style: wrapperStyle,
       validateStatus: rawErrors !== null && rawErrors !== void 0 && rawErrors.length ? 'error' : undefined,
-      wrapperCol: wrapperCol
-    }, descriptionProps, {
+      wrapperCol: wrapperCol,
+      ...descriptionProps,
       children: children
-    }))
+    })
   });
 }
 
-var DESCRIPTION_COL_STYLE = {
+const DESCRIPTION_COL_STYLE = {
   paddingBottom: '8px'
 };
 /** The `ObjectFieldTemplate` is the template to use to render all the inner properties of an object along with the
@@ -539,54 +544,49 @@ var DESCRIPTION_COL_STYLE = {
  * @param props - The `ObjectFieldTemplateProps` for this component
  */
 function ObjectFieldTemplate(props) {
-  var description = props.description,
-    disabled = props.disabled,
-    formContext = props.formContext,
-    formData = props.formData,
-    idSchema = props.idSchema,
-    onAddClick = props.onAddClick,
-    properties = props.properties,
-    readonly = props.readonly,
-    required = props.required,
-    registry = props.registry,
-    schema = props.schema,
-    title = props.title,
-    uiSchema = props.uiSchema;
-  var uiOptions = getUiOptions(uiSchema);
-  var TitleFieldTemplate = getTemplate('TitleFieldTemplate', registry, uiOptions);
-  var DescriptionFieldTemplate = getTemplate('DescriptionFieldTemplate', registry, uiOptions);
+  const {
+    description,
+    disabled,
+    formContext,
+    formData,
+    idSchema,
+    onAddClick,
+    properties,
+    readonly,
+    required,
+    registry,
+    schema,
+    title,
+    uiSchema
+  } = props;
+  const uiOptions = getUiOptions(uiSchema);
+  const TitleFieldTemplate = getTemplate('TitleFieldTemplate', registry, uiOptions);
+  const DescriptionFieldTemplate = getTemplate('DescriptionFieldTemplate', registry, uiOptions);
   // Button templates are not overridden in the uiSchema
-  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 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 ||
+  const {
+    ButtonTemplates: {
+      AddButton
+    }
+  } = registry.templates;
+  const {
+    colSpan = 24,
+    labelAlign = 'right',
+    rowGutter = 24
+  } = formContext;
+  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 ||
     // Single or no field in object.
     type === 'object' || type === 'array' || widget === 'textarea' ? 24 : 12;
     if (isObject(colSpan)) {
-      var colSpanObj = colSpan;
+      const colSpanObj = colSpan;
       if (isString(widget)) {
         return colSpanObj[widget];
       }
@@ -603,11 +603,13 @@ function ObjectFieldTemplate(props) {
     return defaultColSpan;
   };
   return jsx(ConfigConsumer, {
-    children: function children(configProps) {
-      var getPrefixCls = configProps.getPrefixCls;
-      var prefixCls = getPrefixCls('form');
-      var labelClsBasic = prefixCls + "-item-label";
-      var labelColClassName = classNames(labelClsBasic, labelAlign === 'left' && labelClsBasic + "-left"
+    children: configProps => {
+      const {
+        getPrefixCls
+      } = configProps;
+      const prefixCls = getPrefixCls('form');
+      const labelClsBasic = `${prefixCls}-item-label`;
+      const labelColClassName = classNames(labelClsBasic, labelAlign === 'left' && `${labelClsBasic}-left`
       // labelCol.className,
       );
 
@@ -636,14 +638,10 @@ function ObjectFieldTemplate(props) {
               uiSchema: uiSchema,
               registry: registry
             })
-          }), properties.filter(function (e) {
-            return !e.hidden;
-          }).map(function (element) {
-            return jsx(Col, {
-              span: calculateColSpan(element),
-              children: element.content
-            }, element.name);
-          })]
+          }), properties.filter(e => !e.hidden).map(element => jsx(Col, {
+            span: calculateColSpan(element),
+            children: element.content
+          }, element.name))]
         }), canExpand(schema, uiSchema, formData) && jsx(Col, {
           span: 24,
           children: jsx(Row, {
@@ -668,54 +666,64 @@ function ObjectFieldTemplate(props) {
 
 /** The `SubmitButton` renders a button that represent the `Submit` action on a form
  */
-function SubmitButton(_ref) {
-  var uiSchema = _ref.uiSchema;
-  var _getSubmitButtonOptio = getSubmitButtonOptions(uiSchema),
-    submitText = _getSubmitButtonOptio.submitText,
-    norender = _getSubmitButtonOptio.norender,
-    submitButtonProps = _getSubmitButtonOptio.props;
+function SubmitButton({
+  uiSchema
+}) {
+  const {
+    submitText,
+    norender,
+    props: submitButtonProps
+  } = getSubmitButtonOptions(uiSchema);
   if (norender) {
     return null;
   }
-  return jsx(Button, _extends({
-    type: 'submit'
-  }, submitButtonProps, {
+  return jsx(Button, {
+    type: 'submit',
+    ...submitButtonProps,
     htmlType: 'submit',
     children: submitText
-  }));
+  });
 }
 
 /** The `TitleField` is the template to use to render the title of a field
  *
  * @param props - The `TitleFieldProps` for this component
  */
-function TitleField(_ref) {
-  var id = _ref.id,
-    required = _ref.required,
-    registry = _ref.registry,
-    title = _ref.title;
-  var formContext = registry.formContext;
-  var _formContext$colon = formContext.colon,
-    colon = _formContext$colon === void 0 ? true : _formContext$colon;
-  var labelChildren = title;
+function TitleField({
+  id,
+  required,
+  registry,
+  title
+}) {
+  const {
+    formContext
+  } = registry;
+  const {
+    colon = true
+  } = formContext;
+  let labelChildren = title;
   if (colon && typeof title === 'string' && title.trim() !== '') {
     labelChildren = title.replace(/[：:]\s*$/, '');
   }
-  var handleLabelClick = function handleLabelClick() {
+  const handleLabelClick = () => {
     if (!id) {
       return;
     }
-    var control = document.querySelector("[id=\"" + id + "\"]");
+    const control = document.querySelector(`[id="${id}"]`);
     if (control && control.focus) {
       control.focus();
     }
   };
   return title ? jsx(ConfigConsumer, {
-    children: function children(configProps) {
-      var _classNames;
-      var getPrefixCls = configProps.getPrefixCls;
-      var prefixCls = getPrefixCls('form');
-      var labelClassName = classNames((_classNames = {}, _classNames[prefixCls + "-item-required"] = required, _classNames[prefixCls + "-item-no-colon"] = !colon, _classNames));
+    children: configProps => {
+      const {
+        getPrefixCls
+      } = configProps;
+      const prefixCls = getPrefixCls('form');
+      const labelClassName = classNames({
+        [`${prefixCls}-item-required`]: required,
+        [`${prefixCls}-item-no-colon`]: !colon
+      });
       return jsx("label", {
         className: labelClassName,
         htmlFor: id,
@@ -727,13 +735,13 @@ function TitleField(_ref) {
   }) : null;
 }
 
-var VERTICAL_LABEL_COL = {
+const VERTICAL_LABEL_COL = {
   span: 24
 };
-var VERTICAL_WRAPPER_COL = {
+const VERTICAL_WRAPPER_COL = {
   span: 24
 };
-var INPUT_STYLE$1 = {
+const INPUT_STYLE$1 = {
   width: '100%'
 };
 /** The `WrapIfAdditional` component is used by the `FieldTemplate` to rename, or remove properties that are
@@ -742,39 +750,40 @@ var INPUT_STYLE$1 = {
  * @param props - The `WrapIfAdditionalProps` for this component
  */
 function WrapIfAdditionalTemplate(props) {
-  var _extends2;
-  var children = props.children,
-    classNames = props.classNames,
-    style = props.style,
-    disabled = props.disabled,
-    id = props.id,
-    label = props.label,
-    onDropPropertyClick = props.onDropPropertyClick,
-    onKeyChange = props.onKeyChange,
-    readonly = props.readonly,
-    required = props.required,
-    registry = props.registry,
-    schema = props.schema,
-    uiSchema = props.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;
-  var templates = registry.templates,
-    translateString = registry.translateString;
+  const {
+    children,
+    classNames,
+    style,
+    disabled,
+    id,
+    label,
+    onDropPropertyClick,
+    onKeyChange,
+    readonly,
+    required,
+    registry,
+    schema,
+    uiSchema
+  } = props;
+  const {
+    colon,
+    labelCol = VERTICAL_LABEL_COL,
+    readonlyAsDisabled = true,
+    rowGutter = 24,
+    toolbarAlign = 'top',
+    wrapperCol = VERTICAL_WRAPPER_COL,
+    wrapperStyle
+  } = registry.formContext;
+  const {
+    templates,
+    translateString
+  } = registry;
   // Button templates are not overridden in the uiSchema
-  var RemoveButton = templates.ButtonTemplates.RemoveButton;
-  var keyLabel = translateString(TranslatableString.KeyLabel, [label]);
-  var additional = (ADDITIONAL_PROPERTY_FLAG in schema);
+  const {
+    RemoveButton
+  } = templates.ButtonTemplates;
+  const keyLabel = translateString(TranslatableString.KeyLabel, [label]);
+  const additional = (ADDITIONAL_PROPERTY_FLAG in schema);
   if (!additional) {
     return jsx("div", {
       className: classNames,
@@ -782,15 +791,18 @@ function WrapIfAdditionalTemplate(props) {
       children: children
     });
   }
-  var handleBlur = function handleBlur(_ref) {
-    var target = _ref.target;
-    return onKeyChange(target.value);
-  };
+  const handleBlur = ({
+    target
+  }) => onKeyChange(target.value);
   // The `block` prop is not part of the `IconButtonProps` defined in the template, so put it into the uiSchema instead
-  var uiOptions = uiSchema ? uiSchema[UI_OPTIONS_KEY] : {};
-  var buttonUiOptions = _extends({}, uiSchema, (_extends2 = {}, _extends2[UI_OPTIONS_KEY] = _extends({}, uiOptions, {
-    block: true
-  }), _extends2));
+  const uiOptions = uiSchema ? uiSchema[UI_OPTIONS_KEY] : {};
+  const buttonUiOptions = {
+    ...uiSchema,
+    [UI_OPTIONS_KEY]: {
+      ...uiOptions,
+      block: true
+    }
+  };
   return jsx("div", {
     className: classNames,
     style: style,
@@ -806,7 +818,7 @@ function WrapIfAdditionalTemplate(props) {
             colon: colon,
             className: 'form-group',
             hasFeedback: true,
-            htmlFor: id + "-key",
+            htmlFor: `${id}-key`,
             label: keyLabel,
             labelCol: labelCol,
             required: required,
@@ -816,8 +828,8 @@ function WrapIfAdditionalTemplate(props) {
               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'
@@ -844,31 +856,31 @@ function WrapIfAdditionalTemplate(props) {
 
 function generateTemplates() {
   return {
-    ArrayFieldItemTemplate: ArrayFieldItemTemplate,
-    ArrayFieldTemplate: ArrayFieldTemplate,
-    BaseInputTemplate: BaseInputTemplate,
+    ArrayFieldItemTemplate,
+    ArrayFieldTemplate,
+    BaseInputTemplate,
     ButtonTemplates: {
-      AddButton: AddButton,
-      CopyButton: CopyButton,
-      MoveDownButton: MoveDownButton,
-      MoveUpButton: MoveUpButton,
-      RemoveButton: RemoveButton,
-      SubmitButton: SubmitButton
+      AddButton,
+      CopyButton,
+      MoveDownButton,
+      MoveUpButton,
+      RemoveButton,
+      SubmitButton
     },
     DescriptionFieldTemplate: DescriptionField,
     ErrorListTemplate: ErrorList,
-    FieldErrorTemplate: FieldErrorTemplate,
-    FieldTemplate: FieldTemplate,
-    ObjectFieldTemplate: ObjectFieldTemplate,
+    FieldErrorTemplate,
+    FieldTemplate,
+    ObjectFieldTemplate,
     TitleFieldTemplate: TitleField,
-    WrapIfAdditionalTemplate: WrapIfAdditionalTemplate
+    WrapIfAdditionalTemplate
   };
 }
 var index$1 = /*#__PURE__*/generateTemplates();
 
-var rangeOptions = function rangeOptions(start, stop) {
-  var options = [];
-  for (var i = start; i <= stop; i++) {
+const rangeOptions = (start, stop) => {
+  const options = [];
+  for (let i = start; i <= stop; i++) {
     options.push({
       value: i,
       label: pad(i, 2)
@@ -876,22 +888,19 @@ var rangeOptions = function rangeOptions(start, stop) {
   }
   return options;
 };
-var readyForChange = function readyForChange(state) {
-  return Object.values(state).every(function (value) {
-    return value !== -1;
-  });
+const readyForChange = state => {
+  return Object.values(state).every(value => value !== -1);
 };
-function dateElementProps(state, time, yearsRange) {
-  if (yearsRange === void 0) {
-    yearsRange = [1900, new Date().getFullYear() + 2];
-  }
-  var year = state.year,
-    month = state.month,
-    day = state.day,
-    hour = state.hour,
-    minute = state.minute,
-    second = state.second;
-  var data = [{
+function dateElementProps(state, time, yearsRange = [1900, new Date().getFullYear() + 2]) {
+  const {
+    year,
+    month,
+    day,
+    hour,
+    minute,
+    second
+  } = state;
+  const data = [{
     type: 'year',
     range: yearsRange,
     value: year
@@ -922,99 +931,103 @@ function dateElementProps(state, time, yearsRange) {
   return data;
 }
 function AltDateWidget(props) {
-  var autofocus = props.autofocus,
-    disabled = props.disabled,
-    formContext = props.formContext,
-    id = props.id,
-    onBlur = props.onBlur,
-    onChange = props.onChange,
-    onFocus = props.onFocus,
-    options = props.options,
-    readonly = props.readonly,
-    registry = props.registry,
-    showTime = props.showTime,
-    value = props.value;
-  var translateString = registry.translateString,
-    widgets = registry.widgets;
-  var SelectWidget = 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 () {
+  const {
+    autofocus,
+    disabled,
+    formContext,
+    id,
+    onBlur,
+    onChange,
+    onFocus,
+    options,
+    readonly,
+    registry,
+    showTime,
+    value
+  } = props;
+  const {
+    translateString,
+    widgets
+  } = registry;
+  const {
+    SelectWidget
+  } = widgets;
+  const {
+    rowGutter = 24
+  } = formContext;
+  const [state, setState] = useState(parseDateString(value, showTime));
+  useEffect(() => {
     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));
+  const handleChange = (property, nextValue) => {
+    const nextState = {
+      ...state,
+      [property]: typeof nextValue === 'undefined' ? -1 : nextValue
+    };
     if (readyForChange(nextState)) {
       onChange(toDateString(nextState, showTime));
     } else {
       setState(nextState);
     }
   };
-  var handleNow = function handleNow(event) {
+  const handleNow = event => {
     event.preventDefault();
     if (disabled || readonly) {
       return;
     }
-    var nextState = parseDateString(new Date().toJSON(), showTime);
+    const nextState = parseDateString(new Date().toJSON(), showTime);
     onChange(toDateString(nextState, showTime));
   };
-  var handleClear = function handleClear(event) {
+  const handleClear = event => {
     event.preventDefault();
     if (disabled || readonly) {
       return;
     }
     onChange(undefined);
   };
-  var renderDateElement = function renderDateElement(elemProps) {
-    return jsx(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: '',
-      "aria-describedby": ariaDescribedByIds(id)
-    });
-  };
+  const renderDateElement = elemProps => jsx(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: '',
+    "aria-describedby": ariaDescribedByIds(id)
+  });
   return jsxs(Row, {
     gutter: [Math.floor(rowGutter / 2), Math.floor(rowGutter / 2)],
-    children: [dateElementProps(state, showTime, options.yearsRange).map(function (elemProps, i) {
-      var elemId = id + '_' + elemProps.type;
+    children: [dateElementProps(state, showTime, options.yearsRange).map((elemProps, i) => {
+      const elemId = id + '_' + elemProps.type;
       return jsx(Col, {
         flex: '88px',
-        children: renderDateElement(_extends({}, elemProps, {
+        children: renderDateElement({
+          ...elemProps,
           autofocus: autofocus && i === 0,
-          disabled: disabled,
+          disabled,
           id: elemId,
           name: id,
-          onBlur: onBlur,
-          onFocus: onFocus,
-          readonly: readonly,
-          registry: registry,
+          onBlur,
+          onFocus,
+          readonly,
+          registry,
           select: handleChange,
           // NOTE: antd components accept -1 rather than issue a warning
           // like material-ui, so we need to convert -1 to undefined here.
           value: elemProps.value < 0 ? undefined : elemProps.value
-        }))
+        })
       }, elemId);
     }), !options.hideNowButton && jsx(Col, {
       flex: '88px',
@@ -1049,62 +1062,66 @@ AltDateWidget.defaultProps = {
 };
 
 function AltDateTimeWidget(props) {
-  var AltDateWidget = props.registry.widgets.AltDateWidget;
-  return jsx(AltDateWidget, _extends({
-    showTime: true
-  }, props));
+  const {
+    AltDateWidget
+  } = props.registry.widgets;
+  return jsx(AltDateWidget, {
+    showTime: true,
+    ...props
+  });
 }
-AltDateTimeWidget.defaultProps = /*#__PURE__*/_extends({}, AltDateWidget.defaultProps, {
+AltDateTimeWidget.defaultProps = {
+  ...AltDateWidget.defaultProps,
   showTime: true
-});
+};
 
 /** The `CheckboxesWidget` is a widget for rendering checkbox groups.
  *  It is typically used to represent an array of enums.
  *
  * @param props - The `WidgetProps` for this component
  */
-function CheckboxesWidget(_ref) {
-  var autofocus = _ref.autofocus,
-    disabled = _ref.disabled,
-    formContext = _ref.formContext,
-    id = _ref.id,
-    label = _ref.label,
-    hideLabel = _ref.hideLabel,
-    onBlur = _ref.onBlur,
-    onChange = _ref.onChange,
-    onFocus = _ref.onFocus,
-    options = _ref.options,
-    readonly = _ref.readonly,
-    registry = _ref.registry,
-    schema = _ref.schema,
-    uiSchema = _ref.uiSchema,
-    value = _ref.value;
-  var _formContext$readonly = formContext.readonlyAsDisabled,
-    readonlyAsDisabled = _formContext$readonly === void 0 ? true : _formContext$readonly;
-  var TitleFieldTemplate = getTemplate('TitleFieldTemplate', registry, options);
-  var enumOptions = options.enumOptions,
-    enumDisabled = options.enumDisabled,
-    inline = options.inline,
-    emptyValue = options.emptyValue;
-  var handleChange = function handleChange(nextValue) {
-    return onChange(enumOptionsValueForIndex(nextValue, enumOptions, emptyValue));
-  };
-  var handleBlur = function handleBlur(_ref2) {
-    var target = _ref2.target;
-    return onBlur(id, enumOptionsValueForIndex(target.value, enumOptions, emptyValue));
-  };
-  var handleFocus = function handleFocus(_ref3) {
-    var target = _ref3.target;
-    return onFocus(id, enumOptionsValueForIndex(target.value, enumOptions, emptyValue));
-  };
+function CheckboxesWidget({
+  autofocus,
+  disabled,
+  formContext,
+  id,
+  label,
+  hideLabel,
+  onBlur,
+  onChange,
+  onFocus,
+  options,
+  readonly,
+  registry,
+  schema,
+  uiSchema,
+  value
+}) {
+  const {
+    readonlyAsDisabled = true
+  } = formContext;
+  const TitleFieldTemplate = getTemplate('TitleFieldTemplate', registry, options);
+  const {
+    enumOptions,
+    enumDisabled,
+    inline,
+    emptyValue
+  } = options;
+  const handleChange = nextValue => onChange(enumOptionsValueForIndex(nextValue, enumOptions, emptyValue));
+  const handleBlur = ({
+    target
+  }) => onBlur(id, enumOptionsValueForIndex(target.value, enumOptions, emptyValue));
+  const handleFocus = ({
+    target
+  }) => onFocus(id, enumOptionsValueForIndex(target.value, enumOptions, emptyValue));
   // Antd's typescript definitions do not contain the following props that are actually necessary and, if provided,
   // they are used, so hacking them in via by spreading `extraProps` on the component to avoid typescript errors
-  var extraProps = {
-    id: id,
+  const extraProps = {
+    id,
     onBlur: !readonly ? handleBlur : undefined,
     onFocus: !readonly ? handleFocus : undefined
   };
-  var selectedIndexes = enumOptionsIndexForValue(value, enumOptions, true);
+  const selectedIndexes = enumOptionsIndexForValue(value, enumOptions, true);
   return Array.isArray(enumOptions) && enumOptions.length > 0 ? jsxs(Fragment, {
     children: [!hideLabel && !!label && jsx("div", {
       children: jsx(TitleFieldTemplate, {
@@ -1114,26 +1131,24 @@ function CheckboxesWidget(_ref) {
         uiSchema: uiSchema,
         registry: registry
       })
-    }), jsx(Checkbox.Group, _extends({
+    }), jsx(Checkbox.Group, {
       disabled: disabled || readonlyAsDisabled && readonly,
       name: id,
       onChange: !readonly ? handleChange : undefined,
-      value: selectedIndexes
-    }, extraProps, {
+      value: selectedIndexes,
+      ...extraProps,
       "aria-describedby": ariaDescribedByIds(id),
-      children: Array.isArray(enumOptions) && enumOptions.map(function (option, i) {
-        return jsxs("span", {
-          children: [jsx(Checkbox, {
-            id: optionId(id, i),
-            name: id,
-            autoFocus: i === 0 ? autofocus : false,
-            disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(value) !== -1,
-            value: String(i),
-            children: option.label
-          }), !inline && jsx("br", {})]
-        }, i);
-      })
-    }))]
+      children: Array.isArray(enumOptions) && enumOptions.map((option, i) => jsxs("span", {
+        children: [jsx(Checkbox, {
+          id: optionId(id, i),
+          name: id,
+          autoFocus: i === 0 ? autofocus : false,
+          disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(value) !== -1,
+          value: String(i),
+          children: option.label
+        }), !inline && jsx("br", {})]
+      }, i))
+    })]
   }) : null;
 }
 
@@ -1143,53 +1158,53 @@ function CheckboxesWidget(_ref) {
  * @param props - The `WidgetProps` for this component
  */
 function CheckboxWidget(props) {
-  var autofocus = props.autofocus,
-    disabled = props.disabled,
-    formContext = props.formContext,
-    id = props.id,
-    label = props.label,
-    hideLabel = props.hideLabel,
-    onBlur = props.onBlur,
-    onChange = props.onChange,
-    onFocus = props.onFocus,
-    readonly = props.readonly,
-    value = props.value;
-  var _formContext$readonly = formContext.readonlyAsDisabled,
-    readonlyAsDisabled = _formContext$readonly === void 0 ? true : _formContext$readonly;
-  var handleChange = function handleChange(_ref) {
-    var target = _ref.target;
-    return onChange(target.checked);
-  };
-  var handleBlur = function handleBlur(_ref2) {
-    var target = _ref2.target;
-    return onBlur(id, target.checked);
-  };
-  var handleFocus = function handleFocus(_ref3) {
-    var target = _ref3.target;
-    return onFocus(id, target.checked);
-  };
+  const {
+    autofocus,
+    disabled,
+    formContext,
+    id,
+    label,
+    hideLabel,
+    onBlur,
+    onChange,
+    onFocus,
+    readonly,
+    value
+  } = props;
+  const {
+    readonlyAsDisabled = true
+  } = formContext;
+  const handleChange = ({
+    target
+  }) => onChange(target.checked);
+  const handleBlur = ({
+    target
+  }) => onBlur(id, target.checked);
+  const handleFocus = ({
+    target
+  }) => 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
-  var extraProps = {
+  const extraProps = {
     onBlur: !readonly ? handleBlur : undefined,
     onFocus: !readonly ? handleFocus : undefined
   };
-  return jsx(Checkbox, _extends({
+  return jsx(Checkbox, {
     autoFocus: autofocus,
     checked: typeof value === 'undefined' ? false : value,
     disabled: disabled || readonlyAsDisabled && readonly,
     id: id,
     name: id,
-    onChange: !readonly ? handleChange : undefined
-  }, extraProps, {
+    onChange: !readonly ? handleChange : undefined,
+    ...extraProps,
     "aria-describedby": ariaDescribedByIds(id),
     children: labelValue(label, hideLabel, '')
-  }));
+  });
 }
 
-var DatePicker = /*#__PURE__*/generatePicker(dayjsGenerateConfig);
+const DatePicker = /*#__PURE__*/generatePicker(dayjsGenerateConfig);
 
-var DATE_PICKER_STYLE$1 = {
+const DATE_PICKER_STYLE$1 = {
   width: '100%'
 };
 /** The `DateTimeWidget` component uses the `BaseInputTemplate` changing the type to `datetime-local` and transforms
@@ -1198,29 +1213,24 @@ var DATE_PICKER_STYLE$1 = {
  * @param props - The `WidgetProps` for this component
  */
 function DateTimeWidget(props) {
-  var disabled = props.disabled,
-    formContext = props.formContext,
-    id = props.id,
-    onBlur = props.onBlur,
-    onChange = props.onChange,
-    onFocus = props.onFocus,
-    placeholder = props.placeholder,
-    readonly = props.readonly,
-    value = props.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;
-  };
+  const {
+    disabled,
+    formContext,
+    id,
+    onBlur,
+    onChange,
+    onFocus,
+    placeholder,
+    readonly,
+    value
+  } = props;
+  const {
+    readonlyAsDisabled = true
+  } = formContext;
+  const handleChange = nextValue => onChange(nextValue && nextValue.toISOString());
+  const handleBlur = () => onBlur(id, value);
+  const handleFocus = () => onFocus(id, value);
+  const getPopupContainer = node => node.parentNode;
   return jsx(DatePicker, {
     disabled: disabled || readonlyAsDisabled && readonly,
     getPopupContainer: getPopupContainer,
@@ -1237,7 +1247,7 @@ function DateTimeWidget(props) {
   });
 }
 
-var DATE_PICKER_STYLE = {
+const DATE_PICKER_STYLE = {
   width: '100%'
 };
 /** The `DateWidget` component uses the `BaseInputTemplate` changing the type to `date` and transforms
@@ -1246,29 +1256,24 @@ var DATE_PICKER_STYLE = {
  * @param props - The `WidgetProps` for this component
  */
 function DateWidget(props) {
-  var disabled = props.disabled,
-    formContext = props.formContext,
-    id = props.id,
-    onBlur = props.onBlur,
-    onChange = props.onChange,
-    onFocus = props.onFocus,
-    placeholder = props.placeholder,
-    readonly = props.readonly,
-    value = props.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;
-  };
+  const {
+    disabled,
+    formContext,
+    id,
+    onBlur,
+    onChange,
+    onFocus,
+    placeholder,
+    readonly,
+    value
+  } = props;
+  const {
+    readonlyAsDisabled = true
+  } = formContext;
+  const handleChange = nextValue => onChange(nextValue && nextValue.format('YYYY-MM-DD'));
+  const handleBlur = () => onBlur(id, value);
+  const handleFocus = () => onFocus(id, value);
+  const getPopupContainer = node => node.parentNode;
   return jsx(DatePicker, {
     disabled: disabled || readonlyAsDisabled && readonly,
     getPopupContainer: getPopupContainer,
@@ -1290,31 +1295,31 @@ function DateWidget(props) {
  * @param props - The `WidgetProps` for this component
  */
 function PasswordWidget(props) {
-  var disabled = props.disabled,
-    formContext = props.formContext,
-    id = props.id,
-    onBlur = props.onBlur,
-    onChange = props.onChange,
-    onFocus = props.onFocus,
-    options = props.options,
-    placeholder = props.placeholder,
-    readonly = props.readonly,
-    value = props.value;
-  var _formContext$readonly = formContext.readonlyAsDisabled,
-    readonlyAsDisabled = _formContext$readonly === void 0 ? true : _formContext$readonly;
-  var emptyValue = options.emptyValue || '';
-  var handleChange = function handleChange(_ref) {
-    var target = _ref.target;
-    return onChange(target.value === '' ? emptyValue : target.value);
-  };
-  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);
-  };
+  const {
+    disabled,
+    formContext,
+    id,
+    onBlur,
+    onChange,
+    onFocus,
+    options,
+    placeholder,
+    readonly,
+    value
+  } = props;
+  const {
+    readonlyAsDisabled = true
+  } = formContext;
+  const emptyValue = options.emptyValue || '';
+  const handleChange = ({
+    target
+  }) => onChange(target.value === '' ? emptyValue : target.value);
+  const handleBlur = ({
+    target
+  }) => onBlur(id, target.value);
+  const handleFocus = ({
+    target
+  }) => onFocus(id, target.value);
   return jsx(Input.Password, {
     disabled: disabled || readonlyAsDisabled && readonly,
     id: id,
@@ -1333,35 +1338,38 @@ function PasswordWidget(props) {
  *
  * @param props - The `WidgetProps` for this component
  */
-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,
-    value = _ref.value;
-  var _formContext$readonly = formContext.readonlyAsDisabled,
-    readonlyAsDisabled = _formContext$readonly === void 0 ? true : _formContext$readonly;
-  var enumOptions = options.enumOptions,
-    enumDisabled = options.enumDisabled,
-    emptyValue = options.emptyValue;
-  var handleChange = function handleChange(_ref2) {
-    var nextValue = _ref2.target.value;
-    return onChange(enumOptionsValueForIndex(nextValue, enumOptions, emptyValue));
-  };
-  var handleBlur = function handleBlur(_ref3) {
-    var target = _ref3.target;
-    return onBlur(id, enumOptionsValueForIndex(target.value, enumOptions, emptyValue));
-  };
-  var handleFocus = function handleFocus(_ref4) {
-    var target = _ref4.target;
-    return onFocus(id, enumOptionsValueForIndex(target.value, enumOptions, emptyValue));
-  };
-  var selectedIndexes = enumOptionsIndexForValue(value, enumOptions);
+function RadioWidget({
+  autofocus,
+  disabled,
+  formContext,
+  id,
+  onBlur,
+  onChange,
+  onFocus,
+  options,
+  readonly,
+  value
+}) {
+  const {
+    readonlyAsDisabled = true
+  } = formContext;
+  const {
+    enumOptions,
+    enumDisabled,
+    emptyValue
+  } = options;
+  const handleChange = ({
+    target: {
+      value: nextValue
+    }
+  }) => onChange(enumOptionsValueForIndex(nextValue, enumOptions, emptyValue));
+  const handleBlur = ({
+    target
+  }) => onBlur(id, enumOptionsValueForIndex(target.value, enumOptions, emptyValue));
+  const handleFocus = ({
+    target
+  }) => onFocus(id, enumOptionsValueForIndex(target.value, enumOptions, emptyValue));
+  const selectedIndexes = enumOptionsIndexForValue(value, enumOptions);
   return jsx(Radio.Group, {
     disabled: disabled || readonlyAsDisabled && readonly,
     id: id,
@@ -1371,16 +1379,14 @@ function RadioWidget(_ref) {
     onFocus: !readonly ? handleFocus : undefined,
     value: selectedIndexes,
     "aria-describedby": ariaDescribedByIds(id),
-    children: Array.isArray(enumOptions) && enumOptions.map(function (option, i) {
-      return jsx(Radio, {
-        id: optionId(id, i),
-        name: id,
-        autoFocus: i === 0 ? autofocus : false,
-        disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(value) !== -1,
-        value: String(i),
-        children: option.label
-      }, i);
-    })
+    children: Array.isArray(enumOptions) && enumOptions.map((option, i) => jsx(Radio, {
+      id: optionId(id, i),
+      name: id,
+      autoFocus: i === 0 ? autofocus : false,
+      disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(value) !== -1,
+      value: String(i),
+      children: option.label
+    }, i))
   });
 }
 
@@ -1390,42 +1396,40 @@ function RadioWidget(_ref) {
  * @param props - The `WidgetProps` for this component
  */
 function RangeWidget(props) {
-  var autofocus = props.autofocus,
-    disabled = props.disabled,
-    formContext = props.formContext,
-    id = props.id,
-    onBlur = props.onBlur,
-    onChange = props.onChange,
-    onFocus = props.onFocus,
-    options = props.options,
-    placeholder = props.placeholder,
-    readonly = props.readonly,
-    schema = props.schema,
-    value = props.value;
-  var _formContext$readonly = formContext.readonlyAsDisabled,
-    readonlyAsDisabled = _formContext$readonly === void 0 ? true : _formContext$readonly;
-  var _rangeSpec = rangeSpec(schema),
-    min = _rangeSpec.min,
-    max = _rangeSpec.max,
-    step = _rangeSpec.step;
-  var emptyValue = options.emptyValue || '';
-  var handleChange = function handleChange(nextValue) {
-    return onChange(nextValue === '' ? emptyValue : nextValue);
-  };
-  var handleBlur = function handleBlur() {
-    return onBlur(id, value);
-  };
-  var handleFocus = function handleFocus() {
-    return onFocus(id, value);
-  };
+  const {
+    autofocus,
+    disabled,
+    formContext,
+    id,
+    onBlur,
+    onChange,
+    onFocus,
+    options,
+    placeholder,
+    readonly,
+    schema,
+    value
+  } = props;
+  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);
   // Antd's typescript definitions do not contain the following props that are actually necessary and, if provided,
   // they are used, so hacking them in via by spreading `extraProps` on the component to avoid typescript errors
-  var extraProps = {
-    placeholder: placeholder,
+  const extraProps = {
+    placeholder,
     onBlur: !readonly ? handleBlur : undefined,
     onFocus: !readonly ? handleFocus : undefined
   };
-  return jsx(Slider, _extends({
+  return jsx(Slider, {
     autoFocus: autofocus,
     disabled: disabled || readonlyAsDisabled && readonly,
     id: id,
@@ -1434,13 +1438,13 @@ function RangeWidget(props) {
     onChange: !readonly ? handleChange : undefined,
     range: false,
     step: step,
-    value: value
-  }, extraProps, {
+    value: value,
+    ...extraProps,
     "aria-describedby": ariaDescribedByIds(id)
-  }));
+  });
 }
 
-var SELECT_STYLE = {
+const SELECT_STYLE = {
   width: '100%'
 };
 /** The `SelectWidget` is a widget for rendering dropdowns.
@@ -1448,51 +1452,46 @@ var SELECT_STYLE = {
  *
  * @param props - The `WidgetProps` for this component
  */
-function SelectWidget(_ref) {
-  var autofocus = _ref.autofocus,
-    disabled = _ref.disabled,
-    _ref$formContext = _ref.formContext,
-    formContext = _ref$formContext === void 0 ? {} : _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,
-    value = _ref.value;
-  var _formContext$readonly = formContext.readonlyAsDisabled,
-    readonlyAsDisabled = _formContext$readonly === void 0 ? true : _formContext$readonly;
-  var enumOptions = options.enumOptions,
-    enumDisabled = options.enumDisabled,
-    emptyValue = options.emptyValue;
-  var handleChange = function handleChange(nextValue) {
-    return onChange(enumOptionsValueForIndex(nextValue, enumOptions, emptyValue));
-  };
-  var handleBlur = function handleBlur() {
-    return onBlur(id, enumOptionsValueForIndex(value, enumOptions, emptyValue));
-  };
-  var handleFocus = function handleFocus() {
-    return onFocus(id, enumOptionsValueForIndex(value, enumOptions, emptyValue));
-  };
-  var filterOption = function filterOption(input, option) {
+function SelectWidget({
+  autofocus,
+  disabled,
+  formContext = {},
+  id,
+  multiple,
+  onBlur,
+  onChange,
+  onFocus,
+  options,
+  placeholder,
+  readonly,
+  value
+}) {
+  const {
+    readonlyAsDisabled = true
+  } = formContext;
+  const {
+    enumOptions,
+    enumDisabled,
+    emptyValue
+  } = options;
+  const handleChange = nextValue => onChange(enumOptionsValueForIndex(nextValue, enumOptions, emptyValue));
+  const handleBlur = () => onBlur(id, enumOptionsValueForIndex(value, enumOptions, emptyValue));
+  const handleFocus = () => onFocus(id, enumOptionsValueForIndex(value, enumOptions, emptyValue));
+  const filterOption = (input, option) => {
     if (option && isString(option.label)) {
       // labels are strings in this context
       return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0;
     }
     return false;
   };
-  var getPopupContainer = function getPopupContainer(node) {
-    return node.parentNode;
-  };
-  var selectedIndexes = enumOptionsIndexForValue(value, enumOptions, multiple);
+  const getPopupContainer = node => node.parentNode;
+  const selectedIndexes = enumOptionsIndexForValue(value, enumOptions, multiple);
   // Antd's typescript definitions do not contain the following props that are actually necessary and, if provided,
   // they are used, so hacking them in via by spreading `extraProps` on the component to avoid typescript errors
-  var extraProps = {
+  const extraProps = {
     name: id
   };
-  return jsx(Select, _extends({
+  return jsx(Select, {
     autoFocus: autofocus,
     disabled: disabled || readonlyAsDisabled && readonly,
     getPopupContainer: getPopupContainer,
@@ -1503,60 +1502,58 @@ function SelectWidget(_ref) {
     onFocus: !readonly ? handleFocus : undefined,
     placeholder: placeholder,
     style: SELECT_STYLE,
-    value: selectedIndexes
-  }, extraProps, {
+    value: selectedIndexes,
+    ...extraProps,
     filterOption: filterOption,
     "aria-describedby": ariaDescribedByIds(id),
-    children: Array.isArray(enumOptions) && enumOptions.map(function (_ref2, index) {
-      var optionValue = _ref2.value,
-        optionLabel = _ref2.label;
-      return jsx(Select.Option, {
-        disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(optionValue) !== -1,
-        value: String(index),
-        children: optionLabel
-      }, String(index));
-    })
-  }));
+    children: Array.isArray(enumOptions) && enumOptions.map(({
+      value: optionValue,
+      label: optionLabel
+    }, index) => jsx(Select.Option, {
+      disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(optionValue) !== -1,
+      value: String(index),
+      children: optionLabel
+    }, String(index)))
+  });
 }
 
-var INPUT_STYLE = {
+const INPUT_STYLE = {
   width: '100%'
 };
 /** The `TextareaWidget` is a widget for rendering input fields as textarea.
  *
  * @param props - The `WidgetProps` for this component
  */
-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);
-  };
+function TextareaWidget({
+  disabled,
+  formContext,
+  id,
+  onBlur,
+  onChange,
+  onFocus,
+  options,
+  placeholder,
+  readonly,
+  value
+}) {
+  const {
+    readonlyAsDisabled = true
+  } = formContext;
+  const handleChange = ({
+    target
+  }) => onChange(target.value === '' ? options.emptyValue : target.value);
+  const handleBlur = ({
+    target
+  }) => onBlur(id, target.value);
+  const handleFocus = ({
+    target
+  }) => 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
-  var extraProps = {
+  const extraProps = {
     type: 'textarea'
   };
-  return jsx(Input.TextArea, _extends({
+  return jsx(Input.TextArea, {
     disabled: disabled || readonlyAsDisabled && readonly,
     id: id,
     name: id,
@@ -1566,25 +1563,25 @@ function TextareaWidget(_ref) {
     placeholder: placeholder,
     rows: options.rows || 4,
     style: INPUT_STYLE,
-    value: value
-  }, extraProps, {
+    value: value,
+    ...extraProps,
     "aria-describedby": ariaDescribedByIds(id)
-  }));
+  });
 }
 
 function generateWidgets() {
   return {
-    AltDateTimeWidget: AltDateTimeWidget,
-    AltDateWidget: AltDateWidget,
-    CheckboxesWidget: CheckboxesWidget,
-    CheckboxWidget: CheckboxWidget,
-    DateTimeWidget: DateTimeWidget,
-    DateWidget: DateWidget,
-    PasswordWidget: PasswordWidget,
-    RadioWidget: RadioWidget,
-    RangeWidget: RangeWidget,
-    SelectWidget: SelectWidget,
-    TextareaWidget: TextareaWidget
+    AltDateTimeWidget,
+    AltDateWidget,
+    CheckboxesWidget,
+    CheckboxWidget,
+    DateTimeWidget,
+    DateWidget,
+    PasswordWidget,
+    RadioWidget,
+    RangeWidget,
+    SelectWidget,
+    TextareaWidget
   };
 }
 var index = /*#__PURE__*/generateWidgets();
@@ -1595,11 +1592,11 @@ function generateTheme() {
     widgets: generateWidgets()
   };
 }
-var Theme = /*#__PURE__*/generateTheme();
+const Theme = /*#__PURE__*/generateTheme();
 function generateForm() {
   return withTheme(generateTheme());
 }
-var Form = /*#__PURE__*/generateForm();
+const Form = /*#__PURE__*/generateForm();
 
 export { Form, index$1 as Templates, Theme, index as Widgets, Form as default, generateForm, generateTemplates, generateTheme, generateWidgets };
 //# sourceMappingURL=antd.esm.js.map