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

package/dist/antd.cjs.development.js

@@ -67,19 +67,23 @@ var BTN_GRP_STYLE = {
 var BTN_STYLE = {
   width: "calc(100% / 3)"
 };
-var ArrayFieldItemTemplate = function ArrayFieldItemTemplate(_ref) {
-  var children = _ref.children,
-    disabled = _ref.disabled,
-    hasMoveDown = _ref.hasMoveDown,
-    hasMoveUp = _ref.hasMoveUp,
-    hasRemove = _ref.hasRemove,
-    hasToolbar = _ref.hasToolbar,
-    index = _ref.index,
-    onDropIndexClick = _ref.onDropIndexClick,
-    onReorderClick = _ref.onReorderClick,
-    readonly = _ref.readonly,
-    registry = _ref.registry,
-    uiSchema = _ref.uiSchema;
+/** The `ArrayFieldItemTemplate` component is the template used to render an items of an array.
+ *
+ * @param props - The `ArrayFieldTemplateItemType` props for the component
+ */
+function ArrayFieldItemTemplate(props) {
+  var children = props.children,
+    disabled = props.disabled,
+    hasMoveDown = props.hasMoveDown,
+    hasMoveUp = props.hasMoveUp,
+    hasRemove = props.hasRemove,
+    hasToolbar = props.hasToolbar,
+    index = props.index,
+    onDropIndexClick = props.onDropIndexClick,
+    onReorderClick = props.onReorderClick,
+    readonly = props.readonly,
+    registry = props.registry,
+    uiSchema = props.uiSchema;
   var _registry$templates$B = registry.templates.ButtonTemplates,
     MoveDownButton = _registry$templates$B.MoveDownButton,
     MoveUpButton = _registry$templates$B.MoveUpButton,
@@ -103,19 +107,22 @@ var ArrayFieldItemTemplate = function ArrayFieldItemTemplate(_ref) {
     disabled: disabled || readonly || !hasMoveUp,
     onClick: onReorderClick(index, index - 1),
     style: BTN_STYLE,
-    uiSchema: uiSchema
+    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
+    uiSchema: uiSchema,
+    registry: registry
   }), hasRemove && /*#__PURE__*/React__default["default"].createElement(RemoveButton, {
     disabled: disabled || readonly,
     onClick: onDropIndexClick(index),
     style: BTN_STYLE,
-    uiSchema: uiSchema
+    uiSchema: uiSchema,
+    registry: registry
   }))));
-};
+}
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -148,21 +155,24 @@ var _excluded$1 = ["key"];
 var DESCRIPTION_COL_STYLE$1 = {
   paddingBottom: "8px"
 };
-var ArrayFieldTemplate = function ArrayFieldTemplate(_ref) {
-  var canAdd = _ref.canAdd,
-    className = _ref.className,
-    disabled = _ref.disabled,
-    formContext = _ref.formContext,
-    idSchema = _ref.idSchema,
-    items = _ref.items,
-    onAddClick = _ref.onAddClick,
-    prefixCls = _ref.prefixCls,
-    readonly = _ref.readonly,
-    registry = _ref.registry,
-    required = _ref.required,
-    schema = _ref.schema,
-    title = _ref.title,
-    uiSchema = _ref.uiSchema;
+/** The `ArrayFieldTemplate` component is the template used to render all items in an array.
+ *
+ * @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);
@@ -173,94 +183,102 @@ var ArrayFieldTemplate = function ArrayFieldTemplate(_ref) {
     labelAlign = _formContext$labelAli === void 0 ? "right" : _formContext$labelAli,
     _formContext$rowGutte = formContext.rowGutter,
     rowGutter = _formContext$rowGutte === void 0 ? 24 : _formContext$rowGutte;
-  var labelClsBasic = prefixCls + "-item-label";
-  var labelColClassName = classNames__default["default"](labelClsBasic, labelAlign === "left" && labelClsBasic + "-left"
-  // labelCol.className,
-  );
+  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 /*#__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 (_ref2) {
-    var key = _ref2.key,
-      itemProps = _objectWithoutPropertiesLoose(_ref2, _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
-  }))))));
-};
-var ArrayFieldTemplate$1 = /*#__PURE__*/context.withConfigConsumer({
-  prefixCls: "form"
-})(ArrayFieldTemplate);
+    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
+    }))))));
+  });
+}
 
 var INPUT_STYLE$2 = {
   width: "100%"
 };
