@rjsf/primereact 6.5.3 → 6.6.1

package/dist/primereact.esm.js

@@ -2,8 +2,8 @@
 import { withTheme } from "@rjsf/core";
 
 // src/AddButton/AddButton.tsx
-import { Button } from "primereact/button";
 import { TranslatableString } from "@rjsf/utils";
+import { Button } from "primereact/button";
 import { jsx } from "react/jsx-runtime";
 function AddButton({
   uiSchema,
@@ -149,6 +149,28 @@ function ArrayFieldTemplate(props) {
   ] });
 }
 
+// src/ArrayFieldTitleTemplate/ArrayFieldTitleTemplate.tsx
+import {
+  getUiOptions as getUiOptions3,
+  titleId
+} from "@rjsf/utils";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+function ArrayFieldTitleTemplate({ title, uiSchema, required, fieldPathId, optionalDataControl }) {
+  const uiOptions = getUiOptions3(uiSchema);
+  let heading = /* @__PURE__ */ jsxs3("h5", { id: titleId(fieldPathId), style: { margin: 0, fontSize: "1.5rem", marginBottom: "0.2rem" }, children: [
+    uiOptions.title || title,
+    " ",
+    required ? "*" : ""
+  ] });
+  if (optionalDataControl) {
+    heading = /* @__PURE__ */ jsxs3("div", { style: { display: "flex" }, children: [
+      /* @__PURE__ */ jsx4("div", { style: { flexGrow: 1 }, children: heading }),
+      /* @__PURE__ */ jsx4("div", { children: optionalDataControl })
+    ] });
+  }
+  return heading;
+}
+
 // src/BaseInputTemplate/BaseInputTemplate.tsx
 import { useCallback } from "react";
 import {
@@ -157,7 +179,7 @@ import {
   getInputProps
 } from "@rjsf/utils";
 import { InputText } from "primereact/inputtext";
-import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 function BaseInputTemplate(props) {
   const {
     id,
@@ -194,10 +216,10 @@ function BaseInputTemplate(props) {
     [onChange, options.emptyValue]
   );
   if (Array.isArray(schema.examples)) {
-    return /* @__PURE__ */ jsx4(AutoCompleteWidget2, { ...props });
+    return /* @__PURE__ */ jsx5(AutoCompleteWidget2, { ...props });
   }
-  return /* @__PURE__ */ jsxs3(Fragment2, { children: [
-    /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsxs4(Fragment2, { children: [
+    /* @__PURE__ */ jsx5(
       InputText,
       {
         id,
@@ -217,39 +239,39 @@ function BaseInputTemplate(props) {
         "aria-describedby": ariaDescribedByIds(id, !!schema.examples)
       }
     ),
-    options.allowClearTextInputs && !readonly && !disabled && value && /* @__PURE__ */ jsx4(ClearButton2, { registry, onClick: _onClear })
+    options.allowClearTextInputs && !readonly && !disabled && value && /* @__PURE__ */ jsx5(ClearButton2, { registry, onClick: _onClear })
   ] });
 }
 
 // src/DescriptionField/DescriptionField.tsx
 import { RichDescription } from "@rjsf/core";
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { jsx as jsx6 } from "react/jsx-runtime";
 function DescriptionField(props) {
   const { id, description, registry, uiSchema } = props;
   if (!description) {
     return null;
   }
-  return /* @__PURE__ */ jsx5("span", { id, children: /* @__PURE__ */ jsx5(RichDescription, { description, registry, uiSchema }) });
+  return /* @__PURE__ */ jsx6("span", { id, children: /* @__PURE__ */ jsx6(RichDescription, { description, registry, uiSchema }) });
 }
 
 // src/ErrorList/ErrorList.tsx
-import { Message } from "primereact/message";
-import { TimesCircleIcon } from "primereact/icons/timescircle";
 import { TranslatableString as TranslatableString2 } from "@rjsf/utils";
-import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+import { TimesCircleIcon } from "primereact/icons/timescircle";
+import { Message } from "primereact/message";
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 function ErrorList({
   errors,
   registry
 }) {
   const { translateString } = registry;
-  const content = /* @__PURE__ */ jsxs4("div", { style: { display: "flex", flexDirection: "column" }, children: [
-    /* @__PURE__ */ jsxs4("div", { style: { display: "flex", flexDirection: "row", alignItems: "center", gap: "0.5rem" }, children: [
-      /* @__PURE__ */ jsx6(TimesCircleIcon, { style: { width: "1.5rem", height: "1.5rem" } }),
-      /* @__PURE__ */ jsx6("div", { className: "p-message-summary", children: translateString(TranslatableString2.ErrorsLabel) })
+  const content = /* @__PURE__ */ jsxs5("div", { style: { display: "flex", flexDirection: "column" }, children: [
+    /* @__PURE__ */ jsxs5("div", { style: { display: "flex", flexDirection: "row", alignItems: "center", gap: "0.5rem" }, children: [
+      /* @__PURE__ */ jsx7(TimesCircleIcon, { style: { width: "1.5rem", height: "1.5rem" } }),
+      /* @__PURE__ */ jsx7("div", { className: "p-message-summary", children: translateString(TranslatableString2.ErrorsLabel) })
     ] }),
-    /* @__PURE__ */ jsx6("ul", { className: "p-message-list", children: errors.map((error, index) => /* @__PURE__ */ jsx6("li", { children: error.stack }, `error-${index}`)) })
+    /* @__PURE__ */ jsx7("ul", { className: "p-message-list", children: errors.map((error, index) => /* @__PURE__ */ jsx7("li", { children: error.stack }, `error-${index}`)) })
   ] });
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx7(
     Message,
     {
       className: "p-message",
@@ -267,45 +289,6 @@ function ErrorList({
   );
 }
 
-// src/IconButton/IconButton.tsx
-import { Button as Button2 } from "primereact/button";
-import { TranslatableString as TranslatableString3 } from "@rjsf/utils";
-import { jsx as jsx7 } from "react/jsx-runtime";
-function IconButton(props) {
-  const { icon, iconType, uiSchema, registry, ...otherProps } = props;
-  return /* @__PURE__ */ jsx7(Button2, { icon: `pi pi-${icon}`, rounded: true, text: true, severity: "secondary", ...otherProps });
-}
-function CopyButton(props) {
-  const {
-    registry: { translateString }
-  } = props;
-  return /* @__PURE__ */ jsx7(IconButton, { title: translateString(TranslatableString3.CopyButton), ...props, icon: "copy" });
-}
-function MoveDownButton(props) {
-  const {
-    registry: { translateString }
-  } = props;
-  return /* @__PURE__ */ jsx7(IconButton, { title: translateString(TranslatableString3.MoveDownButton), ...props, icon: "angle-down" });
-}
-function MoveUpButton(props) {
-  const {
-    registry: { translateString }
-  } = props;
-  return /* @__PURE__ */ jsx7(IconButton, { title: translateString(TranslatableString3.MoveUpButton), ...props, icon: "angle-up" });
-}
-function RemoveButton(props) {
-  const {
-    registry: { translateString }
-  } = props;
-  return /* @__PURE__ */ jsx7(IconButton, { title: translateString(TranslatableString3.RemoveButton), ...props, icon: "trash" });
-}
-function ClearButton(props) {
-  const {
-    registry: { translateString }
-  } = props;
-  return /* @__PURE__ */ jsx7(IconButton, { title: translateString(TranslatableString3.ClearButton), ...props, icon: "times" });
-}
-
 // src/FieldErrorTemplate/FieldErrorTemplate.tsx
 import { errorId } from "@rjsf/utils";
 import { Message as Message2 } from "primereact/message";
@@ -331,8 +314,8 @@ function FieldErrorTemplate({ errors, fieldPathId }) {
 }
 
 // src/FieldHelpTemplate/FieldHelpTemplate.tsx
-import { helpId } from "@rjsf/utils";
 import { RichHelp } from "@rjsf/core";
+import { helpId } from "@rjsf/utils";
 import { jsx as jsx9 } from "react/jsx-runtime";
 function FieldHelpTemplate(props) {
   const { fieldPathId, help, uiSchema, registry } = props;
@@ -345,16 +328,16 @@ function FieldHelpTemplate(props) {
 // src/FieldTemplate/FieldTemplate.tsx
 import {
   getTemplate as getTemplate3,
-  getUiOptions as getUiOptions3
+  getUiOptions as getUiOptions4
 } from "@rjsf/utils";
 
 // src/util.tsx
-import { jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsxs as jsxs6 } from "react/jsx-runtime";
 function Label({ id, text, required }) {
   if (!text) {
     return null;
   }
-  return /* @__PURE__ */ jsxs5("label", { htmlFor: id, children: [
+  return /* @__PURE__ */ jsxs6("label", { htmlFor: id, children: [
     text,
     " ",
     required ? "*" : ""
@@ -362,10 +345,10 @@ function Label({ id, text, required }) {
 }
 
 // src/FieldTemplate/FieldTemplate.tsx
-import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 function FieldTemplate(props) {
   const { children, errors, help, displayLabel, description, rawDescription, hidden, uiSchema, registry } = props;
-  const uiOptions = getUiOptions3(uiSchema);
+  const uiOptions = getUiOptions4(uiSchema);
   const WrapIfAdditionalTemplate2 = getTemplate3(
     "WrapIfAdditionalTemplate",
     registry,
@@ -375,7 +358,7 @@ function FieldTemplate(props) {
     return /* @__PURE__ */ jsx10("div", { style: { display: "none" }, children });
   }
   const isCheckbox = uiOptions.widget === "checkbox";
-  return /* @__PURE__ */ jsx10(WrapIfAdditionalTemplate2, { ...props, children: /* @__PURE__ */ jsxs6("div", { style: { display: "flex", flexDirection: "column", gap: "0.5rem", marginBottom: "1rem" }, children: [
+  return /* @__PURE__ */ jsx10(WrapIfAdditionalTemplate2, { ...props, children: /* @__PURE__ */ jsxs7("div", { style: { display: "flex", flexDirection: "column", gap: "0.5rem", marginBottom: "1rem" }, children: [
     displayLabel && !isCheckbox && /* @__PURE__ */ jsx10(Label, { id: props.id, text: props.label, required: props.required }),
     children,
     displayLabel && rawDescription && !isCheckbox && /* @__PURE__ */ jsx10("small", { children: description }),
@@ -384,13 +367,121 @@ function FieldTemplate(props) {
   ] }) });
 }
 
+// src/GridTemplate/GridTemplate.tsx
+import { useEffect, useState } from "react";
+import { jsx as jsx11 } from "react/jsx-runtime";
+var breakpoints = {
+  xs: 0,
+  sm: 576,
+  md: 768,
+  lg: 992,
+  xl: 1200
+};
+function getBreakpoint(width) {
+  if (width >= breakpoints.xl) {
+    return "xl";
+  }
+  if (width >= breakpoints.lg) {
+    return "lg";
+  }
+  if (width >= breakpoints.md) {
+    return "md";
+  }
+  if (width >= breakpoints.sm) {
+    return "sm";
+  }
+  return "xs";
+}
+function getResponsiveSpan(spanDef, breakpoint) {
+  return spanDef[breakpoint] ?? spanDef.xl ?? spanDef.lg ?? spanDef.md ?? spanDef.sm ?? spanDef.xs ?? 12;
+}
+function getInitialWidth() {
+  return typeof window !== "undefined" ? window.innerWidth : breakpoints.xs;
+}
+function GridTemplate(props) {
+  return props.column ? GridTemplateColumn(props) : GridTemplateRow(props);
+}
+function GridTemplateRow(props) {
+  const { children, column, uiSchema, style, ...rest } = props;
+  const layoutGrid = uiSchema?.["ui:layoutGrid"] ?? {};
+  const totalColumns = layoutGrid.columns ?? 12;
+  const gap = layoutGrid.gap ?? "16px";
+  return /* @__PURE__ */ jsx11(
+    "div",
+    {
+      style: {
+        display: "grid",
+        gridTemplateColumns: `repeat(${totalColumns}, 1fr)`,
+        alignItems: "start",
+        gap,
+        ...style ?? {}
+      },
+      ...rest,
+      children
+    }
+  );
+}
+function GridTemplateColumn(props) {
+  const { children, column, uiSchema, xs, sm, md, lg, xl, style, ...rest } = props;
+  const [breakpoint, setBreakpoint] = useState(() => getBreakpoint(getInitialWidth()));
+  useEffect(() => {
+    if (typeof window === "undefined") {
+      return;
+    }
+    const handleResize = () => setBreakpoint(getBreakpoint(window.innerWidth));
+    window.addEventListener("resize", handleResize);
+    return () => window.removeEventListener("resize", handleResize);
+  }, []);
+  const span = getResponsiveSpan(props, breakpoint);
+  return /* @__PURE__ */ jsx11("div", { style: { gridColumn: `span ${span} / span ${span}`, ...style ?? {} }, ...rest, children });
+}
+
+// src/IconButton/IconButton.tsx
+import { TranslatableString as TranslatableString3 } from "@rjsf/utils";
+import { Button as Button2 } from "primereact/button";
+import { jsx as jsx12 } from "react/jsx-runtime";
+function IconButton(props) {
+  const { icon, iconType, uiSchema, registry, ...otherProps } = props;
+  return /* @__PURE__ */ jsx12(Button2, { icon: `pi pi-${icon}`, rounded: true, text: true, severity: "secondary", ...otherProps });
+}
+function CopyButton(props) {
+  const {
+    registry: { translateString }
+  } = props;
+  return /* @__PURE__ */ jsx12(IconButton, { title: translateString(TranslatableString3.CopyButton), ...props, icon: "copy" });
+}
+function MoveDownButton(props) {
+  const {
+    registry: { translateString }
+  } = props;
+  return /* @__PURE__ */ jsx12(IconButton, { title: translateString(TranslatableString3.MoveDownButton), ...props, icon: "angle-down" });
+}
+function MoveUpButton(props) {
+  const {
+    registry: { translateString }
+  } = props;
+  return /* @__PURE__ */ jsx12(IconButton, { title: translateString(TranslatableString3.MoveUpButton), ...props, icon: "angle-up" });
+}
+function RemoveButton(props) {
+  const {
+    registry: { translateString }
+  } = props;
+  return /* @__PURE__ */ jsx12(IconButton, { title: translateString(TranslatableString3.RemoveButton), ...props, icon: "trash" });
+}
+function ClearButton(props) {
+  const {
+    registry: { translateString }
+  } = props;
+  return /* @__PURE__ */ jsx12(IconButton, { title: translateString(TranslatableString3.ClearButton), ...props, icon: "times" });
+}
+
 // src/MultiSchemaFieldTemplate/MultiSchemaFieldTemplate.tsx
 import { Fieldset as Fieldset2 } from "primereact/fieldset";
-import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
 function MultiSchemaFieldTemplate(props) {
   const { selector, optionSchemaField } = props;
-  return /* @__PURE__ */ jsxs7(Fieldset2, { children: [
-    /* @__PURE__ */ jsx11("div", { style: { marginBottom: "1rem" }, children: selector }),
+  return /* @__PURE__ */ jsxs8(Fieldset2, { children: [
+    /* @__PURE__ */ jsx13("div", { style: { marginBottom: "1rem" }, children: selector }),
     optionSchemaField
   ] });
 }
@@ -400,11 +491,11 @@ import {
   canExpand,
   descriptionId,
   getTemplate as getTemplate4,
-  getUiOptions as getUiOptions4,
-  titleId,
+  getUiOptions as getUiOptions5,
+  titleId as titleId2,
   buttonId as buttonId2
 } from "@rjsf/utils";
-import { Fragment as Fragment3, jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
 function ObjectFieldTemplate(props) {
   const {
     description,
@@ -421,7 +512,7 @@ function ObjectFieldTemplate(props) {
     fieldPathId,
     registry
   } = props;
-  const uiOptions = getUiOptions4(uiSchema);
+  const uiOptions = getUiOptions5(uiSchema);
   const TitleFieldTemplate = getTemplate4("TitleFieldTemplate", registry, uiOptions);
   const DescriptionFieldTemplate = getTemplate4(
     "DescriptionFieldTemplate",
@@ -432,11 +523,11 @@ function ObjectFieldTemplate(props) {
   const {
     ButtonTemplates: { AddButton: AddButton2 }
   } = registry.templates;
-  return /* @__PURE__ */ jsxs8(Fragment3, { children: [
-    title && /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsxs9(Fragment3, { children: [
+    title && /* @__PURE__ */ jsx14(
       TitleFieldTemplate,
       {
-        id: titleId(fieldPathId),
+        id: titleId2(fieldPathId),
         title,
         required,
         schema,
@@ -445,7 +536,7 @@ function ObjectFieldTemplate(props) {
         optionalDataControl: showOptionalDataControlInTitle ? optionalDataControl : void 0
       }
     ),
-    description && /* @__PURE__ */ jsx12("div", { style: { marginBottom: "1rem" }, children: /* @__PURE__ */ jsx12(
+    description && /* @__PURE__ */ jsx14("div", { style: { marginBottom: "1rem" }, children: /* @__PURE__ */ jsx14(
       DescriptionFieldTemplate,
       {
         id: descriptionId(fieldPathId),
@@ -457,7 +548,7 @@ function ObjectFieldTemplate(props) {
     ) }),
     !showOptionalDataControlInTitle ? optionalDataControl : void 0,
     properties.map((prop) => prop.content),
-    canExpand(schema, uiSchema, formData) && /* @__PURE__ */ jsx12("div", { style: { marginTop: "1rem", textAlign: "right" }, children: /* @__PURE__ */ jsx12(
+    canExpand(schema, uiSchema, formData) && /* @__PURE__ */ jsx14("div", { style: { marginTop: "1rem", textAlign: "right" }, children: /* @__PURE__ */ jsx14(
       AddButton2,
       {
         id: buttonId2(fieldPathId, "add"),
@@ -472,11 +563,11 @@ function ObjectFieldTemplate(props) {
 }
 
 // src/OptionalDataControlsTemplate/OptionalDataControlsTemplate.tsx
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 function OptionalDataControlsTemplate(props) {
   const { id, registry, label, onAddClick, onRemoveClick } = props;
   if (onAddClick) {
-    return /* @__PURE__ */ jsx13(
+    return /* @__PURE__ */ jsx15(
       IconButton,
       {
         id,
@@ -489,7 +580,7 @@ function OptionalDataControlsTemplate(props) {
       }
     );
   } else if (onRemoveClick) {
-    return /* @__PURE__ */ jsx13(
+    return /* @__PURE__ */ jsx15(
       RemoveButton,
       {
         id,
@@ -501,25 +592,25 @@ function OptionalDataControlsTemplate(props) {
       }
     );
   }
-  return /* @__PURE__ */ jsx13("em", { id, children: label });
+  return /* @__PURE__ */ jsx15("em", { id, children: label });
 }
 
 // src/SubmitButton/SubmitButton.tsx
-import { Button as Button3 } from "primereact/button";
 import { getSubmitButtonOptions } from "@rjsf/utils";
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { Button as Button3 } from "primereact/button";
+import { jsx as jsx16 } from "react/jsx-runtime";
 function SubmitButton({ uiSchema }) {
   const { submitText, norender, props: submitButtonProps = {} } = getSubmitButtonOptions(uiSchema);
   if (norender) {
     return null;
   }
-  return /* @__PURE__ */ jsx14(Button3, { type: "submit", label: submitText, ...submitButtonProps });
+  return /* @__PURE__ */ jsx16(Button3, { type: "submit", label: submitText, ...submitButtonProps });
 }
 
 // src/TitleField/TitleField.tsx
+import { getUiOptions as getUiOptions6, titleId as titleId3 } from "@rjsf/utils";
 import { Divider } from "primereact/divider";
-import { getUiOptions as getUiOptions5, titleId as titleId2 } from "@rjsf/utils";
-import { jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs10 } from "react/jsx-runtime";
 function TitleField({
   id,
   title,
@@ -527,21 +618,21 @@ function TitleField({
   required,
   optionalDataControl
 }) {
-  const uiOptions = getUiOptions5(uiSchema);
-  let heading = /* @__PURE__ */ jsxs9("h5", { style: { margin: 0, fontSize: id === titleId2("root") ? "1.5rem" : "1.2rem" }, children: [
+  const uiOptions = getUiOptions6(uiSchema);
+  let heading = /* @__PURE__ */ jsxs10("h5", { style: { margin: 0, fontSize: id === titleId3("root") ? "1.5rem" : "1.2rem" }, children: [
     uiOptions.title || title,
     " ",
     required ? "*" : ""
   ] });
   if (optionalDataControl) {
-    heading = /* @__PURE__ */ jsxs9("div", { style: { display: "flex" }, children: [
-      /* @__PURE__ */ jsx15("div", { style: { flexGrow: 1 }, children: heading }),
-      /* @__PURE__ */ jsx15("div", { style: { marginLeft: "-5px" }, children: optionalDataControl })
+    heading = /* @__PURE__ */ jsxs10("div", { style: { display: "flex" }, children: [
+      /* @__PURE__ */ jsx17("div", { style: { flexGrow: 1 }, children: heading }),
+      /* @__PURE__ */ jsx17("div", { style: { marginLeft: "-5px" }, children: optionalDataControl })
     ] });
   }
-  return /* @__PURE__ */ jsxs9("div", { id, children: [
+  return /* @__PURE__ */ jsxs10("div", { id, children: [
     heading,
-    /* @__PURE__ */ jsx15(Divider, { pt: { root: { style: { marginTop: "0.5rem" } } } })
+    /* @__PURE__ */ jsx17(Divider, { pt: { root: { style: { marginTop: "0.5rem" } } } })
   ] });
 }
 
@@ -552,7 +643,7 @@ import {
   TranslatableString as TranslatableString4
 } from "@rjsf/utils";
 import { InputText as InputText2 } from "primereact/inputtext";
-import { jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs11 } from "react/jsx-runtime";
 function WrapIfAdditionalTemplate({
   classNames,
   style,
@@ -576,17 +667,17 @@ function WrapIfAdditionalTemplate({
   const hasDescription = !!rawDescription;
   const margin = hasDescription ? -8 : 12;
   if (!additional) {
-    return /* @__PURE__ */ jsx16("div", { className: classNames, style, children });
+    return /* @__PURE__ */ jsx18("div", { className: classNames, style, children });
   }
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11(
     "div",
     {
       className: classNames,
       style: { ...style, display: "flex", alignItems: "flex-start", gap: "1rem" },
       children: [
-        /* @__PURE__ */ jsxs10("div", { style: { flex: 1 }, children: [
-          displayLabel && /* @__PURE__ */ jsx16("label", { htmlFor: `${id}-key`, style: { display: "block", marginBottom: "0.5rem" }, children: keyLabel }),
-          /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsxs11("div", { style: { flex: 1 }, children: [
+          displayLabel && /* @__PURE__ */ jsx18("label", { htmlFor: `${id}-key`, style: { display: "block", marginBottom: "0.5rem" }, children: keyLabel }),
+          /* @__PURE__ */ jsx18(
             InputText2,
             {
               id: `${id}-key`,
@@ -600,8 +691,8 @@ function WrapIfAdditionalTemplate({
             label
           )
         ] }),
-        /* @__PURE__ */ jsx16("div", { style: { flex: 1 }, children }),
-        /* @__PURE__ */ jsx16("div", { style: displayLabel ? { alignSelf: "center", marginTop: `${margin}px` } : void 0, children: /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx18("div", { style: { flex: 1 }, children }),
+        /* @__PURE__ */ jsx18("div", { style: displayLabel ? { alignSelf: "center", marginTop: `${margin}px` } : void 0, children: /* @__PURE__ */ jsx18(
           RemoveButton2,
           {
             id: buttonId3(id, "remove"),
@@ -617,97 +708,6 @@ function WrapIfAdditionalTemplate({
   );
 }
 
-// src/ArrayFieldTitleTemplate/ArrayFieldTitleTemplate.tsx
-import {
-  getUiOptions as getUiOptions6,
-  titleId as titleId3
-} from "@rjsf/utils";
-import { jsx as jsx17, jsxs as jsxs11 } from "react/jsx-runtime";
-function ArrayFieldTitleTemplate({ title, uiSchema, required, fieldPathId, optionalDataControl }) {
-  const uiOptions = getUiOptions6(uiSchema);
-  let heading = /* @__PURE__ */ jsxs11("h5", { id: titleId3(fieldPathId), style: { margin: 0, fontSize: "1.5rem", marginBottom: "0.2rem" }, children: [
-    uiOptions.title || title,
-    " ",
-    required ? "*" : ""
-  ] });
-  if (optionalDataControl) {
-    heading = /* @__PURE__ */ jsxs11("div", { style: { display: "flex" }, children: [
-      /* @__PURE__ */ jsx17("div", { style: { flexGrow: 1 }, children: heading }),
-      /* @__PURE__ */ jsx17("div", { children: optionalDataControl })
-    ] });
-  }
-  return heading;
-}
-
-// src/GridTemplate/GridTemplate.tsx
-import { useEffect, useState } from "react";
-import { jsx as jsx18 } from "react/jsx-runtime";
-var breakpoints = {
-  xs: 0,
-  sm: 576,
-  md: 768,
-  lg: 992,
-  xl: 1200
-};
-function getBreakpoint(width) {
-  if (width >= breakpoints.xl) {
-    return "xl";
-  }
-  if (width >= breakpoints.lg) {
-    return "lg";
-  }
-  if (width >= breakpoints.md) {
-    return "md";
-  }
-  if (width >= breakpoints.sm) {
-    return "sm";
-  }
-  return "xs";
-}
-function getResponsiveSpan(spanDef, breakpoint) {
-  return spanDef[breakpoint] ?? spanDef.xl ?? spanDef.lg ?? spanDef.md ?? spanDef.sm ?? spanDef.xs ?? 12;
-}
-function getInitialWidth() {
-  return typeof window !== "undefined" ? window.innerWidth : breakpoints.xs;
-}
-function GridTemplate(props) {
-  return props.column ? GridTemplateColumn(props) : GridTemplateRow(props);
-}
-function GridTemplateRow(props) {
-  const { children, column, uiSchema, style, ...rest } = props;
-  const layoutGrid = uiSchema?.["ui:layoutGrid"] ?? {};
-  const totalColumns = layoutGrid.columns ?? 12;
-  const gap = layoutGrid.gap ?? "16px";
-  return /* @__PURE__ */ jsx18(
-    "div",
-    {
-      style: {
-        display: "grid",
-        gridTemplateColumns: `repeat(${totalColumns}, 1fr)`,
-        alignItems: "start",
-        gap,
-        ...style ?? {}
-      },
-      ...rest,
-      children
-    }
-  );
-}
-function GridTemplateColumn(props) {
-  const { children, column, uiSchema, xs, sm, md, lg, xl, style, ...rest } = props;
-  const [breakpoint, setBreakpoint] = useState(() => getBreakpoint(getInitialWidth()));
-  useEffect(() => {
-    if (typeof window === "undefined") {
-      return;
-    }
-    const handleResize = () => setBreakpoint(getBreakpoint(window.innerWidth));
-    window.addEventListener("resize", handleResize);
-    return () => window.removeEventListener("resize", handleResize);
-  }, []);
-  const span = getResponsiveSpan(props, breakpoint);
-  return /* @__PURE__ */ jsx18("div", { style: { gridColumn: `span ${span} / span ${span}`, ...style ?? {} }, ...rest, children });
-}
-
 // src/Templates/Templates.ts
 function generateTemplates() {
   return {
@@ -817,91 +817,18 @@ function AutoCompleteWidget(props) {
   );
 }
 
-// src/CheckboxWidget/CheckboxWidget.tsx
-import {
-  ariaDescribedByIds as ariaDescribedByIds3,
-  descriptionId as descriptionId2,
-  getTemplate as getTemplate5,
-  labelValue,
-  schemaRequiresTrueValue
-} from "@rjsf/utils";
-import { Checkbox } from "primereact/checkbox";
-import { Fragment as Fragment5, jsx as jsx20, jsxs as jsxs12 } from "react/jsx-runtime";
-function CheckboxWidget(props) {
-  const {
-    id,
-    htmlName,
-    value,
-    disabled,
-    readonly,
-    label = "",
-    hideLabel,
-    autofocus,
-    onChange,
-    onBlur,
-    options,
-    onFocus,
-    schema,
-    uiSchema,
-    registry
-  } = props;
-  const DescriptionFieldTemplate = getTemplate5(
-    "DescriptionFieldTemplate",
-    registry,
-    options
-  );
-  const required = schemaRequiresTrueValue(schema);
-  const checked = value === "true" || value === true;
-  const _onChange = (e) => onChange && onChange(e.checked);
-  const _onBlur = () => onBlur && onBlur(id, value);
-  const _onFocus = () => onFocus && onFocus(id, value);
-  const description = options.description ?? schema.description;
-  const primeProps = options.prime || {};
-  return /* @__PURE__ */ jsxs12(Fragment5, { children: [
-    !hideLabel && !!description && /* @__PURE__ */ jsx20(
-      DescriptionFieldTemplate,
-      {
-        id: descriptionId2(id),
-        description,
-        schema,
-        uiSchema,
-        registry
-      }
-    ),
-    /* @__PURE__ */ jsxs12("div", { style: { display: "flex", flexDirection: "row", gap: "0.5rem", alignItems: "center" }, children: [
-      /* @__PURE__ */ jsx20(
-        Checkbox,
-        {
-          inputId: id,
-          name: htmlName || id,
-          ...primeProps,
-          disabled: disabled || readonly,
-          autoFocus: autofocus,
-          checked: typeof value === "undefined" ? false : checked,
-          onChange: _onChange,
-          onBlur: _onBlur,
-          onFocus: _onFocus,
-          required,
-          "aria-describedby": ariaDescribedByIds3(id)
-        }
-      ),
-      labelValue(/* @__PURE__ */ jsx20(Label, { id, text: label }), hideLabel, false)
-    ] })
-  ] });
-}
-
 // src/CheckboxesWidget/CheckboxesWidget.tsx
-import { Checkbox as Checkbox2 } from "primereact/checkbox";
 import {
-  ariaDescribedByIds as ariaDescribedByIds4,
+  ariaDescribedByIds as ariaDescribedByIds3,
   enumOptionsDeselectValue,
   enumOptionsIsSelected,
   enumOptionsSelectValue,
   optionId,
-  descriptionId as descriptionId3,
-  getTemplate as getTemplate6
+  descriptionId as descriptionId2,
+  getTemplate as getTemplate5
 } from "@rjsf/utils";
-import { jsx as jsx21, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Checkbox } from "primereact/checkbox";
+import { jsx as jsx20, jsxs as jsxs12 } from "react/jsx-runtime";
 function CheckboxesWidget(props) {
   const {
     id,
@@ -929,7 +856,7 @@ function CheckboxesWidget(props) {
       onChange(enumOptionsDeselectValue(index, checkboxesValues, enumOptions));
     }
   };
-  const DescriptionFieldTemplate = getTemplate6(
+  const DescriptionFieldTemplate = getTemplate5(
     "DescriptionFieldTemplate",
     registry,
     options
@@ -937,16 +864,16 @@ function CheckboxesWidget(props) {
   const _onBlur = () => onBlur(id, value);
   const _onFocus = () => onFocus(id, value);
   const description = options.description ?? schema.description;
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs12(
     "div",
     {
       id,
       style: { display: "flex", flexDirection: "column", gap: "1rem", marginTop: "0.5rem", marginBottom: "0.5rem" },
       children: [
-        !hideLabel && !!description && /* @__PURE__ */ jsx21(
+        !hideLabel && !!description && /* @__PURE__ */ jsx20(
           DescriptionFieldTemplate,
           {
-            id: descriptionId3(id),
+            id: descriptionId2(id),
             description,
             schema,
             uiSchema,
@@ -956,9 +883,9 @@ function CheckboxesWidget(props) {
         Array.isArray(enumOptions) && enumOptions.map((option, index) => {
           const checked = enumOptionsIsSelected(option.value, checkboxesValues);
           const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
-          return /* @__PURE__ */ jsxs13("div", { style: { display: "flex", flexDirection: "row", gap: "0.5rem", alignItems: "center" }, children: [
-            /* @__PURE__ */ jsx21(
-              Checkbox2,
+          return /* @__PURE__ */ jsxs12("div", { style: { display: "flex", flexDirection: "row", gap: "0.5rem", alignItems: "center" }, children: [
+            /* @__PURE__ */ jsx20(
+              Checkbox,
               {
                 inputId: optionId(id, index),
                 name: htmlName || id,
@@ -970,10 +897,10 @@ function CheckboxesWidget(props) {
                 onChange: _onChange(index),
                 onBlur: _onBlur,
                 onFocus: _onFocus,
-                "aria-describedby": ariaDescribedByIds4(id)
+                "aria-describedby": ariaDescribedByIds3(id)
               }
             ),
-            /* @__PURE__ */ jsx21(Label, { id: optionId(id, index), text: option.label })
+            /* @__PURE__ */ jsx20(Label, { id: optionId(id, index), text: option.label })
           ] }, index);
         })
       ]
@@ -981,6 +908,79 @@ function CheckboxesWidget(props) {
   );
 }
 
+// src/CheckboxWidget/CheckboxWidget.tsx
+import {
+  ariaDescribedByIds as ariaDescribedByIds4,
+  descriptionId as descriptionId3,
+  getTemplate as getTemplate6,
+  labelValue,
+  schemaRequiresTrueValue
+} from "@rjsf/utils";
+import { Checkbox as Checkbox2 } from "primereact/checkbox";
+import { Fragment as Fragment5, jsx as jsx21, jsxs as jsxs13 } from "react/jsx-runtime";
+function CheckboxWidget(props) {
+  const {
+    id,
+    htmlName,
+    value,
+    disabled,
+    readonly,
+    label = "",
+    hideLabel,
+    autofocus,
+    onChange,
+    onBlur,
+    options,
+    onFocus,
+    schema,
+    uiSchema,
+    registry
+  } = props;
+  const DescriptionFieldTemplate = getTemplate6(
+    "DescriptionFieldTemplate",
+    registry,
+    options
+  );
+  const required = schemaRequiresTrueValue(schema);
+  const checked = value === "true" || value === true;
+  const _onChange = (e) => onChange && onChange(e.checked);
+  const _onBlur = () => onBlur && onBlur(id, value);
+  const _onFocus = () => onFocus && onFocus(id, value);
+  const description = options.description ?? schema.description;
+  const primeProps = options.prime || {};
+  return /* @__PURE__ */ jsxs13(Fragment5, { children: [
+    !hideLabel && !!description && /* @__PURE__ */ jsx21(
+      DescriptionFieldTemplate,
+      {
+        id: descriptionId3(id),
+        description,
+        schema,
+        uiSchema,
+        registry
+      }
+    ),
+    /* @__PURE__ */ jsxs13("div", { style: { display: "flex", flexDirection: "row", gap: "0.5rem", alignItems: "center" }, children: [
+      /* @__PURE__ */ jsx21(
+        Checkbox2,
+        {
+          inputId: id,
+          name: htmlName || id,
+          ...primeProps,
+          disabled: disabled || readonly,
+          autoFocus: autofocus,
+          checked: typeof value === "undefined" ? false : checked,
+          onChange: _onChange,
+          onBlur: _onBlur,
+          onFocus: _onFocus,
+          required,
+          "aria-describedby": ariaDescribedByIds4(id)
+        }
+      ),
+      labelValue(/* @__PURE__ */ jsx21(Label, { id, text: label }), hideLabel, false)
+    ] })
+  ] });
+}
+
 // src/ColorWidget/ColorWidget.tsx
 import {
   ariaDescribedByIds as ariaDescribedByIds5,
@@ -1130,8 +1130,8 @@ function RadioWidget(props) {
 }
 
 // src/RangeWidget/RangeWidget.tsx
-import { Slider } from "primereact/slider";
 import { ariaDescribedByIds as ariaDescribedByIds8, rangeSpec } from "@rjsf/utils";
+import { Slider } from "primereact/slider";
 import { Fragment as Fragment6, jsx as jsx25 } from "react/jsx-runtime";
 function RangeWidget(props) {
   const { value, readonly, disabled, onBlur, onFocus, options, schema, onChange, id } = props;
@@ -1158,7 +1158,6 @@ function RangeWidget(props) {
 }
 
 // src/SelectWidget/SelectWidget.tsx
-import { Dropdown } from "primereact/dropdown";
 import {
   ariaDescribedByIds as ariaDescribedByIds9,
   enumOptionSelectedValue,
@@ -1166,6 +1165,7 @@ import {
   enumOptionValueEncoder as enumOptionValueEncoder2,
   getOptionValueFormat as getOptionValueFormat2
 } from "@rjsf/utils";
+import { Dropdown } from "primereact/dropdown";
 import { MultiSelect } from "primereact/multiselect";
 import { jsx as jsx26 } from "react/jsx-runtime";
 function SelectWidget(props) {