@rjsf/antd 5.10.0 → 5.11.2

package/dist/antd.umd.development.js

@@ -33,10 +33,10 @@
   var Slider__default = /*#__PURE__*/_interopDefaultLegacy(Slider);
   var Select__default = /*#__PURE__*/_interopDefaultLegacy(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.
@@ -44,30 +44,32 @@
    * @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 jsxRuntime.jsxs(Row__default["default"], {
       align: toolbarAlign,
       gutter: rowGutter,
@@ -105,38 +107,10 @@
           })]
         })
       })]
-    }, "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.
@@ -144,35 +118,43 @@
    * @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 = utils.getUiOptions(uiSchema);
-    var ArrayFieldDescriptionTemplate = utils.getTemplate('ArrayFieldDescriptionTemplate', registry, uiOptions);
-    var ArrayFieldItemTemplate = utils.getTemplate('ArrayFieldItemTemplate', registry, uiOptions);
-    var ArrayFieldTitleTemplate = utils.getTemplate('ArrayFieldTitleTemplate', registry, uiOptions);
+    const {
+      canAdd,
+      className,
+      disabled,
+      formContext,
+      idSchema,
+      items,
+      onAddClick,
+      readonly,
+      registry,
+      required,
+      schema,
+      title,
+      uiSchema
+    } = props;
+    const uiOptions = utils.getUiOptions(uiSchema);
+    const ArrayFieldDescriptionTemplate = utils.getTemplate('ArrayFieldDescriptionTemplate', registry, uiOptions);
+    const ArrayFieldItemTemplate = utils.getTemplate('ArrayFieldItemTemplate', registry, uiOptions);
+    const ArrayFieldTitleTemplate = utils.getTemplate('ArrayFieldTitleTemplate', registry, uiOptions);
     // Button templates are not overridden in the uiSchema