-var BaseInputTemplate = function BaseInputTemplate(_ref) {
-  var disabled = _ref.disabled,
-    formContext = _ref.formContext,
-    id = _ref.id,
-    onBlur = _ref.onBlur,
-    onChange = _ref.onChange,
-    onFocus = _ref.onFocus,
-    options = _ref.options,
-    placeholder = _ref.placeholder,
-    readonly = _ref.readonly,
-    schema = _ref.schema,
-    value = _ref.value,
-    type = _ref.type;
+/** 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.
+ * It can be customized/overridden for other themes or individual implementations as needed.
+ *
+ * @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,
+    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 = function handleTextChange(_ref2) {
-    var target = _ref2.target;
+  var handleTextChange = function handleTextChange(_ref) {
+    var target = _ref.target;
     return onChange(target.value === "" ? options.emptyValue : target.value);
   };
-  var handleBlur = function handleBlur(_ref3) {
-    var target = _ref3.target;
+  var handleBlur = function handleBlur(_ref2) {
+    var target = _ref2.target;
     return onBlur(id, target.value);
   };
-  var handleFocus = function handleFocus(_ref4) {
-    var target = _ref4.target;
+  var handleFocus = function handleFocus(_ref3) {
+    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({
@@ -296,20 +314,28 @@ var BaseInputTemplate = function BaseInputTemplate(_ref) {
       value: example
     });
   })));
-};
+}
 
-var DescriptionField = function DescriptionField(_ref) {
-  var description = _ref.description,
-    id = _ref.id;
+/** The `DescriptionField` is the template to use to render the description of a field
+ *
+ * @param props - The `DescriptionFieldProps` for this component
+ */
+function DescriptionField(props) {
+  var id = props.id,
+    description = props.description;
   if (!description) {
     return null;
   }
   return /*#__PURE__*/React__default["default"].createElement("span", {
     id: id
   }, description);
-};
+}
 
