@ai-table/grid 0.5.2 → 0.5.4

package/fesm2022/ai-table-grid.mjs

@@ -11830,11 +11830,10 @@ function toggleSelectAllRecords(aiTable, checked) {
 }
 function getNextRecordByActiveCell(aiTable) {
     const records = aiTable.gridData().records;
-    const visibleRowsIndexMap = aiTable.context.visibleRowsIndexMap();
     const currentId = aiTable.selection().activeCell?.[0];
     if (!currentId)
         return null;
-    const currentIndex = visibleRowsIndexMap.get(currentId) || 0;
+    const currentIndex = records.findIndex((item) => item._id === currentId);
     if (currentIndex === -1 || currentIndex === records.length - 1) {
         return null;
     }
@@ -11843,11 +11842,10 @@ function getNextRecordByActiveCell(aiTable) {
 }
 function getPreviousRecordByActiveCell(aiTable) {
     const records = aiTable.gridData().records;
-    const visibleRowsIndexMap = aiTable.context.visibleRowsIndexMap();
     const currentId = aiTable.selection().activeCell?.[0];
     if (!currentId)
         return null;
-    const currentIndex = visibleRowsIndexMap.get(currentId) || 0;
+    const currentIndex = records.findIndex((item) => item._id === currentId);
     if (currentIndex <= 0) {
         return null;
     }
@@ -11856,8 +11854,7 @@ function getPreviousRecordByActiveCell(aiTable) {
 }
 function getRecordNavigationInfo(aiTable, recordId) {
     const records = aiTable.gridData().records;
-    const visibleRowsIndexMap = aiTable.context.visibleRowsIndexMap();
-    const index = visibleRowsIndexMap.get(recordId) || 0;
+    const index = records.findIndex((item) => item._id === recordId);
     if (index === -1)
         return null;
     return {
@@ -12653,6 +12650,7 @@ class RecordDetailComponent {
         this.activeFieldId = null;
         this.fieldMenuActive = signal({}, ...(ngDevMode ? [{ debugName: "fieldMenuActive" }] : []));
         this.fieldMenuPopoverRef = null;
+        this.currentPopoverFieldId = null;
         this.slideRef = inject(ThySlideRef);
         this.thyPopover = inject(ThyPopover);
         effect(() => {
@@ -12668,6 +12666,17 @@ class RecordDetailComponent {
                 this.internalRecordId.set(activeCell[0]);
             }
         });
+        effect(() => {
+            const fields = this.fields();
+            if (this.currentPopoverFieldId && this.fieldMenuPopoverRef) {
+                const fieldExists = fields.some((field) => field._id === this.currentPopoverFieldId);
+                if (!fieldExists) {
+                    this.fieldMenuPopoverRef.close();
+                    this.fieldMenuPopoverRef = null;
+                    this.currentPopoverFieldId = null;
+                }
+            }
+        });
     }
     updateRecordId(recordId) {
         this.recordId.set(recordId);
@@ -12698,6 +12707,7 @@ class RecordDetailComponent {
         const origin = e.currentTarget;
         const position = fieldMenuOrigin.getBoundingClientRect();
         this.fieldMenuActive.set({ [fieldId]: true });
+        this.currentPopoverFieldId = fieldId;
         let isSelfClose = false;
         this.fieldMenuPopoverRef =
             this.thyPopover.open(AITableFieldMenu, {
@@ -12723,6 +12733,7 @@ class RecordDetailComponent {
                     this.fieldMenuActive.set({ [fieldId]: false });
                 }
                 this.fieldMenuPopoverRef = null;
+                this.currentPopoverFieldId = null;
             });
         }
     }