@firecms/collection_editor 3.0.0-rc.1 → 3.0.0-rc.2

package/dist/index.umd.js

@@ -2506,7 +2506,7 @@
     }
     let t6;
     if ($[9] !== includeName || $[10] !== property.name) {
-      t6 = includeName && /* @__PURE__ */ jsxRuntime.jsx(core.ErrorBoundary, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "body1", component: "span", className: "flex-grow pr-2", children: property.name ? property.name : " " }) });
+      t6 = includeName && /* @__PURE__ */ jsxRuntime.jsx(core.ErrorBoundary, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "label", component: "span", className: "flex-grow pr-2", children: property.name ? property.name : " " }) });
       $[9] = includeName;
       $[10] = property.name;
       $[11] = t6;
@@ -2623,7 +2623,7 @@
     }
     let t3;
     if ($[5] !== propertyConfig) {
-      t3 = !propertyConfig && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-8 w-8 p-1 rounded-full shadow text-white bg-surface-500", children: /* @__PURE__ */ jsxRuntime.jsx(ui.FunctionsIcon, { color: "inherit", size: "medium" }) });
+      t3 = !propertyConfig && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-8 w-8 flex items-center justify-center rounded-full shadow text-white bg-surface-500", children: /* @__PURE__ */ jsxRuntime.jsx(ui.FunctionsIcon, { color: "inherit", size: "small" }) });
       $[5] = propertyConfig;
       $[6] = t3;
     } else {
@@ -3775,7 +3775,7 @@
     return t25;
   });
   function StringPropertyField(t0) {
-    const $ = reactCompilerRuntime.c(27);
+    const $ = reactCompilerRuntime.c(32);
     const {
       widgetId,
       disabled,
@@ -3797,7 +3797,7 @@
     }
     let t2;
     if ($[4] !== disabled || $[5] !== showErrors || $[6] !== widgetId) {
-      t2 = widgetId === "multiline" && /* @__PURE__ */ jsxRuntime.jsx(StringPropertyValidation, { disabled, length: true, lowercase: true, max: true, min: true, trim: true, uppercase: true, showErrors });
+      t2 = widgetId === "user_select" && /* @__PURE__ */ jsxRuntime.jsx(StringPropertyValidation, { disabled, showErrors });
       $[4] = disabled;
       $[5] = showErrors;
       $[6] = widgetId;
@@ -3807,7 +3807,7 @@
     }
     let t3;
     if ($[8] !== disabled || $[9] !== showErrors || $[10] !== widgetId) {
-      t3 = widgetId === "email" && /* @__PURE__ */ jsxRuntime.jsx(StringPropertyValidation, { disabled, max: true, min: true, trim: true, showErrors });
+      t3 = widgetId === "multiline" && /* @__PURE__ */ jsxRuntime.jsx(StringPropertyValidation, { disabled, length: true, lowercase: true, max: true, min: true, trim: true, uppercase: true, showErrors });
       $[8] = disabled;
       $[9] = showErrors;
       $[10] = widgetId;
@@ -3816,60 +3816,72 @@
       t3 = $[11];
     }
     let t4;
-    if ($[12] !== t1 || $[13] !== t2 || $[14] !== t3) {
-      t4 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsxRuntime.jsxs(ValidationPanel, { children: [
-        t1,
-        t2,
-        t3
-      ] }) });
-      $[12] = t1;
-      $[13] = t2;
-      $[14] = t3;
+    if ($[12] !== disabled || $[13] !== showErrors || $[14] !== widgetId) {
+      t4 = widgetId === "email" && /* @__PURE__ */ jsxRuntime.jsx(StringPropertyValidation, { disabled, max: true, min: true, trim: true, showErrors });
+      $[12] = disabled;
+      $[13] = showErrors;
+      $[14] = widgetId;
       $[15] = t4;
     } else {
       t4 = $[15];
     }
     let t5;
