@ni/nimble-components 30.1.5 → 30.1.7

package/dist/all-components-bundle.js

@@ -16032,7 +16032,7 @@
 
   /**
    * Do not edit directly
-   * Generated on Tue, 30 Jul 2024 18:01:26 GMT
+   * Generated on Wed, 31 Jul 2024 19:28:45 GMT
    */
 
   const Information100DarkUi = "#a46eff";
@@ -65914,8 +65914,12 @@ focus outline in that case.
     }
 
     :host(${focusVisible}) {
-        outline: calc(2 * ${borderWidth}) solid ${borderHoverColor};
-        outline-offset: calc(-2 * ${borderWidth});
+        outline: none;
+        box-shadow:
+            inset calc(2 * ${borderWidth}) calc(2 * ${borderWidth})
+                ${borderHoverColor},
+            inset calc(-2 * ${borderWidth}) calc(-2 * ${borderWidth})
+                ${borderHoverColor};
     }
 
     .expand-collapse-button {
@@ -68713,7 +68717,7 @@ focus outline in that case.
               catch {
                   this.isDataFlat = true;
                   this._hierarchicalData = records.map((record, index) => ({
-                      clientRecord: { ...record },
+                      clientRecord: record,
                       originalIndex: index
                   }));
                   this._parentIdConfigurationValid = false;
@@ -68722,7 +68726,7 @@ focus outline in that case.
           else {
               this.isDataFlat = true;
               this._hierarchicalData = records.map((record, index) => ({
-                  clientRecord: { ...record },
+                  clientRecord: record,
                   originalIndex: index
               }));
               this._parentIdConfigurationValid = true;
@@ -70079,7 +70083,10 @@ focus outline in that case.
       }
       async setData(newData) {
           await this.processPendingUpdates();
-          const tanstackUpdates = this.calculateTanStackData(newData);
+          // Make a shallow clone of the record to avoid holding a reference to the client's data object.
+          // This also ensures that a data update will always result in a row's record being a new object.
+          const clonedData = newData.map(record => ({ ...record }));
+          const tanstackUpdates = this.calculateTanStackData(clonedData);
           this.updateTableOptions(tanstackUpdates);
       }
       async getSelectedRecordIds() {
@@ -72654,7 +72661,6 @@ focus outline in that case.
     }
 
     nimble-menu-button {
-        height: ${controlSlimHeight};
         width: 100%;
     }