@ni/ok-components 0.1.19 → 0.1.20

package/dist/all-components-bundle.js

@@ -70221,6 +70221,7 @@ focus outline in that case.
               newState: menuButtonEventDetail.newState,
               oldState: menuButtonEventDetail.oldState,
               recordIds: [this.recordId],
+              operatingRecordId: this.recordId,
               columnId: column.columnId
           };
           this.$emit(eventType, detail);
@@ -72074,7 +72075,8 @@ focus outline in that case.
       'columnWidths',
       'columnDefinition',
       'actionMenuSlots',
-      'selectionMode'
+      'selectionMode',
+      'actionMenusPreserveSelection'
   ];
   /**
    * Helper class to track what updates are needed to the table based on configuration
@@ -72113,6 +72115,9 @@ focus outline in that case.
       get updateSelectionMode() {
           return this.isTracked('selectionMode');
       }
+      get updateActionMenusPreserveSelection() {
+          return this.isTracked('actionMenusPreserveSelection');
+      }
       get requiresTanStackUpdate() {
           return (this.isTracked('rowIds')
               || this.isTracked('rowParentIds')
@@ -72191,6 +72196,10 @@ focus outline in that case.
           this.track('selectionMode');
           this.queueUpdate();
       }
+      trackActionMenusPreserveSelectionChanged() {
+          this.track('actionMenusPreserveSelection');
+          this.queueUpdate();
+      }
       queueUpdate() {
           if (!this.table.$fastController.isConnected) {
               return;
@@ -72210,8 +72219,12 @@ focus outline in that case.
    * Abstract base class for handling behavior associated with interactive row selection of the table.
    */
   class SelectionManagerBase {
-      constructor(tanStackTable) {
+      constructor(tanStackTable, actionMenusPreserveSelection) {
           this.tanStackTable = tanStackTable;
+          this.actionMenusPreserveSelection = actionMenusPreserveSelection;
+      }
+      updateActionMenusPreserveSelection(actionMenusPreserveSelection) {
+          this.actionMenusPreserveSelection = actionMenusPreserveSelection;
       }
       reset() { }
       toggleIsRowSelected(rowState, isSelecting) {
@@ -72338,6 +72351,9 @@ focus outline in that case.
           return this.selectSingleRow(rowState);
       }
       handleActionMenuOpening(rowState) {
+          if (this.actionMenusPreserveSelection) {
+              return false;
+          }
           if (rowState.selectionState === TableRowSelectionState.selected) {
               return false;
           }
@@ -72424,6 +72440,9 @@ focus outline in that case.
           return this.selectSingleRow(rowState);
       }
       handleActionMenuOpening(rowState) {
+          if (this.actionMenusPreserveSelection) {
+              return false;
+          }
           return this.handleRowClick(rowState, false, false);
       }
   }
@@ -72433,9 +72452,10 @@ focus outline in that case.
    * handling when the selection mode of the table is changed.
    */
   class InteractiveSelectionManager {
-      constructor(tanStackTable, selectionMode) {
+      constructor(tanStackTable, selectionMode, actionMenusPreserveSelection) {
           this.tanStackTable = tanStackTable;
-          this.selectionManager = this.createSelectionManager(selectionMode);
+          this.actionMenusPreserveSelection = actionMenusPreserveSelection;
+          this.selectionManager = this.createSelectionManager(selectionMode, actionMenusPreserveSelection);
       }
       handleRowSelectionToggle(rowState, isSelecting, shiftKey) {
           if (!rowState) {
@@ -72456,7 +72476,11 @@ focus outline in that case.
           return this.selectionManager.handleActionMenuOpening(rowState);
       }
       handleSelectionModeChanged(selectionMode) {
-          this.selectionManager = this.createSelectionManager(selectionMode);
+          this.selectionManager = this.createSelectionManager(selectionMode, this.actionMenusPreserveSelection);
+      }
+      handleActionMenusPreserveSelectionChanged(actionMenusPreserveSelection) {
+          this.actionMenusPreserveSelection = actionMenusPreserveSelection;
+          this.selectionManager.updateActionMenusPreserveSelection(actionMenusPreserveSelection);
       }
       handleSelectionReset() {
           this.selectionManager.reset();
@@ -72474,14 +72498,14 @@ focus outline in that case.
           });
           return selectedRecordIds;
       }
-      createSelectionManager(selectionMode) {
+      createSelectionManager(selectionMode, actionMenusPreserveSelection) {
           switch (selectionMode) {
               case TableRowSelectionMode.multiple:
-                  return new MultiSelectionManager(this.tanStackTable);
+                  return new MultiSelectionManager(this.tanStackTable, actionMenusPreserveSelection);
               case TableRowSelectionMode.single:
-                  return new SingleSelectionManager(this.tanStackTable);
+                  return new SingleSelectionManager(this.tanStackTable, actionMenusPreserveSelection);
               case TableRowSelectionMode.none:
-                  return new DisabledSelectionManager(this.tanStackTable);
+                  return new DisabledSelectionManager(this.tanStackTable, actionMenusPreserveSelection);
               default:
                   throw new Error('unknown selection mode found');
           }
@@ -73828,6 +73852,7 @@ focus outline in that case.
       constructor() {
           super();
           this.selectionMode = TableRowSelectionMode.none;
+          this.actionMenusPreserveSelection = false;
           /**
            * @internal
            */
@@ -73969,7 +73994,7 @@ focus outline in that case.
           this.layoutManager = new TableLayoutManager(this);
           this.layoutManagerNotifier = Observable.getNotifier(this.layoutManager);
           this.layoutManagerNotifier.subscribe(this, 'isColumnBeingSized');
-          this.selectionManager = new InteractiveSelectionManager(this.table, this.selectionMode);
+          this.selectionManager = new InteractiveSelectionManager(this.table, this.selectionMode, this.actionMenusPreserveSelection);
           this.expansionManager = new ExpansionManager(this.table);
       }
       async setData(newData) {
@@ -74215,6 +74240,9 @@ focus outline in that case.
           if (this.tableUpdateTracker.updateActionMenuSlots) {
               this.updateActionMenuSlots();
           }
+          if (this.tableUpdateTracker.updateActionMenusPreserveSelection) {
+              this.selectionManager.handleActionMenusPreserveSelectionChanged(this.actionMenusPreserveSelection);
+          }
           if (this.tableUpdateTracker.updateColumnWidths) {
               this.rowGridColumns = this.layoutManager.getGridTemplateColumns();
               this.visibleColumns = this.columns.filter(column => !column.columnHidden);
@@ -74270,6 +74298,12 @@ focus outline in that case.
           }
           this.tableUpdateTracker.trackSelectionModeChanged();
       }
+      actionMenusPreserveSelectionChanged(_prev, _next) {
+          if (!this.$fastController.isConnected) {
+              return;
+          }
+          this.tableUpdateTracker.trackActionMenusPreserveSelectionChanged();
+      }
       idFieldNameChanged(_prev, _next) {
           if (!this.$fastController.isConnected) {
               return;
@@ -74303,7 +74337,7 @@ focus outline in that case.
           if (selectionChanged) {
               await this.emitSelectionChangeEvent();
           }
-          this.openActionMenuRecordId = event.detail.recordIds[0];
+          this.openActionMenuRecordId = event.detail.operatingRecordId;
           this.updateRequestedSlotsForOpeningActionMenu(this.openActionMenuRecordId);
           const detail = await this.getActionMenuToggleEventDetail(event);
           this.$emit('action-menu-beforetoggle', detail);
@@ -74317,9 +74351,14 @@ focus outline in that case.
           }
       }
       async getActionMenuToggleEventDetail(originalEvent) {
-          const recordIds = this.selectionMode === TableRowSelectionMode.multiple
-              ? await this.getSelectedRecordIds()
-              : [this.openActionMenuRecordId];
+          let recordIds;
+          if (this.selectionMode === TableRowSelectionMode.multiple
+              || this.actionMenusPreserveSelection) {
+              recordIds = await this.getSelectedRecordIds();
+          }
+          else {
+              recordIds = [this.openActionMenuRecordId];
+          }
           return {
               ...originalEvent.detail,
               recordIds
@@ -74685,6 +74724,9 @@ focus outline in that case.
   __decorate([
       attr({ attribute: 'selection-mode' })
   ], Table$1.prototype, "selectionMode", void 0);
+  __decorate([
+      attr({ attribute: 'action-menus-preserve-selection', mode: 'boolean' })
+  ], Table$1.prototype, "actionMenusPreserveSelection", void 0);
   __decorate([
       observable
   ], Table$1.prototype, "tableData", void 0);