@homebound/beam 2.105.3 → 2.105.4

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

@@ -1,7 +1,7 @@
 import React, { MutableRefObject, ReactElement, ReactNode } from "react";
 import { PresentationContextProps, PresentationFieldProps } from "../PresentationContext";
 import { GridRowLookup } from "./GridRowLookup";
-import { Margin, Only, Properties, Xss } from "../../Css";
+import { Margin, Only, Properties, Typography, Xss } from "../../Css";
 export declare type Kinded = {
     kind: string;
 };
@@ -225,6 +225,8 @@ export declare type GridColumn<R extends Kinded, S = {}> = {
      * - The default value is `1fr`
      */
     w?: number | string;
+    /** The minimum width the column can shrink to */
+    mw?: string;
     /** The column's default alignment for each cell. */
     align?: GridCellAlignment;
     /** Whether the column can be sorted (if client-side sorting). Defaults to true if sorting client-side. */
@@ -268,6 +270,7 @@ export declare type GridCellContent = {
     /** Whether to indent the cell. */
     indent?: 1 | 2;
     colspan?: number;
+    typeScale?: Typography;
 };
 declare type MaybeFn<T> = T | (() => T);
 /**

package/dist/components/Table/GridTable.js

@@ -438,6 +438,12 @@ function GridRow(props) {
     let currentColspan = 1;
     const rowNode = ((0, jsx_runtime_1.jsx)(Row, Object.assign({ css: rowCss }, others, { "data-gridrow": true }, { children: columns.map((column, columnIndex) => {
             var _a;
+            if (column.mw) {
+                // Validate the column's minWidth definition if set.
+                if (!column.mw.endsWith("px") && !column.mw.endsWith("%")) {
+                    throw new Error("Beam Table column min-width definition only supports px or percentage values");
+                }
+            }
             // Decrement colspan count and skip if greater than 1.
             if (currentColspan > 1) {
                 currentColspan -= 1;
@@ -473,13 +479,16 @@ function GridRow(props) {
                 ...getIndentationCss(style, rowStyle, columnIndex, maybeContent),
                 // Then apply any header-specific override
                 ...(isHeader && style.headerCellCss),
-                // And finally the specific cell's css (if any from GridCellContent)
+                // The specific cell's css (if any from GridCellContent)
                 ...rowStyleCellCss,
+                // Add any cell specific style overrides
+                ...(isGridCellContent(maybeContent) && maybeContent.typeScale ? Css_1.Css[maybeContent.typeScale].$ : {}),
                 // Define the width of the column on each cell. Supports col spans.
                 ...(columnSizes && {
                     width: `calc(${columnSizes
                         .slice(maybeNestedCardColumnIndex, maybeNestedCardColumnIndex + currentColspan)
                         .join(" + ")})`,
+                    ...(column.mw ? Css_1.Css.mw(column.mw).$ : {}),
                 }),
             };
             const renderFn = (rowStyle === null || rowStyle === void 0 ? void 0 : rowStyle.renderCell) || (rowStyle === null || rowStyle === void 0 ? void 0 : rowStyle.rowLink)

package/dist/components/Table/styles.js

@@ -52,7 +52,7 @@ exports.beamFlexibleStyle = {
     cellCss: Css_1.Css.xs.bgWhite.aic.p2.boxShadow(`inset 0 -1px 0 ${Css_1.Palette.Gray100}`).$,
     presentationSettings: { borderless: false, typeScale: "xs", wrap: true },
 };
-exports.beamGroupRowStyle = Css_1.Css.smEm
+exports.beamGroupRowStyle = Css_1.Css.xsEm
     .mhPx(56)
     .gray700.bgGray100.boxShadow(`inset 0 -1px 0 ${Css_1.Palette.Gray200}`).$;
 exports.beamTotalsRowStyle = Css_1.Css.gray700.smEm.hPx(40).mb1.bgWhite.boxShadow("none").$;

package/package.json

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