-var ErrorList = function ErrorList(_ref) {
+/** The `ErrorList` component is the template that renders the all the errors associated with the fields in the `Form`
+ *
+ * @param props - The `ErrorListProps` for this component
+ */
+function ErrorList(_ref) {
   var errors = _ref.errors;
   var renderErrors = function renderErrors() {
     return /*#__PURE__*/React__default["default"].createElement(List__default["default"], {
@@ -327,9 +353,9 @@ var ErrorList = function ErrorList(_ref) {
     message: "Errors",
     type: "error"
   });
-};
+}
 
-var _excluded = ["iconType", "icon", "uiSchema"];
+var _excluded = ["iconType", "icon", "uiSchema", "registry"];
 function IconButton(props) {
   var _props$iconType = props.iconType,
     iconType = _props$iconType === void 0 ? "default" : _props$iconType,
@@ -403,28 +429,33 @@ var VERTICAL_LABEL_COL$1 = {
 var VERTICAL_WRAPPER_COL$1 = {
   span: 24
 };
-var FieldTemplate = function FieldTemplate(_ref) {
-  var children = _ref.children,
-    classNames = _ref.classNames,
-    description = _ref.description,
-    disabled = _ref.disabled,
-    displayLabel = _ref.displayLabel,
-    errors = _ref.errors,
-    formContext = _ref.formContext,
-    help = _ref.help,
-    hidden = _ref.hidden,
-    id = _ref.id,
-    label = _ref.label,
-    onDropPropertyClick = _ref.onDropPropertyClick,
-    onKeyChange = _ref.onKeyChange,
-    rawErrors = _ref.rawErrors,
-    rawDescription = _ref.rawDescription,
-    rawHelp = _ref.rawHelp,
-    readonly = _ref.readonly,
-    registry = _ref.registry,
-    required = _ref.required,
-    schema = _ref.schema,
-    uiSchema = _ref.uiSchema;
+/** The `FieldTemplate` component is the template used by `SchemaField` to render any field. It renders the field
+ * content, (label, description, children, errors and help) inside of a `WrapIfAdditional` component.
+ *
+ * @param props - The `FieldTemplateProps` for this component
+ */
+function FieldTemplate(props) {
+  var children = props.children,
+    classNames = props.classNames,
+    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,
@@ -463,26 +494,31 @@ var FieldTemplate = function FieldTemplate(_ref) {
     validateStatus: rawErrors !== null && rawErrors !== void 0 && rawErrors.length ? "error" : undefined,
     wrapperCol: wrapperCol
   }, children));
-};
+}
 
 var DESCRIPTION_COL_STYLE = {
   paddingBottom: "8px"
 };
-var ObjectFieldTemplate = function ObjectFieldTemplate(_ref) {
-  var description = _ref.description,
-    disabled = _ref.disabled,
-    formContext = _ref.formContext,
-    formData = _ref.formData,
-    idSchema = _ref.idSchema,
-    onAddClick = _ref.onAddClick,
-    prefixCls = _ref.prefixCls,
-    properties = _ref.properties,
-    readonly = _ref.readonly,
-    required = _ref.required,
-    registry = _ref.registry,
-    schema = _ref.schema,
-    title = _ref.title,
-    uiSchema = _ref.uiSchema;
+/** 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
+ * the properties.
+ *
+ * @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);
@@ -494,11 +530,6 @@ var ObjectFieldTemplate = function ObjectFieldTemplate(_ref) {
     labelAlign = _formContext$labelAli === void 0 ? "right" : _formContext$labelAli,
     _formContext$rowGutte = formContext.rowGutter,
     rowGutter = _formContext$rowGutte === void 0 ? 24 : _formContext$rowGutte;
-  var labelClsBasic = prefixCls + "-item-label";
-  var labelColClassName = classNames__default["default"](labelClsBasic, labelAlign === "left" && labelClsBasic + "-left"
-  // labelCol.className,
-  );
-
   var findSchema = function findSchema(element) {
     return element.content.props.schema;
   };
@@ -538,55 +569,64 @@ var ObjectFieldTemplate = function ObjectFieldTemplate(_ref) {
     }
     return defaultColSpan;
   };
-  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: idSchema.$id + "-title",
-    required: required,
-    title: uiOptions.title || title,
-    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, {
-    description: uiOptions.description || description,
-    id: idSchema.$id + "-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
-  })))));
-};
-var ObjectFieldTemplate$1 = /*#__PURE__*/context.withConfigConsumer({
-  prefixCls: "form"
-})(ObjectFieldTemplate);
+  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,
+    );
 
-var SubmitButton = (function (_ref) {
+    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: idSchema.$id + "-title",
+      required: required,
+      title: uiOptions.title || title,
+      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, {
+      description: uiOptions.description || description,
+      id: idSchema.$id + "-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
+    })))));
+  });
+}
+
+/** 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,
@@ -600,25 +640,24 @@ var SubmitButton = (function (_ref) {
   }, submitButtonProps, {
     htmlType: "submit"
   }), submitText);
-});
+}
 
-var TitleField = function TitleField(_ref) {
-  var _classNames;
+/** 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,
-    prefixCls = _ref.prefixCls,
     required = _ref.required,
     registry = _ref.registry,
-    formContext1 = _ref.formContext,
     title = _ref.title;
   var formContext = registry.formContext;
-  var _formContext1$formCon = _extends({}, formContext1, formContext),
-    _formContext1$formCon2 = _formContext1$formCon.colon,
-    colon = _formContext1$formCon2 === void 0 ? true : _formContext1$formCon2;
+  var _formContext$colon = formContext.colon,
+    colon = _formContext$colon === void 0 ? true : _formContext$colon;
   var labelChildren = title;
   if (colon && typeof title === "string" && title.trim() !== "") {
     labelChildren = title.replace(/[：:]\s*$/, "");
   }
-  var labelClassName = classNames__default["default"]((_classNames = {}, _classNames[prefixCls + "-item-required"] = required, _classNames[prefixCls + "-item-no-colon"] = !colon, _classNames));
   var handleLabelClick = function handleLabelClick() {
     if (!id) {
       return;
@@ -628,19 +667,19 @@ var TitleField = function TitleField(_ref) {
       control.focus();
     }
   };
-  return title ? /*#__PURE__*/React__default["default"].createElement("label", {
-    className: labelClassName,
-    htmlFor: id,
-    onClick: handleLabelClick,
-    title: typeof title === "string" ? title : ""
-  }, labelChildren) : null;
-};
-TitleField.defaultProps = {
-  formContext: {}
-};
-var TitleField$1 = /*#__PURE__*/context.withConfigConsumer({
-  prefixCls: "form"
-})(TitleField);
+  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);
+  }) : null;
+}
 
 var VERTICAL_LABEL_COL = {
   span: 24
@@ -651,20 +690,25 @@ var VERTICAL_WRAPPER_COL = {
 var INPUT_STYLE$1 = {
   width: "100%"
 };
-var WrapIfAdditionalTemplate = function WrapIfAdditionalTemplate(_ref) {
+/** The `WrapIfAdditional` component is used by the `FieldTemplate` to rename, or remove properties that are
+ * part of an `additionalProperties` part of a schema.
+ *
+ * @param props - The `WrapIfAdditionalProps` for this component
+ */
+function WrapIfAdditionalTemplate(props) {
   var _extends2;
-  var children = _ref.children,
-    classNames = _ref.classNames,
-    disabled = _ref.disabled,
-    id = _ref.id,
-    label = _ref.label,
-    onDropPropertyClick = _ref.onDropPropertyClick,
-    onKeyChange = _ref.onKeyChange,
-    readonly = _ref.readonly,
-    required = _ref.required,
-    registry = _ref.registry,
-    schema = _ref.schema,
-    uiSchema = _ref.uiSchema;
+  var children = props.children,
+    classNames = props.classNames,
+    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,
@@ -687,8 +731,8 @@ var WrapIfAdditionalTemplate = function WrapIfAdditionalTemplate(_ref) {
       className: classNames
     }, children);
   }
-  var handleBlur = function handleBlur(_ref2) {
-    var target = _ref2.target;
+  var handleBlur = function handleBlur(_ref) {
+    var target = _ref.target;
     return onKeyChange(target.value);
   };
   // The `block` prop is not part of the `IconButtonProps` defined in the template, so put it into the uiSchema instead
@@ -734,29 +778,33 @@ var WrapIfAdditionalTemplate = function WrapIfAdditionalTemplate(_ref) {
     className: "array-item-remove",
     disabled: disabled || readonly,
     onClick: onDropPropertyClick(label),
-    uiSchema: buttonUiOptions
+    uiSchema: buttonUiOptions,
+    registry: registry
   }))));