-    if ($[16] !== setFieldValue) {
-      t5 = (e) => {
-        setFieldValue("defaultValue", e.target.value === "" ? void 0 : e.target.value);
-      };
-      $[16] = setFieldValue;
-      $[17] = t5;
+    if ($[16] !== t1 || $[17] !== t2 || $[18] !== t3 || $[19] !== t4) {
+      t5 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsxRuntime.jsxs(ValidationPanel, { children: [
+        t1,
+        t2,
+        t3,
+        t4
+      ] }) });
+      $[16] = t1;
+      $[17] = t2;
+      $[18] = t3;
+      $[19] = t4;
+      $[20] = t5;
     } else {
-      t5 = $[17];
+      t5 = $[20];
     }
     let t6;
-    if ($[18] !== values) {
-      t6 = formex.getIn(values, "defaultValue") ?? "";
-      $[18] = values;
-      $[19] = t6;
+    if ($[21] !== setFieldValue) {
+      t6 = (e) => {
+        setFieldValue("defaultValue", e.target.value === "" ? void 0 : e.target.value);
+      };
+      $[21] = setFieldValue;
+      $[22] = t6;
     } else {
-      t6 = $[19];
+      t6 = $[22];
     }
     let t7;
-    if ($[20] !== disabled || $[21] !== t5 || $[22] !== t6) {
-      t7 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsxRuntime.jsx(ui.TextField, { name: "defaultValue", disabled, onChange: t5, label: "Default value", value: t6 }) });
-      $[20] = disabled;
-      $[21] = t5;
-      $[22] = t6;
-      $[23] = t7;
+    if ($[23] !== values) {
+      t7 = formex.getIn(values, "defaultValue") ?? "";
+      $[23] = values;
+      $[24] = t7;
     } else {
-      t7 = $[23];
+      t7 = $[24];
     }
     let t8;
-    if ($[24] !== t4 || $[25] !== t7) {
-      t8 = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        t4,
-        t7
+    if ($[25] !== disabled || $[26] !== t6 || $[27] !== t7) {
+      t8 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsxRuntime.jsx(ui.TextField, { name: "defaultValue", disabled, onChange: t6, label: "Default value", value: t7 }) });
+      $[25] = disabled;
+      $[26] = t6;
+      $[27] = t7;
+      $[28] = t8;
+    } else {
+      t8 = $[28];
+    }
+    let t9;
+    if ($[29] !== t5 || $[30] !== t8) {
+      t9 = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        t5,
+        t8
       ] });
-      $[24] = t4;
-      $[25] = t7;
-      $[26] = t8;
+      $[29] = t5;
+      $[30] = t8;
+      $[31] = t9;
     } else {
-      t8 = $[26];
+      t9 = $[31];
     }
-    return t8;
+    return t9;
   }
   function BooleanPropertyField(t0) {
     const $ = reactCompilerRuntime.c(10);
@@ -4891,7 +4903,21 @@
         markdown: void 0,
         email: void 0,
         url: void 0,
-        enumValues: void 0
+        enumValues: void 0,
+        userSelect: void 0
+      });
+    } else if (selectedWidgetId === "user_select") {
+      updatedProperty = core.mergeDeep(propertyData, {
+        dataType: "string",
+        propertyConfig: "user_select",
+        editable: propertyData.editable !== void 0 ? propertyData.editable : true,
+        storage: void 0,
+        multiline: void 0,
+        markdown: void 0,
+        email: void 0,
+        url: void 0,
+        enumValues: void 0,
+        userSelect: true
       });
     } else if (selectedWidgetId === "multiline") {
       updatedProperty = core.mergeDeep(propertyData, {
@@ -4903,7 +4929,8 @@
         markdown: void 0,
         email: void 0,
         url: void 0,
-        enumValues: void 0
+        enumValues: void 0,
+        userSelect: void 0
       });
     } else if (selectedWidgetId === "markdown") {
       updatedProperty = core.mergeDeep(propertyData, {
@@ -4914,7 +4941,8 @@
         multiline: void 0,
         markdown: true,
         email: void 0,
-        url: void 0
+        url: void 0,
+        userSelect: void 0
       });
     } else if (selectedWidgetId === "url") {
       updatedProperty = core.mergeDeep(propertyData, {
@@ -4926,7 +4954,8 @@
         markdown: void 0,
         email: void 0,
         url: true,
-        enumValues: void 0
+        enumValues: void 0,
+        userSelect: void 0
       });
     } else if (selectedWidgetId === "email") {
       updatedProperty = core.mergeDeep(propertyData, {
@@ -4938,7 +4967,8 @@
         markdown: void 0,
         email: true,
         url: void 0,
-        enumValues: void 0
+        enumValues: void 0,
+        userSelect: void 0
       });
     } else if (selectedWidgetId === "select") {
       updatedProperty = core.mergeDeep(propertyData, {
@@ -4950,7 +4980,8 @@
         markdown: void 0,
         email: void 0,
         url: void 0,
-        enumValues: propertyData.enumValues ?? []
+        enumValues: propertyData.enumValues ?? [],
+        userSelect: void 0
       });
     } else if (selectedWidgetId === "multi_select") {
       updatedProperty = core.mergeDeep(propertyData, {
@@ -5217,7 +5248,7 @@
       }
     }
   }
