@nestledjs/data-browser 1.0.9 → 1.0.12

package/lib/pages/AdminDataEditPage.js

@@ -106,6 +106,7 @@ function extractInitialValues(model, item) {
   if (!item) {
     return initialValues;
   }
+  console.log(`[DataBrowser] Extracting initial values for ${model.name}:`, item);
   const idField = model.fields.find((f) => f.isId);
   if (idField) {
     initialValues[idField.name] = item[idField.name];
@@ -129,10 +130,29 @@ function extractInitialValues(model, item) {
       } else {
         value = sanitizeFieldValue(value, field);
       }
+      if (field.kind === "enum" && field.isList && Array.isArray(value)) {
+        const arrayValue = value;
+        value = value.join(",");
+        console.log(`[DataBrowser] Enum array field detected - "${field.name}":`, {
+          type: field.type,
+          arrayValue,
+          convertedValue: value
+        });
+      }
       initialValues[field.name] = value;
+      if (value !== null && typeof value === "string" && fieldTypeLower !== "string" && fieldTypeLower !== "datetime" && fieldTypeLower !== "date") {
+        console.log(`[DataBrowser] Enum field detected - "${field.name}":`, {
+          type: field.type,
+          kind: field.kind,
+          isList: field.isList,
+          extractedValue: value,
+          rawValue: item[field.name]
+        });
+      }
     }
   });
   performFinalSafetyChecks(initialValues, model);
