web-mojo 2.1.698 → 2.1.699

package/dist/chunks/{FormView-D1GaAaSs.js → FormView-Dh8Yqk2d.js}

@@ -1,4 +1,4 @@
-import { M as Mustache, h as MOJOUtils, V as View } from "./WebApp-BH3MsXRH.js";
+import { M as Mustache, h as MOJOUtils, V as View } from "./WebApp-CCK9ce5Y.js";
 class FormBuilder {
   constructor(config = {}) {
     this.fields = config.fields || [];
@@ -1629,6 +1629,7 @@ class FormBuilder {
       maxItems = 10,
       emptyFetch = false,
       debounceMs = 300,
+      requiresActiveGroup = false,
       help = field.helpText || field.help || ""
     } = field;
     const fieldId = this.getFieldId(name);
@@ -1651,7 +1652,8 @@ class FormBuilder {
       debounceMs,
       disabled,
       readonly,
-      required
+      required,
+      requiresActiveGroup
     })}'>
           <input type="text"
                  id="${fieldId}"
@@ -2734,14 +2736,18 @@ class CollectionDropdownView extends View {
     this.focusedIndex = options.focusedIndex || -1;
   }
   async getViewData() {
-    const items = this.collection ? this.collection.toJSON().map((item, index) => ({
-      ...item,
-      labelField: item[this.labelField],
-      valueField: item[this.valueField],
-      isSelected: item[this.valueField] == this.selectedValue,
-      isFocused: index === this.focusedIndex,
-      index
-    })) : [];
+    const items = this.collection ? this.collection.toJSON().map((item, index) => {
+      const labelValue = MOJOUtils.getNestedValue(item, this.labelField);
+      const fieldValue = MOJOUtils.getNestedValue(item, this.valueField);
+      return {
+        ...item,
+        labelField: labelValue,
+        valueField: fieldValue,
+        isSelected: fieldValue == this.selectedValue,
+        isFocused: index === this.focusedIndex,
+        index
+      };
+    }) : [];
     return {
       loading: this.loading,
       hasSearched: this.hasSearched,
@@ -2830,8 +2836,8 @@ class CollectionSelectView extends View {
     this.hasError = false;
     this.errorMessage = "";
     if (this.selectedValue && typeof this.selectedValue === "object") {
-      this.selectedLabel = this.selectedValue[this.labelField] || "";
-      this.selectedValue = this.selectedValue[this.valueField] || "0";
+      this.selectedLabel = MOJOUtils.getNestedValue(this.selectedValue, this.labelField) || "";
+      this.selectedValue = MOJOUtils.getNestedValue(this.selectedValue, this.valueField) || "0";
     }
     this.searchTimer = null;
     this.dropdownView = null;
@@ -2889,13 +2895,13 @@ class CollectionSelectView extends View {
       if (this.selectedLabel) return;
       const selectedModel = this.collection?.get(this.selectedValue);
       if (selectedModel) {
-        this.selectedLabel = selectedModel.get(this.labelField);
+        this.selectedLabel = this.getFieldValue(selectedModel, this.labelField);
         this.render(false);
         return;
       }
       let model = await this.collection.fetchOne(this.selectedValue);
       if (model) {
-        this.selectedLabel = model.get(this.labelField, `${model.constructor.name} #${model.id}`);
+        this.selectedLabel = this.getFieldValue(model, this.labelField) || `${model.constructor.name} #${model.id}`;
         this.render(false);
       }
     } catch (error) {
@@ -3167,8 +3173,8 @@ class CollectionSelectView extends View {
     let newValue = value;
     let newLabel = "";
     if (newValue && typeof newValue === "object") {
-      newLabel = newValue[this.labelField] || "";
-      newValue = newValue[this.valueField];
+      newLabel = MOJOUtils.getNestedValue(newValue, this.labelField) || "";
+      newValue = MOJOUtils.getNestedValue(newValue, this.valueField);
     }
     newValue = newValue || "0";
     if (newValue == this.selectedValue) {
@@ -3189,6 +3195,23 @@ class CollectionSelectView extends View {
       this.render();
     }
   }
+  /**
+   * Helper method to get field value from model or plain object with dot notation support
+   * @param {Object|Model} item - The item to get value from
+   * @param {string} fieldPath - The field path (supports dot notation)
+   * @returns {*} The field value
+   */
+  getFieldValue(item, fieldPath) {
+    if (!item || !fieldPath) return void 0;
+    if (typeof item.get === "function") {
+      const value = item.get(fieldPath);
+      if (value === void 0 && fieldPath.includes(".")) {
+        return MOJOUtils.getNestedValue(item, fieldPath);
+      }
+      return value;
+    }
+    return MOJOUtils.getNestedValue(item, fieldPath);
+  }
 }
 class DatePicker extends View {
   constructor(options = {}) {
@@ -6196,4 +6219,4 @@ export {
   applyFileDropMixin as a,
   FormView$1 as b
 };
-//# sourceMappingURL=FormView-D1GaAaSs.js.map
+//# sourceMappingURL=FormView-Dh8Yqk2d.js.map