@firecms/collection_editor 3.0.0-canary.258 → 3.0.0-canary.259

package/dist/index.umd.js

@@ -708,14 +708,14 @@
     const t76 = values.defaultSize ?? "";
     let t77;
     if ($[119] === Symbol.for("react.memo_cache_sentinel")) {
-      t77 = ["xs", "s", "m", "l", "xl"].map(_temp2$7);
+      t77 = ["xs", "s", "m", "l", "xl"].map(_temp2$8);
       $[119] = t77;
     } else {
       t77 = $[119];
     }
     let t78;
     if ($[120] !== handleChange || $[121] !== t76) {
-      t78 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select, { name: "defaultSize", size: "large", fullWidth: true, label: "Default row size", position: "item-aligned", onChange: handleChange, value: t76, renderValue: _temp$b, children: t77 }) });
+      t78 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select, { name: "defaultSize", size: "large", fullWidth: true, label: "Default row size", position: "item-aligned", onChange: handleChange, value: t76, renderValue: _temp$c, children: t77 }) });
       $[120] = handleChange;
       $[121] = t76;
       $[122] = t78;
@@ -792,7 +792,7 @@
     }
     let t91;
     if ($[137] !== t85 || $[138] !== t86 || $[139] !== t87) {
-      t91 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Select, { name: "customId", label: "Document IDs generation", position: "item-aligned", size: "large", fullWidth: true, disabled: t85, onValueChange: t86, value: t87, renderValue: _temp3$4, children: [
+      t91 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Select, { name: "customId", label: "Document IDs generation", position: "item-aligned", size: "large", fullWidth: true, disabled: t85, onValueChange: t86, value: t87, renderValue: _temp3$5, children: [
         t88,
         t89,
         t90
@@ -997,7 +997,7 @@
     }
     return t111;
   }
-  function _temp3$4(value_3) {
+  function _temp3$5(value_3) {
     if (value_3 === "code_defined") {
       return "Code defined";
     } else {
@@ -1012,10 +1012,10 @@
       }
     }
   }
-  function _temp2$7(value_2) {
+  function _temp2$8(value_2) {
     return /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: value_2, children: value_2.toUpperCase() }, `size-select-${value_2}`);
   }
-  function _temp$b(value_1) {
+  function _temp$c(value_1) {
     return value_1.toUpperCase();
   }
   function DefaultDatabaseField(t0) {
@@ -1240,7 +1240,7 @@
             inferredValues.add(enumValue_0.id);
           });
           setFieldValue(enumValuesPath, [...newEnumValues, ...currentEnumValues], true);
-        }).catch(_temp$a).finally(() => setInferring(false));
+        }).catch(_temp$b).finally(() => setInferring(false));
       };
       $[8] = enumValuesPath;
       $[9] = getData;
@@ -1363,7 +1363,7 @@
     }
     return t15;
   }
-  function _temp$a(e) {
+  function _temp$b(e) {
     console.error(e);
   }
   const EnumEntry = React.memo(function EnumEntryInternal(t0) {
@@ -2152,7 +2152,7 @@
         t192 = $[42];
       }
       if ($[43] !== acceptedFiles || $[44] !== disabled || $[45] !== handleTypesChange || $[46] !== t172 || $[47] !== t182 || $[48] !== t192) {
-        t10 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsxRuntime.jsx(ui.MultiSelect, { className: "w-full", placeholder: "All file types allowed", disabled, name: acceptedFiles, value: t172, onValueChange: handleTypesChange, label: t182, renderValues: _temp3$3, children: t192 }) });
+        t10 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsxRuntime.jsx(ui.MultiSelect, { className: "w-full", placeholder: "All file types allowed", disabled, name: acceptedFiles, value: t172, onValueChange: handleTypesChange, label: t182, renderValues: _temp3$4, children: t192 }) });
         $[43] = acceptedFiles;
         $[44] = disabled;
         $[45] = handleTypesChange;
@@ -2415,16 +2415,16 @@
     }
     return t24;
   }
-  function _temp3$3(selected) {
+  function _temp3$4(selected) {
     if (!selected || selected.length === 0) {
       return "All file types allowed";
     }
-    return selected.map(_temp$9).filter(_temp2$6).join(", ");
+    return selected.map(_temp$a).filter(_temp2$7).join(", ");
   }
-  function _temp2$6(v_0) {
+  function _temp2$7(v_0) {
     return Boolean(v_0);
   }
-  function _temp$9(v) {
+  function _temp$a(v) {
     return fileTypes[v];
   }
   function editableProperty(property) {
@@ -4500,8 +4500,8 @@
     const collections = t1;
     let t2;
     if ($[10] !== collections || $[11] !== disabled || $[12] !== error || $[13] !== handleChange || $[14] !== pathPath || $[15] !== props || $[16] !== value) {
-      const groups = Array.from(new Set(Object.values(collections).map(_temp$8).filter(Boolean)).values());
-      const ungroupedCollections = collections.filter(_temp2$5);
+      const groups = Array.from(new Set(Object.values(collections).map(_temp$9).filter(Boolean)).values());
+      const ungroupedCollections = collections.filter(_temp2$6);
       let t32;
       if ($[18] !== collections) {
         t32 = (selected) => {
@@ -4532,7 +4532,7 @@
       }
       t2 = /* @__PURE__ */ jsxRuntime.jsxs(ui.Select, { error: Boolean(error), disabled, value: value ?? "", position: "item-aligned", name: pathPath, size: "large", fullWidth: true, onChange: handleChange, label: "Target collection", renderValue: t32, ...props, children: [
         groups.flatMap(t42),
-        ungroupedCollections && /* @__PURE__ */ jsxRuntime.jsx(ui.SelectGroup, { label: "Views", children: ungroupedCollections.map(_temp3$2) })
+        ungroupedCollections && /* @__PURE__ */ jsxRuntime.jsx(ui.SelectGroup, { label: "Views", children: ungroupedCollections.map(_temp3$3) })
       ] });
       $[10] = collections;
       $[11] = disabled;
@@ -4565,16 +4565,16 @@
     }
     return t4;
   }
-  function _temp3$2(collection_2) {
+  function _temp3$3(collection_2) {
     return /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: collection_2.id ?? collection_2.path, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row", children: [
       /* @__PURE__ */ jsxRuntime.jsx(core.IconForView, { collectionOrView: collection_2 }),
       /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "subtitle2", className: "font-medium ml-4", children: collection_2?.name.toUpperCase() })
     ] }) }, collection_2.id ?? collection_2.path);
   }
