@firecms/collection_editor 3.0.0-canary.264 → 3.0.0-canary.266

package/dist/index.umd.js

@@ -1,6 +1,6 @@
 (function(global, factory) {
-  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react/jsx-runtime"), require("react-compiler-runtime"), require("@firecms/core"), require("react"), require("react-fast-compare"), require("@firecms/ui"), require("yup"), require("@firecms/formex"), require("@firecms/schema_inference"), require("@dnd-kit/core"), require("@dnd-kit/sortable"), require("@dnd-kit/modifiers"), require("@dnd-kit/utilities"), require("json5"), require("prism-react-renderer"), require("@firecms/data_import_export"), require("react-router")) : typeof define === "function" && define.amd ? define(["exports", "react/jsx-runtime", "react-compiler-runtime", "@firecms/core", "react", "react-fast-compare", "@firecms/ui", "yup", "@firecms/formex", "@firecms/schema_inference", "@dnd-kit/core", "@dnd-kit/sortable", "@dnd-kit/modifiers", "@dnd-kit/utilities", "json5", "prism-react-renderer", "@firecms/data_import_export", "react-router"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global["FireCMS collection editor"] = {}, global.jsxRuntime, global.reactCompilerRuntime, global.core, global.React, global.equal, global.ui, global.Yup, global.formex, global.schema_inference, global.core$1, global.sortable, global.modifiers, global.utilities, global.JSON5, global.prismReactRenderer, global.data_import_export, global.reactRouter));
-})(this, function(exports2, jsxRuntime, reactCompilerRuntime, core, React, equal, ui, Yup, formex, schema_inference, core$1, sortable, modifiers, utilities, JSON5, prismReactRenderer, data_import_export, reactRouter) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react/jsx-runtime"), require("react-compiler-runtime"), require("@firecms/core"), require("react"), require("react-fast-compare"), require("@firecms/ui"), require("yup"), require("@firecms/formex"), require("@firecms/schema_inference"), require("@dnd-kit/core"), require("@dnd-kit/sortable"), require("@dnd-kit/modifiers"), require("@dnd-kit/utilities"), require("json5"), require("prism-react-renderer"), require("@firecms/data_import"), require("react-router")) : typeof define === "function" && define.amd ? define(["exports", "react/jsx-runtime", "react-compiler-runtime", "@firecms/core", "react", "react-fast-compare", "@firecms/ui", "yup", "@firecms/formex", "@firecms/schema_inference", "@dnd-kit/core", "@dnd-kit/sortable", "@dnd-kit/modifiers", "@dnd-kit/utilities", "json5", "prism-react-renderer", "@firecms/data_import", "react-router"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global["FireCMS collection editor"] = {}, global.jsxRuntime, global.reactCompilerRuntime, global.core, global.React, global.equal, global.ui, global.Yup, global.formex, global.schema_inference, global.core$1, global.sortable, global.modifiers, global.utilities, global.JSON5, global.prismReactRenderer, global.data_import, global.reactRouter));
+})(this, (function(exports2, jsxRuntime, reactCompilerRuntime, core, React, equal, ui, Yup, formex, schema_inference, core$1, sortable, modifiers, utilities, JSON5, prismReactRenderer, data_import, reactRouter) {
   "use strict";
   function _interopNamespaceDefault(e) {
     const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -4447,7 +4447,7 @@
     return t4;
   }
   function CollectionsSelect(t0) {
-    const $ = reactCompilerRuntime.c(25);
+    const $ = reactCompilerRuntime.c(29);
     let disabled;
     let error;
     let handleChange;
@@ -4499,12 +4499,21 @@
     }
     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$9).filter(Boolean)).values());
+    if ($[10] !== collections) {
+      t2 = Array.from(new Set(Object.values(collections).map(_temp$9).filter(Boolean)).values());
+      $[10] = collections;
+      $[11] = t2;
+    } else {
+      t2 = $[11];
+    }
+    const groups = t2;
+    let t3;
+    if ($[12] !== collections || $[13] !== disabled || $[14] !== error || $[15] !== groups || $[16] !== handleChange || $[17] !== pathPath || $[18] !== props || $[19] !== value) {
       const ungroupedCollections = collections.filter(_temp2$6);
-      let t32;
-      if ($[18] !== collections) {
-        t32 = (selected) => {
+      const t42 = Boolean(error);
+      let t52;
+      if ($[21] !== collections) {
+        t52 = (selected) => {
           const selectedCollection = collections.find((collection) => collection.id === selected || collection.path === selected);
           if (!selectedCollection) {
             return null;
@@ -4514,56 +4523,58 @@
             /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "subtitle2", className: "font-medium ml-4", children: selectedCollection?.name.toUpperCase() })
           ] });
         };