+  console.log(`[DataBrowser] Final initial values for ${model.name}:`, initialValues);
   return initialValues;
 }
 const validateId = (id) => {
@@ -483,6 +503,7 @@ function AdminDataEditPageContent({ model, id, basePath, formTheme, displayField
   });
   const initialValues = extractInitialValues(model, item);
   const handleSubmit = async (formData) => {
+    console.log(`[DataBrowser] Form submission for ${model.name}:`, formData);
     setSubmissionState({ status: "loading" });
     const result = await executeUpdateMutation(updateMutation, formData, model, id, idVariableName);
     setSubmissionState({
@@ -491,7 +512,9 @@ function AdminDataEditPageContent({ model, id, basePath, formTheme, displayField
     });
     window.scrollTo({ top: 0, behavior: "smooth" });
     if (result.success) {
-      await refetch();
+      console.log(`[DataBrowser] Update successful, refetching data for ${model.name}...`);
+      const refetchResult = await refetch();
+      console.log(`[DataBrowser] Refetch complete for ${model.name}:`, refetchResult.data);
     }
   };
   const handleDelete = async () => {

package/lib/utils/graphql-utils.js

@@ -191,14 +191,43 @@ function buildFormFields(sdk, model, operation, options = {}) {
       default: {
         const enumValues = getEnumValues(sdk, field.type);
         if (enumValues) {
+          console.log(`[DataBrowser] Building enum field "${field.name}":`, {
+            enumType: field.type,
+            availableValues: enumValues,
+            currentValue: initialValue,
+            operation,
+            isList: field.isList
+          });
+          if (field.isList) {
+            let defaultValue = "";
+            if (Array.isArray(initialValue) && initialValue.length > 0) {
+              defaultValue = initialValue.join(",");
+            }
+            console.log(`[DataBrowser] Array enum field "${field.name}" converted:`, {
+              arrayValue: initialValue,
+              stringValue: defaultValue
+            });
+            const checkboxOptions = enumValues.map((value) => ({
+              key: value,
+              value,
+              label: value.replaceAll("_", " ").toLowerCase().replace(/^./, (str) => str.toUpperCase())
+            }));
+            formField = FormFieldClass.checkboxGroup(field.name, {
+              label: options2.label,
+              required: options2.required,
+              checkboxOptions,
+              checkboxDirection: "column",
+              // Don't set value in field options for update operations
+              ...operation !== "update" && defaultValue && { defaultValue }
+            });
+            break;
+          }
           const selectOptions = enumValues.map((value) => ({
             value,
             label: value.replace(/_/g, " ").toLowerCase().replace(/^./, (str) => str.toUpperCase())
           }));
-          formField = FormFieldClass.select(field.name, {
-            ...options2,
-            options: selectOptions
-          });
+          const enumOptions = operation === "update" ? { label: options2.label, required: options2.required, options: selectOptions } : { ...options2, options: selectOptions };
+          formField = FormFieldClass.select(field.name, enumOptions);
           break;
         }
         if (field.relationName && !field.isList) {
@@ -431,7 +460,8 @@ function processNestedObject(value, model) {
   return Object.keys(cleanedNested).length > 0 ? cleanedNested : null;
 }
 function cleanFormInput(input, model) {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d, _e, _f, _g;
+  console.log(`[DataBrowser] Cleaning form input for ${model == null ? void 0 : model.name}:`, input);
   const cleaned = {};
   const booleanFields = new Set(
     ((_b = (_a = model == null ? void 0 : model.fields) == null ? void 0 : _a.filter((field) => field.type.toLowerCase() === "boolean")) == null ? void 0 : _b.map((field) => field.name)) || []
@@ -439,11 +469,31 @@ function cleanFormInput(input, model) {
   const requiredArrayFields = new Set(
     ((_d = (_c = model == null ? void 0 : model.fields) == null ? void 0 : _c.filter((field) => field.isList && !field.isOptional && !field.relationName)) == null ? void 0 : _d.map((field) => field.name)) || []
   );
+  const enumArrayFields = new Set(
+    ((_f = (_e = model == null ? void 0 : model.fields) == null ? void 0 : _e.filter((field) => field.isList && field.kind === "enum")) == null ? void 0 : _f.map((field) => field.name)) || []
+  );
   for (const [key, value] of Object.entries(input)) {
     if (booleanFields.has(key) && value === void 0) {
       cleaned[key] = false;
       continue;
     }
+    if (enumArrayFields.has(key)) {
+      if (typeof value === "string") {
+        const arrayValue = value.split(",").filter((v) => v.trim() !== "");
+        console.log(`[DataBrowser] Converting enum array "${key}":`, {
+          stringValue: value,
+          arrayValue
+        });
+        cleaned[key] = arrayValue;
+        continue;
+      } else if (Array.isArray(value)) {
+        cleaned[key] = value;
+        continue;
+      } else if (value === void 0 || value === null || value === "") {
+        cleaned[key] = [];
+        continue;
+      }
+    }
     if (requiredArrayFields.has(key) && (value === void 0 || value === null || value === "")) {
       cleaned[key] = [];
       continue;
@@ -452,7 +502,7 @@ function cleanFormInput(input, model) {
       continue;
     }
     if (typeof value === "string") {
-      const field = (_e = model == null ? void 0 : model.fields) == null ? void 0 : _e.find((f) => f.name === key);
+      const field = (_g = model == null ? void 0 : model.fields) == null ? void 0 : _g.find((f) => f.name === key);
       const convertedValue = convertStringValue(value, field);
       cleaned[key] = convertedValue;
       continue;
@@ -471,6 +521,7 @@ function cleanFormInput(input, model) {
     }
     cleaned[key] = value;
   }
+  console.log(`[DataBrowser] Cleaned form input for ${model == null ? void 0 : model.name}:`, cleaned);
   return cleaned;
 }
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nestledjs/data-browser",
-  "version": "1.0.9",
+  "version": "1.0.12",
   "description": "Universal admin data browser for Nestled framework projects with full CRUD operations",
   "main": "./index.js",
   "module": "./index.js",
@@ -38,7 +38,7 @@
     "@apollo/client": "^4.0.0",
     "@heroicons/react": "^2.0.0",
     "@nestledjs/forms": "^0.6.3",
-    "@nestledjs/shared-components": "^1.0.9",
+    "@nestledjs/shared-components": "^1.0.12",
     "react": "^19.0.0",
     "react-router": "^7.0.0"
   },