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

package/dist/index.js

@@ -1822,13 +1822,13 @@ var require_moment = __commonJS({
       }
       __name(deprecate2, "deprecate");
       var deprecations = {};
-      function deprecateSimple(name, msg) {
+      function deprecateSimple(name2, msg) {
         if (hooks.deprecationHandler != null) {
-          hooks.deprecationHandler(name, msg);
+          hooks.deprecationHandler(name2, msg);
         }
-        if (!deprecations[name]) {
+        if (!deprecations[name2]) {
           warn(msg);
-          deprecations[name] = true;
+          deprecations[name2] = true;
         }
       }
       __name(deprecateSimple, "deprecateSimple");
@@ -3139,23 +3139,23 @@ var require_moment = __commonJS({
         return globalLocale;
       }
       __name(chooseLocale, "chooseLocale");
-      function isLocaleNameSane(name) {
-        return name.match("^[^/\\\\]*$") != null;
+      function isLocaleNameSane(name2) {
+        return name2.match("^[^/\\\\]*$") != null;
       }
       __name(isLocaleNameSane, "isLocaleNameSane");
-      function loadLocale(name) {
+      function loadLocale(name2) {
         var oldLocale = null, aliasedRequire;
-        if (locales[name] === void 0 && typeof module !== "undefined" && module && module.exports && isLocaleNameSane(name)) {
+        if (locales[name2] === void 0 && typeof module !== "undefined" && module && module.exports && isLocaleNameSane(name2)) {
           try {
             oldLocale = globalLocale._abbr;
             aliasedRequire = __require;
-            aliasedRequire("./locale/" + name);
+            aliasedRequire("./locale/" + name2);
             getSetGlobalLocale(oldLocale);
           } catch (e) {
-            locales[name] = null;
+            locales[name2] = null;
           }
         }
-        return locales[name];
+        return locales[name2];
       }
       __name(loadLocale, "loadLocale");
       function getSetGlobalLocale(key, values) {
@@ -3177,13 +3177,13 @@ var require_moment = __commonJS({
         return globalLocale._abbr;
       }
       __name(getSetGlobalLocale, "getSetGlobalLocale");
-      function defineLocale(name, config) {
+      function defineLocale(name2, config) {
         if (config !== null) {
           var locale, parentConfig = baseConfig;
-          config.abbr = name;
-          if (locales[name] != null) {
+          config.abbr = name2;
+          if (locales[name2] != null) {
             deprecateSimple("defineLocaleOverride", "use moment.updateLocale(localeName, config) to change an existing locale. moment.defineLocale(localeName, config) should only be used for creating a new locale See http://momentjs.com/guides/#/warnings/define-locale/ for more info.");
-            parentConfig = locales[name]._config;
+            parentConfig = locales[name2]._config;
           } else if (config.parentLocale != null) {
             if (locales[config.parentLocale] != null) {
               parentConfig = locales[config.parentLocale]._config;
@@ -3196,59 +3196,59 @@ var require_moment = __commonJS({
                   localeFamilies[config.parentLocale] = [];
                 }
                 localeFamilies[config.parentLocale].push({
-                  name,
+                  name: name2,
                   config
                 });
                 return null;
               }
             }
           }
-          locales[name] = new Locale(mergeConfigs(parentConfig, config));
-          if (localeFamilies[name]) {
-            localeFamilies[name].forEach(function(x) {
+          locales[name2] = new Locale(mergeConfigs(parentConfig, config));
+          if (localeFamilies[name2]) {
+            localeFamilies[name2].forEach(function(x) {
               defineLocale(x.name, x.config);
             });
           }
-          getSetGlobalLocale(name);
-          return locales[name];
+          getSetGlobalLocale(name2);
+          return locales[name2];
         } else {
-          delete locales[name];
+          delete locales[name2];
           return null;
         }
       }
       __name(defineLocale, "defineLocale");
-      function updateLocale(name, config) {
+      function updateLocale(name2, config) {
         if (config != null) {
           var locale, tmpLocale, parentConfig = baseConfig;
-          if (locales[name] != null && locales[name].parentLocale != null) {
-            locales[name].set(mergeConfigs(locales[name]._config, config));
+          if (locales[name2] != null && locales[name2].parentLocale != null) {
+            locales[name2].set(mergeConfigs(locales[name2]._config, config));
           } else {
-            tmpLocale = loadLocale(name);
+            tmpLocale = loadLocale(name2);
             if (tmpLocale != null) {
               parentConfig = tmpLocale._config;
             }
             config = mergeConfigs(parentConfig, config);
             if (tmpLocale == null) {
-              config.abbr = name;
+              config.abbr = name2;
             }
             locale = new Locale(config);
-            locale.parentLocale = locales[name];
-            locales[name] = locale;
+            locale.parentLocale = locales[name2];
+            locales[name2] = locale;
           }
-          getSetGlobalLocale(name);
+          getSetGlobalLocale(name2);
         } else {
-          if (locales[name] != null) {
-            if (locales[name].parentLocale != null) {
-              locales[name] = locales[name].parentLocale;
-              if (name === getSetGlobalLocale()) {
-                getSetGlobalLocale(name);
+          if (locales[name2] != null) {
+            if (locales[name2].parentLocale != null) {
+              locales[name2] = locales[name2].parentLocale;
+              if (name2 === getSetGlobalLocale()) {
+                getSetGlobalLocale(name2);
               }
-            } else if (locales[name] != null) {
-              delete locales[name];
+            } else if (locales[name2] != null) {
+              delete locales[name2];
             }
           }
         }
-        return locales[name];
+        return locales[name2];
       }
       __name(updateLocale, "updateLocale");
       function getLocale(key) {
@@ -4258,11 +4258,11 @@ var require_moment = __commonJS({
         return res;
       }
       __name(momentsDifference, "momentsDifference");
-      function createAdder(direction, name) {
+      function createAdder(direction, name2) {
         return function(val, period) {
           var dur, tmp;
           if (period !== null && !isNaN(+period)) {
-            deprecateSimple(name, "moment()." + name + "(period, number) is deprecated. Please use moment()." + name + "(number, period). See http://momentjs.com/guides/#/warnings/add-inverted-param/ for more info.");
+            deprecateSimple(name2, "moment()." + name2 + "(period, number) is deprecated. Please use moment()." + name2 + "(number, period). See http://momentjs.com/guides/#/warnings/add-inverted-param/ for more info.");
             tmp = val;
             val = period;
             period = tmp;
@@ -4866,10 +4866,10 @@ var require_moment = __commonJS({
       }
       __name(localeEras, "localeEras");
       function localeErasParse(eraName, format, strict) {
-        var i, l, eras = this.eras(), name, abbr, narrow;
+        var i, l, eras = this.eras(), name2, abbr, narrow;
         eraName = eraName.toUpperCase();
         for (i = 0, l = eras.length; i < l; ++i) {
-          name = eras[i].name.toUpperCase();
+          name2 = eras[i].name.toUpperCase();
           abbr = eras[i].abbr.toUpperCase();
           narrow = eras[i].narrow.toUpperCase();
           if (strict) {
@@ -4882,7 +4882,7 @@ var require_moment = __commonJS({
                 }
                 break;
               case "NNNN":
-                if (name === eraName) {
+                if (name2 === eraName) {
                   return eras[i];
                 }
                 break;
@@ -4893,7 +4893,7 @@ var require_moment = __commonJS({
                 break;
             }
           } else if ([
-            name,
+            name2,
             abbr,
             narrow
           ].indexOf(eraName) >= 0) {
@@ -5626,9 +5626,9 @@ var require_moment = __commonJS({
         return this.isValid() ? this[units + "s"]() : NaN;
       }
       __name(get$2, "get$2");
-      function makeGetter(name) {
+      function makeGetter(name2) {
         return function() {
-          return this.isValid() ? this._data[name] : NaN;
+          return this.isValid() ? this._data[name2] : NaN;
         };
       }
       __name(makeGetter, "makeGetter");
@@ -6580,9 +6580,9 @@ __name(getCustomFn, "getCustomFn");
 function getObjectTag(object) {
   var tag = Object.prototype.toString.call(object).replace(/^\[object /, "").replace(/]$/, "");
   if (tag === "Object" && typeof object.constructor === "function") {
-    var name = object.constructor.name;
-    if (typeof name === "string" && name !== "") {
-      return name;
+    var name2 = object.constructor.name;
+    if (typeof name2 === "string" && name2 !== "") {
+      return name2;
     }
   }
   return tag;
@@ -6655,14 +6655,14 @@ function _createClass2(Constructor, protoProps, staticProps) {
 __name(_createClass2, "_createClass");
 var Source = /* @__PURE__ */ function() {
   function Source2(body) {
-    var name = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "GraphQL request";
+    var name2 = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "GraphQL request";
     var locationOffset = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {
       line: 1,
       column: 1
     };
     typeof body === "string" || devAssert(0, "Body must be a string. Received: ".concat(inspect(body), "."));
     this.body = body;
-    this.name = name;
+    this.name = name2;
     this.locationOffset = locationOffset;
     this.locationOffset.line > 0 || devAssert(0, "line in locationOffset is 1-indexed and must be positive.");
     this.locationOffset.column > 0 || devAssert(0, "column in locationOffset is 1-indexed and must be positive.");
@@ -7216,14 +7216,14 @@ var Parser = /* @__PURE__ */ function() {
       };
     }
     var operation = this.parseOperationType();
-    var name;
+    var name2;
     if (this.peek(TokenKind.NAME)) {
-      name = this.parseName();
+      name2 = this.parseName();
     }
     return {
       kind: Kind.OPERATION_DEFINITION,
       operation,
-      name,
+      name: name2,
       variableDefinitions: this.parseVariableDefinitions(),
       directives: this.parseDirectives(false),
       selectionSet: this.parseSelectionSet(),
@@ -7280,17 +7280,17 @@ var Parser = /* @__PURE__ */ function() {
     var start = this._lexer.token;
     var nameOrAlias = this.parseName();
     var alias;
-    var name;
+    var name2;
     if (this.expectOptionalToken(TokenKind.COLON)) {
       alias = nameOrAlias;
-      name = this.parseName();
+      name2 = this.parseName();
     } else {
-      name = nameOrAlias;
+      name2 = nameOrAlias;
     }
     return {
       kind: Kind.FIELD,
       alias,
-      name,
+      name: name2,
       arguments: this.parseArguments(false),
       directives: this.parseDirectives(false),
       selectionSet: this.peek(TokenKind.BRACE_L) ? this.parseSelectionSet() : void 0,
@@ -7303,11 +7303,11 @@ var Parser = /* @__PURE__ */ function() {
   }, "parseArguments");
   _proto.parseArgument = /* @__PURE__ */ __name(function parseArgument() {
     var start = this._lexer.token;
-    var name = this.parseName();
+    var name2 = this.parseName();
     this.expectToken(TokenKind.COLON);
     return {
       kind: Kind.ARGUMENT,
-      name,
+      name: name2,
       value: this.parseValueLiteral(false),
       loc: this.loc(start)
     };
@@ -7466,11 +7466,11 @@ var Parser = /* @__PURE__ */ function() {
   }, "parseObject");
   _proto.parseObjectField = /* @__PURE__ */ __name(function parseObjectField(isConst) {
     var start = this._lexer.token;
-    var name = this.parseName();
+    var name2 = this.parseName();
     this.expectToken(TokenKind.COLON);
     return {
       kind: Kind.OBJECT_FIELD,
-      name,
+      name: name2,
       value: this.parseValueLiteral(isConst),
       loc: this.loc(start)
     };
@@ -7585,12 +7585,12 @@ var Parser = /* @__PURE__ */ function() {
     var start = this._lexer.token;
     var description = this.parseDescription();
     this.expectKeyword("scalar");
-    var name = this.parseName();
+    var name2 = this.parseName();
     var directives = this.parseDirectives(true);
     return {
       kind: Kind.SCALAR_TYPE_DEFINITION,
       description,
-      name,
+      name: name2,
       directives,
       loc: this.loc(start)
     };
@@ -7599,14 +7599,14 @@ var Parser = /* @__PURE__ */ function() {
     var start = this._lexer.token;
     var description = this.parseDescription();
     this.expectKeyword("type");
-    var name = this.parseName();
+    var name2 = this.parseName();
     var interfaces = this.parseImplementsInterfaces();
     var directives = this.parseDirectives(true);
     var fields = this.parseFieldsDefinition();
     return {
       kind: Kind.OBJECT_TYPE_DEFINITION,
       description,
-      name,
+      name: name2,
       interfaces,
       directives,
       fields,
@@ -7640,7 +7640,7 @@ var Parser = /* @__PURE__ */ function() {
   _proto.parseFieldDefinition = /* @__PURE__ */ __name(function parseFieldDefinition() {
     var start = this._lexer.token;
     var description = this.parseDescription();
-    var name = this.parseName();
+    var name2 = this.parseName();
     var args = this.parseArgumentDefs();
     this.expectToken(TokenKind.COLON);
     var type = this.parseTypeReference();
@@ -7648,7 +7648,7 @@ var Parser = /* @__PURE__ */ function() {
     return {
       kind: Kind.FIELD_DEFINITION,
       description,
-      name,
+      name: name2,
       arguments: args,
       type,
       directives,
@@ -7661,7 +7661,7 @@ var Parser = /* @__PURE__ */ function() {
   _proto.parseInputValueDef = /* @__PURE__ */ __name(function parseInputValueDef() {
     var start = this._lexer.token;
     var description = this.parseDescription();
-    var name = this.parseName();
+    var name2 = this.parseName();
     this.expectToken(TokenKind.COLON);
     var type = this.parseTypeReference();
     var defaultValue;
@@ -7672,7 +7672,7 @@ var Parser = /* @__PURE__ */ function() {
     return {
       kind: Kind.INPUT_VALUE_DEFINITION,
       description,
-      name,
+      name: name2,
       type,
       defaultValue,
       directives,
@@ -7683,14 +7683,14 @@ var Parser = /* @__PURE__ */ function() {
     var start = this._lexer.token;
     var description = this.parseDescription();
     this.expectKeyword("interface");
-    var name = this.parseName();
+    var name2 = this.parseName();
     var interfaces = this.parseImplementsInterfaces();
     var directives = this.parseDirectives(true);
     var fields = this.parseFieldsDefinition();
     return {
       kind: Kind.INTERFACE_TYPE_DEFINITION,
       description,
-      name,
+      name: name2,
       interfaces,
       directives,
       fields,
@@ -7701,13 +7701,13 @@ var Parser = /* @__PURE__ */ function() {
     var start = this._lexer.token;
     var description = this.parseDescription();
     this.expectKeyword("union");
-    var name = this.parseName();
+    var name2 = this.parseName();
     var directives = this.parseDirectives(true);
     var types = this.parseUnionMemberTypes();
     return {
       kind: Kind.UNION_TYPE_DEFINITION,
       description,
-      name,
+      name: name2,
       directives,
       types,
       loc: this.loc(start)
@@ -7720,13 +7720,13 @@ var Parser = /* @__PURE__ */ function() {
     var start = this._lexer.token;
     var description = this.parseDescription();
     this.expectKeyword("enum");
-    var name = this.parseName();
+    var name2 = this.parseName();
     var directives = this.parseDirectives(true);
     var values = this.parseEnumValuesDefinition();
     return {
       kind: Kind.ENUM_TYPE_DEFINITION,
       description,
-      name,
+      name: name2,
       directives,
       values,
       loc: this.loc(start)
@@ -7738,12 +7738,12 @@ var Parser = /* @__PURE__ */ function() {
   _proto.parseEnumValueDefinition = /* @__PURE__ */ __name(function parseEnumValueDefinition() {
     var start = this._lexer.token;
     var description = this.parseDescription();
-    var name = this.parseName();
+    var name2 = this.parseName();
     var directives = this.parseDirectives(true);
     return {
       kind: Kind.ENUM_VALUE_DEFINITION,
       description,
-      name,
+      name: name2,
       directives,
       loc: this.loc(start)
     };
@@ -7752,13 +7752,13 @@ var Parser = /* @__PURE__ */ function() {
     var start = this._lexer.token;
     var description = this.parseDescription();
     this.expectKeyword("input");
-    var name = this.parseName();
+    var name2 = this.parseName();
     var directives = this.parseDirectives(true);
     var fields = this.parseInputFieldsDefinition();
     return {
       kind: Kind.INPUT_OBJECT_TYPE_DEFINITION,
       description,
-      name,
+      name: name2,
       directives,
       fields,
       loc: this.loc(start)
@@ -7809,14 +7809,14 @@ var Parser = /* @__PURE__ */ function() {
     var start = this._lexer.token;
     this.expectKeyword("extend");
     this.expectKeyword("scalar");
-    var name = this.parseName();
+    var name2 = this.parseName();
     var directives = this.parseDirectives(true);
     if (directives.length === 0) {
       throw this.unexpected();
     }
     return {
       kind: Kind.SCALAR_TYPE_EXTENSION,
-      name,
+      name: name2,
       directives,
       loc: this.loc(start)
     };
@@ -7825,7 +7825,7 @@ var Parser = /* @__PURE__ */ function() {
     var start = this._lexer.token;
     this.expectKeyword("extend");
     this.expectKeyword("type");
-    var name = this.parseName();
+    var name2 = this.parseName();
     var interfaces = this.parseImplementsInterfaces();
     var directives = this.parseDirectives(true);
     var fields = this.parseFieldsDefinition();
@@ -7834,7 +7834,7 @@ var Parser = /* @__PURE__ */ function() {
     }
     return {
       kind: Kind.OBJECT_TYPE_EXTENSION,
-      name,
+      name: name2,
       interfaces,
       directives,
       fields,
@@ -7845,7 +7845,7 @@ var Parser = /* @__PURE__ */ function() {
     var start = this._lexer.token;
     this.expectKeyword("extend");
     this.expectKeyword("interface");
-    var name = this.parseName();
+    var name2 = this.parseName();
     var interfaces = this.parseImplementsInterfaces();
     var directives = this.parseDirectives(true);
     var fields = this.parseFieldsDefinition();
@@ -7854,7 +7854,7 @@ var Parser = /* @__PURE__ */ function() {
     }
     return {
       kind: Kind.INTERFACE_TYPE_EXTENSION,
-      name,
+      name: name2,
       interfaces,
       directives,
       fields,
@@ -7865,7 +7865,7 @@ var Parser = /* @__PURE__ */ function() {
     var start = this._lexer.token;
     this.expectKeyword("extend");
     this.expectKeyword("union");
-    var name = this.parseName();
+    var name2 = this.parseName();
     var directives = this.parseDirectives(true);
     var types = this.parseUnionMemberTypes();
     if (directives.length === 0 && types.length === 0) {
@@ -7873,7 +7873,7 @@ var Parser = /* @__PURE__ */ function() {
     }
     return {
       kind: Kind.UNION_TYPE_EXTENSION,
-      name,
+      name: name2,
       directives,
       types,
       loc: this.loc(start)
@@ -7883,7 +7883,7 @@ var Parser = /* @__PURE__ */ function() {
     var start = this._lexer.token;
     this.expectKeyword("extend");
     this.expectKeyword("enum");
-    var name = this.parseName();
+    var name2 = this.parseName();
     var directives = this.parseDirectives(true);
     var values = this.parseEnumValuesDefinition();
     if (directives.length === 0 && values.length === 0) {
@@ -7891,7 +7891,7 @@ var Parser = /* @__PURE__ */ function() {
     }
     return {
       kind: Kind.ENUM_TYPE_EXTENSION,
-      name,
+      name: name2,
       directives,
       values,
       loc: this.loc(start)
@@ -7901,7 +7901,7 @@ var Parser = /* @__PURE__ */ function() {
     var start = this._lexer.token;
     this.expectKeyword("extend");
     this.expectKeyword("input");
-    var name = this.parseName();
+    var name2 = this.parseName();
     var directives = this.parseDirectives(true);
     var fields = this.parseInputFieldsDefinition();
     if (directives.length === 0 && fields.length === 0) {
@@ -7909,7 +7909,7 @@ var Parser = /* @__PURE__ */ function() {
     }
     return {
       kind: Kind.INPUT_OBJECT_TYPE_EXTENSION,
-      name,
+      name: name2,
       directives,
       fields,
       loc: this.loc(start)
@@ -7920,7 +7920,7 @@ var Parser = /* @__PURE__ */ function() {
     var description = this.parseDescription();
     this.expectKeyword("directive");
     this.expectToken(TokenKind.AT);
-    var name = this.parseName();
+    var name2 = this.parseName();
     var args = this.parseArgumentDefs();
     var repeatable = this.expectOptionalKeyword("repeatable");
     this.expectKeyword("on");
@@ -7928,7 +7928,7 @@ var Parser = /* @__PURE__ */ function() {
     return {
       kind: Kind.DIRECTIVE_DEFINITION,
       description,
-      name,
+      name: name2,
       arguments: args,
       repeatable,
       locations,
@@ -7940,9 +7940,9 @@ var Parser = /* @__PURE__ */ function() {
   }, "parseDirectiveLocations");
   _proto.parseDirectiveLocation = /* @__PURE__ */ __name(function parseDirectiveLocation() {
     var start = this._lexer.token;
-    var name = this.parseName();
-    if (DirectiveLocation[name.value] !== void 0) {
-      return name;
+    var name2 = this.parseName();
+    if (DirectiveLocation[name2.value] !== void 0) {
+      return name2;
     }
     throw this.unexpected(start);
   }, "parseDirectiveLocation");
@@ -8220,7 +8220,7 @@ var getSchemaFragment = /* @__PURE__ */ __name(({ schema, fragmentName, options,
   return null;
 }, "getSchemaFragment");
 var getFormFragments = /* @__PURE__ */ __name(({ formType = "new", model, fields, addFields }) => {
-  const { schema, name, graphql } = model;
+  const { schema, name: name2, graphql } = model;
   const { typeName, multiTypeName } = graphql;
   let queryFieldNames = getQueryFieldNames({
     schema,
@@ -9314,10 +9314,10 @@ var Form = /* @__PURE__ */ __name((props) => {
     setErrors((prevErrors) => prevErrors.filter((error) => error.path !== path));
   }, "clearFieldErrors");
   const [deletedValues, setDeletedValues] = useState([]);
-  const addToDeletedValues = /* @__PURE__ */ __name((name) => {
+  const addToDeletedValues = /* @__PURE__ */ __name((name2) => {
     setDeletedValues((prevDeletedValues) => [
       ...prevDeletedValues,
-      name
+      name2
     ]);
   }, "addToDeletedValues");
   const [callbacks, setCallbacks] = useState({
@@ -9602,7 +9602,7 @@ init_esm_shims();
 
 // components/VulcanComponents/Provider.tsx
 init_esm_shims();
-import React61 from "react";
+import React62 from "react";
 
 // components/VulcanComponents/defaultVulcanComponents/index.ts
 init_esm_shims();
@@ -10019,7 +10019,7 @@ var FormComponentInner = /* @__PURE__ */ __name((props) => {
   }, "getProperties");
   const {
     inputClassName,
-    name,
+    name: name2,
     input,
     beforeComponent,
     afterComponent,
@@ -10032,7 +10032,7 @@ var FormComponentInner = /* @__PURE__ */ __name((props) => {
   const FormComponents = useVulcanComponents();
   const hasErrors = errors && errors.length;
   const inputName = typeof input === "function" ? input.name : inputType1;
-  const inputClass = classNames("form-input", inputClassName, `input-${name}`, `form-component-${inputName || "default"}`, {
+  const inputClass = classNames("form-input", inputClassName, `input-${name2}`, `form-component-${inputName || "default"}`, {
     "input-error": hasErrors
   });
   const properties1 = getProperties();
@@ -10158,7 +10158,7 @@ var FormGroupLayout = /* @__PURE__ */ __name((_a) => {
 }, "FormGroupLayout");
 var FormGroupHeader = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React13.createElement("h2", _extends8({}, props)), "FormGroupHeader");
 var FormGroup = /* @__PURE__ */ __name((props) => {
-  const { name, label, group, fields, hidden, document, currentUser, disabled, itemProperties, prefilledProps, formType } = props;
+  const { name: name2, label, group, fields, hidden, document, currentUser, disabled, itemProperties, prefilledProps, formType } = props;
   const { errors, clearFieldErrors } = useFormContext();
   const [collapsed1, setCollapsed] = useState3(group.startCollapsed || false);
   const toggle = /* @__PURE__ */ __name(() => setCollapsed((collapsed) => !collapsed), "toggle");
@@ -10179,7 +10179,7 @@ var FormGroup = /* @__PURE__ */ __name((props) => {
   if (group.adminsOnly && !isAdmin(currentUser)) {
     return null;
   }
-  const anchorName = name.split(".").length > 1 ? name.split(".")[1] : name;
+  const anchorName = name2.split(".").length > 1 ? name2.split(".")[1] : name2;
   return /* @__PURE__ */ React13.createElement(VulcanComponents.FormGroupLayout, {
     label,
     anchorName,
@@ -10187,7 +10187,7 @@ var FormGroup = /* @__PURE__ */ __name((props) => {
     collapsed: collapsed1,
     hidden: isHidden,
     group,
-    heading: name === "default" ? null : heading,
+    heading: name2 === "default" ? null : heading,
     hasErrors,
     document
   }, fields.map((field) => /* @__PURE__ */ React13.createElement(VulcanComponents.FormComponent, _extends8({
@@ -10235,13 +10235,13 @@ var FormIntl = /* @__PURE__ */ __name((props) => {
   const getLocalePath = /* @__PURE__ */ __name((defaultIndex) => {
     return `${props.path}_intl.${defaultIndex}`;
   }, "getLocalePath");
-  const { name } = props;
+  const { name: name2 } = props;
   const properties = omit2(props, "value", "inputProperties", "intlInput", "nestedInput");
   return /* @__PURE__ */ React14.createElement(FormComponents.FormIntlLayout, null, Locales.map((locale, i) => /* @__PURE__ */ React14.createElement(FormComponents.FormIntlItemLayout, {
     key: locale.id,
     locale
   }, /* @__PURE__ */ React14.createElement(FormComponents.FormComponent, _extends9({}, properties, {
-    label: getLabel2(name, locale.id),
+    label: getLabel2(name2, locale.id),
     path: getLocalePath(i),
     locale: locale.id
   })))));
@@ -10570,7 +10570,7 @@ FormNestedItemLayout.propTypes = {
   removeButton: import_prop_types3.default.node
 };
 var FormNestedItem = /* @__PURE__ */ __name((_a) => {
-  var _b = _a, { nestedFields, name, path, removeItem, itemIndex, formComponents, hideRemove, label } = _b, props = __objRest(_b, ["nestedFields", "name", "path", "removeItem", "itemIndex", "formComponents", "hideRemove", "label"]);
+  var _b = _a, { nestedFields, name: name2, path, removeItem, itemIndex, formComponents, hideRemove, label } = _b, props = __objRest(_b, ["nestedFields", "name", "path", "removeItem", "itemIndex", "formComponents", "hideRemove", "label"]);
   const VulcanComponents = useVulcanComponents();
   const intl = useIntlContext4();
   const isArray = typeof itemIndex !== "undefined";
@@ -10594,7 +10594,7 @@ var FormNestedItem = /* @__PURE__ */ __name((_a) => {
         iconButton: true,
         tabIndex: -1,
         onClick: () => {
-          removeItem(name);
+          removeItem(name2);
         },
         "aria-label": intl.formatMessage({
           id: "forms.delete_nested_field"
@@ -10743,37 +10743,41 @@ function _extends15() {
 __name(_extends15, "_extends");
 var HTMLInputAdapter = /* @__PURE__ */ __name((props) => {
   const Components2 = useVulcanComponents();
-  const { inputProperties, itemProperties } = props;
-  const _a = inputProperties, { label, name } = _a, otherInputProperties = __objRest(_a, ["label", "name"]);
+  const { inputProperties = {}, itemProperties = {}, path } = props;
+  const _a = inputProperties, { label, name: name2 } = _a, otherInputProperties = __objRest(_a, ["label", "name"]);
   return /* @__PURE__ */ React25.createElement(Components2.FormItem, _extends15({
-    name,
+    name: name2,
+    path,
     label,
     inputProperties
   }, itemProperties), /* @__PURE__ */ React25.createElement("input", _extends15({}, otherInputProperties, {
-    id: name,
-    name,
+    id: name2,
+    name: name2,
     type: props.type
   })));
 }, "HTMLInputAdapter");
 var FormItem = /* @__PURE__ */ __name((props) => {
-  const { inputProperties, label, name } = props;
+  const { inputProperties, label, name: name2 } = props;
   return /* @__PURE__ */ React25.createElement("div", {
-    className: `form-item ${name}`
+    className: `form-item ${name2}`
   }, /* @__PURE__ */ React25.createElement("label", {
-    htmlFor: name
+    htmlFor: name2
   }, label), props.children);
 }, "FormItem");
 var HTMLSelectAdapter = /* @__PURE__ */ __name((props) => {
-  const { inputProperties, options = [], itemProperties } = props;
-  const { label: label1, name } = inputProperties;
+  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,
+    name: name2,
     label: label1,
+    path,
     inputProperties
-  }, itemProperties), /* @__PURE__ */ React25.createElement("select", _extends15({}, inputProperties), options.map(({ label, value }) => /* @__PURE__ */ React25.createElement("option", {
+  }, itemProperties), /* @__PURE__ */ React25.createElement("select", _extends15({
+    multiple
+  }, inputProperties), options.map(({ label, value }) => /* @__PURE__ */ React25.createElement("option", {
     key: value,
     label,
     value
@@ -10798,18 +10802,20 @@ var FormComponentTextarea = /* @__PURE__ */ __name((props) => {
   const { inputProperties, itemProperties } = props;
   return /* @__PURE__ */ React25.createElement("textarea", _extends15({}, inputProperties));
 }, "FormComponentTextarea");
-var FormComponentCheckbox = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React25.createElement(HTMLSelectAdapter, _extends15({
-  type: "checkbox"
-}, props)), "FormComponentCheckbox");
-var FormComponentCheckboxGroup = /* @__PURE__ */ __name((props) => /* @__PURE__ */ React25.createElement(FormComponentSelectMultiple, _extends15({}, props)), "FormComponentCheckboxGroup");
+var FormComponentCheckbox = /* @__PURE__ */ __name((props) => {
+  return /* @__PURE__ */ React25.createElement(HTMLInputAdapter, _extends15({
+    type: "checkbox"
+  }, props));
+}, "FormComponentCheckbox");
 var FormComponentRadioGroup = /* @__PURE__ */ __name((props) => {
-  const { inputProperties, options = [], itemProperties } = props;
-  const { label, name } = inputProperties;
+  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({
-    name,
+    path,
+    name: name2,
     label,
     inputProperties
   }, itemProperties), options.map((option) => {
@@ -10822,7 +10828,7 @@ var FormComponentRadioGroup = /* @__PURE__ */ __name((props) => {
     }), /* @__PURE__ */ React25.createElement("input", {
       type: "radio",
       id: value,
-      name,
+      name: name2,
       key: value,
       value
     }));
@@ -10850,11 +10856,12 @@ var FormComponentStaticText = /* @__PURE__ */ __name((props) => /* @__PURE__ */
 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/AutocompleteMultiple.tsx
+// components/form/inputs/Checkboxgroup.tsx
 init_esm_shims();
-import { AsyncTypeahead } from "react-bootstrap-typeahead";
 import React26, { useState as useState4 } from "react";
-import { useLazyQuery as useLazyQuery2 } from "@apollo/client";
+import without2 from "lodash/without.js";
+import uniq2 from "lodash/uniq.js";
+import isEmpty3 from "lodash/isEmpty.js";
 function _extends16() {
   _extends16 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -10870,6 +10877,135 @@ function _extends16() {
   return _extends16.apply(this, arguments);
 }
 __name(_extends16, "_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");
+var addOtherMarker = /* @__PURE__ */ __name((s) => `${otherMarker}${s}`, "addOtherMarker");
+var removeOtherValue = /* @__PURE__ */ __name((a) => {
+  return a.filter((s) => !isOtherValue(s));
+}, "removeOtherValue");
+var OtherComponent = /* @__PURE__ */ __name(({ value, path }) => {
+  const { updateCurrentValues } = useFormContext();
+  const Components2 = useVulcanComponents();
+  const otherValue = removeOtherMarker(value.find(isOtherValue));
+  const withoutOtherValue = removeOtherValue(value);
+  const [showOther, setShowOther] = useState4(!!otherValue);
+  const [textFieldValue, setTextFieldValue] = useState4(otherValue);
+  const textFieldInputProperties = {
+    name,
+    value: textFieldValue,
+    onChange: (event) => {
+      const fieldValue = event.target.value;
+      setTextFieldValue(fieldValue);
+      const newValue = isEmpty3(fieldValue) ? withoutOtherValue : [
+        ...withoutOtherValue,
+        addOtherMarker(fieldValue)
+      ];
+      updateCurrentValues({
+        [path]: newValue
+      });
+    }
+  };
+  const textFieldItemProperties = {
+    layout: "elementOnly"
+  };
+  return /* @__PURE__ */ React26.createElement("div", {
+    className: "form-option-other"
+  }, /* @__PURE__ */ React26.createElement(Components2.FormComponentCheckbox, {
+    layout: "elementOnly",
+    label: "Other",
+    value: showOther,
+    checked: showOther,
+    onClick: (event) => {
+      const isChecked = event.target.checked;
+      setShowOther(isChecked);
+      if (isChecked) {
+        if (textFieldValue) {
+          updateCurrentValues({
+            [path]: [
+              ...withoutOtherValue,
+              addOtherMarker(textFieldValue)
+            ]
+          });
+        }
+      } else {
+        updateCurrentValues({
+          [path]: withoutOtherValue
+        });
+      }
+    }
+  }), showOther && /* @__PURE__ */ React26.createElement(Components2.FormComponentText, {
+    inputProperties: textFieldInputProperties,
+    itemProperties: textFieldItemProperties
+  }));
+}, "OtherComponent");
+var FormComponentCheckboxGroup = /* @__PURE__ */ __name((props) => {
+  const { updateCurrentValues } = useFormContext();
+  const { value: valueFromProps, multiple, inputProperties = {}, options = [], itemProperties, path } = props;
+  const { label, name: name2 } = inputProperties;
+  const Components2 = useVulcanComponents();
+  if (!Array.isArray(options))
+    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({
+    name: name2,
+    label,
+    path,
+    inputProperties
+  }, itemProperties), /* @__PURE__ */ React26.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, {
+      option,
+      name: name2
+    }), /* @__PURE__ */ React26.createElement("input", _extends16({
+      type: "checkbox"
+    }, inputProperties, {
+      name: name2,
+      key: i,
+      checked: isChecked1,
+      id: `${path}.${i}`,
+      onChange: (event) => {
+        const isChecked = event.target.checked;
+        const newValue = isChecked ? [
+          ...value,
+          option.value
+        ] : without2(value, option.value);
+        updateCurrentValues({
+          [path]: newValue
+        });
+      },
+      className: checkClass
+    })));
+  }), itemProperties.showOther && /* @__PURE__ */ React26.createElement(OtherComponent, {
+    value,
+    path
+  })));
+}, "FormComponentCheckboxGroup");
+
+// components/form/inputs/AutocompleteMultiple.tsx
+init_esm_shims();
+import { AsyncTypeahead } from "react-bootstrap-typeahead";
+import React27, { useState as useState5 } from "react";
+import { useLazyQuery as useLazyQuery2 } from "@apollo/client";
+function _extends17() {
+  _extends17 = 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 _extends17.apply(this, arguments);
+}
+__name(_extends17, "_extends");
 var AutocompleteMultiple = /* @__PURE__ */ __name((props) => {
   const {
     queryData,
@@ -10883,7 +11019,7 @@ var AutocompleteMultiple = /* @__PURE__ */ __name((props) => {
   const { updateCurrentValues } = useFormContext();
   const Components2 = useVulcanComponents();
   const { value: value1, label } = inputProperties;
-  const [queryString1, setQueryString] = useState4();
+  const [queryString1, setQueryString] = useState5();
   const [loadAutocompleteOptions, { loading, error, data }] = useLazyQuery2(lib_default(autocompleteQuery()), {
     variables: {
       queryString: queryString1
@@ -10898,9 +11034,9 @@ var AutocompleteMultiple = /* @__PURE__ */ __name((props) => {
   const selectedItems = queryData && optionsFunction({
     data: queryData
   }).filter((d) => value1.includes(d.value));
-  return /* @__PURE__ */ React26.createElement(Components2.FormItem, _extends16({}, props, {
+  return /* @__PURE__ */ React27.createElement(Components2.FormItem, _extends17({}, props, itemProperties, {
     name: path
-  }), /* @__PURE__ */ React26.createElement(AsyncTypeahead, _extends16({}, inputProperties, {
+  }), /* @__PURE__ */ React27.createElement(AsyncTypeahead, _extends17({}, inputProperties, {
     multiple: true,
     onChange: (selected) => {
       const selectedIds = selected.map(({ value }) => value);
@@ -10980,14 +11116,14 @@ init_esm_shims();
 
 // components/Datatable/Datatable.tsx
 init_esm_shims();
-import React27, { useEffect as useEffect6, useState as useState5 } from "react";
+import React28, { 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 _extends17() {
-  _extends17 = Object.assign || function(target) {
+function _extends18() {
+  _extends18 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -10998,9 +11134,9 @@ function _extends17() {
     }
     return target;
   };
-  return _extends17.apply(this, arguments);
+  return _extends18.apply(this, arguments);
 }
-__name(_extends17, "_extends");
+__name(_extends18, "_extends");
 var ascSortOperator = "asc";
 var descSortOperator = "desc";
 var delay = function() {
@@ -11013,7 +11149,7 @@ var delay = function() {
   };
 }();
 var Datatable = /* @__PURE__ */ __name((props) => {
-  const [state, setState] = useState5({});
+  const [state, setState] = useState6({});
   const { initialState } = props;
   let initState = {
     searchValue: "",
@@ -11058,12 +11194,12 @@ var Datatable = /* @__PURE__ */ __name((props) => {
       currentSort
     }));
   }, "toggleSort");
-  const submitFilters = /* @__PURE__ */ __name(({ name, filters }) => {
+  const submitFilters = /* @__PURE__ */ __name(({ name: name2, filters }) => {
     let newFilters = Object.assign({}, state.currentFilters);
     if (_isEmpty(filters)) {
-      delete newFilters[name];
+      delete newFilters[name2];
     } else {
-      newFilters[name] = filters;
+      newFilters[name2] = filters;
     }
     setState((currentState) => __spreadProps(__spreadValues({}, currentState), {
       currentFilters: newFilters
@@ -11101,7 +11237,7 @@ var Datatable = /* @__PURE__ */ __name((props) => {
     }
   }));
   if (data) {
-    return /* @__PURE__ */ React27.createElement(Components2.DatatableContents, _extends17({}, props, {
+    return /* @__PURE__ */ React28.createElement(Components2.DatatableContents, _extends18({}, props, {
       datatableData: data,
       totalCount: data.length,
       results: data,
@@ -11132,9 +11268,9 @@ var Datatable = /* @__PURE__ */ __name((props) => {
   if (!_isEmpty(state.currentFilters)) {
     input.filter = state.currentFilters;
   }
-  return /* @__PURE__ */ React27.createElement(Components2.DatatableLayout, {
+  return /* @__PURE__ */ React28.createElement(Components2.DatatableLayout, {
     model
-  }, /* @__PURE__ */ React27.createElement(Components2.DatatableAbove, _extends17({}, props, {
+  }, /* @__PURE__ */ React28.createElement(Components2.DatatableAbove, _extends18({}, props, {
     model,
     canInsert: canCreate,
     canCreate,
@@ -11142,7 +11278,7 @@ var Datatable = /* @__PURE__ */ __name((props) => {
     updateSearch,
     selectedItems: state.selectedItems,
     onSubmitSelected
-  })), /* @__PURE__ */ React27.createElement(Components2.DatatableContents, _extends17({}, props, {
+  })), /* @__PURE__ */ React28.createElement(Components2.DatatableContents, _extends18({}, props, {
     results: multiRes.documents,
     totalCount: multiRes.totalCount,
     count: multiRes.count,
@@ -11156,20 +11292,20 @@ var Datatable = /* @__PURE__ */ __name((props) => {
     toggleItem
   })));
 }, "Datatable");
-var DatatableLayout = /* @__PURE__ */ __name(({ model, children }) => /* @__PURE__ */ React27.createElement("div", {
+var DatatableLayout = /* @__PURE__ */ __name(({ model, children }) => /* @__PURE__ */ React28.createElement("div", {
   className: `datatable datatable-${model.name.toLowerCase()}`
 }, children), "DatatableLayout");
 var DatatableAbove = /* @__PURE__ */ __name((props) => {
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React27.createElement(Components2.DatatableAboveLayout, null, /* @__PURE__ */ React27.createElement(Components2.DatatableAboveLeft, _extends17({}, props)), /* @__PURE__ */ React27.createElement(Components2.DatatableAboveRight, _extends17({}, props)));
+  return /* @__PURE__ */ React28.createElement(Components2.DatatableAboveLayout, null, /* @__PURE__ */ React28.createElement(Components2.DatatableAboveLeft, _extends18({}, props)), /* @__PURE__ */ React28.createElement(Components2.DatatableAboveRight, _extends18({}, props)));
 }, "DatatableAbove");
 var DatatableAboveLeft = /* @__PURE__ */ __name((props) => {
   const { showSearch, searchValue, updateSearch } = props;
   const Components2 = useVulcanComponents();
   const intl = useIntlContext5();
-  return /* @__PURE__ */ React27.createElement("div", {
+  return /* @__PURE__ */ React28.createElement("div", {
     className: "datatable-above-left"
-  }, showSearch && /* @__PURE__ */ React27.createElement(Components2.DatatableAboveSearchInput, {
+  }, showSearch && /* @__PURE__ */ React28.createElement(Components2.DatatableAboveSearchInput, {
     className: "datatable-search form-control",
     inputProperties: {
       path: "datatableSearchQuery",
@@ -11185,16 +11321,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__ */ React27.createElement("div", {
+  return /* @__PURE__ */ React28.createElement("div", {
     className: "datatable-above-right"
-  }, showSelect && selectedItems.length > 0 && /* @__PURE__ */ React27.createElement("div", {
+  }, showSelect && selectedItems.length > 0 && /* @__PURE__ */ React28.createElement("div", {
     className: "datatable-above-item"
-  }, /* @__PURE__ */ React27.createElement(Components2.DatatableSubmitSelected, {
+  }, /* @__PURE__ */ React28.createElement(Components2.DatatableSubmitSelected, {
     selectedItems,
     onSubmitSelected
-  })), showNew && canInsert && /* @__PURE__ */ React27.createElement("div", {
+  })), showNew && canInsert && /* @__PURE__ */ React28.createElement("div", {
     className: "datatable-above-item"
-  }, /* @__PURE__ */ React27.createElement(Components2.NewButton, _extends17({
+  }, /* @__PURE__ */ React28.createElement(Components2.NewButton, _extends18({
     model,
     currentUser,
     mutationFragmentName: options && options.fragmentName
@@ -11202,20 +11338,20 @@ var DatatableAboveRight = /* @__PURE__ */ __name((props) => {
 }, "DatatableAboveRight");
 var DatatableAboveSearchInput = /* @__PURE__ */ __name((props) => {
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React27.createElement("div", {
+  return /* @__PURE__ */ React28.createElement("div", {
     className: "datatable-above-search-input"
-  }, /* @__PURE__ */ React27.createElement(Components2.FormComponentText, _extends17({}, props)));
+  }, /* @__PURE__ */ React28.createElement(Components2.FormComponentText, _extends18({}, props)));
 }, "DatatableAboveSearchInput");
-var DatatableAboveLayout = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ React27.createElement("div", {
+var DatatableAboveLayout = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ React28.createElement("div", {
   className: "datatable-above"
 }, children), "DatatableAboveLayout");
 
 // components/Datatable/DatatableContents.tsx
 init_esm_shims();
-import React28 from "react";
+import React29 from "react";
 import _sortBy from "lodash/sortBy.js";
-function _extends18() {
-  _extends18 = 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) {
@@ -11226,9 +11362,9 @@ function _extends18() {
     }
     return target;
   };
-  return _extends18.apply(this, arguments);
+  return _extends19.apply(this, arguments);
 }
-__name(_extends18, "_extends");
+__name(_extends19, "_extends");
 var wrapColumns = /* @__PURE__ */ __name((c) => ({
   name: c
 }), "wrapColumns");
@@ -11250,18 +11386,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__ */ React28.createElement("div", {
+    return /* @__PURE__ */ React29.createElement("div", {
       className: "datatable-list datatable-list-loading"
-    }, /* @__PURE__ */ React28.createElement(Components2.Loading, null));
+    }, /* @__PURE__ */ React29.createElement(Components2.Loading, null));
   }
   const isLoadingMore = networkStatus === 2;
   const hasMore = results && totalCount > results.length;
   const sortedColumns = getColumns(columns, results, datatableData);
-  return /* @__PURE__ */ React28.createElement(Components2.DatatableContentsLayout, null, error && /* @__PURE__ */ React28.createElement(Components2.Alert, {
+  return /* @__PURE__ */ React29.createElement(Components2.DatatableContentsLayout, null, error && /* @__PURE__ */ React29.createElement(Components2.Alert, {
     variant: "danger"
-  }, error.message), title && /* @__PURE__ */ React28.createElement(Components2.DatatableTitle, {
+  }, error.message), title && /* @__PURE__ */ React29.createElement(Components2.DatatableTitle, {
     title
-  }), /* @__PURE__ */ React28.createElement(Components2.DatatableContentsInnerLayout, null, /* @__PURE__ */ React28.createElement(Components2.DatatableContentsHeadLayout, null, showSelect && /* @__PURE__ */ React28.createElement("th", null), sortedColumns.map((column, index) => /* @__PURE__ */ React28.createElement(Components2.DatatableHeader, {
+  }), /* @__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, {
     key: index,
     model,
     column,
@@ -11269,13 +11405,13 @@ var DatatableContents = /* @__PURE__ */ __name((props) => {
     currentSort,
     submitFilters,
     currentFilters
-  })), showEdit ? /* @__PURE__ */ React28.createElement("th", null, /* @__PURE__ */ React28.createElement(Components2.FormattedMessage, {
+  })), showEdit ? /* @__PURE__ */ React29.createElement("th", null, /* @__PURE__ */ React29.createElement(Components2.FormattedMessage, {
     id: "datatable.edit",
     defaultMessage: "Edit"
-  })) : null, showDelete ? /* @__PURE__ */ React28.createElement("th", null, /* @__PURE__ */ React28.createElement(Components2.FormattedMessage, {
+  })) : null, showDelete ? /* @__PURE__ */ React29.createElement("th", null, /* @__PURE__ */ React29.createElement(Components2.FormattedMessage, {
     id: "datatable.delete",
     defaultMessage: "Delete"
-  })) : null), /* @__PURE__ */ React28.createElement(Components2.DatatableContentsBodyLayout, null, results && results.length ? results.map((document, index) => /* @__PURE__ */ React28.createElement(Components2.DatatableRow, _extends18({}, props, {
+  })) : null), /* @__PURE__ */ React29.createElement(Components2.DatatableContentsBodyLayout, null, results && results.length ? results.map((document, index) => /* @__PURE__ */ React29.createElement(Components2.DatatableRow, _extends19({}, props, {
     model,
     columns: sortedColumns,
     document,
@@ -11284,7 +11420,7 @@ var DatatableContents = /* @__PURE__ */ __name((props) => {
     showDelete,
     currentUser,
     modalProps
-  }))) : /* @__PURE__ */ React28.createElement(Components2.DatatableEmpty, null))), hasMore && /* @__PURE__ */ React28.createElement(Components2.DatatableContentsMoreLayout, null, isLoadingMore ? /* @__PURE__ */ React28.createElement(Components2.Loading, null) : /* @__PURE__ */ React28.createElement(Components2.DatatableLoadMoreButton, {
+  }))) : /* @__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, {
     count,
     totalCount,
     onClick: (e) => {
@@ -11293,37 +11429,37 @@ var DatatableContents = /* @__PURE__ */ __name((props) => {
     }
   }, "Load More (", count, "/", totalCount, ")")));
 }, "DatatableContents");
-var DatatableContentsLayout = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ React28.createElement("div", {
+var DatatableContentsLayout = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ React29.createElement("div", {
   className: "datatable-list"
 }, children), "DatatableContentsLayout");
-var DatatableContentsInnerLayout = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ React28.createElement("table", {
+var DatatableContentsInnerLayout = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ React29.createElement("table", {
   className: "table"
 }, children), "DatatableContentsInnerLayout");
-var DatatableContentsHeadLayout = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ React28.createElement("thead", null, /* @__PURE__ */ React28.createElement("tr", null, children)), "DatatableContentsHeadLayout");
-var DatatableContentsBodyLayout = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ React28.createElement("tbody", null, children), "DatatableContentsBodyLayout");
-var DatatableContentsMoreLayout = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ React28.createElement("div", {
+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", {
   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__ */ React28.createElement(Components2.Button, _extends18({
+  return /* @__PURE__ */ React29.createElement(Components2.Button, _extends19({
     variant: "primary"
   }, otherProps), children);
 }, "DatatableLoadMoreButton");
-var DatatableTitle = /* @__PURE__ */ __name(({ title }) => /* @__PURE__ */ React28.createElement("div", {
+var DatatableTitle = /* @__PURE__ */ __name(({ title }) => /* @__PURE__ */ React29.createElement("div", {
   className: "datatable-title"
 }, title), "DatatableTitle");
 var DatatableEmpty = /* @__PURE__ */ __name(() => {
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React28.createElement("tr", null, /* @__PURE__ */ React28.createElement("td", {
+  return /* @__PURE__ */ React29.createElement("tr", null, /* @__PURE__ */ React29.createElement("td", {
     colSpan: 99
-  }, /* @__PURE__ */ React28.createElement("div", {
+  }, /* @__PURE__ */ React29.createElement("div", {
     style: {
       textAlign: "center",
       padding: 10
     }
-  }, /* @__PURE__ */ React28.createElement(Components2.FormattedMessage, {
+  }, /* @__PURE__ */ React29.createElement(Components2.FormattedMessage, {
     id: "datatable.empty",
     defaultMessage: "No items to display."
   }))));
@@ -11331,11 +11467,11 @@ var DatatableEmpty = /* @__PURE__ */ __name(() => {
 
 // components/Datatable/DatatableHeader.tsx
 init_esm_shims();
-import React29 from "react";
+import React30 from "react";
 import { useIntlContext as useIntlContext6 } from "@vulcanjs/react-i18n";
 import { formatLabel as formatLabel2 } from "@vulcanjs/i18n";
-function _extends19() {
-  _extends19 = Object.assign || function(target) {
+function _extends20() {
+  _extends20 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -11346,9 +11482,9 @@ function _extends19() {
     }
     return target;
   };
-  return _extends19.apply(this, arguments);
+  return _extends20.apply(this, arguments);
 }
-__name(_extends19, "_extends");
+__name(_extends20, "_extends");
 var DatatableHeader = /* @__PURE__ */ __name(({ model, column, toggleSort, currentSort, submitFilters, currentFilters }) => {
   const Components2 = useVulcanComponents();
   const intl = useIntlContext6();
@@ -11369,16 +11505,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__ */ React29.createElement(Components2.DatatableHeaderCellLayout, {
+    return /* @__PURE__ */ React30.createElement(Components2.DatatableHeaderCellLayout, {
       className: `datatable-header-${column.name}`
-    }, /* @__PURE__ */ React29.createElement("span", {
+    }, /* @__PURE__ */ React30.createElement("span", {
       className: "datatable-header-cell-label"
-    }, formattedLabel), column.sortable && /* @__PURE__ */ React29.createElement(Components2.DatatableSorter, {
+    }, formattedLabel), column.sortable && /* @__PURE__ */ React30.createElement(Components2.DatatableSorter, {
       name: column.name,
       label: formattedLabel,
       toggleSort,
       currentSort
-    }), column.filterable && /* @__PURE__ */ React29.createElement(Components2.DatatableFilter, {
+    }), column.filterable && /* @__PURE__ */ React30.createElement(Components2.DatatableFilter, {
       model,
       field,
       name: column.name,
@@ -11394,25 +11530,25 @@ var DatatableHeader = /* @__PURE__ */ __name(({ model, column, toggleSort, curre
       id: column.name,
       defaultMessage: column.name
     });
-    return /* @__PURE__ */ React29.createElement(Components2.DatatableHeaderCellLayout, {
+    return /* @__PURE__ */ React30.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__ */ React29.createElement("th", _extends19({}, otherProps), /* @__PURE__ */ React29.createElement("div", {
+  return /* @__PURE__ */ React30.createElement("th", _extends20({}, otherProps), /* @__PURE__ */ React30.createElement("div", {
     className: "datatable-header-cell-inner"
   }, children));
 }, "DatatableHeaderCellLayout");
 
 // components/Datatable/DatatableRow.tsx
 init_esm_shims();
-import React30 from "react";
+import React31 from "react";
 import _isFunction from "lodash/isFunction.js";
 import { isAdmin as isAdmin3, permissionCheck as permissionCheck2 } from "@vulcanjs/permissions";
-function _extends20() {
-  _extends20 = Object.assign || function(target) {
+function _extends21() {
+  _extends21 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -11423,9 +11559,9 @@ function _extends20() {
     }
     return target;
   };
-  return _extends20.apply(this, arguments);
+  return _extends21.apply(this, arguments);
 }
-__name(_extends20, "_extends");
+__name(_extends21, "_extends");
 var DatatableRow = /* @__PURE__ */ __name((props) => {
   const { model, columns, document, showEdit, showDelete, currentUser, options, editFormOptions, editFormProps, rowClass, showSelect, toggleItem, selectedItems } = props;
   const Components2 = useVulcanComponents();
@@ -11444,33 +11580,33 @@ var DatatableRow = /* @__PURE__ */ __name((props) => {
   const row = typeof rowClass === "function" ? rowClass(document) : rowClass || "";
   const { modalProps = {} } = props;
   const defaultModalProps = {
-    title: /* @__PURE__ */ React30.createElement("code", null, document._id)
+    title: /* @__PURE__ */ React31.createElement("code", null, document._id)
   };
   const customModalProps = __spreadValues(__spreadValues({}, defaultModalProps), _isFunction(modalProps) ? modalProps(document) : modalProps);
   const isSelected = selectedItems && selectedItems.includes(document._id);
-  return /* @__PURE__ */ React30.createElement(Components2.DatatableRowLayout, {
+  return /* @__PURE__ */ React31.createElement(Components2.DatatableRowLayout, {
     className: `datatable-item ${row} ${isSelected ? "datatable-item-selected" : ""}`
-  }, showSelect && /* @__PURE__ */ React30.createElement(Components2.DatatableSelect, {
+  }, showSelect && /* @__PURE__ */ React31.createElement(Components2.DatatableSelect, {
     document,
     toggleItem,
     selectedItems
-  }), columns.map((column, index) => /* @__PURE__ */ React30.createElement(Components2.DatatableCell, {
+  }), columns.map((column, index) => /* @__PURE__ */ React31.createElement(Components2.DatatableCell, {
     key: index,
     column,
     document,
     currentUser,
     model
-  })), showEdit && canUpdate ? /* @__PURE__ */ React30.createElement(Components2.DatatableCellLayout, {
+  })), showEdit && canUpdate ? /* @__PURE__ */ React31.createElement(Components2.DatatableCellLayout, {
     className: "datatable-edit"
-  }, /* @__PURE__ */ React30.createElement(Components2.EditButton, _extends20({
+  }, /* @__PURE__ */ React31.createElement(Components2.EditButton, _extends21({
     model,
     documentId: document._id,
     currentUser,
     mutationFragmentName: options && options.fragmentName,
     modalProps: customModalProps
-  }, editFormOptions, editFormProps))) : null, showDelete && canUpdate ? /* @__PURE__ */ React30.createElement(Components2.DatatableCellLayout, {
+  }, editFormOptions, editFormProps))) : null, showDelete && canUpdate ? /* @__PURE__ */ React31.createElement(Components2.DatatableCellLayout, {
     className: "datatable-delete"
-  }, /* @__PURE__ */ React30.createElement(Components2.DeleteButton, {
+  }, /* @__PURE__ */ React31.createElement(Components2.DeleteButton, {
     model,
     documentId: document._id,
     currentUser
@@ -11478,14 +11614,14 @@ var DatatableRow = /* @__PURE__ */ __name((props) => {
 }, "DatatableRow");
 var DatatableRowLayout = /* @__PURE__ */ __name((_a) => {
   var _b = _a, { children } = _b, otherProps = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ React30.createElement("tr", _extends20({}, otherProps), children);
+  return /* @__PURE__ */ React31.createElement("tr", _extends21({}, otherProps), children);
 }, "DatatableRowLayout");
 
 // components/Datatable/DatatableCell.tsx
 init_esm_shims();
-import React31 from "react";
-function _extends21() {
-  _extends21 = Object.assign || function(target) {
+import React32 from "react";
+function _extends22() {
+  _extends22 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -11496,18 +11632,18 @@ function _extends21() {
     }
     return target;
   };
-  return _extends21.apply(this, arguments);
+  return _extends22.apply(this, arguments);
 }
-__name(_extends21, "_extends");
+__name(_extends22, "_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__ */ React31.createElement(Components2.DatatableCellLayout, {
+  return /* @__PURE__ */ React32.createElement(Components2.DatatableCellLayout, {
     className: `datatable-item-${columnName.toLowerCase().replace(/\s/g, "-")}`
-  }, /* @__PURE__ */ React31.createElement(Component, {
+  }, /* @__PURE__ */ React32.createElement(Component, {
     column,
     document,
     currentUser,
@@ -11516,14 +11652,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__ */ React31.createElement("td", _extends21({}, otherProps), /* @__PURE__ */ React31.createElement("div", {
+  return /* @__PURE__ */ React32.createElement("td", _extends22({}, otherProps), /* @__PURE__ */ React32.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__ */ React31.createElement(Components2.CardItemSwitcher, _extends21({
+  return /* @__PURE__ */ React32.createElement(Components2.CardItemSwitcher, _extends22({
     value: document[column.name],
     document,
     fieldName: column.name
@@ -11533,11 +11669,11 @@ var DatatableDefaultCell = /* @__PURE__ */ __name((_a) => {
 // components/Datatable/DatatableFilter.tsx
 init_esm_shims();
 var import_moment = __toESM(require_moment(), 1);
-import React32, { useState as useState6 } from "react";
+import React33, { useState as useState7 } from "react";
 import { useQuery } from "@apollo/client";
-import isEmpty3 from "lodash/isEmpty.js";
-function _extends22() {
-  _extends22 = Object.assign || function(target) {
+import isEmpty4 from "lodash/isEmpty.js";
+function _extends23() {
+  _extends23 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -11548,9 +11684,9 @@ function _extends22() {
     }
     return target;
   };
-  return _extends22.apply(this, arguments);
+  return _extends23.apply(this, arguments);
 }
-__name(_extends22, "_extends");
+__name(_extends23, "_extends");
 var getCount = /* @__PURE__ */ __name((columnFilters) => {
   if (!columnFilters) {
     return 0;
@@ -11565,16 +11701,16 @@ var getCount = /* @__PURE__ */ __name((columnFilters) => {
   }
   return 0;
 }, "getCount");
-var Filter = /* @__PURE__ */ __name(({ count }) => /* @__PURE__ */ React32.createElement("svg", {
+var Filter = /* @__PURE__ */ __name(({ count }) => /* @__PURE__ */ React33.createElement("svg", {
   width: "16",
   height: "16",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 448 512"
-}, /* @__PURE__ */ React32.createElement("path", {
+}, /* @__PURE__ */ React33.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__ */ React32.createElement("text", {
+}), count ? /* @__PURE__ */ React33.createElement("text", {
   x: "50%",
   y: "55%",
   fill: "#000",
@@ -11582,7 +11718,7 @@ var Filter = /* @__PURE__ */ __name(({ count }) => /* @__PURE__ */ React32.creat
   textAnchor: "middle",
   alignmentBaseline: "middle",
   fillOpacity: 0.8
-}, count) : /* @__PURE__ */ React32.createElement("path", {
+}, count) : /* @__PURE__ */ React33.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
@@ -11590,10 +11726,10 @@ var Filter = /* @__PURE__ */ __name(({ count }) => /* @__PURE__ */ React32.creat
 var DatatableFilter = /* @__PURE__ */ __name((props) => {
   const Components2 = useVulcanComponents();
   const { columnFilters, label, query } = props;
-  return /* @__PURE__ */ React32.createElement("span", {
+  return /* @__PURE__ */ React33.createElement("span", {
     className: "datatable-filter"
-  }, /* @__PURE__ */ React32.createElement(Components2.ModalTrigger, {
-    title: /* @__PURE__ */ React32.createElement(Components2.FormattedMessage, {
+  }, /* @__PURE__ */ React33.createElement(Components2.ModalTrigger, {
+    title: /* @__PURE__ */ React33.createElement(Components2.FormattedMessage, {
       id: "datatable.filter_column",
       values: {
         label
@@ -11601,10 +11737,10 @@ var DatatableFilter = /* @__PURE__ */ __name((props) => {
       defaultMessage: `Filter \u201C${label}\u201D`
     }),
     size: "small",
-    trigger: /* @__PURE__ */ React32.createElement(Filter, {
+    trigger: /* @__PURE__ */ React33.createElement(Filter, {
       count: getCount(columnFilters)
     })
-  }, query ? /* @__PURE__ */ React32.createElement(Components2.DatatableFilterContentsWithData, _extends22({}, props)) : /* @__PURE__ */ React32.createElement(Components2.DatatableFilterContents, _extends22({}, props))));
+  }, query ? /* @__PURE__ */ React33.createElement(Components2.DatatableFilterContentsWithData, _extends23({}, props)) : /* @__PURE__ */ React33.createElement(Components2.DatatableFilterContents, _extends23({}, props))));
 }, "DatatableFilter");
 var DatatableFilterContentsWithData = /* @__PURE__ */ __name((props) => {
   const Components2 = useVulcanComponents();
@@ -11615,23 +11751,23 @@ var DatatableFilterContentsWithData = /* @__PURE__ */ __name((props) => {
   const filterQuery = queryGql;
   const { loading, error, data } = useQuery(filterQuery);
   if (loading) {
-    return /* @__PURE__ */ React32.createElement(Components2.Loading, null);
+    return /* @__PURE__ */ React33.createElement(Components2.Loading, null);
   } else if (error) {
-    return /* @__PURE__ */ React32.createElement("p", null, "error");
+    return /* @__PURE__ */ React33.createElement("p", null, "error");
   } else {
     const queryOptions = options({
       data
     });
-    return /* @__PURE__ */ React32.createElement(Components2.DatatableFilterContents, _extends22({}, props, {
+    return /* @__PURE__ */ React33.createElement(Components2.DatatableFilterContents, _extends23({}, props, {
       options: queryOptions
     }));
   }
 }, "DatatableFilterContentsWithData");
 var DatatableFilterContents = /* @__PURE__ */ __name((props) => {
-  const { name, field, options, columnFilters, submitFilters, filterComponent } = props;
+  const { name: name2, field, options, columnFilters, submitFilters, filterComponent } = props;
   const Components2 = useVulcanComponents();
   const fieldType = getFieldType(field);
-  const [filters, setFilters] = useState6(columnFilters);
+  const [filters, setFilters] = useState7(columnFilters);
   const filterProps = __spreadProps(__spreadValues({}, props), {
     filters,
     setFilters
@@ -11639,28 +11775,28 @@ var DatatableFilterContents = /* @__PURE__ */ __name((props) => {
   let contents;
   if (filterComponent) {
     const CustomFilter = filterComponent;
-    contents = /* @__PURE__ */ React32.createElement(CustomFilter, _extends22({}, filterProps));
+    contents = /* @__PURE__ */ React33.createElement(CustomFilter, _extends23({}, filterProps));
   } else if (options) {
-    contents = /* @__PURE__ */ React32.createElement(Components2.DatatableFilterCheckboxes, _extends22({}, filterProps));
+    contents = /* @__PURE__ */ React33.createElement(Components2.DatatableFilterCheckboxes, _extends23({}, filterProps));
   } else {
     switch (fieldType) {
       case Date:
-        contents = /* @__PURE__ */ React32.createElement(Components2.DatatableFilterDates, _extends22({}, filterProps));
+        contents = /* @__PURE__ */ React33.createElement(Components2.DatatableFilterDates, _extends23({}, filterProps));
         break;
       case Number:
-        contents = /* @__PURE__ */ React32.createElement(Components2.DatatableFilterNumbers, _extends22({}, filterProps));
+        contents = /* @__PURE__ */ React33.createElement(Components2.DatatableFilterNumbers, _extends23({}, filterProps));
         break;
       case Boolean:
-        contents = /* @__PURE__ */ React32.createElement(Components2.DatatableFilterBooleans, _extends22({}, filterProps));
+        contents = /* @__PURE__ */ React33.createElement(Components2.DatatableFilterBooleans, _extends23({}, filterProps));
         break;
       default:
-        contents = /* @__PURE__ */ React32.createElement("p", null, /* @__PURE__ */ React32.createElement(Components2.FormattedMessage, {
+        contents = /* @__PURE__ */ React33.createElement("p", null, /* @__PURE__ */ React33.createElement(Components2.FormattedMessage, {
           id: "datatable.specify_option",
           defaultMessage: "Please specify an options property on your schema field."
         }));
     }
   }
-  return /* @__PURE__ */ React32.createElement("form", null, contents, /* @__PURE__ */ React32.createElement(Components2.Button, {
+  return /* @__PURE__ */ React33.createElement("form", null, contents, /* @__PURE__ */ React33.createElement(Components2.Button, {
     variant: "link",
     style: {
       display: "inline-block",
@@ -11670,19 +11806,19 @@ var DatatableFilterContents = /* @__PURE__ */ __name((props) => {
     onClick: () => {
       setFilters(void 0);
     }
-  }, /* @__PURE__ */ React32.createElement(Components2.FormattedMessage, {
+  }, /* @__PURE__ */ React33.createElement(Components2.FormattedMessage, {
     id: "datatable.clear_all",
     defaultMessage: "Clear All"
-  })), /* @__PURE__ */ React32.createElement(Components2.Button, {
+  })), /* @__PURE__ */ React33.createElement(Components2.Button, {
     type: "submit",
     className: "datatable_filter_submit",
     onClick: () => {
       submitFilters({
-        name,
+        name: name2,
         filters
       });
     }
-  }, /* @__PURE__ */ React32.createElement(Components2.FormattedMessage, {
+  }, /* @__PURE__ */ React33.createElement(Components2.FormattedMessage, {
     id: "datatable.submit",
     defaultMessage: "Submit"
   })));
@@ -11692,7 +11828,7 @@ var DatatableFilterCheckboxes = /* @__PURE__ */ __name(({ options, filters = {
   _in: []
 }, setFilters }) => {
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React32.createElement(Components2.FormComponentCheckboxGroup, {
+  return /* @__PURE__ */ React33.createElement(Components2.FormComponentCheckboxGroup, {
     path: "filter",
     itemProperties: {
       layout: "inputOnly"
@@ -11702,7 +11838,7 @@ var DatatableFilterCheckboxes = /* @__PURE__ */ __name(({ options, filters = {
     },
     value: filters[checkboxOperator],
     updateCurrentValues: ({ filter: newValues }) => {
-      if (isEmpty3(newValues)) {
+      if (isEmpty4(newValues)) {
         setFilters(void 0);
       } else {
         setFilters({
@@ -11726,7 +11862,7 @@ var DatatableFilterBooleans = /* @__PURE__ */ __name(({ filters = {
   _eq: []
 }, setFilters }) => {
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React32.createElement(Components2.FormComponentRadioGroup, {
+  return /* @__PURE__ */ React33.createElement(Components2.FormComponentRadioGroup, {
     path: "filter",
     itemProperties: {
       layout: "inputOnly"
@@ -11745,10 +11881,10 @@ var DatatableFilterBooleans = /* @__PURE__ */ __name(({ filters = {
 }, "DatatableFilterBooleans");
 var DatatableFilterDates = /* @__PURE__ */ __name(({ filters, setFilters }) => {
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React32.createElement("div", null, /* @__PURE__ */ React32.createElement(Components2.FormComponentDate, {
+  return /* @__PURE__ */ React33.createElement("div", null, /* @__PURE__ */ React33.createElement(Components2.FormComponentDate, {
     path: "_gte",
     itemProperties: {
-      label: /* @__PURE__ */ React32.createElement(Components2.FormattedMessage, {
+      label: /* @__PURE__ */ React33.createElement(Components2.FormattedMessage, {
         id: "datatable.after",
         defaultMessage: "After"
       }),
@@ -11767,10 +11903,10 @@ var DatatableFilterDates = /* @__PURE__ */ __name(({ filters, setFilters }) => {
         }));
       }
     }
-  }), /* @__PURE__ */ React32.createElement(Components2.FormComponentDate, {
+  }), /* @__PURE__ */ React33.createElement(Components2.FormComponentDate, {
     path: "_lte",
     itemProperties: {
-      label: /* @__PURE__ */ React32.createElement(Components2.FormattedMessage, {
+      label: /* @__PURE__ */ React33.createElement(Components2.FormattedMessage, {
         id: "datatable.before",
         defaultMessage: "Before"
       }),
@@ -11793,10 +11929,10 @@ var DatatableFilterDates = /* @__PURE__ */ __name(({ filters, setFilters }) => {
 }, "DatatableFilterDates");
 var DatatableFilterNumbers = /* @__PURE__ */ __name(({ filters, setFilters }) => {
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React32.createElement("div", null, /* @__PURE__ */ React32.createElement(Components2.FormComponentNumber, {
+  return /* @__PURE__ */ React33.createElement("div", null, /* @__PURE__ */ React33.createElement(Components2.FormComponentNumber, {
     path: "_gte",
     itemProperties: {
-      label: /* @__PURE__ */ React32.createElement(Components2.FormattedMessage, {
+      label: /* @__PURE__ */ React33.createElement(Components2.FormattedMessage, {
         id: "datatable.greater_than",
         defaultMessage: "Greater than"
       }),
@@ -11817,10 +11953,10 @@ var DatatableFilterNumbers = /* @__PURE__ */ __name(({ filters, setFilters }) =>
       },
       value: filters && parseFloat(filters._gte)
     }
-  }), /* @__PURE__ */ React32.createElement(Components2.FormComponentNumber, {
+  }), /* @__PURE__ */ React33.createElement(Components2.FormComponentNumber, {
     path: "_lte",
     itemProperties: {
-      label: /* @__PURE__ */ React32.createElement(Components2.FormattedMessage, {
+      label: /* @__PURE__ */ React33.createElement(Components2.FormattedMessage, {
         id: "datatable.lower_than",
         defaultMessage: "Lower than"
       }),
@@ -11846,63 +11982,63 @@ var DatatableFilterNumbers = /* @__PURE__ */ __name(({ filters, setFilters }) =>
 
 // components/Datatable/DatatableSorter.tsx
 init_esm_shims();
-import React33 from "react";
-var SortNone = /* @__PURE__ */ __name(() => /* @__PURE__ */ React33.createElement("svg", {
+import React34 from "react";
+var SortNone = /* @__PURE__ */ __name(() => /* @__PURE__ */ React34.createElement("svg", {
   width: "16",
   height: "16",
   viewBox: "0 0 438 438",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, /* @__PURE__ */ React33.createElement("path", {
+}, /* @__PURE__ */ React34.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__ */ React33.createElement("svg", {
+var SortDesc = /* @__PURE__ */ __name(() => /* @__PURE__ */ React34.createElement("svg", {
   width: "16",
   height: "16",
   viewBox: "0 0 438 438",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, /* @__PURE__ */ React33.createElement("path", {
+}, /* @__PURE__ */ React34.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__ */ React33.createElement("path", {
+}), /* @__PURE__ */ React34.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__ */ React33.createElement("svg", {
+var SortAsc = /* @__PURE__ */ __name(() => /* @__PURE__ */ React34.createElement("svg", {
   width: "16",
   height: "16",
   viewBox: "0 0 438 438",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, /* @__PURE__ */ React33.createElement("path", {
+}, /* @__PURE__ */ React34.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__ */ React33.createElement("path", {
+}), /* @__PURE__ */ React34.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, label, toggleSort, currentSort }) => /* @__PURE__ */ React33.createElement("span", {
+var DatatableSorter = /* @__PURE__ */ __name(({ name: name2, label, toggleSort, currentSort }) => /* @__PURE__ */ React34.createElement("span", {
   className: "datatable-sorter",
   onClick: () => {
-    toggleSort(name);
+    toggleSort(name2);
   }
-}, !currentSort[name] ? /* @__PURE__ */ React33.createElement(SortNone, null) : currentSort[name] === "asc" ? /* @__PURE__ */ React33.createElement(SortAsc, null) : /* @__PURE__ */ React33.createElement(SortDesc, null)), "DatatableSorter");
+}, !currentSort[name2] ? /* @__PURE__ */ React34.createElement(SortNone, null) : currentSort[name2] === "asc" ? /* @__PURE__ */ React34.createElement(SortAsc, null) : /* @__PURE__ */ React34.createElement(SortDesc, null)), "DatatableSorter");
 
 // components/Datatable/DatatableSelect.tsx
 init_esm_shims();
-import React34 from "react";
+import React35 from "react";
 var DatatableSelect = /* @__PURE__ */ __name(({ toggleItem, selectedItems, document }) => {
   const value = selectedItems.includes(document._id || "");
   const onChange = /* @__PURE__ */ __name((e) => {
@@ -11911,9 +12047,9 @@ var DatatableSelect = /* @__PURE__ */ __name(({ toggleItem, selectedItems, docum
     toggleItem(document._id);
   }, "onChange");
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React34.createElement(Components2.DatatableCellLayout, {
+  return /* @__PURE__ */ React35.createElement(Components2.DatatableCellLayout, {
     className: "datatable-check"
-  }, /* @__PURE__ */ React34.createElement(Components2.FormComponentCheckbox, {
+  }, /* @__PURE__ */ React35.createElement(Components2.FormComponentCheckbox, {
     inputProperties: {
       value,
       onChange
@@ -11926,16 +12062,16 @@ var DatatableSelect = /* @__PURE__ */ __name(({ toggleItem, selectedItems, docum
 
 // components/Datatable/DatatableSubmitSelected.tsx
 init_esm_shims();
-import React35 from "react";
+import React36 from "react";
 var DatatableSubmitSelected = /* @__PURE__ */ __name(({ selectedItems, onSubmitSelected }) => {
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React35.createElement(Components2.Button, {
+  return /* @__PURE__ */ React36.createElement(Components2.Button, {
     className: "datatable-submit-selected",
     onClick: (e) => {
       e.preventDefault();
       onSubmitSelected(selectedItems);
     }
-  }, /* @__PURE__ */ React35.createElement(Components2.FormattedMessage, {
+  }, /* @__PURE__ */ React36.createElement(Components2.FormattedMessage, {
     id: "datatable.submit"
   }));
 }, "DatatableSubmitSelected");
@@ -11943,9 +12079,9 @@ var DatatableSubmitSelected = /* @__PURE__ */ __name(({ selectedItems, onSubmitS
 // components/Datatable/others/EditButton.tsx
 init_esm_shims();
 import { useIntlContext as useIntlContext7 } from "@vulcanjs/react-i18n";
-import React36 from "react";
-function _extends23() {
-  _extends23 = Object.assign || function(target) {
+import React37 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) {
@@ -11956,27 +12092,27 @@ function _extends23() {
     }
     return target;
   };
-  return _extends23.apply(this, arguments);
+  return _extends24.apply(this, arguments);
 }
-__name(_extends23, "_extends");
+__name(_extends24, "_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__ */ React36.createElement(Components2.ModalTrigger, {
+  return /* @__PURE__ */ React37.createElement(Components2.ModalTrigger, {
     label: label || intl.formatMessage({
       id: "datatable.edit",
       defaultMessage: "Edit"
     }),
-    component: component ? component : /* @__PURE__ */ React36.createElement(Components2.Button, {
+    component: component ? component : /* @__PURE__ */ React37.createElement(Components2.Button, {
       size: size2,
       variant: variant || style
-    }, label || /* @__PURE__ */ React36.createElement(Components2.FormattedMessage, {
+    }, label || /* @__PURE__ */ React37.createElement(Components2.FormattedMessage, {
       id: "datatable.edit",
       defaultMessage: "Edit"
     })),
     modalProps
-  }, /* @__PURE__ */ React36.createElement(Components2.EditForm, _extends23({
+  }, /* @__PURE__ */ React37.createElement(Components2.EditForm, _extends24({
     closeModal: () => {
       console.warn("closeModal not defined");
     }
@@ -11999,7 +12135,7 @@ var EditForm = /* @__PURE__ */ __name((_a) => {
   } : () => {
     closeModal();
   };
-  return /* @__PURE__ */ React36.createElement(Components2.SmartForm, _extends23({
+  return /* @__PURE__ */ React37.createElement(Components2.SmartForm, _extends24({
     successCallback: success,
     removeSuccessCallback: remove
   }, formProps, props));
@@ -12008,9 +12144,9 @@ var EditForm = /* @__PURE__ */ __name((_a) => {
 // components/Datatable/others/NewButton.tsx
 init_esm_shims();
 import { useIntlContext as useIntlContext8 } from "@vulcanjs/react-i18n";
-import React37 from "react";
-function _extends24() {
-  _extends24 = Object.assign || function(target) {
+import React38 from "react";
+function _extends25() {
+  _extends25 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -12021,27 +12157,27 @@ function _extends24() {
     }
     return target;
   };
-  return _extends24.apply(this, arguments);
+  return _extends25.apply(this, arguments);
 }
-__name(_extends24, "_extends");
+__name(_extends25, "_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__ */ React37.createElement(Components2.ModalTrigger, {
+  return /* @__PURE__ */ React38.createElement(Components2.ModalTrigger, {
     label: label || intl.formatMessage({
       id: "datatable.new"
     }),
     title: label || intl.formatMessage({
       id: "datatable.new"
     }),
-    component: /* @__PURE__ */ React37.createElement(Components2.Button, {
+    component: /* @__PURE__ */ React38.createElement(Components2.Button, {
       variant: style,
       size: size2
-    }, label || /* @__PURE__ */ React37.createElement(Components2.FormattedMessage, {
+    }, label || /* @__PURE__ */ React38.createElement(Components2.FormattedMessage, {
       id: "datatable.new"
     }))
-  }, /* @__PURE__ */ React37.createElement(Components2.NewForm, _extends24({
+  }, /* @__PURE__ */ React38.createElement(Components2.NewForm, _extends25({
     formProps
   }, props)));
 }, "NewButton");
@@ -12053,7 +12189,7 @@ var NewForm = /* @__PURE__ */ __name(({ model, closeModal, successCallback, form
   } : () => {
     closeModal();
   };
-  return /* @__PURE__ */ React37.createElement(Components2.SmartForm, _extends24({
+  return /* @__PURE__ */ React38.createElement(Components2.SmartForm, _extends25({
     model,
     successCallback: success
   }, formProps || {}));
@@ -12062,9 +12198,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 React38 from "react";
-function _extends25() {
-  _extends25 = Object.assign || function(target) {
+import React39 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) {
@@ -12075,9 +12211,9 @@ function _extends25() {
     }
     return target;
   };
-  return _extends25.apply(this, arguments);
+  return _extends26.apply(this, arguments);
 }
-__name(_extends25, "_extends");
+__name(_extends26, "_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"]);
@@ -12086,7 +12222,7 @@ var DeleteButton = /* @__PURE__ */ __name((props) => {
     fragment,
     mutationOptions
   });
-  return /* @__PURE__ */ React38.createElement(Components2.LoadingButton, _extends25({
+  return /* @__PURE__ */ React39.createElement(Components2.LoadingButton, _extends26({
     loading,
     onClick: () => {
       deleteFunction({
@@ -12095,7 +12231,7 @@ var DeleteButton = /* @__PURE__ */ __name((props) => {
         }
       });
     },
-    label: label || /* @__PURE__ */ React38.createElement(Components2.FormattedMessage, {
+    label: label || /* @__PURE__ */ React39.createElement(Components2.FormattedMessage, {
       id: "datatable.delete",
       defaultMessage: "Delete"
     })
@@ -12149,9 +12285,9 @@ init_esm_shims();
 
 // components/cell/CardItem.tsx
 init_esm_shims();
-import React39 from "react";
-function _extends26() {
-  _extends26 = Object.assign || function(target) {
+import React40 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) {
@@ -12162,9 +12298,9 @@ function _extends26() {
     }
     return target;
   };
-  return _extends26.apply(this, arguments);
+  return _extends27.apply(this, arguments);
 }
-__name(_extends26, "_extends");
+__name(_extends27, "_extends");
 var getTypeName = /* @__PURE__ */ __name((value, fieldName, model) => {
   const schema = model.schema;
   const fieldSchema = schema && schema[fieldName];
@@ -12195,7 +12331,7 @@ var CardItemSwitcher = /* @__PURE__ */ __name((props) => {
     }
   }
   if (typeof value === "undefined" || value === null) {
-    return /* @__PURE__ */ React39.createElement(React39.Fragment, null, '""');
+    return /* @__PURE__ */ React40.createElement(React40.Fragment, null, '""');
   }
   const itemProps = {
     nestingLevel: nestingLevel + 1,
@@ -12205,7 +12341,7 @@ var CardItemSwitcher = /* @__PURE__ */ __name((props) => {
     model,
     fieldSchema
   };
-  if (/* @__PURE__ */ React39.isValidElement(itemProps.value)) {
+  if (/* @__PURE__ */ React40.isValidElement(itemProps.value)) {
     return itemProps.value;
   }
   if (fieldSchema && fieldSchema.resolveAs && fieldSchema.resolveAs.relation) {
@@ -12213,15 +12349,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__ */ React39.createElement("span", null, "Missing data for sub-document ", /* @__PURE__ */ React39.createElement("code", null, value), " of type", " ", /* @__PURE__ */ React39.createElement("code", null, typeName), " (", /* @__PURE__ */ React39.createElement("code", null, itemProps.relatedFieldName), ")");
+      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), ")");
     }
     switch ((_c = fieldSchema.relation) == null ? void 0 : _c.kind) {
       case "hasOne":
-        return /* @__PURE__ */ React39.createElement(Components2.CardItemRelationHasOne, _extends26({}, itemProps));
+        return /* @__PURE__ */ React40.createElement(Components2.CardItemRelationHasOne, _extends27({}, itemProps));
       case "hasMany":
-        return /* @__PURE__ */ React39.createElement(Components2.CardItemRelationHasMany, _extends26({}, itemProps));
+        return /* @__PURE__ */ React40.createElement(Components2.CardItemRelationHasMany, _extends27({}, itemProps));
       default:
-        return /* @__PURE__ */ React39.createElement(Components2.CardItemDefault, _extends26({}, itemProps));
+        return /* @__PURE__ */ React40.createElement(Components2.CardItemDefault, _extends27({}, itemProps));
     }
   }
   if (Array.isArray(value)) {
@@ -12233,81 +12369,81 @@ var CardItemSwitcher = /* @__PURE__ */ __name((props) => {
     case "Number":
     case "number":
     case "SimpleSchema.Integer":
-      return /* @__PURE__ */ React39.createElement(Components2.CardItemNumber, _extends26({}, itemProps));
+      return /* @__PURE__ */ React40.createElement(Components2.CardItemNumber, _extends27({}, itemProps));
     case "Array":
-      return /* @__PURE__ */ React39.createElement(Components2.CardItemArray, _extends26({}, itemProps));
+      return /* @__PURE__ */ React40.createElement(Components2.CardItemArray, _extends27({}, itemProps));
     case "Object":
     case "object":
-      return /* @__PURE__ */ React39.createElement(Components2.CardItemObject, _extends26({}, itemProps));
+      return /* @__PURE__ */ React40.createElement(Components2.CardItemObject, _extends27({}, itemProps));
     case "Date":
-      return /* @__PURE__ */ React39.createElement(Components2.CardItemDate, _extends26({}, itemProps));
+      return /* @__PURE__ */ React40.createElement(Components2.CardItemDate, _extends27({}, itemProps));
     case "String":
     case "string":
       switch (contents) {
         case "html":
-          return /* @__PURE__ */ React39.createElement(Components2.CardItemHTML, _extends26({}, itemProps));
+          return /* @__PURE__ */ React40.createElement(Components2.CardItemHTML, _extends27({}, itemProps));
         case "date":
-          return /* @__PURE__ */ React39.createElement(Components2.CardItemDate, _extends26({}, itemProps));
+          return /* @__PURE__ */ React40.createElement(Components2.CardItemDate, _extends27({}, itemProps));
         case "image":
-          return /* @__PURE__ */ React39.createElement(Components2.CardItemImage, _extends26({}, itemProps, {
+          return /* @__PURE__ */ React40.createElement(Components2.CardItemImage, _extends27({}, itemProps, {
             force: true
           }));
         case "url":
-          return /* @__PURE__ */ React39.createElement(Components2.CardItemURL, _extends26({}, itemProps, {
+          return /* @__PURE__ */ React40.createElement(Components2.CardItemURL, _extends27({}, itemProps, {
             force: true
           }));
         default:
-          return /* @__PURE__ */ React39.createElement(Components2.CardItemImage, _extends26({}, itemProps));
+          return /* @__PURE__ */ React40.createElement(Components2.CardItemImage, _extends27({}, itemProps));
       }
     default:
-      return /* @__PURE__ */ React39.createElement(Components2.CardItemDefault, _extends26({}, itemProps));
+      return /* @__PURE__ */ React40.createElement(Components2.CardItemDefault, _extends27({}, itemProps));
   }
 }, "CardItemSwitcher");
 
 // components/cell/CardItemRelationItem.tsx
 init_esm_shims();
-import React40 from "react";
+import React41 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__ */ React40.createElement(Cell, {
+  return Cell ? /* @__PURE__ */ React41.createElement(Cell, {
     document: relatedDocument,
     label,
     Components: Components2
-  }) : /* @__PURE__ */ React40.createElement(Components2.DefaultCell, {
+  }) : /* @__PURE__ */ React41.createElement(Components2.DefaultCell, {
     document: relatedDocument,
     label
   });
 }, "CardItemRelationItem");
-var DefaultCell = /* @__PURE__ */ __name(({ document, label }) => /* @__PURE__ */ React40.createElement("li", {
+var DefaultCell = /* @__PURE__ */ __name(({ document, label }) => /* @__PURE__ */ React41.createElement("li", {
   className: "relation-default-cell"
-}, document.pagePath ? /* @__PURE__ */ React40.createElement("a", {
+}, document.pagePath ? /* @__PURE__ */ React41.createElement("a", {
   href: document.pagePath
-}, label) : /* @__PURE__ */ React40.createElement("span", null, label)), "DefaultCell");
+}, label) : /* @__PURE__ */ React41.createElement("span", null, label)), "DefaultCell");
 var UserCell = /* @__PURE__ */ __name(({ document }) => {
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React40.createElement("div", {
+  return /* @__PURE__ */ React41.createElement("div", {
     className: "contents-user user-item"
-  }, document.pagePath ? /* @__PURE__ */ React40.createElement("a", {
+  }, document.pagePath ? /* @__PURE__ */ React41.createElement("a", {
     className: "user-item-name",
     href: document.pagePath
-  }, document.displayName) : /* @__PURE__ */ React40.createElement("span", {
+  }, document.displayName) : /* @__PURE__ */ React41.createElement("span", {
     className: "user-item-name"
   }, document.displayName));
 }, "UserCell");
 
 // components/cell/CardItemArray.tsx
 init_esm_shims();
-import React41 from "react";
+import React42 from "react";
 var CardItemArray = /* @__PURE__ */ __name(({ nestingLevel, value }) => {
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React41.createElement("ol", {
+  return /* @__PURE__ */ React42.createElement("ol", {
     className: "contents-array"
-  }, value.map((item, index) => /* @__PURE__ */ React41.createElement("li", {
+  }, value.map((item, index) => /* @__PURE__ */ React42.createElement("li", {
     key: index
-  }, /* @__PURE__ */ React41.createElement(Components2.CardItem, {
+  }, /* @__PURE__ */ React42.createElement(Components2.CardItem, {
     value: item,
     typeName: typeof item,
     nestingLevel
@@ -12317,20 +12453,20 @@ var CardItemArray = /* @__PURE__ */ __name(({ nestingLevel, value }) => {
 // components/cell/CardItemDate.tsx
 init_esm_shims();
 var import_moment2 = __toESM(require_moment(), 1);
-import React42 from "react";
-var CardItemDate = /* @__PURE__ */ __name(({ value }) => /* @__PURE__ */ React42.createElement("span", {
+import React43 from "react";
+var CardItemDate = /* @__PURE__ */ __name(({ value }) => /* @__PURE__ */ React43.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 React43 from "react";
-var CardItemDefault = /* @__PURE__ */ __name(({ value }) => /* @__PURE__ */ React43.createElement("span", null, value && value.toString()), "CardItemDefault");
+import React44 from "react";
+var CardItemDefault = /* @__PURE__ */ __name(({ value }) => /* @__PURE__ */ React44.createElement("span", null, value && value.toString()), "CardItemDefault");
 
 // components/cell/CardItemHTML.tsx
 init_esm_shims();
-import React44 from "react";
-var CardItemHTML = /* @__PURE__ */ __name(({ value }) => /* @__PURE__ */ React44.createElement("div", {
+import React45 from "react";
+var CardItemHTML = /* @__PURE__ */ __name(({ value }) => /* @__PURE__ */ React45.createElement("div", {
   className: "contents-html",
   dangerouslySetInnerHTML: {
     __html: value
@@ -12339,7 +12475,7 @@ var CardItemHTML = /* @__PURE__ */ __name(({ value }) => /* @__PURE__ */ React44
 
 // components/cell/CardItemImage.tsx
 init_esm_shims();
-import React45 from "react";
+import React46 from "react";
 var CardItemImage = /* @__PURE__ */ __name(({ value, force = false }) => {
   const Components2 = useVulcanComponents();
   const isImage = [
@@ -12350,7 +12486,7 @@ var CardItemImage = /* @__PURE__ */ __name(({ value, force = false }) => {
     ".webp",
     ".jpeg"
   ].indexOf(value.substr(-5)) !== -1;
-  return isImage || force ? /* @__PURE__ */ React45.createElement("img", {
+  return isImage || force ? /* @__PURE__ */ React46.createElement("img", {
     className: "contents-image",
     style: {
       width: "100%",
@@ -12360,24 +12496,24 @@ var CardItemImage = /* @__PURE__ */ __name(({ value, force = false }) => {
     },
     src: value,
     alt: value
-  }) : /* @__PURE__ */ React45.createElement(Components2.CardItemURL, {
+  }) : /* @__PURE__ */ React46.createElement(Components2.CardItemURL, {
     value
   });
 }, "CardItemImage");
 
 // components/cell/CardItemNumber.tsx
 init_esm_shims();
-import React46 from "react";
-var CardItemNumber = /* @__PURE__ */ __name(({ value }) => /* @__PURE__ */ React46.createElement("code", {
+import React47 from "react";
+var CardItemNumber = /* @__PURE__ */ __name(({ value }) => /* @__PURE__ */ React47.createElement("code", {
   className: "contents-number"
 }, value.toString()), "CardItemNumber");
 
 // components/cell/CardItemObject.tsx
 init_esm_shims();
-import React47 from "react";
-import without2 from "lodash/without.js";
-function _extends27() {
-  _extends27 = Object.assign || function(target) {
+import React48 from "react";
+import without3 from "lodash/without.js";
+function _extends28() {
+  _extends28 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -12388,36 +12524,36 @@ function _extends27() {
     }
     return target;
   };
-  return _extends27.apply(this, arguments);
+  return _extends28.apply(this, arguments);
 }
-__name(_extends27, "_extends");
+__name(_extends28, "_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__ */ React47.createElement("div", {
+    return /* @__PURE__ */ React48.createElement("div", {
       className: "dashboard-user",
       style: {
         whiteSpace: "nowrap"
       }
-    }, user.pagePath ? /* @__PURE__ */ React47.createElement("a", {
+    }, user.pagePath ? /* @__PURE__ */ React48.createElement("a", {
       href: user.pagePath
-    }, user.displayName) : /* @__PURE__ */ React47.createElement("span", null, user.displayName));
+    }, user.displayName) : /* @__PURE__ */ React48.createElement("span", null, user.displayName));
   } else {
-    return /* @__PURE__ */ React47.createElement("div", {
+    return /* @__PURE__ */ React48.createElement("div", {
       className: "card-item-details"
-    }, showExpandControl ? /* @__PURE__ */ React47.createElement("details", null, /* @__PURE__ */ React47.createElement("summary", null, "Expand"), /* @__PURE__ */ React47.createElement(CardItemObjectContents, _extends27({}, props))) : /* @__PURE__ */ React47.createElement(CardItemObjectContents, _extends27({}, props)));
+    }, showExpandControl ? /* @__PURE__ */ React48.createElement("details", null, /* @__PURE__ */ React48.createElement("summary", null, "Expand"), /* @__PURE__ */ React48.createElement(CardItemObjectContents, _extends28({}, props))) : /* @__PURE__ */ React48.createElement(CardItemObjectContents, _extends28({}, props)));
   }
 }, "CardItemObject");
 var CardItemObjectContents = /* @__PURE__ */ __name(({ nestingLevel, value: object }) => {
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React47.createElement("table", {
+  return /* @__PURE__ */ React48.createElement("table", {
     className: "table table-bordered"
-  }, /* @__PURE__ */ React47.createElement("tbody", null, without2(Object.keys(object), "__typename").map((key) => /* @__PURE__ */ React47.createElement("tr", {
+  }, /* @__PURE__ */ React48.createElement("tbody", null, without3(Object.keys(object), "__typename").map((key) => /* @__PURE__ */ React48.createElement("tr", {
     key
-  }, /* @__PURE__ */ React47.createElement("td", null, /* @__PURE__ */ React47.createElement("strong", null, key)), /* @__PURE__ */ React47.createElement("td", null, /* @__PURE__ */ React47.createElement(Components2.CardItemSwitcher, {
+  }, /* @__PURE__ */ React48.createElement("td", null, /* @__PURE__ */ React48.createElement("strong", null, key)), /* @__PURE__ */ React48.createElement("td", null, /* @__PURE__ */ React48.createElement(Components2.CardItemSwitcher, {
     nestingLevel,
     value: object[key],
     typeName: typeof object[key]
@@ -12426,9 +12562,9 @@ var CardItemObjectContents = /* @__PURE__ */ __name(({ nestingLevel, value: obje
 
 // components/cell/CardItemRelationHasMany.tsx
 init_esm_shims();
-import React48 from "react";
-function _extends28() {
-  _extends28 = Object.assign || function(target) {
+import React49 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) {
@@ -12439,15 +12575,15 @@ function _extends28() {
     }
     return target;
   };
-  return _extends28.apply(this, arguments);
+  return _extends29.apply(this, arguments);
 }
-__name(_extends28, "_extends");
+__name(_extends29, "_extends");
 var CardItemRelationHasMany = /* @__PURE__ */ __name((_a) => {
   var _b = _a, { relatedDocument: relatedDocuments } = _b, rest = __objRest(_b, ["relatedDocument"]);
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React48.createElement("div", {
+  return /* @__PURE__ */ React49.createElement("div", {
     className: "contents-hasmany"
-  }, relatedDocuments.map((relatedDocument) => /* @__PURE__ */ React48.createElement(Components2.CardItemRelationItem, _extends28({
+  }, relatedDocuments.map((relatedDocument) => /* @__PURE__ */ React49.createElement(Components2.CardItemRelationItem, _extends29({
     key: relatedDocument._id,
     relatedDocument
   }, rest))));
@@ -12455,9 +12591,9 @@ var CardItemRelationHasMany = /* @__PURE__ */ __name((_a) => {
 
 // components/cell/CardItemRelationHasOne.tsx
 init_esm_shims();
-import React49 from "react";
-function _extends29() {
-  _extends29 = Object.assign || function(target) {
+import React50 from "react";
+function _extends30() {
+  _extends30 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -12468,39 +12604,39 @@ function _extends29() {
     }
     return target;
   };
-  return _extends29.apply(this, arguments);
+  return _extends30.apply(this, arguments);
 }
-__name(_extends29, "_extends");
+__name(_extends30, "_extends");
 var CardItemRelationHasOne = /* @__PURE__ */ __name((_a) => {
   var rest = __objRest(_a, []);
   const Components2 = useVulcanComponents();
-  return /* @__PURE__ */ React49.createElement("div", {
+  return /* @__PURE__ */ React50.createElement("div", {
     className: "contents-hasone"
-  }, /* @__PURE__ */ React49.createElement(Components2.CardItemRelationItem, _extends29({}, rest)));
+  }, /* @__PURE__ */ React50.createElement(Components2.CardItemRelationItem, _extends30({}, rest)));
 }, "CardItemRelationHasOne");
 
 // components/cell/CardItemString.tsx
 init_esm_shims();
-import React50 from "react";
-var CardItemString = /* @__PURE__ */ __name(({ string }) => /* @__PURE__ */ React50.createElement("div", {
+import React51 from "react";
+var CardItemString = /* @__PURE__ */ __name(({ string }) => /* @__PURE__ */ React51.createElement("div", {
   className: "contents-string"
-}, string.indexOf(" ") === -1 && string.length > 30 ? /* @__PURE__ */ React50.createElement("span", {
+}, string.indexOf(" ") === -1 && string.length > 30 ? /* @__PURE__ */ React51.createElement("span", {
   title: string
-}, string.substr(0, 30), "\u2026") : /* @__PURE__ */ React50.createElement("span", null, string)), "CardItemString");
+}, string.substr(0, 30), "\u2026") : /* @__PURE__ */ React51.createElement("span", null, string)), "CardItemString");
 
 // components/cell/CardItemURL.tsx
 init_esm_shims();
-import React51 from "react";
+import React52 from "react";
 var CardItemURL = /* @__PURE__ */ __name(({ value, force }) => {
   const Components2 = useVulcanComponents();
-  return force || value.slice(0, 4) === "http" ? /* @__PURE__ */ React51.createElement("a", {
+  return force || value.slice(0, 4) === "http" ? /* @__PURE__ */ React52.createElement("a", {
     className: "contents-link",
     href: value,
     target: "_blank",
     rel: "noopener noreferrer"
-  }, /* @__PURE__ */ React51.createElement(Components2.CardItemString, {
+  }, /* @__PURE__ */ React52.createElement(Components2.CardItemString, {
     string: value
-  })) : /* @__PURE__ */ React51.createElement(Components2.CardItemString, {
+  })) : /* @__PURE__ */ React52.createElement(Components2.CardItemString, {
     string: value
   });
 }, "CardItemURL");
@@ -12531,9 +12667,9 @@ import { FormattedMessage } from "@vulcanjs/react-i18n";
 
 // components/form/core/Button.tsx
 init_esm_shims();
-import React52 from "react";
-function _extends30() {
-  _extends30 = Object.assign || function(target) {
+import React53 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) {
@@ -12544,27 +12680,27 @@ function _extends30() {
     }
     return target;
   };
-  return _extends30.apply(this, arguments);
+  return _extends31.apply(this, arguments);
 }
-__name(_extends30, "_extends");
+__name(_extends31, "_extends");
 var Button = /* @__PURE__ */ __name((_a) => {
   var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ React52.createElement("button", _extends30({}, props), children);
+  return /* @__PURE__ */ React53.createElement("button", _extends31({}, props), children);
 }, "Button");
 
 // components/form/core/Loading.tsx
 init_esm_shims();
-import React53 from "react";
-var Loading = /* @__PURE__ */ __name(() => /* @__PURE__ */ React53.createElement("span", {
+import React54 from "react";
+var Loading = /* @__PURE__ */ __name(() => /* @__PURE__ */ React54.createElement("span", {
   "aria-live": "polite",
   "aria-busy": "true"
 }, "Loading..."), "Loading");
 
 // components/LoadingButton.tsx
 init_esm_shims();
-import React54 from "react";
-function _extends31() {
-  _extends31 = Object.assign || function(target) {
+import React55 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) {
@@ -12575,9 +12711,9 @@ function _extends31() {
     }
     return target;
   };
-  return _extends31.apply(this, arguments);
+  return _extends32.apply(this, arguments);
 }
-__name(_extends31, "_extends");
+__name(_extends32, "_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();
@@ -12599,24 +12735,24 @@ var LoadingButton = /* @__PURE__ */ __name((_a) => {
   } : {
     display: "none"
   };
-  return /* @__PURE__ */ React54.createElement(Components2.Button, _extends31({
+  return /* @__PURE__ */ React55.createElement(Components2.Button, _extends32({
     className: `loading-button ${loading ? "loading-button-loading" : "loading-button-notloading"} ${className}`,
     onClick
-  }, rest), /* @__PURE__ */ React54.createElement("span", {
+  }, rest), /* @__PURE__ */ React55.createElement("span", {
     style: wrapperStyle
-  }, /* @__PURE__ */ React54.createElement("span", {
+  }, /* @__PURE__ */ React55.createElement("span", {
     style: labelStyle
-  }, label || children), /* @__PURE__ */ React54.createElement("span", {
+  }, label || children), /* @__PURE__ */ React55.createElement("span", {
     style: loadingStyle
-  }, /* @__PURE__ */ React54.createElement(Components2.Loading, null))));
+  }, /* @__PURE__ */ React55.createElement(Components2.Loading, null))));
 }, "LoadingButton");
 
 // components/MutationButton.tsx
 init_esm_shims();
-import React55, { useState as useState7 } from "react";
+import React56, { useState as useState8 } from "react";
 import { useMutation } from "@apollo/client";
-function _extends32() {
-  _extends32 = Object.assign || function(target) {
+function _extends33() {
+  _extends33 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -12627,13 +12763,13 @@ function _extends32() {
     }
     return target;
   };
-  return _extends32.apply(this, arguments);
+  return _extends33.apply(this, arguments);
 }
-__name(_extends32, "_extends");
+__name(_extends33, "_extends");
 var MutationButton = /* @__PURE__ */ __name((props) => {
   const Components2 = useVulcanComponents();
-  const [loading, setLoading] = useState7(false);
-  const [error1, setError] = useState7();
+  const [loading, setLoading] = useState8(false);
+  const [error1, setError] = useState8();
   const {
     mutation,
     loadingButtonProps = {},
@@ -12675,13 +12811,13 @@ var MutationButton = /* @__PURE__ */ __name((props) => {
       setLoading(false);
     }
   }, "handleClick");
-  const loadingButton = /* @__PURE__ */ React55.createElement(Components2.LoadingButton, _extends32({
+  const loadingButton = /* @__PURE__ */ React56.createElement(Components2.LoadingButton, _extends33({
     loading,
     onClick: handleClick,
     label
   }, loadingButtonProps));
   if (error1) {
-    return /* @__PURE__ */ React55.createElement(Components2.TooltipTrigger, {
+    return /* @__PURE__ */ React56.createElement(Components2.TooltipTrigger, {
       trigger: loadingButton,
       defaultShow: true
     }, error1.message.replace("GraphQL error: ", ""));
@@ -12691,7 +12827,7 @@ var MutationButton = /* @__PURE__ */ __name((props) => {
 
 // components/HeadTags.tsx
 init_esm_shims();
-import React56, { PureComponent } from "react";
+import React57, { 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.");
@@ -12703,45 +12839,45 @@ var HeadTags = class extends PureComponent {
       }
       image = siteUrl + image;
     }
-    return /* @__PURE__ */ React56.createElement(React56.Fragment, null, /* @__PURE__ */ React56.createElement("title", null, title), /* @__PURE__ */ React56.createElement("meta", {
+    return /* @__PURE__ */ React57.createElement(React57.Fragment, null, /* @__PURE__ */ React57.createElement("title", null, title), /* @__PURE__ */ React57.createElement("meta", {
       charSet: "utf-8"
-    }), /* @__PURE__ */ React56.createElement("meta", {
+    }), /* @__PURE__ */ React57.createElement("meta", {
       name: "description",
       content: description
-    }), /* @__PURE__ */ React56.createElement("meta", {
+    }), /* @__PURE__ */ React57.createElement("meta", {
       name: "viewport",
       content: "width=device-width, initial-scale=1"
-    }), /* @__PURE__ */ React56.createElement("meta", {
+    }), /* @__PURE__ */ React57.createElement("meta", {
       property: "og:type",
       content: "article"
-    }), /* @__PURE__ */ React56.createElement("meta", {
+    }), /* @__PURE__ */ React57.createElement("meta", {
       property: "og:url",
       content: url
-    }), /* @__PURE__ */ React56.createElement("meta", {
+    }), /* @__PURE__ */ React57.createElement("meta", {
       property: "og:image",
       content: image
-    }), /* @__PURE__ */ React56.createElement("meta", {
+    }), /* @__PURE__ */ React57.createElement("meta", {
       property: "og:title",
       content: title
-    }), /* @__PURE__ */ React56.createElement("meta", {
+    }), /* @__PURE__ */ React57.createElement("meta", {
       property: "og:description",
       content: description
-    }), /* @__PURE__ */ React56.createElement("meta", {
+    }), /* @__PURE__ */ React57.createElement("meta", {
       name: "twitter:card",
       content: "summary"
-    }), /* @__PURE__ */ React56.createElement("meta", {
+    }), /* @__PURE__ */ React57.createElement("meta", {
       name: "twitter:image:src",
       content: image
-    }), /* @__PURE__ */ React56.createElement("meta", {
+    }), /* @__PURE__ */ React57.createElement("meta", {
       name: "twitter:title",
       content: title
-    }), /* @__PURE__ */ React56.createElement("meta", {
+    }), /* @__PURE__ */ React57.createElement("meta", {
       name: "twitter:description",
       content: description
-    }), /* @__PURE__ */ React56.createElement("link", {
+    }), /* @__PURE__ */ React57.createElement("link", {
       rel: "canonical",
       href: url
-    }), /* @__PURE__ */ React56.createElement("link", {
+    }), /* @__PURE__ */ React57.createElement("link", {
       rel: "shortcut icon",
       href: faviconUrl || "/favicon.ico"
     }));
@@ -12751,9 +12887,9 @@ __name(HeadTags, "HeadTags");
 
 // components/bootstrap/TooltipTrigger.tsx
 init_esm_shims();
-import React57 from "react";
+import React58 from "react";
 var TooltipTrigger = /* @__PURE__ */ __name(({ children, trigger }) => {
-  return /* @__PURE__ */ React57.createElement("div", {
+  return /* @__PURE__ */ React58.createElement("div", {
     title: children
   }, trigger);
 }, "TooltipTrigger");
@@ -12761,10 +12897,10 @@ var TooltipTrigger = /* @__PURE__ */ __name(({ children, trigger }) => {
 // components/bootstrap/Dropdown.tsx
 init_esm_shims();
 var import_prop_types6 = __toESM(require_prop_types(), 1);
-import React58 from "react";
+import React59 from "react";
 import { Dropdown, DropdownButton } from "react-bootstrap";
-function _extends33() {
-  _extends33 = Object.assign || function(target) {
+function _extends34() {
+  _extends34 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -12775,9 +12911,9 @@ function _extends33() {
     }
     return target;
   };
-  return _extends33.apply(this, arguments);
+  return _extends34.apply(this, arguments);
 }
-__name(_extends33, "_extends");
+__name(_extends34, "_extends");
 var DropdownItem = Dropdown.Item;
 var Item = /* @__PURE__ */ __name((_a) => {
   var _b = _a, {
@@ -12798,15 +12934,15 @@ var Item = /* @__PURE__ */ __name((_a) => {
   const Components2 = useVulcanComponents();
   let menuComponent;
   if (component) {
-    menuComponent = /* @__PURE__ */ React58.cloneElement(component, componentProps);
+    menuComponent = /* @__PURE__ */ React59.cloneElement(component, componentProps);
   } else if (labelId) {
-    menuComponent = /* @__PURE__ */ React58.createElement(Components2.FormattedMessage, {
+    menuComponent = /* @__PURE__ */ React59.createElement(Components2.FormattedMessage, {
       id: labelId
     });
   } else {
-    menuComponent = /* @__PURE__ */ React58.createElement("span", null, label);
+    menuComponent = /* @__PURE__ */ React59.createElement("span", null, label);
   }
-  const item = /* @__PURE__ */ React58.createElement(DropdownItem, _extends33({
+  const item = /* @__PURE__ */ React59.createElement(DropdownItem, _extends34({
     eventKey: index
   }, itemProps, rest), menuComponent);
   return item;
@@ -12822,9 +12958,9 @@ Item.propTypes = {
 };
 var Node = /* @__PURE__ */ __name((_a) => {
   var _b = _a, { childrenItems } = _b, rest = __objRest(_b, ["childrenItems"]);
-  return /* @__PURE__ */ React58.createElement(React58.Fragment, null, /* @__PURE__ */ React58.createElement(Item, _extends33({}, rest)), childrenItems && !!childrenItems.length && /* @__PURE__ */ React58.createElement("div", {
+  return /* @__PURE__ */ React59.createElement(React59.Fragment, null, /* @__PURE__ */ React59.createElement(Item, _extends34({}, rest)), childrenItems && !!childrenItems.length && /* @__PURE__ */ React59.createElement("div", {
     className: "menu-node-children"
-  }, childrenItems.map((item, index) => /* @__PURE__ */ React58.createElement(Item, _extends33({
+  }, childrenItems.map((item, index) => /* @__PURE__ */ React59.createElement(Item, _extends34({
     key: index
   }, item)))));
 }, "Node");
@@ -12836,11 +12972,11 @@ var BootstrapDropdown = /* @__PURE__ */ __name((_a) => {
   const Components2 = useVulcanComponents();
   const menuBody = menuContents ? menuContents : menuItems.map((item, index) => {
     if (item === "divider") {
-      return /* @__PURE__ */ React58.createElement(Dropdown.Divider, {
+      return /* @__PURE__ */ React59.createElement(Dropdown.Divider, {
         key: index
       });
     } else {
-      return /* @__PURE__ */ React58.createElement(Node, _extends33({}, item, {
+      return /* @__PURE__ */ React59.createElement(Node, _extends34({}, item, {
         key: index,
         index
       }));
@@ -12850,10 +12986,10 @@ var BootstrapDropdown = /* @__PURE__ */ __name((_a) => {
     return menuBody;
   } else {
     if (trigger) {
-      return /* @__PURE__ */ React58.createElement(Dropdown, _extends33({}, dropdownProps), /* @__PURE__ */ React58.createElement(Dropdown.Toggle, null, trigger), /* @__PURE__ */ React58.createElement(Dropdown.Menu, null, menuBody));
+      return /* @__PURE__ */ React59.createElement(Dropdown, _extends34({}, dropdownProps), /* @__PURE__ */ React59.createElement(Dropdown.Toggle, null, trigger), /* @__PURE__ */ React59.createElement(Dropdown.Menu, null, menuBody));
     } else {
-      return /* @__PURE__ */ React58.createElement(DropdownButton, _extends33({}, buttonProps, {
-        title: labelId ? /* @__PURE__ */ React58.createElement(Components2.FormattedMessage, {
+      return /* @__PURE__ */ React59.createElement(DropdownButton, _extends34({}, buttonProps, {
+        title: labelId ? /* @__PURE__ */ React59.createElement(Components2.FormattedMessage, {
           id: labelId
         }) : label
       }, dropdownProps), menuBody);
@@ -12874,10 +13010,10 @@ var Dropdown_default = BootstrapDropdown;
 // components/bootstrap/Modal.tsx
 init_esm_shims();
 var import_prop_types7 = __toESM(require_prop_types(), 1);
-import React59 from "react";
+import React60 from "react";
 import { Modal } from "react-bootstrap";
-function _extends34() {
-  _extends34 = 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) {
@@ -12888,29 +13024,29 @@ function _extends34() {
     }
     return target;
   };
-  return _extends34.apply(this, arguments);
+  return _extends35.apply(this, arguments);
 }
-__name(_extends34, "_extends");
+__name(_extends35, "_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__ */ React59.createElement(Modal.Header, null, header);
+    headerComponent = /* @__PURE__ */ React60.createElement(Modal.Header, null, header);
   } else if (title) {
-    headerComponent = /* @__PURE__ */ React59.createElement(Modal.Header, {
+    headerComponent = /* @__PURE__ */ React60.createElement(Modal.Header, {
       closeButton: showCloseButton
-    }, /* @__PURE__ */ React59.createElement(Modal.Title, null, title));
+    }, /* @__PURE__ */ React60.createElement(Modal.Title, null, title));
   } else {
-    headerComponent = /* @__PURE__ */ React59.createElement(Modal.Header, {
+    headerComponent = /* @__PURE__ */ React60.createElement(Modal.Header, {
       closeButton: showCloseButton
     });
   }
-  const footerComponent = footer ? /* @__PURE__ */ React59.createElement(Modal.Footer, null, footer) : null;
-  return /* @__PURE__ */ React59.createElement(Modal, _extends34({
+  const footerComponent = footer ? /* @__PURE__ */ React60.createElement(Modal.Footer, null, footer) : null;
+  return /* @__PURE__ */ React60.createElement(Modal, _extends35({
     size: size2,
     show,
     onHide
-  }, rest), headerComponent, /* @__PURE__ */ React59.createElement(Modal.Body, null, children), footerComponent);
+  }, rest), headerComponent, /* @__PURE__ */ React60.createElement(Modal.Body, null, children), footerComponent);
 }, "BootstrapModal");
 BootstrapModal.propTypes = {
   size: import_prop_types7.default.string,
@@ -12933,9 +13069,9 @@ BootstrapModal.propTypes = {
 
 // components/bootstrap/ModalTrigger.tsx
 init_esm_shims();
-import React60, { useState as useState8 } from "react";
-function _extends35() {
-  _extends35 = Object.assign || function(target) {
+import React61, { useState as useState9 } from "react";
+function _extends36() {
+  _extends36 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -12946,11 +13082,11 @@ function _extends35() {
     }
     return target;
   };
-  return _extends35.apply(this, arguments);
+  return _extends36.apply(this, arguments);
 }
-__name(_extends35, "_extends");
+__name(_extends36, "_extends");
 var ModalTrigger = /* @__PURE__ */ __name((props) => {
-  const [modalIsOpen, setModalIsOpen] = useState8(false);
+  const [modalIsOpen, setModalIsOpen] = useState9(false);
   const { onClick, openCallback, closeCallback } = props;
   const clickHandler = /* @__PURE__ */ __name((e) => {
     e.preventDefault();
@@ -12974,23 +13110,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__ */ React60.createElement("span", {
+  triggerComponent = triggerComponent ? /* @__PURE__ */ React61.createElement("span", {
     onClick: clickHandler
-  }, triggerComponent) : /* @__PURE__ */ React60.createElement(Components2.Button, {
+  }, triggerComponent) : /* @__PURE__ */ React61.createElement(Components2.Button, {
     onClick: clickHandler
   }, label);
-  const childrenComponent = /* @__PURE__ */ React60.cloneElement(children, {
+  const childrenComponent = /* @__PURE__ */ React61.cloneElement(children, {
     closeModal
   });
-  const headerComponent = header && /* @__PURE__ */ React60.cloneElement(header, {
+  const headerComponent = header && /* @__PURE__ */ React61.cloneElement(header, {
     closeModal
   });
-  const footerComponent = footer && /* @__PURE__ */ React60.cloneElement(footer, {
+  const footerComponent = footer && /* @__PURE__ */ React61.cloneElement(footer, {
     closeModal
   });
-  return /* @__PURE__ */ React60.createElement("div", {
+  return /* @__PURE__ */ React61.createElement("div", {
     className: "modal-trigger"
-  }, triggerComponent, /* @__PURE__ */ React60.createElement(Components2.Modal, _extends35({
+  }, triggerComponent, /* @__PURE__ */ React61.createElement(Components2.Modal, _extends36({
     size: size2,
     className,
     show: modalIsOpen,
@@ -13023,8 +13159,8 @@ var defaultVulcanComponents = __spreadValues(__spreadValues(__spreadValues(__spr
 
 // components/VulcanComponents/Provider.tsx
 import { debugVulcan as debugVulcan2 } from "@vulcanjs/utils";
-function _extends36() {
-  _extends36 = Object.assign || function(target) {
+function _extends37() {
+  _extends37 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -13035,9 +13171,9 @@ function _extends36() {
     }
     return target;
   };
-  return _extends36.apply(this, arguments);
+  return _extends37.apply(this, arguments);
 }
-__name(_extends36, "_extends");
+__name(_extends37, "_extends");
 var debugComponents = debugVulcan2("components");
 var VulcanComponentsProvider = /* @__PURE__ */ __name((_a) => {
   var _b = _a, { value } = _b, props = __objRest(_b, ["value"]);
@@ -13055,23 +13191,23 @@ var VulcanComponentsProvider = /* @__PURE__ */ __name((_a) => {
       "useVulcanComponents" from index instead of Consumer.`);
     }
   });
-  return /* @__PURE__ */ React61.createElement(VulcanComponentsContext.Provider, _extends36({
+  return /* @__PURE__ */ React62.createElement(VulcanComponentsContext.Provider, _extends37({
     value: mergedComponents
   }, props));
 }, "VulcanComponentsProvider");
 
 // components/VulcanComponents/typings.ts
 init_esm_shims();
-import React62 from "react";
+import React63 from "react";
 
 // components/VulcanCurrentUser/index.ts
 init_esm_shims();
 
 // components/VulcanCurrentUser/Provider.tsx
 init_esm_shims();
-import React63 from "react";
-function _extends37() {
-  _extends37 = Object.assign || function(target) {
+import React64 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,21 +13218,21 @@ function _extends37() {
     }
     return target;
   };
-  return _extends37.apply(this, arguments);
+  return _extends38.apply(this, arguments);
 }
-__name(_extends37, "_extends");
+__name(_extends38, "_extends");
 var VulcanCurrentUserProvider = /* @__PURE__ */ __name((_a) => {
   var _b = _a, { value } = _b, props = __objRest(_b, ["value"]);
-  return /* @__PURE__ */ React63.createElement(VulcanCurrentUserContext.Provider, _extends37({
+  return /* @__PURE__ */ React64.createElement(VulcanCurrentUserContext.Provider, _extends38({
     value
   }, props));
 }, "VulcanCurrentUserProvider");
 
 // componentsHelpers.tsx
 init_esm_shims();
-import React64 from "react";
-function _extends38() {
-  _extends38 = Object.assign || function(target) {
+import React65 from "react";
+function _extends39() {
+  _extends39 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -13107,9 +13243,9 @@ function _extends38() {
     }
     return target;
   };
-  return _extends38.apply(this, arguments);
+  return _extends39.apply(this, arguments);
 }
-__name(_extends38, "_extends");
+__name(_extends39, "_extends");
 var Components = {};
 var ComponentsTable = {};
 var coreComponents = [
@@ -13138,34 +13274,34 @@ var coreComponents = [
   "FormControl",
   "FormElement"
 ];
-var componentExists = /* @__PURE__ */ __name((name) => {
-  const component = ComponentsTable[name];
+var componentExists = /* @__PURE__ */ __name((name2) => {
+  const component = ComponentsTable[name2];
   return !!component;
 }, "componentExists");
-var getRawComponent = /* @__PURE__ */ __name((name) => {
-  return ComponentsTable[name].rawComponent;
+var getRawComponent = /* @__PURE__ */ __name((name2) => {
+  return ComponentsTable[name2].rawComponent;
 }, "getRawComponent");
 var instantiateComponent = /* @__PURE__ */ __name((component, props) => {
   if (!component) {
     return null;
-  } else if (/* @__PURE__ */ React64.isValidElement(component)) {
-    return /* @__PURE__ */ React64.cloneElement(component, props);
+  } else if (/* @__PURE__ */ React65.isValidElement(component)) {
+    return /* @__PURE__ */ React65.cloneElement(component, props);
   } else if (typeof component === "function" && component.prototype && component.prototype.isReactComponent) {
     const Component = component;
-    return /* @__PURE__ */ React64.createElement(Component, _extends38({}, props));
+    return /* @__PURE__ */ React65.createElement(Component, _extends39({}, props));
   } else if (typeof component === "function") {
     return component(props);
   } else if (typeof component === "object" && component.$$typeof && component.render) {
     const Component = component;
-    return /* @__PURE__ */ React64.createElement(Component, _extends38({}, props));
+    return /* @__PURE__ */ React65.createElement(Component, _extends39({}, props));
   } else {
     return component;
   }
 }, "instantiateComponent");
-var delayedComponent = /* @__PURE__ */ __name((name) => {
+var delayedComponent = /* @__PURE__ */ __name((name2) => {
   return (props) => {
-    const Component = Components[name] || null;
-    return Component && /* @__PURE__ */ React64.createElement(Component, _extends38({}, props));
+    const Component = Components[name2] || null;
+    return Component && /* @__PURE__ */ React65.createElement(Component, _extends39({}, props));
   };
 }, "delayedComponent");
 var mergeWithComponents = /* @__PURE__ */ __name((myComponents) => myComponents ? __spreadValues(__spreadValues({}, Components), myComponents) : Components, "mergeWithComponents");