-};
+}
 
-var Index = {
-  ArrayFieldItemTemplate: ArrayFieldItemTemplate,
-  ArrayFieldTemplate: ArrayFieldTemplate$1,
-  BaseInputTemplate: BaseInputTemplate,
-  ButtonTemplates: {
-    AddButton: AddButton,
-    MoveDownButton: MoveDownButton,
-    MoveUpButton: MoveUpButton,
-    RemoveButton: RemoveButton,
-    SubmitButton: SubmitButton
-  },
-  DescriptionFieldTemplate: DescriptionField,
-  ErrorListTemplate: ErrorList,
-  FieldErrorTemplate: FieldErrorTemplate,
-  FieldTemplate: FieldTemplate,
-  ObjectFieldTemplate: ObjectFieldTemplate$1,
-  TitleFieldTemplate: TitleField$1,
-  WrapIfAdditionalTemplate: WrapIfAdditionalTemplate
-};
+function generateTemplates() {
+  return {
+    ArrayFieldItemTemplate: ArrayFieldItemTemplate,
+    ArrayFieldTemplate: ArrayFieldTemplate,
+    BaseInputTemplate: BaseInputTemplate,
+    ButtonTemplates: {
+      AddButton: AddButton,
+      MoveDownButton: MoveDownButton,
+      MoveUpButton: MoveUpButton,
+      RemoveButton: RemoveButton,
+      SubmitButton: SubmitButton
+    },
+    DescriptionFieldTemplate: DescriptionField,
+    ErrorListTemplate: ErrorList,
+    FieldErrorTemplate: FieldErrorTemplate,
+    FieldTemplate: FieldTemplate,
+    ObjectFieldTemplate: ObjectFieldTemplate,
+    TitleFieldTemplate: TitleField,
+    WrapIfAdditionalTemplate: WrapIfAdditionalTemplate
+  };
+}
+var index$1 = /*#__PURE__*/generateTemplates();
 
 var rangeOptions = function rangeOptions(start, stop) {
   var options = [];
@@ -813,19 +861,19 @@ function dateElementProps(state, time, yearsRange) {
   }
   return data;
 }
