@vulcanjs/react-ui 0.6.6-alpha.4 → 0.6.6-alpha.5

package/dist/index.js

@@ -9602,7 +9602,7 @@ init_esm_shims();
 
 // components/VulcanComponents/Provider.tsx
 init_esm_shims();
-import React62 from "react";
+import React65 from "react";
 
 // components/VulcanComponents/defaultVulcanComponents/index.ts
 init_esm_shims();
@@ -10723,9 +10723,24 @@ var FormOptionLabel = /* @__PURE__ */ __name(({ option }) => {
   }, label);
 }, "FormOptionLabel");
 
-// components/form/inputs/BasicInputs.tsx
+// components/form/inputs/index.ts
+init_esm_shims();
+
+// components/form/inputs/FormItem.tsx
 init_esm_shims();
 import React25 from "react";
+var FormItem = /* @__PURE__ */ __name((props) => {
+  const { inputProperties, label, name: name2 } = props;
+  return /* @__PURE__ */ React25.createElement("div", {
+    className: `form-item ${name2}`
+  }, /* @__PURE__ */ React25.createElement("label", {
+    htmlFor: name2
+  }, label), props.children);
+}, "FormItem");
+
+// components/form/inputs/BasicInputs.tsx
+init_esm_shims();
+import React26 from "react";
 function _extends15() {
   _extends15 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -10745,125 +10760,125 @@ 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__ */ React25.createElement(Components2.FormItem, _extends15({
+  return /* @__PURE__ */ React26.createElement(Components2.FormItem, _extends15({
     name: name2,
     path,
     label,
     inputProperties
-  }, itemProperties), /* @__PURE__ */ React25.createElement("input", _extends15({}, otherInputProperties, {
+  }, itemProperties), /* @__PURE__ */ React26.createElement("input", _extends15({}, otherInputProperties, {
     id: name2,
     name: name2,
     type: props.type
   })));
 }, "HTMLInputAdapter");
-var FormItem = /* @__PURE__ */ __name((props) => {
-  const { inputProperties, label, name: name2 } = props;
-  return /* @__PURE__ */ React25.createElement("div", {
-    className: `form-item ${name2}`
-  }, /* @__PURE__ */ React25.createElement("label", {
-    htmlFor: name2
-  }, label), props.children);
-}, "FormItem");
-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__ */ React25.createElement(Components2.FormItem, _extends15({
-    name: name2,
-    label: label1,
-    path,
-    inputProperties
-  }, itemProperties), /* @__PURE__ */ React25.createElement("select", _extends15({
-    multiple
-  }, inputProperties), options.map(({ label, value }) => /* @__PURE__ */ React25.createElement("option", {
-    key: value,
-    label,
-    value
-  }))));
-}, "HTMLSelectAdapter");
-var FormComponentDefault = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React25.createElement(HTMLInputAdapter, _extends15({
+var FormComponentDefault = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React26.createElement(HTMLInputAdapter, _extends15({
   type: "text"
 }, props)), "FormComponentDefault");
-var FormComponentPassword = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React25.createElement(HTMLInputAdapter, _extends15({
+var FormComponentPassword = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React26.createElement(HTMLInputAdapter, _extends15({
   type: "password"
 }, props)), "FormComponentPassword");
-var FormComponentNumber = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React25.createElement(HTMLInputAdapter, _extends15({
+var FormComponentNumber = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React26.createElement(HTMLInputAdapter, _extends15({
   type: "number"
 }, props)), "FormComponentNumber");
-var FormComponentUrl = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React25.createElement(HTMLInputAdapter, _extends15({
+var FormComponentUrl = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React26.createElement(HTMLInputAdapter, _extends15({
   type: "url"
 }, props)), "FormComponentUrl");
-var FormComponentEmail = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React25.createElement(HTMLInputAdapter, _extends15({
+var FormComponentEmail = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React26.createElement(HTMLInputAdapter, _extends15({
   type: "email"
 }, props)), "FormComponentEmail");
-var FormComponentTextarea = /* @__PURE__ */ __name((props) => {
-  const { inputProperties, itemProperties } = props;
-  return /* @__PURE__ */ React25.createElement("textarea", _extends15({}, inputProperties));
-}, "FormComponentTextarea");
 var FormComponentCheckbox = /* @__PURE__ */ __name((props) => {
-  return /* @__PURE__ */ React25.createElement(HTMLInputAdapter, _extends15({
+  return /* @__PURE__ */ React26.createElement(HTMLInputAdapter, _extends15({
     type: "checkbox"
   }, props));
 }, "FormComponentCheckbox");
+var FormComponentDate = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React26.createElement(HTMLInputAdapter, _extends15({
+  type: "date"
+}, props)), "FormComponentDate");
+var FormComponentDateTime = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React26.createElement(HTMLInputAdapter, _extends15({
+  type: "datetime-local"
+}, props)), "FormComponentDateTime");
+var FormComponentTime = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React26.createElement(HTMLInputAdapter, _extends15({
+  type: "time"
+}, props)), "FormComponentTime");
+var FormComponentStaticText = /* @__PURE__ */ __name((props) => {
+  const { inputProperties } = props;
+  return /* @__PURE__ */ React26.createElement("input", _extends15({}, inputProperties, {
+    disabled: true
+  }));
+}, "FormComponentStaticText");
+var FormComponentLikert = /* @__PURE__ */ __name((props) => "Likert component not yet implemented", "FormComponentLikert");
+var FormComponentAutocomplete = /* @__PURE__ */ __name((props) => "Autocomplete component not yet implemented", "FormComponentAutocomplete");
+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__ */ React26.createElement(Components2.FormItem, _extends15({
+    name: name2,
+    path,
+    label,
+    inputProperties
+  }, itemProperties), /* @__PURE__ */ React26.createElement("label", {
+    htmlFor: "name"
+  }, label), /* @__PURE__ */ React26.createElement("textarea", _extends15({}, inputProperties)));
+}, "FormComponentTextarea");
+
+// components/form/inputs/RadioGroup.tsx
+init_esm_shims();
+import React27 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) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends16.apply(this, arguments);
+}
+__name(_extends16, "_extends");
 var FormComponentRadioGroup = /* @__PURE__ */ __name((props) => {
   const { 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, _extends15({
+  return /* @__PURE__ */ React27.createElement(Components2.FormItem, _extends16({
     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", {
+    }), /* @__PURE__ */ React27.createElement("input", _extends16({
       type: "radio",
       id: value,
       name: name2,
-      key: value,
-      value
-    }));
+      key: value
+    }, inputProperties, {
+      value,
+      checked: value === inputProperties.value
+    })));
   }));
 }, "FormComponentRadioGroup");
-var FormComponentSelect = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React25.createElement(HTMLSelectAdapter, _extends15({}, props)), "FormComponentSelect");
-var FormComponentSelectMultiple = /* @__PURE__ */ __name((props) => {
-  const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React25.createElement(Components2.FormComponentSelect, _extends15({
-    multiple: true
-  }, props));
-}, "FormComponentSelectMultiple");
-var FormComponentDate = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React25.createElement(HTMLInputAdapter, _extends15({
-  type: "date"
-}, props)), "FormComponentDate");
-var FormComponentDateTime = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React25.createElement(HTMLInputAdapter, _extends15({
-  type: "datetime-local"
-}, props)), "FormComponentDateTime");
-var FormComponentTime = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React25.createElement(HTMLInputAdapter, _extends15({
-  type: "time"
-}, props)), "FormComponentTime");
-var FormComponentStaticText = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React25.createElement("input", _extends15({
-  disabled: true
-}, props)), "FormComponentStaticText");
-var FormComponentLikert = /* @__PURE__ */ __name((props) => "Likert component not yet implemented", "FormComponentLikert");
-var FormComponentAutocomplete = /* @__PURE__ */ __name((props) => "Autocomplete component not yet implemented", "FormComponentAutocomplete");
 
 // 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 _extends16() {
-  _extends16 = Object.assign || function(target) {
+function _extends17() {
+  _extends17 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -10874,9 +10889,9 @@ function _extends16() {
     }
     return target;
   };
-  return _extends16.apply(this, arguments);
+  return _extends17.apply(this, arguments);
 }
-__name(_extends16, "_extends");
+__name(_extends17, "_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");
@@ -10909,9 +10924,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,
@@ -10934,7 +10949,7 @@ var OtherComponent = /* @__PURE__ */ __name(({ value, path }) => {
         });
       }
     }
-  }), showOther && /* @__PURE__ */ React26.createElement(Components2.FormComponentText, {
+  }), showOther && /* @__PURE__ */ React28.createElement(Components2.FormComponentText, {
     inputProperties: textFieldInputProperties,
     itemProperties: textFieldItemProperties
   }));
@@ -10948,22 +10963,25 @@ 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, _extends16({
+  return /* @__PURE__ */ React28.createElement(Components2.FormItem, _extends17({
     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(React26.Fragment, null, /* @__PURE__ */ React26.createElement(Components2.FormOptionLabel, {
+    return /* @__PURE__ */ React28.createElement("div", {
+      className: "form-item-option",
+      key: option.value
+    }, /* @__PURE__ */ React28.createElement(Components2.FormOptionLabel, {
       option,
       name: name2
-    }), /* @__PURE__ */ React26.createElement("input", _extends16({
+    }), /* @__PURE__ */ React28.createElement("input", _extends17({
       type: "checkbox"
-    }, inputProperties, {
+    }, omit3(inputProperties, "value"), {
       name: name2,
       key: i,
       checked: isChecked1,
@@ -10980,19 +10998,66 @@ var FormComponentCheckboxGroup = /* @__PURE__ */ __name((props) => {
       },
       className: checkClass
     })));
-  }), itemProperties.showOther && /* @__PURE__ */ React26.createElement(OtherComponent, {
+  }), itemProperties.showOther && /* @__PURE__ */ React28.createElement(OtherComponent, {
     value,
     path
   })));
 }, "FormComponentCheckboxGroup");
 
+// components/form/inputs/SelectInputs.tsx
+init_esm_shims();
+import React29 from "react";
+function _extends18() {
+  _extends18 = 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 _extends18.apply(this, arguments);
+}
+__name(_extends18, "_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__ */ React29.createElement(Components2.FormItem, _extends18({
+    name: name2,
+    label: label1,
+    path,
+    inputProperties
+  }, itemProperties), /* @__PURE__ */ React29.createElement("select", _extends18({
+    multiple
+  }, inputProperties, {
+    value: inputProperties.value === null ? void 0 : inputProperties.value
+  }), options.map(({ label, value }) => /* @__PURE__ */ React29.createElement("option", {
+    key: value,
+    label,
+    value
+  }))));
+}, "HTMLSelectAdapter");
+var FormComponentSelect = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React29.createElement(HTMLSelectAdapter, _extends18({}, props)), "FormComponentSelect");
+var FormComponentSelectMultiple = /* @__PURE__ */ __name((props) => {
+  const Components2 = useVulcanComponents();
+  return /* @__PURE__ */ React29.createElement(Components2.FormComponentSelect, _extends18({
+    multiple: true
+  }, props));
+}, "FormComponentSelectMultiple");
+
 // components/form/inputs/AutocompleteMultiple.tsx
 init_esm_shims();
 import { AsyncTypeahead } from "react-bootstrap-typeahead";
-import React27, { useState as useState5 } from "react";
+import React30, { useState as useState5 } from "react";
 import { useLazyQuery as useLazyQuery2 } from "@apollo/client";
