@ni/nimble-components 30.1.0 → 30.1.2

package/dist/all-components-bundle.js

@@ -16333,7 +16333,7 @@
 
   /**
    * Do not edit directly
-   * Generated on Tue, 23 Jul 2024 20:13:03 GMT
+   * Generated on Wed, 24 Jul 2024 15:55:56 GMT
    */
 
   const Information100DarkUi = "#a46eff";
@@ -59909,7 +59909,8 @@ img.ProseMirror-separator {
     }
 
     .filter-icon {
-        padding-left: ${smallPadding};
+        flex-shrink: 0;
+        margin-left: ${smallPadding};
         ${iconColor.cssCustomProperty}: ${placeholderFontColor};
     }
 
@@ -64690,6 +64691,10 @@ img.ProseMirror-separator {
   function getGroupedRowModel() {
     return table => memo$1(() => [table.getState().grouping, table.getPreGroupedRowModel()], (grouping, rowModel) => {
       if (!rowModel.rows.length || !grouping.length) {
+        rowModel.rows.forEach(row => {
+          row.depth = 0;
+          row.parentId = undefined;
+        });
         return rowModel;
       }
 
@@ -64725,7 +64730,7 @@ img.ProseMirror-separator {
         // Group the rows together for this level
         const rowGroupsMap = groupBy(rows, columnId);
 
-        // Peform aggregations for each group
+        // Perform aggregations for each group
         const aggregatedGroupedRows = Array.from(rowGroupsMap.entries()).map((_ref, index) => {
           let [groupingValue, groupedRows] = _ref;
           let id = `${columnId}:${groupingValue}`;
@@ -64733,6 +64738,9 @@ img.ProseMirror-separator {
 
           // First, Recurse to group sub rows before aggregation
           const subRows = groupUpRecursively(groupedRows, depth + 1, id);
+          subRows.forEach(subRow => {
+            subRow.parentId = id;
+          });
 
           // Flatten the leaf rows of the rows in this group
           const leafRows = depth ? flattenBy(groupedRows, row => row.subRows) : groupedRows;
@@ -70427,7 +70435,7 @@ focus outline in that case.
           }
           if (this.dataHierarchyManager
               && this.tableUpdateTracker.requiresTanStackDataReset) {
-              if (!this.parentIdFieldName
+              if (!this.isHierarchyEnabled()
                   && !this.tableUpdateTracker.updateRowParentIds) {
                   // Perform a shallow copy of the data to trigger tanstack to regenerate the row models and columns.
                   updatedOptions.data = [...this.table.options.data];
@@ -70532,13 +70540,10 @@ focus outline in that case.
           const slotsByRecordId = this.getRequestedSlotsByRecordId();
           this.tableData = rows.map(row => {
               const isGroupRow = row.getIsGrouped();
-              const hasParentRow = isGroupRow ? false : row.getParentRow();
               const isParent = !isGroupRow && this.getRowCanExpand(row);
-              const isChildOfGroupRowWithNoHierarchy = !isGroupRow
-                  && !isParent
-                  && !hasParentRow
-                  && row.depth > 0
-                  && !this.parentIdFieldName;
+              const isDataChildOfGroupRowWithNoHierarchy = !isGroupRow // is a data row (not a group row)
+                  && !this.isHierarchyEnabled() // table does not have hierarchy enabled
+                  && row.getParentRow()?.getIsGrouped(); // row has a parent that is a group row
               const rowState = {
                   record: row.original.clientRecord,
                   id: row.id,
@@ -70548,7 +70553,7 @@ focus outline in that case.
                   groupRowValue: isGroupRow
                       ? row.getValue(row.groupingColumnId)
                       : undefined,
-                  nestingLevel: isChildOfGroupRowWithNoHierarchy
+                  nestingLevel: isDataChildOfGroupRowWithNoHierarchy
                       ? row.depth - 1
                       : row.depth,
                   isParentRow: isParent,