-var AltDateWidget = function AltDateWidget(_ref) {
-  var autofocus = _ref.autofocus,
-    disabled = _ref.disabled,
-    formContext = _ref.formContext,
-    id = _ref.id,
-    onBlur = _ref.onBlur,
-    onChange = _ref.onChange,
-    onFocus = _ref.onFocus,
-    options = _ref.options,
-    readonly = _ref.readonly,
-    registry = _ref.registry,
-    showTime = _ref.showTime,
-    value = _ref.value;
+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 SelectWidget = registry.widgets.SelectWidget;
   var _formContext$rowGutte = formContext.rowGutter,
     rowGutter = _formContext$rowGutte === void 0 ? 24 : _formContext$rowGutte;
@@ -921,7 +969,7 @@ var AltDateWidget = function AltDateWidget(_ref) {
     onClick: handleClear,
     type: "primary"
   }, "Clear")));
-};
+}
 AltDateWidget.defaultProps = {
   autofocus: false,
   disabled: false,
@@ -932,17 +980,22 @@ AltDateWidget.defaultProps = {
   showTime: false
 };
 
-var AltDateTimeWidget = function AltDateTimeWidget(props) {
+function AltDateTimeWidget(props) {
   var AltDateWidget = props.registry.widgets.AltDateWidget;
   return /*#__PURE__*/React__default["default"].createElement(AltDateWidget, _extends({
     showTime: true
   }, props));
-};
+}
 AltDateTimeWidget.defaultProps = /*#__PURE__*/_extends({}, AltDateWidget.defaultProps, {
   showTime: true
 });
 
-var CheckboxesWidget = function CheckboxesWidget(_ref) {
+/** 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,
@@ -994,31 +1047,36 @@ var CheckboxesWidget = function CheckboxesWidget(_ref) {
       value: optionValue
     }, optionLabel), !inline && /*#__PURE__*/React__default["default"].createElement("br", null));
   })) : null;
-};
+}
 
