@rjsf/mantine 6.0.0-beta.18 → 6.0.0-beta.20

package/dist/index.cjs

@@ -72,7 +72,7 @@ function ArrayFieldTemplate(props) {
     canAdd,
     className,
     disabled,
-    idSchema,
+    fieldPathId,
     items,
     onAddClick,
     readonly,
@@ -104,7 +104,7 @@ function ArrayFieldTemplate(props) {
   const legend = (uiOptions.title || title) && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     ArrayFieldTitleTemplate2,
     {
-      idSchema,
+      fieldPathId,
       required,
       title: uiOptions.title || title,
       schema,
@@ -112,12 +112,12 @@ function ArrayFieldTemplate(props) {
       registry
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_core2.Fieldset, { legend, className, id: idSchema.$id, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_core2.Fieldset, { legend, className, id: fieldPathId.$id, children: [
     (uiOptions.description || schema.description) && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       ArrayFieldDescriptionTemplate,
       {
         description: uiOptions.description || schema.description,
-        idSchema,
+        fieldPathId,
         schema,
         uiSchema,
         registry
@@ -127,7 +127,7 @@ function ArrayFieldTemplate(props) {
     canAdd && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core2.Group, { justify: "flex-end", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       AddButton2,
       {
-        id: (0, import_utils2.buttonId)(idSchema, "add"),
+        id: (0, import_utils2.buttonId)(fieldPathId, "add"),
         className: "rjsf-array-item-add",
         disabled: disabled || readonly,
         onClick: onAddClick,
@@ -144,13 +144,13 @@ var import_utils3 = require("@rjsf/utils");
 var import_core3 = require("@mantine/core");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 function ArrayFieldTitleTemplate(props) {
-  const { idSchema, title, uiSchema, registry } = props;
+  const { fieldPathId, title, uiSchema, registry } = props;
   const options = (0, import_utils3.getUiOptions)(uiSchema, registry.globalUiOptions);
   const { label: displayLabel = true } = options;
   if (!title || !displayLabel) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core3.Title, { id: (0, import_utils3.titleId)(idSchema), order: 4, fw: "normal", children: title });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core3.Title, { id: (0, import_utils3.titleId)(fieldPathId), order: 4, fw: "normal", children: title });
 }
 
 // src/templates/BaseInputTemplate.tsx
@@ -580,11 +580,11 @@ var ButtonTemplates_default = buttonTemplates;
 var import_utils10 = require("@rjsf/utils");
 var import_core10 = require("@mantine/core");
 var import_jsx_runtime11 = require("react/jsx-runtime");
-function FieldErrorTemplate({ errors, idSchema }) {
+function FieldErrorTemplate({ errors, fieldPathId }) {
   if (!errors || !errors.length) {
     return null;
   }
-  const id = (0, import_utils10.errorId)(idSchema);
+  const id = (0, import_utils10.errorId)(fieldPathId);
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_core10.Box, { id, c: "red", display: "none", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_core10.List, { children: errors.map((error, index) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_core10.List.Item, { children: error }, `field-error-${index}`)) }) });
 }
 
@@ -644,8 +644,8 @@ var import_utils12 = require("@rjsf/utils");
 var import_core12 = require("@mantine/core");
 var import_jsx_runtime13 = require("react/jsx-runtime");
 function FieldHelpTemplate(props) {
-  const { idSchema, help } = props;
-  const id = (0, import_utils12.helpId)(idSchema);
+  const { fieldPathId, help } = props;
+  const id = (0, import_utils12.helpId)(fieldPathId);
   return !help ? null : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_core12.Text, { id, size: "sm", my: "xs", c: "dimmed", children: help });
 }
 
@@ -678,7 +678,7 @@ function ObjectFieldTemplate(props) {
     required,
     schema,
     uiSchema,
-    idSchema,
+    fieldPathId,
     formData,
     registry
   } = props;
@@ -695,11 +695,11 @@ function ObjectFieldTemplate(props) {
   const gridCols = typeof uiOptions?.gridCols === "number" && uiOptions?.gridCols || void 0;
   const gridSpacing = uiOptions?.gridSpacing;
   const gridVerticalSpacing = uiOptions?.gridVerticalSpacing;
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_core14.Container, { id: idSchema.$id, p: 0, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_core14.Container, { id: fieldPathId.$id, p: 0, children: [
     title && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       TitleFieldTemplate,
       {
-        id: (0, import_utils13.titleId)(idSchema),
+        id: (0, import_utils13.titleId)(fieldPathId),
         title,
         required,
         schema,
@@ -710,7 +710,7 @@ function ObjectFieldTemplate(props) {
     description && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       DescriptionFieldTemplate,
       {
-        id: (0, import_utils13.descriptionId)(idSchema),
+        id: (0, import_utils13.descriptionId)(fieldPathId),
         description,
         schema,
         uiSchema,
@@ -730,7 +730,7 @@ function ObjectFieldTemplate(props) {
     (0, import_utils13.canExpand)(schema, uiSchema, formData) && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_core14.Group, { mt: "xs", justify: "flex-end", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       AddButton2,
       {
-        id: (0, import_utils13.buttonId)(idSchema, "add"),
+        id: (0, import_utils13.buttonId)(fieldPathId, "add"),
         disabled: disabled || readonly,
         onClick: onAddClick(schema),
         className: "rjsf-object-property-expand",