@ni/nimble-components 30.0.3 → 30.0.4

package/dist/all-components-bundle.js

@@ -16333,7 +16333,7 @@
 
   /**
    * Do not edit directly
-   * Generated on Wed, 17 Jul 2024 20:01:55 GMT
+   * Generated on Wed, 17 Jul 2024 21:04:43 GMT
    */
 
   const Information100DarkUi = "#a46eff";
@@ -68122,29 +68122,31 @@ focus outline in that case.
   class MultiSelectionManager extends SelectionManagerBase {
       handleRowSelectionToggle(rowState, isSelecting, shiftKey) {
           if (shiftKey) {
-              if (this.tryUpdateRangeSelection(rowState.id)) {
+              if (this.tryUpdateRangeSelection(rowState.id, true)) {
                   // Made a range selection
                   return true;
               }
           }
-          this.shiftSelectStartRowId = rowState.id;
+          this.shiftSelectStartRowId = isSelecting ? rowState.id : undefined;
           this.previousShiftSelectRowEndId = undefined;
           this.toggleIsRowSelected(rowState, isSelecting);
           return true;
       }
       handleRowClick(rowState, shiftKey, ctrlKey) {
-          if (ctrlKey) {
-              this.shiftSelectStartRowId = rowState.id;
-              this.previousShiftSelectRowEndId = undefined;
-              this.toggleIsRowSelected(rowState);
-              return true;
-          }
           if (shiftKey) {
-              if (this.tryUpdateRangeSelection(rowState.id)) {
+              const additiveSelection = ctrlKey;
+              if (this.tryUpdateRangeSelection(rowState.id, additiveSelection)) {
                   // Made a range selection
                   return true;
               }
           }
+          if (ctrlKey) {
+              const isSelecting = rowState.selectionState !== TableRowSelectionState.selected;
+              this.shiftSelectStartRowId = isSelecting ? rowState.id : undefined;
+              this.previousShiftSelectRowEndId = undefined;
+              this.toggleIsRowSelected(rowState);
+              return true;
+          }
           this.shiftSelectStartRowId = rowState.id;
           this.previousShiftSelectRowEndId = undefined;
           return this.selectSingleRow(rowState);
@@ -68159,7 +68161,7 @@ focus outline in that case.
           this.shiftSelectStartRowId = undefined;
           this.previousShiftSelectRowEndId = undefined;
       }
-      tryUpdateRangeSelection(rowId) {
+      tryUpdateRangeSelection(rowId, additiveSelection) {
           if (this.shiftSelectStartRowId === undefined) {
               return false;
           }
@@ -68168,8 +68170,14 @@ focus outline in that case.
           if (selectionStartIndex === -1) {
               return false;
           }
-          const selectionState = this.tanStackTable.getState().rowSelection;
-          this.removePreviousRangeSelection(selectionState, selectionStartIndex, allRows);
+          let selectionState = {};
+          if (additiveSelection) {
+              // If the range selection is additive to the existing selection, start with the initial selection state
+              // and remove the previous range selection, if any. Otherwise, the range selection will start empty and
+              // only contain the new range selection.
+              selectionState = this.tanStackTable.getState().rowSelection;
+              this.removePreviousRangeSelection(selectionState, selectionStartIndex, allRows);
+          }
           this.addNewRangeSelection(selectionState, rowId, selectionStartIndex, allRows);
           this.previousShiftSelectRowEndId = rowId;
           this.tanStackTable.setRowSelection(selectionState);