@firecms/collection_editor 3.0.0-canary.145 → 3.0.0-canary.147

package/dist/index.es.js

@@ -5,7 +5,7 @@ import React__default, { useContext, useState, useEffect, useMemo, useRef, useDe
 import equal from "react-fast-compare";
 import { useAutoComplete, Container, Typography, Tooltip, IconButton, Chip, TextField, cls, DebouncedTextField, Autocomplete, AutocompleteItem, ExpandablePanel, SettingsIcon, ClearIcon, Select, SelectItem, BooleanSwitchWithLabel, Dialog, AutoAwesomeIcon, Badge, ListIcon, Button, CircularProgress, Paper, DialogContent, DialogActions, RuleIcon, FileUploadIcon, MultiSelect, MultiSelectItem, cardMixin, cardClickableMixin, cardSelectedMixin, FunctionsIcon, RemoveCircleIcon, defaultBorderMixin, RemoveIcon, DragHandleIcon, AddIcon, SelectGroup, InfoLabel, DeleteIcon, fieldBackgroundMixin, fieldBackgroundDisabledMixin, fieldBackgroundHoverMixin, DialogTitle, Card, WarningOffIcon, ContentCopyIcon, CodeIcon, Table, TableBody, TableRow, TableCell, Alert, Icon, coolIconKeys, Tabs, Tab, ArrowBackIcon, LoadingButton, DoneIcon, Menu, MoreVertIcon, MenuItem, SaveIcon, UndoIcon } from "@firecms/ui";
 import * as Yup from "yup";
-import { useFormex, Field, getIn, useCreateFormex, Formex } from "@firecms/formex";
+import { useFormex, Field, getIn, useCreateFormex, Formex, clone } from "@firecms/formex";
 import { extractEnumFromValues, buildPropertyFromData, buildEntityPropertiesFromData } from "@firecms/schema_inference";
 import { DragDropContext, Droppable, Draggable } from "@hello-pangea/dnd";
 import JSON5 from "json5";
@@ -3048,6 +3048,7 @@ const PropertyForm = React__default.memo(
       onPropertyChanged?.(params);
     };
     const formexController = useCreateFormex({
+      debugId: "PROPERTY_FORM",
       initialValues: property ? { id: propertyKey, ...property } : initialValue,
       initialErrors,
       validateOnChange: true,
@@ -3708,7 +3709,7 @@ function GetCodeDialog({
   open
 }) {
   const snackbarController = useSnackbarController();
-  const code = collection ? 'import { EntityCollection } from "@firecms/core";\n\nconst ' + (collection?.name ? camelCase(collection.name) : "my") + "Collection:EntityCollection = " + JSON5.stringify(collectionToCode(collection), null, "	") : "No collection selected";
+  const code = collection ? 'import { EntityCollection } from "@firecms/core";\n\nconst ' + (collection?.name ? camelCase(collection.name) : "my") + "Collection:EntityCollection = " + JSON5.stringify(collectionToCode({ ...collection }), null, "	") : "No collection selected";
   return /* @__PURE__ */ jsxs(
     Dialog,
     {
@@ -3778,33 +3779,34 @@ function GetCodeDialog({
 }
 function collectionToCode(collection) {
   const propertyCleanup = (value) => {
-    if (typeof value === "function") {
-      return value;
+    const valueCopy = clone(value);
+    if (typeof valueCopy === "function") {
+      return valueCopy;
     }
-    if (Array.isArray(value)) {
-      return value.map((v) => propertyCleanup(v));
+    if (Array.isArray(valueCopy)) {
+      return valueCopy.map((v) => propertyCleanup(v));
     }
-    if (typeof value === "object") {
-      if (value === null)
-        return value;
-      Object.keys(value).forEach((key) => {
-        if (!isEmptyObject(value)) {
-          const childRes = propertyCleanup(value[key]);
+    if (typeof valueCopy === "object") {
+      if (valueCopy === null)
+        return valueCopy;
+      Object.keys(valueCopy).forEach((key) => {
+        if (!isEmptyObject(valueCopy)) {
+          const childRes = propertyCleanup(valueCopy[key]);
           if (childRes !== null && childRes !== void 0 && childRes !== false && !isEmptyObject(childRes)) {
-            value[key] = childRes;
+            valueCopy[key] = childRes;
           } else {
-            delete value[key];
+            delete valueCopy[key];
           }
         }
       });
     }
-    delete value.fromBuilder;
-    delete value.resolved;
-    delete value.propertiesOrder;
-    delete value.propertyConfig;
-    delete value.resolvedProperties;
-    delete value.editable;
-    return value;
+    delete valueCopy.fromBuilder;
+    delete valueCopy.resolved;
+    delete valueCopy.propertiesOrder;
+    delete valueCopy.propertyConfig;
+    delete valueCopy.resolvedProperties;
+    delete valueCopy.editable;
+    return valueCopy;
   };
   return {
     id: collection.id,
@@ -3959,15 +3961,10 @@ function CollectionPropertiesEditorForm({
     previousId,
     namespace
   }) => {
+    console.log("!!!!!! onPropertyChanged", property);
     const fullId = id ? getFullId(id, namespace) : void 0;
     const propertyPath = fullId ? idToPropertiesPath(fullId) : void 0;
     if (previousId && previousId !== id) {
-      console.debug("onPropertyChanged, id change", {
-        id,
-        property,
-        previousId,
-        namespace
-      });
       const previousFullId = getFullId(previousId, namespace);
       const previousPropertyPath = idToPropertiesPath(previousFullId);
       const currentPropertiesOrder = getCurrentPropertiesOrder(namespace);
@@ -5697,7 +5694,7 @@ function CollectionEditorInternal({
     try {
       if (!isNewCollection) {
         saveCollection(newCollectionState).then(() => {
-          formexController.resetForm({ values: initialValues });
+          formexController.resetForm();
           handleClose(newCollectionState);
         });
         return;
@@ -5781,7 +5778,8 @@ function CollectionEditorInternal({
   const formController = useCreateFormex({
     initialValues,
     onSubmit,
-    validation
+    validation,
+    debugId: "COLLECTION_EDITOR"
   });
   const {
     values,