@rjsf/react-bootstrap 6.0.0-alpha.0 → 6.0.0-beta.1

package/dist/index.js

@@ -28,26 +28,26 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
-var src_exports = {};
-__export(src_exports, {
+var index_exports = {};
+__export(index_exports, {
   Form: () => Form_default,
   Templates: () => Templates_default,
   Theme: () => Theme_default,
   Widgets: () => Widgets_default,
-  default: () => src_default,
+  default: () => index_default,
   generateForm: () => generateForm,
   generateTemplates: () => generateTemplates,
   generateTheme: () => generateTheme,
   generateWidgets: () => generateWidgets
 });
-module.exports = __toCommonJS(src_exports);
+module.exports = __toCommonJS(index_exports);
 
 // src/Form/Form.tsx
 var import_core = require("@rjsf/core");
 
 // src/AddButton/AddButton.tsx
 var import_utils = require("@rjsf/utils");
-var import_Button = __toESM(require("react-bootstrap/Button"));
+var import_Button = __toESM(require("react-bootstrap/Button"), 1);
 var import_BsPlus = require("@react-icons/all-files/bs/BsPlus");
 var import_jsx_runtime = require("react/jsx-runtime");
 function AddButton({
@@ -69,27 +69,18 @@ function AddButton({
 }
 
 // src/ArrayFieldItemTemplate/ArrayFieldItemTemplate.tsx
-var import_Row = __toESM(require("react-bootstrap/Row"));
-var import_Col = __toESM(require("react-bootstrap/Col"));
+var import_Row = __toESM(require("react-bootstrap/Row"), 1);
+var import_Col = __toESM(require("react-bootstrap/Col"), 1);
+var import_utils2 = require("@rjsf/utils");
 var import_jsx_runtime2 = require("react/jsx-runtime");
 function ArrayFieldItemTemplate(props) {
-  const {
-    children,
-    disabled,
-    hasToolbar,
-    hasCopy,
-    hasMoveDown,
-    hasMoveUp,
-    hasRemove,
-    index,
-    onCopyIndexClick,
-    onDropIndexClick,
-    onReorderClick,
-    readonly,
+  const { children, buttonsProps, hasToolbar, uiSchema, registry } = props;
+  const uiOptions = (0, import_utils2.getUiOptions)(uiSchema);
+  const ArrayFieldItemButtonsTemplate = (0, import_utils2.getTemplate)(
+    "ArrayFieldItemButtonsTemplate",
     registry,
-    uiSchema
-  } = props;
-  const { CopyButton: CopyButton2, MoveDownButton: MoveDownButton2, MoveUpButton: MoveUpButton2, RemoveButton: RemoveButton2 } = registry.templates.ButtonTemplates;
+    uiOptions
+  );
   const btnStyle = {
     flex: 1,
     paddingLeft: 6,
@@ -98,72 +89,30 @@ function ArrayFieldItemTemplate(props) {
   };
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_Row.default, { className: "mb-2  d-flex align-items-center", children: [
     /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_Col.default, { xs: "9", lg: "9", children }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_Col.default, { xs: "3", lg: "3", className: "py-4", children: hasToolbar && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "d-flex flex-row", children: [
-      (hasMoveUp || hasMoveDown) && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "m-0 p-0", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        MoveUpButton2,
-        {
-          className: "array-item-move-up",
-          style: btnStyle,
-          disabled: disabled || readonly || !hasMoveUp,
-          onClick: onReorderClick(index, index - 1),
-          uiSchema,
-          registry
-        }
-      ) }),
-      (hasMoveUp || hasMoveDown) && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "m-0 p-0", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        MoveDownButton2,
-        {
-          style: btnStyle,
-          disabled: disabled || readonly || !hasMoveDown,
-          onClick: onReorderClick(index, index + 1),
-          uiSchema,
-          registry
-        }
-      ) }),
-      hasCopy && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "m-0 p-0", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        CopyButton2,
-        {
-          style: btnStyle,
-          disabled: disabled || readonly,
-          onClick: onCopyIndexClick(index),
-          uiSchema,
-          registry
-        }
-      ) }),
-      hasRemove && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "m-0 p-0", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        RemoveButton2,
-        {
-          style: btnStyle,
-          disabled: disabled || readonly,
-          onClick: onDropIndexClick(index),
-          uiSchema,
-          registry
-        }
-      ) })
-    ] }) })
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_Col.default, { xs: "3", lg: "3", className: "py-4", children: hasToolbar && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "d-flex flex-row", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ArrayFieldItemButtonsTemplate, { ...buttonsProps, style: btnStyle }) }) })
   ] }) });
 }
 
 // src/ArrayFieldTemplate/ArrayFieldTemplate.tsx