-        $[18] = collections;
-        $[19] = t32;
+        $[21] = collections;
+        $[22] = t52;
       } else {
-        t32 = $[19];
+        t52 = $[22];
       }
-      let t42;
-      if ($[20] !== collections) {
-        t42 = (group) => /* @__PURE__ */ jsxRuntime.jsx(ui.SelectGroup, { label: group || "Views", children: collections.filter((collection_0) => collection_0.group === group).map((collection_1) => /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: collection_1.id ?? collection_1.path, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row", children: [
+      let t6;
+      if ($[23] !== collections || $[24] !== groups) {
+        t6 = groups.flatMap((group) => /* @__PURE__ */ jsxRuntime.jsx(ui.SelectGroup, { label: group || "Views", children: collections.filter((collection_0) => collection_0.group === group).map((collection_1) => /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: collection_1.id ?? collection_1.path, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row", children: [
           /* @__PURE__ */ jsxRuntime.jsx(core.IconForView, { collectionOrView: collection_1 }),
           /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "subtitle2", className: "font-medium ml-4", children: collection_1?.name.toUpperCase() })
-        ] }) }, `${collection_1.id ?? collection_1.path}-${group}`)) }, `group_${group}`);
-        $[20] = collections;
-        $[21] = t42;
+        ] }) }, `${collection_1.id ?? collection_1.path}-${group}`)) }, `group_${group}`));
+        $[23] = collections;
+        $[24] = groups;
+        $[25] = t6;
       } else {
-        t42 = $[21];
+        t6 = $[25];
       }
-      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),
+      t3 = /* @__PURE__ */ jsxRuntime.jsxs(ui.Select, { error: t42, disabled, value: value ?? "", position: "item-aligned", name: pathPath, size: "large", fullWidth: true, onChange: handleChange, label: "Target collection", renderValue: t52, ...props, children: [
+        t6,
         ungroupedCollections && /* @__PURE__ */ jsxRuntime.jsx(ui.SelectGroup, { label: "Views", children: ungroupedCollections.map(_temp3$3) })
       ] });
-      $[10] = collections;
-      $[11] = disabled;
-      $[12] = error;
-      $[13] = handleChange;
-      $[14] = pathPath;
-      $[15] = props;
-      $[16] = value;
-      $[17] = t2;
+      $[12] = collections;
+      $[13] = disabled;
+      $[14] = error;
+      $[15] = groups;
+      $[16] = handleChange;
+      $[17] = pathPath;
+      $[18] = props;
+      $[19] = value;
+      $[20] = t3;
     } else {
-      t2 = $[17];
+      t3 = $[20];
     }
-    let t3;
-    if ($[22] === Symbol.for("react.memo_cache_sentinel")) {
-      t3 = /* @__PURE__ */ jsxRuntime.jsx(core.FieldCaption, { children: "You can only edit the reference collection upon field creation." });
-      $[22] = t3;
+    let t4;
+    if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
+      t4 = /* @__PURE__ */ jsxRuntime.jsx(core.FieldCaption, { children: "You can only edit the reference collection upon field creation." });
+      $[26] = t4;
     } else {
-      t3 = $[22];
+      t4 = $[26];
     }
-    let t4;
-    if ($[23] !== t2) {
-      t4 = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        t2,
-        t3
+    let t5;
+    if ($[27] !== t3) {
+      t5 = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        t3,
+        t4
       ] });
-      $[23] = t2;
-      $[24] = t4;
+      $[27] = t3;
+      $[28] = t5;
     } else {
-      t4 = $[24];
+      t5 = $[28];
     }
-    return t4;
+    return t5;
   }
   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: [
@@ -8482,7 +8493,7 @@
     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) })
+        /* @__PURE__ */ jsxRuntime.jsx(data_import.ImportFileUpload, { onDataAdded: (data, propertiesOrder) => onContinue(data, propertiesOrder) })
       ] });
       $[45] = onContinue;
       $[46] = parentCollection;
@@ -8659,12 +8670,14 @@
         const propertyPath_0 = fullId_0 ? idToPropertiesPath(fullId_0) : void 0;
         const propertyData = importConfig.importData.map((d) => formex.getIn(d, importKey));
         const inferredNewProperty = {
-          ...schema_inference.buildPropertyFromData(propertyData, property_1, data_import_export.getInferenceType),
+          ...schema_inference.buildPropertyFromData(propertyData, property_1, data_import.getInferenceType),
           editable: true
         };
         if (propertyPath_0) {
-          {
+          if (inferredNewProperty) {
             setFieldValue(propertyPath_0, inferredNewProperty, false);
+          } else {
+            setFieldValue(propertyPath_0, property_1, false);
           }
           setFieldTouched(propertyPath_0, true, false);
         }
@@ -8697,7 +8710,7 @@
         if (isIdColumn) {
           return /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { children: " This column will be used as ID" });
         }
