@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.
- package/dist/all-components-bundle.js +5 -50
- package/dist/all-components-bundle.js.map +1 -1
- package/dist/all-components-bundle.min.js +6 -12
- package/dist/all-components-bundle.min.js.map +1 -1
- package/dist/esm/table/components/row/index.d.ts +0 -1
- package/dist/esm/table/components/row/index.js +1 -9
- package/dist/esm/table/components/row/index.js.map +1 -1
- package/dist/esm/table/index.d.ts +1 -3
- package/dist/esm/table/index.js +0 -25
- package/dist/esm/table/index.js.map +1 -1
- package/dist/esm/table/models/keyboard-navigation-manager.d.ts +0 -1
- package/dist/esm/table/models/keyboard-navigation-manager.js +4 -8
- package/dist/esm/table/models/keyboard-navigation-manager.js.map +1 -1
- package/dist/esm/table/models/virtualizer.js +0 -1
- package/dist/esm/table/models/virtualizer.js.map +1 -1
- package/dist/esm/table-column/anchor/cell-view/index.d.ts +0 -1
- package/dist/esm/table-column/anchor/cell-view/index.js +0 -3
- package/dist/esm/table-column/anchor/cell-view/index.js.map +1 -1
- package/dist/esm/table-column/base/cell-view/index.d.ts +0 -6
- package/dist/esm/table-column/base/cell-view/index.js +0 -6
- package/dist/esm/table-column/base/cell-view/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -16333,7 +16333,7 @@
|
|
|
16333
16333
|
|
|
16334
16334
|
/**
|
|
16335
16335
|
* Do not edit directly
|
|
16336
|
-
* Generated on Tue, 16 Jul 2024
|
|
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
|
-
//
|
|
68835
|
-
//
|
|
68836
|
-
//
|
|
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];
|