-    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 jsxRuntime.jsx(context.ConfigConsumer, {
-      children: function children(configProps) {
-        var getPrefixCls = configProps.getPrefixCls;
-        var prefixCls = getPrefixCls('form');
-        var labelClsBasic = prefixCls + "-item-label";
-        var labelColClassName = classNames__default["default"](labelClsBasic, labelAlign === 'left' && labelClsBasic + "-left"
+      children: configProps => {
+        const {
+          getPrefixCls
+        } = configProps;
+        const prefixCls = getPrefixCls('form');
+        const labelClsBasic = `${prefixCls}-item-label`;
+        const labelColClassName = classNames__default["default"](labelClsBasic, labelAlign === 'left' && `${labelClsBasic}-left`
         // labelCol.className,
         );
 
@@ -205,11 +187,12 @@
             }), jsxRuntime.jsx(Col__default["default"], {
               className: 'row array-item-list',
               span: 24,
-              children: items && items.map(function (_ref) {
-                var key = _ref.key,
-                  itemProps = _objectWithoutPropertiesLoose(_ref, _excluded$1);
-                return jsxRuntime.jsx(ArrayFieldItemTemplate, _extends({}, itemProps), key);
-              })
+              children: items && items.map(({
+                key,
+                ...itemProps
+              }) => jsxRuntime.jsx(ArrayFieldItemTemplate, {
+                ...itemProps
+              }, key))
             }), canAdd && jsxRuntime.jsx(Col__default["default"], {
               span: 24,
               children: jsxRuntime.jsx(Row__default["default"], {
@@ -233,7 +216,7 @@
     });
   }
 
-  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.
@@ -243,38 +226,36 @@
    * @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 = utils.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' ? jsxRuntime.jsx(InputNumber__default["default"], _extends({
+    const {
+      disabled,
+      formContext,
+      id,
+      onBlur,
+      onChange,
+      onChangeOverride,
+      onFocus,
+      options,
+      placeholder,
+      readonly,
+      schema,
+      value,
+      type
+    } = props;
+    const inputProps = utils.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' ? jsxRuntime.jsx(InputNumber__default["default"], {
       disabled: disabled || readonlyAsDisabled && readonly,
       id: id,
       name: id,
@@ -283,11 +264,11 @@
       onFocus: !readonly ? handleFocus : undefined,
       placeholder: placeholder,
       style: INPUT_STYLE$2,
-      list: schema.examples ? utils.examplesId(id) : undefined
-    }, inputProps, {
+      list: schema.examples ? utils.examplesId(id) : undefined,
+      ...inputProps,
       value: value,
       "aria-describedby": utils.ariaDescribedByIds(id, !!schema.examples)
-    })) : jsxRuntime.jsx(Input__default["default"], _extends({
+    }) : jsxRuntime.jsx(Input__default["default"], {
       disabled: disabled || readonlyAsDisabled && readonly,
       id: id,
       name: id,
@@ -296,15 +277,15 @@
       onFocus: !readonly ? handleFocus : undefined,
       placeholder: placeholder,
       style: INPUT_STYLE$2,
-      list: schema.examples ? utils.examplesId(id) : undefined
-    }, inputProps, {
+      list: schema.examples ? utils.examplesId(id) : undefined,
+      ...inputProps,
       value: value,
       "aria-describedby": utils.ariaDescribedByIds(id, !!schema.examples)
-    }));
+    });
     return jsxRuntime.jsxs(jsxRuntime.Fragment, {
       children: [input, Array.isArray(schema.examples) && jsxRuntime.jsx("datalist", {
         id: utils.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 jsxRuntime.jsx("option", {
             value: example
           }, example);
@@ -318,8 +299,10 @@
    * @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;
     }
@@ -333,23 +316,22 @@
    *
    * @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 jsxRuntime.jsx(List__default["default"], {
-        className: 'list-group',
-        size: 'small',
-        children: errors.map(function (error, index) {
-          return jsxRuntime.jsx(List__default["default"].Item, {
-            children: jsxRuntime.jsxs(Space__default["default"], {
-              children: [jsxRuntime.jsx(ExclamationCircleOutlined__default["default"], {}), error.stack]
-            })
-          }, index);
+  function ErrorList({
+    errors,
+    registry
+  }) {
+    const {
+      translateString
+    } = registry;
+    const renderErrors = () => jsxRuntime.jsx(List__default["default"], {
+      className: 'list-group',
+      size: 'small',
+      children: errors.map((error, index) => jsxRuntime.jsx(List__default["default"].Item, {
+        children: jsxRuntime.jsxs(Space__default["default"], {
+          children: [jsxRuntime.jsx(ExclamationCircleOutlined__default["default"], {}), error.stack]
         })
-      });
-    };
+      }, index))
+    });
     return jsxRuntime.jsx(Alert__default["default"], {
       className: 'panel panel-danger errors',
       description: renderErrors(),
@@ -358,63 +340,86 @@
     });
   }
 
-  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 jsxRuntime.jsx(Button__default["default"], _extends({
+    const {
+      iconType = 'default',
+      icon,
+      uiSchema,
+      registry,
+      ...otherProps
+    } = props;
+    return jsxRuntime.jsx(Button__default["default"], {
       type: iconType,
-      icon: icon
-    }, otherProps));
+      icon: icon,
+      ...otherProps
+    });
   }
   function AddButton(props) {
-    var translateString = props.registry.translateString;
-    return jsxRuntime.jsx(IconButton, _extends({
-      title: translateString(utils.TranslatableString.AddItemButton)
-    }, props, {
+    const {
+      registry: {
+        translateString
+      }
+    } = props;
+    return jsxRuntime.jsx(IconButton, {
+      title: translateString(utils.TranslatableString.AddItemButton),
+      ...props,
       block: true,
       iconType: 'primary',
       icon: jsxRuntime.jsx(PlusCircleOutlined__default["default"], {})
-    }));
+    });
   }
   function CopyButton(props) {
-    var translateString = props.registry.translateString;
-    return jsxRuntime.jsx(IconButton, _extends({
-      title: translateString(utils.TranslatableString.CopyButton)
-    }, props, {
+    const {
+      registry: {
+        translateString
+      }
+    } = props;
+    return jsxRuntime.jsx(IconButton, {
+      title: translateString(utils.TranslatableString.CopyButton),
+      ...props,
       icon: jsxRuntime.jsx(CopyOutlined__default["default"], {})
-    }));
+    });
   }
   function MoveDownButton(props) {
-    var translateString = props.registry.translateString;
-    return jsxRuntime.jsx(IconButton, _extends({
-      title: translateString(utils.TranslatableString.MoveDownButton)
-    }, props, {
+    const {
+      registry: {
+        translateString
+      }
+    } = props;
+    return jsxRuntime.jsx(IconButton, {
+      title: translateString(utils.TranslatableString.MoveDownButton),
+      ...props,
       icon: jsxRuntime.jsx(ArrowDownOutlined__default["default"], {})
-    }));
+    });
   }
   function MoveUpButton(props) {
-    var translateString = props.registry.translateString;
-    return jsxRuntime.jsx(IconButton, _extends({
-      title: translateString(utils.TranslatableString.MoveUpButton)
-    }, props, {
+    const {
+      registry: {
+        translateString
+      }
+    } = props;
+    return jsxRuntime.jsx(IconButton, {
+      title: translateString(utils.TranslatableString.MoveUpButton),
+      ...props,
       icon: jsxRuntime.jsx(ArrowUpOutlined__default["default"], {})
-    }));
+    });
   }
   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 = utils.getUiOptions(props.uiSchema);
-    var translateString = props.registry.translateString;
-    return jsxRuntime.jsx(IconButton, _extends({
-      title: translateString(utils.TranslatableString.RemoveButton)
-    }, props, {
+    const options = utils.getUiOptions(props.uiSchema);
+    const {
+      registry: {
+        translateString
+      }
+    } = props;
+    return jsxRuntime.jsx(IconButton, {
+      title: translateString(utils.TranslatableString.RemoveButton),
+      ...props,
       danger: true,
       block: !!options.block,
       iconType: 'primary',
       icon: jsxRuntime.jsx(DeleteOutlined__default["default"], {})
-    }));
+    });
   }
 
   /** The `FieldErrorTemplate` component renders the errors local to the particular field
@@ -422,27 +427,26 @@
    * @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 = utils.errorId(idSchema);
+    const id = utils.errorId(idSchema);
     return jsxRuntime.jsx("div", {
       id: id,
-      children: errors.map(function (error) {
-        return jsxRuntime.jsx("div", {
-          children: error
-        }, "field-" + id + "-error-" + error);
-      })
+      children: errors.map(error => jsxRuntime.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
@@ -451,38 +455,39 @@
    * @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 = utils.getUiOptions(uiSchema);
-    var WrapIfAdditionalTemplate = utils.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 = utils.getUiOptions(uiSchema);
+    const WrapIfAdditionalTemplate = utils.getTemplate('WrapIfAdditionalTemplate', registry, uiOptions);
     if (hidden) {
       return jsxRuntime.jsx("div", {
         className: 'field-hidden',
@@ -491,8 +496,8 @@
     }
     // 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;
@@ -515,7 +520,7 @@
       schema: schema,
       uiSchema: uiSchema,
       registry: registry,
-      children: jsxRuntime.jsx(Form__default["default"].Item, _extends({
+      children: jsxRuntime.jsx(Form__default["default"].Item, {
         colon: colon,
         hasFeedback: schema.type !== 'array' && schema.type !== 'object',
         help: !!rawHelp && help || (rawErrors !== null && rawErrors !== void 0 && rawErrors.length ? errors : undefined),
@@ -525,14 +530,14 @@
         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
@@ -542,54 +547,49 @@
    * @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 = utils.getUiOptions(uiSchema);
-    var TitleFieldTemplate = utils.getTemplate('TitleFieldTemplate', registry, uiOptions);
-    var DescriptionFieldTemplate = utils.getTemplate('DescriptionFieldTemplate', registry, uiOptions);
+    const {
+      description,
+      disabled,
+      formContext,
+      formData,
+      idSchema,
+      onAddClick,
+      properties,
+      readonly,
+      required,
+      registry,
+      schema,
+      title,
+      uiSchema
+    } = props;
+    const uiOptions = utils.getUiOptions(uiSchema);
+    const TitleFieldTemplate = utils.getTemplate('TitleFieldTemplate', registry, uiOptions);
+    const DescriptionFieldTemplate = utils.getTemplate('DescriptionFieldTemplate', registry, uiOptions);
     // Button templates are not overridden in the uiSchema
-    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 utils.getUiOptions(findUiSchema(element)).field;
-    };
-    var findUiSchemaWidget = function findUiSchemaWidget(element) {
-      return utils.getUiOptions(findUiSchema(element)).widget;
-    };
-    var calculateColSpan = function calculateColSpan(element) {
-      var type = findSchemaType(element);
-      var field = findUiSchemaField(element);
-      var widget = findUiSchemaWidget(element);
-      var defaultColSpan = properties.length < 2 ||
+    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 => utils.getUiOptions(findUiSchema(element)).field;
+    const findUiSchemaWidget = element => utils.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__default["default"](colSpan)) {
-        var colSpanObj = colSpan;
+        const colSpanObj = colSpan;
         if (isString__default["default"](widget)) {
           return colSpanObj[widget];
         }
@@ -606,11 +606,13 @@
       return defaultColSpan;
     };
     return jsxRuntime.jsx(context.ConfigConsumer, {
-      children: function children(configProps) {
-        var getPrefixCls = configProps.getPrefixCls;
-        var prefixCls = getPrefixCls('form');
-        var labelClsBasic = prefixCls + "-item-label";
-        var labelColClassName = classNames__default["default"](labelClsBasic, labelAlign === 'left' && labelClsBasic + "-left"
+      children: configProps => {
+        const {
+          getPrefixCls
+        } = configProps;
+        const prefixCls = getPrefixCls('form');
+        const labelClsBasic = `${prefixCls}-item-label`;
+        const labelColClassName = classNames__default["default"](labelClsBasic, labelAlign === 'left' && `${labelClsBasic}-left`
         // labelCol.className,
         );
 
@@ -639,14 +641,10 @@
                 uiSchema: uiSchema,
                 registry: registry
               })
-            }), properties.filter(function (e) {
-              return !e.hidden;
-            }).map(function (element) {
-              return jsxRuntime.jsx(Col__default["default"], {
-                span: calculateColSpan(element),
-                children: element.content
-              }, element.name);
-            })]
+            }), properties.filter(e => !e.hidden).map(element => jsxRuntime.jsx(Col__default["default"], {
+              span: calculateColSpan(element),
+              children: element.content
+            }, element.name))]
           }), utils.canExpand(schema, uiSchema, formData) && jsxRuntime.jsx(Col__default["default"], {
             span: 24,
             children: jsxRuntime.jsx(Row__default["default"], {
@@ -671,54 +669,64 @@
 
   /** The `SubmitButton` renders a button that represent the `Submit` action on a form
    */
-  function SubmitButton(_ref) {
-    var uiSchema = _ref.uiSchema;
-    var _getSubmitButtonOptio = utils.getSubmitButtonOptions(uiSchema),
-      submitText = _getSubmitButtonOptio.submitText,
-      norender = _getSubmitButtonOptio.norender,
-      submitButtonProps = _getSubmitButtonOptio.props;
+  function SubmitButton({
+    uiSchema
+  }) {
+    const {
+      submitText,
+      norender,
+      props: submitButtonProps
+    } = utils.getSubmitButtonOptions(uiSchema);
     if (norender) {
       return null;
     }
-    return jsxRuntime.jsx(Button__default["default"], _extends({
-      type: 'submit'
-    }, submitButtonProps, {
+    return jsxRuntime.jsx(Button__default["default"], {
+      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 ? jsxRuntime.jsx(context.ConfigConsumer, {
-      children: function children(configProps) {
-        var _classNames;
-        var getPrefixCls = configProps.getPrefixCls;
-        var prefixCls = getPrefixCls('form');
-        var labelClassName = classNames__default["default"]((_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__default["default"]({
+          [`${prefixCls}-item-required`]: required,
+          [`${prefixCls}-item-no-colon`]: !colon
+        });
         return jsxRuntime.jsx("label", {
           className: labelClassName,
           htmlFor: id,
@@ -730,13 +738,13 @@
     }) : 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
@@ -745,39 +753,40 @@
    * @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(utils.TranslatableString.KeyLabel, [label]);
-    var additional = (utils.ADDITIONAL_PROPERTY_FLAG in schema);
+    const {
+      RemoveButton
+    } = templates.ButtonTemplates;
+    const keyLabel = translateString(utils.TranslatableString.KeyLabel, [label]);
+    const additional = (utils.ADDITIONAL_PROPERTY_FLAG in schema);
     if (!additional) {
       return jsxRuntime.jsx("div", {
         className: classNames,
@@ -785,15 +794,18 @@
         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[utils.UI_OPTIONS_KEY] : {};
-    var buttonUiOptions = _extends({}, uiSchema, (_extends2 = {}, _extends2[utils.UI_OPTIONS_KEY] = _extends({}, uiOptions, {
-      block: true
-    }), _extends2));
+    const uiOptions = uiSchema ? uiSchema[utils.UI_OPTIONS_KEY] : {};
+    const buttonUiOptions = {
+      ...uiSchema,
+      [utils.UI_OPTIONS_KEY]: {
+        ...uiOptions,
+        block: true
+      }
+    };
     return jsxRuntime.jsx("div", {
       className: classNames,
       style: style,
@@ -809,7 +821,7 @@
               colon: colon,
               className: 'form-group',
               hasFeedback: true,
-              htmlFor: id + "-key",
+              htmlFor: `${id}-key`,
               label: keyLabel,
               labelCol: labelCol,
               required: required,
@@ -819,8 +831,8 @@
                 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'
@@ -847,31 +859,31 @@
 
   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: utils.pad(i, 2)
@@ -879,22 +891,19 @@
     }
     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
@@ -925,99 +934,103 @@
     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 = react.useState(utils.parseDateString(value, showTime)),
-      state = _useState[0],
-      setState = _useState[1];
-    react.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] = react.useState(utils.parseDateString(value, showTime));
+    react.useEffect(() => {
       setState(utils.parseDateString(value, showTime));
     }, [showTime, value]);
-    var handleChange = function handleChange(property, nextValue) {
-      var _extends2;
-      var nextState = _extends({}, state, (_extends2 = {}, _extends2[property] = typeof nextValue === 'undefined' ? -1 : nextValue, _extends2));
+    const handleChange = (property, nextValue) => {
+      const nextState = {
+        ...state,
+        [property]: typeof nextValue === 'undefined' ? -1 : nextValue
+      };
       if (readyForChange(nextState)) {
         onChange(utils.toDateString(nextState, showTime));
       } else {
         setState(nextState);
       }
     };
-    var handleNow = function handleNow(event) {
+    const handleNow = event => {
       event.preventDefault();
       if (disabled || readonly) {
         return;
       }
-      var nextState = utils.parseDateString(new Date().toJSON(), showTime);
+      const nextState = utils.parseDateString(new Date().toJSON(), showTime);
       onChange(utils.toDateString(nextState, showTime));
     };
-    var handleClear = function handleClear(event) {
+    const handleClear = event => {
       event.preventDefault();
       if (disabled || readonly) {
         return;
       }
       onChange(undefined);
     };
-    var renderDateElement = function renderDateElement(elemProps) {
-      return jsxRuntime.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": utils.ariaDescribedByIds(id)
-      });
-    };
+    const renderDateElement = elemProps => jsxRuntime.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": utils.ariaDescribedByIds(id)
+    });
     return jsxRuntime.jsxs(Row__default["default"], {
       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 jsxRuntime.jsx(Col__default["default"], {
           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 && jsxRuntime.jsx(Col__default["default"], {
         flex: '88px',
@@ -1052,62 +1065,66 @@
   };
 
   function AltDateTimeWidget(props) {
-    var AltDateWidget = props.registry.widgets.AltDateWidget;
-    return jsxRuntime.jsx(AltDateWidget, _extends({
-      showTime: true
-    }, props));
+    const {
+      AltDateWidget
+    } = props.registry.widgets;
+    return jsxRuntime.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 = utils.getTemplate('TitleFieldTemplate', registry, options);
-    var enumOptions = options.enumOptions,
-      enumDisabled = options.enumDisabled,
-      inline = options.inline,
-      emptyValue = options.emptyValue;
-    var handleChange = function handleChange(nextValue) {
-      return onChange(utils.enumOptionsValueForIndex(nextValue, enumOptions, emptyValue));
-    };
-    var handleBlur = function handleBlur(_ref2) {
-      var target = _ref2.target;
-      return onBlur(id, utils.enumOptionsValueForIndex(target.value, enumOptions, emptyValue));
-    };
-    var handleFocus = function handleFocus(_ref3) {
-      var target = _ref3.target;
-      return onFocus(id, utils.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 = utils.getTemplate('TitleFieldTemplate', registry, options);
+    const {
+      enumOptions,
+      enumDisabled,
+      inline,
+      emptyValue
+    } = options;
+    const handleChange = nextValue => onChange(utils.enumOptionsValueForIndex(nextValue, enumOptions, emptyValue));
+    const handleBlur = ({
+      target
+    }) => onBlur(id, utils.enumOptionsValueForIndex(target.value, enumOptions, emptyValue));
+    const handleFocus = ({
+      target
+    }) => onFocus(id, utils.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 = utils.enumOptionsIndexForValue(value, enumOptions, true);
+    const selectedIndexes = utils.enumOptionsIndexForValue(value, enumOptions, true);
     return Array.isArray(enumOptions) && enumOptions.length > 0 ? jsxRuntime.jsxs(jsxRuntime.Fragment, {
       children: [!hideLabel && !!label && jsxRuntime.jsx("div", {
         children: jsxRuntime.jsx(TitleFieldTemplate, {
@@ -1117,26 +1134,24 @@
           uiSchema: uiSchema,
           registry: registry
         })
-      }), jsxRuntime.jsx(Checkbox__default["default"].Group, _extends({
+      }), jsxRuntime.jsx(Checkbox__default["default"].Group, {
         disabled: disabled || readonlyAsDisabled && readonly,
         name: id,
         onChange: !readonly ? handleChange : undefined,
-        value: selectedIndexes
-      }, extraProps, {
+        value: selectedIndexes,
+        ...extraProps,
         "aria-describedby": utils.ariaDescribedByIds(id),
-        children: Array.isArray(enumOptions) && enumOptions.map(function (option, i) {
-          return jsxRuntime.jsxs("span", {
-            children: [jsxRuntime.jsx(Checkbox__default["default"], {
-              id: utils.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 && jsxRuntime.jsx("br", {})]
-          }, i);
-        })
-      }))]
+        children: Array.isArray(enumOptions) && enumOptions.map((option, i) => jsxRuntime.jsxs("span", {
+          children: [jsxRuntime.jsx(Checkbox__default["default"], {
+            id: utils.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 && jsxRuntime.jsx("br", {})]
+        }, i))
+      })]
     }) : null;
   }
 
@@ -1146,53 +1161,53 @@
    * @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 jsxRuntime.jsx(Checkbox__default["default"], _extends({
+    return jsxRuntime.jsx(Checkbox__default["default"], {
       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": utils.ariaDescribedByIds(id),
       children: utils.labelValue(label, hideLabel, '')
-    }));
+    });
   }
 
-  var DatePicker = /*#__PURE__*/generatePicker__default["default"](dayjsGenerateConfig__default["default"]);
+  const DatePicker = /*#__PURE__*/generatePicker__default["default"](dayjsGenerateConfig__default["default"]);
 
-  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
@@ -1201,29 +1216,24 @@
    * @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 jsxRuntime.jsx(DatePicker, {
       disabled: disabled || readonlyAsDisabled && readonly,
       getPopupContainer: getPopupContainer,
@@ -1240,7 +1250,7 @@
     });
   }
 
-  var DATE_PICKER_STYLE = {
+  const DATE_PICKER_STYLE = {
     width: '100%'
   };
   /** The `DateWidget` component uses the `BaseInputTemplate` changing the type to `date` and transforms
@@ -1249,29 +1259,24 @@
    * @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 jsxRuntime.jsx(DatePicker, {
       disabled: disabled || readonlyAsDisabled && readonly,
       getPopupContainer: getPopupContainer,
@@ -1293,31 +1298,31 @@
    * @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 jsxRuntime.jsx(Input__default["default"].Password, {
       disabled: disabled || readonlyAsDisabled && readonly,
       id: id,
@@ -1336,35 +1341,38 @@
    *
    * @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(utils.enumOptionsValueForIndex(nextValue, enumOptions, emptyValue));
-    };
-    var handleBlur = function handleBlur(_ref3) {
-      var target = _ref3.target;
-      return onBlur(id, utils.enumOptionsValueForIndex(target.value, enumOptions, emptyValue));
-    };
-    var handleFocus = function handleFocus(_ref4) {
-      var target = _ref4.target;
-      return onFocus(id, utils.enumOptionsValueForIndex(target.value, enumOptions, emptyValue));
-    };
-    var selectedIndexes = utils.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(utils.enumOptionsValueForIndex(nextValue, enumOptions, emptyValue));
+    const handleBlur = ({
+      target
+    }) => onBlur(id, utils.enumOptionsValueForIndex(target.value, enumOptions, emptyValue));
+    const handleFocus = ({
+      target
+    }) => onFocus(id, utils.enumOptionsValueForIndex(target.value, enumOptions, emptyValue));
+    const selectedIndexes = utils.enumOptionsIndexForValue(value, enumOptions);
     return jsxRuntime.jsx(Radio__default["default"].Group, {
       disabled: disabled || readonlyAsDisabled && readonly,
       id: id,
@@ -1374,16 +1382,14 @@
       onFocus: !readonly ? handleFocus : undefined,
       value: selectedIndexes,
       "aria-describedby": utils.ariaDescribedByIds(id),
-      children: Array.isArray(enumOptions) && enumOptions.map(function (option, i) {
-        return jsxRuntime.jsx(Radio__default["default"], {
-          id: utils.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) => jsxRuntime.jsx(Radio__default["default"], {
+        id: utils.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))
     });
   }
 
@@ -1393,42 +1399,40 @@
    * @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 = utils.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
+    } = utils.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 jsxRuntime.jsx(Slider__default["default"], _extends({
+    return jsxRuntime.jsx(Slider__default["default"], {
       autoFocus: autofocus,
       disabled: disabled || readonlyAsDisabled && readonly,
       id: id,
@@ -1437,13 +1441,13 @@
       onChange: !readonly ? handleChange : undefined,
       range: false,
       step: step,
-      value: value
-    }, extraProps, {
+      value: value,
+      ...extraProps,
       "aria-describedby": utils.ariaDescribedByIds(id)
-    }));
+    });
   }
 
-  var SELECT_STYLE = {
+  const SELECT_STYLE = {
     width: '100%'
   };
   /** The `SelectWidget` is a widget for rendering dropdowns.
@@ -1451,51 +1455,46 @@
    *
    * @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(utils.enumOptionsValueForIndex(nextValue, enumOptions, emptyValue));
-    };
-    var handleBlur = function handleBlur() {
-      return onBlur(id, utils.enumOptionsValueForIndex(value, enumOptions, emptyValue));
-    };
-    var handleFocus = function handleFocus() {
-      return onFocus(id, utils.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(utils.enumOptionsValueForIndex(nextValue, enumOptions, emptyValue));
+    const handleBlur = () => onBlur(id, utils.enumOptionsValueForIndex(value, enumOptions, emptyValue));
+    const handleFocus = () => onFocus(id, utils.enumOptionsValueForIndex(value, enumOptions, emptyValue));
+    const filterOption = (input, option) => {
       if (option && isString__default["default"](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 = utils.enumOptionsIndexForValue(value, enumOptions, multiple);
+    const getPopupContainer = node => node.parentNode;
+    const selectedIndexes = utils.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 jsxRuntime.jsx(Select__default["default"], _extends({
+    return jsxRuntime.jsx(Select__default["default"], {
       autoFocus: autofocus,
       disabled: disabled || readonlyAsDisabled && readonly,
       getPopupContainer: getPopupContainer,
@@ -1506,60 +1505,58 @@
       onFocus: !readonly ? handleFocus : undefined,
       placeholder: placeholder,
       style: SELECT_STYLE,
-      value: selectedIndexes
-    }, extraProps, {
+      value: selectedIndexes,
+      ...extraProps,
       filterOption: filterOption,
       "aria-describedby": utils.ariaDescribedByIds(id),
-      children: Array.isArray(enumOptions) && enumOptions.map(function (_ref2, index) {
-        var optionValue = _ref2.value,
-          optionLabel = _ref2.label;
-        return jsxRuntime.jsx(Select__default["default"].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) => jsxRuntime.jsx(Select__default["default"].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 jsxRuntime.jsx(Input__default["default"].TextArea, _extends({
+    return jsxRuntime.jsx(Input__default["default"].TextArea, {
       disabled: disabled || readonlyAsDisabled && readonly,
       id: id,
       name: id,
@@ -1569,25 +1566,25 @@
       placeholder: placeholder,
       rows: options.rows || 4,
       style: INPUT_STYLE,
-      value: value
-    }, extraProps, {
+      value: value,
+      ...extraProps,
       "aria-describedby": utils.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();
@@ -1598,11 +1595,11 @@
       widgets: generateWidgets()
     };
   }
-  var Theme = /*#__PURE__*/generateTheme();
+  const Theme = /*#__PURE__*/generateTheme();
   function generateForm() {
     return core.withTheme(generateTheme());
   }
-  var Form = /*#__PURE__*/generateForm();
+  const Form = /*#__PURE__*/generateForm();
 
   exports.Form = Form;
   exports.Templates = index$1;