-  const supportedFieldsIds = ["text_field", "multiline", "markdown", "url", "email", "select", "multi_select", "number_input", "number_select", "multi_number_select", "file_upload", "multi_file_upload", "reference", "reference_as_string", "multi_references", "switch", "date_time", "group", "key_value", "repeat", "block"];
+  const supportedFieldsIds = ["text_field", "multiline", "markdown", "url", "email", "user_select", "select", "multi_select", "number_input", "number_select", "multi_number_select", "file_upload", "multi_file_upload", "reference", "reference_as_string", "multi_references", "switch", "date_time", "group", "key_value", "repeat", "block"];
   const supportedFields = Object.entries(core.DEFAULT_FIELD_CONFIGS).filter(([id]) => supportedFieldsIds.includes(id)).map(([id, config]) => ({
     [id]: config
   })).reduce((a, b) => ({
@@ -5605,7 +5636,6 @@
     let t7;
     if ($[13] !== doOnPropertyChanged || $[14] !== existingProperty) {
       t7 = (newPropertyWithId, controller) => {
-        console.debug("onSubmit", newPropertyWithId);
         const {
           id: id_0,
           ...property_1
@@ -6024,7 +6054,7 @@
     }
     const onWidgetSelectChanged = t9;
     let childComponent;
-    if (selectedFieldConfigId === "text_field" || selectedFieldConfigId === "multiline" || selectedFieldConfigId === "email") {
+    if (selectedFieldConfigId === "text_field" || selectedFieldConfigId === "multiline" || selectedFieldConfigId === "user_select" || selectedFieldConfigId === "email") {
       let t102;
       if ($[27] !== disabled || $[28] !== selectedFieldConfigId || $[29] !== showErrors) {
         t102 = /* @__PURE__ */ jsxRuntime.jsx(StringPropertyField, { widgetId: selectedFieldConfigId, disabled, showErrors });
@@ -6457,6 +6487,7 @@
     url: "Text",
     email: "Text",
     switch: "Boolean",
+    user_select: "Users",
     select: "Select",
     multi_select: "Select",
     number_input: "Number",
@@ -6732,7 +6763,7 @@
     const t4 = shouldWarnChangingDataType ? "secondary" : void 0;
     let t5;
     if ($[6] !== propertyConfig.name || $[7] !== t4) {
-      t5 = /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { color: t4, children: propertyConfig.name });
+      t5 = /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "label", color: t4, children: propertyConfig.name });
       $[6] = propertyConfig.name;
       $[7] = t4;
       $[8] = t5;
@@ -8984,104 +9015,106 @@
     return t9;
   }
   function CollectionEditorImportDataPreview(t0) {
-    const $ = reactCompilerRuntime.c(19);
+    const $ = reactCompilerRuntime.c(20);
     const {
       importConfig,
       properties,
       propertiesOrder
     } = t0;
     const authController = core.useAuthController();
+    const navigation = core.useNavigationController();
     const [loading, setLoading] = React.useState(false);
     let t1;
-    if ($[0] !== authController || $[1] !== importConfig || $[2] !== properties) {
+    if ($[0] !== authController || $[1] !== importConfig || $[2] !== navigation || $[3] !== properties) {
       t1 = async function loadEntities2() {
-        const mappedData = importConfig.importData.map((d) => data_import.convertDataToEntity(authController, d, importConfig.idColumn, importConfig.headersMapping, properties, "TEMP_PATH", importConfig.defaultValues));
+        const mappedData = importConfig.importData.map((d) => data_import.convertDataToEntity(authController, navigation, d, importConfig.idColumn, importConfig.headersMapping, properties, "TEMP_PATH", importConfig.defaultValues));
         importConfig.setEntities(mappedData);
       };
       $[0] = authController;
       $[1] = importConfig;
-      $[2] = properties;
-      $[3] = t1;
+      $[2] = navigation;
+      $[3] = properties;
+      $[4] = t1;
     } else {
-      t1 = $[3];
+      t1 = $[4];
     }
     const loadEntities = t1;
     let t2;
-    if ($[4] !== loadEntities) {
+    if ($[5] !== loadEntities) {
       t2 = () => {
         loadEntities().finally(() => setLoading(false));
       };
-      $[4] = loadEntities;
-      $[5] = t2;
+      $[5] = loadEntities;
+      $[6] = t2;
     } else {
-      t2 = $[5];
+      t2 = $[6];
     }
     let t3;
-    if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
       t3 = [];
-      $[6] = t3;
+      $[7] = t3;
     } else {
-      t3 = $[6];
+      t3 = $[7];
     }
     React.useEffect(t2, t3);
     const selectionController = core.useSelectionController();
     if (loading) {
       let t42;
-      if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+      if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
         t42 = /* @__PURE__ */ jsxRuntime.jsx(core.CircularProgressCenter, {});
-        $[7] = t42;
+        $[8] = t42;
       } else {
-        t42 = $[7];
+        t42 = $[8];
       }
       return t42;
     }
     let t4;
-    if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
       t4 = /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
         /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "subtitle2", children: "Imported data preview" }),
         /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", children: "Entities with the same id will be overwritten" })
       ] });
-      $[8] = t4;
+      $[9] = t4;
     } else {
-      t4 = $[8];
+      t4 = $[9];
     }
     let t5;
