@rjsf/antd 5.1.0 → 5.2.1

package/dist/antd.cjs.development.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var core = require('@rjsf/core');
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var Button = require('antd/lib/button');
 var Col = require('antd/lib/col');
 var Row = require('antd/lib/row');
@@ -24,6 +24,7 @@ var Form$1 = require('antd/lib/form');
 var isObject = require('lodash/isObject');
 var isNumber = require('lodash/isNumber');
 var isString = require('lodash/isString');
+var react = require('react');
 var Checkbox = require('antd/lib/checkbox');
 var dayjs = require('dayjs');
 var dayjsGenerateConfig = require('rc-picker/lib/generate/dayjs');
@@ -34,7 +35,6 @@ var Select = require('antd/lib/select');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
 var Col__default = /*#__PURE__*/_interopDefaultLegacy(Col);
 var Row__default = /*#__PURE__*/_interopDefaultLegacy(Row);
@@ -62,10 +62,10 @@ var Slider__default = /*#__PURE__*/_interopDefaultLegacy(Slider);
 var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select);
 
 var BTN_GRP_STYLE = {
-  width: "100%"
+  width: '100%'
 };
 var BTN_STYLE = {
-  width: "calc(100% / 3)"
+  width: 'calc(100% / 3)'
 };
 /** The `ArrayFieldItemTemplate` component is the template used to render an items of an array.
  *
@@ -92,36 +92,39 @@ function ArrayFieldItemTemplate(props) {
     _registry$formContext2 = _registry$formContext.rowGutter,
     rowGutter = _registry$formContext2 === void 0 ? 24 : _registry$formContext2,
     _registry$formContext3 = _registry$formContext.toolbarAlign,
-    toolbarAlign = _registry$formContext3 === void 0 ? "top" : _registry$formContext3;
-  return /*#__PURE__*/React__default["default"].createElement(Row__default["default"], {
+    toolbarAlign = _registry$formContext3 === void 0 ? 'top' : _registry$formContext3;
+  return jsxRuntime.jsxs(Row__default["default"], {
     align: toolbarAlign,
-    key: "array-item-" + index,
-    gutter: rowGutter
-  }, /*#__PURE__*/React__default["default"].createElement(Col__default["default"], {
-    flex: "1"
-  }, children), hasToolbar && /*#__PURE__*/React__default["default"].createElement(Col__default["default"], {
-    flex: "192px"
-  }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"].Group, {
-    style: BTN_GRP_STYLE
-  }, (hasMoveUp || hasMoveDown) && /*#__PURE__*/React__default["default"].createElement(MoveUpButton, {
-    disabled: disabled || readonly || !hasMoveUp,
-    onClick: onReorderClick(index, index - 1),
-    style: BTN_STYLE,
-    uiSchema: uiSchema,
-    registry: registry
-  }), (hasMoveUp || hasMoveDown) && /*#__PURE__*/React__default["default"].createElement(MoveDownButton, {
-    disabled: disabled || readonly || !hasMoveDown,
-    onClick: onReorderClick(index, index + 1),
-    style: BTN_STYLE,
-    uiSchema: uiSchema,
-    registry: registry
-  }), hasRemove && /*#__PURE__*/React__default["default"].createElement(RemoveButton, {
-    disabled: disabled || readonly,
-    onClick: onDropIndexClick(index),
-    style: BTN_STYLE,
-    uiSchema: uiSchema,
-    registry: registry
-  }))));
+    gutter: rowGutter,
+    children: [jsxRuntime.jsx(Col__default["default"], {
+      flex: '1',
+      children: children
+    }), hasToolbar && jsxRuntime.jsx(Col__default["default"], {
+      flex: '192px',
+      children: jsxRuntime.jsxs(Button__default["default"].Group, {
+        style: BTN_GRP_STYLE,
+        children: [(hasMoveUp || hasMoveDown) && jsxRuntime.jsx(MoveUpButton, {
+          disabled: disabled || readonly || !hasMoveUp,
+          onClick: onReorderClick(index, index - 1),
+          style: BTN_STYLE,
+          uiSchema: uiSchema,
+          registry: registry
+        }), (hasMoveUp || hasMoveDown) && jsxRuntime.jsx(MoveDownButton, {
+          disabled: disabled || readonly || !hasMoveDown,
+          onClick: onReorderClick(index, index + 1),
+          style: BTN_STYLE,
+          uiSchema: uiSchema,
+          registry: registry
+        }), hasRemove && jsxRuntime.jsx(RemoveButton, {
+          disabled: disabled || readonly,
+          onClick: onDropIndexClick(index),
+          style: BTN_STYLE,
+          uiSchema: uiSchema,
+          registry: registry
+        })]
+      })
+    })]
+  }, "array-item-" + index);
 }
 
 function _extends() {
@@ -153,7 +156,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
 
 var _excluded$1 = ["key"];
 var DESCRIPTION_COL_STYLE$1 = {
-  paddingBottom: "8px"
+  paddingBottom: '8px'
 };
 /** The `ArrayFieldTemplate` component is the template used to render all items in an array.
  *
@@ -174,75 +177,83 @@ function ArrayFieldTemplate(props) {
     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);
+  var ArrayFieldDescriptionTemplate = utils.getTemplate('ArrayFieldDescriptionTemplate', registry, uiOptions);
+  var ArrayFieldItemTemplate = utils.getTemplate('ArrayFieldItemTemplate', registry, uiOptions);
+  var 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,
+    labelAlign = _formContext$labelAli === void 0 ? 'right' : _formContext$labelAli,
     _formContext$rowGutte = formContext.rowGutter,
     rowGutter = _formContext$rowGutte === void 0 ? 24 : _formContext$rowGutte;
-  return /*#__PURE__*/React__default["default"].createElement(context.ConfigConsumer, null, function (configProps) {
-    var getPrefixCls = configProps.getPrefixCls;
-    var prefixCls = getPrefixCls("form");
-    var labelClsBasic = prefixCls + "-item-label";
-    var labelColClassName = classNames__default["default"](labelClsBasic, labelAlign === "left" && labelClsBasic + "-left"
-    // labelCol.className,
-    );
+  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"
+      // labelCol.className,
+      );
 
-    return /*#__PURE__*/React__default["default"].createElement("fieldset", {
-      className: className,
-      id: idSchema.$id
-    }, /*#__PURE__*/React__default["default"].createElement(Row__default["default"], {
-      gutter: rowGutter
-    }, (uiOptions.title || title) && /*#__PURE__*/React__default["default"].createElement(Col__default["default"], {
-      className: labelColClassName,
-      span: 24
-    }, /*#__PURE__*/React__default["default"].createElement(ArrayFieldTitleTemplate, {
-      idSchema: idSchema,
-      required: required,
-      title: uiOptions.title || title,
-      schema: schema,
-      uiSchema: uiSchema,
-      registry: registry
-    })), (uiOptions.description || schema.description) && /*#__PURE__*/React__default["default"].createElement(Col__default["default"], {
-      span: 24,
-      style: DESCRIPTION_COL_STYLE$1
-    }, /*#__PURE__*/React__default["default"].createElement(ArrayFieldDescriptionTemplate, {
-      description: uiOptions.description || schema.description || "",
-      idSchema: idSchema,
-      schema: schema,
-      uiSchema: uiSchema,
-      registry: registry
-    })), /*#__PURE__*/React__default["default"].createElement(Col__default["default"], {
-      className: "row array-item-list",
-      span: 24
-    }, items && items.map(function (_ref) {
-      var key = _ref.key,
-        itemProps = _objectWithoutPropertiesLoose(_ref, _excluded$1);
-      return /*#__PURE__*/React__default["default"].createElement(ArrayFieldItemTemplate, _extends({
-        key: key
-      }, itemProps));
-    })), canAdd && /*#__PURE__*/React__default["default"].createElement(Col__default["default"], {
-      span: 24
-    }, /*#__PURE__*/React__default["default"].createElement(Row__default["default"], {
-      gutter: rowGutter,
-      justify: "end"
-    }, /*#__PURE__*/React__default["default"].createElement(Col__default["default"], {
-      flex: "192px"
-    }, /*#__PURE__*/React__default["default"].createElement(AddButton, {
-      className: "array-item-add",
-      disabled: disabled || readonly,
-      onClick: onAddClick,
-      uiSchema: uiSchema,
-      registry: registry
-    }))))));
+      return jsxRuntime.jsx("fieldset", {
+        className: className,
+        id: idSchema.$id,
+        children: jsxRuntime.jsxs(Row__default["default"], {
+          gutter: rowGutter,
+          children: [(uiOptions.title || title) && jsxRuntime.jsx(Col__default["default"], {
+            className: labelColClassName,
+            span: 24,
+            children: jsxRuntime.jsx(ArrayFieldTitleTemplate, {
+              idSchema: idSchema,
+              required: required,
+              title: uiOptions.title || title,
+              schema: schema,
+              uiSchema: uiSchema,
+              registry: registry
+            })
+          }), (uiOptions.description || schema.description) && jsxRuntime.jsx(Col__default["default"], {
+            span: 24,
+            style: DESCRIPTION_COL_STYLE$1,
+            children: jsxRuntime.jsx(ArrayFieldDescriptionTemplate, {
+              description: uiOptions.description || schema.description || '',
+              idSchema: idSchema,
+              schema: schema,
+              uiSchema: uiSchema,
+              registry: registry
+            })
+          }), 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);
+            })
+          }), canAdd && jsxRuntime.jsx(Col__default["default"], {
+            span: 24,
+            children: jsxRuntime.jsx(Row__default["default"], {
+              gutter: rowGutter,
+              justify: 'end',
+              children: jsxRuntime.jsx(Col__default["default"], {
+                flex: '192px',
+                children: jsxRuntime.jsx(AddButton, {
+                  className: 'array-item-add',
+                  disabled: disabled || readonly,
+                  onClick: onAddClick,
+                  uiSchema: uiSchema,
+                  registry: registry
+                })
+              })
+            })
+          })]
+        })
+      });
+    }
   });
 }
 
 var INPUT_STYLE$2 = {
-  width: "100%"
+  width: '100%'
 };
 /** The `BaseInputTemplate` is the template to use to render the basic `<input>` component for the `core` theme.
  * It is used as the template for rendering many of the <input> based widgets that differ by `type` and callbacks only.
@@ -256,6 +267,7 @@ function BaseInputTemplate(props) {
     id = props.id,
     onBlur = props.onBlur,
     onChange = props.onChange,
+    onChangeOverride = props.onChangeOverride,
     onFocus = props.onFocus,
     options = props.options,
     placeholder = props.placeholder,
@@ -269,9 +281,9 @@ function BaseInputTemplate(props) {
   var handleNumberChange = function handleNumberChange(nextValue) {
     return onChange(nextValue);
   };
-  var handleTextChange = function handleTextChange(_ref) {
+  var handleTextChange = onChangeOverride ? onChangeOverride : function (_ref) {
     var target = _ref.target;
-    return onChange(target.value === "" ? options.emptyValue : target.value);
+    return onChange(target.value === '' ? options.emptyValue : target.value);
   };
   var handleBlur = function handleBlur(_ref2) {
     var target = _ref2.target;
@@ -281,7 +293,7 @@ function BaseInputTemplate(props) {
     var target = _ref3.target;
     return onFocus(id, target.value);
   };
-  var input = inputProps.type === "number" || inputProps.type === "integer" ? /*#__PURE__*/React__default["default"].createElement(InputNumber__default["default"], _extends({
+  var input = inputProps.type === 'number' || inputProps.type === 'integer' ? jsxRuntime.jsx(InputNumber__default["default"], _extends({
     disabled: disabled || readonlyAsDisabled && readonly,
     id: id,
     name: id,
@@ -294,7 +306,7 @@ function BaseInputTemplate(props) {
   }, inputProps, {
     value: value,
     "aria-describedby": utils.ariaDescribedByIds(id, !!schema.examples)
-  })) : /*#__PURE__*/React__default["default"].createElement(Input__default["default"], _extends({
+  })) : jsxRuntime.jsx(Input__default["default"], _extends({
     disabled: disabled || readonlyAsDisabled && readonly,
     id: id,
     name: id,
@@ -308,14 +320,16 @@ function BaseInputTemplate(props) {
     value: value,
     "aria-describedby": utils.ariaDescribedByIds(id, !!schema.examples)
   }));
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, input, Array.isArray(schema.examples) && /*#__PURE__*/React__default["default"].createElement("datalist", {
-    id: utils.examplesId(id)
-  }, schema.examples.concat(schema["default"] && !schema.examples.includes(schema["default"]) ? [schema["default"]] : []).map(function (example) {
-    return /*#__PURE__*/React__default["default"].createElement("option", {
-      key: example,
-      value: example
-    });
-  })));
+  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) {
+        return jsxRuntime.jsx("option", {
+          value: example
+        }, example);
+      })
+    })]
+  });
 }
 
 /** The `DescriptionField` is the template to use to render the description of a field
@@ -328,9 +342,10 @@ function DescriptionField(props) {
   if (!description) {
     return null;
   }
-  return /*#__PURE__*/React__default["default"].createElement("span", {
-    id: id
-  }, description);
+  return jsxRuntime.jsx("span", {
+    id: id,
+    children: description
+  });
 }
 
 /** The `ErrorList` component is the template that renders the all the errors associated with the fields in the `Form`
@@ -338,69 +353,78 @@ function DescriptionField(props) {
  * @param props - The `ErrorListProps` for this component
  */
 function ErrorList(_ref) {
-  var errors = _ref.errors;
+  var errors = _ref.errors,
+    registry = _ref.registry;
+  var translateString = registry.translateString;
   var renderErrors = function renderErrors() {
-    return /*#__PURE__*/React__default["default"].createElement(List__default["default"], {
-      className: "list-group",
-      size: "small"
-    }, errors.map(function (error, index) {
-      return /*#__PURE__*/React__default["default"].createElement(List__default["default"].Item, {
-        key: index
-      }, /*#__PURE__*/React__default["default"].createElement(Space__default["default"], null, /*#__PURE__*/React__default["default"].createElement(ExclamationCircleOutlined__default["default"], null), error.stack));
-    }));
+    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);
+      })
+    });
   };
