@ni/nimble-components 30.0.0 → 30.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -16333,7 +16333,7 @@
16333
16333
 
16334
16334
  /**
16335
16335
  * Do not edit directly
16336
- * Generated on Tue, 16 Jul 2024 22:15:12 GMT
16336
+ * Generated on Tue, 16 Jul 2024 23:38:17 GMT
16337
16337
  */
16338
16338
 
16339
16339
  const Information100DarkUi = "#a46eff";
@@ -64816,12 +64816,6 @@ img.ProseMirror-separator {
64816
64816
  get tabbableChildren() {
64817
64817
  return [];
64818
64818
  }
64819
- /**
64820
- * Called if an element inside this cell view has focus, and this row/cell is being recycled.
64821
- * Expected implementation is to commit changes as needed, and blur the focusable element (or close
64822
- * the menu/popup/etc).
64823
- */
64824
- focusedRecycleCallback() { }
64825
64819
  columnChanged() {
64826
64820
  for (const eventName of this.delegatedEvents) {
64827
64821
  this.removeEventListener(eventName, this.delegatedEventHandler);
@@ -66067,14 +66061,6 @@ focus outline in that case.
66067
66061
  this.menuOpen = event.detail.newState;
66068
66062
  this.emitActionMenuToggleEvent('row-action-menu-toggle', event.detail, column);
66069
66063
  }
66070
- closeOpenActionMenus() {
66071
- if (this.menuOpen) {
66072
- const cellWithMenuOpen = Array.from(this.cellContainer.children).find(c => c instanceof TableCell && c.menuOpen);
66073
- if (cellWithMenuOpen?.actionMenuButton?.open) {
66074
- cellWithMenuOpen.actionMenuButton.toggleButton.control.click();
66075
- }
66076
- }
66077
- }
66078
66064
  /** @internal */
66079
66065
  handleChange(source, args) {
66080
66066
  if (source instanceof ColumnInternals
@@ -67513,7 +67499,6 @@ focus outline in that case.
67513
67499
  };
67514
67500
  }
67515
67501
  handleVirtualizerChange() {
67516
- this.table.handleFocusedCellRecycling();
67517
67502
  const virtualizer = this.virtualizer;
67518
67503
  this.visibleItems = virtualizer.getVirtualItems();
67519
67504
  this.scrollHeight = virtualizer.getTotalSize();
@@ -68831,9 +68816,10 @@ focus outline in that case.
68831
68816
  }
68832
68817
  }
68833
68818
  if (focusRowAndCell) {
68834
- // Focusable elements in cells, and action menus, are both blurred on scroll. To maintain our row/cell focus state,
68835
- // we focus the cell instead here. (We also don't want to refocus the cell content when the focusedRecycleCallback just
68836
- // blurred it.)
68819
+ // We want open action menus to be closed, and focused interactive cell content blurred, on scroll. We also don't want to
68820
+ // refocus the interactive cell content after the scroll, as the element no longer represents the same table data at that
68821
+ // point. So in both those cases, we focus the cell here. This also lets us maintain what row/ cell the user had focused
68822
+ // previously.
68837
68823
  if (this.focusType === TableFocusType.cellActionMenu
68838
68824
  || this.focusType === TableFocusType.cellContent) {
68839
68825
  this.setCellFocusState(this.columnIndex, this.rowIndex, false);
@@ -68860,11 +68846,6 @@ focus outline in that case.
68860
68846
  }
68861
68847
  }
68862
68848
  }
68863
- handleFocusedCellRecycling(hadRowOrCellFocus) {
68864
- if (hadRowOrCellFocus && !this.focusWithinTable) {
68865
- this.focusCurrentRow(false);
68866
- }
68867
- }
68868
68849
  onRowFocusIn(event) {
68869
68850
  if (this.isCurrentlyFocusingElement) {
68870
68851
  return;
@@ -70037,29 +70018,6 @@ focus outline in that case.
70037
70018
  }
70038
70019
  return tanStackUpdates;
70039
70020
  }
70040
- /** @internal */
70041
- handleFocusedCellRecycling() {
70042
- const hadActiveRowOrCellFocus = this.keyboardNavigationManager.hasActiveRowOrCellFocus;
70043
- let tableFocusedElement = this.shadowRoot.activeElement;
70044
- while (tableFocusedElement !== null
70045
- && !(tableFocusedElement instanceof TableCellView)) {
70046
- if (tableFocusedElement.shadowRoot) {
70047
- tableFocusedElement = tableFocusedElement.shadowRoot.activeElement;
70048
- }
70049
- else {
70050
- break;
70051
- }
70052
- }
70053
- if (tableFocusedElement instanceof TableCellView) {
70054
- tableFocusedElement.focusedRecycleCallback();
70055
- }
70056
- if (this.openActionMenuRecordId !== undefined) {
70057
- const activeRow = this.rowElements.find(row => row instanceof TableRow
70058
- && row.recordId === this.openActionMenuRecordId);
70059
- activeRow?.closeOpenActionMenus();
70060
- }
70061
- this.keyboardNavigationManager.handleFocusedCellRecycling(hadActiveRowOrCellFocus);
70062
- }
70063
70021
  selectionModeChanged(_prev, _next) {
70064
70022
  if (!this.$fastController.isConnected) {
70065
70023
  return;
@@ -70714,9 +70672,6 @@ focus outline in that case.
70714
70672
  get showAnchor() {
70715
70673
  return typeof this.cellRecord?.href === 'string';
70716
70674
  }
70717
- focusedRecycleCallback() {
70718
- this.anchor?.blur();
70719
- }
70720
70675
  get tabbableChildren() {
70721
70676
  if (this.showAnchor) {
70722
70677
  return [this.anchor];