From 5a61d649bde44891b801e5d4485f146d9caff973 Mon Sep 17 00:00:00 2001
From: Fahri Gedik <53567152+fahrigedik@users.noreply.github.com>
Date: Fri, 13 Feb 2026 13:50:32 +0300
Subject: [PATCH] Use ReadonlyPropData and fix data access

Replace PropData with ReadonlyPropData for the component input and update all usages to treat this.data() as the prop data (remove prior .data dereferences). Remove the unused PropData import, route the options() call and disabled checks to use the new shape, and add cdRef.markForCheck() in the reactive effect to ensure change detection after updates.
---
 .../extensible-form-prop.component.ts                | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/npm/ng-packs/packages/components/extensible/src/lib/components/extensible-form/extensible-form-prop.component.ts b/npm/ng-packs/packages/components/extensible/src/lib/components/extensible-form/extensible-form-prop.component.ts
index 12bec8bdb3..3940d70cf2 100644
--- a/npm/ng-packs/packages/components/extensible/src/lib/components/extensible-form/extensible-form-prop.component.ts
+++ b/npm/ng-packs/packages/components/extensible/src/lib/components/extensible-form/extensible-form-prop.component.ts
@@ -39,7 +39,7 @@ import { debounceTime, distinctUntilChanged, switchMap } from 'rxjs/operators';
 import { DateAdapter, DisabledDirective, TimeAdapter } from '@abp/ng.theme.shared';
 import { EXTRA_PROPERTIES_KEY } from '../../constants/extra-properties';
 import { FormProp } from '../../models/form-props';
-import { PropData, ReadonlyPropData } from '../../models/props';
+import { ReadonlyPropData } from '../../models/props';
 import { selfFactory } from '../../utils/factory.util';
 import { addTypeaheadTextSuffix } from '../../utils/typeahead.util';
 import { eExtensibleComponents } from '../../enums/components';
@@ -91,7 +91,7 @@ export class ExtensibleFormPropComponent implements AfterViewInit {
   private injector = inject(Injector);
   private readonly form = this.#groupDirective.form;
 
-  readonly data = input.required<PropData>();
+  readonly data = input.required<ReadonlyPropData>();
   readonly prop = input.required<FormProp>();
   readonly first = input<boolean | undefined>(undefined);
   readonly isFirstGroup = input<boolean | undefined>(undefined);
@@ -110,7 +110,7 @@ export class ExtensibleFormPropComponent implements AfterViewInit {
   disabledFn = (data: ReadonlyPropData) => false;
 
   get disabled() {
-    const data = this.data()?.data;
+    const data = this.data();
     if (!data) return false;
     return this.disabledFn(data);
   }
@@ -119,7 +119,7 @@ export class ExtensibleFormPropComponent implements AfterViewInit {
     // Watch prop changes and update state
     effect(() => {
       const currentProp = this.prop();
-      const data = this.data()?.data;
+      const data = this.data();
       if (!currentProp || !data) return;
 
       const { options, readonly, disabled, validators, className, template } = currentProp;
@@ -158,6 +158,8 @@ export class ExtensibleFormPropComponent implements AfterViewInit {
       const [keyControl, valueControl] = this.getTypeaheadControls();
       if (keyControl && valueControl)
         this.typeaheadModel = { key: keyControl.value, value: valueControl.value };
+
+      this.cdRef.markForCheck();
     });
   }
 
@@ -175,7 +177,7 @@ export class ExtensibleFormPropComponent implements AfterViewInit {
       ? text$.pipe(
           debounceTime(300),
           distinctUntilChanged(),
-          switchMap(text => this.prop()?.options?.(this.data().data, text) || of([])),
+          switchMap(text => this.prop()?.options?.(this.data(), text) || of([])),
         )
       : of([]);