-  return /*#__PURE__*/React__default["default"].createElement(Alert__default["default"], {
-    className: "panel panel-danger errors",
+  return jsxRuntime.jsx(Alert__default["default"], {
+    className: 'panel panel-danger errors',
     description: renderErrors(),
-    message: "Errors",
-    type: "error"
+    message: translateString(utils.TranslatableString.ErrorsLabel),
+    type: 'error'
   });
 }
 
 var _excluded = ["iconType", "icon", "uiSchema", "registry"];
 function IconButton(props) {
   var _props$iconType = props.iconType,
-    iconType = _props$iconType === void 0 ? "default" : _props$iconType,
+    iconType = _props$iconType === void 0 ? 'default' : _props$iconType,
     icon = props.icon,
     otherProps = _objectWithoutPropertiesLoose(props, _excluded);
-  return /*#__PURE__*/React__default["default"].createElement(Button__default["default"], _extends({
+  return jsxRuntime.jsx(Button__default["default"], _extends({
     type: iconType,
     icon: icon
   }, otherProps));
 }
 function AddButton(props) {
-  return /*#__PURE__*/React__default["default"].createElement(IconButton, _extends({
-    title: "Add Item"
+  var translateString = props.registry.translateString;
+  return jsxRuntime.jsx(IconButton, _extends({
+    title: translateString(utils.TranslatableString.AddItemButton)
   }, props, {
     block: true,
-    iconType: "primary",
-    icon: /*#__PURE__*/React__default["default"].createElement(PlusCircleOutlined__default["default"], null)
+    iconType: 'primary',
+    icon: jsxRuntime.jsx(PlusCircleOutlined__default["default"], {})
   }));
 }
 function MoveDownButton(props) {
-  return /*#__PURE__*/React__default["default"].createElement(IconButton, _extends({
-    title: "Move down"
+  var translateString = props.registry.translateString;
+  return jsxRuntime.jsx(IconButton, _extends({
+    title: translateString(utils.TranslatableString.MoveDownButton)
   }, props, {
-    icon: /*#__PURE__*/React__default["default"].createElement(ArrowDownOutlined__default["default"], null)
+    icon: jsxRuntime.jsx(ArrowDownOutlined__default["default"], {})
   }));
 }
 function MoveUpButton(props) {
-  return /*#__PURE__*/React__default["default"].createElement(IconButton, _extends({
-    title: "Move up"
+  var translateString = props.registry.translateString;
+  return jsxRuntime.jsx(IconButton, _extends({
+    title: translateString(utils.TranslatableString.MoveUpButton)
   }, props, {
-    icon: /*#__PURE__*/React__default["default"].createElement(ArrowUpOutlined__default["default"], null)
+    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);
-  return /*#__PURE__*/React__default["default"].createElement(IconButton, _extends({
-    title: "Remove"
+  var translateString = props.registry.translateString;
+  return jsxRuntime.jsx(IconButton, _extends({
+    title: translateString(utils.TranslatableString.RemoveButton)
   }, props, {
     danger: true,
     block: !!options.block,
-    iconType: "primary",
-    icon: /*#__PURE__*/React__default["default"].createElement(DeleteOutlined__default["default"], null)
+    iconType: 'primary',
+    icon: jsxRuntime.jsx(DeleteOutlined__default["default"], {})
   }));
 }
 
@@ -416,13 +440,14 @@ function FieldErrorTemplate(props) {
     return null;
   }
   var id = utils.errorId(idSchema);
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    id: id
-  }, errors.map(function (error) {
-    return /*#__PURE__*/React__default["default"].createElement("div", {
-      key: "field-" + id + "-error-" + error
-    }, error);
-  }));
+  return jsxRuntime.jsx("div", {
+    id: id,
+    children: errors.map(function (error) {
+      return jsxRuntime.jsx("div", {
+        children: error
+      }, "field-" + id + "-error-" + error);
+    })
+  });
 }
 
 var VERTICAL_LABEL_COL$1 = {
@@ -466,13 +491,14 @@ function FieldTemplate(props) {
     wrapperCol = _formContext$wrapperC === void 0 ? VERTICAL_WRAPPER_COL$1 : _formContext$wrapperC,
     wrapperStyle = formContext.wrapperStyle;
   var uiOptions = utils.getUiOptions(uiSchema);
-  var WrapIfAdditionalTemplate = utils.getTemplate("WrapIfAdditionalTemplate", registry, uiOptions);
+  var WrapIfAdditionalTemplate = utils.getTemplate('WrapIfAdditionalTemplate', registry, uiOptions);
   if (hidden) {
-    return /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "field-hidden"
-    }, children);
+    return jsxRuntime.jsx("div", {
+      className: 'field-hidden',
+      children: children
+    });
   }
-  return /*#__PURE__*/React__default["default"].createElement(WrapIfAdditionalTemplate, {
+  return jsxRuntime.jsx(WrapIfAdditionalTemplate, {
     classNames: classNames,
     style: style,
     disabled: disabled,
@@ -484,24 +510,26 @@ function FieldTemplate(props) {
     required: required,
     schema: schema,
     uiSchema: uiSchema,
-    registry: registry
-  }, id === "root" ? children : /*#__PURE__*/React__default["default"].createElement(Form__default["default"].Item, {
-    colon: colon,
-    extra: rawDescription && description,
-    hasFeedback: schema.type !== "array" && schema.type !== "object",
-    help: !!rawHelp && help || (rawErrors !== null && rawErrors !== void 0 && rawErrors.length ? errors : undefined),
-    htmlFor: id,
-    label: displayLabel && label,
-    labelCol: labelCol,
-    required: required,
-    style: wrapperStyle,
-    validateStatus: rawErrors !== null && rawErrors !== void 0 && rawErrors.length ? "error" : undefined,
-    wrapperCol: wrapperCol
-  }, children));
+    registry: registry,
+    children: id === 'root' ? children : jsxRuntime.jsx(Form__default["default"].Item, {
+      colon: colon,
+      extra: rawDescription && description,
+      hasFeedback: schema.type !== 'array' && schema.type !== 'object',
+      help: !!rawHelp && help || (rawErrors !== null && rawErrors !== void 0 && rawErrors.length ? errors : undefined),
+      htmlFor: id,
+      label: displayLabel && label,
+      labelCol: labelCol,
+      required: required,
+      style: wrapperStyle,
+      validateStatus: rawErrors !== null && rawErrors !== void 0 && rawErrors.length ? 'error' : undefined,
+      wrapperCol: wrapperCol,
+      children: children
+    })
+  });
 }
 
 var DESCRIPTION_COL_STYLE = {
-  paddingBottom: "8px"
+  paddingBottom: '8px'
 };
 /** The `ObjectFieldTemplate` is the template to use to render all the inner properties of an object along with the
  * title and description if available. If the object is expandable, then an `AddButton` is also rendered after all
@@ -524,14 +552,14 @@ function ObjectFieldTemplate(props) {
     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);
+  var TitleFieldTemplate = utils.getTemplate('TitleFieldTemplate', registry, uiOptions);
+  var 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,
+    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) {
@@ -555,7 +583,7 @@ function ObjectFieldTemplate(props) {
     var widget = findUiSchemaWidget(element);
     var defaultColSpan = properties.length < 2 ||
     // Single or no field in object.
-    type === "object" || type === "array" || widget === "textarea" ? 24 : 12;
+    type === 'object' || type === 'array' || widget === 'textarea' ? 24 : 12;
     if (isObject__default["default"](colSpan)) {
       var colSpanObj = colSpan;
       if (isString__default["default"](widget)) {
@@ -573,58 +601,67 @@ function ObjectFieldTemplate(props) {
     }
     return defaultColSpan;
   };
-  return /*#__PURE__*/React__default["default"].createElement(context.ConfigConsumer, null, function (configProps) {
-    var getPrefixCls = configProps.getPrefixCls;
-    var prefixCls = getPrefixCls("form");
-    var labelClsBasic = prefixCls + "-item-label";
-    var labelColClassName = classNames__default["default"](labelClsBasic, labelAlign === "left" && labelClsBasic + "-left"
-    // labelCol.className,
-    );
+  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"
+      // labelCol.className,
+      );
 
-    return /*#__PURE__*/React__default["default"].createElement("fieldset", {
-      id: idSchema.$id
-    }, /*#__PURE__*/React__default["default"].createElement(Row__default["default"], {
-      gutter: rowGutter
-    }, (uiOptions.title || title) && /*#__PURE__*/React__default["default"].createElement(Col__default["default"], {
-      className: labelColClassName,
-      span: 24
-    }, /*#__PURE__*/React__default["default"].createElement(TitleFieldTemplate, {
-      id: utils.titleId(idSchema),
-      title: uiOptions.title || title,
-      required: required,
-      schema: schema,
-      uiSchema: uiSchema,
-      registry: registry
-    })), (uiOptions.description || description) && /*#__PURE__*/React__default["default"].createElement(Col__default["default"], {
-      span: 24,
-      style: DESCRIPTION_COL_STYLE
-    }, /*#__PURE__*/React__default["default"].createElement(DescriptionFieldTemplate, {
-      id: utils.descriptionId(idSchema),
-      description: uiOptions.description || description,
-      schema: schema,
-      uiSchema: uiSchema,
-      registry: registry
-    })), properties.filter(function (e) {
-      return !e.hidden;
-    }).map(function (element) {
-      return /*#__PURE__*/React__default["default"].createElement(Col__default["default"], {
-        key: element.name,
-        span: calculateColSpan(element)
-      }, element.content);
-    })), utils.canExpand(schema, uiSchema, formData) && /*#__PURE__*/React__default["default"].createElement(Col__default["default"], {
-      span: 24
-    }, /*#__PURE__*/React__default["default"].createElement(Row__default["default"], {
-      gutter: rowGutter,
-      justify: "end"
-    }, /*#__PURE__*/React__default["default"].createElement(Col__default["default"], {
-      flex: "192px"
-    }, /*#__PURE__*/React__default["default"].createElement(AddButton, {
-      className: "object-property-expand",
-      disabled: disabled || readonly,
-      onClick: onAddClick(schema),
-      uiSchema: uiSchema,
-      registry: registry
-    })))));
+      return jsxRuntime.jsxs("fieldset", {
+        id: idSchema.$id,
+        children: [jsxRuntime.jsxs(Row__default["default"], {
+          gutter: rowGutter,
+          children: [(uiOptions.title || title) && jsxRuntime.jsx(Col__default["default"], {
+            className: labelColClassName,
+            span: 24,
+            children: jsxRuntime.jsx(TitleFieldTemplate, {
+              id: utils.titleId(idSchema),
+              title: uiOptions.title || title,
+              required: required,
+              schema: schema,
+              uiSchema: uiSchema,
+              registry: registry
+            })
+          }), (uiOptions.description || description) && jsxRuntime.jsx(Col__default["default"], {
+            span: 24,
+            style: DESCRIPTION_COL_STYLE,
+            children: jsxRuntime.jsx(DescriptionFieldTemplate, {
+              id: utils.descriptionId(idSchema),
+              description: uiOptions.description || description,
+              schema: schema,
+              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);
+          })]
+        }), utils.canExpand(schema, uiSchema, formData) && jsxRuntime.jsx(Col__default["default"], {
+          span: 24,
+          children: jsxRuntime.jsx(Row__default["default"], {
+            gutter: rowGutter,
+            justify: 'end',
+            children: jsxRuntime.jsx(Col__default["default"], {
+              flex: '192px',
+              children: jsxRuntime.jsx(AddButton, {
+                className: 'object-property-expand',
+                disabled: disabled || readonly,
+                onClick: onAddClick(schema),
+                uiSchema: uiSchema,
+                registry: registry
+              })
+            })
+          })
+        })]
+      });
+    }
   });
 }
 
@@ -639,11 +676,12 @@ function SubmitButton(_ref) {
   if (norender) {
     return null;
   }
-  return /*#__PURE__*/React__default["default"].createElement(Button__default["default"], _extends({
-    type: "submit"
+  return jsxRuntime.jsx(Button__default["default"], _extends({
+    type: 'submit'
   }, submitButtonProps, {
-    htmlType: "submit"
-  }), submitText);
+    htmlType: 'submit',
+    children: submitText
+  }));
 }
 
 /** The `TitleField` is the template to use to render the title of a field
@@ -659,8 +697,8 @@ function TitleField(_ref) {
   var _formContext$colon = formContext.colon,
     colon = _formContext$colon === void 0 ? true : _formContext$colon;
   var labelChildren = title;
-  if (colon && typeof title === "string" && title.trim() !== "") {
-    labelChildren = title.replace(/[：:]\s*$/, "");
+  if (colon && typeof title === 'string' && title.trim() !== '') {
+    labelChildren = title.replace(/[：:]\s*$/, '');
   }
   var handleLabelClick = function handleLabelClick() {
     if (!id) {
@@ -671,17 +709,20 @@ function TitleField(_ref) {
       control.focus();
     }
   };
-  return title ? /*#__PURE__*/React__default["default"].createElement(context.ConfigConsumer, null, function (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));
-    return /*#__PURE__*/React__default["default"].createElement("label", {
-      className: labelClassName,
-      htmlFor: id,
-      onClick: handleLabelClick,
-      title: typeof title === "string" ? title : ""
-    }, labelChildren);
+  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));
+      return jsxRuntime.jsx("label", {
+        className: labelClassName,
+        htmlFor: id,
+        onClick: handleLabelClick,
+        title: typeof title === 'string' ? title : '',
+        children: labelChildren
+      });
+    }
   }) : null;
 }
 
@@ -692,7 +733,7 @@ var VERTICAL_WRAPPER_COL = {
   span: 24
 };
 var INPUT_STYLE$1 = {
-  width: "100%"
+  width: '100%'
 };
 /** The `WrapIfAdditional` component is used by the `FieldTemplate` to rename, or remove properties that are
  * part of an `additionalProperties` part of a schema.
@@ -723,19 +764,22 @@ function WrapIfAdditionalTemplate(props) {
     _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,
+    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;
   // Button templates are not overridden in the uiSchema
-  var RemoveButton = registry.templates.ButtonTemplates.RemoveButton;
-  var keyLabel = label + " Key"; // i18n ?
+  var RemoveButton = templates.ButtonTemplates.RemoveButton;
+  var keyLabel = translateString(utils.TranslatableString.KeyLabel, [label]);
   var additional = (utils.ADDITIONAL_PROPERTY_FLAG in schema);
   if (!additional) {
-    return /*#__PURE__*/React__default["default"].createElement("div", {
+    return jsxRuntime.jsx("div", {
       className: classNames,
-      style: style
-    }, children);
+      style: style,
+      children: children
+    });
   }
   var handleBlur = function handleBlur(_ref) {
     var target = _ref.target;
@@ -746,48 +790,55 @@ function WrapIfAdditionalTemplate(props) {
   var buttonUiOptions = _extends({}, uiSchema, (_extends2 = {}, _extends2[utils.UI_OPTIONS_KEY] = _extends({}, uiOptions, {
     block: true
   }), _extends2));
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return jsxRuntime.jsx("div", {
     className: classNames,
-    style: style
-  }, /*#__PURE__*/React__default["default"].createElement(Row__default["default"], {
-    align: toolbarAlign,
-    gutter: rowGutter
-  }, /*#__PURE__*/React__default["default"].createElement(Col__default["default"], {
-    className: "form-additional",
-    flex: "1"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "form-group"
-  }, /*#__PURE__*/React__default["default"].createElement(Form__default["default"].Item, {
-    colon: colon,
-    className: "form-group",
-    hasFeedback: true,
-    htmlFor: id + "-key",
-    label: keyLabel,
-    labelCol: labelCol,
-    required: required,
-    style: wrapperStyle,
-    wrapperCol: wrapperCol
-  }, /*#__PURE__*/React__default["default"].createElement(Input__default["default"], {
-    className: "form-control",
-    defaultValue: label,
-    disabled: disabled || readonlyAsDisabled && readonly,
-    id: id + "-key",
-    name: id + "-key",
-    onBlur: !readonly ? handleBlur : undefined,
-    style: INPUT_STYLE$1,
-    type: "text"
-  })))), /*#__PURE__*/React__default["default"].createElement(Col__default["default"], {
-    className: "form-additional",
-    flex: "1"
-  }, children), /*#__PURE__*/React__default["default"].createElement(Col__default["default"], {
-    flex: "192px"
-  }, /*#__PURE__*/React__default["default"].createElement(RemoveButton, {
-    className: "array-item-remove",
-    disabled: disabled || readonly,
-    onClick: onDropPropertyClick(label),
-    uiSchema: buttonUiOptions,
-    registry: registry
-  }))));
+    style: style,
+    children: jsxRuntime.jsxs(Row__default["default"], {
+      align: toolbarAlign,
+      gutter: rowGutter,
+      children: [jsxRuntime.jsx(Col__default["default"], {
+        className: 'form-additional',
+        flex: '1',
+        children: jsxRuntime.jsx("div", {
+          className: 'form-group',
+          children: jsxRuntime.jsx(Form__default["default"].Item, {
+            colon: colon,
+            className: 'form-group',
+            hasFeedback: true,
+            htmlFor: id + "-key",
+            label: keyLabel,
+            labelCol: labelCol,
+            required: required,
+            style: wrapperStyle,
+            wrapperCol: wrapperCol,
+            children: jsxRuntime.jsx(Input__default["default"], {
+              className: 'form-control',
+              defaultValue: label,
+              disabled: disabled || readonlyAsDisabled && readonly,
+              id: id + "-key",
+              name: id + "-key",
+              onBlur: !readonly ? handleBlur : undefined,
+              style: INPUT_STYLE$1,
+              type: 'text'
+            })
+          })
+        })
+      }), jsxRuntime.jsx(Col__default["default"], {
+        className: 'form-additional',
+        flex: '1',
+        children: children
+      }), jsxRuntime.jsx(Col__default["default"], {
+        flex: '192px',
+        children: jsxRuntime.jsx(RemoveButton, {
+          className: 'array-item-remove',
+          disabled: disabled || readonly,
+          onClick: onDropPropertyClick(label),
+          uiSchema: buttonUiOptions,
+          registry: registry
+        })
+      })]
+    })
+  });
 }
 
 function generateTemplates() {
@@ -839,29 +890,29 @@ function dateElementProps(state, time, yearsRange) {
     minute = state.minute,
     second = state.second;
   var data = [{
-    type: "year",
+    type: 'year',
     range: yearsRange,
     value: year
   }, {
-    type: "month",
+    type: 'month',
     range: [1, 12],
     value: month
   }, {
-    type: "day",
+    type: 'day',
     range: [1, 31],
     value: day
   }];
   if (time) {
     data.push({
-      type: "hour",
+      type: 'hour',
       range: [0, 23],
       value: hour || -1
     }, {
-      type: "minute",
+      type: 'minute',
       range: [0, 59],
       value: minute || -1
     }, {
-      type: "second",
+      type: 'second',
       range: [0, 59],
       value: second || -1
     });
@@ -881,18 +932,20 @@ function AltDateWidget(props) {
     registry = props.registry,
     showTime = props.showTime,
     value = props.value;
-  var SelectWidget = registry.widgets.SelectWidget;
+  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)),
+  var _useState = react.useState(utils.parseDateString(value, showTime)),
     state = _useState[0],
     setState = _useState[1];
-  React.useEffect(function () {
+  react.useEffect(function () {
     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));
+    var nextState = _extends({}, state, (_extends2 = {}, _extends2[property] = typeof nextValue === 'undefined' ? -1 : nextValue, _extends2));
     if (readyForChange(nextState)) {
       onChange(utils.toDateString(nextState, showTime));
     } else {
@@ -915,9 +968,9 @@ function AltDateWidget(props) {
     onChange(undefined);
   };
   var renderDateElement = function renderDateElement(elemProps) {
-    return /*#__PURE__*/React__default["default"].createElement(SelectWidget, {
+    return jsxRuntime.jsx(SelectWidget, {
       autofocus: elemProps.autofocus,
-      className: "form-control",
+      className: 'form-control',
       disabled: elemProps.disabled,
       id: elemProps.id,
       name: elemProps.name,
@@ -932,51 +985,56 @@ function AltDateWidget(props) {
       placeholder: elemProps.type,
       readonly: elemProps.readonly,
       schema: {
-        type: "integer"
+        type: 'integer'
       },
       value: elemProps.value,
       registry: registry,
-      label: "",
+      label: '',
       "aria-describedby": utils.ariaDescribedByIds(id)
     });
   };
-  return /*#__PURE__*/React__default["default"].createElement(Row__default["default"], {
-    gutter: [Math.floor(rowGutter / 2), Math.floor(rowGutter / 2)]
-  }, dateElementProps(state, showTime, options.yearsRange).map(function (elemProps, i) {
-    var elemId = id + "_" + elemProps.type;
-    return /*#__PURE__*/React__default["default"].createElement(Col__default["default"], {
-      flex: "88px",
-      key: elemId
-    }, renderDateElement(_extends({}, elemProps, {
-      autofocus: autofocus && i === 0,
-      disabled: disabled,
-      id: elemId,
-      name: id,
-      onBlur: onBlur,
-      onFocus: onFocus,
-      readonly: readonly,
-      registry: registry,
-      select: handleChange,
-      // NOTE: antd components accept -1 rather than issue a warning
-      // like material-ui, so we need to convert -1 to undefined here.
-      value: elemProps.value < 0 ? undefined : elemProps.value
-    })));
-  }), !options.hideNowButton && /*#__PURE__*/React__default["default"].createElement(Col__default["default"], {
-    flex: "88px"
-  }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
-    block: true,
-    className: "btn-now",
-    onClick: handleNow,
-    type: "primary"
-  }, "Now")), !options.hideClearButton && /*#__PURE__*/React__default["default"].createElement(Col__default["default"], {
-    flex: "88px"
-  }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
-    block: true,
-    className: "btn-clear",
-    danger: true,
-    onClick: handleClear,
-    type: "primary"
-  }, "Clear")));
+  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;
+      return jsxRuntime.jsx(Col__default["default"], {
+        flex: '88px',
+        children: renderDateElement(_extends({}, elemProps, {
+          autofocus: autofocus && i === 0,
+          disabled: disabled,
+          id: elemId,
+          name: id,
+          onBlur: onBlur,
+          onFocus: onFocus,
+          readonly: readonly,
+          registry: registry,
+          select: handleChange,
+          // NOTE: antd components accept -1 rather than issue a warning
+          // like material-ui, so we need to convert -1 to undefined here.
+          value: elemProps.value < 0 ? undefined : elemProps.value
+        }))
+      }, elemId);
+    }), !options.hideNowButton && jsxRuntime.jsx(Col__default["default"], {
+      flex: '88px',
+      children: jsxRuntime.jsx(Button__default["default"], {
+        block: true,
+        className: 'btn-now',
+        onClick: handleNow,
+        type: 'primary',
+        children: translateString(utils.TranslatableString.NowLabel)
+      })
+    }), !options.hideClearButton && jsxRuntime.jsx(Col__default["default"], {
+      flex: '88px',
+      children: jsxRuntime.jsx(Button__default["default"], {
+        block: true,
+        className: 'btn-clear',
+        danger: true,
+        onClick: handleClear,
+        type: 'primary',
+        children: translateString(utils.TranslatableString.ClearLabel)
+      })
+    })]
+  });
 }
 AltDateWidget.defaultProps = {
   autofocus: false,
@@ -990,7 +1048,7 @@ AltDateWidget.defaultProps = {
 
 function AltDateTimeWidget(props) {
   var AltDateWidget = props.registry.widgets.AltDateWidget;
-  return /*#__PURE__*/React__default["default"].createElement(AltDateWidget, _extends({
+  return jsxRuntime.jsx(AltDateWidget, _extends({
     showTime: true
   }, props));
 }
@@ -1039,23 +1097,25 @@ function CheckboxesWidget(_ref) {
     onFocus: !readonly ? handleFocus : undefined
   };
   var selectedIndexes = utils.enumOptionsIndexForValue(value, enumOptions, true);
-  return Array.isArray(enumOptions) && enumOptions.length > 0 ? /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"].Group, _extends({
+  return Array.isArray(enumOptions) && enumOptions.length > 0 ? jsxRuntime.jsx(Checkbox__default["default"].Group, _extends({
     disabled: disabled || readonlyAsDisabled && readonly,
     name: id,
     onChange: !readonly ? handleChange : undefined,
     value: selectedIndexes
   }, extraProps, {
-    "aria-describedby": utils.ariaDescribedByIds(id)
-  }), Array.isArray(enumOptions) && enumOptions.map(function (option, i) {
-    return /*#__PURE__*/React__default["default"].createElement("span", {
-      key: i
-    }, /*#__PURE__*/React__default["default"].createElement(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)
-    }, option.label), !inline && /*#__PURE__*/React__default["default"].createElement("br", null));
+    "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);
+    })
   })) : null;
 }
 
@@ -1095,22 +1155,23 @@ function CheckboxWidget(props) {
     onBlur: !readonly ? handleBlur : undefined,
     onFocus: !readonly ? handleFocus : undefined
   };
-  return /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], _extends({
+  return jsxRuntime.jsx(Checkbox__default["default"], _extends({
     autoFocus: autofocus,
-    checked: typeof value === "undefined" ? false : value,
+    checked: typeof value === 'undefined' ? false : value,
     disabled: disabled || readonlyAsDisabled && readonly,
     id: id,
     name: id,
     onChange: !readonly ? handleChange : undefined
   }, extraProps, {
-    "aria-describedby": utils.ariaDescribedByIds(id)
-  }), label);
+    "aria-describedby": utils.ariaDescribedByIds(id),
+    children: label
+  }));
 }
 
 var DatePicker = /*#__PURE__*/generatePicker__default["default"](dayjsGenerateConfig__default["default"]);
 
 var DATE_PICKER_STYLE$1 = {
-  width: "100%"
+  width: '100%'
 };
 /** The `DateTimeWidget` component uses the `BaseInputTemplate` changing the type to `datetime-local` and transforms
  * the value to/from utc using the appropriate utility functions.
@@ -1141,7 +1202,7 @@ function DateTimeWidget(props) {
   var getPopupContainer = function getPopupContainer(node) {
     return node.parentNode;
   };
-  return /*#__PURE__*/React__default["default"].createElement(DatePicker, {
+  return jsxRuntime.jsx(DatePicker, {
     disabled: disabled || readonlyAsDisabled && readonly,
     getPopupContainer: getPopupContainer,
     id: id,
@@ -1158,7 +1219,7 @@ function DateTimeWidget(props) {
 }
 
 var DATE_PICKER_STYLE = {
-  width: "100%"
+  width: '100%'
 };
 /** The `DateWidget` component uses the `BaseInputTemplate` changing the type to `date` and transforms
  * the value to undefined when it is falsy during the `onChange` handling.
@@ -1178,7 +1239,7 @@ function DateWidget(props) {
   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"));
+    return onChange(nextValue && nextValue.format('YYYY-MM-DD'));
   };
   var handleBlur = function handleBlur() {
     return onBlur(id, value);
@@ -1189,7 +1250,7 @@ function DateWidget(props) {
   var getPopupContainer = function getPopupContainer(node) {
     return node.parentNode;
   };
-  return /*#__PURE__*/React__default["default"].createElement(DatePicker, {
+  return jsxRuntime.jsx(DatePicker, {
     disabled: disabled || readonlyAsDisabled && readonly,
     getPopupContainer: getPopupContainer,
     id: id,
@@ -1222,10 +1283,10 @@ function PasswordWidget(props) {
     value = props.value;
   var _formContext$readonly = formContext.readonlyAsDisabled,
     readonlyAsDisabled = _formContext$readonly === void 0 ? true : _formContext$readonly;
-  var emptyValue = options.emptyValue || "";
+  var emptyValue = options.emptyValue || '';
   var handleChange = function handleChange(_ref) {
     var target = _ref.target;
-    return onChange(target.value === "" ? emptyValue : target.value);
+    return onChange(target.value === '' ? emptyValue : target.value);
   };
   var handleBlur = function handleBlur(_ref2) {
     var target = _ref2.target;
@@ -1235,7 +1296,7 @@ function PasswordWidget(props) {
     var target = _ref3.target;
     return onFocus(id, target.value);
   };
-  return /*#__PURE__*/React__default["default"].createElement(Input__default["default"].Password, {
+  return jsxRuntime.jsx(Input__default["default"].Password, {
     disabled: disabled || readonlyAsDisabled && readonly,
     id: id,
     name: id,
@@ -1243,7 +1304,7 @@ function PasswordWidget(props) {
     onChange: !readonly ? handleChange : undefined,
     onFocus: !readonly ? handleFocus : undefined,
     placeholder: placeholder,
-    value: value || "",
+    value: value || '',
     "aria-describedby": utils.ariaDescribedByIds(id)
   });
 }
@@ -1282,7 +1343,7 @@ function RadioWidget(_ref) {
     return onFocus(id, utils.enumOptionsValueForIndex(target.value, enumOptions, emptyValue));
   };
   var selectedIndexes = utils.enumOptionsIndexForValue(value, enumOptions);
-  return /*#__PURE__*/React__default["default"].createElement(Radio__default["default"].Group, {
+  return jsxRuntime.jsx(Radio__default["default"].Group, {
     disabled: disabled || readonlyAsDisabled && readonly,
     id: id,
     name: id,
@@ -1290,17 +1351,18 @@ function RadioWidget(_ref) {
     onBlur: !readonly ? handleBlur : undefined,
     onFocus: !readonly ? handleFocus : undefined,
     value: selectedIndexes,
-    "aria-describedby": utils.ariaDescribedByIds(id)
-  }, Array.isArray(enumOptions) && enumOptions.map(function (option, i) {
-    return /*#__PURE__*/React__default["default"].createElement(Radio__default["default"], {
-      id: utils.optionId(id, i),
-      name: id,
-      autoFocus: i === 0 ? autofocus : false,
-      disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(value) !== -1,
-      key: i,
-      value: String(i)
-    }, option.label);
-  }));
+    "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);
+    })
+  });
 }
 
 /** The `RangeWidget` component uses the `BaseInputTemplate` changing the type to `range` and wrapping the result
@@ -1327,9 +1389,9 @@ function RangeWidget(props) {
     min = _rangeSpec.min,
     max = _rangeSpec.max,
     step = _rangeSpec.step;
-  var emptyValue = options.emptyValue || "";
+  var emptyValue = options.emptyValue || '';
   var handleChange = function handleChange(nextValue) {
-    return onChange(nextValue === "" ? emptyValue : nextValue);
+    return onChange(nextValue === '' ? emptyValue : nextValue);
   };
   var handleBlur = function handleBlur() {
     return onBlur(id, value);
@@ -1344,7 +1406,7 @@ function RangeWidget(props) {
     onBlur: !readonly ? handleBlur : undefined,
     onFocus: !readonly ? handleFocus : undefined
   };
-  return /*#__PURE__*/React__default["default"].createElement(Slider__default["default"], _extends({
+  return jsxRuntime.jsx(Slider__default["default"], _extends({
     autoFocus: autofocus,
     disabled: disabled || readonlyAsDisabled && readonly,
     id: id,
@@ -1360,7 +1422,7 @@ function RangeWidget(props) {
 }
 
 var SELECT_STYLE = {
-  width: "100%"
+  width: '100%'
 };
 /** The `SelectWidget` is a widget for rendering dropdowns.
  *  It is typically used with string properties constrained with enum options.
@@ -1411,12 +1473,12 @@ function SelectWidget(_ref) {
   var extraProps = {
     name: id
   };
-  return /*#__PURE__*/React__default["default"].createElement(Select__default["default"], _extends({
+  return jsxRuntime.jsx(Select__default["default"], _extends({
     autoFocus: autofocus,
     disabled: disabled || readonlyAsDisabled && readonly,
     getPopupContainer: getPopupContainer,
     id: id,
-    mode: typeof multiple !== "undefined" ? "multiple" : undefined,
+    mode: typeof multiple !== 'undefined' ? 'multiple' : undefined,
     onBlur: !readonly ? handleBlur : undefined,
     onChange: !readonly ? handleChange : undefined,
     onFocus: !readonly ? handleFocus : undefined,
@@ -1425,20 +1487,21 @@ function SelectWidget(_ref) {
     value: selectedIndexes
   }, extraProps, {
     filterOption: filterOption,
-    "aria-describedby": utils.ariaDescribedByIds(id)
-  }), Array.isArray(enumOptions) && enumOptions.map(function (_ref2, index) {
-    var optionValue = _ref2.value,
-      optionLabel = _ref2.label;
-    return /*#__PURE__*/React__default["default"].createElement(Select__default["default"].Option, {
-      disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(optionValue) !== -1,
-      key: String(index),
-      value: String(index)
-    }, optionLabel);
+    "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));
+    })
   }));
 }
 
 var INPUT_STYLE = {
-  width: "100%"
+  width: '100%'
 };
 /** The `TextareaWidget` is a widget for rendering input fields as textarea.
  *
@@ -1459,7 +1522,7 @@ function TextareaWidget(_ref) {
     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);
+    return onChange(target.value === '' ? options.emptyValue : target.value);
   };
   var handleBlur = function handleBlur(_ref3) {
     var target = _ref3.target;
@@ -1472,9 +1535,9 @@ function TextareaWidget(_ref) {
   // 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 = {
-    type: "textarea"
+    type: 'textarea'
   };
-  return /*#__PURE__*/React__default["default"].createElement(Input__default["default"].TextArea, _extends({
+  return jsxRuntime.jsx(Input__default["default"].TextArea, _extends({
     disabled: disabled || readonlyAsDisabled && readonly,
     id: id,
     name: id,