-var import_Row2 = __toESM(require("react-bootstrap/Row"));
-var import_Col2 = __toESM(require("react-bootstrap/Col"));
-var import_Container = __toESM(require("react-bootstrap/Container"));
-var import_utils2 = require("@rjsf/utils");
+var import_Row2 = __toESM(require("react-bootstrap/Row"), 1);
+var import_Col2 = __toESM(require("react-bootstrap/Col"), 1);
+var import_Container = __toESM(require("react-bootstrap/Container"), 1);
+var import_utils3 = require("@rjsf/utils");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 function ArrayFieldTemplate(props) {
   const { canAdd, disabled, idSchema, uiSchema, items, onAddClick, readonly, registry, required, schema, title } = props;
-  const uiOptions = (0, import_utils2.getUiOptions)(uiSchema);
-  const ArrayFieldDescriptionTemplate = (0, import_utils2.getTemplate)(
+  const uiOptions = (0, import_utils3.getUiOptions)(uiSchema);
+  const ArrayFieldDescriptionTemplate = (0, import_utils3.getTemplate)(
     "ArrayFieldDescriptionTemplate",
     registry,
     uiOptions
   );
-  const ArrayFieldItemTemplate2 = (0, import_utils2.getTemplate)(
+  const ArrayFieldItemTemplate2 = (0, import_utils3.getTemplate)(
     "ArrayFieldItemTemplate",
     registry,
     uiOptions
   );
-  const ArrayFieldTitleTemplate = (0, import_utils2.getTemplate)(
+  const ArrayFieldTitleTemplate = (0, import_utils3.getTemplate)(
     "ArrayFieldTitleTemplate",
     registry,
     uiOptions
@@ -200,7 +149,8 @@ function ArrayFieldTemplate(props) {
         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_Col2.default, { xs: 3, className: "py-4 col-lg-3 col-3", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           AddButton2,
           {
-            className: "array-item-add",
+            id: (0, import_utils3.buttonId)(idSchema, "add"),
+            className: "rjsf-array-item-add",
             onClick: onAddClick,
             disabled: disabled || readonly,
             uiSchema,
@@ -213,8 +163,8 @@ function ArrayFieldTemplate(props) {
 }
 
 // src/BaseInputTemplate/BaseInputTemplate.tsx
-var import_Form = __toESM(require("react-bootstrap/Form"));
-var import_utils3 = require("@rjsf/utils");
+var import_Form = __toESM(require("react-bootstrap/Form"), 1);
+var import_utils4 = require("@rjsf/utils");
 var import_jsx_runtime4 = require("react/jsx-runtime");
 function BaseInputTemplate({
   id,
@@ -237,7 +187,7 @@ function BaseInputTemplate({
 }) {
   const inputProps = {
     ...extraProps,
-    ...(0, import_utils3.getInputProps)(schema, type, options)
+    ...(0, import_utils4.getInputProps)(schema, type, options)
   };
   const _onChange = ({ target: { value: value2 } }) => onChange(value2 === "" ? options.emptyValue : value2);
   const _onBlur = ({ target }) => onBlur(id, target && target.value);
@@ -254,17 +204,17 @@ function BaseInputTemplate({
         disabled,
         readOnly: readonly,
         className: rawErrors.length > 0 ? "is-invalid" : "",
-        list: schema.examples ? (0, import_utils3.examplesId)(id) : void 0,
+        list: schema.examples ? (0, import_utils4.examplesId)(id) : void 0,
         ...inputProps,
         value: value || value === 0 ? value : "",
         onChange: onChangeOverride || _onChange,
         onBlur: _onBlur,
         onFocus: _onFocus,
-        "aria-describedby": (0, import_utils3.ariaDescribedByIds)(id, !!schema.examples)
+        "aria-describedby": (0, import_utils4.ariaDescribedByIds)(id, !!schema.examples)
       }
     ),
     children,
-    Array.isArray(schema.examples) ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("datalist", { id: (0, import_utils3.examplesId)(id), children: schema.examples.concat(schema.default && !schema.examples.includes(schema.default) ? [schema.default] : []).map((example) => {
+    Array.isArray(schema.examples) ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("datalist", { id: (0, import_utils4.examplesId)(id), children: schema.examples.concat(schema.default && !schema.examples.includes(schema.default) ? [schema.default] : []).map((example) => {
       return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("option", { value: example }, example);
     }) }) : null
   ] });
@@ -280,9 +230,9 @@ function DescriptionField({ id, description }) {
 }
 
 // src/ErrorList/ErrorList.tsx
-var import_Card = __toESM(require("react-bootstrap/Card"));
-var import_ListGroup = __toESM(require("react-bootstrap/ListGroup"));
-var import_utils4 = require("@rjsf/utils");
+var import_Card = __toESM(require("react-bootstrap/Card"), 1);
+var import_ListGroup = __toESM(require("react-bootstrap/ListGroup"), 1);
+var import_utils5 = require("@rjsf/utils");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 function ErrorList({
   errors,
@@ -290,7 +240,7 @@ function ErrorList({
 }) {
   const { translateString } = registry;
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_Card.default, { border: "danger", className: "mb-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_Card.default.Header, { className: "alert-danger", children: translateString(import_utils4.TranslatableString.ErrorsLabel) }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_Card.default.Header, { className: "alert-danger", children: translateString(import_utils5.TranslatableString.ErrorsLabel) }),
     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_Card.default.Body, { className: "p-0", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ListGroup.default, { children: errors.map((error, i) => {
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ListGroup.default.Item, { className: "border-0", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: error.stack }) }, i);
     }) }) })
@@ -298,8 +248,8 @@ function ErrorList({
 }
 
 // src/IconButton/IconButton.tsx
-var import_utils5 = require("@rjsf/utils");
-var import_Button2 = __toESM(require("react-bootstrap/Button"));
+var import_utils6 = require("@rjsf/utils");
+var import_Button2 = __toESM(require("react-bootstrap/Button"), 1);
 var import_IoIosCopy = require("@react-icons/all-files/io/IoIosCopy");
 var import_IoIosRemove = require("@react-icons/all-files/io/IoIosRemove");
 var import_AiOutlineArrowUp = require("@react-icons/all-files/ai/AiOutlineArrowUp");
@@ -313,19 +263,19 @@ function CopyButton(props) {
   const {
     registry: { translateString }
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(IconButton, { title: translateString(import_utils5.TranslatableString.CopyButton), ...props, icon: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_IoIosCopy.IoIosCopy, {}) });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(IconButton, { title: translateString(import_utils6.TranslatableString.CopyButton), ...props, icon: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_IoIosCopy.IoIosCopy, {}) });
 }
 function MoveDownButton(props) {
   const {
     registry: { translateString }
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(IconButton, { title: translateString(import_utils5.TranslatableString.MoveDownButton), ...props, icon: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_AiOutlineArrowDown.AiOutlineArrowDown, {}) });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(IconButton, { title: translateString(import_utils6.TranslatableString.MoveDownButton), ...props, icon: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_AiOutlineArrowDown.AiOutlineArrowDown, {}) });
 }
 function MoveUpButton(props) {
   const {
     registry: { translateString }
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(IconButton, { title: translateString(import_utils5.TranslatableString.MoveUpButton), ...props, icon: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_AiOutlineArrowUp.AiOutlineArrowUp, {}) });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(IconButton, { title: translateString(import_utils6.TranslatableString.MoveUpButton), ...props, icon: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_AiOutlineArrowUp.AiOutlineArrowUp, {}) });
 }
 function RemoveButton(props) {
   const {
@@ -334,7 +284,7 @@ function RemoveButton(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     IconButton,
     {
-      title: translateString(import_utils5.TranslatableString.RemoveButton),
+      title: translateString(import_utils6.TranslatableString.RemoveButton),
       ...props,
       variant: "danger",
       icon: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_IoIosRemove.IoIosRemove, {})
@@ -343,36 +293,36 @@ function RemoveButton(props) {
 }
 
 // src/FieldErrorTemplate/FieldErrorTemplate.tsx
-var import_utils6 = require("@rjsf/utils");
-var import_ListGroup2 = __toESM(require("react-bootstrap/ListGroup"));
+var import_utils7 = require("@rjsf/utils");
+var import_ListGroup2 = __toESM(require("react-bootstrap/ListGroup"), 1);
 var import_jsx_runtime8 = require("react/jsx-runtime");
 function FieldErrorTemplate(props) {
   const { errors = [], idSchema } = props;
   if (errors.length === 0) {
     return null;
   }
-  const id = (0, import_utils6.errorId)(idSchema);
+  const id = (0, import_utils7.errorId)(idSchema);
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_ListGroup2.default, { as: "ul", id, children: errors.map((error, i) => {
     return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_ListGroup2.default.Item, { as: "li", className: "border-0 m-0 p-0", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("small", { className: "m-0 text-danger", children: error }) }, i);
   }) });
 }
 
 // src/FieldHelpTemplate/FieldHelpTemplate.tsx
-var import_utils7 = require("@rjsf/utils");
-var import_Form2 = __toESM(require("react-bootstrap/Form"));
+var import_utils8 = require("@rjsf/utils");
+var import_Form2 = __toESM(require("react-bootstrap/Form"), 1);
 var import_jsx_runtime9 = require("react/jsx-runtime");
 function FieldHelpTemplate(props) {
   const { idSchema, help, hasErrors } = props;
   if (!help) {
     return null;
   }
-  const id = (0, import_utils7.helpId)(idSchema);
+  const id = (0, import_utils8.helpId)(idSchema);
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_Form2.default.Text, { className: hasErrors ? "text-danger" : "text-muted", id, children: help });
 }
 
 // src/FieldTemplate/FieldTemplate.tsx
-var import_utils8 = require("@rjsf/utils");
-var import_Form3 = __toESM(require("react-bootstrap/Form"));
+var import_utils9 = require("@rjsf/utils");
+var import_Form3 = __toESM(require("react-bootstrap/Form"), 1);
 var import_jsx_runtime10 = require("react/jsx-runtime");
 function FieldTemplate({
   id,
@@ -396,8 +346,8 @@ function FieldTemplate({
   uiSchema,
   registry
 }) {
-  const uiOptions = (0, import_utils8.getUiOptions)(uiSchema);
-  const WrapIfAdditionalTemplate2 = (0, import_utils8.getTemplate)(
+  const uiOptions = (0, import_utils9.getUiOptions)(uiSchema);
+  const WrapIfAdditionalTemplate2 = (0, import_utils9.getTemplate)(
     "WrapIfAdditionalTemplate",
     registry,
     uiOptions
@@ -434,12 +384,24 @@ function FieldTemplate({
   );
 }
 
-// src/ObjectFieldTemplate/ObjectFieldTemplate.tsx
-var import_Row3 = __toESM(require("react-bootstrap/Row"));
-var import_Col3 = __toESM(require("react-bootstrap/Col"));
-var import_Container2 = __toESM(require("react-bootstrap/Container"));
-var import_utils9 = require("@rjsf/utils");
+// src/GridTemplate/GridTemplate.tsx
+var import_Row3 = __toESM(require("react-bootstrap/Row"), 1);
+var import_Col3 = __toESM(require("react-bootstrap/Col"), 1);
 var import_jsx_runtime11 = require("react/jsx-runtime");
+function GridTemplate(props) {
+  const { children, column, ...rest } = props;
+  if (column) {
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_Col3.default, { ...rest, children });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_Row3.default, { ...rest, children });
+}
+
+// src/ObjectFieldTemplate/ObjectFieldTemplate.tsx
+var import_Row4 = __toESM(require("react-bootstrap/Row"), 1);
+var import_Col4 = __toESM(require("react-bootstrap/Col"), 1);
+var import_Container2 = __toESM(require("react-bootstrap/Container"), 1);
+var import_utils10 = require("@rjsf/utils");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 function ObjectFieldTemplate({
   description,
   title,
@@ -454,9 +416,9 @@ function ObjectFieldTemplate({
   readonly,
   registry
 }) {
-  const uiOptions = (0, import_utils9.getUiOptions)(uiSchema);
-  const TitleFieldTemplate = (0, import_utils9.getTemplate)("TitleFieldTemplate", registry, uiOptions);
-  const DescriptionFieldTemplate = (0, import_utils9.getTemplate)(
+  const uiOptions = (0, import_utils10.getUiOptions)(uiSchema);
+  const TitleFieldTemplate = (0, import_utils10.getTemplate)("TitleFieldTemplate", registry, uiOptions);
+  const DescriptionFieldTemplate = (0, import_utils10.getTemplate)(
     "DescriptionFieldTemplate",
     registry,
     uiOptions
@@ -464,11 +426,11 @@ function ObjectFieldTemplate({
   const {
     ButtonTemplates: { AddButton: AddButton2 }
   } = registry.templates;
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
-    title && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
+    title && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       TitleFieldTemplate,
       {
-        id: (0, import_utils9.titleId)(idSchema),
+        id: (0, import_utils10.titleId)(idSchema),
         title,
         required,
         schema,
@@ -476,27 +438,28 @@ function ObjectFieldTemplate({
         registry
       }
     ),
-    description && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    description && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       DescriptionFieldTemplate,
       {
-        id: (0, import_utils9.descriptionId)(idSchema),
+        id: (0, import_utils10.descriptionId)(idSchema),
         description,
         schema,
         uiSchema,
         registry
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_Container2.default, { fluid: true, className: "p-0", children: [
-      properties.map((element, index) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_Row3.default, { style: { marginBottom: "10px" }, className: element.hidden ? "d-none" : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_Col3.default, { xs: 12, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_Container2.default, { fluid: true, className: "p-0", children: [
+      properties.map((element, index) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_Row4.default, { style: { marginBottom: "10px" }, className: element.hidden ? "d-none" : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_Col4.default, { xs: 12, children: [
         " ",
         element.content
       ] }) }, index)),
-      (0, import_utils9.canExpand)(schema, uiSchema, formData) ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_Row3.default, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_Col3.default, { xs: { offset: 9, span: 3 }, className: "py-4", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      (0, import_utils10.canExpand)(schema, uiSchema, formData) ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_Row4.default, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_Col4.default, { xs: { offset: 9, span: 3 }, className: "py-4", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
         AddButton2,
         {
+          id: (0, import_utils10.buttonId)(idSchema, "add"),
           onClick: onAddClick(schema),
           disabled: disabled || readonly,
-          className: "object-property-expand",
+          className: "rjsf-object-property-expand",
           uiSchema,
           registry
         }
@@ -506,38 +469,38 @@ function ObjectFieldTemplate({
 }
 
 // src/SubmitButton/SubmitButton.tsx
-var import_Button3 = __toESM(require("react-bootstrap/Button"));
-var import_utils10 = require("@rjsf/utils");
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_Button3 = __toESM(require("react-bootstrap/Button"), 1);
+var import_utils11 = require("@rjsf/utils");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 function SubmitButton(props) {
-  const { submitText, norender, props: submitButtonProps } = (0, import_utils10.getSubmitButtonOptions)(props.uiSchema);
+  const { submitText, norender, props: submitButtonProps } = (0, import_utils11.getSubmitButtonOptions)(props.uiSchema);
   if (norender) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_Button3.default, { variant: "primary", type: "submit", ...submitButtonProps, children: submitText }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_Button3.default, { variant: "primary", type: "submit", ...submitButtonProps, children: submitText }) });
 }
 
 // src/TitleField/TitleField.tsx
-var import_utils11 = require("@rjsf/utils");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_utils12 = require("@rjsf/utils");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 function TitleField({
   id,
   title,
   uiSchema
 }) {
-  const uiOptions = (0, import_utils11.getUiOptions)(uiSchema);
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { id, className: "my-1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("h5", { children: uiOptions.title || title }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("hr", { className: "border-0 bg-secondary", style: { height: "1px" } })
+  const uiOptions = (0, import_utils12.getUiOptions)(uiSchema);
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { id, className: "my-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("h5", { children: uiOptions.title || title }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("hr", { className: "border-0 bg-secondary", style: { height: "1px" } })
   ] });
 }
 
 // src/WrapIfAdditionalTemplate/WrapIfAdditionalTemplate.tsx
-var import_utils12 = require("@rjsf/utils");
-var import_Row4 = __toESM(require("react-bootstrap/Row"));
-var import_Col4 = __toESM(require("react-bootstrap/Col"));
-var import_Form4 = __toESM(require("react-bootstrap/Form"));
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_utils13 = require("@rjsf/utils");
+var import_Row5 = __toESM(require("react-bootstrap/Row"), 1);
+var import_Col5 = __toESM(require("react-bootstrap/Col"), 1);
+var import_Form4 = __toESM(require("react-bootstrap/Form"), 1);
+var import_jsx_runtime15 = require("react/jsx-runtime");
 function WrapIfAdditionalTemplate({
   classNames,
   style,
@@ -555,17 +518,17 @@ function WrapIfAdditionalTemplate({
 }) {
   const { templates, translateString } = registry;
   const { RemoveButton: RemoveButton2 } = templates.ButtonTemplates;
-  const keyLabel = translateString(import_utils12.TranslatableString.KeyLabel, [label]);
-  const additional = import_utils12.ADDITIONAL_PROPERTY_FLAG in schema;
+  const keyLabel = translateString(import_utils13.TranslatableString.KeyLabel, [label]);
+  const additional = import_utils13.ADDITIONAL_PROPERTY_FLAG in schema;
   if (!additional) {
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: classNames, style, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: classNames, style, children });
   }
   const handleBlur = ({ target }) => onKeyChange(target.value);
   const keyId = `${id}-key`;
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_Row4.default, { className: classNames, style, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_Col4.default, { xs: 5, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_Form4.default.Group, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_Form4.default.Label, { htmlFor: keyId, children: keyLabel }),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_Row5.default, { className: classNames, style, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_Col5.default, { xs: 5, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_Form4.default.Group, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_Form4.default.Label, { htmlFor: keyId, children: keyLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
         import_Form4.default.Control,
         {
           required,
@@ -578,11 +541,12 @@ function WrapIfAdditionalTemplate({
         }
       )
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_Col4.default, { xs: 5, children }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_Col4.default, { xs: 2, className: "py-4 d-grid gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_Col5.default, { xs: 5, children }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_Col5.default, { xs: 2, className: "py-4 d-grid gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       RemoveButton2,
       {
-        className: "w-100",
+        id: (0, import_utils13.buttonId)(id, "remove"),
+        className: "rjsf-object-property-remove w-100",
         disabled: disabled || readonly,
         onClick: onDropPropertyClick(label),
         uiSchema,
@@ -611,6 +575,7 @@ function generateTemplates() {
     FieldErrorTemplate,
     FieldHelpTemplate,
     FieldTemplate,
+    GridTemplate,
     ObjectFieldTemplate,
     TitleFieldTemplate: TitleField,
     WrapIfAdditionalTemplate
@@ -619,9 +584,9 @@ function generateTemplates() {
 var Templates_default = generateTemplates();
 
 // src/CheckboxWidget/CheckboxWidget.tsx
-var import_utils13 = require("@rjsf/utils");
-var import_Form5 = __toESM(require("react-bootstrap/Form"));
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_utils14 = require("@rjsf/utils");
+var import_Form5 = __toESM(require("react-bootstrap/Form"), 1);
+var import_jsx_runtime16 = require("react/jsx-runtime");
 function CheckboxWidget(props) {
   const {
     id,
@@ -639,8 +604,8 @@ function CheckboxWidget(props) {
     registry,
     uiSchema
   } = props;
-  const required = (0, import_utils13.schemaRequiresTrueValue)(schema);
-  const DescriptionFieldTemplate = (0, import_utils13.getTemplate)(
+  const required = (0, import_utils14.schemaRequiresTrueValue)(schema);
+  const DescriptionFieldTemplate = (0, import_utils14.getTemplate)(
     "DescriptionFieldTemplate",
     registry,
     options
@@ -649,28 +614,28 @@ function CheckboxWidget(props) {
   const _onBlur = ({ target }) => onBlur(id, target && target.checked);
   const _onFocus = ({ target }) => onFocus(id, target && target.checked);
   const description = options.description || schema.description;
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
     import_Form5.default.Group,
     {
       className: `checkbox ${disabled || readonly ? "disabled" : ""}`,
-      "aria-describedby": (0, import_utils13.ariaDescribedByIds)(id),
+      "aria-describedby": (0, import_utils14.ariaDescribedByIds)(id),
       children: [
-        !hideLabel && !!description && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        !hideLabel && !!description && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
           DescriptionFieldTemplate,
           {
-            id: (0, import_utils13.descriptionId)(id),
+            id: (0, import_utils14.descriptionId)(id),
             description,
             schema,
             uiSchema,
             registry
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
           import_Form5.default.Check,
           {
             id,
             name: id,
-            label: (0, import_utils13.labelValue)(label, hideLabel || !label),
+            label: (0, import_utils14.labelValue)(label, hideLabel || !label),
             checked: typeof value === "undefined" ? false : value,
             required,
             disabled: disabled || readonly,
@@ -687,25 +652,25 @@ function CheckboxWidget(props) {
 }
 
 // src/CheckboxesWidget/CheckboxesWidget.tsx
-var import_Form6 = __toESM(require("react-bootstrap/Form"));
-var import_utils14 = require("@rjsf/utils");
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_Form6 = __toESM(require("react-bootstrap/Form"), 1);
+var import_utils15 = require("@rjsf/utils");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function CheckboxesWidget({ id, disabled, options, value, autofocus, readonly, required, onChange, onBlur, onFocus }) {
   const { enumOptions, enumDisabled, inline, emptyValue } = options;
   const checkboxesValues = Array.isArray(value) ? value : [value];
   const _onChange = (index) => ({ target: { checked } }) => {
     if (checked) {
-      onChange((0, import_utils14.enumOptionsSelectValue)(index, checkboxesValues, enumOptions));
+      onChange((0, import_utils15.enumOptionsSelectValue)(index, checkboxesValues, enumOptions));
     } else {
-      onChange((0, import_utils14.enumOptionsDeselectValue)(index, checkboxesValues, enumOptions));
+      onChange((0, import_utils15.enumOptionsDeselectValue)(index, checkboxesValues, enumOptions));
     }
   };
-  const _onBlur = ({ target }) => onBlur(id, (0, import_utils14.enumOptionsValueForIndex)(target && target.value, enumOptions, emptyValue));
-  const _onFocus = ({ target }) => onFocus(id, (0, import_utils14.enumOptionsValueForIndex)(target && target.value, enumOptions, emptyValue));
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_Form6.default.Group, { children: Array.isArray(enumOptions) && enumOptions.map((option, index) => {
-    const checked = (0, import_utils14.enumOptionsIsSelected)(option.value, checkboxesValues);
+  const _onBlur = ({ target }) => onBlur(id, (0, import_utils15.enumOptionsValueForIndex)(target && target.value, enumOptions, emptyValue));
+  const _onFocus = ({ target }) => onFocus(id, (0, import_utils15.enumOptionsValueForIndex)(target && target.value, enumOptions, emptyValue));
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_Form6.default.Group, { children: Array.isArray(enumOptions) && enumOptions.map((option, index) => {
+    const checked = (0, import_utils15.enumOptionsIsSelected)(option.value, checkboxesValues);
     const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       import_Form6.default.Check,
       {
         inline,
@@ -713,7 +678,7 @@ function CheckboxesWidget({ id, disabled, options, value, autofocus, readonly, r
         checked,
         className: "bg-transparent border-0",
         type: "checkbox",
-        id: (0, import_utils14.optionId)(id, index),
+        id: (0, import_utils15.optionId)(id, index),
         name: id,
         label: option.label,
         autoFocus: autofocus && index === 0,
@@ -721,7 +686,7 @@ function CheckboxesWidget({ id, disabled, options, value, autofocus, readonly, r
         onBlur: _onBlur,
         onFocus: _onFocus,
         disabled: disabled || itemDisabled || readonly,
-        "aria-describedby": (0, import_utils14.ariaDescribedByIds)(id)
+        "aria-describedby": (0, import_utils15.ariaDescribedByIds)(id)
       },
       option.value
     );
@@ -729,9 +694,9 @@ function CheckboxesWidget({ id, disabled, options, value, autofocus, readonly, r
 }
 
 // src/RadioWidget/RadioWidget.tsx
-var import_Form7 = __toESM(require("react-bootstrap/Form"));
-var import_utils15 = require("@rjsf/utils");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_Form7 = __toESM(require("react-bootstrap/Form"), 1);
+var import_utils16 = require("@rjsf/utils");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function RadioWidget({
   id,
   options,
@@ -744,19 +709,19 @@ function RadioWidget({
   onFocus
 }) {
   const { enumOptions, enumDisabled, emptyValue } = options;
-  const _onChange = ({ target: { value: value2 } }) => onChange((0, import_utils15.enumOptionsValueForIndex)(value2, enumOptions, emptyValue));
-  const _onBlur = ({ target }) => onBlur(id, (0, import_utils15.enumOptionsValueForIndex)(target && target.value, enumOptions, emptyValue));
-  const _onFocus = ({ target }) => onFocus(id, (0, import_utils15.enumOptionsValueForIndex)(target && target.value, enumOptions, emptyValue));
+  const _onChange = ({ target: { value: value2 } }) => onChange((0, import_utils16.enumOptionsValueForIndex)(value2, enumOptions, emptyValue));
+  const _onBlur = ({ target }) => onBlur(id, (0, import_utils16.enumOptionsValueForIndex)(target && target.value, enumOptions, emptyValue));
+  const _onFocus = ({ target }) => onFocus(id, (0, import_utils16.enumOptionsValueForIndex)(target && target.value, enumOptions, emptyValue));
   const inline = Boolean(options && options.inline);
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_Form7.default.Group, { className: "mb-0", children: Array.isArray(enumOptions) && enumOptions.map((option, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_Form7.default.Group, { className: "mb-0", children: Array.isArray(enumOptions) && enumOptions.map((option, index) => {
     const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
-    const checked = (0, import_utils15.enumOptionsIsSelected)(option.value, value);
-    const radio = /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    const checked = (0, import_utils16.enumOptionsIsSelected)(option.value, value);
+    const radio = /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       import_Form7.default.Check,
       {
         inline,
         label: option.label,
-        id: (0, import_utils15.optionId)(id, index),
+        id: (0, import_utils16.optionId)(id, index),
         name: id,
         type: "radio",
         disabled: disabled || itemDisabled || readonly,
@@ -766,7 +731,7 @@ function RadioWidget({
         onChange: _onChange,
         onBlur: _onBlur,
         onFocus: _onFocus,
-        "aria-describedby": (0, import_utils15.ariaDescribedByIds)(id)
+        "aria-describedby": (0, import_utils16.ariaDescribedByIds)(id)
       },
       index
     );
@@ -775,9 +740,9 @@ function RadioWidget({
 }
 
 // src/RangeWidget/RangeWidget.tsx
-var import_utils16 = require("@rjsf/utils");
-var import_FormRange = __toESM(require("react-bootstrap/FormRange"));
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_utils17 = require("@rjsf/utils");
+var import_FormRange = __toESM(require("react-bootstrap/FormRange"), 1);
+var import_jsx_runtime19 = require("react/jsx-runtime");
 function RangeWidget(props) {
   const { id, value, disabled, onChange, onBlur, onFocus, schema } = props;
   const _onChange = ({ target: { value: value2 } }) => onChange(value2);
@@ -791,18 +756,18 @@ function RangeWidget(props) {
     onChange: _onChange,
     onBlur: _onBlur,
     onFocus: _onFocus,
-    ...(0, import_utils16.rangeSpec)(schema)
+    ...(0, import_utils17.rangeSpec)(schema)
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_FormRange.default, { ...rangeProps }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "range-view", children: value })
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_FormRange.default, { ...rangeProps }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "range-view", children: value })
   ] });
 }
 
 // src/SelectWidget/SelectWidget.tsx
-var import_FormSelect = __toESM(require("react-bootstrap/FormSelect"));
-var import_utils17 = require("@rjsf/utils");
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_FormSelect = __toESM(require("react-bootstrap/FormSelect"), 1);
+var import_utils18 = require("@rjsf/utils");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 function SelectWidget({
   schema,
   id,
@@ -828,9 +793,9 @@ function SelectWidget({
       return event.target.value;
     }
   }
-  const selectedIndexes = (0, import_utils17.enumOptionsIndexForValue)(value, enumOptions, multiple);
+  const selectedIndexes = (0, import_utils18.enumOptionsIndexForValue)(value, enumOptions, multiple);
   const showPlaceholderOption = !multiple && schema.default === void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
     import_FormSelect.default,
     {
       id,
@@ -843,22 +808,22 @@ function SelectWidget({
       className: rawErrors.length > 0 ? "is-invalid" : "",
       onBlur: onBlur && ((event) => {
         const newValue = getValue(event, multiple);
-        onBlur(id, (0, import_utils17.enumOptionsValueForIndex)(newValue, enumOptions, optEmptyValue));
+        onBlur(id, (0, import_utils18.enumOptionsValueForIndex)(newValue, enumOptions, optEmptyValue));
       }),
       onFocus: onFocus && ((event) => {
         const newValue = getValue(event, multiple);
-        onFocus(id, (0, import_utils17.enumOptionsValueForIndex)(newValue, enumOptions, optEmptyValue));
+        onFocus(id, (0, import_utils18.enumOptionsValueForIndex)(newValue, enumOptions, optEmptyValue));
       }),
       onChange: (event) => {
         const newValue = getValue(event, multiple);
-        onChange((0, import_utils17.enumOptionsValueForIndex)(newValue, enumOptions, optEmptyValue));
+        onChange((0, import_utils18.enumOptionsValueForIndex)(newValue, enumOptions, optEmptyValue));
       },
-      "aria-describedby": (0, import_utils17.ariaDescribedByIds)(id),
+      "aria-describedby": (0, import_utils18.ariaDescribedByIds)(id),
       children: [
-        showPlaceholderOption && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("option", { value: "", children: placeholder }),
+        showPlaceholderOption && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("option", { value: "", children: placeholder }),
         enumOptions.map(({ value: value2, label }, i) => {
           const disabled2 = Array.isArray(enumDisabled) && enumDisabled.indexOf(value2) != -1;
-          return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("option", { id: label, value: String(i), disabled: disabled2, children: label }, i);
+          return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("option", { id: label, value: String(i), disabled: disabled2, children: label }, i);
         })
       ]
     }
@@ -866,10 +831,10 @@ function SelectWidget({
 }
 
 // src/TextareaWidget/TextareaWidget.tsx
-var import_utils18 = require("@rjsf/utils");
-var import_FormControl = __toESM(require("react-bootstrap/FormControl"));
-var import_InputGroup = __toESM(require("react-bootstrap/InputGroup"));
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_utils19 = require("@rjsf/utils");
+var import_FormControl = __toESM(require("react-bootstrap/FormControl"), 1);
+var import_InputGroup = __toESM(require("react-bootstrap/InputGroup"), 1);
+var import_jsx_runtime21 = require("react/jsx-runtime");
 function TextareaWidget({
   id,
   placeholder,
@@ -886,7 +851,7 @@ function TextareaWidget({
   const _onChange = ({ target: { value: value2 } }) => onChange(value2 === "" ? options.emptyValue : value2);
   const _onBlur = ({ target }) => onBlur(id, target && target.value);
   const _onFocus = ({ target }) => onFocus(id, target && target.value);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_InputGroup.default, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_InputGroup.default, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     import_FormControl.default,
     {
       id,
@@ -902,7 +867,7 @@ function TextareaWidget({
       onChange: _onChange,
       onBlur: _onBlur,
       onFocus: _onFocus,
-      "aria-describedby": (0, import_utils18.ariaDescribedByIds)(id)
+      "aria-describedby": (0, import_utils19.ariaDescribedByIds)(id)
     }
   ) });
 }
@@ -936,5 +901,5 @@ function generateForm() {
 var Form_default = generateForm();
 
 // src/index.ts
-var src_default = Form_default;
+var index_default = Form_default;
 //# sourceMappingURL=index.js.map