-  function _temp2$5(col) {
+  function _temp2$6(col) {
     return !col.group;
   }
-  function _temp$8(e) {
+  function _temp$9(e) {
     return e.group;
   }
   function DateTimePropertyField(t0) {
@@ -4649,7 +4649,7 @@
     }
     let t10;
     if ($[14] !== disabled || $[15] !== t5 || $[16] !== t6 || $[17] !== t7) {
-      t10 = /* @__PURE__ */ jsxRuntime.jsxs(ui.Select, { name: "mode", value: t5, error: t6, size: "large", onValueChange: t7, label: "Mode", fullWidth: true, renderValue: _temp$7, disabled, children: [
+      t10 = /* @__PURE__ */ jsxRuntime.jsxs(ui.Select, { name: "mode", value: t5, error: t6, size: "large", onValueChange: t7, label: "Mode", fullWidth: true, renderValue: _temp$8, disabled, children: [
         t8,
         t9
       ] });
@@ -4710,7 +4710,7 @@
     }
     let t20;
     if ($[30] !== disabled || $[31] !== t14 || $[32] !== t15 || $[33] !== t16) {
-      t20 = /* @__PURE__ */ jsxRuntime.jsxs(ui.Select, { name: "autoValue", disabled, size: "large", fullWidth: true, value: t14, onValueChange: t15, renderValue: _temp2$4, error: t16, label: "Automatic value", children: [
+      t20 = /* @__PURE__ */ jsxRuntime.jsxs(ui.Select, { name: "autoValue", disabled, size: "large", fullWidth: true, value: t14, onValueChange: t15, renderValue: _temp2$5, error: t16, label: "Automatic value", children: [
         t17,
         t18,
         t19
@@ -4780,7 +4780,7 @@
     }
     return t27;
   }
-  function _temp2$4(v_2) {
+  function _temp2$5(v_2) {
     switch (v_2) {
       case "on_create": {
         return "On create";
@@ -4793,7 +4793,7 @@
       }
     }
   }
-  function _temp$7(v_0) {
+  function _temp$8(v_0) {
     switch (v_0) {
       case "date_time": {
         return "Date/Time";
@@ -5124,7 +5124,7 @@
     }
     let t8;
     if ($[8] !== disabled || $[9] !== t2 || $[10] !== t3) {
-      t8 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Select, { disabled, position: "item-aligned", fullWidth: true, onValueChange: t2, label: "Preview type", renderValue: _temp$6, value: t3, children: [
+      t8 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Select, { disabled, position: "item-aligned", fullWidth: true, onValueChange: t2, label: "Preview type", renderValue: _temp$7, value: t3, children: [
         t4,
         t5,
         t6,
@@ -5190,7 +5190,7 @@
     }
     return t13;
   }
-  function _temp$6(value_0) {
+  function _temp$7(value_0) {
     switch (value_0) {
       case "image": {
         return "Image";
@@ -5830,7 +5830,7 @@
     }
     let t7;
     if ($[20] !== onCancel) {
-      t7 = onCancel && /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "text", onClick: () => {
+      t7 = onCancel && /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "text", color: "primary", onClick: () => {
         onCancel();
         formexRef.current?.resetForm();
       }, children: "Cancel" });
@@ -6486,7 +6486,7 @@
     let t6;
     if ($[0] !== disabled || $[1] !== existing || $[2] !== inArray || $[3] !== initialProperty || $[4] !== onOpenChange || $[5] !== onValueChange || $[6] !== open || $[7] !== propertyConfigs || $[8] !== value) {
       const allSupportedFields = Object.entries(supportedFields).concat(Object.entries(propertyConfigs));
-      const displayedWidgets = (inArray ? allSupportedFields.filter(_temp$5) : allSupportedFields).map(_temp2$3).reduce(_temp3$1, {});
+      const displayedWidgets = (inArray ? allSupportedFields.filter(_temp$6) : allSupportedFields).map(_temp2$4).reduce(_temp3$2, {});
       const key_0 = value;
       const propertyConfig_1 = key_0 ? core.DEFAULT_FIELD_CONFIGS[key_0] ?? propertyConfigs[key_0] : void 0;
       const baseProperty = propertyConfig_1?.property;
@@ -6668,19 +6668,19 @@
     }
     return "Custom/Other";
   }
-  function _temp3$1(a, b) {
+  function _temp3$2(a, b) {
     return {
       ...a,
       ...b
     };
   }
-  function _temp2$3(t0) {
+  function _temp2$4(t0) {
     const [key, propertyConfig_0] = t0;
     return {
       [key]: propertyConfig_0
     };
   }
-  function _temp$5(t0) {
+  function _temp$6(t0) {
     const [, propertyConfig] = t0;
     return !core.isPropertyBuilder(propertyConfig.property) && propertyConfig.property?.dataType !== "array";
   }
@@ -6828,7 +6828,7 @@
     if ($[3] !== code) {
       t3 = /* @__PURE__ */ jsxRuntime.jsxs(ui.DialogContent, { children: [
         t2,
-        /* @__PURE__ */ jsxRuntime.jsx(prismReactRenderer.Highlight, { theme: prismReactRenderer.themes.vsDark, code, language: "typescript", children: _temp$4 })
+        /* @__PURE__ */ jsxRuntime.jsx(prismReactRenderer.Highlight, { theme: prismReactRenderer.themes.vsDark, code, language: "typescript", children: _temp$5 })
       ] });
       $[3] = code;
       $[4] = t3;
@@ -6842,7 +6842,7 @@
         e.preventDefault();
         snackbarController.open({
           type: "success",
-          message: `Copied`
+          message: "Copied"
         });
         return navigator.clipboard.writeText(code);
       };
@@ -6861,7 +6861,7 @@
     }
     let t6;
     if ($[9] !== t4) {
-      t6 = /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { variant: "text", size: "small", onClick: t4, children: [
+      t6 = /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { variant: "text", size: "small", color: "primary", onClick: t4, children: [
         t5,
         "Copy to clipboard"
       ] });
@@ -6908,7 +6908,7 @@
     }
     return t9;
   }
-  function _temp$4(t0) {
+  function _temp$5(t0) {
     const {
       style,
       tokens,
@@ -7021,6 +7021,7 @@
     const inferPropertiesFromData = doCollectionInference ? () => {
       if (!doCollectionInference) return;
       setInferringProperties(true);
+      console.debug("CollectionEditor: inferring properties from data", doCollectionInference, values);
       doCollectionInference(values).then((newCollection) => {
         if (newCollection) core.makePropertiesEditable(newCollection.properties);
         if (!newCollection) {
@@ -7177,7 +7178,7 @@
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ml-1 mt-2 flex flex-row gap-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: "Get the code for this collection", asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { variant: "filled", disabled: inferringProperties, onClick: () => setCodeDialogOpen(true), children: /* @__PURE__ */ jsxRuntime.jsx(ui.CodeIcon, {}) }) }),
             inferPropertiesFromData && /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: "Add new properties based on data", asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { variant: "filled", disabled: inferringProperties, onClick: inferPropertiesFromData, children: inferringProperties ? /* @__PURE__ */ jsxRuntime.jsx(ui.CircularProgress, { size: "small" }) : /* @__PURE__ */ jsxRuntime.jsx(ui.AutorenewIcon, {}) }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: "Add new property", asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "outlined", onClick: () => setNewPropertyDialogOpen(true), children: /* @__PURE__ */ jsxRuntime.jsx(ui.AddIcon, {}) }) })
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: "Add new property", asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "outlined", color: "primary", onClick: () => setNewPropertyDialogOpen(true), children: /* @__PURE__ */ jsxRuntime.jsx(ui.AddIcon, {}) }) })
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(core.ErrorBoundary, { children: /* @__PURE__ */ jsxRuntime.jsx(PropertyTree, { className: "pl-8", inferredPropertyKeys, selectedPropertyKey: selectedPropertyKey ? getFullId(selectedPropertyKey, selectedPropertyNamespace) : void 0, properties: values.properties, additionalFields: values.additionalFields, propertiesOrder: usedPropertiesOrder, onPropertyClick, onPropertyMove, onPropertyRemove: isNewCollection ? deleteProperty : void 0, collectionEditable, errors }) }),
@@ -7187,7 +7188,7 @@
         selectedPropertyFullId && selectedProperty && !core.isPropertyBuilder(selectedProperty) && /* @__PURE__ */ jsxRuntime.jsx(PropertyForm, { inArray: false, existingProperty: !isNewCollection, autoUpdateId: false, allowDataInference: !isNewCollection, autoOpenTypeSelect: false, propertyKey: selectedPropertyKey, propertyNamespace: selectedPropertyNamespace, property: selectedProperty, onPropertyChanged, onDelete: deleteProperty, onError: onPropertyErrorInternal, forceShowErrors: showErrors, initialErrors, getData, propertyConfigs, collectionEditable }, `edit_view_${selectedPropertyIndex}`),
         !selectedProperty && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full flex flex-col items-center justify-center h-full gap-4", children: [
           /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "label", className: "", children: emptyCollection ? "Now you can add your first property" : "Select a property to edit it" }),
-          /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { variant: "outlined", onClick: () => setNewPropertyDialogOpen(true), children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { variant: "outlined", color: "primary", onClick: () => setNewPropertyDialogOpen(true), children: [
             /* @__PURE__ */ jsxRuntime.jsx(ui.AddIcon, {}),
             "Add new property"
           ] })
@@ -7257,7 +7258,7 @@
     }
     let t7;
     if ($[10] !== handleCancel) {
-      t7 = /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "text", onClick: handleCancel, autoFocus: true, children: " Cancel " });
+      t7 = /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "text", color: "primary", onClick: handleCancel, autoFocus: true, children: " Cancel " });
       $[10] = handleCancel;
       $[11] = t7;
     } else {
@@ -7265,7 +7266,7 @@
     }
     let t8;
     if ($[12] !== handleOk) {
-      t8 = /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: handleOk, children: " Ok " });
+      t8 = /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { color: "primary", onClick: handleOk, children: " Ok " });
       $[12] = handleOk;
       $[13] = t8;
     } else {
@@ -7333,7 +7334,7 @@
     }
     let t3;
     if ($[4] !== entityViews) {
-      t3 = (entityViews ?? []).length === 0 && /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "body2", children: "No custom views defined" });
+      t3 = (entityViews ?? []).length === 0 && /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "body2", children: "No custom views defined. Define your custom views in the customization settings, before using this dialog." });
       $[4] = entityViews;
       $[5] = t3;
     } else {
@@ -7353,7 +7354,7 @@
     }
     let t5;
     if ($[9] !== onClose) {
-      t5 = /* @__PURE__ */ jsxRuntime.jsx(ui.DialogActions, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "outlined", onClick: () => onClose(), children: "Cancel" }) });
+      t5 = /* @__PURE__ */ jsxRuntime.jsx(ui.DialogActions, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "outlined", color: "primary", onClick: () => onClose(), children: "Cancel" }) });
       $[9] = onClose;
       $[10] = t5;
     } else {
@@ -7420,8 +7421,8 @@
     let t8;
     let t9;
     if ($[2] !== collection.entityViews || $[3] !== contextEntityViews || $[4] !== subcollections || $[5] !== values.entityViews || $[6] !== values.name) {
-      const resolvedEntityViews = values.entityViews?.filter(_temp$3).map((e_0) => core.resolveEntityView(e_0, contextEntityViews)).filter(Boolean) ?? [];
-      const hardCodedEntityViews = collection.entityViews?.filter(_temp2$2) ?? [];
+      const resolvedEntityViews = values.entityViews?.filter(_temp$4).map((e_0) => core.resolveEntityView(e_0, contextEntityViews)).filter(Boolean) ?? [];
+      const hardCodedEntityViews = collection.entityViews?.filter(_temp2$3) ?? [];
       const totalEntityViews = resolvedEntityViews.length + hardCodedEntityViews.length;
       t12 = "overflow-auto my-auto";
       T3 = ui.Container;
@@ -7530,7 +7531,7 @@
         t182 = $[36];
       }
       t2 = resolvedEntityViews.map(t182);
-      t3 = hardCodedEntityViews.map(_temp3);
+      t3 = hardCodedEntityViews.map(_temp3$1);
       $[2] = collection.entityViews;
       $[3] = contextEntityViews;
       $[4] = subcollections;
@@ -7804,7 +7805,7 @@
   function _temp4(e_6) {
     return e_6.id;
   }
-  function _temp3(view_0) {
+  function _temp3$1(view_0) {
     return /* @__PURE__ */ jsxRuntime.jsx(ui.TableRow, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.TableCell, { align: "left", children: [
       /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "subtitle2", className: "flex-grow", children: view_0.name }),
       /* @__PURE__ */ jsxRuntime.jsxs(ui.Typography, { variant: "caption", className: "flex-grow", children: [
@@ -7813,10 +7814,10 @@
       ] })
     ] }) }, view_0.key);
   }