-var CheckboxWidget = function CheckboxWidget(_ref) {
-  var autofocus = _ref.autofocus,
-    disabled = _ref.disabled,
-    formContext = _ref.formContext,
-    id = _ref.id,
-    label = _ref.label,
-    onBlur = _ref.onBlur,
-    onChange = _ref.onChange,
-    onFocus = _ref.onFocus,
-    readonly = _ref.readonly,
-    value = _ref.value;
+/** The `CheckBoxWidget` is a widget for rendering boolean properties.
+ *  It is typically used to represent a boolean.
+ *
+ * @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,
+    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(_ref2) {
-    var target = _ref2.target;
+  var handleChange = function handleChange(_ref) {
+    var target = _ref.target;
     return onChange(target.checked);
   };
-  var handleBlur = function handleBlur(_ref3) {
-    var target = _ref3.target;
+  var handleBlur = function handleBlur(_ref2) {
+    var target = _ref2.target;
     return onBlur(id, target.checked);
   };
-  var handleFocus = function handleFocus(_ref4) {
-    var target = _ref4.target;
+  var handleFocus = function handleFocus(_ref3) {
+    var target = _ref3.target;
     return onFocus(id, target.checked);
   };
   // Antd's typescript definitions do not contain the following props that are actually necessary and, if provided,
@@ -1035,23 +1093,28 @@ var CheckboxWidget = function CheckboxWidget(_ref) {
     name: id,
     onChange: !readonly ? handleChange : undefined
   }, extraProps), label);
-};
+}
 
 var DatePicker = /*#__PURE__*/generatePicker__default["default"](dayjsGenerateConfig__default["default"]);
 
 var DATE_PICKER_STYLE$1 = {
   width: "100%"
 };
-var DateTimeWidget = function DateTimeWidget(_ref) {
-  var disabled = _ref.disabled,
-    formContext = _ref.formContext,
-    id = _ref.id,
-    onBlur = _ref.onBlur,
-    onChange = _ref.onChange,
-    onFocus = _ref.onFocus,
-    placeholder = _ref.placeholder,
-    readonly = _ref.readonly,
-    value = _ref.value;
+/** The `DateTimeWidget` component uses the `BaseInputTemplate` changing the type to `datetime-local` and transforms
+ * the value to/from utc using the appropriate utility functions.
+ *
+ * @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) {
@@ -1079,21 +1142,26 @@ var DateTimeWidget = function DateTimeWidget(_ref) {
     style: DATE_PICKER_STYLE$1,
     value: value && dayjs__default["default"](value)
   });
-};
+}
 
 var DATE_PICKER_STYLE = {
   width: "100%"
 };
-var DateWidget = function DateWidget(_ref) {
-  var disabled = _ref.disabled,
-    formContext = _ref.formContext,
-    id = _ref.id,
-    onBlur = _ref.onBlur,
-    onChange = _ref.onChange,
-    onFocus = _ref.onFocus,
-    placeholder = _ref.placeholder,
-    readonly = _ref.readonly,
-    value = _ref.value;
+/** 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.
+ *
+ * @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) {
@@ -1121,32 +1189,36 @@ var DateWidget = function DateWidget(_ref) {
     style: DATE_PICKER_STYLE,
     value: value && dayjs__default["default"](value)
   });
-};
+}
 
-var PasswordWidget = function PasswordWidget(_ref) {
-  var disabled = _ref.disabled,
-    formContext = _ref.formContext,
-    id = _ref.id,
-    onBlur = _ref.onBlur,
-    onChange = _ref.onChange,
-    onFocus = _ref.onFocus,
-    options = _ref.options,
-    placeholder = _ref.placeholder,
-    readonly = _ref.readonly,
-    value = _ref.value;
+/** The `PasswordWidget` component uses the `BaseInputTemplate` changing the type to `password`.
+ *
+ * @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(_ref2) {
-    var target = _ref2.target;
+  var handleChange = function handleChange(_ref) {
+    var target = _ref.target;
     return onChange(target.value === "" ? emptyValue : target.value);
   };
-  var handleBlur = function handleBlur(_ref3) {
-    var target = _ref3.target;
+  var handleBlur = function handleBlur(_ref2) {
+    var target = _ref2.target;
     return onBlur(id, target.value);
   };
-  var handleFocus = function handleFocus(_ref4) {
-    var target = _ref4.target;
+  var handleFocus = function handleFocus(_ref3) {
+    var target = _ref3.target;
     return onFocus(id, target.value);
   };
   return /*#__PURE__*/React__default["default"].createElement(Input__default["default"].Password, {
@@ -1159,9 +1231,14 @@ var PasswordWidget = function PasswordWidget(_ref) {
     placeholder: placeholder,
     value: value || ""
   });
-};
+}
 
-var RadioWidget = function RadioWidget(_ref) {
+/** The `RadioWidget` is a widget for rendering a radio group.
+ *  It is typically used with a string property constrained with enum options.
+ *
+ * @param props - The `WidgetProps` for this component
+ */
+function RadioWidget(_ref) {
   var autofocus = _ref.autofocus,
     disabled = _ref.disabled,
     formContext = _ref.formContext,
@@ -1209,21 +1286,26 @@ var RadioWidget = function RadioWidget(_ref) {
       value: "" + optionValue
     }, optionLabel);
   }));
