@rjsf/chakra-ui 5.0.0-beta.6 → 5.0.0-beta.9

package/dist/chakra-ui.cjs.development.js

@@ -69,7 +69,11 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
-var AddButton = function AddButton(props) {
+var _excluded$2 = ["uiSchema"];
+
+var AddButton = function AddButton(_ref) {
+  var props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
+
   return React__default["default"].createElement(react.Button, _extends({
     leftIcon: React__default["default"].createElement(icons.AddIcon, null)
   }, props), "Add Item");
@@ -86,6 +90,7 @@ var ArrayFieldItemTemplate = function ArrayFieldItemTemplate(props) {
       onDropIndexClick = props.onDropIndexClick,
       onReorderClick = props.onReorderClick,
       readonly = props.readonly,
+      uiSchema = props.uiSchema,
       registry = props.registry;
   var _registry$templates$B = registry.templates.ButtonTemplates,
       MoveDownButton = _registry$templates$B.MoveDownButton,
@@ -110,13 +115,16 @@ var ArrayFieldItemTemplate = function ArrayFieldItemTemplate(props) {
     mb: 1
   }, (hasMoveUp || hasMoveDown) && React__default["default"].createElement(MoveUpButton, {
     disabled: disabled || readonly || !hasMoveUp,
-    onClick: onArrowUpClick
+    onClick: onArrowUpClick,
+    uiSchema: uiSchema
   }), (hasMoveUp || hasMoveDown) && React__default["default"].createElement(MoveDownButton, {
     disabled: disabled || readonly || !hasMoveDown,
-    onClick: onArrowDownClick
+    onClick: onArrowDownClick,
+    uiSchema: uiSchema
   }), hasRemove && React__default["default"].createElement(RemoveButton, {
     disabled: disabled || readonly,
-    onClick: onRemoveClick
+    onClick: onRemoveClick,
+    uiSchema: uiSchema
   }))));
 };
 
@@ -167,7 +175,8 @@ var ArrayFieldTemplate = function ArrayFieldTemplate(props) {
   }, React__default["default"].createElement(AddButton, {
     className: "array-item-add",
     onClick: onAddClick,
-    disabled: disabled || readonly
+    disabled: disabled || readonly,
+    uiSchema: uiSchema
   })))));
 };
 
@@ -297,7 +306,7 @@ var ErrorList = function ErrorList(_ref) {
   })));
 };
 
-var _excluded = ["icon", "iconType"];
+var _excluded = ["icon", "iconType", "uiSchema"];
 /**
  * props used in Template:
  * icon, tabIndex, disabled, onClick
@@ -336,6 +345,49 @@ function RemoveButton(props) {
   }));
 }
 
+/** The `FieldErrorTemplate` component renders the errors local to the particular field
+ *
+ * @param props - The `FieldErrorProps` for the errors being rendered
+ */
+
+function FieldErrorTemplate(props) {
+  var _props$errors = props.errors,
+      errors = _props$errors === void 0 ? [] : _props$errors,
+      idSchema = props.idSchema;
+
+  if (errors.length === 0) {
+    return null;
+  }
+
+  var id = idSchema.$id + "__error";
+  return React__default["default"].createElement(react.List, null, errors.map(function (error, i) {
+    return React__default["default"].createElement(react.ListItem, {
+      key: i
+    }, React__default["default"].createElement(react.FormErrorMessage, {
+      id: id
+    }, error));
+  }));
+}
+
+/** The `FieldHelpTemplate` component renders any help desired for a field
+ *
+ * @param props - The `FieldHelpProps` to be rendered
+ */
+
+function FieldHelpTemplate(props) {
+  var idSchema = props.idSchema,
+      help = props.help;
+
+  if (!help) {
+    return null;
+  }
+
+  var id = idSchema.$id + "__help";
+  return React__default["default"].createElement(react.FormHelperText, {
+    id: id
+  }, help);
+}
+
 var WrapIfAdditional = function WrapIfAdditional(props) {
   var children = props.children,
       classNames = props.classNames,
@@ -347,7 +399,8 @@ var WrapIfAdditional = function WrapIfAdditional(props) {
       readonly = props.readonly,
       registry = props.registry,
       required = props.required,
-      schema = props.schema;
+      schema = props.schema,
+      uiSchema = props.uiSchema;
   var RemoveButton = registry.templates.ButtonTemplates.RemoveButton;
   var additional = (utils.ADDITIONAL_PROPERTY_FLAG in schema);
 
@@ -384,7 +437,8 @@ var WrapIfAdditional = function WrapIfAdditional(props) {
     mb: 1
   }))), React__default["default"].createElement(react.GridItem, null, children), React__default["default"].createElement(react.GridItem, null, React__default["default"].createElement(RemoveButton, {
     disabled: disabled || readonly,
-    onClick: onDropPropertyClick(label)
+    onClick: onDropPropertyClick(label),
+    uiSchema: uiSchema
   })));
 };
 
@@ -403,9 +457,11 @@ var FieldTemplate = function FieldTemplate(props) {
       required = props.required,
       _props$rawErrors = props.rawErrors,
       rawErrors = _props$rawErrors === void 0 ? [] : _props$rawErrors,
-      rawHelp = props.rawHelp,
+      errors = props.errors,
+      help = props.help,
       rawDescription = props.rawDescription,
-      schema = props.schema;
+      schema = props.schema,
+      uiSchema = props.uiSchema;
 
   if (hidden) {
     return React__default["default"].createElement("div", {
@@ -425,21 +481,14 @@ var FieldTemplate = function FieldTemplate(props) {
     readonly: readonly,
     required: required,
     schema: schema,
+    uiSchema: uiSchema,
     registry: registry
   }, React__default["default"].createElement(react.FormControl, {
     isRequired: required,
     isInvalid: rawErrors && rawErrors.length > 0
   }, children, displayLabel && rawDescription ? React__default["default"].createElement(react.Text, {
     mt: 2
-  }, rawDescription) : null, rawErrors && rawErrors.length > 0 && React__default["default"].createElement(react.List, null, rawErrors.map(function (error, i) {
-    return React__default["default"].createElement(react.ListItem, {
-      key: i
-    }, React__default["default"].createElement(react.FormErrorMessage, {
-      id: id
-    }, error));
-  })), rawHelp && React__default["default"].createElement(react.FormHelperText, {
-    id: id
-  }, rawHelp)));
+  }, rawDescription) : null, errors, help));
 };
 
 var ObjectFieldTemplate = function ObjectFieldTemplate(props) {
@@ -482,7 +531,8 @@ var ObjectFieldTemplate = function ObjectFieldTemplate(props) {
   }, React__default["default"].createElement(AddButton, {
     className: "object-property-expand",
     onClick: onAddClick(schema),
-    disabled: disabled || readonly
+    disabled: disabled || readonly,
+    uiSchema: uiSchema
   }))));
 };
 
@@ -531,6 +581,8 @@ var Templates = {
   },
   DescriptionFieldTemplate: DescriptionField,
   ErrorListTemplate: ErrorList,
+  FieldErrorTemplate: FieldErrorTemplate,
+  FieldHelpTemplate: FieldHelpTemplate,
   FieldTemplate: FieldTemplate,
   ObjectFieldTemplate: ObjectFieldTemplate,
   TitleFieldTemplate: TitleField