@nestledjs/data-browser 1.0.10 → 1.0.13

package/lib/pages/AdminDataEditPage.js

@@ -125,7 +125,18 @@ function extractInitialValues(model, item) {
       initialValues[relationFieldName] = processRelationFieldValue(field, item);
     } else {
       const fieldTypeLower = field.type.toLowerCase();
-      if (fieldTypeLower === "datetime" || fieldTypeLower === "date") {
+      if (field.kind === "enum" && field.isList) {
+        if (!Array.isArray(value)) {
+          value = [];
+        }
+        const arrayValue = value;
+        value = value.join(",");
+        console.log(`[DataBrowser] Enum array field detected - "${field.name}":`, {
+          type: field.type,
+          arrayValue,
+          convertedValue: value
+        });
+      } else if (fieldTypeLower === "datetime" || fieldTypeLower === "date") {
         value = processDateFieldValue(field, value);
       } else {
         value = sanitizeFieldValue(value, field);
@@ -134,6 +145,8 @@ function extractInitialValues(model, item) {
       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]
         });

package/lib/utils/graphql-utils.js

@@ -195,8 +195,33 @@ function buildFormFields(sdk, model, operation, options = {}) {
             enumType: field.type,
             availableValues: enumValues,
             currentValue: initialValue,
-            operation
+            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())
@@ -435,7 +460,7 @@ 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(
@@ -444,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;
@@ -457,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;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nestledjs/data-browser",
-  "version": "1.0.10",
+  "version": "1.0.13",
   "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.10",
+    "@nestledjs/shared-components": "^1.0.13",
     "react": "^19.0.0",
     "react-router": "^7.0.0"
   },