-  function _temp2$2(e_1) {
+  function _temp2$3(e_1) {
     return typeof e_1 !== "string";
   }
-  function _temp$3(e) {
+  function _temp$4(e) {
     return typeof e === "string";
   }
   const productsCollectionTemplate = {
@@ -8258,7 +8259,7 @@
     }
   };
   function CollectionEditorWelcomeView(t0) {
-    const $ = reactCompilerRuntime.c(52);
+    const $ = reactCompilerRuntime.c(56);
     const {
       path,
       pathSuggestions,
@@ -8350,162 +8351,173 @@
       t7 = $[15];
     }
     let t8;
-    if ($[16] !== t6 || $[17] !== t7) {
-      t8 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "my-2", children: [
-        t5,
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-x-2 gap-y-1 items-center my-2 min-h-7", children: [
-          t6,
-          t7
-        ] })
-      ] });
-      $[16] = t6;
-      $[17] = t7;
+    if ($[16] !== filteredPathSuggestions || $[17] !== loadingPathSuggestions) {
+      t8 = (filteredPathSuggestions ?? []).length === 0 && !loadingPathSuggestions && /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", color: "secondary", children: "No existing paths found" });
+      $[16] = filteredPathSuggestions;
+      $[17] = loadingPathSuggestions;
       $[18] = t8;
     } else {
       t8 = $[18];
     }
     let t9;