-    if ($[9] !== importConfig.entities) {
+    if ($[10] !== importConfig.entities) {
       t5 = {
         data: importConfig.entities,
         dataLoading: false,
         noMoreToLoad: false
       };
-      $[9] = importConfig.entities;
-      $[10] = t5;
+      $[10] = importConfig.entities;
+      $[11] = t5;
     } else {
-      t5 = $[10];
+      t5 = $[11];
     }
     let t6;
-    if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
       t6 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-12" });
-      $[11] = t6;
+      $[12] = t6;
     } else {
-      t6 = $[11];
+      t6 = $[12];
     }
     let t7;
-    if ($[12] !== propertiesOrder) {
+    if ($[13] !== propertiesOrder) {
       t7 = propertiesOrder.map(_temp$2);
-      $[12] = propertiesOrder;
-      $[13] = t7;
+      $[13] = propertiesOrder;
+      $[14] = t7;
     } else {
-      t7 = $[13];
+      t7 = $[14];
     }
     let t8;
-    if ($[14] !== properties || $[15] !== selectionController || $[16] !== t5 || $[17] !== t7) {
+    if ($[15] !== properties || $[16] !== selectionController || $[17] !== t5 || $[18] !== t7) {
       t8 = /* @__PURE__ */ jsxRuntime.jsx(core.EntityCollectionTable, { title: t4, tableController: t5, endAdornment: t6, filterable: false, sortable: false, selectionController, displayedColumnIds: t7, openEntityMode: "side_panel", properties, enablePopupIcon: false });
-      $[14] = properties;
-      $[15] = selectionController;
-      $[16] = t5;
-      $[17] = t7;
-      $[18] = t8;
+      $[15] = properties;
+      $[16] = selectionController;
+      $[17] = t5;
+      $[18] = t7;
+      $[19] = t8;
     } else {
-      t8 = $[18];
+      t8 = $[19];
     }
     return t8;
   }
@@ -9728,7 +9761,7 @@
     };
     const doCollectionInference = collectionInference ? (collection_0) => {
       if (!collectionInference) return void 0;
-      return collectionInference?.(collection_0.path, collection_0.collectionGroup ?? false, parentPaths ?? []);
+      return collectionInference?.(collection_0.path, collection_0.collectionGroup ?? false, parentPaths ?? [], collection_0.databaseId);
     } : void 0;
     const inferCollectionFromData = async (newCollection) => {
       try {