@homebound/beam 2.354.5 → 2.355.0

package/dist/components/Table/TableStyles.d.ts

@@ -53,7 +53,11 @@ export interface GridStyle {
         rowIndent?: number;
         cellCss?: Properties;
         firstContentColumn?: Properties;
-    }>;
+    }> | ((level: number) => {
+        rowIndent?: number;
+        cellCss?: Properties;
+        firstContentColumn?: Properties;
+    });
     /** Allows for customization of the background color used to denote an "active" row */
     activeBgColor?: Palette;
     /** Defines styles for the group row which holds the selected rows that have been filtered out */

package/dist/components/Table/TableStyles.js

@@ -102,10 +102,8 @@ exports.cardStyle = {
     },
     rowHoverColor: "none",
     nonHeaderRowHoverCss: Css_1.Css.bshHover.bcGray700.$,
-    levels: {
-        1: { rowIndent: 24 },
-        2: { rowIndent: 48 },
-    },
+    // this will allow having N amount of nested childs without having to define each level margin
+    levels: (level) => ({ rowIndent: level > 0 ? 24 * level : undefined }),
 };
 function resolveStyles(style) {
     const defKeysRecord = {

package/dist/components/Table/components/Row.js

@@ -15,7 +15,7 @@ const utils_2 = require("../../../utils");
 const use_debounce_1 = require("use-debounce");
 // We extract Row to its own mini-component primarily so we can React.memo'ize it.
 function RowImpl(props) {
-    var _a, _b, _c;
+    var _a, _b;
     const { as, rs, style, rowStyles, columnSizes, getCount, cellHighlight, omitRowHover, hasExpandableHeader, onDragStart, onDragEnd, onDrop, onDragEnter, onDragOver, ...others } = props;
     const { tableState } = (0, react_1.useContext)(TableState_1.TableStateContext);
     // We're wrapped in observer, so can access these without useComputeds
@@ -32,7 +32,8 @@ function RowImpl(props) {
     const revealOnRowHoverClass = "revealOnRowHover";
     const showRowHoverColor = !utils_1.reservedRowKinds.includes(row.kind) && !omitRowHover && style.rowHoverColor !== "none";
     const rowStyleCellCss = (0, utils_1.maybeApplyFunction)(row, rowStyle === null || rowStyle === void 0 ? void 0 : rowStyle.cellCss);
-    const levelIndent = style.levels && ((_b = style.levels[level]) === null || _b === void 0 ? void 0 : _b.rowIndent);
+    const levelStyle = style.levels && (typeof style.levels === "function" ? style.levels(level) : style.levels[level]);
+    const levelIndent = levelStyle === null || levelStyle === void 0 ? void 0 : levelStyle.rowIndent;
     const containerCss = {
         ...Css_1.Css.add("transition", "padding 0.25s ease-in-out").$,
         ...(rs.isDraggedOver === RowState_1.DraggedOver.Above && Css_1.Css.ptPx(25).$),
@@ -43,7 +44,7 @@ function RowImpl(props) {
         // Optionally include the row hover styles, by default they should be turned on.
         ...(showRowHoverColor && {
             // Even though backgroundColor is set on the cellCss, the hover target is the row.
-            "&:hover > *": Css_1.Css.bgColor((_c = style.rowHoverColor) !== null && _c !== void 0 ? _c : Css_1.Palette.Blue100).$,
+            "&:hover > *": Css_1.Css.bgColor((_b = style.rowHoverColor) !== null && _b !== void 0 ? _b : Css_1.Palette.Blue100).$,
         }),
         ...(!utils_1.reservedRowKinds.includes(row.kind) &&
             style.nonHeaderRowHoverCss && {
@@ -75,7 +76,7 @@ function RowImpl(props) {
     // when the event is not called, we still need to call preventDefault
     const onDragOverDebounced = (0, use_debounce_1.useDebouncedCallback)(dragOverCallback, 100);
     const RowContent = () => ((0, jsx_runtime_1.jsx)(RowTag, { css: rowCss, ...others, "data-gridrow": true, ...getCount(row.id), ref: ref, children: isKeptGroupRow ? ((0, jsx_runtime_1.jsx)(KeptGroupRow_1.KeptGroupRow, { as: as, style: style, columnSizes: columnSizes, row: row, colSpan: columns.length })) : (columns.map((column, columnIndex) => {
-            var _a, _b, _c, _d;
+            var _a, _b;
             // If the expandable column was hidden, then we need to look at the previous column to format the `expandHeader` and 'header' kinds correctly.
             const maybeExpandedColumn = expandColumnHidden ? columns[columnIndex - 1] : column;
             // Figure out if this column should be considered 'expanded' or not. If the column is hidden on expand, then we need to look at the previous column to see if it's expanded.
@@ -197,13 +198,13 @@ function RowImpl(props) {
                     currentExpandedColumnCount === 0 &&
                     Css_1.Css.boxShadow(`inset -1px -1px 0 ${Css_1.Palette.Gray200}`).$),
                 // Or level-specific styling
-                ...(!isHeader && !isTotals && !isExpandableHeader && !!style.levels && ((_b = style.levels[level]) === null || _b === void 0 ? void 0 : _b.cellCss)),
+                ...(!isHeader && !isTotals && !isExpandableHeader && (levelStyle === null || levelStyle === void 0 ? void 0 : levelStyle.cellCss)),
                 // Level specific styling for the first content column
-                ...(applyFirstContentColumnStyles && !!style.levels && ((_c = style.levels[level]) === null || _c === void 0 ? void 0 : _c.firstContentColumn)),
+                ...(applyFirstContentColumnStyles && (levelStyle === null || levelStyle === void 0 ? void 0 : levelStyle.firstContentColumn)),
                 // The specific cell's css (if any from GridCellContent)
                 ...rowStyleCellCss,
                 // Apply active row styling for non-nested card styles.
-                ...(isActive ? Css_1.Css.bgColor((_d = style.activeBgColor) !== null && _d !== void 0 ? _d : Css_1.Palette.Blue50).$ : {}),
+                ...(isActive ? Css_1.Css.bgColor((_b = style.activeBgColor) !== null && _b !== void 0 ? _b : Css_1.Palette.Blue50).$ : {}),
                 // Add any cell specific style overrides
                 ...((0, utils_1.isGridCellContent)(maybeContent) && maybeContent.typeScale ? Css_1.Css[maybeContent.typeScale].$ : {}),
                 // And any cell specific css

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homebound/beam",
-  "version": "2.354.5",
+  "version": "2.355.0",
   "author": "Homebound",
   "license": "MIT",
   "main": "dist/index.js",