-    if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
-      t9 = /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", color: "secondary", children: "● Select a template:" });
-      $[19] = t9;
+    if ($[19] !== t6 || $[20] !== t7 || $[21] !== t8) {
+      t9 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "my-2", children: [
+        t5,
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-x-2 gap-y-1 items-center my-2 min-h-7", children: [
+          t6,
+          t7,
+          t8
+        ] })
+      ] });
+      $[19] = t6;
+      $[20] = t7;
+      $[21] = t8;
+      $[22] = t9;
     } else {
-      t9 = $[19];
+      t9 = $[22];
     }
     let t10;
-    if ($[20] === Symbol.for("react.memo_cache_sentinel")) {
-      t10 = /* @__PURE__ */ jsxRuntime.jsx(ui.Icon, { size: "small", iconKey: productsCollectionTemplate.icon });
-      $[20] = t10;
+    if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
+      t10 = /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", color: "secondary", children: "● Select a template:" });
+      $[23] = t10;
     } else {
-      t10 = $[20];
+      t10 = $[23];
     }
     let t11;
-    if ($[21] !== onContinue || $[22] !== setValues) {
-      t11 = /* @__PURE__ */ jsxRuntime.jsx(TemplateButton, { title: "Products", subtitle: "A collection of products with images, prices and stock", icon: t10, onClick: () => {
-        setValues(productsCollectionTemplate);
-        onContinue();
-      } });
-      $[21] = onContinue;
-      $[22] = setValues;
-      $[23] = t11;
-    } else {
-      t11 = $[23];
-    }
-    let t12;
     if ($[24] === Symbol.for("react.memo_cache_sentinel")) {
-      t12 = /* @__PURE__ */ jsxRuntime.jsx(ui.Icon, { size: "small", iconKey: usersCollectionTemplate.icon });
-      $[24] = t12;
+      t11 = /* @__PURE__ */ jsxRuntime.jsx(ui.Icon, { size: "small", iconKey: productsCollectionTemplate.icon });
+      $[24] = t11;
     } else {
-      t12 = $[24];
+      t11 = $[24];
     }
-    let t13;
+    let t12;
     if ($[25] !== onContinue || $[26] !== setValues) {
-      t13 = /* @__PURE__ */ jsxRuntime.jsx(TemplateButton, { title: "Users", subtitle: "A collection of users with emails, names and roles", icon: t12, onClick: () => {
-        setValues(usersCollectionTemplate);
+      t12 = /* @__PURE__ */ jsxRuntime.jsx(TemplateButton, { title: "Products", subtitle: "A collection of products with images, prices and stock", icon: t11, onClick: () => {
+        setValues(productsCollectionTemplate);
         onContinue();
       } });
       $[25] = onContinue;
       $[26] = setValues;
-      $[27] = t13;
+      $[27] = t12;
     } else {
-      t13 = $[27];
+      t12 = $[27];
     }
-    let t14;
+    let t13;
     if ($[28] === Symbol.for("react.memo_cache_sentinel")) {
-      t14 = /* @__PURE__ */ jsxRuntime.jsx(ui.Icon, { size: "small", iconKey: blogCollectionTemplate.icon });
-      $[28] = t14;
+      t13 = /* @__PURE__ */ jsxRuntime.jsx(ui.Icon, { size: "small", iconKey: usersCollectionTemplate.icon });
+      $[28] = t13;
     } else {
-      t14 = $[28];
+      t13 = $[28];
     }
-    let t15;
+    let t14;
     if ($[29] !== onContinue || $[30] !== setValues) {
-      t15 = /* @__PURE__ */ jsxRuntime.jsx(TemplateButton, { title: "Blog posts", subtitle: "A collection of blog posts with images, authors and complex content", icon: t14, onClick: () => {
-        setValues(blogCollectionTemplate);
+      t14 = /* @__PURE__ */ jsxRuntime.jsx(TemplateButton, { title: "Users", subtitle: "A collection of users with emails, names and roles", icon: t13, onClick: () => {
+        setValues(usersCollectionTemplate);
         onContinue();
       } });
       $[29] = onContinue;
       $[30] = setValues;
-      $[31] = t15;
+      $[31] = t14;
     } else {
-      t15 = $[31];
+      t14 = $[31];
     }
-    let t16;
+    let t15;
     if ($[32] === Symbol.for("react.memo_cache_sentinel")) {
-      t16 = /* @__PURE__ */ jsxRuntime.jsx(ui.Icon, { size: "small", iconKey: pagesCollectionTemplate.icon });
-      $[32] = t16;
+      t15 = /* @__PURE__ */ jsxRuntime.jsx(ui.Icon, { size: "small", iconKey: blogCollectionTemplate.icon });
+      $[32] = t15;
     } else {
-      t16 = $[32];
+      t15 = $[32];
     }
-    let t17;
+    let t16;
     if ($[33] !== onContinue || $[34] !== setValues) {
-      t17 = /* @__PURE__ */ jsxRuntime.jsx(TemplateButton, { title: "Pages", subtitle: "A collection of pages with images, authors and complex content", icon: t16, onClick: () => {
-        setValues(pagesCollectionTemplate);
+      t16 = /* @__PURE__ */ jsxRuntime.jsx(TemplateButton, { title: "Blog posts", subtitle: "A collection of blog posts with images, authors and complex content", icon: t15, onClick: () => {
+        setValues(blogCollectionTemplate);
         onContinue();
       } });
       $[33] = onContinue;
       $[34] = setValues;
-      $[35] = t17;
+      $[35] = t16;
+    } else {
+      t16 = $[35];
+    }
+    let t17;
+    if ($[36] === Symbol.for("react.memo_cache_sentinel")) {
+      t17 = /* @__PURE__ */ jsxRuntime.jsx(ui.Icon, { size: "small", iconKey: pagesCollectionTemplate.icon });
+      $[36] = t17;
     } else {
-      t17 = $[35];
+      t17 = $[36];
     }
     let t18;
-    if ($[36] !== t11 || $[37] !== t13 || $[38] !== t15 || $[39] !== t17) {
-      t18 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "my-2", children: [
-        t9,
+    if ($[37] !== onContinue || $[38] !== setValues) {
+      t18 = /* @__PURE__ */ jsxRuntime.jsx(TemplateButton, { title: "Pages", subtitle: "A collection of pages with images, authors and complex content", icon: t17, onClick: () => {
+        setValues(pagesCollectionTemplate);
+        onContinue();
+      } });
+      $[37] = onContinue;
+      $[38] = setValues;
+      $[39] = t18;
+    } else {
+      t18 = $[39];
+    }
+    let t19;
+    if ($[40] !== t12 || $[41] !== t14 || $[42] !== t16 || $[43] !== t18) {
+      t19 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "my-2", children: [
+        t10,
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-4", children: [
-          t11,
-          t13,
-          t15,
-          t17
+          t12,
+          t14,
+          t16,
+          t18
         ] })
       ] });
-      $[36] = t11;
-      $[37] = t13;
-      $[38] = t15;
-      $[39] = t17;
-      $[40] = t18;
+      $[40] = t12;
+      $[41] = t14;
+      $[42] = t16;
+      $[43] = t18;
+      $[44] = t19;
     } else {
-      t18 = $[40];
+      t19 = $[44];
     }
-    let t19;
-    if ($[41] !== onContinue || $[42] !== parentCollection) {
-      t19 = !parentCollection && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    let t20;
+    if ($[45] !== onContinue || $[46] !== parentCollection) {
+      t20 = !parentCollection && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
         /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", color: "secondary", className: "mb-2", children: "● Create a collection from a file (csv, json, xls, xslx...)" }),
         /* @__PURE__ */ jsxRuntime.jsx(data_import_export.ImportFileUpload, { onDataAdded: (data, propertiesOrder) => onContinue(data, propertiesOrder) })
       ] });
-      $[41] = onContinue;
-      $[42] = parentCollection;
-      $[43] = t19;
+      $[45] = onContinue;
+      $[46] = parentCollection;
+      $[47] = t20;
     } else {
-      t19 = $[43];
+      t20 = $[47];
     }
-    let t20;
-    if ($[44] !== onContinue) {
-      t20 = /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "text", onClick: () => onContinue(), className: "my-2", children: "Continue from scratch" }) });
-      $[44] = onContinue;
-      $[45] = t20;
+    let t21;
+    if ($[48] !== onContinue) {
+      t21 = /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "text", onClick: () => onContinue(), className: "my-2", children: "Continue from scratch" }) });
+      $[48] = onContinue;
+      $[49] = t21;
     } else {
-      t20 = $[45];
+      t21 = $[49];
     }
