@vulcanjs/react-ui 0.6.6-alpha.6 → 0.6.6-y.3

package/dist/index.js

@@ -9602,7 +9602,48 @@ init_esm_shims();
 
 // components/VulcanComponents/Provider.tsx
 init_esm_shims();
-import React65 from "react";
+import React8 from "react";
+import { debugVulcan as debugVulcan2 } from "@vulcanjs/utils";
+function _extends4() {
+  _extends4 = Object.assign || function(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends4.apply(this, arguments);
+}
+__name(_extends4, "_extends");
+var debugComponents = debugVulcan2("components");
+var VulcanComponentsProvider = /* @__PURE__ */ __name((_a) => {
+  var _b = _a, { value } = _b, props = __objRest(_b, ["value"]);
+  const currentComponents = useVulcanComponents();
+  debugComponents("Current components __not_initialized?", currentComponents.__not_initialized);
+  const mergedComponents = __spreadValues(__spreadValues({}, (currentComponents == null ? void 0 : currentComponents.__not_initialized) ? {} : currentComponents || {}), value || {});
+  debugComponents("Merged components", mergedComponents);
+  Object.keys(mergedComponents).forEach((componentName) => {
+    if (mergedComponents[componentName]) {
+      mergedComponents[componentName].displayName = "Vulcan." + componentName;
+    } else {
+      console.warn(`Encountered an undefined component: ${componentName}.
+      The component may not be registered, or import failed.
+      For instance due to an infinite import loop when importing
+      "useVulcanComponents" from index instead of Consumer.`);
+    }
+  });
+  return /* @__PURE__ */ React8.createElement(VulcanComponentsContext.Provider, _extends4({
+    value: mergedComponents
+  }, props));
+}, "VulcanComponentsProvider");
+
+// components/VulcanComponents/typings.ts
+init_esm_shims();
+import React9 from "react";
 
 // components/VulcanComponents/defaultVulcanComponents/index.ts
 init_esm_shims();
@@ -9615,14 +9656,14 @@ init_esm_shims();
 
 // components/form/elements/FieldErrors.tsx
 init_esm_shims();
-import React8 from "react";
+import React10 from "react";
 var FieldErrors = /* @__PURE__ */ __name(({ errors }) => {
   const VulcanComponents = useVulcanComponents();
-  return /* @__PURE__ */ React8.createElement("ul", {
+  return /* @__PURE__ */ React10.createElement("ul", {
     className: "form-input-errors"
-  }, errors.map((error, index) => /* @__PURE__ */ React8.createElement("li", {
+  }, errors.map((error, index) => /* @__PURE__ */ React10.createElement("li", {
     key: index
-  }, /* @__PURE__ */ React8.createElement(VulcanComponents.FormError, {
+  }, /* @__PURE__ */ React10.createElement(VulcanComponents.FormError, {
     error,
     errorContext: "field"
   }))));
@@ -9630,10 +9671,10 @@ var FieldErrors = /* @__PURE__ */ __name(({ errors }) => {
 
 // components/form/elements/FormError.tsx
 init_esm_shims();
-import React9 from "react";
+import React11 from "react";
 import get3 from "lodash/get.js";
-function _extends4() {
-  _extends4 = Object.assign || function(target) {
+function _extends5() {
+  _extends5 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -9644,9 +9685,9 @@ function _extends4() {
     }
     return target;
   };
-  return _extends4.apply(this, arguments);
+  return _extends5.apply(this, arguments);
 }
-__name(_extends4, "_extends");
+__name(_extends5, "_extends");
 var FormError = /* @__PURE__ */ __name(({ error, errorContext }) => {
   const VulcanComponents = useVulcanComponents();
   const { getLabel: getLabel2 } = useFormContext();
@@ -9676,7 +9717,7 @@ var FormError = /* @__PURE__ */ __name(({ error, errorContext }) => {
       values: exception.data
     });
   }
-  return /* @__PURE__ */ React9.createElement(VulcanComponents.FormattedMessage, _extends4({
+  return /* @__PURE__ */ React11.createElement(VulcanComponents.FormattedMessage, _extends5({
     html: true
   }, messageProps));
 }, "FormError");
@@ -9686,18 +9727,18 @@ FormError.defaultProps = {
 
 // components/form/elements/FormErrors.tsx
 init_esm_shims();
-import React10 from "react";
+import React12 from "react";
 var FormErrors = /* @__PURE__ */ __name(() => {
   const VulcanComponents = useVulcanComponents();
   const { errors } = useFormContext();
-  return /* @__PURE__ */ React10.createElement("div", {
+  return /* @__PURE__ */ React12.createElement("div", {
     className: "form-errors"
-  }, !!errors.length && /* @__PURE__ */ React10.createElement(VulcanComponents.Alert, {
+  }, !!errors.length && /* @__PURE__ */ React12.createElement(VulcanComponents.Alert, {
     className: "flash-message",
     variant: "danger"
-  }, /* @__PURE__ */ React10.createElement("ul", null, errors.map((error, index) => /* @__PURE__ */ React10.createElement("li", {
+  }, /* @__PURE__ */ React12.createElement("ul", null, errors.map((error, index) => /* @__PURE__ */ React12.createElement("li", {
     key: index
-  }, /* @__PURE__ */ React10.createElement(VulcanComponents.FormError, {
+  }, /* @__PURE__ */ React12.createElement(VulcanComponents.FormError, {
     error,
     errorContext: "form"
   }))))));
@@ -9706,7 +9747,7 @@ var FormErrors = /* @__PURE__ */ __name(() => {
 // components/form/elements/FormSubmit.tsx
 init_esm_shims();
 var import_prop_types = __toESM(require_prop_types(), 1);
-import React11 from "react";
+import React13 from "react";
 import { canDeleteDocument } from "@vulcanjs/permissions";
 var FormSubmit = /* @__PURE__ */ __name(({
   submitLabel,
@@ -9721,44 +9762,44 @@ var FormSubmit = /* @__PURE__ */ __name(({
 }) => {
   const VulcanComponents = useVulcanComponents();
   const { clearForm } = useFormContext();
-  return /* @__PURE__ */ React11.createElement("div", {
+  return /* @__PURE__ */ React13.createElement("div", {
     className: "form-submit"
-  }, /* @__PURE__ */ React11.createElement(VulcanComponents.Button, {
+  }, /* @__PURE__ */ React13.createElement(VulcanComponents.Button, {
     type: "submit",
     variant: "primary"
-  }, submitLabel ? submitLabel : /* @__PURE__ */ React11.createElement(VulcanComponents.FormattedMessage, {
+  }, submitLabel ? submitLabel : /* @__PURE__ */ React13.createElement(VulcanComponents.FormattedMessage, {
     id: "forms.submit",
     defaultMessage: "Submit"
-  })), cancelCallback ? /* @__PURE__ */ React11.createElement("a", {
+  })), cancelCallback ? /* @__PURE__ */ React13.createElement("a", {
     className: "form-cancel",
     onClick: (e) => {
       e.preventDefault();
       cancelCallback(document);
     }
-  }, cancelLabel ? cancelLabel : /* @__PURE__ */ React11.createElement(VulcanComponents.FormattedMessage, {
+  }, cancelLabel ? cancelLabel : /* @__PURE__ */ React13.createElement(VulcanComponents.FormattedMessage, {
     id: "forms.cancel",
     defaultMessage: "Cancel"
-  })) : null, revertCallback ? /* @__PURE__ */ React11.createElement("a", {
+  })) : null, revertCallback ? /* @__PURE__ */ React13.createElement("a", {
     className: "form-cancel",
     onClick: (e) => {
       e.preventDefault();
       clearForm();
       revertCallback(document);
     }
-  }, revertLabel ? revertLabel : /* @__PURE__ */ React11.createElement(VulcanComponents.FormattedMessage, {
+  }, revertLabel ? revertLabel : /* @__PURE__ */ React13.createElement(VulcanComponents.FormattedMessage, {
     id: "forms.revert",
     defaultMessage: "Revert"
   })) : null, deleteDocument && canDeleteDocument({
     user: currentUser,
     document,
     model
-  }) ? /* @__PURE__ */ React11.createElement("div", null, /* @__PURE__ */ React11.createElement("hr", null), /* @__PURE__ */ React11.createElement(VulcanComponents.Button, {
+  }) ? /* @__PURE__ */ React13.createElement("div", null, /* @__PURE__ */ React13.createElement("hr", null), /* @__PURE__ */ React13.createElement(VulcanComponents.Button, {
     variant: "link",
     onClick: deleteDocument,
     className: `delete-link ${model.name}-delete-link`
-  }, /* @__PURE__ */ React11.createElement(VulcanComponents.Icon, {
+  }, /* @__PURE__ */ React13.createElement(VulcanComponents.Icon, {
     name: "close"
-  }), " ", /* @__PURE__ */ React11.createElement(VulcanComponents.FormattedMessage, {
+  }), " ", /* @__PURE__ */ React13.createElement(VulcanComponents.FormattedMessage, {
     id: "forms.delete",
     defaultMessage: "Delete"
   }))) : null);
@@ -9777,9 +9818,9 @@ FormSubmit.propTypes = {
 
 // components/form/elements/FormLayout.tsx
 init_esm_shims();
-import React12 from "react";
-function _extends5() {
-  _extends5 = Object.assign || function(target) {
+import React14 from "react";
+function _extends6() {
+  _extends6 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -9790,19 +9831,19 @@ function _extends5() {
     }
     return target;
   };
-  return _extends5.apply(this, arguments);
+  return _extends6.apply(this, arguments);
 }
-__name(_extends5, "_extends");
+__name(_extends6, "_extends");
 var FormLayout = /* @__PURE__ */ __name(({ commonProps, formProps, repeatErrors, submitProps, children }) => {
   const VulcanComponents = useVulcanComponents();
-  return /* @__PURE__ */ React12.createElement(VulcanComponents.FormElement, _extends5({}, formProps), /* @__PURE__ */ React12.createElement(VulcanComponents.FormErrors, _extends5({}, commonProps)), children, repeatErrors && /* @__PURE__ */ React12.createElement(VulcanComponents.FormErrors, _extends5({}, commonProps)), /* @__PURE__ */ React12.createElement(VulcanComponents.FormSubmit, _extends5({}, commonProps, submitProps)));
+  return /* @__PURE__ */ React14.createElement(VulcanComponents.FormElement, _extends6({}, formProps), /* @__PURE__ */ React14.createElement(VulcanComponents.FormErrors, _extends6({}, commonProps)), children, repeatErrors && /* @__PURE__ */ React14.createElement(VulcanComponents.FormErrors, _extends6({}, commonProps)), /* @__PURE__ */ React14.createElement(VulcanComponents.FormSubmit, _extends6({}, commonProps, submitProps)));
 }, "FormLayout");
 
 // components/form/elements/FormElement.tsx
 init_esm_shims();
-import React13 from "react";
-function _extends6() {
-  _extends6 = Object.assign || function(target) {
+import React15 from "react";
+function _extends7() {
+  _extends7 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -9813,13 +9854,13 @@ function _extends6() {
     }
     return target;
   };
-  return _extends6.apply(this, arguments);
+  return _extends7.apply(this, arguments);
 }
-__name(_extends6, "_extends");
-var FormElement = /* @__PURE__ */ React13.forwardRef((_a, ref) => {
+__name(_extends7, "_extends");
+var FormElement = /* @__PURE__ */ React15.forwardRef((_a, ref) => {
   var _b = _a, { children } = _b, otherProps = __objRest(_b, ["children"]);
   const { submitForm } = useFormContext();
-  return /* @__PURE__ */ React13.createElement("form", _extends6({}, otherProps, {
+  return /* @__PURE__ */ React15.createElement("form", _extends7({}, otherProps, {
     onSubmit: submitForm,
     ref
   }), children);
@@ -9830,7 +9871,7 @@ init_esm_shims();
 
 // components/form/core/FormComponent.tsx
 init_esm_shims();
-import React14, { useEffect as useEffect3, useState as useState2 } from "react";
+import React16, { useEffect as useEffect3, useState as useState2 } from "react";
 import get4 from "lodash/get.js";
 import SimpleSchema from "simpl-schema";
 
@@ -9878,8 +9919,8 @@ var getAutoInputFromType = /* @__PURE__ */ __name((fieldType) => {
 }, "getAutoInputFromType");
 
 // components/form/core/FormComponent.tsx
-function _extends7() {
-  _extends7 = Object.assign || function(target) {
+function _extends8() {
+  _extends8 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -9890,9 +9931,9 @@ function _extends7() {
     }
     return target;
   };
-  return _extends7.apply(this, arguments);
+  return _extends8.apply(this, arguments);
 }
-__name(_extends7, "_extends");
+__name(_extends8, "_extends");
 var getCharacterCounts = /* @__PURE__ */ __name((value, max) => {
   const characterCount = value && value.length ? value.length : 0;
   return {
@@ -10067,16 +10108,16 @@ var FormComponent = /* @__PURE__ */ __name((props) => {
   }, "clearField");
   const FormComponents = useVulcanComponents();
   if (intlInput) {
-    return /* @__PURE__ */ React14.createElement(FormComponents.FormIntl, _extends7({}, props));
+    return /* @__PURE__ */ React16.createElement(FormComponents.FormIntl, _extends8({}, props));
   } else if (!input && nestedInput) {
     if (isArrayField(type)) {
-      return /* @__PURE__ */ React14.createElement(FormComponents.FormNestedArray, _extends7({}, props, {
+      return /* @__PURE__ */ React16.createElement(FormComponents.FormNestedArray, _extends8({}, props, {
         formComponents: FormComponents,
         errors: getErrors2(),
         value: getValue()
       }));
     } else if (isObjectField(type)) {
-      return /* @__PURE__ */ React14.createElement(FormComponents.FormNestedObject, _extends7({}, props, {
+      return /* @__PURE__ */ React16.createElement(FormComponents.FormNestedObject, _extends8({}, props, {
         formComponents: FormComponents,
         errors: getErrors2(),
         value: getValue()
@@ -10099,14 +10140,14 @@ var FormComponent = /* @__PURE__ */ __name((props) => {
   if (!query && typeof options === "function") {
     fciProps.options = options(fciProps);
   }
-  const fci = /* @__PURE__ */ React14.createElement(FormComponents.FormComponentInner, _extends7({}, fciProps));
-  return query ? /* @__PURE__ */ React14.createElement(FormComponents.FormComponentLoader, _extends7({}, fciProps), fci) : fci;
+  const fci = /* @__PURE__ */ React16.createElement(FormComponents.FormComponentInner, _extends8({}, fciProps));
+  return query ? /* @__PURE__ */ React16.createElement(FormComponents.FormComponentLoader, _extends8({}, fciProps), fci) : fci;
 }, "FormComponent");
 var FormComponent_default = FormComponent;
 
 // components/form/core/FormComponentInner.tsx
 init_esm_shims();
-import React15 from "react";
+import React17 from "react";
 import { useIntlContext as useIntlContext3 } from "@vulcanjs/react-i18n";
 
 // components/form/utils/ui_utils.ts
@@ -10125,7 +10166,7 @@ var whitelistInputProps = /* @__PURE__ */ __name((props) => {
     "placeholder"
   ];
   const value = props.value;
-  let safeValue;
+  let safeValue = value;
   if (value === null)
     safeValue = void 0;
   return __spreadProps(__spreadValues({}, pick3(props, whitelist)), {
@@ -10135,8 +10176,8 @@ var whitelistInputProps = /* @__PURE__ */ __name((props) => {
 
 // components/form/core/FormComponentInner.tsx
 import classNames from "classnames";
-function _extends8() {
-  _extends8 = Object.assign || function(target) {
+function _extends9() {
+  _extends9 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -10147,21 +10188,21 @@ function _extends8() {
     }
     return target;
   };
-  return _extends8.apply(this, arguments);
+  return _extends9.apply(this, arguments);
 }
-__name(_extends8, "_extends");
+__name(_extends9, "_extends");
 var FormComponentInner = /* @__PURE__ */ __name((props) => {
   const intl = useIntlContext3();
   const { inputType: inputType1, disabled, clearField } = props;
   const renderClear = /* @__PURE__ */ __name(() => {
     if (clearableInputs.includes(inputType1) && !disabled) {
-      return /* @__PURE__ */ React15.createElement("button", {
+      return /* @__PURE__ */ React17.createElement("button", {
         className: "form-component-clear",
         title: intl.formatMessage({
           id: "forms.clear_field"
         }),
         onClick: clearField
-      }, /* @__PURE__ */ React15.createElement("span", null, "\u2715"));
+      }, /* @__PURE__ */ React17.createElement("span", null, "\u2715"));
     }
   }, "renderClear");
   const getProperties = /* @__PURE__ */ __name(() => {
@@ -10204,11 +10245,11 @@ var FormComponentInner = /* @__PURE__ */ __name((props) => {
   });
   const properties1 = getProperties();
   const FormInput = formInput;
-  return /* @__PURE__ */ React15.createElement("div", {
+  return /* @__PURE__ */ React17.createElement("div", {
     className: inputClass
-  }, /* @__PURE__ */ React15.createElement(FormInput, _extends8({}, properties1)), hasErrors ? /* @__PURE__ */ React15.createElement(FormComponents.FieldErrors, {
+  }, /* @__PURE__ */ React17.createElement(FormInput, _extends9({}, properties1)), hasErrors ? /* @__PURE__ */ React17.createElement(FormComponents.FieldErrors, {
     errors
-  }) : null, renderClear(), showCharsRemaining && /* @__PURE__ */ React15.createElement("div", {
+  }) : null, renderClear(), showCharsRemaining && /* @__PURE__ */ React17.createElement("div", {
     className: classNames("form-control-limit", {
       danger: charsRemaining < 10
     })
@@ -10217,7 +10258,7 @@ var FormComponentInner = /* @__PURE__ */ __name((props) => {
 
 // components/form/core/FormComponentLoader.tsx
 init_esm_shims();
-import React16, { useEffect as useEffect4 } from "react";
+import React18, { useEffect as useEffect4 } from "react";
 import { useLazyQuery } from "@apollo/client";
 import isEmpty2 from "lodash/isEmpty.js";
 var FormComponentLoader = /* @__PURE__ */ __name((props) => {
@@ -10246,9 +10287,9 @@ var FormComponentLoader = /* @__PURE__ */ __name((props) => {
     throw new Error(error.toString());
   }
   if (loading) {
-    return /* @__PURE__ */ React16.createElement("div", {
+    return /* @__PURE__ */ React18.createElement("div", {
       className: "form-component-loader"
-    }, /* @__PURE__ */ React16.createElement(VulcanComponents.Loading, null));
+    }, /* @__PURE__ */ React18.createElement(VulcanComponents.Loading, null));
   }
   const extraProps = {
     data,
@@ -10262,11 +10303,11 @@ var FormComponentLoader = /* @__PURE__ */ __name((props) => {
       data
     }));
   }
-  if (!/* @__PURE__ */ React16.isValidElement(children)) {
+  if (!/* @__PURE__ */ React18.isValidElement(children)) {
     throw new Error("Children of FormComponentLoader must be a React element, got " + children);
   }
-  const fci = /* @__PURE__ */ React16.cloneElement(children, extraProps);
-  return /* @__PURE__ */ React16.createElement("div", {
+  const fci = /* @__PURE__ */ React18.cloneElement(children, extraProps);
+  return /* @__PURE__ */ React18.createElement("div", {
     className: "form-component-loader"
   }, fci);
 }, "FormComponentLoader");
@@ -10274,11 +10315,11 @@ FormComponentLoader.propTypes = {};
 
 // components/form/core/FormGroup.tsx
 init_esm_shims();
-import React17, { useState as useState3 } from "react";
+import React19, { useState as useState3 } from "react";
 import _some from "lodash/some.js";
 import { isAdmin } from "@vulcanjs/permissions";
-function _extends9() {
-  _extends9 = Object.assign || function(target) {
+function _extends10() {
+  _extends10 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -10289,14 +10330,14 @@ function _extends9() {
     }
     return target;
   };
-  return _extends9.apply(this, arguments);
+  return _extends10.apply(this, arguments);
 }
-__name(_extends9, "_extends");
+__name(_extends10, "_extends");
 var FormGroupLayout = /* @__PURE__ */ __name((_a) => {
   var _b = _a, { anchorName, collapsed, hasErrors, group, document, toggle } = _b, props = __objRest(_b, ["anchorName", "collapsed", "hasErrors", "group", "document", "toggle"]);
-  return /* @__PURE__ */ React17.createElement("fieldset", _extends9({}, props));
+  return /* @__PURE__ */ React19.createElement("fieldset", _extends10({}, props));
 }, "FormGroupLayout");
-var FormGroupHeader = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React17.createElement("h2", _extends9({}, props)), "FormGroupHeader");
+var FormGroupHeader = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React19.createElement("h2", _extends10({}, props)), "FormGroupHeader");
 var FormGroup = /* @__PURE__ */ __name((props) => {
   const { name: name2, label, group, fields, hidden, document, currentUser, disabled, itemProperties, prefilledProps, formType } = props;
   const { errors, clearFieldErrors } = useFormContext();
@@ -10309,7 +10350,7 @@ var FormGroup = /* @__PURE__ */ __name((props) => {
   const isHidden = typeof hidden === "function" ? hidden(__spreadProps(__spreadValues({}, props), {
     document
   })) : hidden || false;
-  const heading = /* @__PURE__ */ React17.createElement(VulcanComponents.FormGroupHeader, {
+  const heading = /* @__PURE__ */ React19.createElement(VulcanComponents.FormGroupHeader, {
     toggle,
     label,
     collapsed: collapsed1,
@@ -10320,7 +10361,7 @@ var FormGroup = /* @__PURE__ */ __name((props) => {
     return null;
   }
   const anchorName = name2.split(".").length > 1 ? name2.split(".")[1] : name2;
-  return /* @__PURE__ */ React17.createElement(VulcanComponents.FormGroupLayout, {
+  return /* @__PURE__ */ React19.createElement(VulcanComponents.FormGroupLayout, {
     label,
     anchorName,
     toggle,
@@ -10330,7 +10371,7 @@ var FormGroup = /* @__PURE__ */ __name((props) => {
     heading: name2 === "default" ? null : heading,
     hasErrors,
     document
-  }, fields.map((field) => /* @__PURE__ */ React17.createElement(VulcanComponents.FormComponent, _extends9({
+  }, fields.map((field) => /* @__PURE__ */ React19.createElement(VulcanComponents.FormComponent, _extends10({
     key: field.name,
     disabled
   }, field, {
@@ -10345,10 +10386,10 @@ var FormGroup = /* @__PURE__ */ __name((props) => {
 
 // components/form/intl/FormIntl.tsx
 init_esm_shims();
-import React18 from "react";
+import React20 from "react";
 import omit2 from "lodash/omit.js";
-function _extends10() {
-  _extends10 = Object.assign || function(target) {
+function _extends11() {
+  _extends11 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -10359,13 +10400,13 @@ function _extends10() {
     }
     return target;
   };
-  return _extends10.apply(this, arguments);
+  return _extends11.apply(this, arguments);
 }
-__name(_extends10, "_extends");
-var FormIntlLayout = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ React18.createElement("div", {
+__name(_extends11, "_extends");
+var FormIntlLayout = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ React20.createElement("div", {
   className: "form-intl"
 }, children), "FormIntlLayout");
-var FormIntlItemLayout = /* @__PURE__ */ __name(({ locale, children }) => /* @__PURE__ */ React18.createElement("div", {
+var FormIntlItemLayout = /* @__PURE__ */ __name(({ locale, children }) => /* @__PURE__ */ React20.createElement("div", {
   className: `form-intl-${locale.id}`
 }, children), "FormIntlItemLayout");
 var FormIntl = /* @__PURE__ */ __name((props) => {
@@ -10377,10 +10418,10 @@ var FormIntl = /* @__PURE__ */ __name((props) => {
   }, "getLocalePath");
   const { name: name2 } = props;
   const properties = omit2(props, "value", "inputProperties", "intlInput", "nestedInput");
-  return /* @__PURE__ */ React18.createElement(FormComponents.FormIntlLayout, null, Locales.map((locale, i) => /* @__PURE__ */ React18.createElement(FormComponents.FormIntlItemLayout, {
+  return /* @__PURE__ */ React20.createElement(FormComponents.FormIntlLayout, null, Locales.map((locale, i) => /* @__PURE__ */ React20.createElement(FormComponents.FormIntlItemLayout, {
     key: locale.id,
     locale
-  }, /* @__PURE__ */ React18.createElement(FormComponents.FormComponent, _extends10({}, properties, {
+  }, /* @__PURE__ */ React20.createElement(FormComponents.FormComponent, _extends11({}, properties, {
     label: getLabel2(name2, locale.id),
     path: getLocalePath(i),
     locale: locale.id
@@ -10392,11 +10433,11 @@ init_esm_shims();
 
 // components/form/nested/FormNestedArray.tsx
 init_esm_shims();
-import React19, { useEffect as useEffect5 } from "react";
+import React21, { useEffect as useEffect5 } from "react";
 import _omit from "lodash/omit.js";
 import _get from "lodash/get.js";
-function _extends11() {
-  _extends11 = Object.assign || function(target) {
+function _extends12() {
+  _extends12 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -10407,18 +10448,18 @@ function _extends11() {
     }
     return target;
   };
-  return _extends11.apply(this, arguments);
+  return _extends12.apply(this, arguments);
 }
-__name(_extends11, "_extends");
+__name(_extends12, "_extends");
 var FormNestedArrayInnerLayout = /* @__PURE__ */ __name((props) => {
   const { label, children, addItem, BeforeComponent, AfterComponent } = props;
   const FormComponents = useVulcanComponents();
-  return /* @__PURE__ */ React19.createElement("div", {
+  return /* @__PURE__ */ React21.createElement("div", {
     className: "form-nested-array-inner-layout"
-  }, /* @__PURE__ */ React19.createElement(BeforeComponent, _extends11({}, props)), children, /* @__PURE__ */ React19.createElement(FormComponents.FormNestedDivider, {
+  }, /* @__PURE__ */ React21.createElement(BeforeComponent, _extends12({}, props)), children, /* @__PURE__ */ React21.createElement(FormComponents.FormNestedDivider, {
     label,
     addItem
-  }), /* @__PURE__ */ React19.createElement(AfterComponent, _extends11({}, props)));
+  }), /* @__PURE__ */ React21.createElement(AfterComponent, _extends12({}, props)));
 }, "FormNestedArrayInnerLayout");
 var FormNestedArray = /* @__PURE__ */ __name((props) => {
   const { updateCurrentValues, deletedValues, errors } = useFormContext();
@@ -10465,18 +10506,18 @@ var FormNestedArray = /* @__PURE__ */ __name((props) => {
   properties.addItem = !maxCount || arrayLength < maxCount ? addItem : null;
   properties.nestedArrayErrors = errors.filter((error) => error.path && error.path === path1);
   properties.hasErrors = !!(properties.nestedArrayErrors && properties.nestedArrayErrors.length);
-  return /* @__PURE__ */ React19.createElement(FormComponents.FormNestedArrayLayout, _extends11({}, properties), value.map((subDocument, i) => {
+  return /* @__PURE__ */ React21.createElement(FormComponents.FormNestedArrayLayout, _extends12({}, properties), value.map((subDocument, i) => {
     if (isDeleted(i))
       return null;
     const path = `${props.path}.${i}`;
     const visibleItemIndex = visibleItemIndexes[i];
-    return /* @__PURE__ */ React19.createElement(FormComponents.FormNestedArrayInnerLayout, _extends11({}, arrayField, {
+    return /* @__PURE__ */ React21.createElement(FormComponents.FormNestedArrayInnerLayout, _extends12({}, arrayField, {
       key: path,
       addItem,
       itemIndex: i,
       visibleItemIndex,
       path
-    }), /* @__PURE__ */ React19.createElement(FormComponents.FormNestedItem, _extends11({}, properties, {
+    }), /* @__PURE__ */ React21.createElement(FormComponents.FormNestedItem, _extends12({}, properties, {
       itemIndex: i,
       visibleItemIndex,
       path,
@@ -10487,21 +10528,21 @@ var FormNestedArray = /* @__PURE__ */ __name((props) => {
     })));
   }));
 }, "FormNestedArray");
-var IconAdd = /* @__PURE__ */ __name(({ width = 24, height = 24 }) => /* @__PURE__ */ React19.createElement("svg", {
+var IconAdd = /* @__PURE__ */ __name(({ width = 24, height = 24 }) => /* @__PURE__ */ React21.createElement("svg", {
   width,
   height,
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 448 512"
-}, /* @__PURE__ */ React19.createElement("path", {
+}, /* @__PURE__ */ React21.createElement("path", {
   fill: "currentColor",
   d: "M448 294.2v-76.4c0-13.3-10.7-24-24-24H286.2V56c0-13.3-10.7-24-24-24h-76.4c-13.3 0-24 10.7-24 24v137.8H24c-13.3 0-24 10.7-24 24v76.4c0 13.3 10.7 24 24 24h137.8V456c0 13.3 10.7 24 24 24h76.4c13.3 0 24-10.7 24-24V318.2H424c13.3 0 24-10.7 24-24z"
 })), "IconAdd");
-var IconRemove = /* @__PURE__ */ __name(({ width = 24, height = 24 }) => /* @__PURE__ */ React19.createElement("svg", {
+var IconRemove = /* @__PURE__ */ __name(({ width = 24, height = 24 }) => /* @__PURE__ */ React21.createElement("svg", {
   width,
   height,
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 448 512"
-}, /* @__PURE__ */ React19.createElement("path", {
+}, /* @__PURE__ */ React21.createElement("path", {
   fill: "currentColor",
   d: "M424 318.2c13.3 0 24-10.7 24-24v-76.4c0-13.3-10.7-24-24-24H24c-13.3 0-24 10.7-24 24v76.4c0 13.3 10.7 24 24 24h400z"
 })), "IconRemove");
@@ -10509,9 +10550,9 @@ var IconRemove = /* @__PURE__ */ __name(({ width = 24, height = 24 }) => /* @__P
 // components/form/nested/FormNestedArrayLayout.tsx
 init_esm_shims();
 var import_prop_types2 = __toESM(require_prop_types(), 1);
-import React20 from "react";
-function _extends12() {
-  _extends12 = Object.assign || function(target) {
+import React22 from "react";
+function _extends13() {
+  _extends13 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -10522,30 +10563,30 @@ function _extends12() {
     }
     return target;
   };
-  return _extends12.apply(this, arguments);
+  return _extends13.apply(this, arguments);
 }
-__name(_extends12, "_extends");
+__name(_extends13, "_extends");
 var FormNestedArrayLayout = /* @__PURE__ */ __name((props) => {
   const { hasErrors, nestedArrayErrors, label, addItem, BeforeComponent, AfterComponent, children } = props;
   const VulcanComponents = useVulcanComponents();
-  return /* @__PURE__ */ React20.createElement("div", {
+  return /* @__PURE__ */ React22.createElement("div", {
     className: `form-group row form-nested ${hasErrors ? "input-error" : ""}`
-  }, BeforeComponent && /* @__PURE__ */ React20.createElement(BeforeComponent, _extends12({}, props)), /* @__PURE__ */ React20.createElement("label", {
+  }, BeforeComponent && /* @__PURE__ */ React22.createElement(BeforeComponent, _extends13({}, props)), /* @__PURE__ */ React22.createElement("label", {
     className: "control-label col-sm-3"
-  }, label), /* @__PURE__ */ React20.createElement("div", {
+  }, label), /* @__PURE__ */ React22.createElement("div", {
     className: "col-sm-9"
-  }, children, addItem && /* @__PURE__ */ React20.createElement(VulcanComponents.Button, {
+  }, children, addItem && /* @__PURE__ */ React22.createElement(VulcanComponents.Button, {
     className: "form-nested-button form-nested-add",
     size: "sm",
     variant: "success",
     onClick: addItem
-  }, /* @__PURE__ */ React20.createElement(VulcanComponents.IconAdd, {
+  }, /* @__PURE__ */ React22.createElement(VulcanComponents.IconAdd, {
     height: 12,
     width: 12
-  })), props.hasErrors ? /* @__PURE__ */ React20.createElement(VulcanComponents.FieldErrors, {
+  })), props.hasErrors ? /* @__PURE__ */ React22.createElement(VulcanComponents.FieldErrors, {
     key: "form-nested-errors",
     errors: nestedArrayErrors
-  }) : null), AfterComponent && /* @__PURE__ */ React20.createElement(AfterComponent, _extends12({}, props)));
+  }) : null), AfterComponent && /* @__PURE__ */ React22.createElement(AfterComponent, _extends13({}, props)));
 }, "FormNestedArrayLayout");
 FormNestedArrayLayout.propTypes = {
   hasErrors: import_prop_types2.default.bool.isRequired,
@@ -10562,11 +10603,11 @@ FormNestedArrayLayout.propTypes = {
 // components/form/nested/FormNestedItem.tsx
 init_esm_shims();
 var import_prop_types3 = __toESM(require_prop_types(), 1);
-import React21 from "react";
+import React23 from "react";
 import { intlShape } from "@vulcanjs/react-i18n";
 import { useIntlContext as useIntlContext4 } from "@vulcanjs/react-i18n";
-function _extends13() {
-  _extends13 = Object.assign || function(target) {
+function _extends14() {
+  _extends14 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -10577,19 +10618,19 @@ function _extends13() {
     }
     return target;
   };
-  return _extends13.apply(this, arguments);
+  return _extends14.apply(this, arguments);
 }
-__name(_extends13, "_extends");
-var FormNestedItemLayout = /* @__PURE__ */ __name(({ content, removeButton }) => /* @__PURE__ */ React21.createElement("div", {
+__name(_extends14, "_extends");
+var FormNestedItemLayout = /* @__PURE__ */ __name(({ content, removeButton }) => /* @__PURE__ */ React23.createElement("div", {
   className: "form-nested-item"
-}, /* @__PURE__ */ React21.createElement("div", {
+}, /* @__PURE__ */ React23.createElement("div", {
   className: "form-nested-item-inner"
 }, content), removeButton && [
-  /* @__PURE__ */ React21.createElement("div", {
+  /* @__PURE__ */ React23.createElement("div", {
     key: "remove-button",
     className: "form-nested-item-remove"
   }, removeButton),
-  /* @__PURE__ */ React21.createElement("div", {
+  /* @__PURE__ */ React23.createElement("div", {
     key: "remove-button-overlay",
     className: "form-nested-item-deleted-overlay"
   })
@@ -10603,9 +10644,9 @@ var FormNestedItem = /* @__PURE__ */ __name((_a) => {
   const VulcanComponents = useVulcanComponents();
   const intl = useIntlContext4();
   const isArray = typeof itemIndex !== "undefined";
-  return /* @__PURE__ */ React21.createElement(VulcanComponents.FormNestedItemLayout, {
+  return /* @__PURE__ */ React23.createElement(VulcanComponents.FormNestedItemLayout, {
     content: nestedFields.map((field, i) => {
-      return /* @__PURE__ */ React21.createElement(VulcanComponents.FormComponent, _extends13({
+      return /* @__PURE__ */ React23.createElement(VulcanComponents.FormComponent, _extends14({
         key: i
       }, props, field, {
         path: `${path}.${field.name}`,
@@ -10613,10 +10654,10 @@ var FormNestedItem = /* @__PURE__ */ __name((_a) => {
       }));
     }),
     removeButton: isArray && !hideRemove && [
-      /* @__PURE__ */ React21.createElement("div", {
+      /* @__PURE__ */ React23.createElement("div", {
         key: "remove-button",
         className: "form-nested-item-remove"
-      }, /* @__PURE__ */ React21.createElement(VulcanComponents.Button, {
+      }, /* @__PURE__ */ React23.createElement(VulcanComponents.Button, {
         className: "form-nested-button",
         variant: "danger",
         size: "sm",
@@ -10630,11 +10671,11 @@ var FormNestedItem = /* @__PURE__ */ __name((_a) => {
         }, {
           label
         })
-      }, /* @__PURE__ */ React21.createElement(VulcanComponents.IconRemove, {
+      }, /* @__PURE__ */ React23.createElement(VulcanComponents.IconRemove, {
         height: 12,
         width: 12
       }))),
-      /* @__PURE__ */ React21.createElement("div", {
+      /* @__PURE__ */ React23.createElement("div", {
         key: "remove-button-overlay",
         className: "form-nested-item-deleted-overlay"
       })
@@ -10655,8 +10696,8 @@ FormNestedItem.contextTypes = {
 // components/form/nested/FormNestedDivider.tsx
 init_esm_shims();
 var import_prop_types4 = __toESM(require_prop_types(), 1);
-import React22 from "react";
-var FormNestedDivider = /* @__PURE__ */ __name(({ label, addItem }) => /* @__PURE__ */ React22.createElement("div", null), "FormNestedDivider");
+import React24 from "react";
+var FormNestedDivider = /* @__PURE__ */ __name(({ label, addItem }) => /* @__PURE__ */ React24.createElement("div", null), "FormNestedDivider");
 FormNestedDivider.propTypes = {
   label: import_prop_types4.default.string,
   addItem: import_prop_types4.default.func
@@ -10665,10 +10706,10 @@ FormNestedDivider.propTypes = {
 // components/form/nested/FormNestedObject.tsx
 init_esm_shims();
 var import_prop_types5 = __toESM(require_prop_types(), 1);
-import React23 from "react";
+import React25 from "react";
 import _omit2 from "lodash/omit.js";
-function _extends14() {
-  _extends14 = Object.assign || function(target) {
+function _extends15() {
+  _extends15 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -10679,14 +10720,14 @@ function _extends14() {
     }
     return target;
   };
-  return _extends14.apply(this, arguments);
+  return _extends15.apply(this, arguments);
 }
-__name(_extends14, "_extends");
-var FormNestedObjectLayout = /* @__PURE__ */ __name(({ hasErrors, label, content }) => /* @__PURE__ */ React23.createElement("div", {
+__name(_extends15, "_extends");
+var FormNestedObjectLayout = /* @__PURE__ */ __name(({ hasErrors, label, content }) => /* @__PURE__ */ React25.createElement("div", {
   className: `form-group row form-nested ${hasErrors ? "input-error" : ""}`
-}, /* @__PURE__ */ React23.createElement("label", {
+}, /* @__PURE__ */ React25.createElement("label", {
   className: "control-label col-sm-3"
-}, label), /* @__PURE__ */ React23.createElement("div", {
+}, label), /* @__PURE__ */ React25.createElement("div", {
   className: "col-sm-9"
 }, content)), "FormNestedObjectLayout");
 FormNestedObjectLayout.propTypes = {
@@ -10703,16 +10744,16 @@ var FormNestedObject = /* @__PURE__ */ __name((props) => {
   const { errors } = useFormContext();
   const nestedObjectErrors = errors.filter((error) => error.path && error.path === props.path);
   const hasErrors = nestedObjectErrors && nestedObjectErrors.length;
-  return /* @__PURE__ */ React23.createElement(VulcanComponents.FormNestedObjectLayout, {
+  return /* @__PURE__ */ React25.createElement(VulcanComponents.FormNestedObjectLayout, {
     hasErrors,
     label: props.label,
     content: [
-      /* @__PURE__ */ React23.createElement(VulcanComponents.FormNestedItem, _extends14({
+      /* @__PURE__ */ React25.createElement(VulcanComponents.FormNestedItem, _extends15({
         key: "form-nested-item"
       }, properties, {
         path: `${props.path}`
       })),
-      hasErrors ? /* @__PURE__ */ React23.createElement(VulcanComponents.FieldErrors, {
+      hasErrors ? /* @__PURE__ */ React25.createElement(VulcanComponents.FieldErrors, {
         key: "form-nested-errors",
         errors: nestedObjectErrors
       }) : null
@@ -10732,9 +10773,9 @@ init_esm_shims();
 
 // components/form/inputs/BasicInputs.tsx
 init_esm_shims();
-import React24 from "react";
-function _extends15() {
-  _extends15 = Object.assign || function(target) {
+import React26 from "react";
+function _extends16() {
+  _extends16 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -10745,56 +10786,56 @@ function _extends15() {
     }
     return target;
   };
-  return _extends15.apply(this, arguments);
+  return _extends16.apply(this, arguments);
 }
-__name(_extends15, "_extends");
+__name(_extends16, "_extends");
 var HTMLInputAdapter = /* @__PURE__ */ __name((props) => {
   const Components2 = useVulcanComponents();
   const { inputProperties = {}, itemProperties = {}, path } = props;
   const _a = inputProperties, { label, name: name2 } = _a, otherInputProperties = __objRest(_a, ["label", "name"]);
-  return /* @__PURE__ */ React24.createElement(Components2.FormItem, _extends15({
+  return /* @__PURE__ */ React26.createElement(Components2.FormItem, _extends16({
     name: name2,
     path,
     label,
     inputProperties
-  }, itemProperties), /* @__PURE__ */ React24.createElement("input", _extends15({}, otherInputProperties, {
+  }, itemProperties), /* @__PURE__ */ React26.createElement("input", _extends16({}, otherInputProperties, {
     id: name2,
     name: name2,
     type: props.type
   })));
 }, "HTMLInputAdapter");
-var FormComponentDefault = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React24.createElement(HTMLInputAdapter, _extends15({
+var FormComponentDefault = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React26.createElement(HTMLInputAdapter, _extends16({
   type: "text"
 }, props)), "FormComponentDefault");
-var FormComponentPassword = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React24.createElement(HTMLInputAdapter, _extends15({
+var FormComponentPassword = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React26.createElement(HTMLInputAdapter, _extends16({
   type: "password"
 }, props)), "FormComponentPassword");
-var FormComponentNumber = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React24.createElement(HTMLInputAdapter, _extends15({
+var FormComponentNumber = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React26.createElement(HTMLInputAdapter, _extends16({
   type: "number"
 }, props)), "FormComponentNumber");
-var FormComponentUrl = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React24.createElement(HTMLInputAdapter, _extends15({
+var FormComponentUrl = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React26.createElement(HTMLInputAdapter, _extends16({
   type: "url"
 }, props)), "FormComponentUrl");
-var FormComponentEmail = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React24.createElement(HTMLInputAdapter, _extends15({
+var FormComponentEmail = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React26.createElement(HTMLInputAdapter, _extends16({
   type: "email"
 }, props)), "FormComponentEmail");
 var FormComponentCheckbox = /* @__PURE__ */ __name((props) => {
-  return /* @__PURE__ */ React24.createElement(HTMLInputAdapter, _extends15({
+  return /* @__PURE__ */ React26.createElement(HTMLInputAdapter, _extends16({
     type: "checkbox"
   }, props));
 }, "FormComponentCheckbox");
-var FormComponentDate = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React24.createElement(HTMLInputAdapter, _extends15({
+var FormComponentDate = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React26.createElement(HTMLInputAdapter, _extends16({
   type: "date"
 }, props)), "FormComponentDate");
-var FormComponentDateTime = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React24.createElement(HTMLInputAdapter, _extends15({
+var FormComponentDateTime = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React26.createElement(HTMLInputAdapter, _extends16({
   type: "datetime-local"
 }, props)), "FormComponentDateTime");
-var FormComponentTime = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React24.createElement(HTMLInputAdapter, _extends15({
+var FormComponentTime = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React26.createElement(HTMLInputAdapter, _extends16({
   type: "time"
 }, props)), "FormComponentTime");
 var FormComponentStaticText = /* @__PURE__ */ __name((props) => {
   const { inputProperties } = props;
-  return /* @__PURE__ */ React24.createElement("input", _extends15({}, inputProperties, {
+  return /* @__PURE__ */ React26.createElement("input", _extends16({}, inputProperties, {
     disabled: true
   }));
 }, "FormComponentStaticText");
@@ -10804,21 +10845,21 @@ var FormComponentTextarea = /* @__PURE__ */ __name((props) => {
   const Components2 = useVulcanComponents();
   const { inputProperties = {}, itemProperties = {}, path } = props;
   const _a = inputProperties, { label, name: name2 } = _a, otherInputProperties = __objRest(_a, ["label", "name"]);
-  return /* @__PURE__ */ React24.createElement(Components2.FormItem, _extends15({
+  return /* @__PURE__ */ React26.createElement(Components2.FormItem, _extends16({
     name: name2,
     path,
     label,
     inputProperties
-  }, itemProperties), /* @__PURE__ */ React24.createElement("label", {
+  }, itemProperties), /* @__PURE__ */ React26.createElement("label", {
     htmlFor: "name"
-  }, label), /* @__PURE__ */ React24.createElement("textarea", _extends15({}, inputProperties)));
+  }, label), /* @__PURE__ */ React26.createElement("textarea", _extends16({}, inputProperties)));
 }, "FormComponentTextarea");
 
 // components/form/inputs/RadioGroup.tsx
 init_esm_shims();
-import React25 from "react";
-function _extends16() {
-  _extends16 = Object.assign || function(target) {
+import React27 from "react";
+function _extends17() {
+  _extends17 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -10829,48 +10870,48 @@ function _extends16() {
     }
     return target;
   };
-  return _extends16.apply(this, arguments);
+  return _extends17.apply(this, arguments);
 }
-__name(_extends16, "_extends");
+__name(_extends17, "_extends");
 var FormComponentRadioGroup = /* @__PURE__ */ __name((props) => {
-  const { path, inputProperties, options = [], itemProperties } = props;
+  const { value: propsValue, path, inputProperties, options = [], itemProperties } = props;
   const { label, name: name2 } = inputProperties;
   if (!Array.isArray(options))
     throw new Error("RadioGroup not yet supporting functional options");
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React25.createElement(Components2.FormItem, _extends16({
+  return /* @__PURE__ */ React27.createElement(Components2.FormItem, _extends17({
     path,
     name: name2,
     label,
     inputProperties
   }, itemProperties), options.map((option) => {
     const { value, label: label2 } = option;
-    return /* @__PURE__ */ React25.createElement("div", {
+    return /* @__PURE__ */ React27.createElement("div", {
       key: value,
       className: "form-radio-group-radio-item"
-    }, /* @__PURE__ */ React25.createElement(Components2.FormOptionLabel, {
+    }, /* @__PURE__ */ React27.createElement(Components2.FormOptionLabel, {
       option
-    }), /* @__PURE__ */ React25.createElement("input", _extends16({
+    }), /* @__PURE__ */ React27.createElement("input", _extends17({
       type: "radio",
       id: value,
       name: name2,
       key: value
     }, inputProperties, {
       value,
-      checked: value === inputProperties.value
+      checked: value === propsValue
     })));
   }));
 }, "FormComponentRadioGroup");
 
 // components/form/inputs/Checkboxgroup.tsx
 init_esm_shims();
-import React26, { useState as useState4 } from "react";
+import React28, { useState as useState4 } from "react";
 import without2 from "lodash/without.js";
 import omit3 from "lodash/omit.js";
 import uniq2 from "lodash/uniq.js";
 import isEmpty3 from "lodash/isEmpty.js";
-function _extends17() {
-  _extends17 = Object.assign || function(target) {
+function _extends18() {
+  _extends18 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -10881,9 +10922,9 @@ function _extends17() {
     }
     return target;
   };
-  return _extends17.apply(this, arguments);
+  return _extends18.apply(this, arguments);
 }
-__name(_extends17, "_extends");
+__name(_extends18, "_extends");
 var otherMarker = "[other]";
 var isOtherValue = /* @__PURE__ */ __name((s) => s && typeof s === "string" && s.substr(0, otherMarker.length) === otherMarker, "isOtherValue");
 var removeOtherMarker = /* @__PURE__ */ __name((s) => s && typeof s === "string" && s.substr(otherMarker.length), "removeOtherMarker");
@@ -10916,9 +10957,9 @@ var OtherComponent = /* @__PURE__ */ __name(({ value, path }) => {
   const textFieldItemProperties = {
     layout: "elementOnly"
   };
-  return /* @__PURE__ */ React26.createElement("div", {
+  return /* @__PURE__ */ React28.createElement("div", {
     className: "form-option-other"
-  }, /* @__PURE__ */ React26.createElement(Components2.FormComponentCheckbox, {
+  }, /* @__PURE__ */ React28.createElement(Components2.FormComponentCheckbox, {
     layout: "elementOnly",
     label: "Other",
     value: showOther,
@@ -10941,7 +10982,7 @@ var OtherComponent = /* @__PURE__ */ __name(({ value, path }) => {
         });
       }
     }
-  }), showOther && /* @__PURE__ */ React26.createElement(Components2.FormComponentText, {
+  }), showOther && /* @__PURE__ */ React28.createElement(Components2.FormComponentText, {
     inputProperties: textFieldInputProperties,
     itemProperties: textFieldItemProperties
   }));
@@ -10955,23 +10996,23 @@ var FormComponentCheckboxGroup = /* @__PURE__ */ __name((props) => {
     throw new Error("FormComponentCheckboxGroup not yet supporting functional options");
   const value = valueFromProps ? uniq2(valueFromProps.filter((v) => isOtherValue(v) || options.map((o) => o.value).includes(v))) : [];
   const hasValue = value.length > 0;
-  return /* @__PURE__ */ React26.createElement(Components2.FormItem, _extends17({
+  return /* @__PURE__ */ React28.createElement(Components2.FormItem, _extends18({
     name: name2,
     label,
     path,
     inputProperties
-  }, itemProperties), /* @__PURE__ */ React26.createElement("div", {
+  }, itemProperties), /* @__PURE__ */ React28.createElement("div", {
     className: "form-item-options"
   }, options.map((option, i) => {
     const isChecked1 = value.includes(option.value);
     const checkClass = hasValue ? isChecked1 ? "form-check-checked" : "form-check-unchecked" : "";
-    return /* @__PURE__ */ React26.createElement("div", {
+    return /* @__PURE__ */ React28.createElement("div", {
       className: "form-item-option",
       key: option.value
-    }, /* @__PURE__ */ React26.createElement(Components2.FormOptionLabel, {
+    }, /* @__PURE__ */ React28.createElement(Components2.FormOptionLabel, {
       option,
       name: name2
-    }), /* @__PURE__ */ React26.createElement("input", _extends17({
+    }), /* @__PURE__ */ React28.createElement("input", _extends18({
       type: "checkbox"
     }, omit3(inputProperties, "value"), {
       name: name2,
@@ -10990,7 +11031,7 @@ var FormComponentCheckboxGroup = /* @__PURE__ */ __name((props) => {
       },
       className: checkClass
     })));
-  }), itemProperties.showOther && /* @__PURE__ */ React26.createElement(OtherComponent, {
+  }), itemProperties.showOther && /* @__PURE__ */ React28.createElement(OtherComponent, {
     value,
     path
   })));
@@ -10998,9 +11039,9 @@ var FormComponentCheckboxGroup = /* @__PURE__ */ __name((props) => {
 
 // components/form/inputs/SelectInputs.tsx
 init_esm_shims();
-import React27 from "react";
-function _extends18() {
-  _extends18 = Object.assign || function(target) {
+import React29 from "react";
+function _extends19() {
+  _extends19 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -11011,56 +11052,56 @@ function _extends18() {
     }
     return target;
   };
-  return _extends18.apply(this, arguments);
+  return _extends19.apply(this, arguments);
 }
-__name(_extends18, "_extends");
+__name(_extends19, "_extends");
 var HTMLSelectAdapter = /* @__PURE__ */ __name((props) => {
   const { multiple, path, inputProperties = {}, options = [], itemProperties } = props;
   const { label: label1, name: name2 } = inputProperties;
   if (!Array.isArray(options))
     throw new Error("HTMLSelectAdapater not yet supporting functional options");
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React27.createElement(Components2.FormItem, _extends18({
+  return /* @__PURE__ */ React29.createElement(Components2.FormItem, _extends19({
     name: name2,
     label: label1,
     path,
     inputProperties
-  }, itemProperties), /* @__PURE__ */ React27.createElement("select", _extends18({
+  }, itemProperties), /* @__PURE__ */ React29.createElement("select", _extends19({
     multiple
   }, inputProperties, {
     value: inputProperties.value === null ? void 0 : inputProperties.value
-  }), options.map(({ label, value }) => /* @__PURE__ */ React27.createElement("option", {
+  }), options.map(({ label, value }) => /* @__PURE__ */ React29.createElement("option", {
     key: value,
     label,
     value
   }))));
 }, "HTMLSelectAdapter");
-var FormComponentSelect = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React27.createElement(HTMLSelectAdapter, _extends18({}, props)), "FormComponentSelect");
+var FormComponentSelect = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React29.createElement(HTMLSelectAdapter, _extends19({}, props)), "FormComponentSelect");
 var FormComponentSelectMultiple = /* @__PURE__ */ __name((props) => {
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React27.createElement(Components2.FormComponentSelect, _extends18({
+  return /* @__PURE__ */ React29.createElement(Components2.FormComponentSelect, _extends19({
     multiple: true
   }, props));
 }, "FormComponentSelectMultiple");
 
 // components/form/inputs/FormItem.tsx
 init_esm_shims();
-import React28 from "react";
+import React30 from "react";
 var FormItem = /* @__PURE__ */ __name((props) => {
   const { inputProperties, label, name: name2 } = props;
-  return /* @__PURE__ */ React28.createElement("div", {
+  return /* @__PURE__ */ React30.createElement("div", {
     className: `form-item ${name2}`
-  }, /* @__PURE__ */ React28.createElement("label", {
+  }, /* @__PURE__ */ React30.createElement("label", {
     htmlFor: name2
   }, label), props.children);
 }, "FormItem");
 
 // components/form/inputs/FormOptionLabel.tsx
 init_esm_shims();
-import React29 from "react";
+import React31 from "react";
 var FormOptionLabel = /* @__PURE__ */ __name(({ option, name: name2 }) => {
   const { label } = option;
-  return /* @__PURE__ */ React29.createElement("label", {
+  return /* @__PURE__ */ React31.createElement("label", {
     htmlFor: name2,
     className: "form-option-label"
   }, label);
@@ -11069,10 +11110,10 @@ var FormOptionLabel = /* @__PURE__ */ __name(({ option, name: name2 }) => {
 // components/form/inputs/AutocompleteMultiple.tsx
 init_esm_shims();
 import { AsyncTypeahead } from "react-bootstrap-typeahead";
-import React30, { useState as useState5 } from "react";
+import React32, { useState as useState5 } from "react";
 import { useLazyQuery as useLazyQuery2 } from "@apollo/client";
-function _extends19() {
-  _extends19 = Object.assign || function(target) {
+function _extends20() {
+  _extends20 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -11083,9 +11124,9 @@ function _extends19() {
     }
     return target;
   };
-  return _extends19.apply(this, arguments);
+  return _extends20.apply(this, arguments);
 }
-__name(_extends19, "_extends");
+__name(_extends20, "_extends");
 var AutocompleteMultiple = /* @__PURE__ */ __name((props) => {
   const {
     queryData,
@@ -11114,9 +11155,9 @@ var AutocompleteMultiple = /* @__PURE__ */ __name((props) => {
   const selectedItems = queryData && optionsFunction({
     data: queryData
   }).filter((d) => value1.includes(d.value));
-  return /* @__PURE__ */ React30.createElement(Components2.FormItem, _extends19({}, props, itemProperties, {
+  return /* @__PURE__ */ React32.createElement(Components2.FormItem, _extends20({}, props, itemProperties, {
     name: path
-  }), /* @__PURE__ */ React30.createElement(AsyncTypeahead, _extends19({}, inputProperties, {
+  }), /* @__PURE__ */ React32.createElement(AsyncTypeahead, _extends20({}, inputProperties, {
     multiple: true,
     onChange: (selected) => {
       const selectedIds = selected.map(({ value }) => value);
@@ -11196,14 +11237,14 @@ init_esm_shims();
 
 // components/Datatable/Datatable.tsx
 init_esm_shims();
-import React31, { useEffect as useEffect6, useState as useState6 } from "react";
+import React33, { useEffect as useEffect6, useState as useState6 } from "react";
 import _isEmpty from "lodash/isEmpty.js";
 import { useMulti } from "@vulcanjs/react-hooks";
 import { isAdmin as isAdmin2 } from "@vulcanjs/permissions";
 import { useIntlContext as useIntlContext5 } from "@vulcanjs/react-i18n";
 import { permissionCheck } from "@vulcanjs/permissions";
-function _extends20() {
-  _extends20 = Object.assign || function(target) {
+function _extends21() {
+  _extends21 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -11214,9 +11255,9 @@ function _extends20() {
     }
     return target;
   };
-  return _extends20.apply(this, arguments);
+  return _extends21.apply(this, arguments);
 }
-__name(_extends20, "_extends");
+__name(_extends21, "_extends");
 var ascSortOperator = "asc";
 var descSortOperator = "desc";
 var delay = function() {
@@ -11317,7 +11358,7 @@ var Datatable = /* @__PURE__ */ __name((props) => {
     }
   }));
   if (data) {
-    return /* @__PURE__ */ React31.createElement(Components2.DatatableContents, _extends20({}, props, {
+    return /* @__PURE__ */ React33.createElement(Components2.DatatableContents, _extends21({}, props, {
       datatableData: data,
       totalCount: data.length,
       results: data,
@@ -11348,9 +11389,9 @@ var Datatable = /* @__PURE__ */ __name((props) => {
   if (!_isEmpty(state.currentFilters)) {
     input.filter = state.currentFilters;
   }
-  return /* @__PURE__ */ React31.createElement(Components2.DatatableLayout, {
+  return /* @__PURE__ */ React33.createElement(Components2.DatatableLayout, {
     model
-  }, /* @__PURE__ */ React31.createElement(Components2.DatatableAbove, _extends20({}, props, {
+  }, /* @__PURE__ */ React33.createElement(Components2.DatatableAbove, _extends21({}, props, {
     model,
     canInsert: canCreate,
     canCreate,
@@ -11358,7 +11399,7 @@ var Datatable = /* @__PURE__ */ __name((props) => {
     updateSearch,
     selectedItems: state.selectedItems,
     onSubmitSelected
-  })), /* @__PURE__ */ React31.createElement(Components2.DatatableContents, _extends20({}, props, {
+  })), /* @__PURE__ */ React33.createElement(Components2.DatatableContents, _extends21({}, props, {
     results: multiRes.documents,
     totalCount: multiRes.totalCount,
     count: multiRes.count,
@@ -11372,20 +11413,20 @@ var Datatable = /* @__PURE__ */ __name((props) => {
     toggleItem
   })));
 }, "Datatable");
-var DatatableLayout = /* @__PURE__ */ __name(({ model, children }) => /* @__PURE__ */ React31.createElement("div", {
+var DatatableLayout = /* @__PURE__ */ __name(({ model, children }) => /* @__PURE__ */ React33.createElement("div", {
   className: `datatable datatable-${model.name.toLowerCase()}`
 }, children), "DatatableLayout");
 var DatatableAbove = /* @__PURE__ */ __name((props) => {
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React31.createElement(Components2.DatatableAboveLayout, null, /* @__PURE__ */ React31.createElement(Components2.DatatableAboveLeft, _extends20({}, props)), /* @__PURE__ */ React31.createElement(Components2.DatatableAboveRight, _extends20({}, props)));
+  return /* @__PURE__ */ React33.createElement(Components2.DatatableAboveLayout, null, /* @__PURE__ */ React33.createElement(Components2.DatatableAboveLeft, _extends21({}, props)), /* @__PURE__ */ React33.createElement(Components2.DatatableAboveRight, _extends21({}, props)));
 }, "DatatableAbove");
 var DatatableAboveLeft = /* @__PURE__ */ __name((props) => {
   const { showSearch, searchValue, updateSearch } = props;
   const Components2 = useVulcanComponents();
   const intl = useIntlContext5();
-  return /* @__PURE__ */ React31.createElement("div", {
+  return /* @__PURE__ */ React33.createElement("div", {
     className: "datatable-above-left"
-  }, showSearch && /* @__PURE__ */ React31.createElement(Components2.DatatableAboveSearchInput, {
+  }, showSearch && /* @__PURE__ */ React33.createElement(Components2.DatatableAboveSearchInput, {
     className: "datatable-search form-control",
     inputProperties: {
       path: "datatableSearchQuery",
@@ -11401,16 +11442,16 @@ var DatatableAboveLeft = /* @__PURE__ */ __name((props) => {
 var DatatableAboveRight = /* @__PURE__ */ __name((props) => {
   const { currentUser, showNew, canInsert, options, newFormOptions, newFormProps, showSelect, selectedItems, onSubmitSelected, model } = props;
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React31.createElement("div", {
+  return /* @__PURE__ */ React33.createElement("div", {
     className: "datatable-above-right"
-  }, showSelect && selectedItems.length > 0 && /* @__PURE__ */ React31.createElement("div", {
+  }, showSelect && selectedItems.length > 0 && /* @__PURE__ */ React33.createElement("div", {
     className: "datatable-above-item"
-  }, /* @__PURE__ */ React31.createElement(Components2.DatatableSubmitSelected, {
+  }, /* @__PURE__ */ React33.createElement(Components2.DatatableSubmitSelected, {
     selectedItems,
     onSubmitSelected
-  })), showNew && canInsert && /* @__PURE__ */ React31.createElement("div", {
+  })), showNew && canInsert && /* @__PURE__ */ React33.createElement("div", {
     className: "datatable-above-item"
-  }, /* @__PURE__ */ React31.createElement(Components2.NewButton, _extends20({
+  }, /* @__PURE__ */ React33.createElement(Components2.NewButton, _extends21({
     model,
     currentUser,
     mutationFragmentName: options && options.fragmentName
@@ -11418,20 +11459,20 @@ var DatatableAboveRight = /* @__PURE__ */ __name((props) => {
 }, "DatatableAboveRight");
 var DatatableAboveSearchInput = /* @__PURE__ */ __name((props) => {
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React31.createElement("div", {
+  return /* @__PURE__ */ React33.createElement("div", {
     className: "datatable-above-search-input"
-  }, /* @__PURE__ */ React31.createElement(Components2.FormComponentText, _extends20({}, props)));
+  }, /* @__PURE__ */ React33.createElement(Components2.FormComponentText, _extends21({}, props)));
 }, "DatatableAboveSearchInput");
-var DatatableAboveLayout = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ React31.createElement("div", {
+var DatatableAboveLayout = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ React33.createElement("div", {
   className: "datatable-above"
 }, children), "DatatableAboveLayout");
 
 // components/Datatable/DatatableContents.tsx
 init_esm_shims();
-import React32 from "react";
+import React34 from "react";
 import _sortBy from "lodash/sortBy.js";
-function _extends21() {
-  _extends21 = Object.assign || function(target) {
+function _extends22() {
+  _extends22 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -11442,9 +11483,9 @@ function _extends21() {
     }
     return target;
   };
-  return _extends21.apply(this, arguments);
+  return _extends22.apply(this, arguments);
 }
-__name(_extends21, "_extends");
+__name(_extends22, "_extends");
 var wrapColumns = /* @__PURE__ */ __name((c) => ({
   name: c
 }), "wrapColumns");
@@ -11466,18 +11507,18 @@ var DatatableContents = /* @__PURE__ */ __name((props) => {
   let { title = "", datatableData, results = [], columns, loading, loadMore, count = 0, totalCount = 0, networkStatus, showEdit, showDelete, currentUser, toggleSort, currentSort, submitFilters, currentFilters, modalProps, error, showSelect, model } = props;
   const Components2 = useVulcanComponents();
   if (loading) {
-    return /* @__PURE__ */ React32.createElement("div", {
+    return /* @__PURE__ */ React34.createElement("div", {
       className: "datatable-list datatable-list-loading"
-    }, /* @__PURE__ */ React32.createElement(Components2.Loading, null));
+    }, /* @__PURE__ */ React34.createElement(Components2.Loading, null));
   }
   const isLoadingMore = networkStatus === 2;
   const hasMore = results && totalCount > results.length;
   const sortedColumns = getColumns(columns, results, datatableData);
-  return /* @__PURE__ */ React32.createElement(Components2.DatatableContentsLayout, null, error && /* @__PURE__ */ React32.createElement(Components2.Alert, {
+  return /* @__PURE__ */ React34.createElement(Components2.DatatableContentsLayout, null, error && /* @__PURE__ */ React34.createElement(Components2.Alert, {
     variant: "danger"
-  }, error.message), title && /* @__PURE__ */ React32.createElement(Components2.DatatableTitle, {
+  }, error.message), title && /* @__PURE__ */ React34.createElement(Components2.DatatableTitle, {
     title
-  }), /* @__PURE__ */ React32.createElement(Components2.DatatableContentsInnerLayout, null, /* @__PURE__ */ React32.createElement(Components2.DatatableContentsHeadLayout, null, showSelect && /* @__PURE__ */ React32.createElement("th", null), sortedColumns.map((column, index) => /* @__PURE__ */ React32.createElement(Components2.DatatableHeader, {
+  }), /* @__PURE__ */ React34.createElement(Components2.DatatableContentsInnerLayout, null, /* @__PURE__ */ React34.createElement(Components2.DatatableContentsHeadLayout, null, showSelect && /* @__PURE__ */ React34.createElement("th", null), sortedColumns.map((column, index) => /* @__PURE__ */ React34.createElement(Components2.DatatableHeader, {
     key: index,
     model,
     column,
@@ -11485,13 +11526,13 @@ var DatatableContents = /* @__PURE__ */ __name((props) => {
     currentSort,
     submitFilters,
     currentFilters
-  })), showEdit ? /* @__PURE__ */ React32.createElement("th", null, /* @__PURE__ */ React32.createElement(Components2.FormattedMessage, {
+  })), showEdit ? /* @__PURE__ */ React34.createElement("th", null, /* @__PURE__ */ React34.createElement(Components2.FormattedMessage, {
     id: "datatable.edit",
     defaultMessage: "Edit"
-  })) : null, showDelete ? /* @__PURE__ */ React32.createElement("th", null, /* @__PURE__ */ React32.createElement(Components2.FormattedMessage, {
+  })) : null, showDelete ? /* @__PURE__ */ React34.createElement("th", null, /* @__PURE__ */ React34.createElement(Components2.FormattedMessage, {
     id: "datatable.delete",
     defaultMessage: "Delete"
-  })) : null), /* @__PURE__ */ React32.createElement(Components2.DatatableContentsBodyLayout, null, results && results.length ? results.map((document, index) => /* @__PURE__ */ React32.createElement(Components2.DatatableRow, _extends21({}, props, {
+  })) : null), /* @__PURE__ */ React34.createElement(Components2.DatatableContentsBodyLayout, null, results && results.length ? results.map((document, index) => /* @__PURE__ */ React34.createElement(Components2.DatatableRow, _extends22({}, props, {
     model,
     columns: sortedColumns,
     document,
@@ -11500,7 +11541,7 @@ var DatatableContents = /* @__PURE__ */ __name((props) => {
     showDelete,
     currentUser,
     modalProps
-  }))) : /* @__PURE__ */ React32.createElement(Components2.DatatableEmpty, null))), hasMore && /* @__PURE__ */ React32.createElement(Components2.DatatableContentsMoreLayout, null, isLoadingMore ? /* @__PURE__ */ React32.createElement(Components2.Loading, null) : /* @__PURE__ */ React32.createElement(Components2.DatatableLoadMoreButton, {
+  }))) : /* @__PURE__ */ React34.createElement(Components2.DatatableEmpty, null))), hasMore && /* @__PURE__ */ React34.createElement(Components2.DatatableContentsMoreLayout, null, isLoadingMore ? /* @__PURE__ */ React34.createElement(Components2.Loading, null) : /* @__PURE__ */ React34.createElement(Components2.DatatableLoadMoreButton, {
     count,
     totalCount,
     onClick: (e) => {
@@ -11509,37 +11550,37 @@ var DatatableContents = /* @__PURE__ */ __name((props) => {
     }
   }, "Load More (", count, "/", totalCount, ")")));
 }, "DatatableContents");
-var DatatableContentsLayout = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ React32.createElement("div", {
+var DatatableContentsLayout = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ React34.createElement("div", {
   className: "datatable-list"
 }, children), "DatatableContentsLayout");
-var DatatableContentsInnerLayout = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ React32.createElement("table", {
+var DatatableContentsInnerLayout = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ React34.createElement("table", {
   className: "table"
 }, children), "DatatableContentsInnerLayout");
-var DatatableContentsHeadLayout = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ React32.createElement("thead", null, /* @__PURE__ */ React32.createElement("tr", null, children)), "DatatableContentsHeadLayout");
-var DatatableContentsBodyLayout = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ React32.createElement("tbody", null, children), "DatatableContentsBodyLayout");
-var DatatableContentsMoreLayout = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ React32.createElement("div", {
+var DatatableContentsHeadLayout = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ React34.createElement("thead", null, /* @__PURE__ */ React34.createElement("tr", null, children)), "DatatableContentsHeadLayout");
+var DatatableContentsBodyLayout = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ React34.createElement("tbody", null, children), "DatatableContentsBodyLayout");
+var DatatableContentsMoreLayout = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ React34.createElement("div", {
   className: "datatable-list-load-more"
 }, children), "DatatableContentsMoreLayout");
 var DatatableLoadMoreButton = /* @__PURE__ */ __name((_a) => {
   var _b = _a, { count, totalCount, children } = _b, otherProps = __objRest(_b, ["count", "totalCount", "children"]);
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React32.createElement(Components2.Button, _extends21({
+  return /* @__PURE__ */ React34.createElement(Components2.Button, _extends22({
     variant: "primary"
   }, otherProps), children);
 }, "DatatableLoadMoreButton");
-var DatatableTitle = /* @__PURE__ */ __name(({ title }) => /* @__PURE__ */ React32.createElement("div", {
+var DatatableTitle = /* @__PURE__ */ __name(({ title }) => /* @__PURE__ */ React34.createElement("div", {
   className: "datatable-title"
 }, title), "DatatableTitle");
 var DatatableEmpty = /* @__PURE__ */ __name(() => {
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React32.createElement("tr", null, /* @__PURE__ */ React32.createElement("td", {
+  return /* @__PURE__ */ React34.createElement("tr", null, /* @__PURE__ */ React34.createElement("td", {
     colSpan: 99
-  }, /* @__PURE__ */ React32.createElement("div", {
+  }, /* @__PURE__ */ React34.createElement("div", {
     style: {
       textAlign: "center",
       padding: 10
     }
-  }, /* @__PURE__ */ React32.createElement(Components2.FormattedMessage, {
+  }, /* @__PURE__ */ React34.createElement(Components2.FormattedMessage, {
     id: "datatable.empty",
     defaultMessage: "No items to display."
   }))));
@@ -11547,11 +11588,11 @@ var DatatableEmpty = /* @__PURE__ */ __name(() => {
 
 // components/Datatable/DatatableHeader.tsx
 init_esm_shims();
-import React33 from "react";
+import React35 from "react";
 import { useIntlContext as useIntlContext6 } from "@vulcanjs/react-i18n";
 import { formatLabel as formatLabel2 } from "@vulcanjs/i18n";
-function _extends22() {
-  _extends22 = Object.assign || function(target) {
+function _extends23() {
+  _extends23 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -11562,9 +11603,9 @@ function _extends22() {
     }
     return target;
   };
-  return _extends22.apply(this, arguments);
+  return _extends23.apply(this, arguments);
 }
-__name(_extends22, "_extends");
+__name(_extends23, "_extends");
 var DatatableHeader = /* @__PURE__ */ __name(({ model, column, toggleSort, currentSort, submitFilters, currentFilters }) => {
   const Components2 = useVulcanComponents();
   const intl = useIntlContext6();
@@ -11585,16 +11626,16 @@ var DatatableHeader = /* @__PURE__ */ __name(({ model, column, toggleSort, curre
     const fieldOptions = field && field.options;
     const filterOptions = column.options ? column.options : fieldOptions;
     const filterQuery = field && field.staticQuery;
-    return /* @__PURE__ */ React33.createElement(Components2.DatatableHeaderCellLayout, {
+    return /* @__PURE__ */ React35.createElement(Components2.DatatableHeaderCellLayout, {
       className: `datatable-header-${column.name}`
-    }, /* @__PURE__ */ React33.createElement("span", {
+    }, /* @__PURE__ */ React35.createElement("span", {
       className: "datatable-header-cell-label"
-    }, formattedLabel), column.sortable && /* @__PURE__ */ React33.createElement(Components2.DatatableSorter, {
+    }, formattedLabel), column.sortable && /* @__PURE__ */ React35.createElement(Components2.DatatableSorter, {
       name: column.name,
       label: formattedLabel,
       toggleSort,
       currentSort
-    }), column.filterable && /* @__PURE__ */ React33.createElement(Components2.DatatableFilter, {
+    }), column.filterable && /* @__PURE__ */ React35.createElement(Components2.DatatableFilter, {
       model,
       field,
       name: column.name,
@@ -11610,25 +11651,25 @@ var DatatableHeader = /* @__PURE__ */ __name(({ model, column, toggleSort, curre
       id: column.name,
       defaultMessage: column.name
     });
-    return /* @__PURE__ */ React33.createElement(Components2.DatatableHeaderCellLayout, {
+    return /* @__PURE__ */ React35.createElement(Components2.DatatableHeaderCellLayout, {
       className: `datatable-th-${formattedLabel2.toLowerCase().replace(/\s/g, "-")}`
     }, formattedLabel2);
   }
 }, "DatatableHeader");
 var DatatableHeaderCellLayout = /* @__PURE__ */ __name((_a) => {
   var _b = _a, { children } = _b, otherProps = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ React33.createElement("th", _extends22({}, otherProps), /* @__PURE__ */ React33.createElement("div", {
+  return /* @__PURE__ */ React35.createElement("th", _extends23({}, otherProps), /* @__PURE__ */ React35.createElement("div", {
     className: "datatable-header-cell-inner"
   }, children));
 }, "DatatableHeaderCellLayout");
 
 // components/Datatable/DatatableRow.tsx
 init_esm_shims();
-import React34 from "react";
+import React36 from "react";
 import _isFunction from "lodash/isFunction.js";
 import { isAdmin as isAdmin3, permissionCheck as permissionCheck2 } from "@vulcanjs/permissions";
-function _extends23() {
-  _extends23 = Object.assign || function(target) {
+function _extends24() {
+  _extends24 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -11639,9 +11680,9 @@ function _extends23() {
     }
     return target;
   };
-  return _extends23.apply(this, arguments);
+  return _extends24.apply(this, arguments);
 }
-__name(_extends23, "_extends");
+__name(_extends24, "_extends");
 var DatatableRow = /* @__PURE__ */ __name((props) => {
   const { model, columns, document, showEdit, showDelete, currentUser, options, editFormOptions, editFormProps, rowClass, showSelect, toggleItem, selectedItems } = props;
   const Components2 = useVulcanComponents();
@@ -11660,33 +11701,33 @@ var DatatableRow = /* @__PURE__ */ __name((props) => {
   const row = typeof rowClass === "function" ? rowClass(document) : rowClass || "";
   const { modalProps = {} } = props;
   const defaultModalProps = {
-    title: /* @__PURE__ */ React34.createElement("code", null, document._id)
+    title: /* @__PURE__ */ React36.createElement("code", null, document._id)
   };
   const customModalProps = __spreadValues(__spreadValues({}, defaultModalProps), _isFunction(modalProps) ? modalProps(document) : modalProps);
   const isSelected = selectedItems && selectedItems.includes(document._id);
-  return /* @__PURE__ */ React34.createElement(Components2.DatatableRowLayout, {
+  return /* @__PURE__ */ React36.createElement(Components2.DatatableRowLayout, {
     className: `datatable-item ${row} ${isSelected ? "datatable-item-selected" : ""}`
-  }, showSelect && /* @__PURE__ */ React34.createElement(Components2.DatatableSelect, {
+  }, showSelect && /* @__PURE__ */ React36.createElement(Components2.DatatableSelect, {
     document,
     toggleItem,
     selectedItems
-  }), columns.map((column, index) => /* @__PURE__ */ React34.createElement(Components2.DatatableCell, {
+  }), columns.map((column, index) => /* @__PURE__ */ React36.createElement(Components2.DatatableCell, {
     key: index,
     column,
     document,
     currentUser,
     model
-  })), showEdit && canUpdate ? /* @__PURE__ */ React34.createElement(Components2.DatatableCellLayout, {
+  })), showEdit && canUpdate ? /* @__PURE__ */ React36.createElement(Components2.DatatableCellLayout, {
     className: "datatable-edit"
-  }, /* @__PURE__ */ React34.createElement(Components2.EditButton, _extends23({
+  }, /* @__PURE__ */ React36.createElement(Components2.EditButton, _extends24({
     model,
     documentId: document._id,
     currentUser,
     mutationFragmentName: options && options.fragmentName,
     modalProps: customModalProps
-  }, editFormOptions, editFormProps))) : null, showDelete && canUpdate ? /* @__PURE__ */ React34.createElement(Components2.DatatableCellLayout, {
+  }, editFormOptions, editFormProps))) : null, showDelete && canUpdate ? /* @__PURE__ */ React36.createElement(Components2.DatatableCellLayout, {
     className: "datatable-delete"
-  }, /* @__PURE__ */ React34.createElement(Components2.DeleteButton, {
+  }, /* @__PURE__ */ React36.createElement(Components2.DeleteButton, {
     model,
     documentId: document._id,
     currentUser
@@ -11694,14 +11735,14 @@ var DatatableRow = /* @__PURE__ */ __name((props) => {
 }, "DatatableRow");
 var DatatableRowLayout = /* @__PURE__ */ __name((_a) => {
   var _b = _a, { children } = _b, otherProps = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ React34.createElement("tr", _extends23({}, otherProps), children);
+  return /* @__PURE__ */ React36.createElement("tr", _extends24({}, otherProps), children);
 }, "DatatableRowLayout");
 
 // components/Datatable/DatatableCell.tsx
 init_esm_shims();
-import React35 from "react";
-function _extends24() {
-  _extends24 = Object.assign || function(target) {
+import React37 from "react";
+function _extends25() {
+  _extends25 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -11712,18 +11753,18 @@ function _extends24() {
     }
     return target;
   };
-  return _extends24.apply(this, arguments);
+  return _extends25.apply(this, arguments);
 }
-__name(_extends24, "_extends");
+__name(_extends25, "_extends");
 var DatatableCell = /* @__PURE__ */ __name(({ column, document, currentUser, model }) => {
   const Components2 = useVulcanComponents();
   const Component = column.component || column.componentName && Components2[column.componentName] || Components2.DatatableDefaultCell;
   const columnName = column.label || column.name;
   if (!columnName)
     throw new Error("Column should have name or label");
-  return /* @__PURE__ */ React35.createElement(Components2.DatatableCellLayout, {
+  return /* @__PURE__ */ React37.createElement(Components2.DatatableCellLayout, {
     className: `datatable-item-${columnName.toLowerCase().replace(/\s/g, "-")}`
-  }, /* @__PURE__ */ React35.createElement(Component, {
+  }, /* @__PURE__ */ React37.createElement(Component, {
     column,
     document,
     currentUser,
@@ -11732,14 +11773,14 @@ var DatatableCell = /* @__PURE__ */ __name(({ column, document, currentUser, mod
 }, "DatatableCell");
 var DatatableCellLayout = /* @__PURE__ */ __name((_a) => {
   var _b = _a, { children } = _b, otherProps = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ React35.createElement("td", _extends24({}, otherProps), /* @__PURE__ */ React35.createElement("div", {
+  return /* @__PURE__ */ React37.createElement("td", _extends25({}, otherProps), /* @__PURE__ */ React37.createElement("div", {
     className: "cell-contents"
   }, children));
 }, "DatatableCellLayout");
 var DatatableDefaultCell = /* @__PURE__ */ __name((_a) => {
   var _b = _a, { column, document } = _b, rest = __objRest(_b, ["column", "document"]);
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React35.createElement(Components2.CardItemSwitcher, _extends24({
+  return /* @__PURE__ */ React37.createElement(Components2.CardItemSwitcher, _extends25({
     value: document[column.name],
     document,
     fieldName: column.name
@@ -11749,11 +11790,11 @@ var DatatableDefaultCell = /* @__PURE__ */ __name((_a) => {
 // components/Datatable/DatatableFilter.tsx
 init_esm_shims();
 var import_moment = __toESM(require_moment(), 1);
-import React36, { useState as useState7 } from "react";
+import React38, { useState as useState7 } from "react";
 import { useQuery } from "@apollo/client";
 import isEmpty4 from "lodash/isEmpty.js";
-function _extends25() {
-  _extends25 = Object.assign || function(target) {
+function _extends26() {
+  _extends26 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -11764,9 +11805,9 @@ function _extends25() {
     }
     return target;
   };
-  return _extends25.apply(this, arguments);
+  return _extends26.apply(this, arguments);
 }
-__name(_extends25, "_extends");
+__name(_extends26, "_extends");
 var getCount = /* @__PURE__ */ __name((columnFilters) => {
   if (!columnFilters) {
     return 0;
@@ -11781,16 +11822,16 @@ var getCount = /* @__PURE__ */ __name((columnFilters) => {
   }
   return 0;
 }, "getCount");
-var Filter = /* @__PURE__ */ __name(({ count }) => /* @__PURE__ */ React36.createElement("svg", {
+var Filter = /* @__PURE__ */ __name(({ count }) => /* @__PURE__ */ React38.createElement("svg", {
   width: "16",
   height: "16",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 448 512"
-}, /* @__PURE__ */ React36.createElement("path", {
+}, /* @__PURE__ */ React38.createElement("path", {
   fill: "#000",
   d: "M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-6 400H54c-3.3 0-6-2.7-6-6V86c0-3.3 2.7-6 6-6h340c3.3 0 6 2.7 6 6v340c0 3.3-2.7 6-6 6z",
   fillOpacity: count ? 0.8 : 0.3
-}), count ? /* @__PURE__ */ React36.createElement("text", {
+}), count ? /* @__PURE__ */ React38.createElement("text", {
   x: "50%",
   y: "55%",
   fill: "#000",
@@ -11798,7 +11839,7 @@ var Filter = /* @__PURE__ */ __name(({ count }) => /* @__PURE__ */ React36.creat
   textAnchor: "middle",
   alignmentBaseline: "middle",
   fillOpacity: 0.8
-}, count) : /* @__PURE__ */ React36.createElement("path", {
+}, count) : /* @__PURE__ */ React38.createElement("path", {
   fill: "#000",
   d: "M224 200v-16c0-13.3-10.7-24-24-24h-24v-20c0-6.6-5.4-12-12-12h-8c-6.6 0-12 5.4-12 12v20h-24c-13.3 0-24 10.7-24 24v16c0 13.3 10.7 24 24 24h24v148c0 6.6 5.4 12 12 12h8c6.6 0 12-5.4 12-12V224h24c13.3 0 24-10.7 24-24zM352 328v-16c0-13.3-10.7-24-24-24h-24V140c0-6.6-5.4-12-12-12h-8c-6.6 0-12 5.4-12 12v148h-24c-13.3 0-24 10.7-24 24v16c0 13.3 10.7 24 24 24h24v20c0 6.6 5.4 12 12 12h8c6.6 0 12-5.4 12-12v-20h24c13.3 0 24-10.7 24-24z",
   fillOpacity: 0.3
@@ -11806,10 +11847,10 @@ var Filter = /* @__PURE__ */ __name(({ count }) => /* @__PURE__ */ React36.creat
 var DatatableFilter = /* @__PURE__ */ __name((props) => {
   const Components2 = useVulcanComponents();
   const { columnFilters, label, query } = props;
-  return /* @__PURE__ */ React36.createElement("span", {
+  return /* @__PURE__ */ React38.createElement("span", {
     className: "datatable-filter"
-  }, /* @__PURE__ */ React36.createElement(Components2.ModalTrigger, {
-    title: /* @__PURE__ */ React36.createElement(Components2.FormattedMessage, {
+  }, /* @__PURE__ */ React38.createElement(Components2.ModalTrigger, {
+    title: /* @__PURE__ */ React38.createElement(Components2.FormattedMessage, {
       id: "datatable.filter_column",
       values: {
         label
@@ -11817,10 +11858,10 @@ var DatatableFilter = /* @__PURE__ */ __name((props) => {
       defaultMessage: `Filter \u201C${label}\u201D`
     }),
     size: "small",
-    trigger: /* @__PURE__ */ React36.createElement(Filter, {
+    trigger: /* @__PURE__ */ React38.createElement(Filter, {
       count: getCount(columnFilters)
     })
-  }, query ? /* @__PURE__ */ React36.createElement(Components2.DatatableFilterContentsWithData, _extends25({}, props)) : /* @__PURE__ */ React36.createElement(Components2.DatatableFilterContents, _extends25({}, props))));
+  }, query ? /* @__PURE__ */ React38.createElement(Components2.DatatableFilterContentsWithData, _extends26({}, props)) : /* @__PURE__ */ React38.createElement(Components2.DatatableFilterContents, _extends26({}, props))));
 }, "DatatableFilter");
 var DatatableFilterContentsWithData = /* @__PURE__ */ __name((props) => {
   const Components2 = useVulcanComponents();
@@ -11831,14 +11872,14 @@ var DatatableFilterContentsWithData = /* @__PURE__ */ __name((props) => {
   const filterQuery = queryGql;
   const { loading, error, data } = useQuery(filterQuery);
   if (loading) {
-    return /* @__PURE__ */ React36.createElement(Components2.Loading, null);
+    return /* @__PURE__ */ React38.createElement(Components2.Loading, null);
   } else if (error) {
-    return /* @__PURE__ */ React36.createElement("p", null, "error");
+    return /* @__PURE__ */ React38.createElement("p", null, "error");
   } else {
     const queryOptions = options({
       data
     });
-    return /* @__PURE__ */ React36.createElement(Components2.DatatableFilterContents, _extends25({}, props, {
+    return /* @__PURE__ */ React38.createElement(Components2.DatatableFilterContents, _extends26({}, props, {
       options: queryOptions
     }));
   }
@@ -11855,28 +11896,28 @@ var DatatableFilterContents = /* @__PURE__ */ __name((props) => {
   let contents;
   if (filterComponent) {
     const CustomFilter = filterComponent;
-    contents = /* @__PURE__ */ React36.createElement(CustomFilter, _extends25({}, filterProps));
+    contents = /* @__PURE__ */ React38.createElement(CustomFilter, _extends26({}, filterProps));
   } else if (options) {
-    contents = /* @__PURE__ */ React36.createElement(Components2.DatatableFilterCheckboxes, _extends25({}, filterProps));
+    contents = /* @__PURE__ */ React38.createElement(Components2.DatatableFilterCheckboxes, _extends26({}, filterProps));
   } else {
     switch (fieldType) {
       case Date:
-        contents = /* @__PURE__ */ React36.createElement(Components2.DatatableFilterDates, _extends25({}, filterProps));
+        contents = /* @__PURE__ */ React38.createElement(Components2.DatatableFilterDates, _extends26({}, filterProps));
         break;
       case Number:
-        contents = /* @__PURE__ */ React36.createElement(Components2.DatatableFilterNumbers, _extends25({}, filterProps));
+        contents = /* @__PURE__ */ React38.createElement(Components2.DatatableFilterNumbers, _extends26({}, filterProps));
         break;
       case Boolean:
-        contents = /* @__PURE__ */ React36.createElement(Components2.DatatableFilterBooleans, _extends25({}, filterProps));
+        contents = /* @__PURE__ */ React38.createElement(Components2.DatatableFilterBooleans, _extends26({}, filterProps));
         break;
       default:
-        contents = /* @__PURE__ */ React36.createElement("p", null, /* @__PURE__ */ React36.createElement(Components2.FormattedMessage, {
+        contents = /* @__PURE__ */ React38.createElement("p", null, /* @__PURE__ */ React38.createElement(Components2.FormattedMessage, {
           id: "datatable.specify_option",
           defaultMessage: "Please specify an options property on your schema field."
         }));
     }
   }
-  return /* @__PURE__ */ React36.createElement("form", null, contents, /* @__PURE__ */ React36.createElement(Components2.Button, {
+  return /* @__PURE__ */ React38.createElement("form", null, contents, /* @__PURE__ */ React38.createElement(Components2.Button, {
     variant: "link",
     style: {
       display: "inline-block",
@@ -11886,10 +11927,10 @@ var DatatableFilterContents = /* @__PURE__ */ __name((props) => {
     onClick: () => {
       setFilters(void 0);
     }
-  }, /* @__PURE__ */ React36.createElement(Components2.FormattedMessage, {
+  }, /* @__PURE__ */ React38.createElement(Components2.FormattedMessage, {
     id: "datatable.clear_all",
     defaultMessage: "Clear All"
-  })), /* @__PURE__ */ React36.createElement(Components2.Button, {
+  })), /* @__PURE__ */ React38.createElement(Components2.Button, {
     type: "submit",
     className: "datatable_filter_submit",
     onClick: () => {
@@ -11898,7 +11939,7 @@ var DatatableFilterContents = /* @__PURE__ */ __name((props) => {
         filters
       });
     }
-  }, /* @__PURE__ */ React36.createElement(Components2.FormattedMessage, {
+  }, /* @__PURE__ */ React38.createElement(Components2.FormattedMessage, {
     id: "datatable.submit",
     defaultMessage: "Submit"
   })));
@@ -11908,7 +11949,7 @@ var DatatableFilterCheckboxes = /* @__PURE__ */ __name(({ options, filters = {
   _in: []
 }, setFilters }) => {
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React36.createElement(Components2.FormComponentCheckboxGroup, {
+  return /* @__PURE__ */ React38.createElement(Components2.FormComponentCheckboxGroup, {
     path: "filter",
     itemProperties: {
       layout: "inputOnly"
@@ -11942,7 +11983,7 @@ var DatatableFilterBooleans = /* @__PURE__ */ __name(({ filters = {
   _eq: []
 }, setFilters }) => {
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React36.createElement(Components2.FormComponentRadioGroup, {
+  return /* @__PURE__ */ React38.createElement(Components2.FormComponentRadioGroup, {
     path: "filter",
     itemProperties: {
       layout: "inputOnly"
@@ -11961,10 +12002,10 @@ var DatatableFilterBooleans = /* @__PURE__ */ __name(({ filters = {
 }, "DatatableFilterBooleans");
 var DatatableFilterDates = /* @__PURE__ */ __name(({ filters, setFilters }) => {
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React36.createElement("div", null, /* @__PURE__ */ React36.createElement(Components2.FormComponentDate, {
+  return /* @__PURE__ */ React38.createElement("div", null, /* @__PURE__ */ React38.createElement(Components2.FormComponentDate, {
     path: "_gte",
     itemProperties: {
-      label: /* @__PURE__ */ React36.createElement(Components2.FormattedMessage, {
+      label: /* @__PURE__ */ React38.createElement(Components2.FormattedMessage, {
         id: "datatable.after",
         defaultMessage: "After"
       }),
@@ -11983,10 +12024,10 @@ var DatatableFilterDates = /* @__PURE__ */ __name(({ filters, setFilters }) => {
         }));
       }
     }
-  }), /* @__PURE__ */ React36.createElement(Components2.FormComponentDate, {
+  }), /* @__PURE__ */ React38.createElement(Components2.FormComponentDate, {
     path: "_lte",
     itemProperties: {
-      label: /* @__PURE__ */ React36.createElement(Components2.FormattedMessage, {
+      label: /* @__PURE__ */ React38.createElement(Components2.FormattedMessage, {
         id: "datatable.before",
         defaultMessage: "Before"
       }),
@@ -12009,10 +12050,10 @@ var DatatableFilterDates = /* @__PURE__ */ __name(({ filters, setFilters }) => {
 }, "DatatableFilterDates");
 var DatatableFilterNumbers = /* @__PURE__ */ __name(({ filters, setFilters }) => {
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React36.createElement("div", null, /* @__PURE__ */ React36.createElement(Components2.FormComponentNumber, {
+  return /* @__PURE__ */ React38.createElement("div", null, /* @__PURE__ */ React38.createElement(Components2.FormComponentNumber, {
     path: "_gte",
     itemProperties: {
-      label: /* @__PURE__ */ React36.createElement(Components2.FormattedMessage, {
+      label: /* @__PURE__ */ React38.createElement(Components2.FormattedMessage, {
         id: "datatable.greater_than",
         defaultMessage: "Greater than"
       }),
@@ -12033,10 +12074,10 @@ var DatatableFilterNumbers = /* @__PURE__ */ __name(({ filters, setFilters }) =>
       },
       value: filters && parseFloat(filters._gte)
     }
-  }), /* @__PURE__ */ React36.createElement(Components2.FormComponentNumber, {
+  }), /* @__PURE__ */ React38.createElement(Components2.FormComponentNumber, {
     path: "_lte",
     itemProperties: {
-      label: /* @__PURE__ */ React36.createElement(Components2.FormattedMessage, {
+      label: /* @__PURE__ */ React38.createElement(Components2.FormattedMessage, {
         id: "datatable.lower_than",
         defaultMessage: "Lower than"
       }),
@@ -12062,63 +12103,63 @@ var DatatableFilterNumbers = /* @__PURE__ */ __name(({ filters, setFilters }) =>
 
 // components/Datatable/DatatableSorter.tsx
 init_esm_shims();
-import React37 from "react";
-var SortNone = /* @__PURE__ */ __name(() => /* @__PURE__ */ React37.createElement("svg", {
+import React39 from "react";
+var SortNone = /* @__PURE__ */ __name(() => /* @__PURE__ */ React39.createElement("svg", {
   width: "16",
   height: "16",
   viewBox: "0 0 438 438",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, /* @__PURE__ */ React37.createElement("path", {
+}, /* @__PURE__ */ React39.createElement("path", {
   d: "M25.7368 247.243H280.263C303.149 247.243 314.592 274.958 298.444 291.116L171.18 418.456C161.128 428.515 144.872 428.515 134.926 418.456L7.55631 291.116C-8.59221 274.958 2.85078 247.243 25.7368 247.243ZM298.444 134.884L171.18 7.54408C161.128 -2.51469 144.872 -2.51469 134.926 7.54408L7.55631 134.884C-8.59221 151.042 2.85078 178.757 25.7368 178.757H280.263C303.149 178.757 314.592 151.042 298.444 134.884Z",
   transform: "translate(66 6)",
   fill: "#000",
   fillOpacity: "0.2"
 })), "SortNone");
-var SortDesc = /* @__PURE__ */ __name(() => /* @__PURE__ */ React37.createElement("svg", {
+var SortDesc = /* @__PURE__ */ __name(() => /* @__PURE__ */ React39.createElement("svg", {
   width: "16",
   height: "16",
   viewBox: "0 0 438 438",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, /* @__PURE__ */ React37.createElement("path", {
+}, /* @__PURE__ */ React39.createElement("path", {
   d: "M25.7368 0H280.263C303.149 0 314.592 27.7151 298.444 43.8734L171.18 171.213C161.128 181.272 144.872 181.272 134.926 171.213L7.55631 43.8734C-8.59221 27.7151 2.85078 0 25.7368 0Z",
   transform: "translate(66 253.243)",
   fill: "black",
   fillOpacity: "0.7"
-}), /* @__PURE__ */ React37.createElement("path", {
+}), /* @__PURE__ */ React39.createElement("path", {
   d: "M171.18 7.54408L298.444 134.884C314.592 151.042 303.149 178.757 280.263 178.757H25.7368C2.85078 178.757 -8.59221 151.042 7.55631 134.884L134.926 7.54408C144.872 -2.51469 161.128 -2.51469 171.18 7.54408Z",
   transform: "translate(66 6)",
   fill: "black",
   fillOpacity: "0.2"
 })), "SortDesc");
-var SortAsc = /* @__PURE__ */ __name(() => /* @__PURE__ */ React37.createElement("svg", {
+var SortAsc = /* @__PURE__ */ __name(() => /* @__PURE__ */ React39.createElement("svg", {
   width: "16",
   height: "16",
   viewBox: "0 0 438 438",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, /* @__PURE__ */ React37.createElement("path", {
+}, /* @__PURE__ */ React39.createElement("path", {
   d: "M298.444 134.884L171.18 7.54408C161.128 -2.51469 144.872 -2.51469 134.926 7.54408L7.55631 134.884C-8.59221 151.042 2.85078 178.757 25.7368 178.757H280.263C303.149 178.757 314.592 151.042 298.444 134.884Z",
   transform: "translate(66 6)",
   fill: "black",
   fillOpacity: "0.7"
-}), /* @__PURE__ */ React37.createElement("path", {
+}), /* @__PURE__ */ React39.createElement("path", {
   d: "M280.263 0H25.7368C2.85078 0 -8.59221 27.7151 7.55631 43.8734L134.926 171.213C144.872 181.272 161.128 181.272 171.18 171.213L298.444 43.8734C314.592 27.7151 303.149 0 280.263 0Z",
   transform: "translate(66 253.243)",
   fill: "black",
   fillOpacity: "0.2"
 })), "SortAsc");
-var DatatableSorter = /* @__PURE__ */ __name(({ name: name2, label, toggleSort, currentSort }) => /* @__PURE__ */ React37.createElement("span", {
+var DatatableSorter = /* @__PURE__ */ __name(({ name: name2, label, toggleSort, currentSort }) => /* @__PURE__ */ React39.createElement("span", {
   className: "datatable-sorter",
   onClick: () => {
     toggleSort(name2);
   }
-}, !currentSort[name2] ? /* @__PURE__ */ React37.createElement(SortNone, null) : currentSort[name2] === "asc" ? /* @__PURE__ */ React37.createElement(SortAsc, null) : /* @__PURE__ */ React37.createElement(SortDesc, null)), "DatatableSorter");
+}, !currentSort[name2] ? /* @__PURE__ */ React39.createElement(SortNone, null) : currentSort[name2] === "asc" ? /* @__PURE__ */ React39.createElement(SortAsc, null) : /* @__PURE__ */ React39.createElement(SortDesc, null)), "DatatableSorter");
 
 // components/Datatable/DatatableSelect.tsx
 init_esm_shims();
-import React38 from "react";
+import React40 from "react";
 var DatatableSelect = /* @__PURE__ */ __name(({ toggleItem, selectedItems, document }) => {
   const value = selectedItems.includes(document._id || "");
   const onChange = /* @__PURE__ */ __name((e) => {
@@ -12127,9 +12168,9 @@ var DatatableSelect = /* @__PURE__ */ __name(({ toggleItem, selectedItems, docum
     toggleItem(document._id);
   }, "onChange");
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React38.createElement(Components2.DatatableCellLayout, {
+  return /* @__PURE__ */ React40.createElement(Components2.DatatableCellLayout, {
     className: "datatable-check"
-  }, /* @__PURE__ */ React38.createElement(Components2.FormComponentCheckbox, {
+  }, /* @__PURE__ */ React40.createElement(Components2.FormComponentCheckbox, {
     inputProperties: {
       value,
       onChange
@@ -12142,16 +12183,16 @@ var DatatableSelect = /* @__PURE__ */ __name(({ toggleItem, selectedItems, docum
 
 // components/Datatable/DatatableSubmitSelected.tsx
 init_esm_shims();
-import React39 from "react";
+import React41 from "react";
 var DatatableSubmitSelected = /* @__PURE__ */ __name(({ selectedItems, onSubmitSelected }) => {
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React39.createElement(Components2.Button, {
+  return /* @__PURE__ */ React41.createElement(Components2.Button, {
     className: "datatable-submit-selected",
     onClick: (e) => {
       e.preventDefault();
       onSubmitSelected(selectedItems);
     }
-  }, /* @__PURE__ */ React39.createElement(Components2.FormattedMessage, {
+  }, /* @__PURE__ */ React41.createElement(Components2.FormattedMessage, {
     id: "datatable.submit"
   }));
 }, "DatatableSubmitSelected");
@@ -12159,9 +12200,9 @@ var DatatableSubmitSelected = /* @__PURE__ */ __name(({ selectedItems, onSubmitS
 // components/Datatable/others/EditButton.tsx
 init_esm_shims();
 import { useIntlContext as useIntlContext7 } from "@vulcanjs/react-i18n";
-import React40 from "react";
-function _extends26() {
-  _extends26 = Object.assign || function(target) {
+import React42 from "react";
+function _extends27() {
+  _extends27 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -12172,27 +12213,27 @@ function _extends26() {
     }
     return target;
   };
-  return _extends26.apply(this, arguments);
+  return _extends27.apply(this, arguments);
 }
-__name(_extends26, "_extends");
+__name(_extends27, "_extends");
 var EditButton = /* @__PURE__ */ __name((_a) => {
   var _b = _a, { style = "primary", variant, label, size: size2, showId, modalProps, formProps, component } = _b, props = __objRest(_b, ["style", "variant", "label", "size", "showId", "modalProps", "formProps", "component"]);
   const Components2 = useVulcanComponents();
   const intl = useIntlContext7();
-  return /* @__PURE__ */ React40.createElement(Components2.ModalTrigger, {
+  return /* @__PURE__ */ React42.createElement(Components2.ModalTrigger, {
     label: label || intl.formatMessage({
       id: "datatable.edit",
       defaultMessage: "Edit"
     }),
-    component: component ? component : /* @__PURE__ */ React40.createElement(Components2.Button, {
+    component: component ? component : /* @__PURE__ */ React42.createElement(Components2.Button, {
       size: size2,
       variant: variant || style
-    }, label || /* @__PURE__ */ React40.createElement(Components2.FormattedMessage, {
+    }, label || /* @__PURE__ */ React42.createElement(Components2.FormattedMessage, {
       id: "datatable.edit",
       defaultMessage: "Edit"
     })),
     modalProps
-  }, /* @__PURE__ */ React40.createElement(Components2.EditForm, _extends26({
+  }, /* @__PURE__ */ React42.createElement(Components2.EditForm, _extends27({
     closeModal: () => {
       console.warn("closeModal not defined");
     }
@@ -12215,7 +12256,7 @@ var EditForm = /* @__PURE__ */ __name((_a) => {
   } : () => {
     closeModal();
   };
-  return /* @__PURE__ */ React40.createElement(Components2.SmartForm, _extends26({
+  return /* @__PURE__ */ React42.createElement(Components2.SmartForm, _extends27({
     successCallback: success,
     removeSuccessCallback: remove
   }, formProps, props));
@@ -12224,9 +12265,9 @@ var EditForm = /* @__PURE__ */ __name((_a) => {
 // components/Datatable/others/NewButton.tsx
 init_esm_shims();
 import { useIntlContext as useIntlContext8 } from "@vulcanjs/react-i18n";
-import React41 from "react";
-function _extends27() {
-  _extends27 = Object.assign || function(target) {
+import React43 from "react";
+function _extends28() {
+  _extends28 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -12237,27 +12278,27 @@ function _extends27() {
     }
     return target;
   };
-  return _extends27.apply(this, arguments);
+  return _extends28.apply(this, arguments);
 }
-__name(_extends27, "_extends");
+__name(_extends28, "_extends");
 var NewButton = /* @__PURE__ */ __name((_a) => {
   var _b = _a, { size: size2, label, style = "primary", formProps } = _b, props = __objRest(_b, ["size", "label", "style", "formProps"]);
   const intl = useIntlContext8();
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React41.createElement(Components2.ModalTrigger, {
+  return /* @__PURE__ */ React43.createElement(Components2.ModalTrigger, {
     label: label || intl.formatMessage({
       id: "datatable.new"
     }),
     title: label || intl.formatMessage({
       id: "datatable.new"
     }),
-    component: /* @__PURE__ */ React41.createElement(Components2.Button, {
+    component: /* @__PURE__ */ React43.createElement(Components2.Button, {
       variant: style,
       size: size2
-    }, label || /* @__PURE__ */ React41.createElement(Components2.FormattedMessage, {
+    }, label || /* @__PURE__ */ React43.createElement(Components2.FormattedMessage, {
       id: "datatable.new"
     }))
-  }, /* @__PURE__ */ React41.createElement(Components2.NewForm, _extends27({
+  }, /* @__PURE__ */ React43.createElement(Components2.NewForm, _extends28({
     formProps
   }, props)));
 }, "NewButton");
@@ -12269,7 +12310,7 @@ var NewForm = /* @__PURE__ */ __name(({ model, closeModal, successCallback, form
   } : () => {
     closeModal();
   };
-  return /* @__PURE__ */ React41.createElement(Components2.SmartForm, _extends27({
+  return /* @__PURE__ */ React43.createElement(Components2.SmartForm, _extends28({
     model,
     successCallback: success
   }, formProps || {}));
@@ -12278,9 +12319,9 @@ var NewForm = /* @__PURE__ */ __name(({ model, closeModal, successCallback, form
 // components/Datatable/others/DeleteButton.tsx
 init_esm_shims();
 import { useDelete as useDelete2 } from "@vulcanjs/react-hooks";
-import React42 from "react";
-function _extends28() {
-  _extends28 = Object.assign || function(target) {
+import React44 from "react";
+function _extends29() {
+  _extends29 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -12291,9 +12332,9 @@ function _extends28() {
     }
     return target;
   };
-  return _extends28.apply(this, arguments);
+  return _extends29.apply(this, arguments);
 }
-__name(_extends28, "_extends");
+__name(_extends29, "_extends");
 var DeleteButton = /* @__PURE__ */ __name((props) => {
   const Components2 = useVulcanComponents();
   const _a = props, { label, fragment, documentId, mutationOptions, currentUser, model } = _a, rest = __objRest(_a, ["label", "fragment", "documentId", "mutationOptions", "currentUser", "model"]);
@@ -12302,7 +12343,7 @@ var DeleteButton = /* @__PURE__ */ __name((props) => {
     fragment,
     mutationOptions
   });
-  return /* @__PURE__ */ React42.createElement(Components2.LoadingButton, _extends28({
+  return /* @__PURE__ */ React44.createElement(Components2.LoadingButton, _extends29({
     loading,
     onClick: () => {
       deleteFunction({
@@ -12311,7 +12352,7 @@ var DeleteButton = /* @__PURE__ */ __name((props) => {
         }
       });
     },
-    label: label || /* @__PURE__ */ React42.createElement(Components2.FormattedMessage, {
+    label: label || /* @__PURE__ */ React44.createElement(Components2.FormattedMessage, {
       id: "datatable.delete",
       defaultMessage: "Delete"
     })
@@ -12365,9 +12406,9 @@ init_esm_shims();
 
 // components/cell/CardItem.tsx
 init_esm_shims();
-import React43 from "react";
-function _extends29() {
-  _extends29 = Object.assign || function(target) {
+import React45 from "react";
+function _extends30() {
+  _extends30 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -12378,9 +12419,9 @@ function _extends29() {
     }
     return target;
   };
-  return _extends29.apply(this, arguments);
+  return _extends30.apply(this, arguments);
 }
-__name(_extends29, "_extends");
+__name(_extends30, "_extends");
 var getTypeName = /* @__PURE__ */ __name((value, fieldName, model) => {
   const schema = model.schema;
   const fieldSchema = schema && schema[fieldName];
@@ -12411,7 +12452,7 @@ var CardItemSwitcher = /* @__PURE__ */ __name((props) => {
     }
   }
   if (typeof value === "undefined" || value === null) {
-    return /* @__PURE__ */ React43.createElement(React43.Fragment, null, '""');
+    return /* @__PURE__ */ React45.createElement(React45.Fragment, null, '""');
   }
   const itemProps = {
     nestingLevel: nestingLevel + 1,
@@ -12421,7 +12462,7 @@ var CardItemSwitcher = /* @__PURE__ */ __name((props) => {
     model,
     fieldSchema
   };
-  if (/* @__PURE__ */ React43.isValidElement(itemProps.value)) {
+  if (/* @__PURE__ */ React45.isValidElement(itemProps.value)) {
     return itemProps.value;
   }
   if (fieldSchema && fieldSchema.resolveAs && fieldSchema.resolveAs.relation) {
@@ -12429,15 +12470,15 @@ var CardItemSwitcher = /* @__PURE__ */ __name((props) => {
     itemProps.relatedDocument = document == null ? void 0 : document[itemProps.relatedFieldName || ""];
     itemProps.relatedModel = (_b = fieldSchema.relation) == null ? void 0 : _b.model;
     if (!itemProps.relatedDocument) {
-      return /* @__PURE__ */ React43.createElement("span", null, "Missing data for sub-document ", /* @__PURE__ */ React43.createElement("code", null, value), " of type", " ", /* @__PURE__ */ React43.createElement("code", null, typeName), " (", /* @__PURE__ */ React43.createElement("code", null, itemProps.relatedFieldName), ")");
+      return /* @__PURE__ */ React45.createElement("span", null, "Missing data for sub-document ", /* @__PURE__ */ React45.createElement("code", null, value), " of type", " ", /* @__PURE__ */ React45.createElement("code", null, typeName), " (", /* @__PURE__ */ React45.createElement("code", null, itemProps.relatedFieldName), ")");
     }
     switch ((_c = fieldSchema.relation) == null ? void 0 : _c.kind) {
       case "hasOne":
-        return /* @__PURE__ */ React43.createElement(Components2.CardItemRelationHasOne, _extends29({}, itemProps));
+        return /* @__PURE__ */ React45.createElement(Components2.CardItemRelationHasOne, _extends30({}, itemProps));
       case "hasMany":
-        return /* @__PURE__ */ React43.createElement(Components2.CardItemRelationHasMany, _extends29({}, itemProps));
+        return /* @__PURE__ */ React45.createElement(Components2.CardItemRelationHasMany, _extends30({}, itemProps));
       default:
-        return /* @__PURE__ */ React43.createElement(Components2.CardItemDefault, _extends29({}, itemProps));
+        return /* @__PURE__ */ React45.createElement(Components2.CardItemDefault, _extends30({}, itemProps));
     }
   }
   if (Array.isArray(value)) {
@@ -12449,81 +12490,81 @@ var CardItemSwitcher = /* @__PURE__ */ __name((props) => {
     case "Number":
     case "number":
     case "SimpleSchema.Integer":
-      return /* @__PURE__ */ React43.createElement(Components2.CardItemNumber, _extends29({}, itemProps));
+      return /* @__PURE__ */ React45.createElement(Components2.CardItemNumber, _extends30({}, itemProps));
     case "Array":
-      return /* @__PURE__ */ React43.createElement(Components2.CardItemArray, _extends29({}, itemProps));
+      return /* @__PURE__ */ React45.createElement(Components2.CardItemArray, _extends30({}, itemProps));
     case "Object":
     case "object":
-      return /* @__PURE__ */ React43.createElement(Components2.CardItemObject, _extends29({}, itemProps));
+      return /* @__PURE__ */ React45.createElement(Components2.CardItemObject, _extends30({}, itemProps));
     case "Date":
-      return /* @__PURE__ */ React43.createElement(Components2.CardItemDate, _extends29({}, itemProps));
+      return /* @__PURE__ */ React45.createElement(Components2.CardItemDate, _extends30({}, itemProps));
     case "String":
     case "string":
       switch (contents) {
         case "html":
-          return /* @__PURE__ */ React43.createElement(Components2.CardItemHTML, _extends29({}, itemProps));
+          return /* @__PURE__ */ React45.createElement(Components2.CardItemHTML, _extends30({}, itemProps));
         case "date":
-          return /* @__PURE__ */ React43.createElement(Components2.CardItemDate, _extends29({}, itemProps));
+          return /* @__PURE__ */ React45.createElement(Components2.CardItemDate, _extends30({}, itemProps));
         case "image":
-          return /* @__PURE__ */ React43.createElement(Components2.CardItemImage, _extends29({}, itemProps, {
+          return /* @__PURE__ */ React45.createElement(Components2.CardItemImage, _extends30({}, itemProps, {
             force: true
           }));
         case "url":
-          return /* @__PURE__ */ React43.createElement(Components2.CardItemURL, _extends29({}, itemProps, {
+          return /* @__PURE__ */ React45.createElement(Components2.CardItemURL, _extends30({}, itemProps, {
             force: true
           }));
         default:
-          return /* @__PURE__ */ React43.createElement(Components2.CardItemImage, _extends29({}, itemProps));
+          return /* @__PURE__ */ React45.createElement(Components2.CardItemImage, _extends30({}, itemProps));
       }
     default:
-      return /* @__PURE__ */ React43.createElement(Components2.CardItemDefault, _extends29({}, itemProps));
+      return /* @__PURE__ */ React45.createElement(Components2.CardItemDefault, _extends30({}, itemProps));
   }
 }, "CardItemSwitcher");
 
 // components/cell/CardItemRelationItem.tsx
 init_esm_shims();
-import React44 from "react";
+import React46 from "react";
 var CardItemRelationItem = /* @__PURE__ */ __name(({ relatedDocument, relatedModel }) => {
   const Components2 = useVulcanComponents();
   const label = relatedDocument._id;
   const typeName = relatedDocument.__typename;
   const Cell = Components2[`${typeName}Cell`];
-  return Cell ? /* @__PURE__ */ React44.createElement(Cell, {
+  return Cell ? /* @__PURE__ */ React46.createElement(Cell, {
     document: relatedDocument,
     label,
     Components: Components2
-  }) : /* @__PURE__ */ React44.createElement(Components2.DefaultCell, {
+  }) : /* @__PURE__ */ React46.createElement(Components2.DefaultCell, {
     document: relatedDocument,
     label
   });
 }, "CardItemRelationItem");
-var DefaultCell = /* @__PURE__ */ __name(({ document, label }) => /* @__PURE__ */ React44.createElement("li", {
+var DefaultCell = /* @__PURE__ */ __name(({ document, label }) => /* @__PURE__ */ React46.createElement("li", {
   className: "relation-default-cell"
-}, document.pagePath ? /* @__PURE__ */ React44.createElement("a", {
+}, document.pagePath ? /* @__PURE__ */ React46.createElement("a", {
   href: document.pagePath
-}, label) : /* @__PURE__ */ React44.createElement("span", null, label)), "DefaultCell");
+}, label) : /* @__PURE__ */ React46.createElement("span", null, label)), "DefaultCell");
 var UserCell = /* @__PURE__ */ __name(({ document }) => {
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React44.createElement("div", {
+  return /* @__PURE__ */ React46.createElement("div", {
     className: "contents-user user-item"
-  }, document.pagePath ? /* @__PURE__ */ React44.createElement("a", {
+  }, document.pagePath ? /* @__PURE__ */ React46.createElement("a", {
     className: "user-item-name",
     href: document.pagePath
-  }, document.displayName) : /* @__PURE__ */ React44.createElement("span", {
+  }, document.displayName) : /* @__PURE__ */ React46.createElement("span", {
     className: "user-item-name"
   }, document.displayName));
 }, "UserCell");
 
 // components/cell/CardItemArray.tsx
 init_esm_shims();
-import React45 from "react";
+import React47 from "react";
 var CardItemArray = /* @__PURE__ */ __name(({ nestingLevel, value }) => {
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React45.createElement("ol", {
+  return /* @__PURE__ */ React47.createElement("ol", {
     className: "contents-array"
-  }, value.map((item, index) => /* @__PURE__ */ React45.createElement("li", {
+  }, value.map((item, index) => /* @__PURE__ */ React47.createElement("li", {
     key: index
-  }, /* @__PURE__ */ React45.createElement(Components2.CardItem, {
+  }, /* @__PURE__ */ React47.createElement(Components2.CardItem, {
     value: item,
     typeName: typeof item,
     nestingLevel
@@ -12533,20 +12574,20 @@ var CardItemArray = /* @__PURE__ */ __name(({ nestingLevel, value }) => {
 // components/cell/CardItemDate.tsx
 init_esm_shims();
 var import_moment2 = __toESM(require_moment(), 1);
-import React46 from "react";
-var CardItemDate = /* @__PURE__ */ __name(({ value }) => /* @__PURE__ */ React46.createElement("span", {
+import React48 from "react";
+var CardItemDate = /* @__PURE__ */ __name(({ value }) => /* @__PURE__ */ React48.createElement("span", {
   className: "contents-date"
 }, (0, import_moment2.default)(new Date(value)).format("YYYY/MM/DD, hh:mm")), "CardItemDate");
 
 // components/cell/CardItemDefault.tsx
 init_esm_shims();
-import React47 from "react";
-var CardItemDefault = /* @__PURE__ */ __name(({ value }) => /* @__PURE__ */ React47.createElement("span", null, value && value.toString()), "CardItemDefault");
+import React49 from "react";
+var CardItemDefault = /* @__PURE__ */ __name(({ value }) => /* @__PURE__ */ React49.createElement("span", null, value && value.toString()), "CardItemDefault");
 
 // components/cell/CardItemHTML.tsx
 init_esm_shims();
-import React48 from "react";
-var CardItemHTML = /* @__PURE__ */ __name(({ value }) => /* @__PURE__ */ React48.createElement("div", {
+import React50 from "react";
+var CardItemHTML = /* @__PURE__ */ __name(({ value }) => /* @__PURE__ */ React50.createElement("div", {
   className: "contents-html",
   dangerouslySetInnerHTML: {
     __html: value
@@ -12555,7 +12596,7 @@ var CardItemHTML = /* @__PURE__ */ __name(({ value }) => /* @__PURE__ */ React48
 
 // components/cell/CardItemImage.tsx
 init_esm_shims();
-import React49 from "react";
+import React51 from "react";
 var CardItemImage = /* @__PURE__ */ __name(({ value, force = false }) => {
   const Components2 = useVulcanComponents();
   const isImage = [
@@ -12566,7 +12607,7 @@ var CardItemImage = /* @__PURE__ */ __name(({ value, force = false }) => {
     ".webp",
     ".jpeg"
   ].indexOf(value.substr(-5)) !== -1;
-  return isImage || force ? /* @__PURE__ */ React49.createElement("img", {
+  return isImage || force ? /* @__PURE__ */ React51.createElement("img", {
     className: "contents-image",
     style: {
       width: "100%",
@@ -12576,24 +12617,24 @@ var CardItemImage = /* @__PURE__ */ __name(({ value, force = false }) => {
     },
     src: value,
     alt: value
-  }) : /* @__PURE__ */ React49.createElement(Components2.CardItemURL, {
+  }) : /* @__PURE__ */ React51.createElement(Components2.CardItemURL, {
     value
   });
 }, "CardItemImage");
 
 // components/cell/CardItemNumber.tsx
 init_esm_shims();
-import React50 from "react";
-var CardItemNumber = /* @__PURE__ */ __name(({ value }) => /* @__PURE__ */ React50.createElement("code", {
+import React52 from "react";
+var CardItemNumber = /* @__PURE__ */ __name(({ value }) => /* @__PURE__ */ React52.createElement("code", {
   className: "contents-number"
 }, value.toString()), "CardItemNumber");
 
 // components/cell/CardItemObject.tsx
 init_esm_shims();
-import React51 from "react";
+import React53 from "react";
 import without3 from "lodash/without.js";
-function _extends30() {
-  _extends30 = Object.assign || function(target) {
+function _extends31() {
+  _extends31 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -12604,36 +12645,36 @@ function _extends30() {
     }
     return target;
   };
-  return _extends30.apply(this, arguments);
+  return _extends31.apply(this, arguments);
 }
-__name(_extends30, "_extends");
+__name(_extends31, "_extends");
 var CardItemObject = /* @__PURE__ */ __name((props) => {
   const { nestingLevel, value, showExpand } = props;
   const Components2 = useVulcanComponents();
   const showExpandControl = showExpand || nestingLevel > 1;
   if (value.__typename === "User") {
     const user = value;
-    return /* @__PURE__ */ React51.createElement("div", {
+    return /* @__PURE__ */ React53.createElement("div", {
       className: "dashboard-user",
       style: {
         whiteSpace: "nowrap"
       }
-    }, user.pagePath ? /* @__PURE__ */ React51.createElement("a", {
+    }, user.pagePath ? /* @__PURE__ */ React53.createElement("a", {
       href: user.pagePath
-    }, user.displayName) : /* @__PURE__ */ React51.createElement("span", null, user.displayName));
+    }, user.displayName) : /* @__PURE__ */ React53.createElement("span", null, user.displayName));
   } else {
-    return /* @__PURE__ */ React51.createElement("div", {
+    return /* @__PURE__ */ React53.createElement("div", {
       className: "card-item-details"
-    }, showExpandControl ? /* @__PURE__ */ React51.createElement("details", null, /* @__PURE__ */ React51.createElement("summary", null, "Expand"), /* @__PURE__ */ React51.createElement(CardItemObjectContents, _extends30({}, props))) : /* @__PURE__ */ React51.createElement(CardItemObjectContents, _extends30({}, props)));
+    }, showExpandControl ? /* @__PURE__ */ React53.createElement("details", null, /* @__PURE__ */ React53.createElement("summary", null, "Expand"), /* @__PURE__ */ React53.createElement(CardItemObjectContents, _extends31({}, props))) : /* @__PURE__ */ React53.createElement(CardItemObjectContents, _extends31({}, props)));
   }
 }, "CardItemObject");
 var CardItemObjectContents = /* @__PURE__ */ __name(({ nestingLevel, value: object }) => {
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React51.createElement("table", {
+  return /* @__PURE__ */ React53.createElement("table", {
     className: "table table-bordered"
-  }, /* @__PURE__ */ React51.createElement("tbody", null, without3(Object.keys(object), "__typename").map((key) => /* @__PURE__ */ React51.createElement("tr", {
+  }, /* @__PURE__ */ React53.createElement("tbody", null, without3(Object.keys(object), "__typename").map((key) => /* @__PURE__ */ React53.createElement("tr", {
     key
-  }, /* @__PURE__ */ React51.createElement("td", null, /* @__PURE__ */ React51.createElement("strong", null, key)), /* @__PURE__ */ React51.createElement("td", null, /* @__PURE__ */ React51.createElement(Components2.CardItemSwitcher, {
+  }, /* @__PURE__ */ React53.createElement("td", null, /* @__PURE__ */ React53.createElement("strong", null, key)), /* @__PURE__ */ React53.createElement("td", null, /* @__PURE__ */ React53.createElement(Components2.CardItemSwitcher, {
     nestingLevel,
     value: object[key],
     typeName: typeof object[key]
@@ -12642,9 +12683,9 @@ var CardItemObjectContents = /* @__PURE__ */ __name(({ nestingLevel, value: obje
 
 // components/cell/CardItemRelationHasMany.tsx
 init_esm_shims();
-import React52 from "react";
-function _extends31() {
-  _extends31 = Object.assign || function(target) {
+import React54 from "react";
+function _extends32() {
+  _extends32 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -12655,15 +12696,15 @@ function _extends31() {
     }
     return target;
   };
-  return _extends31.apply(this, arguments);
+  return _extends32.apply(this, arguments);
 }
-__name(_extends31, "_extends");
+__name(_extends32, "_extends");
 var CardItemRelationHasMany = /* @__PURE__ */ __name((_a) => {
   var _b = _a, { relatedDocument: relatedDocuments } = _b, rest = __objRest(_b, ["relatedDocument"]);
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React52.createElement("div", {
+  return /* @__PURE__ */ React54.createElement("div", {
     className: "contents-hasmany"
-  }, relatedDocuments.map((relatedDocument) => /* @__PURE__ */ React52.createElement(Components2.CardItemRelationItem, _extends31({
+  }, relatedDocuments.map((relatedDocument) => /* @__PURE__ */ React54.createElement(Components2.CardItemRelationItem, _extends32({
     key: relatedDocument._id,
     relatedDocument
   }, rest))));
@@ -12671,9 +12712,9 @@ var CardItemRelationHasMany = /* @__PURE__ */ __name((_a) => {
 
 // components/cell/CardItemRelationHasOne.tsx
 init_esm_shims();
-import React53 from "react";
-function _extends32() {
-  _extends32 = Object.assign || function(target) {
+import React55 from "react";
+function _extends33() {
+  _extends33 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -12684,39 +12725,39 @@ function _extends32() {
     }
     return target;
   };
-  return _extends32.apply(this, arguments);
+  return _extends33.apply(this, arguments);
 }
-__name(_extends32, "_extends");
+__name(_extends33, "_extends");
 var CardItemRelationHasOne = /* @__PURE__ */ __name((_a) => {
   var rest = __objRest(_a, []);
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React53.createElement("div", {
+  return /* @__PURE__ */ React55.createElement("div", {
     className: "contents-hasone"
-  }, /* @__PURE__ */ React53.createElement(Components2.CardItemRelationItem, _extends32({}, rest)));
+  }, /* @__PURE__ */ React55.createElement(Components2.CardItemRelationItem, _extends33({}, rest)));
 }, "CardItemRelationHasOne");
 
 // components/cell/CardItemString.tsx
 init_esm_shims();
-import React54 from "react";
-var CardItemString = /* @__PURE__ */ __name(({ string }) => /* @__PURE__ */ React54.createElement("div", {
+import React56 from "react";
+var CardItemString = /* @__PURE__ */ __name(({ string }) => /* @__PURE__ */ React56.createElement("div", {
   className: "contents-string"
-}, string.indexOf(" ") === -1 && string.length > 30 ? /* @__PURE__ */ React54.createElement("span", {
+}, string.indexOf(" ") === -1 && string.length > 30 ? /* @__PURE__ */ React56.createElement("span", {
   title: string
-}, string.substr(0, 30), "\u2026") : /* @__PURE__ */ React54.createElement("span", null, string)), "CardItemString");
+}, string.substr(0, 30), "\u2026") : /* @__PURE__ */ React56.createElement("span", null, string)), "CardItemString");
 
 // components/cell/CardItemURL.tsx
 init_esm_shims();
-import React55 from "react";
+import React57 from "react";
 var CardItemURL = /* @__PURE__ */ __name(({ value, force }) => {
   const Components2 = useVulcanComponents();
-  return force || value.slice(0, 4) === "http" ? /* @__PURE__ */ React55.createElement("a", {
+  return force || value.slice(0, 4) === "http" ? /* @__PURE__ */ React57.createElement("a", {
     className: "contents-link",
     href: value,
     target: "_blank",
     rel: "noopener noreferrer"
-  }, /* @__PURE__ */ React55.createElement(Components2.CardItemString, {
+  }, /* @__PURE__ */ React57.createElement(Components2.CardItemString, {
     string: value
-  })) : /* @__PURE__ */ React55.createElement(Components2.CardItemString, {
+  })) : /* @__PURE__ */ React57.createElement(Components2.CardItemString, {
     string: value
   });
 }, "CardItemURL");
@@ -12747,9 +12788,9 @@ import { FormattedMessage } from "@vulcanjs/react-i18n";
 
 // components/core/Button.tsx
 init_esm_shims();
-import React56 from "react";
-function _extends33() {
-  _extends33 = Object.assign || function(target) {
+import React58 from "react";
+function _extends34() {
+  _extends34 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -12760,27 +12801,27 @@ function _extends33() {
     }
     return target;
   };
-  return _extends33.apply(this, arguments);
+  return _extends34.apply(this, arguments);
 }
-__name(_extends33, "_extends");
+__name(_extends34, "_extends");
 var Button = /* @__PURE__ */ __name((_a) => {
   var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ React56.createElement("button", _extends33({}, props), children);
+  return /* @__PURE__ */ React58.createElement("button", _extends34({}, props), children);
 }, "Button");
 
 // components/core/Loading.tsx
 init_esm_shims();
-import React57 from "react";
-var Loading = /* @__PURE__ */ __name(() => /* @__PURE__ */ React57.createElement("span", {
+import React59 from "react";
+var Loading = /* @__PURE__ */ __name(() => /* @__PURE__ */ React59.createElement("span", {
   "aria-live": "polite",
   "aria-busy": "true"
 }, "Loading..."), "Loading");
 
 // components/LoadingButton.tsx
 init_esm_shims();
-import React58 from "react";
-function _extends34() {
-  _extends34 = Object.assign || function(target) {
+import React60 from "react";
+function _extends35() {
+  _extends35 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -12791,9 +12832,9 @@ function _extends34() {
     }
     return target;
   };
-  return _extends34.apply(this, arguments);
+  return _extends35.apply(this, arguments);
 }
-__name(_extends34, "_extends");
+__name(_extends35, "_extends");
 var LoadingButton = /* @__PURE__ */ __name((_a) => {
   var _b = _a, { loading, label, onClick, children, className = "" } = _b, rest = __objRest(_b, ["loading", "label", "onClick", "children", "className"]);
   const Components2 = useVulcanComponents();
@@ -12815,24 +12856,24 @@ var LoadingButton = /* @__PURE__ */ __name((_a) => {
   } : {
     display: "none"
   };
-  return /* @__PURE__ */ React58.createElement(Components2.Button, _extends34({
+  return /* @__PURE__ */ React60.createElement(Components2.Button, _extends35({
     className: `loading-button ${loading ? "loading-button-loading" : "loading-button-notloading"} ${className}`,
     onClick
-  }, rest), /* @__PURE__ */ React58.createElement("span", {
+  }, rest), /* @__PURE__ */ React60.createElement("span", {
     style: wrapperStyle
-  }, /* @__PURE__ */ React58.createElement("span", {
+  }, /* @__PURE__ */ React60.createElement("span", {
     style: labelStyle
-  }, label || children), /* @__PURE__ */ React58.createElement("span", {
+  }, label || children), /* @__PURE__ */ React60.createElement("span", {
     style: loadingStyle
-  }, /* @__PURE__ */ React58.createElement(Components2.Loading, null))));
+  }, /* @__PURE__ */ React60.createElement(Components2.Loading, null))));
 }, "LoadingButton");
 
 // components/MutationButton.tsx
 init_esm_shims();
-import React59, { useState as useState8 } from "react";
+import React61, { useState as useState8 } from "react";
 import { useMutation } from "@apollo/client";
-function _extends35() {
-  _extends35 = Object.assign || function(target) {
+function _extends36() {
+  _extends36 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -12843,9 +12884,9 @@ function _extends35() {
     }
     return target;
   };
-  return _extends35.apply(this, arguments);
+  return _extends36.apply(this, arguments);
 }
-__name(_extends35, "_extends");
+__name(_extends36, "_extends");
 var MutationButton = /* @__PURE__ */ __name((props) => {
   const Components2 = useVulcanComponents();
   const [loading, setLoading] = useState8(false);
@@ -12891,13 +12932,13 @@ var MutationButton = /* @__PURE__ */ __name((props) => {
       setLoading(false);
     }
   }, "handleClick");
-  const loadingButton = /* @__PURE__ */ React59.createElement(Components2.LoadingButton, _extends35({
+  const loadingButton = /* @__PURE__ */ React61.createElement(Components2.LoadingButton, _extends36({
     loading,
     onClick: handleClick,
     label
   }, loadingButtonProps));
   if (error1) {
-    return /* @__PURE__ */ React59.createElement(Components2.TooltipTrigger, {
+    return /* @__PURE__ */ React61.createElement(Components2.TooltipTrigger, {
       trigger: loadingButton,
       defaultShow: true
     }, error1.message.replace("GraphQL error: ", ""));
@@ -12907,7 +12948,7 @@ var MutationButton = /* @__PURE__ */ __name((props) => {
 
 // components/HeadTags.tsx
 init_esm_shims();
-import React60, { PureComponent } from "react";
+import React62, { PureComponent } from "react";
 var HeadTags = class extends PureComponent {
   render() {
     console.warn("HeadTags won't work in Next.js, because Head doesn't support nesting. Define meta directly in your app instead.");
@@ -12919,45 +12960,45 @@ var HeadTags = class extends PureComponent {
       }
       image = siteUrl + image;
     }
-    return /* @__PURE__ */ React60.createElement(React60.Fragment, null, /* @__PURE__ */ React60.createElement("title", null, title), /* @__PURE__ */ React60.createElement("meta", {
+    return /* @__PURE__ */ React62.createElement(React62.Fragment, null, /* @__PURE__ */ React62.createElement("title", null, title), /* @__PURE__ */ React62.createElement("meta", {
       charSet: "utf-8"
-    }), /* @__PURE__ */ React60.createElement("meta", {
+    }), /* @__PURE__ */ React62.createElement("meta", {
       name: "description",
       content: description
-    }), /* @__PURE__ */ React60.createElement("meta", {
+    }), /* @__PURE__ */ React62.createElement("meta", {
       name: "viewport",
       content: "width=device-width, initial-scale=1"
-    }), /* @__PURE__ */ React60.createElement("meta", {
+    }), /* @__PURE__ */ React62.createElement("meta", {
       property: "og:type",
       content: "article"
-    }), /* @__PURE__ */ React60.createElement("meta", {
+    }), /* @__PURE__ */ React62.createElement("meta", {
       property: "og:url",
       content: url
-    }), /* @__PURE__ */ React60.createElement("meta", {
+    }), /* @__PURE__ */ React62.createElement("meta", {
       property: "og:image",
       content: image
-    }), /* @__PURE__ */ React60.createElement("meta", {
+    }), /* @__PURE__ */ React62.createElement("meta", {
       property: "og:title",
       content: title
-    }), /* @__PURE__ */ React60.createElement("meta", {
+    }), /* @__PURE__ */ React62.createElement("meta", {
       property: "og:description",
       content: description
-    }), /* @__PURE__ */ React60.createElement("meta", {
+    }), /* @__PURE__ */ React62.createElement("meta", {
       name: "twitter:card",
       content: "summary"
-    }), /* @__PURE__ */ React60.createElement("meta", {
+    }), /* @__PURE__ */ React62.createElement("meta", {
       name: "twitter:image:src",
       content: image
-    }), /* @__PURE__ */ React60.createElement("meta", {
+    }), /* @__PURE__ */ React62.createElement("meta", {
       name: "twitter:title",
       content: title
-    }), /* @__PURE__ */ React60.createElement("meta", {
+    }), /* @__PURE__ */ React62.createElement("meta", {
       name: "twitter:description",
       content: description
-    }), /* @__PURE__ */ React60.createElement("link", {
+    }), /* @__PURE__ */ React62.createElement("link", {
       rel: "canonical",
       href: url
-    }), /* @__PURE__ */ React60.createElement("link", {
+    }), /* @__PURE__ */ React62.createElement("link", {
       rel: "shortcut icon",
       href: faviconUrl || "/favicon.ico"
     }));
@@ -12967,9 +13008,9 @@ __name(HeadTags, "HeadTags");
 
 // components/bootstrap/TooltipTrigger.tsx
 init_esm_shims();
-import React61 from "react";
+import React63 from "react";
 var TooltipTrigger = /* @__PURE__ */ __name(({ children, trigger }) => {
-  return /* @__PURE__ */ React61.createElement("div", {
+  return /* @__PURE__ */ React63.createElement("div", {
     title: children
   }, trigger);
 }, "TooltipTrigger");
@@ -12977,10 +13018,10 @@ var TooltipTrigger = /* @__PURE__ */ __name(({ children, trigger }) => {
 // components/bootstrap/Dropdown.tsx
 init_esm_shims();
 var import_prop_types6 = __toESM(require_prop_types(), 1);
-import React62 from "react";
+import React64 from "react";
 import { Dropdown, DropdownButton } from "react-bootstrap";
-function _extends36() {
-  _extends36 = Object.assign || function(target) {
+function _extends37() {
+  _extends37 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -12991,9 +13032,9 @@ function _extends36() {
     }
     return target;
   };
-  return _extends36.apply(this, arguments);
+  return _extends37.apply(this, arguments);
 }
-__name(_extends36, "_extends");
+__name(_extends37, "_extends");
 var DropdownItem = Dropdown.Item;
 var Item = /* @__PURE__ */ __name((_a) => {
   var _b = _a, {
@@ -13014,15 +13055,15 @@ var Item = /* @__PURE__ */ __name((_a) => {
   const Components2 = useVulcanComponents();
   let menuComponent;
   if (component) {
-    menuComponent = /* @__PURE__ */ React62.cloneElement(component, componentProps);
+    menuComponent = /* @__PURE__ */ React64.cloneElement(component, componentProps);
   } else if (labelId) {
-    menuComponent = /* @__PURE__ */ React62.createElement(Components2.FormattedMessage, {
+    menuComponent = /* @__PURE__ */ React64.createElement(Components2.FormattedMessage, {
       id: labelId
     });
   } else {
-    menuComponent = /* @__PURE__ */ React62.createElement("span", null, label);
+    menuComponent = /* @__PURE__ */ React64.createElement("span", null, label);
   }
-  const item = /* @__PURE__ */ React62.createElement(DropdownItem, _extends36({
+  const item = /* @__PURE__ */ React64.createElement(DropdownItem, _extends37({
     eventKey: index
   }, itemProps, rest), menuComponent);
   return item;
@@ -13038,9 +13079,9 @@ Item.propTypes = {
 };
 var Node = /* @__PURE__ */ __name((_a) => {
   var _b = _a, { childrenItems } = _b, rest = __objRest(_b, ["childrenItems"]);
-  return /* @__PURE__ */ React62.createElement(React62.Fragment, null, /* @__PURE__ */ React62.createElement(Item, _extends36({}, rest)), childrenItems && !!childrenItems.length && /* @__PURE__ */ React62.createElement("div", {
+  return /* @__PURE__ */ React64.createElement(React64.Fragment, null, /* @__PURE__ */ React64.createElement(Item, _extends37({}, rest)), childrenItems && !!childrenItems.length && /* @__PURE__ */ React64.createElement("div", {
     className: "menu-node-children"
-  }, childrenItems.map((item, index) => /* @__PURE__ */ React62.createElement(Item, _extends36({
+  }, childrenItems.map((item, index) => /* @__PURE__ */ React64.createElement(Item, _extends37({
     key: index
   }, item)))));
 }, "Node");
@@ -13052,11 +13093,11 @@ var BootstrapDropdown = /* @__PURE__ */ __name((_a) => {
   const Components2 = useVulcanComponents();
   const menuBody = menuContents ? menuContents : menuItems.map((item, index) => {
     if (item === "divider") {
-      return /* @__PURE__ */ React62.createElement(Dropdown.Divider, {
+      return /* @__PURE__ */ React64.createElement(Dropdown.Divider, {
         key: index
       });
     } else {
-      return /* @__PURE__ */ React62.createElement(Node, _extends36({}, item, {
+      return /* @__PURE__ */ React64.createElement(Node, _extends37({}, item, {
         key: index,
         index
       }));
@@ -13066,10 +13107,10 @@ var BootstrapDropdown = /* @__PURE__ */ __name((_a) => {
     return menuBody;
   } else {
     if (trigger) {
-      return /* @__PURE__ */ React62.createElement(Dropdown, _extends36({}, dropdownProps), /* @__PURE__ */ React62.createElement(Dropdown.Toggle, null, trigger), /* @__PURE__ */ React62.createElement(Dropdown.Menu, null, menuBody));
+      return /* @__PURE__ */ React64.createElement(Dropdown, _extends37({}, dropdownProps), /* @__PURE__ */ React64.createElement(Dropdown.Toggle, null, trigger), /* @__PURE__ */ React64.createElement(Dropdown.Menu, null, menuBody));
     } else {
-      return /* @__PURE__ */ React62.createElement(DropdownButton, _extends36({}, buttonProps, {
-        title: labelId ? /* @__PURE__ */ React62.createElement(Components2.FormattedMessage, {
+      return /* @__PURE__ */ React64.createElement(DropdownButton, _extends37({}, buttonProps, {
+        title: labelId ? /* @__PURE__ */ React64.createElement(Components2.FormattedMessage, {
           id: labelId
         }) : label
       }, dropdownProps), menuBody);
@@ -13090,10 +13131,10 @@ var Dropdown_default = BootstrapDropdown;
 // components/bootstrap/Modal.tsx
 init_esm_shims();
 var import_prop_types7 = __toESM(require_prop_types(), 1);
-import React63 from "react";
+import React65 from "react";
 import { Modal } from "react-bootstrap";
-function _extends37() {
-  _extends37 = Object.assign || function(target) {
+function _extends38() {
+  _extends38 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -13104,29 +13145,29 @@ function _extends37() {
     }
     return target;
   };
-  return _extends37.apply(this, arguments);
+  return _extends38.apply(this, arguments);
 }
-__name(_extends37, "_extends");
+__name(_extends38, "_extends");
 var BootstrapModal = /* @__PURE__ */ __name((_a) => {
   var _b = _a, { children, size: size2 = "lg", show = false, onHide, title, showCloseButton = true, header, footer } = _b, rest = __objRest(_b, ["children", "size", "show", "onHide", "title", "showCloseButton", "header", "footer"]);
   let headerComponent;
   if (header) {
-    headerComponent = /* @__PURE__ */ React63.createElement(Modal.Header, null, header);
+    headerComponent = /* @__PURE__ */ React65.createElement(Modal.Header, null, header);
   } else if (title) {
-    headerComponent = /* @__PURE__ */ React63.createElement(Modal.Header, {
+    headerComponent = /* @__PURE__ */ React65.createElement(Modal.Header, {
       closeButton: showCloseButton
-    }, /* @__PURE__ */ React63.createElement(Modal.Title, null, title));
+    }, /* @__PURE__ */ React65.createElement(Modal.Title, null, title));
   } else {
-    headerComponent = /* @__PURE__ */ React63.createElement(Modal.Header, {
+    headerComponent = /* @__PURE__ */ React65.createElement(Modal.Header, {
       closeButton: showCloseButton
     });
   }
-  const footerComponent = footer ? /* @__PURE__ */ React63.createElement(Modal.Footer, null, footer) : null;
-  return /* @__PURE__ */ React63.createElement(Modal, _extends37({
+  const footerComponent = footer ? /* @__PURE__ */ React65.createElement(Modal.Footer, null, footer) : null;
+  return /* @__PURE__ */ React65.createElement(Modal, _extends38({
     size: size2,
     show,
     onHide
-  }, rest), headerComponent, /* @__PURE__ */ React63.createElement(Modal.Body, null, children), footerComponent);
+  }, rest), headerComponent, /* @__PURE__ */ React65.createElement(Modal.Body, null, children), footerComponent);
 }, "BootstrapModal");
 BootstrapModal.propTypes = {
   size: import_prop_types7.default.string,
@@ -13149,9 +13190,9 @@ BootstrapModal.propTypes = {
 
 // components/bootstrap/ModalTrigger.tsx
 init_esm_shims();
-import React64, { useState as useState9 } from "react";
-function _extends38() {
-  _extends38 = Object.assign || function(target) {
+import React66, { useState as useState9 } from "react";
+function _extends39() {
+  _extends39 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -13162,9 +13203,9 @@ function _extends38() {
     }
     return target;
   };
-  return _extends38.apply(this, arguments);
+  return _extends39.apply(this, arguments);
 }
-__name(_extends38, "_extends");
+__name(_extends39, "_extends");
 var ModalTrigger = /* @__PURE__ */ __name((props) => {
   const [modalIsOpen, setModalIsOpen] = useState9(false);
   const { onClick, openCallback, closeCallback } = props;
@@ -13190,23 +13231,23 @@ var ModalTrigger = /* @__PURE__ */ __name((props) => {
   const Components2 = useVulcanComponents();
   const { trigger, component, children, label, size: size2, className, dialogClassName, title, modalProps, header, footer } = props;
   let triggerComponent = trigger || component;
-  triggerComponent = triggerComponent ? /* @__PURE__ */ React64.createElement("span", {
+  triggerComponent = triggerComponent ? /* @__PURE__ */ React66.createElement("span", {
     onClick: clickHandler
-  }, triggerComponent) : /* @__PURE__ */ React64.createElement(Components2.Button, {
+  }, triggerComponent) : /* @__PURE__ */ React66.createElement(Components2.Button, {
     onClick: clickHandler
   }, label);
-  const childrenComponent = /* @__PURE__ */ React64.cloneElement(children, {
+  const childrenComponent = /* @__PURE__ */ React66.cloneElement(children, {
     closeModal
   });
-  const headerComponent = header && /* @__PURE__ */ React64.cloneElement(header, {
+  const headerComponent = header && /* @__PURE__ */ React66.cloneElement(header, {
     closeModal
   });
-  const footerComponent = footer && /* @__PURE__ */ React64.cloneElement(footer, {
+  const footerComponent = footer && /* @__PURE__ */ React66.cloneElement(footer, {
     closeModal
   });
-  return /* @__PURE__ */ React64.createElement("div", {
+  return /* @__PURE__ */ React66.createElement("div", {
     className: "modal-trigger"
-  }, triggerComponent, /* @__PURE__ */ React64.createElement(Components2.Modal, _extends38({
+  }, triggerComponent, /* @__PURE__ */ React66.createElement(Components2.Modal, _extends39({
     size: size2,
     className,
     show: modalIsOpen,
@@ -13237,49 +13278,6 @@ var defaultCoreComponents = {
 // components/VulcanComponents/defaultVulcanComponents/index.ts
 var defaultVulcanComponents = __spreadValues(__spreadValues(__spreadValues(__spreadValues({}, defaultDatatableComponents), defaultCellComponents), defaultCoreComponents), defaultFormComponents);
 
-// components/VulcanComponents/Provider.tsx
-import { debugVulcan as debugVulcan2 } from "@vulcanjs/utils";
-function _extends39() {
-  _extends39 = Object.assign || function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends39.apply(this, arguments);
-}
-__name(_extends39, "_extends");
-var debugComponents = debugVulcan2("components");
-var VulcanComponentsProvider = /* @__PURE__ */ __name((_a) => {
-  var _b = _a, { value } = _b, props = __objRest(_b, ["value"]);
-  const currentComponents = useVulcanComponents();
-  debugComponents("Current components __not_initialized?", currentComponents.__not_initialized);
-  const mergedComponents = __spreadValues(__spreadValues(__spreadValues({}, defaultVulcanComponents), (currentComponents == null ? void 0 : currentComponents.__not_initialized) ? {} : currentComponents || {}), value || {});
-  debugComponents("Merged components", mergedComponents);
-  Object.keys(mergedComponents).forEach((componentName) => {
-    if (mergedComponents[componentName]) {
-      mergedComponents[componentName].displayName = "Vulcan." + componentName;
-    } else {
-      console.warn(`Encountered an undefined component: ${componentName}.
-      The component may not be registered, or import failed.
-      For instance due to an infinite import loop when importing
-      "useVulcanComponents" from index instead of Consumer.`);
-    }
-  });
-  return /* @__PURE__ */ React65.createElement(VulcanComponentsContext.Provider, _extends39({
-    value: mergedComponents
-  }, props));
-}, "VulcanComponentsProvider");
-
-// components/VulcanComponents/typings.ts
-init_esm_shims();
-import React66 from "react";
-
 // components/VulcanCurrentUser/index.ts
 init_esm_shims();
 
@@ -13399,6 +13397,11 @@ export {
   VulcanCurrentUserProvider,
   componentExists,
   coreComponents,
+  defaultCellComponents,
+  defaultCoreComponents,
+  defaultDatatableComponents,
+  defaultFormComponents,
+  defaultVulcanComponents,
   delayedComponent,
   getRawComponent,
   instantiateComponent,