@masterteam/form-builder 0.0.52 → 0.0.54

package/fesm2022/masterteam-form-builder.mjs

@@ -1402,7 +1402,12 @@ class FBFieldConditions {
     propertyItems = computed(() => this.availableFields().map((field) => ({
         key: field.key,
         name: field.name,
-        description: field.type ? `${field.name} (${field.type})` : field.name,
+        // The key ends the tooltip because it is the only thing that separates
+        // two same-named fields (a level's "Status" from a task's); repeating
+        // just the name would echo what the chip already shows.
+        description: field.type
+            ? `${field.name} (${field.type}) — ${field.key}`
+            : `${field.name} — ${field.key}`,
         hasValues: isValueBackedViewType(field.type),
     })), ...(ngDevMode ? [{ debugName: "propertyItems" }] : /* istanbul ignore next */ []));
     /** Toolbar labels */
@@ -1522,6 +1527,21 @@ class FBFieldForm {
     allSections = input([], ...(ngDevMode ? [{ debugName: "allSections" }] : /* istanbul ignore next */ []));
     mode = input('builder', ...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
     isManageProperties = computed(() => this.mode() === 'manageProperties', ...(ngDevMode ? [{ debugName: "isManageProperties" }] : /* istanbul ignore next */ []));
+    /**
+     * Connection requiredness is owned by
+     * `propertyMetadata.configuration.sourceLevels[].isOptional`, not by the
+     * form field's legacy `isRequired` flag.
+     */
+    isConnectionField = computed(() => {
+        const field = this.initialData();
+        const viewType = field?.propertyMetadata?.viewType ??
+            field?.property?.viewType ??
+            field?.data?.viewType ??
+            field?.type;
+        return (String(viewType ?? '')
+            .trim()
+            .toLowerCase() === 'connection');
+    }, ...(ngDevMode ? [{ debugName: "isConnectionField" }] : /* istanbul ignore next */ []));
     // UI State
     submitting = signal(false, ...(ngDevMode ? [{ debugName: "submitting" }] : /* istanbul ignore next */ []));
     deleting = signal(false, ...(ngDevMode ? [{ debugName: "deleting" }] : /* istanbul ignore next */ []));
@@ -1560,7 +1580,7 @@ class FBFieldForm {
     labelArControl = new FormControl('', { nonNullable: true });
     /** Whether the field already had a custom label when the dialog opened. */
     hadInitialLabel = signal(false, ...(ngDevMode ? [{ debugName: "hadInitialLabel" }] : /* istanbul ignore next */ []));
-    formConfig = {
+    formConfig = computed(() => ({
         sections: [
             {
                 key: 'section-form',
@@ -1575,6 +1595,10 @@ class FBFieldForm {
                         toggleShape: 'card',
                         colSpan: 12,
                         order: 1,
+                        // Not applicable to a Connection, so it is not offered at all
+                        // rather than shown greyed out. `hidden` also disables the control
+                        // and resets it to `false`, which is the value onSubmit writes.
+                        hidden: this.isConnectionField(),
                     },
                     {
                         key: 'hiddenInCreation',
@@ -1607,7 +1631,7 @@ class FBFieldForm {
                 ],
             },
         ],
-    };
+    }), ...(ngDevMode ? [{ debugName: "formConfig" }] : /* istanbul ignore next */ []));
     /** Simplified form config for manageProperties mode: only size */
     managePropertiesFormConfig = {
         sections: [
@@ -1635,7 +1659,7 @@ class FBFieldForm {
     };
     activeFormConfig = computed(() => this.isManageProperties()
         ? this.managePropertiesFormConfig
-        : this.formConfig, ...(ngDevMode ? [{ debugName: "activeFormConfig" }] : /* istanbul ignore next */ []));
+        : this.formConfig(), ...(ngDevMode ? [{ debugName: "activeFormConfig" }] : /* istanbul ignore next */ []));
     constructor() {
         effect(() => {
             const data = this.initialData();
@@ -1646,7 +1670,9 @@ class FBFieldForm {
                     '100': 'l',
                 };
                 this.formControl.patchValue({
-                    isRequired: data.isRequired ?? false,
+                    isRequired: this.isConnectionField()
+                        ? false
+                        : (data.isRequired ?? false),
                     hiddenInCreation: data.hiddenInCreation ?? false,
                     hiddenInEditForm: data.hiddenInEditForm ?? false,
                     size: widthToSize[data.width] ?? 'l',
@@ -1701,7 +1727,9 @@ class FBFieldForm {
         if (!this.isManageProperties()) {
             payload['hiddenInCreation'] = formValue.hiddenInCreation ?? false;
             payload['hiddenInEditForm'] = formValue.hiddenInEditForm ?? false;
-            payload['isRequired'] = formValue.isRequired ?? false;
+            payload['isRequired'] = this.isConnectionField()
+                ? false
+                : (formValue.isRequired ?? false);
             payload['showConditionalDisplayFormula'] =
                 this.showHideControl.value ?? false;
             payload['conditionalDisplayFormula'] = this.showHideControl.value