-    let t21;
-    if ($[46] !== t18 || $[47] !== t19 || $[48] !== t20 || $[49] !== t4 || $[50] !== t8) {
-      t21 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-auto my-auto", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { maxWidth: "4xl", className: "flex flex-col gap-4 p-8 m-auto", children: [
+    let t22;
+    if ($[50] !== t19 || $[51] !== t20 || $[52] !== t21 || $[53] !== t4 || $[54] !== t9) {
+      t22 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-auto my-auto", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { maxWidth: "4xl", className: "flex flex-col gap-4 p-8 m-auto", children: [
         t3,
         t4,
-        t8,
-        t18,
+        t9,
         t19,
-        t20
+        t20,
+        t21
       ] }) });
-      $[46] = t18;
-      $[47] = t19;
-      $[48] = t20;
-      $[49] = t4;
-      $[50] = t8;
-      $[51] = t21;
+      $[50] = t19;
+      $[51] = t20;
+      $[52] = t21;
+      $[53] = t4;
+      $[54] = t9;
+      $[55] = t22;
     } else {
-      t21 = $[51];
+      t22 = $[55];
     }
-    return t21;
+    return t22;
   }
   function TemplateButton(t0) {
     const $ = reactCompilerRuntime.c(10);
@@ -8606,7 +8618,7 @@
           const previousFullId = getFullId(previousId, namespace);
           const previousPropertyPath = idToPropertiesPath(previousFullId);
           const currentPropertiesOrder = getCurrentPropertiesOrder(namespace);
-          const newPropertiesOrder_0 = currentPropertiesOrder.map((p) => p === previousId ? id : p).filter(_temp$2);
+          const newPropertiesOrder_0 = currentPropertiesOrder.map((p) => p === previousId ? id : p).filter(_temp$3);
           updatePropertiesOrder(newPropertiesOrder_0, namespace);
           const newHeadersMapping = {
             ...importConfig.headersMapping
@@ -8772,7 +8784,7 @@
     }
     return t13;
   }
-  function _temp$2(p_0) {
+  function _temp$3(p_0) {
     return p_0 !== void 0;
   }
   function PropertySelect(t0) {
@@ -8845,7 +8857,7 @@
     }
     let t9;
     if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
-      t9 = Object.entries(supportedFields).map(_temp2$1);
+      t9 = Object.entries(supportedFields).map(_temp2$2);
       $[12] = t9;
     } else {
       t9 = $[12];
@@ -8875,7 +8887,7 @@
     }
     return t11;
   }
-  function _temp2$1(t0) {
+  function _temp2$2(t0) {
     const [key, widget_0] = t0;
     return /* @__PURE__ */ jsxRuntime.jsx(PropertySelectItem, { value: key, optionDisabled: false, propertyConfig: widget_0, existing: false }, key);
   }
@@ -9041,7 +9053,7 @@
     }
     let t7;
     if ($[12] !== propertiesOrder) {
-      t7 = propertiesOrder.map(_temp$1);
+      t7 = propertiesOrder.map(_temp$2);
       $[12] = propertiesOrder;
       $[13] = t7;
     } else {
@@ -9060,7 +9072,7 @@
     }
     return t8;
   }
