@firecms/collection_editor 3.0.0-canary.237 → 3.0.0-canary.239

package/dist/index.es.js

@@ -4,7 +4,7 @@ import { FieldCaption, SearchIconsView, toSnakeCase, singular, IconForView, Arra
 import * as React from "react";
 import React__default, { useContext, useState, useEffect, useMemo, useRef, useDeferredValue } from "react";
 import equal from "react-fast-compare";
-import { cls, Typography, VerticalSplitIcon, Tooltip, Card, SquareIcon, useAutoComplete, Chip, TextField, Autocomplete, AutocompleteItem, SelectItem, Container, IconButton, DebouncedTextField, SettingsIcon, CloseIcon, Select, BooleanSwitchWithLabel, ExpandablePanel, Dialog, Badge, AutorenewIcon, ListIcon, Button, CircularProgress, Paper, DialogTitle, DialogContent, DialogActions, RuleIcon, MultiSelectItem, CloudUploadIcon, MultiSelect, cardMixin, cardClickableMixin, cardSelectedMixin, FunctionsIcon, DoNotDisturbOnIcon, defaultBorderMixin, RemoveIcon, DragHandleIcon, AddIcon, SelectGroup, DeleteIcon, InfoLabel, fieldBackgroundMixin, fieldBackgroundDisabledMixin, fieldBackgroundHoverMixin, WarningIcon, ContentCopyIcon, CodeIcon, Table, TableBody, TableRow, TableCell, Alert, Icon, coolIconKeys, Tabs, Tab, ArrowBackIcon, LoadingButton, CheckIcon, Menu, MoreVertIcon, MenuItem, UndoIcon, SaveIcon } from "@firecms/ui";
+import { cls, Typography, VerticalSplitIcon, Tooltip, Card, SquareIcon, useAutoComplete, Chip, TextField, Autocomplete, AutocompleteItem, SelectItem, Container, IconButton, DebouncedTextField, BooleanSwitchWithLabel, SettingsIcon, CloseIcon, Select, ExpandablePanel, Dialog, Badge, AutorenewIcon, ListIcon, Button, CircularProgress, Paper, DialogTitle, DialogContent, DialogActions, RuleIcon, MultiSelectItem, CloudUploadIcon, MultiSelect, cardMixin, cardClickableMixin, cardSelectedMixin, FunctionsIcon, DoNotDisturbOnIcon, defaultBorderMixin, RemoveIcon, DragHandleIcon, AddIcon, SelectGroup, DeleteIcon, InfoLabel, fieldBackgroundMixin, fieldBackgroundDisabledMixin, fieldBackgroundHoverMixin, WarningIcon, ContentCopyIcon, CodeIcon, Table, TableBody, TableRow, TableCell, Alert, Icon, coolIconKeys, Tabs, Tab, ArrowBackIcon, LoadingButton, CheckIcon, Menu, MoreVertIcon, MenuItem, UndoIcon, SaveIcon } from "@firecms/ui";
 import * as Yup from "yup";
 import { useFormex, getIn, Field, useCreateFormex, Formex, clone } from "@firecms/formex";
 import { extractEnumFromValues, buildPropertyFromData, buildEntityPropertiesFromData } from "@firecms/schema_inference";
@@ -162,7 +162,7 @@ function LayoutModeSwitch(t0) {
   return t18;
 }
 function CollectionDetailsForm(t0) {
-  const $ = c(176);
+  const $ = c(186);
   const {
     isNewCollection,
     reservedGroups,
@@ -468,101 +468,143 @@ function CollectionDetailsForm(t0) {
   } else {
     t40 = $[58];
   }
-  let t41;
-  if ($[59] === Symbol.for("react.memo_cache_sentinel")) {
-    t41 = /* @__PURE__ */ jsxs("div", { className: "flex flex-row text-surface-500", children: [
-      /* @__PURE__ */ jsx(SettingsIcon, {}),
-      /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", className: "ml-2", children: "Advanced" })
-    ] });
-    $[59] = t41;
-  } else {
-    t41 = $[59];
-  }
-  const t42 = !isNewCollection;
-  const t43 = showErrors && Boolean(errors.id);
-  let t44;
-  if ($[60] !== t42 || $[61] !== t43) {
-    t44 = /* @__PURE__ */ jsx(Field, { name: "id", as: DebouncedTextField, disabled: t42, label: "Collection id", error: t43 });
+  const t41 = values.history === null ? "Document history revisions enabled if enabled globally" : values.history ? "Document history revisions ENABLED" : "Document history revisions NOT enabled";
+  let t42;
+  if ($[59] !== setFieldValue) {
+    t42 = (v) => setFieldValue("history", v);
+    $[59] = setFieldValue;
     $[60] = t42;
-    $[61] = t43;
-    $[62] = t44;
   } else {
-    t44 = $[62];
+    t42 = $[60];
   }
-  const t45 = touched.id && Boolean(errors.id);
-  const t46 = touched.id && Boolean(errors.id) ? errors.id : "This id identifies this collection. Typically the same as the path.";
-  let t47;
-  if ($[63] !== t45 || $[64] !== t46) {
-    t47 = /* @__PURE__ */ jsx(FieldCaption, { error: t45, children: t46 });
-    $[63] = t45;
-    $[64] = t46;
-    $[65] = t47;
+  const t43 = values.history ?? null;
+  let t44;
+  if ($[61] !== t41 || $[62] !== t42 || $[63] !== t43) {
+    t44 = /* @__PURE__ */ jsx(BooleanSwitchWithLabel, { position: "start", size: "large", allowIndeterminate: true, label: t41, onValueChange: t42, value: t43 });
+    $[61] = t41;
+    $[62] = t42;
+    $[63] = t43;
+    $[64] = t44;
+  } else {
+    t44 = $[64];
+  }
+  let t45;
+  if ($[65] === Symbol.for("react.memo_cache_sentinel")) {
+    t45 = /* @__PURE__ */ jsxs(FieldCaption, { children: [
+      "When enabled, each document in this collection will have a history of changes. This is useful for auditing purposes. The data is stored in a subcollection of the document in your database, called ",
+      /* @__PURE__ */ jsx("b", { children: "__history" }),
+      "."
+    ] });
+    $[65] = t45;
   } else {
-    t47 = $[65];
+    t45 = $[65];
   }
-  let t48;
-  if ($[66] !== t44 || $[67] !== t47) {
-    t48 = /* @__PURE__ */ jsxs("div", { className: "col-span-12", children: [
+  let t46;
+  if ($[66] !== t44) {
+    t46 = /* @__PURE__ */ jsxs("div", { className: "col-span-12", children: [
       t44,
-      t47
+      t45
     ] });
     $[66] = t44;
-    $[67] = t47;
-    $[68] = t48;
+    $[67] = t46;
+  } else {
+    t46 = $[67];
+  }
+  let t47;
+  if ($[68] === Symbol.for("react.memo_cache_sentinel")) {
+    t47 = /* @__PURE__ */ jsxs("div", { className: "flex flex-row text-surface-500", children: [
+      /* @__PURE__ */ jsx(SettingsIcon, {}),
+      /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", className: "ml-2", children: "Advanced" })
+    ] });
+    $[68] = t47;
   } else {
-    t48 = $[68];
+    t47 = $[68];
   }
-  const t49 = showErrors && Boolean(errors.singularName);
+  const t48 = !isNewCollection;
+  const t49 = showErrors && Boolean(errors.id);
   let t50;
-  if ($[69] !== handleChange || $[70] !== setFieldTouched) {
-    t50 = (e_0) => {
-      setFieldTouched("singularName", true);
-      return handleChange(e_0);
-    };
-    $[69] = handleChange;
-    $[70] = setFieldTouched;
+  if ($[69] !== t48 || $[70] !== t49) {
+    t50 = /* @__PURE__ */ jsx(Field, { name: "id", as: DebouncedTextField, disabled: t48, label: "Collection id", error: t49 });
+    $[69] = t48;
+    $[70] = t49;
     $[71] = t50;
   } else {
     t50 = $[71];
   }
-  const t51 = values.singularName ?? "";
-  let t52;
-  if ($[72] !== t49 || $[73] !== t50 || $[74] !== t51) {
-    t52 = /* @__PURE__ */ jsx(TextField, { error: t49, name: "singularName", "aria-describedby": "singularName-helper", onChange: t50, value: t51, label: "Singular name" });
-    $[72] = t49;
-    $[73] = t50;
-    $[74] = t51;
-    $[75] = t52;
-  } else {
-    t52 = $[75];
-  }
-  const t53 = showErrors && Boolean(errors.singularName);
-  const t54 = showErrors && Boolean(errors.singularName) ? errors.singularName : "Optionally define a singular name for your entities";
-  let t55;
-  if ($[76] !== t53 || $[77] !== t54) {
-    t55 = /* @__PURE__ */ jsx(FieldCaption, { error: t53, children: t54 });
+  const t51 = touched.id && Boolean(errors.id);
+  const t52 = touched.id && Boolean(errors.id) ? errors.id : "This id identifies this collection. Typically the same as the path.";
+  let t53;
+  if ($[72] !== t51 || $[73] !== t52) {
+    t53 = /* @__PURE__ */ jsx(FieldCaption, { error: t51, children: t52 });
+    $[72] = t51;
+    $[73] = t52;
+    $[74] = t53;
+  } else {
+    t53 = $[74];
+  }
+  let t54;
+  if ($[75] !== t50 || $[76] !== t53) {
+    t54 = /* @__PURE__ */ jsxs("div", { className: "col-span-12", children: [
+      t50,
+      t53
+    ] });
+    $[75] = t50;
     $[76] = t53;
     $[77] = t54;
-    $[78] = t55;
   } else {
-    t55 = $[78];
+    t54 = $[77];
   }
+  const t55 = showErrors && Boolean(errors.singularName);
   let t56;
-  if ($[79] !== t52 || $[80] !== t55) {
-    t56 = /* @__PURE__ */ jsxs("div", { className: "col-span-12", children: [
-      t52,
-      t55
-    ] });
-    $[79] = t52;
-    $[80] = t55;
-    $[81] = t56;
+  if ($[78] !== handleChange || $[79] !== setFieldTouched) {
+    t56 = (e_0) => {
+      setFieldTouched("singularName", true);
+      return handleChange(e_0);
+    };
+    $[78] = handleChange;
+    $[79] = setFieldTouched;
+    $[80] = t56;
   } else {
-    t56 = $[81];
+    t56 = $[80];
   }
-  const t57 = showErrors && Boolean(errors.sideDialogWidth);
+  const t57 = values.singularName ?? "";
   let t58;
-  if ($[82] !== setFieldTouched || $[83] !== setFieldValue) {
-    t58 = (e_1) => {
+  if ($[81] !== t55 || $[82] !== t56 || $[83] !== t57) {
+    t58 = /* @__PURE__ */ jsx(TextField, { error: t55, name: "singularName", "aria-describedby": "singularName-helper", onChange: t56, value: t57, label: "Singular name" });
+    $[81] = t55;
+    $[82] = t56;
+    $[83] = t57;
+    $[84] = t58;
+  } else {
+    t58 = $[84];
+  }
+  const t59 = showErrors && Boolean(errors.singularName);
+  const t60 = showErrors && Boolean(errors.singularName) ? errors.singularName : "Optionally define a singular name for your entities";
+  let t61;
+  if ($[85] !== t59 || $[86] !== t60) {
+    t61 = /* @__PURE__ */ jsx(FieldCaption, { error: t59, children: t60 });
+    $[85] = t59;
+    $[86] = t60;
+    $[87] = t61;
+  } else {
+    t61 = $[87];
+  }
+  let t62;
+  if ($[88] !== t58 || $[89] !== t61) {
+    t62 = /* @__PURE__ */ jsxs("div", { className: "col-span-12", children: [
+      t58,
+      t61
+    ] });
+    $[88] = t58;
+    $[89] = t61;
+    $[90] = t62;
+  } else {
+    t62 = $[90];
+  }
+  const t63 = showErrors && Boolean(errors.sideDialogWidth);
+  let t64;
+  if ($[91] !== setFieldTouched || $[92] !== setFieldValue) {
+    t64 = (e_1) => {
       setFieldTouched("sideDialogWidth", true);
       const value_0 = e_1.target.value;
       if (!value_0) {
@@ -573,360 +615,362 @@ function CollectionDetailsForm(t0) {
         }
       }
     };
-    $[82] = setFieldTouched;
-    $[83] = setFieldValue;
-    $[84] = t58;
+    $[91] = setFieldTouched;
+    $[92] = setFieldValue;
+    $[93] = t64;
   } else {
-    t58 = $[84];
+    t64 = $[93];
   }
-  let t59;
-  if ($[85] !== setFieldValue) {
-    t59 = () => {
+  let t65;
+  if ($[94] !== setFieldValue) {
+    t65 = () => {
       setFieldValue("sideDialogWidth", null);
     };
-    $[85] = setFieldValue;
-    $[86] = t59;
+    $[94] = setFieldValue;
+    $[95] = t65;
   } else {
-    t59 = $[86];
+    t65 = $[95];
   }
-  const t60 = !values.sideDialogWidth;
-  let t61;
-  if ($[87] === Symbol.for("react.memo_cache_sentinel")) {
-    t61 = /* @__PURE__ */ jsx(CloseIcon, { size: "small" });
-    $[87] = t61;
-  } else {
-    t61 = $[87];
-  }
-  let t62;
-  if ($[88] !== t59 || $[89] !== t60) {
-    t62 = /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: t59, disabled: t60, children: t61 });
-    $[88] = t59;
-    $[89] = t60;
-    $[90] = t62;
-  } else {
-    t62 = $[90];
-  }
-  const t63 = values.sideDialogWidth ?? "";
-  let t64;
-  if ($[91] !== t57 || $[92] !== t58 || $[93] !== t62 || $[94] !== t63) {
-    t64 = /* @__PURE__ */ jsx(TextField, { error: t57, name: "sideDialogWidth", type: "number", "aria-describedby": "sideDialogWidth-helper", onChange: t58, endAdornment: t62, value: t63, label: "Side dialog width" });
-    $[91] = t57;
-    $[92] = t58;
-    $[93] = t62;
-    $[94] = t63;
-    $[95] = t64;
-  } else {
-    t64 = $[95];
-  }
-  const t65 = showErrors && Boolean(errors.singularName);
-  const t66 = showErrors && Boolean(errors.singularName) ? errors.singularName : "Optionally define the width (in pixels) of entities side dialog. Default is 768px";
+  const t66 = !values.sideDialogWidth;
   let t67;
-  if ($[96] !== t65 || $[97] !== t66) {
-    t67 = /* @__PURE__ */ jsx(FieldCaption, { error: t65, children: t66 });
-    $[96] = t65;
-    $[97] = t66;
-    $[98] = t67;
+  if ($[96] === Symbol.for("react.memo_cache_sentinel")) {
+    t67 = /* @__PURE__ */ jsx(CloseIcon, { size: "small" });
+    $[96] = t67;
   } else {
-    t67 = $[98];
+    t67 = $[96];
   }
   let t68;
-  if ($[99] !== t64 || $[100] !== t67) {
-    t68 = /* @__PURE__ */ jsxs("div", { className: "col-span-12", children: [
-      t64,
-      t67
-    ] });
-    $[99] = t64;
-    $[100] = t67;
-    $[101] = t68;
-  } else {
-    t68 = $[101];
-  }
-  const t69 = showErrors && Boolean(errors.description);
-  const t70 = values.description ?? "";
-  let t71;
-  if ($[102] !== handleChange || $[103] !== t69 || $[104] !== t70) {
-    t71 = /* @__PURE__ */ jsx(TextField, { error: t69, name: "description", value: t70, onChange: handleChange, multiline: true, minRows: 2, "aria-describedby": "description-helper-text", label: "Description" });
-    $[102] = handleChange;
+  if ($[97] !== t65 || $[98] !== t66) {
+    t68 = /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: t65, disabled: t66, children: t67 });
+    $[97] = t65;
+    $[98] = t66;
+    $[99] = t68;
+  } else {
+    t68 = $[99];
+  }
+  const t69 = values.sideDialogWidth ?? "";
+  let t70;
+  if ($[100] !== t63 || $[101] !== t64 || $[102] !== t68 || $[103] !== t69) {
+    t70 = /* @__PURE__ */ jsx(TextField, { error: t63, name: "sideDialogWidth", type: "number", "aria-describedby": "sideDialogWidth-helper", onChange: t64, endAdornment: t68, value: t69, label: "Side dialog width" });
+    $[100] = t63;
+    $[101] = t64;
+    $[102] = t68;
     $[103] = t69;
     $[104] = t70;
-    $[105] = t71;
   } else {
-    t71 = $[105];
+    t70 = $[104];
   }
-  const t72 = showErrors && Boolean(errors.description);
-  const t73 = showErrors && Boolean(errors.description) ? errors.description : "Description of the collection, you can use markdown";
-  let t74;
-  if ($[106] !== t72 || $[107] !== t73) {
-    t74 = /* @__PURE__ */ jsx(FieldCaption, { error: t72, children: t73 });
+  const t71 = showErrors && Boolean(errors.singularName);
+  const t72 = showErrors && Boolean(errors.singularName) ? errors.singularName : "Optionally define the width (in pixels) of entities side dialog. Default is 768px";
+  let t73;
+  if ($[105] !== t71 || $[106] !== t72) {
+    t73 = /* @__PURE__ */ jsx(FieldCaption, { error: t71, children: t72 });
+    $[105] = t71;
     $[106] = t72;
     $[107] = t73;
-    $[108] = t74;
   } else {
-    t74 = $[108];
+    t73 = $[107];
   }
-  let t75;
-  if ($[109] !== t71 || $[110] !== t74) {
-    t75 = /* @__PURE__ */ jsxs("div", { className: "col-span-12", children: [
-      t71,
-      t74
+  let t74;
+  if ($[108] !== t70 || $[109] !== t73) {
+    t74 = /* @__PURE__ */ jsxs("div", { className: "col-span-12", children: [
+      t70,
+      t73
     ] });
-    $[109] = t71;
+    $[108] = t70;
+    $[109] = t73;
     $[110] = t74;
-    $[111] = t75;
   } else {
-    t75 = $[111];
+    t74 = $[110];
   }
-  const t76 = values.defaultSize ?? "";
+  const t75 = showErrors && Boolean(errors.description);
+  const t76 = values.description ?? "";
   let t77;
-  if ($[112] === Symbol.for("react.memo_cache_sentinel")) {
-    t77 = ["xs", "s", "m", "l", "xl"].map(_temp2$7);
-    $[112] = t77;
-  } else {
-    t77 = $[112];
-  }
-  let t78;
-  if ($[113] !== handleChange || $[114] !== t76) {
-    t78 = /* @__PURE__ */ jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsx(Select, { name: "defaultSize", size: "large", fullWidth: true, label: "Default row size", position: "item-aligned", onChange: handleChange, value: t76, renderValue: _temp$b, children: t77 }) });
-    $[113] = handleChange;
-    $[114] = t76;
-    $[115] = t78;
+  if ($[111] !== handleChange || $[112] !== t75 || $[113] !== t76) {
+    t77 = /* @__PURE__ */ jsx(TextField, { error: t75, name: "description", value: t76, onChange: handleChange, multiline: true, minRows: 2, "aria-describedby": "description-helper-text", label: "Description" });
+    $[111] = handleChange;
+    $[112] = t75;
+    $[113] = t76;
+    $[114] = t77;
   } else {
-    t78 = $[115];
+    t77 = $[114];
   }
-  const t79 = customIdValue === "code_defined";
+  const t78 = showErrors && Boolean(errors.description);
+  const t79 = showErrors && Boolean(errors.description) ? errors.description : "Description of the collection, you can use markdown";
   let t80;
-  if ($[116] !== setFieldValue) {
-    t80 = (v) => {
-      if (v === "code_defined") {
-        throw new Error("This should not happen");
-      }
-      setFieldValue("customId", v);
-    };
-    $[116] = setFieldValue;
+  if ($[115] !== t78 || $[116] !== t79) {
+    t80 = /* @__PURE__ */ jsx(FieldCaption, { error: t78, children: t79 });
+    $[115] = t78;
+    $[116] = t79;
     $[117] = t80;
   } else {
     t80 = $[117];
   }
-  const t81 = customIdValue ?? "";
-  let t82;
+  let t81;
+  if ($[118] !== t77 || $[119] !== t80) {
+    t81 = /* @__PURE__ */ jsxs("div", { className: "col-span-12", children: [
+      t77,
+      t80
+    ] });
+    $[118] = t77;
+    $[119] = t80;
+    $[120] = t81;
+  } else {
+    t81 = $[120];
+  }
+  const t82 = values.defaultSize ?? "";
   let t83;
+  if ($[121] === Symbol.for("react.memo_cache_sentinel")) {
+    t83 = ["xs", "s", "m", "l", "xl"].map(_temp2$7);
+    $[121] = t83;
+  } else {
+    t83 = $[121];
+  }
   let t84;
-  if ($[118] === Symbol.for("react.memo_cache_sentinel")) {
-    t82 = /* @__PURE__ */ jsx(SelectItem, { value: "false", children: "Document ID is generated automatically" });
-    t83 = /* @__PURE__ */ jsx(SelectItem, { value: "true", children: "Users must define an ID" });
-    t84 = /* @__PURE__ */ jsx(SelectItem, { value: "optional", children: "Users can define an ID, but it is not required" });
-    $[118] = t82;
-    $[119] = t83;
-    $[120] = t84;
-  } else {
-    t82 = $[118];
-    t83 = $[119];
-    t84 = $[120];
-  }
-  let t85;
-  if ($[121] !== t79 || $[122] !== t80 || $[123] !== t81) {
-    t85 = /* @__PURE__ */ jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsxs(Select, { name: "customId", label: "Document IDs generation", position: "item-aligned", size: "large", fullWidth: true, disabled: t79, onValueChange: t80, value: t81, renderValue: _temp3$4, children: [
-      t82,
-      t83,
-      t84
-    ] }) });
-    $[121] = t79;
-    $[122] = t80;
-    $[123] = t81;
-    $[124] = t85;
+  if ($[122] !== handleChange || $[123] !== t82) {
+    t84 = /* @__PURE__ */ jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsx(Select, { name: "defaultSize", size: "large", fullWidth: true, label: "Default row size", position: "item-aligned", onChange: handleChange, value: t82, renderValue: _temp$b, children: t83 }) });
+    $[122] = handleChange;
+    $[123] = t82;
+    $[124] = t84;
   } else {
-    t85 = $[124];
+    t84 = $[124];
   }
+  const t85 = customIdValue === "code_defined";
   let t86;
   if ($[125] !== setFieldValue) {
-    t86 = (v_0) => setFieldValue("collectionGroup", v_0);
+    t86 = (v_0) => {
+      if (v_0 === "code_defined") {
+        throw new Error("This should not happen");
+      }
+      setFieldValue("customId", v_0);
+    };
     $[125] = setFieldValue;
     $[126] = t86;
   } else {
     t86 = $[126];
   }
-  const t87 = values.collectionGroup ?? false;
+  const t87 = customIdValue ?? "";
   let t88;
-  if ($[127] !== t86 || $[128] !== t87) {
-    t88 = /* @__PURE__ */ jsx(BooleanSwitchWithLabel, { position: "start", size: "large", label: "Collection group", onValueChange: t86, value: t87 });
-    $[127] = t86;
-    $[128] = t87;
-    $[129] = t88;
-  } else {
-    t88 = $[129];
-  }
   let t89;
-  if ($[130] === Symbol.for("react.memo_cache_sentinel")) {
-    t89 = /* @__PURE__ */ jsx(FieldCaption, { children: "A collection group consists of all collections with the same path. This allows you to query over multiple collections at once." });
-    $[130] = t89;
-  } else {
-    t89 = $[130];
-  }
   let t90;
-  if ($[131] !== t88) {
-    t90 = /* @__PURE__ */ jsxs("div", { className: "col-span-12 mt-4", children: [
+  if ($[127] === Symbol.for("react.memo_cache_sentinel")) {
+    t88 = /* @__PURE__ */ jsx(SelectItem, { value: "false", children: "Document ID is generated automatically" });
+    t89 = /* @__PURE__ */ jsx(SelectItem, { value: "true", children: "Users must define an ID" });
+    t90 = /* @__PURE__ */ jsx(SelectItem, { value: "optional", children: "Users can define an ID, but it is not required" });
+    $[127] = t88;
+    $[128] = t89;
+    $[129] = t90;
+  } else {
+    t88 = $[127];
+    t89 = $[128];
+    t90 = $[129];
+  }
+  let t91;
+  if ($[130] !== t85 || $[131] !== t86 || $[132] !== t87) {
+    t91 = /* @__PURE__ */ jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsxs(Select, { name: "customId", label: "Document IDs generation", position: "item-aligned", size: "large", fullWidth: true, disabled: t85, onValueChange: t86, value: t87, renderValue: _temp3$4, children: [
       t88,
-      t89
-    ] });
-    $[131] = t88;
-    $[132] = t90;
+      t89,
+      t90
+    ] }) });
+    $[130] = t85;
+    $[131] = t86;
+    $[132] = t87;
+    $[133] = t91;
   } else {
-    t90 = $[132];
+    t91 = $[133];
   }
-  let t91;
-  if ($[133] !== setFieldValue) {
-    t91 = (v_1) => setFieldValue("textSearchEnabled", v_1);
-    $[133] = setFieldValue;
-    $[134] = t91;
-  } else {
-    t91 = $[134];
-  }
-  const t92 = values.textSearchEnabled ?? false;
-  let t93;
-  if ($[135] !== t91 || $[136] !== t92) {
-    t93 = /* @__PURE__ */ jsx(BooleanSwitchWithLabel, { position: "start", size: "large", label: "Enable text search for this collection", onValueChange: t91, value: t92 });
-    $[135] = t91;
-    $[136] = t92;
-    $[137] = t93;
+  let t92;
+  if ($[134] !== setFieldValue) {
+    t92 = (v_1) => setFieldValue("collectionGroup", v_1);
+    $[134] = setFieldValue;
+    $[135] = t92;
   } else {
-    t93 = $[137];
+    t92 = $[135];
   }
+  const t93 = values.collectionGroup ?? false;
   let t94;
-  if ($[138] === Symbol.for("react.memo_cache_sentinel")) {
-    t94 = /* @__PURE__ */ jsx(FieldCaption, { children: "Allow text search for this collection. If you have not specified a text search delegate, this will use the built-in local text search. This is not recommended for large collections, as it may incur in performance and cost issues." });
+  if ($[136] !== t92 || $[137] !== t93) {
+    t94 = /* @__PURE__ */ jsx(BooleanSwitchWithLabel, { position: "start", size: "large", label: "Collection group", onValueChange: t92, value: t93 });
+    $[136] = t92;
+    $[137] = t93;
     $[138] = t94;
   } else {
     t94 = $[138];
   }
   let t95;
-  if ($[139] !== t93) {
-    t95 = /* @__PURE__ */ jsxs("div", { className: "col-span-12", children: [
-      t93,
-      t94
-    ] });
-    $[139] = t93;
-    $[140] = t95;
+  if ($[139] === Symbol.for("react.memo_cache_sentinel")) {
+    t95 = /* @__PURE__ */ jsx(FieldCaption, { children: "A collection group consists of all collections with the same path. This allows you to query over multiple collections at once." });
+    $[139] = t95;
   } else {
-    t95 = $[140];
+    t95 = $[139];
   }
   let t96;
-  if ($[141] !== t48 || $[142] !== t56 || $[143] !== t68 || $[144] !== t75 || $[145] !== t78 || $[146] !== t85 || $[147] !== t90 || $[148] !== t95) {
-    t96 = /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-12 gap-4 p-4", children: [
-      t48,
-      t56,
-      t68,
-      t75,
-      t78,
-      t85,
-      t90,
+  if ($[140] !== t94) {
+    t96 = /* @__PURE__ */ jsxs("div", { className: "col-span-12 mt-4", children: [
+      t94,
       t95
     ] });
-    $[141] = t48;
-    $[142] = t56;
-    $[143] = t68;
-    $[144] = t75;
-    $[145] = t78;
-    $[146] = t85;
-    $[147] = t90;
-    $[148] = t95;
-    $[149] = t96;
-  } else {
-    t96 = $[149];
+    $[140] = t94;
+    $[141] = t96;
+  } else {
+    t96 = $[141];
   }
   let t97;
-  if ($[150] !== advancedPanelExpanded || $[151] !== t96) {
-    t97 = /* @__PURE__ */ jsx(ExpandablePanel, { expanded: advancedPanelExpanded, onExpandedChange: setAdvancedPanelExpanded, title: t41, initiallyExpanded: false, children: t96 });
-    $[150] = advancedPanelExpanded;
-    $[151] = t96;
-    $[152] = t97;
-  } else {
-    t97 = $[152];
-  }
-  let t98;
-  if ($[153] !== children || $[154] !== t97) {
-    t98 = /* @__PURE__ */ jsxs("div", { className: "col-span-12 mt-8", children: [
-      t97,
+  if ($[142] !== setFieldValue) {
+    t97 = (v_2) => setFieldValue("textSearchEnabled", v_2);
+    $[142] = setFieldValue;
+    $[143] = t97;
+  } else {
+    t97 = $[143];
+  }
+  const t98 = values.textSearchEnabled ?? false;
+  let t99;
+  if ($[144] !== t97 || $[145] !== t98) {
+    t99 = /* @__PURE__ */ jsx(BooleanSwitchWithLabel, { position: "start", size: "large", label: "Enable text search for this collection", onValueChange: t97, value: t98 });
+    $[144] = t97;
+    $[145] = t98;
+    $[146] = t99;
+  } else {
+    t99 = $[146];
+  }
+  let t100;
+  if ($[147] === Symbol.for("react.memo_cache_sentinel")) {
+    t100 = /* @__PURE__ */ jsx(FieldCaption, { children: "Allow text search for this collection. If you have not specified a text search delegate, this will use the built-in local text search. This is not recommended for large collections, as it may incur in performance and cost issues." });
+    $[147] = t100;
+  } else {
+    t100 = $[147];
+  }
+  let t101;
+  if ($[148] !== t99) {
+    t101 = /* @__PURE__ */ jsxs("div", { className: "col-span-12", children: [
+      t99,
+      t100
+    ] });
+    $[148] = t99;
+    $[149] = t101;
+  } else {
+    t101 = $[149];
+  }
+  let t102;
+  if ($[150] !== t101 || $[151] !== t54 || $[152] !== t62 || $[153] !== t74 || $[154] !== t81 || $[155] !== t84 || $[156] !== t91 || $[157] !== t96) {
+    t102 = /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-12 gap-4 p-4", children: [
+      t54,
+      t62,
+      t74,
+      t81,
+      t84,
+      t91,
+      t96,
+      t101
+    ] });
+    $[150] = t101;
+    $[151] = t54;
+    $[152] = t62;
+    $[153] = t74;
+    $[154] = t81;
+    $[155] = t84;
+    $[156] = t91;
+    $[157] = t96;
+    $[158] = t102;
+  } else {
+    t102 = $[158];
+  }
+  let t103;
+  if ($[159] !== advancedPanelExpanded || $[160] !== t102) {
+    t103 = /* @__PURE__ */ jsx(ExpandablePanel, { expanded: advancedPanelExpanded, onExpandedChange: setAdvancedPanelExpanded, title: t47, initiallyExpanded: false, children: t102 });
+    $[159] = advancedPanelExpanded;
+    $[160] = t102;
+    $[161] = t103;
+  } else {
+    t103 = $[161];
+  }
+  let t104;
+  if ($[162] !== children || $[163] !== t103) {
+    t104 = /* @__PURE__ */ jsxs("div", { className: "col-span-12 mt-8", children: [
+      t103,
       children
     ] });
-    $[153] = children;
-    $[154] = t97;
-    $[155] = t98;
+    $[162] = children;
+    $[163] = t103;
+    $[164] = t104;
   } else {
-    t98 = $[155];
+    t104 = $[164];
   }
-  let t99;
-  if ($[156] !== t27 || $[157] !== t36 || $[158] !== t37 || $[159] !== t40 || $[160] !== t98) {
-    t99 = /* @__PURE__ */ jsxs("div", { className: t19, children: [
+  let t105;
+  if ($[165] !== t104 || $[166] !== t27 || $[167] !== t36 || $[168] !== t37 || $[169] !== t40 || $[170] !== t46) {
+    t105 = /* @__PURE__ */ jsxs("div", { className: t19, children: [
       t27,
       t36,
       t37,
       t40,
-      t98
+      t46,
+      t104
     ] });
-    $[156] = t27;
-    $[157] = t36;
-    $[158] = t37;
-    $[159] = t40;
-    $[160] = t98;
-    $[161] = t99;
-  } else {
-    t99 = $[161];
-  }
-  let t100;
-  if ($[162] === Symbol.for("react.memo_cache_sentinel")) {
-    t100 = /* @__PURE__ */ jsx("div", { style: {
+    $[165] = t104;
+    $[166] = t27;
+    $[167] = t36;
+    $[168] = t37;
+    $[169] = t40;
+    $[170] = t46;
+    $[171] = t105;
+  } else {
+    t105 = $[171];
+  }
+  let t106;
+  if ($[172] === Symbol.for("react.memo_cache_sentinel")) {
+    t106 = /* @__PURE__ */ jsx("div", { style: {
       height: "52px"
     } });
-    $[162] = t100;
+    $[172] = t106;
   } else {
-    t100 = $[162];
+    t106 = $[172];
   }
-  let t101;
-  if ($[163] !== setFieldValue) {
-    t101 = (icon) => {
+  let t107;
+  if ($[173] !== setFieldValue) {
+    t107 = (icon) => {
       setIconDialogOpen(false);
       setFieldValue("icon", icon);
     };
-    $[163] = setFieldValue;
-    $[164] = t101;
+    $[173] = setFieldValue;
+    $[174] = t107;
   } else {
-    t101 = $[164];
+    t107 = $[174];
   }
-  let t102;
-  if ($[165] !== t101 || $[166] !== values.icon) {
-    t102 = /* @__PURE__ */ jsx("div", { className: "p-4 overflow-auto min-h-[200px]", children: /* @__PURE__ */ jsx(SearchIconsView, { selectedIcon: values.icon, onIconSelected: t101 }) });
-    $[165] = t101;
-    $[166] = values.icon;
-    $[167] = t102;
+  let t108;
+  if ($[175] !== t107 || $[176] !== values.icon) {
+    t108 = /* @__PURE__ */ jsx("div", { className: "p-4 overflow-auto min-h-[200px]", children: /* @__PURE__ */ jsx(SearchIconsView, { selectedIcon: values.icon, onIconSelected: t107 }) });
+    $[175] = t107;
+    $[176] = values.icon;
+    $[177] = t108;
   } else {
-    t102 = $[167];
+    t108 = $[177];
   }
-  let t103;
-  if ($[168] !== iconDialogOpen || $[169] !== t102) {
-    t103 = /* @__PURE__ */ jsx(Dialog, { open: iconDialogOpen, onOpenChange: setIconDialogOpen, maxWidth: "xl", fullWidth: true, children: t102 });
-    $[168] = iconDialogOpen;
-    $[169] = t102;
-    $[170] = t103;
+  let t109;
+  if ($[178] !== iconDialogOpen || $[179] !== t108) {
+    t109 = /* @__PURE__ */ jsx(Dialog, { open: iconDialogOpen, onOpenChange: setIconDialogOpen, maxWidth: "xl", fullWidth: true, children: t108 });
+    $[178] = iconDialogOpen;
+    $[179] = t108;
+    $[180] = t109;
   } else {
-    t103 = $[170];
+    t109 = $[180];
   }
-  let t104;
-  if ($[171] !== T0 || $[172] !== t103 || $[173] !== t18 || $[174] !== t99) {
-    t104 = /* @__PURE__ */ jsx("div", { className: t7, children: /* @__PURE__ */ jsxs(T0, { maxWidth: t8, className: t9, children: [
+  let t110;
+  if ($[181] !== T0 || $[182] !== t105 || $[183] !== t109 || $[184] !== t18) {
+    t110 = /* @__PURE__ */ jsx("div", { className: t7, children: /* @__PURE__ */ jsxs(T0, { maxWidth: t8, className: t9, children: [
       t18,
-      t99,
-      t100,
-      t103
+      t105,
+      t106,
+      t109
     ] }) });
-    $[171] = T0;
-    $[172] = t103;
-    $[173] = t18;
-    $[174] = t99;
-    $[175] = t104;
+    $[181] = T0;
+    $[182] = t105;
+    $[183] = t109;
+    $[184] = t18;
+    $[185] = t110;
   } else {
-    t104 = $[175];
+    t110 = $[185];
   }
-  return t104;
+  return t110;
 }
 function _temp3$4(value_3) {
   if (value_3 === "code_defined") {