-function _extends17() {
-  _extends17 = Object.assign || function(target) {
+function _extends19() {
+  _extends19 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -11003,9 +11068,9 @@ function _extends17() {
     }
     return target;
   };
-  return _extends17.apply(this, arguments);
+  return _extends19.apply(this, arguments);
 }
-__name(_extends17, "_extends");
+__name(_extends19, "_extends");
 var AutocompleteMultiple = /* @__PURE__ */ __name((props) => {
   const {
     queryData,
@@ -11034,9 +11099,9 @@ var AutocompleteMultiple = /* @__PURE__ */ __name((props) => {
   const selectedItems = queryData && optionsFunction({
     data: queryData
   }).filter((d) => value1.includes(d.value));
-  return /* @__PURE__ */ React27.createElement(Components2.FormItem, _extends17({}, props, itemProperties, {
+  return /* @__PURE__ */ React30.createElement(Components2.FormItem, _extends19({}, props, itemProperties, {
     name: path
-  }), /* @__PURE__ */ React27.createElement(AsyncTypeahead, _extends17({}, inputProperties, {
+  }), /* @__PURE__ */ React30.createElement(AsyncTypeahead, _extends19({}, inputProperties, {
     multiple: true,
     onChange: (selected) => {
       const selectedIds = selected.map(({ value }) => value);
@@ -11116,14 +11181,14 @@ init_esm_shims();
 
 // components/Datatable/Datatable.tsx
 init_esm_shims();
-import React28, { useEffect as useEffect6, useState as useState6 } from "react";
+import React31, { 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 _extends18() {
-  _extends18 = 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) {
@@ -11134,9 +11199,9 @@ function _extends18() {
     }
     return target;
   };
-  return _extends18.apply(this, arguments);
+  return _extends20.apply(this, arguments);
 }
-__name(_extends18, "_extends");
+__name(_extends20, "_extends");
 var ascSortOperator = "asc";
 var descSortOperator = "desc";
 var delay = function() {
@@ -11237,7 +11302,7 @@ var Datatable = /* @__PURE__ */ __name((props) => {
     }
   }));
   if (data) {
-    return /* @__PURE__ */ React28.createElement(Components2.DatatableContents, _extends18({}, props, {
+    return /* @__PURE__ */ React31.createElement(Components2.DatatableContents, _extends20({}, props, {
       datatableData: data,
       totalCount: data.length,
       results: data,
@@ -11268,9 +11333,9 @@ var Datatable = /* @__PURE__ */ __name((props) => {
   if (!_isEmpty(state.currentFilters)) {
     input.filter = state.currentFilters;
   }
-  return /* @__PURE__ */ React28.createElement(Components2.DatatableLayout, {
+  return /* @__PURE__ */ React31.createElement(Components2.DatatableLayout, {
     model
-  }, /* @__PURE__ */ React28.createElement(Components2.DatatableAbove, _extends18({}, props, {
+  }, /* @__PURE__ */ React31.createElement(Components2.DatatableAbove, _extends20({}, props, {
     model,
     canInsert: canCreate,
     canCreate,
@@ -11278,7 +11343,7 @@ var Datatable = /* @__PURE__ */ __name((props) => {
     updateSearch,
     selectedItems: state.selectedItems,
     onSubmitSelected
-  })), /* @__PURE__ */ React28.createElement(Components2.DatatableContents, _extends18({}, props, {
+  })), /* @__PURE__ */ React31.createElement(Components2.DatatableContents, _extends20({}, props, {
     results: multiRes.documents,
     totalCount: multiRes.totalCount,
     count: multiRes.count,
@@ -11292,20 +11357,20 @@ var Datatable = /* @__PURE__ */ __name((props) => {
     toggleItem
   })));
 }, "Datatable");
-var DatatableLayout = /* @__PURE__ */ __name(({ model, children }) => /* @__PURE__ */ React28.createElement("div", {
+var DatatableLayout = /* @__PURE__ */ __name(({ model, children }) => /* @__PURE__ */ React31.createElement("div", {
   className: `datatable datatable-${model.name.toLowerCase()}`
 }, children), "DatatableLayout");
 var DatatableAbove = /* @__PURE__ */ __name((props) => {
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React28.createElement(Components2.DatatableAboveLayout, null, /* @__PURE__ */ React28.createElement(Components2.DatatableAboveLeft, _extends18({}, props)), /* @__PURE__ */ React28.createElement(Components2.DatatableAboveRight, _extends18({}, props)));
+  return /* @__PURE__ */ React31.createElement(Components2.DatatableAboveLayout, null, /* @__PURE__ */ React31.createElement(Components2.DatatableAboveLeft, _extends20({}, props)), /* @__PURE__ */ React31.createElement(Components2.DatatableAboveRight, _extends20({}, props)));
 }, "DatatableAbove");
 var DatatableAboveLeft = /* @__PURE__ */ __name((props) => {
   const { showSearch, searchValue, updateSearch } = props;
   const Components2 = useVulcanComponents();
   const intl = useIntlContext5();
-  return /* @__PURE__ */ React28.createElement("div", {
+  return /* @__PURE__ */ React31.createElement("div", {
     className: "datatable-above-left"
-  }, showSearch && /* @__PURE__ */ React28.createElement(Components2.DatatableAboveSearchInput, {
+  }, showSearch && /* @__PURE__ */ React31.createElement(Components2.DatatableAboveSearchInput, {
     className: "datatable-search form-control",
     inputProperties: {
       path: "datatableSearchQuery",
@@ -11321,16 +11386,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__ */ React28.createElement("div", {
+  return /* @__PURE__ */ React31.createElement("div", {
     className: "datatable-above-right"
-  }, showSelect && selectedItems.length > 0 && /* @__PURE__ */ React28.createElement("div", {
+  }, showSelect && selectedItems.length > 0 && /* @__PURE__ */ React31.createElement("div", {
     className: "datatable-above-item"
-  }, /* @__PURE__ */ React28.createElement(Components2.DatatableSubmitSelected, {
+  }, /* @__PURE__ */ React31.createElement(Components2.DatatableSubmitSelected, {
     selectedItems,
     onSubmitSelected
-  })), showNew && canInsert && /* @__PURE__ */ React28.createElement("div", {
+  })), showNew && canInsert && /* @__PURE__ */ React31.createElement("div", {
     className: "datatable-above-item"
-  }, /* @__PURE__ */ React28.createElement(Components2.NewButton, _extends18({
+  }, /* @__PURE__ */ React31.createElement(Components2.NewButton, _extends20({
     model,
     currentUser,
     mutationFragmentName: options && options.fragmentName
@@ -11338,20 +11403,20 @@ var DatatableAboveRight = /* @__PURE__ */ __name((props) => {
 }, "DatatableAboveRight");
 var DatatableAboveSearchInput = /* @__PURE__ */ __name((props) => {
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React28.createElement("div", {
+  return /* @__PURE__ */ React31.createElement("div", {
     className: "datatable-above-search-input"
-  }, /* @__PURE__ */ React28.createElement(Components2.FormComponentText, _extends18({}, props)));
+  }, /* @__PURE__ */ React31.createElement(Components2.FormComponentText, _extends20({}, props)));
 }, "DatatableAboveSearchInput");
-var DatatableAboveLayout = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ React28.createElement("div", {
+var DatatableAboveLayout = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ React31.createElement("div", {
   className: "datatable-above"
 }, children), "DatatableAboveLayout");
 
 // components/Datatable/DatatableContents.tsx
 init_esm_shims();
-import React29 from "react";
+import React32 from "react";
 import _sortBy from "lodash/sortBy.js";
-function _extends19() {
-  _extends19 = 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) {
@@ -11362,9 +11427,9 @@ function _extends19() {
     }
     return target;
   };
-  return _extends19.apply(this, arguments);
+  return _extends21.apply(this, arguments);
 }
-__name(_extends19, "_extends");
+__name(_extends21, "_extends");
 var wrapColumns = /* @__PURE__ */ __name((c) => ({
   name: c
 }), "wrapColumns");
@@ -11386,18 +11451,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__ */ React29.createElement("div", {
+    return /* @__PURE__ */ React32.createElement("div", {
       className: "datatable-list datatable-list-loading"
-    }, /* @__PURE__ */ React29.createElement(Components2.Loading, null));
+    }, /* @__PURE__ */ React32.createElement(Components2.Loading, null));
   }
   const isLoadingMore = networkStatus === 2;
   const hasMore = results && totalCount > results.length;
   const sortedColumns = getColumns(columns, results, datatableData);
-  return /* @__PURE__ */ React29.createElement(Components2.DatatableContentsLayout, null, error && /* @__PURE__ */ React29.createElement(Components2.Alert, {
+  return /* @__PURE__ */ React32.createElement(Components2.DatatableContentsLayout, null, error && /* @__PURE__ */ React32.createElement(Components2.Alert, {
     variant: "danger"
-  }, error.message), title && /* @__PURE__ */ React29.createElement(Components2.DatatableTitle, {
+  }, error.message), title && /* @__PURE__ */ React32.createElement(Components2.DatatableTitle, {
     title
-  }), /* @__PURE__ */ React29.createElement(Components2.DatatableContentsInnerLayout, null, /* @__PURE__ */ React29.createElement(Components2.DatatableContentsHeadLayout, null, showSelect && /* @__PURE__ */ React29.createElement("th", null), sortedColumns.map((column, index) => /* @__PURE__ */ React29.createElement(Components2.DatatableHeader, {
+  }), /* @__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, {
     key: index,
     model,
     column,
@@ -11405,13 +11470,13 @@ var DatatableContents = /* @__PURE__ */ __name((props) => {
     currentSort,
     submitFilters,
     currentFilters
-  })), showEdit ? /* @__PURE__ */ React29.createElement("th", null, /* @__PURE__ */ React29.createElement(Components2.FormattedMessage, {
+  })), showEdit ? /* @__PURE__ */ React32.createElement("th", null, /* @__PURE__ */ React32.createElement(Components2.FormattedMessage, {
     id: "datatable.edit",
     defaultMessage: "Edit"
-  })) : null, showDelete ? /* @__PURE__ */ React29.createElement("th", null, /* @__PURE__ */ React29.createElement(Components2.FormattedMessage, {
+  })) : null, showDelete ? /* @__PURE__ */ React32.createElement("th", null, /* @__PURE__ */ React32.createElement(Components2.FormattedMessage, {
     id: "datatable.delete",
     defaultMessage: "Delete"
-  })) : null), /* @__PURE__ */ React29.createElement(Components2.DatatableContentsBodyLayout, null, results && results.length ? results.map((document, index) => /* @__PURE__ */ React29.createElement(Components2.DatatableRow, _extends19({}, props, {
+  })) : null), /* @__PURE__ */ React32.createElement(Components2.DatatableContentsBodyLayout, null, results && results.length ? results.map((document, index) => /* @__PURE__ */ React32.createElement(Components2.DatatableRow, _extends21({}, props, {
     model,
     columns: sortedColumns,
     document,
@@ -11420,7 +11485,7 @@ var DatatableContents = /* @__PURE__ */ __name((props) => {
     showDelete,
     currentUser,
     modalProps
-  }))) : /* @__PURE__ */ React29.createElement(Components2.DatatableEmpty, null))), hasMore && /* @__PURE__ */ React29.createElement(Components2.DatatableContentsMoreLayout, null, isLoadingMore ? /* @__PURE__ */ React29.createElement(Components2.Loading, null) : /* @__PURE__ */ React29.createElement(Components2.DatatableLoadMoreButton, {
+  }))) : /* @__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, {
     count,
     totalCount,
     onClick: (e) => {
@@ -11429,37 +11494,37 @@ var DatatableContents = /* @__PURE__ */ __name((props) => {
     }
   }, "Load More (", count, "/", totalCount, ")")));
 }, "DatatableContents");
-var DatatableContentsLayout = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ React29.createElement("div", {
+var DatatableContentsLayout = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ React32.createElement("div", {
   className: "datatable-list"
 }, children), "DatatableContentsLayout");
-var DatatableContentsInnerLayout = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ React29.createElement("table", {
+var DatatableContentsInnerLayout = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ React32.createElement("table", {
   className: "table"
 }, children), "DatatableContentsInnerLayout");
-var DatatableContentsHeadLayout = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ React29.createElement("thead", null, /* @__PURE__ */ React29.createElement("tr", null, children)), "DatatableContentsHeadLayout");
-var DatatableContentsBodyLayout = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ React29.createElement("tbody", null, children), "DatatableContentsBodyLayout");
-var DatatableContentsMoreLayout = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ React29.createElement("div", {
+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", {
   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__ */ React29.createElement(Components2.Button, _extends19({
+  return /* @__PURE__ */ React32.createElement(Components2.Button, _extends21({
     variant: "primary"
   }, otherProps), children);
 }, "DatatableLoadMoreButton");
-var DatatableTitle = /* @__PURE__ */ __name(({ title }) => /* @__PURE__ */ React29.createElement("div", {
+var DatatableTitle = /* @__PURE__ */ __name(({ title }) => /* @__PURE__ */ React32.createElement("div", {
   className: "datatable-title"
 }, title), "DatatableTitle");
 var DatatableEmpty = /* @__PURE__ */ __name(() => {
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React29.createElement("tr", null, /* @__PURE__ */ React29.createElement("td", {
+  return /* @__PURE__ */ React32.createElement("tr", null, /* @__PURE__ */ React32.createElement("td", {
     colSpan: 99
-  }, /* @__PURE__ */ React29.createElement("div", {
+  }, /* @__PURE__ */ React32.createElement("div", {
     style: {
       textAlign: "center",
       padding: 10
     }
-  }, /* @__PURE__ */ React29.createElement(Components2.FormattedMessage, {
+  }, /* @__PURE__ */ React32.createElement(Components2.FormattedMessage, {
     id: "datatable.empty",
     defaultMessage: "No items to display."
   }))));
@@ -11467,11 +11532,11 @@ var DatatableEmpty = /* @__PURE__ */ __name(() => {
 
 // components/Datatable/DatatableHeader.tsx
 init_esm_shims();
-import React30 from "react";
+import React33 from "react";
 import { useIntlContext as useIntlContext6 } from "@vulcanjs/react-i18n";
 import { formatLabel as formatLabel2 } from "@vulcanjs/i18n";
-function _extends20() {
-  _extends20 = 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) {
@@ -11482,9 +11547,9 @@ function _extends20() {
     }
     return target;
   };
-  return _extends20.apply(this, arguments);
+  return _extends22.apply(this, arguments);
 }
-__name(_extends20, "_extends");
+__name(_extends22, "_extends");
 var DatatableHeader = /* @__PURE__ */ __name(({ model, column, toggleSort, currentSort, submitFilters, currentFilters }) => {
   const Components2 = useVulcanComponents();
   const intl = useIntlContext6();
@@ -11505,16 +11570,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__ */ React30.createElement(Components2.DatatableHeaderCellLayout, {
+    return /* @__PURE__ */ React33.createElement(Components2.DatatableHeaderCellLayout, {
       className: `datatable-header-${column.name}`
-    }, /* @__PURE__ */ React30.createElement("span", {
+    }, /* @__PURE__ */ React33.createElement("span", {
       className: "datatable-header-cell-label"
-    }, formattedLabel), column.sortable && /* @__PURE__ */ React30.createElement(Components2.DatatableSorter, {
+    }, formattedLabel), column.sortable && /* @__PURE__ */ React33.createElement(Components2.DatatableSorter, {
       name: column.name,
       label: formattedLabel,
       toggleSort,
       currentSort
-    }), column.filterable && /* @__PURE__ */ React30.createElement(Components2.DatatableFilter, {
+    }), column.filterable && /* @__PURE__ */ React33.createElement(Components2.DatatableFilter, {
       model,
       field,
       name: column.name,
@@ -11530,25 +11595,25 @@ var DatatableHeader = /* @__PURE__ */ __name(({ model, column, toggleSort, curre
       id: column.name,
       defaultMessage: column.name
     });
-    return /* @__PURE__ */ React30.createElement(Components2.DatatableHeaderCellLayout, {
+    return /* @__PURE__ */ React33.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__ */ React30.createElement("th", _extends20({}, otherProps), /* @__PURE__ */ React30.createElement("div", {
+  return /* @__PURE__ */ React33.createElement("th", _extends22({}, otherProps), /* @__PURE__ */ React33.createElement("div", {
     className: "datatable-header-cell-inner"
   }, children));
 }, "DatatableHeaderCellLayout");
 
 // components/Datatable/DatatableRow.tsx
 init_esm_shims();
-import React31 from "react";
+import React34 from "react";
 import _isFunction from "lodash/isFunction.js";
 import { isAdmin as isAdmin3, permissionCheck as permissionCheck2 } from "@vulcanjs/permissions";
-function _extends21() {
-  _extends21 = 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) {
@@ -11559,9 +11624,9 @@ function _extends21() {
     }
     return target;
   };
-  return _extends21.apply(this, arguments);
+  return _extends23.apply(this, arguments);
 }
-__name(_extends21, "_extends");
+__name(_extends23, "_extends");
 var DatatableRow = /* @__PURE__ */ __name((props) => {
   const { model, columns, document, showEdit, showDelete, currentUser, options, editFormOptions, editFormProps, rowClass, showSelect, toggleItem, selectedItems } = props;
   const Components2 = useVulcanComponents();
@@ -11580,33 +11645,33 @@ var DatatableRow = /* @__PURE__ */ __name((props) => {
   const row = typeof rowClass === "function" ? rowClass(document) : rowClass || "";
   const { modalProps = {} } = props;
   const defaultModalProps = {
-    title: /* @__PURE__ */ React31.createElement("code", null, document._id)
+    title: /* @__PURE__ */ React34.createElement("code", null, document._id)
   };
   const customModalProps = __spreadValues(__spreadValues({}, defaultModalProps), _isFunction(modalProps) ? modalProps(document) : modalProps);
   const isSelected = selectedItems && selectedItems.includes(document._id);
-  return /* @__PURE__ */ React31.createElement(Components2.DatatableRowLayout, {
+  return /* @__PURE__ */ React34.createElement(Components2.DatatableRowLayout, {
     className: `datatable-item ${row} ${isSelected ? "datatable-item-selected" : ""}`
-  }, showSelect && /* @__PURE__ */ React31.createElement(Components2.DatatableSelect, {
+  }, showSelect && /* @__PURE__ */ React34.createElement(Components2.DatatableSelect, {
     document,
     toggleItem,
     selectedItems
-  }), columns.map((column, index) => /* @__PURE__ */ React31.createElement(Components2.DatatableCell, {
+  }), columns.map((column, index) => /* @__PURE__ */ React34.createElement(Components2.DatatableCell, {
     key: index,
     column,
     document,
     currentUser,
     model
-  })), showEdit && canUpdate ? /* @__PURE__ */ React31.createElement(Components2.DatatableCellLayout, {
+  })), showEdit && canUpdate ? /* @__PURE__ */ React34.createElement(Components2.DatatableCellLayout, {
     className: "datatable-edit"
-  }, /* @__PURE__ */ React31.createElement(Components2.EditButton, _extends21({
+  }, /* @__PURE__ */ React34.createElement(Components2.EditButton, _extends23({
     model,
     documentId: document._id,
     currentUser,
     mutationFragmentName: options && options.fragmentName,
     modalProps: customModalProps
-  }, editFormOptions, editFormProps))) : null, showDelete && canUpdate ? /* @__PURE__ */ React31.createElement(Components2.DatatableCellLayout, {
+  }, editFormOptions, editFormProps))) : null, showDelete && canUpdate ? /* @__PURE__ */ React34.createElement(Components2.DatatableCellLayout, {
     className: "datatable-delete"
-  }, /* @__PURE__ */ React31.createElement(Components2.DeleteButton, {
+  }, /* @__PURE__ */ React34.createElement(Components2.DeleteButton, {
     model,
     documentId: document._id,
     currentUser
@@ -11614,14 +11679,14 @@ var DatatableRow = /* @__PURE__ */ __name((props) => {
 }, "DatatableRow");
 var DatatableRowLayout = /* @__PURE__ */ __name((_a) => {
   var _b = _a, { children } = _b, otherProps = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ React31.createElement("tr", _extends21({}, otherProps), children);
+  return /* @__PURE__ */ React34.createElement("tr", _extends23({}, otherProps), children);
 }, "DatatableRowLayout");
 
 // components/Datatable/DatatableCell.tsx
 init_esm_shims();
-import React32 from "react";
-function _extends22() {
-  _extends22 = Object.assign || function(target) {
+import React35 from "react";
+function _extends24() {
+  _extends24 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -11632,18 +11697,18 @@ function _extends22() {
     }
     return target;
   };
-  return _extends22.apply(this, arguments);
+  return _extends24.apply(this, arguments);
 }
-__name(_extends22, "_extends");
+__name(_extends24, "_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__ */ React32.createElement(Components2.DatatableCellLayout, {
+  return /* @__PURE__ */ React35.createElement(Components2.DatatableCellLayout, {
     className: `datatable-item-${columnName.toLowerCase().replace(/\s/g, "-")}`
-  }, /* @__PURE__ */ React32.createElement(Component, {
+  }, /* @__PURE__ */ React35.createElement(Component, {
     column,
     document,
     currentUser,
@@ -11652,14 +11717,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__ */ React32.createElement("td", _extends22({}, otherProps), /* @__PURE__ */ React32.createElement("div", {
+  return /* @__PURE__ */ React35.createElement("td", _extends24({}, otherProps), /* @__PURE__ */ React35.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__ */ React32.createElement(Components2.CardItemSwitcher, _extends22({
+  return /* @__PURE__ */ React35.createElement(Components2.CardItemSwitcher, _extends24({
     value: document[column.name],
     document,
     fieldName: column.name
@@ -11669,11 +11734,11 @@ var DatatableDefaultCell = /* @__PURE__ */ __name((_a) => {
 // components/Datatable/DatatableFilter.tsx
 init_esm_shims();
 var import_moment = __toESM(require_moment(), 1);
-import React33, { useState as useState7 } from "react";
+import React36, { useState as useState7 } from "react";
 import { useQuery } from "@apollo/client";
 import isEmpty4 from "lodash/isEmpty.js";
-function _extends23() {
-  _extends23 = Object.assign || function(target) {
+function _extends25() {
+  _extends25 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -11684,9 +11749,9 @@ function _extends23() {
     }
     return target;
   };
-  return _extends23.apply(this, arguments);
+  return _extends25.apply(this, arguments);
 }
-__name(_extends23, "_extends");
+__name(_extends25, "_extends");
 var getCount = /* @__PURE__ */ __name((columnFilters) => {
   if (!columnFilters) {
     return 0;
@@ -11701,16 +11766,16 @@ var getCount = /* @__PURE__ */ __name((columnFilters) => {
   }
   return 0;
 }, "getCount");
-var Filter = /* @__PURE__ */ __name(({ count }) => /* @__PURE__ */ React33.createElement("svg", {
+var Filter = /* @__PURE__ */ __name(({ count }) => /* @__PURE__ */ React36.createElement("svg", {
   width: "16",
   height: "16",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 448 512"
-}, /* @__PURE__ */ React33.createElement("path", {
+}, /* @__PURE__ */ React36.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__ */ React33.createElement("text", {
+}), count ? /* @__PURE__ */ React36.createElement("text", {
   x: "50%",
   y: "55%",
   fill: "#000",
@@ -11718,7 +11783,7 @@ var Filter = /* @__PURE__ */ __name(({ count }) => /* @__PURE__ */ React33.creat
   textAnchor: "middle",
   alignmentBaseline: "middle",
   fillOpacity: 0.8
-}, count) : /* @__PURE__ */ React33.createElement("path", {
+}, count) : /* @__PURE__ */ React36.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
@@ -11726,10 +11791,10 @@ var Filter = /* @__PURE__ */ __name(({ count }) => /* @__PURE__ */ React33.creat
 var DatatableFilter = /* @__PURE__ */ __name((props) => {
   const Components2 = useVulcanComponents();
   const { columnFilters, label, query } = props;
-  return /* @__PURE__ */ React33.createElement("span", {
+  return /* @__PURE__ */ React36.createElement("span", {
     className: "datatable-filter"
-  }, /* @__PURE__ */ React33.createElement(Components2.ModalTrigger, {
-    title: /* @__PURE__ */ React33.createElement(Components2.FormattedMessage, {
+  }, /* @__PURE__ */ React36.createElement(Components2.ModalTrigger, {
+    title: /* @__PURE__ */ React36.createElement(Components2.FormattedMessage, {
       id: "datatable.filter_column",
       values: {
         label
@@ -11737,10 +11802,10 @@ var DatatableFilter = /* @__PURE__ */ __name((props) => {
       defaultMessage: `Filter \u201C${label}\u201D`
     }),
     size: "small",
-    trigger: /* @__PURE__ */ React33.createElement(Filter, {
+    trigger: /* @__PURE__ */ React36.createElement(Filter, {
       count: getCount(columnFilters)
     })
-  }, query ? /* @__PURE__ */ React33.createElement(Components2.DatatableFilterContentsWithData, _extends23({}, props)) : /* @__PURE__ */ React33.createElement(Components2.DatatableFilterContents, _extends23({}, props))));
+  }, query ? /* @__PURE__ */ React36.createElement(Components2.DatatableFilterContentsWithData, _extends25({}, props)) : /* @__PURE__ */ React36.createElement(Components2.DatatableFilterContents, _extends25({}, props))));
 }, "DatatableFilter");
 var DatatableFilterContentsWithData = /* @__PURE__ */ __name((props) => {
   const Components2 = useVulcanComponents();
@@ -11751,14 +11816,14 @@ var DatatableFilterContentsWithData = /* @__PURE__ */ __name((props) => {
   const filterQuery = queryGql;
   const { loading, error, data } = useQuery(filterQuery);
   if (loading) {
-    return /* @__PURE__ */ React33.createElement(Components2.Loading, null);
+    return /* @__PURE__ */ React36.createElement(Components2.Loading, null);
   } else if (error) {
-    return /* @__PURE__ */ React33.createElement("p", null, "error");
+    return /* @__PURE__ */ React36.createElement("p", null, "error");
   } else {
     const queryOptions = options({
       data
     });
-    return /* @__PURE__ */ React33.createElement(Components2.DatatableFilterContents, _extends23({}, props, {
+    return /* @__PURE__ */ React36.createElement(Components2.DatatableFilterContents, _extends25({}, props, {
       options: queryOptions
     }));
   }
@@ -11775,28 +11840,28 @@ var DatatableFilterContents = /* @__PURE__ */ __name((props) => {
   let contents;
   if (filterComponent) {
     const CustomFilter = filterComponent;
-    contents = /* @__PURE__ */ React33.createElement(CustomFilter, _extends23({}, filterProps));
+    contents = /* @__PURE__ */ React36.createElement(CustomFilter, _extends25({}, filterProps));
   } else if (options) {
-    contents = /* @__PURE__ */ React33.createElement(Components2.DatatableFilterCheckboxes, _extends23({}, filterProps));
+    contents = /* @__PURE__ */ React36.createElement(Components2.DatatableFilterCheckboxes, _extends25({}, filterProps));
   } else {
     switch (fieldType) {
       case Date:
-        contents = /* @__PURE__ */ React33.createElement(Components2.DatatableFilterDates, _extends23({}, filterProps));
+        contents = /* @__PURE__ */ React36.createElement(Components2.DatatableFilterDates, _extends25({}, filterProps));
         break;
       case Number:
-        contents = /* @__PURE__ */ React33.createElement(Components2.DatatableFilterNumbers, _extends23({}, filterProps));
+        contents = /* @__PURE__ */ React36.createElement(Components2.DatatableFilterNumbers, _extends25({}, filterProps));
         break;
       case Boolean:
-        contents = /* @__PURE__ */ React33.createElement(Components2.DatatableFilterBooleans, _extends23({}, filterProps));
+        contents = /* @__PURE__ */ React36.createElement(Components2.DatatableFilterBooleans, _extends25({}, filterProps));
         break;
       default:
-        contents = /* @__PURE__ */ React33.createElement("p", null, /* @__PURE__ */ React33.createElement(Components2.FormattedMessage, {
+        contents = /* @__PURE__ */ React36.createElement("p", null, /* @__PURE__ */ React36.createElement(Components2.FormattedMessage, {
           id: "datatable.specify_option",
           defaultMessage: "Please specify an options property on your schema field."
         }));
     }
   }
-  return /* @__PURE__ */ React33.createElement("form", null, contents, /* @__PURE__ */ React33.createElement(Components2.Button, {
+  return /* @__PURE__ */ React36.createElement("form", null, contents, /* @__PURE__ */ React36.createElement(Components2.Button, {
     variant: "link",
     style: {
       display: "inline-block",
@@ -11806,10 +11871,10 @@ var DatatableFilterContents = /* @__PURE__ */ __name((props) => {
     onClick: () => {
       setFilters(void 0);
     }
-  }, /* @__PURE__ */ React33.createElement(Components2.FormattedMessage, {
+  }, /* @__PURE__ */ React36.createElement(Components2.FormattedMessage, {
     id: "datatable.clear_all",
     defaultMessage: "Clear All"
-  })), /* @__PURE__ */ React33.createElement(Components2.Button, {
+  })), /* @__PURE__ */ React36.createElement(Components2.Button, {
     type: "submit",
     className: "datatable_filter_submit",
     onClick: () => {
@@ -11818,7 +11883,7 @@ var DatatableFilterContents = /* @__PURE__ */ __name((props) => {
         filters
       });
     }
-  }, /* @__PURE__ */ React33.createElement(Components2.FormattedMessage, {
+  }, /* @__PURE__ */ React36.createElement(Components2.FormattedMessage, {
     id: "datatable.submit",
     defaultMessage: "Submit"
   })));
@@ -11828,7 +11893,7 @@ var DatatableFilterCheckboxes = /* @__PURE__ */ __name(({ options, filters = {
   _in: []
 }, setFilters }) => {
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React33.createElement(Components2.FormComponentCheckboxGroup, {
+  return /* @__PURE__ */ React36.createElement(Components2.FormComponentCheckboxGroup, {
     path: "filter",
     itemProperties: {
       layout: "inputOnly"
@@ -11862,7 +11927,7 @@ var DatatableFilterBooleans = /* @__PURE__ */ __name(({ filters = {
   _eq: []
 }, setFilters }) => {
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React33.createElement(Components2.FormComponentRadioGroup, {
+  return /* @__PURE__ */ React36.createElement(Components2.FormComponentRadioGroup, {
     path: "filter",
     itemProperties: {
       layout: "inputOnly"
@@ -11881,10 +11946,10 @@ var DatatableFilterBooleans = /* @__PURE__ */ __name(({ filters = {
 }, "DatatableFilterBooleans");
 var DatatableFilterDates = /* @__PURE__ */ __name(({ filters, setFilters }) => {
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React33.createElement("div", null, /* @__PURE__ */ React33.createElement(Components2.FormComponentDate, {
+  return /* @__PURE__ */ React36.createElement("div", null, /* @__PURE__ */ React36.createElement(Components2.FormComponentDate, {
     path: "_gte",
     itemProperties: {
-      label: /* @__PURE__ */ React33.createElement(Components2.FormattedMessage, {
+      label: /* @__PURE__ */ React36.createElement(Components2.FormattedMessage, {
         id: "datatable.after",
         defaultMessage: "After"
       }),
@@ -11903,10 +11968,10 @@ var DatatableFilterDates = /* @__PURE__ */ __name(({ filters, setFilters }) => {
         }));
       }
     }
-  }), /* @__PURE__ */ React33.createElement(Components2.FormComponentDate, {
+  }), /* @__PURE__ */ React36.createElement(Components2.FormComponentDate, {
     path: "_lte",
     itemProperties: {
-      label: /* @__PURE__ */ React33.createElement(Components2.FormattedMessage, {
+      label: /* @__PURE__ */ React36.createElement(Components2.FormattedMessage, {
         id: "datatable.before",
         defaultMessage: "Before"
       }),
@@ -11929,10 +11994,10 @@ var DatatableFilterDates = /* @__PURE__ */ __name(({ filters, setFilters }) => {
 }, "DatatableFilterDates");
 var DatatableFilterNumbers = /* @__PURE__ */ __name(({ filters, setFilters }) => {
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React33.createElement("div", null, /* @__PURE__ */ React33.createElement(Components2.FormComponentNumber, {
+  return /* @__PURE__ */ React36.createElement("div", null, /* @__PURE__ */ React36.createElement(Components2.FormComponentNumber, {
     path: "_gte",
     itemProperties: {
-      label: /* @__PURE__ */ React33.createElement(Components2.FormattedMessage, {
+      label: /* @__PURE__ */ React36.createElement(Components2.FormattedMessage, {
         id: "datatable.greater_than",
         defaultMessage: "Greater than"
       }),
@@ -11953,10 +12018,10 @@ var DatatableFilterNumbers = /* @__PURE__ */ __name(({ filters, setFilters }) =>
       },
       value: filters && parseFloat(filters._gte)
     }
-  }), /* @__PURE__ */ React33.createElement(Components2.FormComponentNumber, {
+  }), /* @__PURE__ */ React36.createElement(Components2.FormComponentNumber, {
     path: "_lte",
     itemProperties: {
-      label: /* @__PURE__ */ React33.createElement(Components2.FormattedMessage, {
+      label: /* @__PURE__ */ React36.createElement(Components2.FormattedMessage, {
         id: "datatable.lower_than",
         defaultMessage: "Lower than"
       }),
@@ -11982,63 +12047,63 @@ var DatatableFilterNumbers = /* @__PURE__ */ __name(({ filters, setFilters }) =>
 
 // components/Datatable/DatatableSorter.tsx
 init_esm_shims();
-import React34 from "react";
-var SortNone = /* @__PURE__ */ __name(() => /* @__PURE__ */ React34.createElement("svg", {
+import React37 from "react";
+var SortNone = /* @__PURE__ */ __name(() => /* @__PURE__ */ React37.createElement("svg", {
   width: "16",
   height: "16",
   viewBox: "0 0 438 438",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, /* @__PURE__ */ React34.createElement("path", {
+}, /* @__PURE__ */ React37.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__ */ React34.createElement("svg", {
+var SortDesc = /* @__PURE__ */ __name(() => /* @__PURE__ */ React37.createElement("svg", {
   width: "16",
   height: "16",
   viewBox: "0 0 438 438",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, /* @__PURE__ */ React34.createElement("path", {
+}, /* @__PURE__ */ React37.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__ */ React34.createElement("path", {
+}), /* @__PURE__ */ React37.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__ */ React34.createElement("svg", {
+var SortAsc = /* @__PURE__ */ __name(() => /* @__PURE__ */ React37.createElement("svg", {
   width: "16",
   height: "16",
   viewBox: "0 0 438 438",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, /* @__PURE__ */ React34.createElement("path", {
+}, /* @__PURE__ */ React37.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__ */ React34.createElement("path", {
+}), /* @__PURE__ */ React37.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__ */ React34.createElement("span", {
+var DatatableSorter = /* @__PURE__ */ __name(({ name: name2, label, toggleSort, currentSort }) => /* @__PURE__ */ React37.createElement("span", {
   className: "datatable-sorter",
   onClick: () => {
     toggleSort(name2);
   }
-}, !currentSort[name2] ? /* @__PURE__ */ React34.createElement(SortNone, null) : currentSort[name2] === "asc" ? /* @__PURE__ */ React34.createElement(SortAsc, null) : /* @__PURE__ */ React34.createElement(SortDesc, null)), "DatatableSorter");
+}, !currentSort[name2] ? /* @__PURE__ */ React37.createElement(SortNone, null) : currentSort[name2] === "asc" ? /* @__PURE__ */ React37.createElement(SortAsc, null) : /* @__PURE__ */ React37.createElement(SortDesc, null)), "DatatableSorter");
 
 // components/Datatable/DatatableSelect.tsx
 init_esm_shims();
-import React35 from "react";
+import React38 from "react";
 var DatatableSelect = /* @__PURE__ */ __name(({ toggleItem, selectedItems, document }) => {
   const value = selectedItems.includes(document._id || "");
   const onChange = /* @__PURE__ */ __name((e) => {
@@ -12047,9 +12112,9 @@ var DatatableSelect = /* @__PURE__ */ __name(({ toggleItem, selectedItems, docum
     toggleItem(document._id);
   }, "onChange");
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React35.createElement(Components2.DatatableCellLayout, {
+  return /* @__PURE__ */ React38.createElement(Components2.DatatableCellLayout, {
     className: "datatable-check"
-  }, /* @__PURE__ */ React35.createElement(Components2.FormComponentCheckbox, {
+  }, /* @__PURE__ */ React38.createElement(Components2.FormComponentCheckbox, {
     inputProperties: {
       value,
       onChange
@@ -12062,16 +12127,16 @@ var DatatableSelect = /* @__PURE__ */ __name(({ toggleItem, selectedItems, docum
 
 // components/Datatable/DatatableSubmitSelected.tsx
 init_esm_shims();
-import React36 from "react";
+import React39 from "react";
 var DatatableSubmitSelected = /* @__PURE__ */ __name(({ selectedItems, onSubmitSelected }) => {
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React36.createElement(Components2.Button, {
+  return /* @__PURE__ */ React39.createElement(Components2.Button, {
     className: "datatable-submit-selected",
     onClick: (e) => {
       e.preventDefault();
       onSubmitSelected(selectedItems);
     }
-  }, /* @__PURE__ */ React36.createElement(Components2.FormattedMessage, {
+  }, /* @__PURE__ */ React39.createElement(Components2.FormattedMessage, {
     id: "datatable.submit"
   }));
 }, "DatatableSubmitSelected");
@@ -12079,9 +12144,9 @@ var DatatableSubmitSelected = /* @__PURE__ */ __name(({ selectedItems, onSubmitS
 // components/Datatable/others/EditButton.tsx
 init_esm_shims();
 import { useIntlContext as useIntlContext7 } from "@vulcanjs/react-i18n";
-import React37 from "react";
-function _extends24() {
-  _extends24 = Object.assign || function(target) {
+import React40 from "react";
+function _extends26() {
+  _extends26 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -12092,27 +12157,27 @@ function _extends24() {
     }
     return target;
   };
-  return _extends24.apply(this, arguments);
+  return _extends26.apply(this, arguments);
 }
-__name(_extends24, "_extends");
+__name(_extends26, "_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__ */ React37.createElement(Components2.ModalTrigger, {
+  return /* @__PURE__ */ React40.createElement(Components2.ModalTrigger, {
     label: label || intl.formatMessage({
       id: "datatable.edit",
       defaultMessage: "Edit"
     }),
-    component: component ? component : /* @__PURE__ */ React37.createElement(Components2.Button, {
+    component: component ? component : /* @__PURE__ */ React40.createElement(Components2.Button, {
       size: size2,
       variant: variant || style
-    }, label || /* @__PURE__ */ React37.createElement(Components2.FormattedMessage, {
+    }, label || /* @__PURE__ */ React40.createElement(Components2.FormattedMessage, {
       id: "datatable.edit",
       defaultMessage: "Edit"
     })),
     modalProps
-  }, /* @__PURE__ */ React37.createElement(Components2.EditForm, _extends24({
+  }, /* @__PURE__ */ React40.createElement(Components2.EditForm, _extends26({
     closeModal: () => {
       console.warn("closeModal not defined");
     }
@@ -12135,7 +12200,7 @@ var EditForm = /* @__PURE__ */ __name((_a) => {
   } : () => {
     closeModal();
   };
-  return /* @__PURE__ */ React37.createElement(Components2.SmartForm, _extends24({
+  return /* @__PURE__ */ React40.createElement(Components2.SmartForm, _extends26({
     successCallback: success,
     removeSuccessCallback: remove
   }, formProps, props));
@@ -12144,9 +12209,9 @@ var EditForm = /* @__PURE__ */ __name((_a) => {
 // components/Datatable/others/NewButton.tsx
 init_esm_shims();
 import { useIntlContext as useIntlContext8 } from "@vulcanjs/react-i18n";
-import React38 from "react";
-function _extends25() {
-  _extends25 = Object.assign || function(target) {
+import React41 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) {
@@ -12157,27 +12222,27 @@ function _extends25() {
     }
     return target;
   };
-  return _extends25.apply(this, arguments);
+  return _extends27.apply(this, arguments);
 }
-__name(_extends25, "_extends");
+__name(_extends27, "_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__ */ React38.createElement(Components2.ModalTrigger, {
+  return /* @__PURE__ */ React41.createElement(Components2.ModalTrigger, {
     label: label || intl.formatMessage({
       id: "datatable.new"
     }),
     title: label || intl.formatMessage({
       id: "datatable.new"
     }),
-    component: /* @__PURE__ */ React38.createElement(Components2.Button, {
+    component: /* @__PURE__ */ React41.createElement(Components2.Button, {
       variant: style,
       size: size2
-    }, label || /* @__PURE__ */ React38.createElement(Components2.FormattedMessage, {
+    }, label || /* @__PURE__ */ React41.createElement(Components2.FormattedMessage, {
       id: "datatable.new"
     }))
-  }, /* @__PURE__ */ React38.createElement(Components2.NewForm, _extends25({
+  }, /* @__PURE__ */ React41.createElement(Components2.NewForm, _extends27({
     formProps
   }, props)));
 }, "NewButton");
@@ -12189,7 +12254,7 @@ var NewForm = /* @__PURE__ */ __name(({ model, closeModal, successCallback, form
   } : () => {
     closeModal();
   };
-  return /* @__PURE__ */ React38.createElement(Components2.SmartForm, _extends25({
+  return /* @__PURE__ */ React41.createElement(Components2.SmartForm, _extends27({
     model,
     successCallback: success
   }, formProps || {}));
@@ -12198,9 +12263,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 React39 from "react";
-function _extends26() {
-  _extends26 = Object.assign || function(target) {
+import React42 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) {
@@ -12211,9 +12276,9 @@ function _extends26() {
     }
     return target;
   };
-  return _extends26.apply(this, arguments);
+  return _extends28.apply(this, arguments);
 }
-__name(_extends26, "_extends");
+__name(_extends28, "_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"]);
@@ -12222,7 +12287,7 @@ var DeleteButton = /* @__PURE__ */ __name((props) => {
     fragment,
     mutationOptions
   });
-  return /* @__PURE__ */ React39.createElement(Components2.LoadingButton, _extends26({
+  return /* @__PURE__ */ React42.createElement(Components2.LoadingButton, _extends28({
     loading,
     onClick: () => {
       deleteFunction({
@@ -12231,7 +12296,7 @@ var DeleteButton = /* @__PURE__ */ __name((props) => {
         }
       });
     },
-    label: label || /* @__PURE__ */ React39.createElement(Components2.FormattedMessage, {
+    label: label || /* @__PURE__ */ React42.createElement(Components2.FormattedMessage, {
       id: "datatable.delete",
       defaultMessage: "Delete"
     })
@@ -12285,9 +12350,9 @@ init_esm_shims();
 
 // components/cell/CardItem.tsx
 init_esm_shims();
-import React40 from "react";
-function _extends27() {
-  _extends27 = Object.assign || function(target) {
+import React43 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) {
@@ -12298,9 +12363,9 @@ function _extends27() {
     }
     return target;
   };
-  return _extends27.apply(this, arguments);
+  return _extends29.apply(this, arguments);
 }
-__name(_extends27, "_extends");
+__name(_extends29, "_extends");
 var getTypeName = /* @__PURE__ */ __name((value, fieldName, model) => {
   const schema = model.schema;
   const fieldSchema = schema && schema[fieldName];
@@ -12331,7 +12396,7 @@ var CardItemSwitcher = /* @__PURE__ */ __name((props) => {
     }
   }
   if (typeof value === "undefined" || value === null) {
-    return /* @__PURE__ */ React40.createElement(React40.Fragment, null, '""');
+    return /* @__PURE__ */ React43.createElement(React43.Fragment, null, '""');
   }
   const itemProps = {
     nestingLevel: nestingLevel + 1,
@@ -12341,7 +12406,7 @@ var CardItemSwitcher = /* @__PURE__ */ __name((props) => {
     model,
     fieldSchema
   };
-  if (/* @__PURE__ */ React40.isValidElement(itemProps.value)) {
+  if (/* @__PURE__ */ React43.isValidElement(itemProps.value)) {
     return itemProps.value;
   }
   if (fieldSchema && fieldSchema.resolveAs && fieldSchema.resolveAs.relation) {
@@ -12349,15 +12414,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__ */ React40.createElement("span", null, "Missing data for sub-document ", /* @__PURE__ */ React40.createElement("code", null, value), " of type", " ", /* @__PURE__ */ React40.createElement("code", null, typeName), " (", /* @__PURE__ */ React40.createElement("code", null, itemProps.relatedFieldName), ")");
+      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), ")");
     }
     switch ((_c = fieldSchema.relation) == null ? void 0 : _c.kind) {
       case "hasOne":
-        return /* @__PURE__ */ React40.createElement(Components2.CardItemRelationHasOne, _extends27({}, itemProps));
+        return /* @__PURE__ */ React43.createElement(Components2.CardItemRelationHasOne, _extends29({}, itemProps));
       case "hasMany":
-        return /* @__PURE__ */ React40.createElement(Components2.CardItemRelationHasMany, _extends27({}, itemProps));
+        return /* @__PURE__ */ React43.createElement(Components2.CardItemRelationHasMany, _extends29({}, itemProps));
       default:
-        return /* @__PURE__ */ React40.createElement(Components2.CardItemDefault, _extends27({}, itemProps));
+        return /* @__PURE__ */ React43.createElement(Components2.CardItemDefault, _extends29({}, itemProps));
     }
   }
   if (Array.isArray(value)) {
@@ -12369,81 +12434,81 @@ var CardItemSwitcher = /* @__PURE__ */ __name((props) => {
     case "Number":
     case "number":
     case "SimpleSchema.Integer":
-      return /* @__PURE__ */ React40.createElement(Components2.CardItemNumber, _extends27({}, itemProps));
+      return /* @__PURE__ */ React43.createElement(Components2.CardItemNumber, _extends29({}, itemProps));
     case "Array":
-      return /* @__PURE__ */ React40.createElement(Components2.CardItemArray, _extends27({}, itemProps));
+      return /* @__PURE__ */ React43.createElement(Components2.CardItemArray, _extends29({}, itemProps));
     case "Object":
     case "object":
-      return /* @__PURE__ */ React40.createElement(Components2.CardItemObject, _extends27({}, itemProps));
+      return /* @__PURE__ */ React43.createElement(Components2.CardItemObject, _extends29({}, itemProps));
     case "Date":
-      return /* @__PURE__ */ React40.createElement(Components2.CardItemDate, _extends27({}, itemProps));
+      return /* @__PURE__ */ React43.createElement(Components2.CardItemDate, _extends29({}, itemProps));
     case "String":
     case "string":
       switch (contents) {
         case "html":
-          return /* @__PURE__ */ React40.createElement(Components2.CardItemHTML, _extends27({}, itemProps));
+          return /* @__PURE__ */ React43.createElement(Components2.CardItemHTML, _extends29({}, itemProps));
         case "date":
-          return /* @__PURE__ */ React40.createElement(Components2.CardItemDate, _extends27({}, itemProps));
+          return /* @__PURE__ */ React43.createElement(Components2.CardItemDate, _extends29({}, itemProps));
         case "image":
-          return /* @__PURE__ */ React40.createElement(Components2.CardItemImage, _extends27({}, itemProps, {
+          return /* @__PURE__ */ React43.createElement(Components2.CardItemImage, _extends29({}, itemProps, {
             force: true
           }));
         case "url":
-          return /* @__PURE__ */ React40.createElement(Components2.CardItemURL, _extends27({}, itemProps, {
+          return /* @__PURE__ */ React43.createElement(Components2.CardItemURL, _extends29({}, itemProps, {
             force: true
           }));
         default:
-          return /* @__PURE__ */ React40.createElement(Components2.CardItemImage, _extends27({}, itemProps));
+          return /* @__PURE__ */ React43.createElement(Components2.CardItemImage, _extends29({}, itemProps));
       }
     default:
-      return /* @__PURE__ */ React40.createElement(Components2.CardItemDefault, _extends27({}, itemProps));
+      return /* @__PURE__ */ React43.createElement(Components2.CardItemDefault, _extends29({}, itemProps));
   }
 }, "CardItemSwitcher");
 
 // components/cell/CardItemRelationItem.tsx
 init_esm_shims();
-import React41 from "react";
+import React44 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__ */ React41.createElement(Cell, {
+  return Cell ? /* @__PURE__ */ React44.createElement(Cell, {
     document: relatedDocument,
     label,
     Components: Components2
-  }) : /* @__PURE__ */ React41.createElement(Components2.DefaultCell, {
+  }) : /* @__PURE__ */ React44.createElement(Components2.DefaultCell, {
     document: relatedDocument,
     label
   });
 }, "CardItemRelationItem");
-var DefaultCell = /* @__PURE__ */ __name(({ document, label }) => /* @__PURE__ */ React41.createElement("li", {
+var DefaultCell = /* @__PURE__ */ __name(({ document, label }) => /* @__PURE__ */ React44.createElement("li", {
   className: "relation-default-cell"
-}, document.pagePath ? /* @__PURE__ */ React41.createElement("a", {
+}, document.pagePath ? /* @__PURE__ */ React44.createElement("a", {
   href: document.pagePath
-}, label) : /* @__PURE__ */ React41.createElement("span", null, label)), "DefaultCell");
+}, label) : /* @__PURE__ */ React44.createElement("span", null, label)), "DefaultCell");
 var UserCell = /* @__PURE__ */ __name(({ document }) => {
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React41.createElement("div", {
+  return /* @__PURE__ */ React44.createElement("div", {
     className: "contents-user user-item"
-  }, document.pagePath ? /* @__PURE__ */ React41.createElement("a", {
+  }, document.pagePath ? /* @__PURE__ */ React44.createElement("a", {
     className: "user-item-name",
     href: document.pagePath
-  }, document.displayName) : /* @__PURE__ */ React41.createElement("span", {
+  }, document.displayName) : /* @__PURE__ */ React44.createElement("span", {
     className: "user-item-name"
   }, document.displayName));
 }, "UserCell");
 
 // components/cell/CardItemArray.tsx
 init_esm_shims();
-import React42 from "react";
+import React45 from "react";
 var CardItemArray = /* @__PURE__ */ __name(({ nestingLevel, value }) => {
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React42.createElement("ol", {
+  return /* @__PURE__ */ React45.createElement("ol", {
     className: "contents-array"
-  }, value.map((item, index) => /* @__PURE__ */ React42.createElement("li", {
+  }, value.map((item, index) => /* @__PURE__ */ React45.createElement("li", {
     key: index
-  }, /* @__PURE__ */ React42.createElement(Components2.CardItem, {
+  }, /* @__PURE__ */ React45.createElement(Components2.CardItem, {
     value: item,
     typeName: typeof item,
     nestingLevel
@@ -12453,20 +12518,20 @@ var CardItemArray = /* @__PURE__ */ __name(({ nestingLevel, value }) => {
 // components/cell/CardItemDate.tsx
 init_esm_shims();
 var import_moment2 = __toESM(require_moment(), 1);
-import React43 from "react";
-var CardItemDate = /* @__PURE__ */ __name(({ value }) => /* @__PURE__ */ React43.createElement("span", {
+import React46 from "react";
+var CardItemDate = /* @__PURE__ */ __name(({ value }) => /* @__PURE__ */ React46.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 React44 from "react";
-var CardItemDefault = /* @__PURE__ */ __name(({ value }) => /* @__PURE__ */ React44.createElement("span", null, value && value.toString()), "CardItemDefault");
+import React47 from "react";
+var CardItemDefault = /* @__PURE__ */ __name(({ value }) => /* @__PURE__ */ React47.createElement("span", null, value && value.toString()), "CardItemDefault");
 
 // components/cell/CardItemHTML.tsx
 init_esm_shims();
-import React45 from "react";
-var CardItemHTML = /* @__PURE__ */ __name(({ value }) => /* @__PURE__ */ React45.createElement("div", {
+import React48 from "react";
+var CardItemHTML = /* @__PURE__ */ __name(({ value }) => /* @__PURE__ */ React48.createElement("div", {
   className: "contents-html",
   dangerouslySetInnerHTML: {
     __html: value
@@ -12475,7 +12540,7 @@ var CardItemHTML = /* @__PURE__ */ __name(({ value }) => /* @__PURE__ */ React45
 
 // components/cell/CardItemImage.tsx
 init_esm_shims();
-import React46 from "react";
+import React49 from "react";
 var CardItemImage = /* @__PURE__ */ __name(({ value, force = false }) => {
   const Components2 = useVulcanComponents();
   const isImage = [
@@ -12486,7 +12551,7 @@ var CardItemImage = /* @__PURE__ */ __name(({ value, force = false }) => {
     ".webp",
     ".jpeg"
   ].indexOf(value.substr(-5)) !== -1;
-  return isImage || force ? /* @__PURE__ */ React46.createElement("img", {
+  return isImage || force ? /* @__PURE__ */ React49.createElement("img", {
     className: "contents-image",
     style: {
       width: "100%",
@@ -12496,24 +12561,24 @@ var CardItemImage = /* @__PURE__ */ __name(({ value, force = false }) => {
     },
     src: value,
     alt: value
-  }) : /* @__PURE__ */ React46.createElement(Components2.CardItemURL, {
+  }) : /* @__PURE__ */ React49.createElement(Components2.CardItemURL, {
     value
   });
 }, "CardItemImage");
 
 // components/cell/CardItemNumber.tsx
 init_esm_shims();
-import React47 from "react";
-var CardItemNumber = /* @__PURE__ */ __name(({ value }) => /* @__PURE__ */ React47.createElement("code", {
+import React50 from "react";
+var CardItemNumber = /* @__PURE__ */ __name(({ value }) => /* @__PURE__ */ React50.createElement("code", {
   className: "contents-number"
 }, value.toString()), "CardItemNumber");
 
 // components/cell/CardItemObject.tsx
 init_esm_shims();
-import React48 from "react";
+import React51 from "react";
 import without3 from "lodash/without.js";
-function _extends28() {
-  _extends28 = Object.assign || function(target) {
+function _extends30() {
+  _extends30 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -12524,36 +12589,36 @@ function _extends28() {
     }
     return target;
   };
-  return _extends28.apply(this, arguments);
+  return _extends30.apply(this, arguments);
 }
-__name(_extends28, "_extends");
+__name(_extends30, "_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__ */ React48.createElement("div", {
+    return /* @__PURE__ */ React51.createElement("div", {
       className: "dashboard-user",
       style: {
         whiteSpace: "nowrap"
       }
-    }, user.pagePath ? /* @__PURE__ */ React48.createElement("a", {
+    }, user.pagePath ? /* @__PURE__ */ React51.createElement("a", {
       href: user.pagePath
-    }, user.displayName) : /* @__PURE__ */ React48.createElement("span", null, user.displayName));
+    }, user.displayName) : /* @__PURE__ */ React51.createElement("span", null, user.displayName));
   } else {
-    return /* @__PURE__ */ React48.createElement("div", {
+    return /* @__PURE__ */ React51.createElement("div", {
       className: "card-item-details"
-    }, showExpandControl ? /* @__PURE__ */ React48.createElement("details", null, /* @__PURE__ */ React48.createElement("summary", null, "Expand"), /* @__PURE__ */ React48.createElement(CardItemObjectContents, _extends28({}, props))) : /* @__PURE__ */ React48.createElement(CardItemObjectContents, _extends28({}, props)));
+    }, showExpandControl ? /* @__PURE__ */ React51.createElement("details", null, /* @__PURE__ */ React51.createElement("summary", null, "Expand"), /* @__PURE__ */ React51.createElement(CardItemObjectContents, _extends30({}, props))) : /* @__PURE__ */ React51.createElement(CardItemObjectContents, _extends30({}, props)));
   }
 }, "CardItemObject");
 var CardItemObjectContents = /* @__PURE__ */ __name(({ nestingLevel, value: object }) => {
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React48.createElement("table", {
+  return /* @__PURE__ */ React51.createElement("table", {
     className: "table table-bordered"
-  }, /* @__PURE__ */ React48.createElement("tbody", null, without3(Object.keys(object), "__typename").map((key) => /* @__PURE__ */ React48.createElement("tr", {
+  }, /* @__PURE__ */ React51.createElement("tbody", null, without3(Object.keys(object), "__typename").map((key) => /* @__PURE__ */ React51.createElement("tr", {
     key
-  }, /* @__PURE__ */ React48.createElement("td", null, /* @__PURE__ */ React48.createElement("strong", null, key)), /* @__PURE__ */ React48.createElement("td", null, /* @__PURE__ */ React48.createElement(Components2.CardItemSwitcher, {
+  }, /* @__PURE__ */ React51.createElement("td", null, /* @__PURE__ */ React51.createElement("strong", null, key)), /* @__PURE__ */ React51.createElement("td", null, /* @__PURE__ */ React51.createElement(Components2.CardItemSwitcher, {
     nestingLevel,
     value: object[key],
     typeName: typeof object[key]
@@ -12562,9 +12627,9 @@ var CardItemObjectContents = /* @__PURE__ */ __name(({ nestingLevel, value: obje
 
 // components/cell/CardItemRelationHasMany.tsx
 init_esm_shims();
-import React49 from "react";
-function _extends29() {
-  _extends29 = Object.assign || function(target) {
+import React52 from "react";
+function _extends31() {
+  _extends31 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -12575,15 +12640,15 @@ function _extends29() {
     }
     return target;
   };
-  return _extends29.apply(this, arguments);
+  return _extends31.apply(this, arguments);
 }
-__name(_extends29, "_extends");
+__name(_extends31, "_extends");
 var CardItemRelationHasMany = /* @__PURE__ */ __name((_a) => {
   var _b = _a, { relatedDocument: relatedDocuments } = _b, rest = __objRest(_b, ["relatedDocument"]);
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React49.createElement("div", {
+  return /* @__PURE__ */ React52.createElement("div", {
     className: "contents-hasmany"
-  }, relatedDocuments.map((relatedDocument) => /* @__PURE__ */ React49.createElement(Components2.CardItemRelationItem, _extends29({
+  }, relatedDocuments.map((relatedDocument) => /* @__PURE__ */ React52.createElement(Components2.CardItemRelationItem, _extends31({
     key: relatedDocument._id,
     relatedDocument
   }, rest))));
@@ -12591,9 +12656,9 @@ var CardItemRelationHasMany = /* @__PURE__ */ __name((_a) => {
 
 // components/cell/CardItemRelationHasOne.tsx
 init_esm_shims();
-import React50 from "react";
-function _extends30() {
-  _extends30 = Object.assign || function(target) {
+import React53 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) {
@@ -12604,39 +12669,39 @@ function _extends30() {
     }
     return target;
   };
-  return _extends30.apply(this, arguments);
+  return _extends32.apply(this, arguments);
 }
-__name(_extends30, "_extends");
+__name(_extends32, "_extends");
 var CardItemRelationHasOne = /* @__PURE__ */ __name((_a) => {
   var rest = __objRest(_a, []);
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React50.createElement("div", {
+  return /* @__PURE__ */ React53.createElement("div", {
     className: "contents-hasone"
-  }, /* @__PURE__ */ React50.createElement(Components2.CardItemRelationItem, _extends30({}, rest)));
+  }, /* @__PURE__ */ React53.createElement(Components2.CardItemRelationItem, _extends32({}, rest)));
 }, "CardItemRelationHasOne");
 
 // components/cell/CardItemString.tsx
 init_esm_shims();
-import React51 from "react";
-var CardItemString = /* @__PURE__ */ __name(({ string }) => /* @__PURE__ */ React51.createElement("div", {
+import React54 from "react";
+var CardItemString = /* @__PURE__ */ __name(({ string }) => /* @__PURE__ */ React54.createElement("div", {
   className: "contents-string"
-}, string.indexOf(" ") === -1 && string.length > 30 ? /* @__PURE__ */ React51.createElement("span", {
+}, string.indexOf(" ") === -1 && string.length > 30 ? /* @__PURE__ */ React54.createElement("span", {
   title: string
-}, string.substr(0, 30), "\u2026") : /* @__PURE__ */ React51.createElement("span", null, string)), "CardItemString");
+}, string.substr(0, 30), "\u2026") : /* @__PURE__ */ React54.createElement("span", null, string)), "CardItemString");
 
 // components/cell/CardItemURL.tsx
 init_esm_shims();
-import React52 from "react";
+import React55 from "react";
 var CardItemURL = /* @__PURE__ */ __name(({ value, force }) => {
   const Components2 = useVulcanComponents();
-  return force || value.slice(0, 4) === "http" ? /* @__PURE__ */ React52.createElement("a", {
+  return force || value.slice(0, 4) === "http" ? /* @__PURE__ */ React55.createElement("a", {
     className: "contents-link",
     href: value,
     target: "_blank",
     rel: "noopener noreferrer"
-  }, /* @__PURE__ */ React52.createElement(Components2.CardItemString, {
+  }, /* @__PURE__ */ React55.createElement(Components2.CardItemString, {
     string: value
-  })) : /* @__PURE__ */ React52.createElement(Components2.CardItemString, {
+  })) : /* @__PURE__ */ React55.createElement(Components2.CardItemString, {
     string: value
   });
 }, "CardItemURL");
@@ -12667,9 +12732,9 @@ import { FormattedMessage } from "@vulcanjs/react-i18n";
 
 // components/form/core/Button.tsx
 init_esm_shims();
-import React53 from "react";
-function _extends31() {
-  _extends31 = Object.assign || function(target) {
+import React56 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) {
@@ -12680,27 +12745,27 @@ function _extends31() {
     }
     return target;
   };
-  return _extends31.apply(this, arguments);
+  return _extends33.apply(this, arguments);
 }
-__name(_extends31, "_extends");
+__name(_extends33, "_extends");
 var Button = /* @__PURE__ */ __name((_a) => {
   var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ React53.createElement("button", _extends31({}, props), children);
+  return /* @__PURE__ */ React56.createElement("button", _extends33({}, props), children);
 }, "Button");
 
 // components/form/core/Loading.tsx
 init_esm_shims();
-import React54 from "react";
-var Loading = /* @__PURE__ */ __name(() => /* @__PURE__ */ React54.createElement("span", {
+import React57 from "react";
+var Loading = /* @__PURE__ */ __name(() => /* @__PURE__ */ React57.createElement("span", {
   "aria-live": "polite",
   "aria-busy": "true"
 }, "Loading..."), "Loading");
 
 // components/LoadingButton.tsx
 init_esm_shims();
-import React55 from "react";
-function _extends32() {
-  _extends32 = 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) {
@@ -12711,9 +12776,9 @@ function _extends32() {
     }
     return target;
   };
-  return _extends32.apply(this, arguments);
+  return _extends34.apply(this, arguments);
 }
-__name(_extends32, "_extends");
+__name(_extends34, "_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();
@@ -12735,24 +12800,24 @@ var LoadingButton = /* @__PURE__ */ __name((_a) => {
   } : {
     display: "none"
   };
-  return /* @__PURE__ */ React55.createElement(Components2.Button, _extends32({
+  return /* @__PURE__ */ React58.createElement(Components2.Button, _extends34({
     className: `loading-button ${loading ? "loading-button-loading" : "loading-button-notloading"} ${className}`,
     onClick
-  }, rest), /* @__PURE__ */ React55.createElement("span", {
+  }, rest), /* @__PURE__ */ React58.createElement("span", {
     style: wrapperStyle
-  }, /* @__PURE__ */ React55.createElement("span", {
+  }, /* @__PURE__ */ React58.createElement("span", {
     style: labelStyle
-  }, label || children), /* @__PURE__ */ React55.createElement("span", {
+  }, label || children), /* @__PURE__ */ React58.createElement("span", {
     style: loadingStyle
-  }, /* @__PURE__ */ React55.createElement(Components2.Loading, null))));
+  }, /* @__PURE__ */ React58.createElement(Components2.Loading, null))));
 }, "LoadingButton");
 
 // components/MutationButton.tsx
 init_esm_shims();
-import React56, { useState as useState8 } from "react";
+import React59, { useState as useState8 } from "react";
 import { useMutation } from "@apollo/client";
-function _extends33() {
-  _extends33 = Object.assign || function(target) {
+function _extends35() {
+  _extends35 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -12763,9 +12828,9 @@ function _extends33() {
     }
     return target;
   };
-  return _extends33.apply(this, arguments);
+  return _extends35.apply(this, arguments);
 }
-__name(_extends33, "_extends");
+__name(_extends35, "_extends");
 var MutationButton = /* @__PURE__ */ __name((props) => {
   const Components2 = useVulcanComponents();
   const [loading, setLoading] = useState8(false);
@@ -12811,13 +12876,13 @@ var MutationButton = /* @__PURE__ */ __name((props) => {
       setLoading(false);
     }
   }, "handleClick");
-  const loadingButton = /* @__PURE__ */ React56.createElement(Components2.LoadingButton, _extends33({
+  const loadingButton = /* @__PURE__ */ React59.createElement(Components2.LoadingButton, _extends35({
     loading,
     onClick: handleClick,
     label
   }, loadingButtonProps));
   if (error1) {
-    return /* @__PURE__ */ React56.createElement(Components2.TooltipTrigger, {
+    return /* @__PURE__ */ React59.createElement(Components2.TooltipTrigger, {
       trigger: loadingButton,
       defaultShow: true
     }, error1.message.replace("GraphQL error: ", ""));
@@ -12827,7 +12892,7 @@ var MutationButton = /* @__PURE__ */ __name((props) => {
 
 // components/HeadTags.tsx
 init_esm_shims();
-import React57, { PureComponent } from "react";
+import React60, { 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.");
@@ -12839,45 +12904,45 @@ var HeadTags = class extends PureComponent {
       }
       image = siteUrl + image;
     }
-    return /* @__PURE__ */ React57.createElement(React57.Fragment, null, /* @__PURE__ */ React57.createElement("title", null, title), /* @__PURE__ */ React57.createElement("meta", {
+    return /* @__PURE__ */ React60.createElement(React60.Fragment, null, /* @__PURE__ */ React60.createElement("title", null, title), /* @__PURE__ */ React60.createElement("meta", {
       charSet: "utf-8"
-    }), /* @__PURE__ */ React57.createElement("meta", {
+    }), /* @__PURE__ */ React60.createElement("meta", {
       name: "description",
       content: description
-    }), /* @__PURE__ */ React57.createElement("meta", {
+    }), /* @__PURE__ */ React60.createElement("meta", {
       name: "viewport",
       content: "width=device-width, initial-scale=1"
-    }), /* @__PURE__ */ React57.createElement("meta", {
+    }), /* @__PURE__ */ React60.createElement("meta", {
       property: "og:type",
       content: "article"
-    }), /* @__PURE__ */ React57.createElement("meta", {
+    }), /* @__PURE__ */ React60.createElement("meta", {
       property: "og:url",
       content: url
-    }), /* @__PURE__ */ React57.createElement("meta", {
+    }), /* @__PURE__ */ React60.createElement("meta", {
       property: "og:image",
       content: image
-    }), /* @__PURE__ */ React57.createElement("meta", {
+    }), /* @__PURE__ */ React60.createElement("meta", {
       property: "og:title",
       content: title
-    }), /* @__PURE__ */ React57.createElement("meta", {
+    }), /* @__PURE__ */ React60.createElement("meta", {
       property: "og:description",
       content: description
-    }), /* @__PURE__ */ React57.createElement("meta", {
+    }), /* @__PURE__ */ React60.createElement("meta", {
       name: "twitter:card",
       content: "summary"
-    }), /* @__PURE__ */ React57.createElement("meta", {
+    }), /* @__PURE__ */ React60.createElement("meta", {
       name: "twitter:image:src",
       content: image
-    }), /* @__PURE__ */ React57.createElement("meta", {
+    }), /* @__PURE__ */ React60.createElement("meta", {
       name: "twitter:title",
       content: title
-    }), /* @__PURE__ */ React57.createElement("meta", {
+    }), /* @__PURE__ */ React60.createElement("meta", {
       name: "twitter:description",
       content: description
-    }), /* @__PURE__ */ React57.createElement("link", {
+    }), /* @__PURE__ */ React60.createElement("link", {
       rel: "canonical",
       href: url
-    }), /* @__PURE__ */ React57.createElement("link", {
+    }), /* @__PURE__ */ React60.createElement("link", {
       rel: "shortcut icon",
       href: faviconUrl || "/favicon.ico"
     }));
@@ -12887,9 +12952,9 @@ __name(HeadTags, "HeadTags");
 
 // components/bootstrap/TooltipTrigger.tsx
 init_esm_shims();
-import React58 from "react";
+import React61 from "react";
 var TooltipTrigger = /* @__PURE__ */ __name(({ children, trigger }) => {
-  return /* @__PURE__ */ React58.createElement("div", {
+  return /* @__PURE__ */ React61.createElement("div", {
     title: children
   }, trigger);
 }, "TooltipTrigger");
@@ -12897,10 +12962,10 @@ var TooltipTrigger = /* @__PURE__ */ __name(({ children, trigger }) => {
 // components/bootstrap/Dropdown.tsx
 init_esm_shims();
 var import_prop_types6 = __toESM(require_prop_types(), 1);
-import React59 from "react";
+import React62 from "react";
 import { Dropdown, DropdownButton } from "react-bootstrap";
-function _extends34() {
-  _extends34 = 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) {
@@ -12911,9 +12976,9 @@ function _extends34() {
     }
     return target;
   };
-  return _extends34.apply(this, arguments);
+  return _extends36.apply(this, arguments);
 }
-__name(_extends34, "_extends");
+__name(_extends36, "_extends");
 var DropdownItem = Dropdown.Item;
 var Item = /* @__PURE__ */ __name((_a) => {
   var _b = _a, {
@@ -12934,15 +12999,15 @@ var Item = /* @__PURE__ */ __name((_a) => {
   const Components2 = useVulcanComponents();
   let menuComponent;
   if (component) {
-    menuComponent = /* @__PURE__ */ React59.cloneElement(component, componentProps);
+    menuComponent = /* @__PURE__ */ React62.cloneElement(component, componentProps);
   } else if (labelId) {
-    menuComponent = /* @__PURE__ */ React59.createElement(Components2.FormattedMessage, {
+    menuComponent = /* @__PURE__ */ React62.createElement(Components2.FormattedMessage, {
       id: labelId
     });
   } else {
-    menuComponent = /* @__PURE__ */ React59.createElement("span", null, label);
+    menuComponent = /* @__PURE__ */ React62.createElement("span", null, label);
   }
-  const item = /* @__PURE__ */ React59.createElement(DropdownItem, _extends34({
+  const item = /* @__PURE__ */ React62.createElement(DropdownItem, _extends36({
     eventKey: index
   }, itemProps, rest), menuComponent);
   return item;
@@ -12958,9 +13023,9 @@ Item.propTypes = {
 };
 var Node = /* @__PURE__ */ __name((_a) => {
   var _b = _a, { childrenItems } = _b, rest = __objRest(_b, ["childrenItems"]);
-  return /* @__PURE__ */ React59.createElement(React59.Fragment, null, /* @__PURE__ */ React59.createElement(Item, _extends34({}, rest)), childrenItems && !!childrenItems.length && /* @__PURE__ */ React59.createElement("div", {
+  return /* @__PURE__ */ React62.createElement(React62.Fragment, null, /* @__PURE__ */ React62.createElement(Item, _extends36({}, rest)), childrenItems && !!childrenItems.length && /* @__PURE__ */ React62.createElement("div", {
     className: "menu-node-children"
-  }, childrenItems.map((item, index) => /* @__PURE__ */ React59.createElement(Item, _extends34({
+  }, childrenItems.map((item, index) => /* @__PURE__ */ React62.createElement(Item, _extends36({
     key: index
   }, item)))));
 }, "Node");
@@ -12972,11 +13037,11 @@ var BootstrapDropdown = /* @__PURE__ */ __name((_a) => {
   const Components2 = useVulcanComponents();
   const menuBody = menuContents ? menuContents : menuItems.map((item, index) => {
     if (item === "divider") {
-      return /* @__PURE__ */ React59.createElement(Dropdown.Divider, {
+      return /* @__PURE__ */ React62.createElement(Dropdown.Divider, {
         key: index
       });
     } else {
-      return /* @__PURE__ */ React59.createElement(Node, _extends34({}, item, {
+      return /* @__PURE__ */ React62.createElement(Node, _extends36({}, item, {
         key: index,
         index
       }));
@@ -12986,10 +13051,10 @@ var BootstrapDropdown = /* @__PURE__ */ __name((_a) => {
     return menuBody;
   } else {
     if (trigger) {
-      return /* @__PURE__ */ React59.createElement(Dropdown, _extends34({}, dropdownProps), /* @__PURE__ */ React59.createElement(Dropdown.Toggle, null, trigger), /* @__PURE__ */ React59.createElement(Dropdown.Menu, null, menuBody));
+      return /* @__PURE__ */ React62.createElement(Dropdown, _extends36({}, dropdownProps), /* @__PURE__ */ React62.createElement(Dropdown.Toggle, null, trigger), /* @__PURE__ */ React62.createElement(Dropdown.Menu, null, menuBody));
     } else {
-      return /* @__PURE__ */ React59.createElement(DropdownButton, _extends34({}, buttonProps, {
-        title: labelId ? /* @__PURE__ */ React59.createElement(Components2.FormattedMessage, {
+      return /* @__PURE__ */ React62.createElement(DropdownButton, _extends36({}, buttonProps, {
+        title: labelId ? /* @__PURE__ */ React62.createElement(Components2.FormattedMessage, {
           id: labelId
         }) : label
       }, dropdownProps), menuBody);
@@ -13010,10 +13075,10 @@ var Dropdown_default = BootstrapDropdown;
 // components/bootstrap/Modal.tsx
 init_esm_shims();
 var import_prop_types7 = __toESM(require_prop_types(), 1);
-import React60 from "react";
+import React63 from "react";
 import { Modal } from "react-bootstrap";
-function _extends35() {
-  _extends35 = 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) {
@@ -13024,29 +13089,29 @@ function _extends35() {
     }
     return target;
   };
-  return _extends35.apply(this, arguments);
+  return _extends37.apply(this, arguments);
 }
-__name(_extends35, "_extends");
+__name(_extends37, "_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__ */ React60.createElement(Modal.Header, null, header);
+    headerComponent = /* @__PURE__ */ React63.createElement(Modal.Header, null, header);
   } else if (title) {
-    headerComponent = /* @__PURE__ */ React60.createElement(Modal.Header, {
+    headerComponent = /* @__PURE__ */ React63.createElement(Modal.Header, {
       closeButton: showCloseButton
-    }, /* @__PURE__ */ React60.createElement(Modal.Title, null, title));
+    }, /* @__PURE__ */ React63.createElement(Modal.Title, null, title));
   } else {
-    headerComponent = /* @__PURE__ */ React60.createElement(Modal.Header, {
+    headerComponent = /* @__PURE__ */ React63.createElement(Modal.Header, {
       closeButton: showCloseButton
     });
   }
-  const footerComponent = footer ? /* @__PURE__ */ React60.createElement(Modal.Footer, null, footer) : null;
-  return /* @__PURE__ */ React60.createElement(Modal, _extends35({
+  const footerComponent = footer ? /* @__PURE__ */ React63.createElement(Modal.Footer, null, footer) : null;
+  return /* @__PURE__ */ React63.createElement(Modal, _extends37({
     size: size2,
     show,
     onHide
-  }, rest), headerComponent, /* @__PURE__ */ React60.createElement(Modal.Body, null, children), footerComponent);
+  }, rest), headerComponent, /* @__PURE__ */ React63.createElement(Modal.Body, null, children), footerComponent);
 }, "BootstrapModal");
 BootstrapModal.propTypes = {
   size: import_prop_types7.default.string,
@@ -13069,9 +13134,9 @@ BootstrapModal.propTypes = {
 
 // components/bootstrap/ModalTrigger.tsx
 init_esm_shims();
-import React61, { useState as useState9 } from "react";
-function _extends36() {
-  _extends36 = Object.assign || function(target) {
+import React64, { useState as useState9 } from "react";
+function _extends38() {
+  _extends38 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -13082,9 +13147,9 @@ function _extends36() {
     }
     return target;
   };
-  return _extends36.apply(this, arguments);
+  return _extends38.apply(this, arguments);
 }
-__name(_extends36, "_extends");
+__name(_extends38, "_extends");
 var ModalTrigger = /* @__PURE__ */ __name((props) => {
   const [modalIsOpen, setModalIsOpen] = useState9(false);
   const { onClick, openCallback, closeCallback } = props;
@@ -13110,23 +13175,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__ */ React61.createElement("span", {
+  triggerComponent = triggerComponent ? /* @__PURE__ */ React64.createElement("span", {
     onClick: clickHandler
-  }, triggerComponent) : /* @__PURE__ */ React61.createElement(Components2.Button, {
+  }, triggerComponent) : /* @__PURE__ */ React64.createElement(Components2.Button, {
     onClick: clickHandler
   }, label);
-  const childrenComponent = /* @__PURE__ */ React61.cloneElement(children, {
+  const childrenComponent = /* @__PURE__ */ React64.cloneElement(children, {
     closeModal
   });
-  const headerComponent = header && /* @__PURE__ */ React61.cloneElement(header, {
+  const headerComponent = header && /* @__PURE__ */ React64.cloneElement(header, {
     closeModal
   });
-  const footerComponent = footer && /* @__PURE__ */ React61.cloneElement(footer, {
+  const footerComponent = footer && /* @__PURE__ */ React64.cloneElement(footer, {
     closeModal
   });
-  return /* @__PURE__ */ React61.createElement("div", {
+  return /* @__PURE__ */ React64.createElement("div", {
     className: "modal-trigger"
-  }, triggerComponent, /* @__PURE__ */ React61.createElement(Components2.Modal, _extends36({
+  }, triggerComponent, /* @__PURE__ */ React64.createElement(Components2.Modal, _extends38({
     size: size2,
     className,
     show: modalIsOpen,
@@ -13159,8 +13224,8 @@ var defaultVulcanComponents = __spreadValues(__spreadValues(__spreadValues(__spr
 
 // components/VulcanComponents/Provider.tsx
 import { debugVulcan as debugVulcan2 } from "@vulcanjs/utils";
-function _extends37() {
-  _extends37 = Object.assign || function(target) {
+function _extends39() {
+  _extends39 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -13171,9 +13236,9 @@ function _extends37() {
     }
     return target;
   };
-  return _extends37.apply(this, arguments);
+  return _extends39.apply(this, arguments);
 }
-__name(_extends37, "_extends");
+__name(_extends39, "_extends");
 var debugComponents = debugVulcan2("components");
 var VulcanComponentsProvider = /* @__PURE__ */ __name((_a) => {
   var _b = _a, { value } = _b, props = __objRest(_b, ["value"]);
@@ -13191,23 +13256,23 @@ var VulcanComponentsProvider = /* @__PURE__ */ __name((_a) => {
       "useVulcanComponents" from index instead of Consumer.`);
     }
   });
-  return /* @__PURE__ */ React62.createElement(VulcanComponentsContext.Provider, _extends37({
+  return /* @__PURE__ */ React65.createElement(VulcanComponentsContext.Provider, _extends39({
     value: mergedComponents
   }, props));
 }, "VulcanComponentsProvider");
 
 // components/VulcanComponents/typings.ts
 init_esm_shims();
-import React63 from "react";
+import React66 from "react";
 
 // components/VulcanCurrentUser/index.ts
 init_esm_shims();
 
 // components/VulcanCurrentUser/Provider.tsx
 init_esm_shims();
-import React64 from "react";
-function _extends38() {
-  _extends38 = Object.assign || function(target) {
+import React67 from "react";
+function _extends40() {
+  _extends40 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -13218,21 +13283,21 @@ function _extends38() {
     }
     return target;
   };
-  return _extends38.apply(this, arguments);
+  return _extends40.apply(this, arguments);
 }
-__name(_extends38, "_extends");
+__name(_extends40, "_extends");
 var VulcanCurrentUserProvider = /* @__PURE__ */ __name((_a) => {
   var _b = _a, { value } = _b, props = __objRest(_b, ["value"]);
-  return /* @__PURE__ */ React64.createElement(VulcanCurrentUserContext.Provider, _extends38({
+  return /* @__PURE__ */ React67.createElement(VulcanCurrentUserContext.Provider, _extends40({
     value
   }, props));
 }, "VulcanCurrentUserProvider");
 
 // componentsHelpers.tsx
 init_esm_shims();
-import React65 from "react";
-function _extends39() {
-  _extends39 = Object.assign || function(target) {
+import React68 from "react";
+function _extends41() {
+  _extends41 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -13243,9 +13308,9 @@ function _extends39() {
     }
     return target;
   };
-  return _extends39.apply(this, arguments);
+  return _extends41.apply(this, arguments);
 }
-__name(_extends39, "_extends");
+__name(_extends41, "_extends");
 var Components = {};
 var ComponentsTable = {};
 var coreComponents = [
@@ -13284,16 +13349,16 @@ var getRawComponent = /* @__PURE__ */ __name((name2) => {
 var instantiateComponent = /* @__PURE__ */ __name((component, props) => {
   if (!component) {
     return null;
-  } else if (/* @__PURE__ */ React65.isValidElement(component)) {
-    return /* @__PURE__ */ React65.cloneElement(component, props);
+  } else if (/* @__PURE__ */ React68.isValidElement(component)) {
+    return /* @__PURE__ */ React68.cloneElement(component, props);
   } else if (typeof component === "function" && component.prototype && component.prototype.isReactComponent) {
     const Component = component;
-    return /* @__PURE__ */ React65.createElement(Component, _extends39({}, props));
+    return /* @__PURE__ */ React68.createElement(Component, _extends41({}, props));
   } else if (typeof component === "function") {
     return component(props);
   } else if (typeof component === "object" && component.$$typeof && component.render) {
     const Component = component;
-    return /* @__PURE__ */ React65.createElement(Component, _extends39({}, props));
+    return /* @__PURE__ */ React68.createElement(Component, _extends41({}, props));
   } else {
     return component;
   }
@@ -13301,7 +13366,7 @@ var instantiateComponent = /* @__PURE__ */ __name((component, props) => {
 var delayedComponent = /* @__PURE__ */ __name((name2) => {
   return (props) => {
     const Component = Components[name2] || null;
-    return Component && /* @__PURE__ */ React65.createElement(Component, _extends39({}, props));
+    return Component && /* @__PURE__ */ React68.createElement(Component, _extends41({}, props));
   };
 }, "delayedComponent");
 var mergeWithComponents = /* @__PURE__ */ __name((myComponents) => myComponents ? __spreadValues(__spreadValues({}, Components), myComponents) : Components, "mergeWithComponents");