-  function _temp$1(p) {
+  function _temp$2(p) {
     return {
       key: p,
       disabled: false
@@ -9114,6 +9126,355 @@
       idColumn
     };
   }
+  function EntityActionsSelectDialog(t0) {
+    const $ = reactCompilerRuntime.c(15);
+    const {
+      open,
+      onClose
+    } = t0;
+    const {
+      entityActions
+    } = core.useCustomizationController();
+    let t1;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+      t1 = /* @__PURE__ */ jsxRuntime.jsx(ui.DialogTitle, { children: "Select custom action" });
+      $[0] = t1;
+    } else {
+      t1 = $[0];
+    }
+    let t2;
+    if ($[1] !== entityActions || $[2] !== onClose) {
+      t2 = entityActions?.map((action) => /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { onClick: () => onClose(action.key), fullWidth: true, variant: "text", children: [
+        action.name,
+        " (",
+        action.key,
+        ")"
+      ] }, action.key));
+      $[1] = entityActions;
+      $[2] = onClose;
+      $[3] = t2;
+    } else {
+      t2 = $[3];
+    }
+    let t3;
+    if ($[4] !== entityActions) {
+      t3 = (entityActions ?? []).length === 0 && /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "body2", children: "No custom actions defined. Define your custom actions in the customization settings, before using this dialog." });
+      $[4] = entityActions;
+      $[5] = t3;
+    } else {
+      t3 = $[5];
+    }
+    let t4;
+    if ($[6] !== t2 || $[7] !== t3) {
+      t4 = /* @__PURE__ */ jsxRuntime.jsxs(ui.DialogContent, { className: "flex flex-col gap-4", children: [
+        t2,
+        t3
+      ] });
+      $[6] = t2;
+      $[7] = t3;
+      $[8] = t4;
+    } else {
+      t4 = $[8];
+    }
+    let t5;
+    if ($[9] !== onClose) {
+      t5 = /* @__PURE__ */ jsxRuntime.jsx(ui.DialogActions, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "outlined", color: "primary", onClick: () => onClose(), children: "Cancel" }) });
+      $[9] = onClose;
+      $[10] = t5;
+    } else {
+      t5 = $[10];
+    }
+    let t6;
+    if ($[11] !== open || $[12] !== t4 || $[13] !== t5) {
+      t6 = /* @__PURE__ */ jsxRuntime.jsxs(ui.Dialog, { maxWidth: "md", open, children: [
+        t1,
+        t4,
+        t5
+      ] });
+      $[11] = open;
+      $[12] = t4;
+      $[13] = t5;
+      $[14] = t6;
+    } else {
+      t6 = $[14];
+    }
+    return t6;
+  }
+  function EntityActionsEditTab(t0) {
+    const $ = reactCompilerRuntime.c(64);
+    const {
+      collection
+    } = t0;
+    const {
+      entityActions: contextEntityActions
+    } = core.useCustomizationController();
+    const [addEntityActionDialogOpen, setAddEntityActionDialogOpen] = React.useState(false);
+    const [actionToDelete, setActionToDelete] = React.useState();
+    const {
+      values,
+      setFieldValue
+    } = formex.useFormex();
+    let T0;
+    let T1;
+    let T2;
+    let T3;
+    let t1;
+    let t10;
+    let t2;
+    let t3;
+    let t4;
+    let t5;
+    let t6;
+    let t7;
+    let t8;
+    let t9;
+    if ($[0] !== collection.entityActions || $[1] !== contextEntityActions || $[2] !== values.entityActions) {
+      const resolvedEntityActions = values.entityActions?.filter(_temp$1).map((e_0) => core.resolveEntityAction(e_0, contextEntityActions)).filter(Boolean) ?? [];
+      const hardCodedEntityActions = collection.entityActions?.filter(_temp2$1) ?? [];
+      const totalEntityActions = resolvedEntityActions.length + hardCodedEntityActions.length;
+      t10 = "overflow-auto my-auto";
+      T3 = ui.Container;
+      t8 = "2xl";
+      t9 = "flex flex-col gap-4 p-8 m-auto";
+      t7 = "flex  flex-col gap-16";
+      t4 = "flex-grow  flex flex-col gap-4 items-start";
+      if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
+        t5 = /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "h5", children: "Custom actions" });
+        $[17] = t5;
+      } else {
+        t5 = $[17];
+      }
+      if ($[18] !== totalEntityActions) {
+        t6 = totalEntityActions === 0 && /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { action: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "text", size: "small", href: "https://firecms.co/docs/custom_actions", component: "a", rel: "noopener noreferrer", target: "_blank", children: "More info" }), children: "Define your own custom actions by uploading them with the CLI." });
+        $[18] = totalEntityActions;
+        $[19] = t6;
+      } else {
+        t6 = $[19];
+      }
+      T2 = ui.Paper;
+      t3 = "flex flex-col gap-4 p-2 w-full";
+      T1 = ui.Table;
+      T0 = ui.TableBody;
+      let t112;
+      if ($[20] === Symbol.for("react.memo_cache_sentinel")) {
+        t112 = (action) => /* @__PURE__ */ jsxRuntime.jsxs(ui.TableRow, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { align: "left", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "subtitle2", className: "flex-grow", children: action.name }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { align: "right", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: "Remove", asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", onClick: (e_2) => {
+            e_2.preventDefault();
+            e_2.stopPropagation();
+            setActionToDelete(action.key);
+          }, color: "inherit", children: /* @__PURE__ */ jsxRuntime.jsx(ui.DeleteIcon, { size: "small" }) }) }) })
+        ] }, action.key);
+        $[20] = t112;
+      } else {
+        t112 = $[20];
+      }
+      t1 = resolvedEntityActions.map(t112);
+      t2 = hardCodedEntityActions.map(_temp3);
+      $[0] = collection.entityActions;
+      $[1] = contextEntityActions;
+      $[2] = values.entityActions;
+      $[3] = T0;
+      $[4] = T1;
+      $[5] = T2;
+      $[6] = T3;
+      $[7] = t1;
+      $[8] = t10;
+      $[9] = t2;
+      $[10] = t3;
+      $[11] = t4;
+      $[12] = t5;
+      $[13] = t6;
+      $[14] = t7;
+      $[15] = t8;
+      $[16] = t9;
+    } else {
+      T0 = $[3];
+      T1 = $[4];
+      T2 = $[5];
+      T3 = $[6];
+      t1 = $[7];
+      t10 = $[8];
+      t2 = $[9];
+      t3 = $[10];
+      t4 = $[11];
+      t5 = $[12];
+      t6 = $[13];
+      t7 = $[14];
+      t8 = $[15];
+      t9 = $[16];
+    }
+    let t11;
+    if ($[21] !== T0 || $[22] !== t1 || $[23] !== t2) {
+      t11 = /* @__PURE__ */ jsxRuntime.jsxs(T0, { children: [
+        t1,
+        t2
+      ] });
+      $[21] = T0;
+      $[22] = t1;
+      $[23] = t2;
+      $[24] = t11;
+    } else {
+      t11 = $[24];
+    }
+    let t12;
+    if ($[25] !== T1 || $[26] !== t11) {
+      t12 = /* @__PURE__ */ jsxRuntime.jsx(T1, { children: t11 });
+      $[25] = T1;
+      $[26] = t11;
+      $[27] = t12;
+    } else {
+      t12 = $[27];
+    }
+    let t13;
+    if ($[28] === Symbol.for("react.memo_cache_sentinel")) {
+      t13 = () => {
+        setAddEntityActionDialogOpen(true);
+      };
+      $[28] = t13;
+    } else {
+      t13 = $[28];
+    }
+    let t14;
+    if ($[29] === Symbol.for("react.memo_cache_sentinel")) {
+      t14 = /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: t13, variant: "text", startIcon: /* @__PURE__ */ jsxRuntime.jsx(ui.AddIcon, {}), children: "Add custom entity action" });
+      $[29] = t14;
+    } else {
+      t14 = $[29];
+    }
+    let t15;
+    if ($[30] !== T2 || $[31] !== t12 || $[32] !== t3) {
+      t15 = /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(T2, { className: t3, children: [
+        t12,
+        t14
+      ] }) });
+      $[30] = T2;
+      $[31] = t12;
+      $[32] = t3;
+      $[33] = t15;
+    } else {
+      t15 = $[33];
+    }
+    let t16;
+    if ($[34] !== t15 || $[35] !== t4 || $[36] !== t5 || $[37] !== t6) {
+      t16 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: t4, children: [
+        t5,
+        t6,
+        t15
+      ] });
+      $[34] = t15;
+      $[35] = t4;
+      $[36] = t5;
+      $[37] = t6;
+      $[38] = t16;
+    } else {
+      t16 = $[38];
+    }
+    let t17;
+    if ($[39] !== t16 || $[40] !== t7) {
+      t17 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: t7, children: t16 });
+      $[39] = t16;
+      $[40] = t7;
+      $[41] = t17;
+    } else {
+      t17 = $[41];
+    }
+    let t18;
+    if ($[42] !== T3 || $[43] !== t17 || $[44] !== t8 || $[45] !== t9) {
+      t18 = /* @__PURE__ */ jsxRuntime.jsx(T3, { maxWidth: t8, className: t9, children: t17 });
+      $[42] = T3;
+      $[43] = t17;
+      $[44] = t8;
+      $[45] = t9;
+      $[46] = t18;
+    } else {
+      t18 = $[46];
+    }
+    let t19;
+    if ($[47] === Symbol.for("react.memo_cache_sentinel")) {
+      t19 = /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
+        height: "52px"
+      } });
+      $[47] = t19;
+    } else {
+      t19 = $[47];
+    }
+    let t20;
+    if ($[48] !== actionToDelete || $[49] !== setFieldValue || $[50] !== values.entityActions) {
+      t20 = actionToDelete && /* @__PURE__ */ jsxRuntime.jsx(core.ConfirmationDialog, { open: Boolean(actionToDelete), onAccept: () => {
+        setFieldValue("entityActions", values.entityActions?.filter((e_3) => e_3 !== actionToDelete));
+        setActionToDelete(void 0);
+      }, onCancel: () => setActionToDelete(void 0), title: /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "Remove this action?" }), body: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        "This will ",
+        /* @__PURE__ */ jsxRuntime.jsx("b", { children: "not delete any data" }),
+        ", only the action in the CMS"
+      ] }) });
+      $[48] = actionToDelete;
+      $[49] = setFieldValue;
+      $[50] = values.entityActions;
+      $[51] = t20;
+    } else {
+      t20 = $[51];
+    }
+    let t21;
+    if ($[52] !== contextEntityActions || $[53] !== setFieldValue || $[54] !== values.entityActions) {
+      t21 = (selectedActionKey) => {
+        if (selectedActionKey) {
+          console.log("Selected action key:", selectedActionKey);
+          const value = [...values.entityActions ?? [], selectedActionKey].filter((e_4) => typeof e_4 === "string" && (contextEntityActions ?? []).some((action_1) => action_1.key === e_4));
+          setFieldValue("entityActions", value);
+        }
+        setAddEntityActionDialogOpen(false);
+      };
+      $[52] = contextEntityActions;
+      $[53] = setFieldValue;
+      $[54] = values.entityActions;
+      $[55] = t21;
+    } else {
+      t21 = $[55];
+    }
+    let t22;
+    if ($[56] !== addEntityActionDialogOpen || $[57] !== t21) {
+      t22 = /* @__PURE__ */ jsxRuntime.jsx(EntityActionsSelectDialog, { open: addEntityActionDialogOpen, onClose: t21 });
+      $[56] = addEntityActionDialogOpen;
+      $[57] = t21;
+      $[58] = t22;
+    } else {
+      t22 = $[58];
+    }
+    let t23;
+    if ($[59] !== t10 || $[60] !== t18 || $[61] !== t20 || $[62] !== t22) {
+      t23 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: t10, children: [
+        t18,
+        t19,
+        t20,
+        t22
+      ] });
+      $[59] = t10;
+      $[60] = t18;
+      $[61] = t20;
+      $[62] = t22;
+      $[63] = t23;
+    } else {
+      t23 = $[63];
+    }
+    return t23;
+  }
+  function _temp3(action_0) {
+    return /* @__PURE__ */ jsxRuntime.jsx(ui.TableRow, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.TableCell, { align: "left", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "subtitle2", className: "flex-grow", children: action_0.name }),
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.Typography, { variant: "caption", className: "flex-grow", children: [
+        "This action is defined in code with key ",
+        /* @__PURE__ */ jsxRuntime.jsx("code", { children: action_0.key })
+      ] })
+    ] }) }, action_0.key);
+  }
+  function _temp2$1(e_1) {
+    return typeof e_1 !== "string";
+  }
+  function _temp$1(e) {
+    return typeof e === "string";
+  }
   function CollectionEditorDialog(props) {
     const $ = reactCompilerRuntime.c(24);
     const open = props.open;
@@ -9352,10 +9713,10 @@
         setCurrentView("details");
       }
     };
