@homebound/beam 2.112.0 → 2.113.0

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

@@ -1,7 +1,7 @@
 import { MutableRefObject, ReactElement, ReactNode } from "react";
 import { PresentationContextProps, PresentationFieldProps } from "../PresentationContext";
 import { GridRowLookup } from "./GridRowLookup";
-import { Margin, Only, Properties, Typography, Xss } from "../../Css";
+import { Margin, Only, Palette, Properties, Typography, Xss } from "../../Css";
 export declare type Kinded = {
     kind: string;
 };
@@ -42,7 +42,7 @@ export interface GridStyle {
     /** Applied if there is a fallback/overflow message showing. */
     firstRowMessageCss?: Properties;
     /** Applied on hover if a row has a rowLink/onClick set. */
-    rowHoverColor?: string;
+    rowHoverColor?: Palette;
     /** Styling for our special "nested card" output mode. */
     nestedCards?: NestedCardsStyle;
     /** Default content to put into an empty cell */

package/dist/components/Table/GridTable.js

@@ -43,7 +43,6 @@ const visitor_1 = require("./visitor");
 const Css_1 = require("../../Css");
 const hooks_1 = require("../../hooks");
 const useRenderCount_1 = require("../../hooks/useRenderCount");
-const tinycolor2_1 = __importDefault(require("tinycolor2"));
 const _1 = require(".");
 exports.ASC = "ASC";
 exports.DESC = "DESC";
@@ -452,6 +451,7 @@ function getFirstOrLastCellCss(style, columnIndex, columns) {
 }
 // We extract GridRow to its own mini-component primarily so we can React.memo'ize it.
 function GridRow(props) {
+    var _a;
     const { as, columns, row, style, rowStyles, stickyHeader, stickyOffset, sorting, sortState, setSortKey, openCards, columnSizes, level, getCount, ...others } = props;
     // We treat the "header" kind as special for "good defaults" styling
     const isHeader = row.kind === "header";
@@ -467,10 +467,9 @@ function GridRow(props) {
     const rowCss = {
         // For virtual tables use `display: flex` to keep all cells on the same row. For each cell in the row use `flexNone` to ensure they stay their defined widths
         ...(as === "table" ? {} : Css_1.Css.relative.df.fg1.fs1.addIn("&>*", Css_1.Css.flexNone.$).$),
-        ...(((rowStyle === null || rowStyle === void 0 ? void 0 : rowStyle.rowLink) || (rowStyle === null || rowStyle === void 0 ? void 0 : rowStyle.onClick)) &&
-            style.rowHoverColor && {
-            // Even though backgroundColor is set on the cellCss (due to display: content), the hover target is the row.
-            "&:hover > *": Css_1.Css.cursorPointer.bgColor(maybeDarken(rowStyleCellCss === null || rowStyleCellCss === void 0 ? void 0 : rowStyleCellCss.backgroundColor, style.rowHoverColor)).$,
+        ...(((rowStyle === null || rowStyle === void 0 ? void 0 : rowStyle.rowLink) || (rowStyle === null || rowStyle === void 0 ? void 0 : rowStyle.onClick)) && {
+            // Even though backgroundColor is set on the cellCss, the hover target is the row.
+            "&:hover > *": Css_1.Css.cursorPointer.bgColor((_a = style.rowHoverColor) !== null && _a !== void 0 ? _a : Css_1.Palette.LightBlue100).$,
         }),
         ...maybeApplyFunction(row, rowStyle === null || rowStyle === void 0 ? void 0 : rowStyle.rowCss),
         // Maybe add the sticky header styles
@@ -720,9 +719,6 @@ function matchesFilter(maybeContent, filter) {
     return false;
 }
 exports.matchesFilter = matchesFilter;
-function maybeDarken(color, defaultColor) {
-    return color ? (0, tinycolor2_1.default)(color).darken(4).toString() : defaultColor;
-}
 /** GridTable as Table utility to apply <tr> element override styles. */
 function tableRowStyles(as, column) {
     const thWidth = column === null || column === void 0 ? void 0 : column.w;

package/dist/components/Table/styles.js

@@ -14,7 +14,6 @@ exports.defaultStyle = {
     indentTwoCss: Css_1.Css.pl7.$,
     headerCellCss: Css_1.Css.nowrap.py1.bgGray100.aife.$,
     firstRowMessageCss: Css_1.Css.px1.py2.$,
-    rowHoverColor: Css_1.Palette.Gray200,
 };
 /** Tightens up the padding of rows, great for rows that have form elements in them. */
 exports.condensedStyle = {
@@ -45,7 +44,6 @@ exports.beamFixedStyle = {
     cellCss: Css_1.Css.gray900.xs.bgWhite.aic.nowrap.pxPx(12).hPx(36).boxShadow(`inset 0 -1px 0 ${Css_1.Palette.Gray100}`).$,
     emptyCell: "-",
     presentationSettings: { borderless: true, typeScale: "xs", wrap: false },
-    rowHoverColor: Css_1.Palette.Gray200,
     // Included as a hacky "treat indent as deprecated for this table" hint to GridTable
     levels: {},
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homebound/beam",
-  "version": "2.112.0",
+  "version": "2.113.0",
   "author": "Homebound",
   "license": "MIT",
   "main": "dist/index.js",
@@ -37,7 +37,6 @@
     "@internationalized/number": "^3.0.3",
     "@react-aria/utils": "^3.9.0",
     "@react-hook/resize-observer": "^1.2.2",
-    "@types/tinycolor2": "^1.4.2",
     "change-case": "^4.1.2",
     "date-fns": "^2.21.3",
     "dompurify": "^2.3.0",
@@ -50,7 +49,6 @@
     "react-router-dom": "^5.2.0",
     "react-stately": "^3.9.0",
     "react-virtuoso": "^2.4.0",
-    "tinycolor2": "^1.4.2",
     "tributejs": "^5.1.3",
     "trix": "^1.3.1",
     "use-query-params": "^1.2.2",