@homebound/beam 4.56.0 → 4.56.2

package/dist/index.cjs

@@ -7277,13 +7277,13 @@ function hierarchyFirstContentCss(opts) {
   const {
     level,
     skipIndent,
-    maxLevel
+    hasChildren
   } = opts;
   const paddingLeft = skipIndent ? void 0 : hierarchyIndentPaddingPx(level);
-  const type = hierarchyLevelType(level, maxLevel);
-  if (!type && paddingLeft === void 0) return void 0;
+  const typeStyle = hierarchyLevelType(level, hasChildren);
+  if (!typeStyle && paddingLeft === void 0) return void 0;
   return {
-    ...type ?? {},
+    ...typeStyle ?? {},
     ...paddingLeft !== void 0 ? {
       paddingLeft: ["pl_var", {
         "--paddingLeft": `${paddingLeft}px`
@@ -7291,16 +7291,20 @@ function hierarchyFirstContentCss(opts) {
     } : {}
   };
 }
-function hierarchyLevelType(level, maxLevel) {
-  if (level >= maxLevel) return void 0;
-  return level === 0 ? {
+function hierarchyLevelType(level, hasChildren) {
+  if (level === 0) return hasChildren ? {
     fontWeight: "fw6",
     fontSize: "fz_14px",
     lineHeight: "lh_20px"
-  } : {
+  } : void 0;
+  return hasChildren ? {
     fontWeight: "fw6",
     fontSize: "fz_12px",
     lineHeight: "lh_16px"
+  } : {
+    fontWeight: "fw4",
+    fontSize: "fz_12px",
+    lineHeight: "lh_16px"
   };
 }
 var loadingTableCss = {
@@ -8831,8 +8835,6 @@ var RowStates = class {
   keptGroupRow;
   /** The first level of rows, i.e. not the header (or kept group), but the totals + top-level children. */
   topRows = [];
-  /** Deepest data-row level from the latest `setRows`. `0` when every body row is top-level. */
-  maxNestingLevel = 0;
   constructor(table) {
     this.table = table;
     this.header = this.createHeaderRow();
@@ -8860,8 +8862,7 @@ var RowStates = class {
     const map = this.map;
     const seenIds = /* @__PURE__ */ new Set();
     const maybeKept = new Set(this.map.values());
-    let maxNestingLevel = 0;
-    function addRowAndChildren(parent, row, level) {
+    function addRowAndChildren(parent, row) {
       const key = row.id;
       if (seenIds.has(key)) {
         throw new Error(`Duplicate row id ${key}`);
@@ -8878,15 +8879,12 @@ var RowStates = class {
         state.removed = false;
         maybeKept.delete(state);
       }
-      const reserved = reservedRowKinds.includes(row.kind);
-      if (!reserved && level > maxNestingLevel) maxNestingLevel = level;
-      state.children = row.children?.map((child) => addRowAndChildren(state, child, reserved ? level : level + 1));
+      state.children = row.children?.map((child) => addRowAndChildren(state, child));
       return state;
     }
     const headerRow = rows.find((r) => r.kind === HEADER);
     this.header.row = headerRow || missingHeader;
-    this.topRows = rows.filter((row) => row !== headerRow).map((row) => addRowAndChildren(this.header, row, 0));
-    this.maxNestingLevel = maxNestingLevel;
+    this.topRows = rows.filter((row) => row !== headerRow).map((row) => addRowAndChildren(this.header, row));
     this.header.children = [this.keptGroupRow, ...this.topRows];
     for (const state of maybeKept) state.markRemoved();
     if (this.topRows.some((rs) => !reservedRowKinds.includes(rs.row.kind))) {
@@ -9088,8 +9086,6 @@ var TableState = class {
   persistCollapse;
   // The current list of rows, basically a useRef.current. Only shallow reactive.
   rows = [];
-  /** Deepest data-row level, set with the rows. `0` when the table has a single level. Every row's type is chosen from this. */
-  maxNestingLevel = 0;
   // The current list of columns, basically a useRef.current. Only ref reactive.
   columns = [];
   api;
@@ -9187,7 +9183,6 @@ var TableState = class {
   setRows(rows) {
     this.rowStates.setRows(rows);
     this.rows = rows;
-    this.maxNestingLevel = this.rowStates.maxNestingLevel;
   }
   setColumns(columns, visibleColumnsStorageKey) {
     if (columns !== this.columns) {
@@ -11381,7 +11376,7 @@ function RowImpl(props) {
       ...isBodyRow && applyFirstContentColumnStyles && hierarchyFirstContentCss({
         level,
         skipIndent: levelIndent !== void 0 || !hasCollapseColumn,
-        maxLevel: tableState.maxNestingLevel
+        hasChildren: !!row.children?.length
       }),
       // Apply any declarative column border styling after header/body defaults.
       ...getColumnBorderCss(column2.border, style),
@@ -28204,7 +28199,8 @@ function GridTableLayoutActionsComponent(props) {
           activeFilterCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime200.jsx)(CountBadge, { count: activeFilterCount }),
           /* @__PURE__ */ (0, import_jsx_runtime200.jsx)(Icon, { icon: showFilters ? "chevronUp" : "chevronDown" })
         ] }), variant: "secondaryBlack", onClick: () => setShowFilters(!showFilters), active: showFilters, ...testId.filterButton }),
-        groupByInline && groupBy && /* @__PURE__ */ (0, import_jsx_runtime200.jsx)(GroupByField, { ...groupBy }),
+        groupByInline && groupBy && // Wrapping in a div to prevent the GroupByField from growing unnecessarily. The MenuSelectField has a `w100` width, which caused it to take up more space than necessary on this row.
+        /* @__PURE__ */ (0, import_jsx_runtime200.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime200.jsx)(GroupByField, { ...groupBy }) }),
         filtersInline && activeFilterCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime200.jsx)(Button, { label: "Clear", variant: "tertiary", onClick: () => maybeCall(clearFilters), ...filterTid.clearBtn })
       ] }),
       hasRightItems && /* @__PURE__ */ (0, import_jsx_runtime200.jsxs)("div", { ref: rightRef, className: "df fs0 aic g_12px", children: [