-    const doCollectionInference = (collection_0) => {
+    const doCollectionInference = collectionInference ? (collection_0) => {
       if (!collectionInference) return void 0;
       return collectionInference?.(collection_0.path, collection_0.collectionGroup ?? false, parentPaths ?? []);
-    };
+    } : void 0;
     const inferCollectionFromData = async (newCollection) => {
       try {
         if (!doCollectionInference) {
@@ -9574,7 +9935,8 @@
         !isNewCollection && /* @__PURE__ */ jsxRuntime.jsxs(ui.Tabs, { value: currentView, innerClassName: ui.cls(ui.defaultBorderMixin, "px-4 h-14 w-full justify-end bg-surface-50 dark:bg-surface-950 border-b"), onValueChange: (v) => setCurrentView(v), children: [
           /* @__PURE__ */ jsxRuntime.jsx(ui.Tab, { value: "details", children: "Details" }),
           /* @__PURE__ */ jsxRuntime.jsx(ui.Tab, { value: "properties", children: "Properties" }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Tab, { value: "subcollections", children: "Additional views" })
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Tab, { value: "subcollections", children: "Additional views" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Tab, { value: "custom_actions", children: "Custom actions" })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("form", { noValidate: true, onSubmit: formController.handleSubmit, className: ui.cls(isNewCollection ? "h-full" : "h-[calc(100%-48px)]", "flex-grow flex flex-col relative"), children: [
           currentView === "loading" && /* @__PURE__ */ jsxRuntime.jsx(core.CircularProgressCenter, {}),
@@ -9603,6 +9965,7 @@
               setDeleteRequested(true);
             }, children: "Reset to code" })
           ] }) }),
+          currentView === "custom_actions" && collection && /* @__PURE__ */ jsxRuntime.jsx(EntityActionsEditTab, { collection }),
           currentView === "subcollections" && collection && /* @__PURE__ */ jsxRuntime.jsx(SubcollectionsEditTab, { parentCollection, configController, getUser, collectionInference, parentCollectionIds, collection }),
           currentView === "properties" && /* @__PURE__ */ jsxRuntime.jsx(CollectionPropertiesEditorForm, { showErrors: submitCount > 0, isNewCollection, reservedGroups, onPropertyError: (propertyKey, namespace, error_0) => {
             const current = core.removeUndefined({
@@ -9614,28 +9977,28 @@
           }, getUser, getData: getDataWithPath, doCollectionInference, propertyConfigs, collectionEditable, extraIcon: extraView?.icon && /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { color: "primary", onClick: () => setCurrentView("extra_view"), children: extraView.icon }) }),
           currentView !== "welcome" && /* @__PURE__ */ jsxRuntime.jsxs(ui.DialogActions, { position: "absolute", children: [
             error && /* @__PURE__ */ jsxRuntime.jsx(core.ErrorView, { error }),
-            isNewCollection && includeTemplates && currentView === "import_data_mapping" && /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { variant: "text", type: "button", onClick: () => {
+            isNewCollection && includeTemplates && currentView === "import_data_mapping" && /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { variant: "text", type: "button", color: "primary", onClick: () => {
               importConfig.setInUse(false);
               return setCurrentView("welcome");
             }, children: [
               /* @__PURE__ */ jsxRuntime.jsx(ui.ArrowBackIcon, {}),
               "Back"
             ] }),
-            isNewCollection && includeTemplates && currentView === "import_data_preview" && /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { variant: "text", type: "button", onClick: () => {
+            isNewCollection && includeTemplates && currentView === "import_data_preview" && /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { variant: "text", type: "button", color: "primary", onClick: () => {
               setCurrentView("import_data_mapping");
             }, children: [
               /* @__PURE__ */ jsxRuntime.jsx(ui.ArrowBackIcon, {}),
               "Back"
             ] }),
-            isNewCollection && includeTemplates && currentView === "details" && /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { variant: "text", type: "button", onClick: () => setCurrentView("welcome"), children: [
+            isNewCollection && includeTemplates && currentView === "details" && /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { variant: "text", color: "primary", type: "button", onClick: () => setCurrentView("welcome"), children: [
               /* @__PURE__ */ jsxRuntime.jsx(ui.ArrowBackIcon, {}),
               "Back"
             ] }),
-            isNewCollection && currentView === "properties" && /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { variant: "text", type: "button", onClick: () => setCurrentView("details"), children: [
+            isNewCollection && currentView === "properties" && /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { variant: "text", type: "button", color: "primary", onClick: () => setCurrentView("details"), children: [
               /* @__PURE__ */ jsxRuntime.jsx(ui.ArrowBackIcon, {}),
               "Back"
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "text", onClick: () => {
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "text", color: "primary", onClick: () => {
               handleCancel();
             }, children: "Cancel" }),
             isNewCollection && currentView === "import_data_mapping" && /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "filled", color: "primary", onClick: onImportMappingComplete, children: "Next" }),
@@ -10128,14 +10491,14 @@
     }
     let t6;
     if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
-      t6 = /* @__PURE__ */ jsxRuntime.jsx(ui.SettingsIcon, {});
+      t6 = /* @__PURE__ */ jsxRuntime.jsx(ui.SettingsIcon, { size: "small" });
       $[15] = t6;
     } else {
       t6 = $[15];
     }
     let t7;
     if ($[16] !== t4 || $[17] !== t5) {
-      t7 = /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { color: "primary", disabled: t4, onClick: t5, children: t6 });
+      t7 = /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", color: "primary", disabled: t4, onClick: t5, children: t6 });
       $[16] = t4;
       $[17] = t5;
       $[18] = t7;
@@ -10670,8 +11033,100 @@
     }
     return t8;
   }
+  function EditorEntityAction(t0) {
+    const $ = reactCompilerRuntime.c(23);
+    const {
+      path: fullPath,
+      parentCollectionIds,
+      collection,
+      formContext
+    } = t0;
+    const authController = core.useAuthController();
+    const navigationController = core.useNavigationController();
+    const collectionEditorController = useCollectionEditorController();
+    let t1;
+    if ($[0] !== navigationController || $[1] !== parentCollectionIds) {
+      t1 = navigationController.getCollectionFromIds(parentCollectionIds);
+      $[0] = navigationController;
+      $[1] = parentCollectionIds;
+      $[2] = t1;
+    } else {
+      t1 = $[2];
+    }
+    const parentCollection = t1;
+    let t2;
+    if ($[3] !== authController || $[4] !== collection || $[5] !== collectionEditorController) {
+      t2 = collectionEditorController.configPermissions ? collectionEditorController.configPermissions({
+        user: authController.user,
+        collection
+      }).editCollections : true;
+      $[3] = authController;
+      $[4] = collection;
+      $[5] = collectionEditorController;
+      $[6] = t2;
+    } else {
+      t2 = $[6];
+    }
+    const canEditCollection = t2;
+    const isDirty = formContext?.formex.dirty ?? false;
+    const t3 = canEditCollection ? isDirty ? "You need to save the document before changing the schema" : "Edit schema for this form" : "You don't have permissions to edit this collection";
+    const t4 = !canEditCollection || isDirty;
+    let t5;
+    if ($[7] !== canEditCollection || $[8] !== collection || $[9] !== collectionEditorController || $[10] !== fullPath || $[11] !== parentCollection || $[12] !== parentCollectionIds) {
+      t5 = canEditCollection ? () => collectionEditorController?.editCollection({
+        id: collection.id,
+        fullPath,
+        parentCollectionIds,
+        parentCollection
+      }) : void 0;
+      $[7] = canEditCollection;
+      $[8] = collection;
+      $[9] = collectionEditorController;
+      $[10] = fullPath;
+      $[11] = parentCollection;
+      $[12] = parentCollectionIds;
+      $[13] = t5;
+    } else {
+      t5 = $[13];
+    }
+    let t6;
+    if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
+      t6 = /* @__PURE__ */ jsxRuntime.jsx(ui.SettingsIcon, { size: "small" });
+      $[14] = t6;
+    } else {
+      t6 = $[14];
+    }
+    let t7;
+    if ($[15] !== t4 || $[16] !== t5) {
+      t7 = /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { color: "primary", disabled: t4, onClick: t5, children: t6 });
+      $[15] = t4;
+      $[16] = t5;
+      $[17] = t7;
+    } else {
+      t7 = $[17];
+    }
+    let t8;
+    if ($[18] !== t3 || $[19] !== t7) {
+      t8 = /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { asChild: true, title: t3, children: t7 });
+      $[18] = t3;
+      $[19] = t7;
+      $[20] = t8;
+    } else {
+      t8 = $[20];
+    }
+    const editorButton = t8;
+    let t9;
+    if ($[21] !== editorButton) {
+      t9 = /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: editorButton });
+      $[21] = editorButton;
+      $[22] = t9;
+    } else {
+      t9 = $[22];
+    }
+    return t9;
+  }
   function useCollectionEditorPlugin(t0) {
-    const $ = reactCompilerRuntime.c(21);
+    const $ = reactCompilerRuntime.c(22);
     const {
       collectionConfigController,
       configPermissions,
@@ -10745,6 +11200,7 @@
       t5 = $[15];
     }
     let t6;
+    let t7;
     if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
       t6 = {
         CollectionActionsStart: EditorCollectionActionStart,
@@ -10752,27 +11208,33 @@
         HeaderAction: CollectionViewHeaderAction,
         AddColumnComponent: PropertyAddColumnComponent
       };
+      t7 = {
+        ActionsTop: EditorEntityAction
+      };
       $[16] = t6;
+      $[17] = t7;
     } else {
       t6 = $[16];
+      t7 = $[17];
     }
-    let t7;
-    if ($[17] !== collectionConfigController.loading || $[18] !== t2 || $[19] !== t5) {
-      t7 = {
+    let t8;
+    if ($[18] !== collectionConfigController.loading || $[19] !== t2 || $[20] !== t5) {
+      t8 = {
         key: "collection_editor",
         loading: collectionConfigController.loading,
         provider: t2,
         homePage: t5,
-        collectionView: t6
+        collectionView: t6,
+        form: t7
       };
-      $[17] = collectionConfigController.loading;
-      $[18] = t2;
-      $[19] = t5;
-      $[20] = t7;
+      $[18] = collectionConfigController.loading;
+      $[19] = t2;
+      $[20] = t5;
+      $[21] = t8;
     } else {
-      t7 = $[20];
+      t8 = $[21];
     }
-    return t7;
+    return t8;
   }
   function IntroWidget() {
     const $ = reactCompilerRuntime.c(11);