-        return /* @__PURE__ */ jsxRuntime.jsx(data_import_export.ImportNewPropertyFieldPreview, { property: property_2, propertyKey: propertyKey_0, onPropertyNameChanged: (propertyKey_1, value) => setFieldValue(`properties.${propertyKey_1}.name`, value, false), onEditClick: () => {
+        return /* @__PURE__ */ jsxRuntime.jsx(data_import.ImportNewPropertyFieldPreview, { property: property_2, propertyKey: propertyKey_0, onPropertyNameChanged: (propertyKey_1, value) => setFieldValue(`properties.${propertyKey_1}.name`, value, false), onEditClick: () => {
           if (!propertyKey_0 || !property_2) {
             return;
           }
@@ -8722,7 +8735,7 @@
     if ($[16] !== importConfig || $[17] !== t5 || $[18] !== t6) {
       t7 = /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { maxWidth: "6xl", className: "flex flex-col gap-4 p-8 m-auto", children: [
         t4,
-        /* @__PURE__ */ jsxRuntime.jsx(data_import_export.DataNewPropertiesMapping, { importConfig, destinationProperties: t5, buildPropertyView: t6 })
+        /* @__PURE__ */ jsxRuntime.jsx(data_import.DataNewPropertiesMapping, { importConfig, destinationProperties: t5, buildPropertyView: t6 })
       ] });
       $[16] = importConfig;
       $[17] = t5;
@@ -8982,7 +8995,7 @@
     let t1;
     if ($[0] !== authController || $[1] !== importConfig || $[2] !== properties) {
       t1 = async function loadEntities2() {
-        const mappedData = importConfig.importData.map((d) => data_import_export.convertDataToEntity(authController, d, importConfig.idColumn, importConfig.headersMapping, properties, "TEMP_PATH", importConfig.defaultValues));
+        const mappedData = importConfig.importData.map((d) => data_import.convertDataToEntity(authController, d, importConfig.idColumn, importConfig.headersMapping, properties, "TEMP_PATH", importConfig.defaultValues));
         importConfig.setEntities(mappedData);
       };
       $[0] = authController;
@@ -9665,7 +9678,7 @@
     groups,
     existingEntities
   }) {
-    const importConfig = data_import_export.useImportConfig();
+    const importConfig = data_import.useImportConfig();
     const navigation = core.useNavigationController();
     const snackbarController = core.useSnackbarController();
     const propertyErrorsRef = React.useRef({});
@@ -9891,7 +9904,7 @@
     }, [dirty]);
     function onImportDataSet(data_0, propertiesOrder) {
       importConfig.setInUse(true);
-      schema_inference.buildEntityPropertiesFromData(data_0, data_import_export.getInferenceType).then((properties) => {
+      schema_inference.buildEntityPropertiesFromData(data_0, data_import.getInferenceType).then((properties) => {
         const res = cleanPropertiesFromImport(properties);
         importConfig.setIdColumn(res.idColumn);
         importConfig.setImportData(data_0);
@@ -9951,7 +9964,7 @@
           }, existingCollectionPaths: existingPaths, parentCollection, pathSuggestions }),
           currentView === "import_data_mapping" && importConfig && /* @__PURE__ */ jsxRuntime.jsx(CollectionEditorImportMapping, { importConfig, collectionEditable, propertyConfigs }),
           currentView === "import_data_preview" && importConfig && /* @__PURE__ */ jsxRuntime.jsx(CollectionEditorImportDataPreview, { importConfig, properties: values_1.properties, propertiesOrder: values_1.propertiesOrder }),
-          currentView === "import_data_saving" && importConfig && /* @__PURE__ */ jsxRuntime.jsx(data_import_export.ImportSaveInProgress, { importConfig, collection: values_1, path, onImportSuccess: async (importedCollection) => {
+          currentView === "import_data_saving" && importConfig && /* @__PURE__ */ jsxRuntime.jsx(data_import.ImportSaveInProgress, { importConfig, collection: values_1, path, onImportSuccess: async (importedCollection) => {
             snackbarController.open({
               type: "info",
               message: "Data imported successfully"
@@ -11409,5 +11422,5 @@
   exports2.useCollectionEditorPlugin = useCollectionEditorPlugin;
   exports2.useCollectionsConfigController = useCollectionsConfigController;
   Object.defineProperty(exports2, Symbol.toStringTag, { value: "Module" });
-});
+}));
 //# sourceMappingURL=index.umd.js.map