-};
+}
 
-var RangeWidget = function RangeWidget(_ref) {
-  var autofocus = _ref.autofocus,
-    disabled = _ref.disabled,
-    formContext = _ref.formContext,
-    id = _ref.id,
-    onBlur = _ref.onBlur,
-    onChange = _ref.onChange,
-    onFocus = _ref.onFocus,
-    options = _ref.options,
-    placeholder = _ref.placeholder,
-    readonly = _ref.readonly,
-    schema = _ref.schema,
-    value = _ref.value;
+/** The `RangeWidget` component uses the `BaseInputTemplate` changing the type to `range` and wrapping the result
+ * in a div, with the value along side it.
+ *
+ * @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),
@@ -1258,15 +1340,21 @@ var RangeWidget = function RangeWidget(_ref) {
     step: step,
     value: value
   }, extraProps));
-};
+}
 
 var SELECT_STYLE = {
   width: "100%"
 };
-var SelectWidget = function SelectWidget(_ref) {
+/** The `SelectWidget` is a widget for rendering dropdowns.
+ *  It is typically used with string properties constrained with enum options.
+ *
+ * @param props - The `WidgetProps` for this component
+ */
+function SelectWidget(_ref) {
   var autofocus = _ref.autofocus,
     disabled = _ref.disabled,
-    formContext = _ref.formContext,
+    _ref$formContext = _ref.formContext,
+    formContext = _ref$formContext === void 0 ? {} : _ref$formContext,
     id = _ref.id,
     multiple = _ref.multiple,
     onBlur = _ref.onBlur,
@@ -1322,15 +1410,16 @@ var SelectWidget = function SelectWidget(_ref) {
       value: String(optionValue)
     }, optionLabel);
   }));
-};
-SelectWidget.defaultProps = {
-  formContext: {}
-};
+}
 
 var INPUT_STYLE = {
   width: "100%"
 };
-var TextareaWidget = function TextareaWidget(_ref) {
+/** 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,
@@ -1372,31 +1461,44 @@ var TextareaWidget = function TextareaWidget(_ref) {
     style: INPUT_STYLE,
     value: value
   }, extraProps));
-};
+}
 
-var Widgets = {
-  AltDateTimeWidget: AltDateTimeWidget,
-  AltDateWidget: AltDateWidget,
-  CheckboxesWidget: CheckboxesWidget,
-  CheckboxWidget: CheckboxWidget,
-  DateTimeWidget: DateTimeWidget,
-  DateWidget: DateWidget,
-  PasswordWidget: PasswordWidget,
-  RadioWidget: RadioWidget,
-  RangeWidget: RangeWidget,
-  SelectWidget: SelectWidget,
-  TextareaWidget: TextareaWidget
-};
+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
+  };
+}
+var index = /*#__PURE__*/generateWidgets();
 
-var Theme = {
-  templates: Index,
-  widgets: Widgets
-};
-var Form = /*#__PURE__*/core.withTheme(Theme);
+function generateTheme() {
+  return {
+    templates: generateTemplates(),
+    widgets: generateWidgets()
+  };
+}
+var Theme = /*#__PURE__*/generateTheme();
+function generateForm() {
+  return core.withTheme(generateTheme());
+}
+var Form = /*#__PURE__*/generateForm();
 
 exports.Form = Form;
-exports.Templates = Index;
+exports.Templates = index$1;
 exports.Theme = Theme;
-exports.Widgets = Widgets;
+exports.Widgets = index;
 exports["default"] = Form;
+exports.generateForm = generateForm;
+exports.generateTemplates = generateTemplates;
+exports.generateTheme = generateTheme;
+exports.generateWidgets = generateWidgets;
 //# sourceMappingURL=antd.cjs.development.js.map