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

package/dist/index.es.js

@@ -2502,7 +2502,7 @@ function PropertyFieldPreview(t0) {
   }
   let t6;
   if ($[9] !== includeName || $[10] !== property.name) {
-    t6 = includeName && /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(Typography, { variant: "body1", component: "span", className: "flex-grow pr-2", children: property.name ? property.name : " " }) });
+    t6 = includeName && /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(Typography, { variant: "label", component: "span", className: "flex-grow pr-2", children: property.name ? property.name : " " }) });
     $[9] = includeName;
     $[10] = property.name;
     $[11] = t6;
@@ -2619,7 +2619,7 @@ function NonEditablePropertyPreview(t0) {
   }
   let t3;
   if ($[5] !== propertyConfig) {
-    t3 = !propertyConfig && /* @__PURE__ */ jsx("div", { className: "h-8 w-8 p-1 rounded-full shadow text-white bg-surface-500", children: /* @__PURE__ */ jsx(FunctionsIcon, { color: "inherit", size: "medium" }) });
+    t3 = !propertyConfig && /* @__PURE__ */ jsx("div", { className: "h-8 w-8 flex items-center justify-center rounded-full shadow text-white bg-surface-500", children: /* @__PURE__ */ jsx(FunctionsIcon, { color: "inherit", size: "small" }) });
     $[5] = propertyConfig;
     $[6] = t3;
   } else {
@@ -3771,7 +3771,7 @@ const CommonPropertyFields = React__default.forwardRef(function CommonPropertyFi
   return t25;
 });
 function StringPropertyField(t0) {
-  const $ = c(27);
+  const $ = c(32);
   const {
     widgetId,
     disabled,
@@ -3793,7 +3793,7 @@ function StringPropertyField(t0) {
   }
   let t2;
   if ($[4] !== disabled || $[5] !== showErrors || $[6] !== widgetId) {
-    t2 = widgetId === "multiline" && /* @__PURE__ */ jsx(StringPropertyValidation, { disabled, length: true, lowercase: true, max: true, min: true, trim: true, uppercase: true, showErrors });
+    t2 = widgetId === "user_select" && /* @__PURE__ */ jsx(StringPropertyValidation, { disabled, showErrors });
     $[4] = disabled;
     $[5] = showErrors;
     $[6] = widgetId;
@@ -3803,7 +3803,7 @@ function StringPropertyField(t0) {
   }
   let t3;
   if ($[8] !== disabled || $[9] !== showErrors || $[10] !== widgetId) {
-    t3 = widgetId === "email" && /* @__PURE__ */ jsx(StringPropertyValidation, { disabled, max: true, min: true, trim: true, showErrors });
+    t3 = widgetId === "multiline" && /* @__PURE__ */ jsx(StringPropertyValidation, { disabled, length: true, lowercase: true, max: true, min: true, trim: true, uppercase: true, showErrors });
     $[8] = disabled;
     $[9] = showErrors;
     $[10] = widgetId;
@@ -3812,60 +3812,72 @@ function StringPropertyField(t0) {
     t3 = $[11];
   }
   let t4;
-  if ($[12] !== t1 || $[13] !== t2 || $[14] !== t3) {
-    t4 = /* @__PURE__ */ jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsxs(ValidationPanel, { children: [
-      t1,
-      t2,
-      t3
-    ] }) });
-    $[12] = t1;
-    $[13] = t2;
-    $[14] = t3;
+  if ($[12] !== disabled || $[13] !== showErrors || $[14] !== widgetId) {
+    t4 = widgetId === "email" && /* @__PURE__ */ 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__ */ jsx("div", { className: "col-span-12", children: /* @__PURE__ */ 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 = 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__ */ jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsx(TextField, { name: "defaultValue", disabled, onChange: t5, label: "Default value", value: t6 }) });
-    $[20] = disabled;
-    $[21] = t5;
-    $[22] = t6;
-    $[23] = t7;
+  if ($[23] !== values) {
+    t7 = getIn(values, "defaultValue") ?? "";
+    $[23] = values;
+    $[24] = t7;
   } else {
-    t7 = $[23];
+    t7 = $[24];
   }
   let t8;
-  if ($[24] !== t4 || $[25] !== t7) {
-    t8 = /* @__PURE__ */ jsxs(Fragment, { children: [
-      t4,
-      t7
+  if ($[25] !== disabled || $[26] !== t6 || $[27] !== t7) {
+    t8 = /* @__PURE__ */ jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsx(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__ */ jsxs(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 $ = c(10);
@@ -4887,7 +4899,21 @@ function updatePropertyFromWidget(propertyData, selectedWidgetId, propertyConfig
       markdown: void 0,
       email: void 0,
       url: void 0,
-      enumValues: void 0
+      enumValues: void 0,
+      userSelect: void 0
+    });
+  } else if (selectedWidgetId === "user_select") {
+    updatedProperty = 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 = mergeDeep(propertyData, {
@@ -4899,7 +4925,8 @@ function updatePropertyFromWidget(propertyData, selectedWidgetId, propertyConfig
       markdown: void 0,
       email: void 0,
       url: void 0,
-      enumValues: void 0
+      enumValues: void 0,
+      userSelect: void 0
     });
   } else if (selectedWidgetId === "markdown") {
     updatedProperty = mergeDeep(propertyData, {
@@ -4910,7 +4937,8 @@ function updatePropertyFromWidget(propertyData, selectedWidgetId, propertyConfig
       multiline: void 0,
       markdown: true,
       email: void 0,
-      url: void 0
+      url: void 0,
+      userSelect: void 0
     });
   } else if (selectedWidgetId === "url") {
     updatedProperty = mergeDeep(propertyData, {
@@ -4922,7 +4950,8 @@ function updatePropertyFromWidget(propertyData, selectedWidgetId, propertyConfig
       markdown: void 0,
       email: void 0,
       url: true,
-      enumValues: void 0
+      enumValues: void 0,
+      userSelect: void 0
     });
   } else if (selectedWidgetId === "email") {
     updatedProperty = mergeDeep(propertyData, {
@@ -4934,7 +4963,8 @@ function updatePropertyFromWidget(propertyData, selectedWidgetId, propertyConfig
       markdown: void 0,
       email: true,
       url: void 0,
-      enumValues: void 0
+      enumValues: void 0,
+      userSelect: void 0
     });
   } else if (selectedWidgetId === "select") {
     updatedProperty = mergeDeep(propertyData, {
@@ -4946,7 +4976,8 @@ function updatePropertyFromWidget(propertyData, selectedWidgetId, propertyConfig
       markdown: void 0,
       email: void 0,
       url: void 0,
-      enumValues: propertyData.enumValues ?? []
+      enumValues: propertyData.enumValues ?? [],
+      userSelect: void 0
     });
   } else if (selectedWidgetId === "multi_select") {
     updatedProperty = mergeDeep(propertyData, {
@@ -5213,7 +5244,7 @@ function _temp$7(value_0) {
     }
   }
 }
-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(DEFAULT_FIELD_CONFIGS).filter(([id]) => supportedFieldsIds.includes(id)).map(([id, config]) => ({
   [id]: config
 })).reduce((a, b) => ({
@@ -5601,7 +5632,6 @@ const PropertyForm = React__default.memo(function PropertyForm2(props) {
   let t7;
   if ($[13] !== doOnPropertyChanged || $[14] !== existingProperty) {
     t7 = (newPropertyWithId, controller) => {
-      console.debug("onSubmit", newPropertyWithId);
       const {
         id: id_0,
         ...property_1
@@ -6020,7 +6050,7 @@ function PropertyEditFormFields(t0) {
   }
   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__ */ jsx(StringPropertyField, { widgetId: selectedFieldConfigId, disabled, showErrors });
@@ -6453,6 +6483,7 @@ const WIDGET_TYPE_MAP = {
   url: "Text",
   email: "Text",
   switch: "Boolean",
+  user_select: "Users",
   select: "Select",
   multi_select: "Select",
   number_input: "Number",
@@ -6728,7 +6759,7 @@ function WidgetSelectViewItem(t0) {
   const t4 = shouldWarnChangingDataType ? "secondary" : void 0;
   let t5;
   if ($[6] !== propertyConfig.name || $[7] !== t4) {
-    t5 = /* @__PURE__ */ jsx(Typography, { color: t4, children: propertyConfig.name });
+    t5 = /* @__PURE__ */ jsx(Typography, { variant: "label", color: t4, children: propertyConfig.name });
     $[6] = propertyConfig.name;
     $[7] = t4;
     $[8] = t5;
@@ -8980,104 +9011,106 @@ function PropertySelectItem(t0) {
   return t9;
 }
 function CollectionEditorImportDataPreview(t0) {
-  const $ = c(19);
+  const $ = c(20);
   const {
     importConfig,
     properties,
     propertiesOrder
   } = t0;
   const authController = useAuthController();
+  const navigation = useNavigationController();
   const [loading, setLoading] = 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) => convertDataToEntity(authController, d, importConfig.idColumn, importConfig.headersMapping, properties, "TEMP_PATH", importConfig.defaultValues));
+      const mappedData = importConfig.importData.map((d) => 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];
   }
   useEffect(t2, t3);
   const selectionController = useSelectionController();
   if (loading) {
     let t42;
-    if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
       t42 = /* @__PURE__ */ jsx(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__ */ jsxs("div", { children: [
       /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: "Imported data preview" }),
       /* @__PURE__ */ jsx(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__ */ 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__ */ jsx(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;
 }
@@ -9724,7 +9757,7 @@ function CollectionEditorInternal({
   };
   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 {