@homebound/beam 2.183.0 → 2.183.2

package/dist/components/Table/GridTable.js

@@ -146,6 +146,7 @@ function GridTable(props) {
                 level,
                 getCount,
                 api,
+                cellHighlight: "cellHighlight" in maybeStyle && maybeStyle.cellHighlight === true,
                 ...sortProps,
             }), `${row.kind}-${row.id}`));
         }
@@ -467,7 +468,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, sortOn, sortState, setSortKey, columnSizes, level, getCount, api, ...others } = props;
+    const { as, columns, row, style, rowStyles, stickyHeader, stickyOffset, sortOn, sortState, setSortKey, columnSizes, level, getCount, api, cellHighlight, ...others } = props;
     const { rowState } = (0, react_1.useContext)(RowState_1.RowStateContext);
     const rowId = `${row.kind}_${row.id}`;
     const isActive = (0, hooks_1.useComputed)(() => rowState.activeRowId === rowId, [rowId, rowState]);
@@ -535,7 +536,7 @@ function GridRow(props) {
                 }
                 : {};
             const cellId = `${row.kind}_${row.id}_${column.name}`;
-            const applyCellHighlight = !!column.name && !isHeader && !isTotals;
+            const applyCellHighlight = cellHighlight && !!column.name && !isHeader && !isTotals;
             const isCellActive = rowState.activeCellId === cellId;
             // Note that it seems expensive to calc a per-cell class name/CSS-in-JS output,
             // vs. setting global/table-wide CSS like `style.cellCss` on the root grid div with

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

@@ -12,4 +12,4 @@ export interface GridStyleDef {
     /** Enables cells Highlight and hover */
     cellHighlight?: boolean;
 }
-export declare const getTableStyles: (props?: GridStyleDef | undefined) => GridStyle;
+export declare const getTableStyles: (props?: GridStyleDef) => GridStyle;

package/dist/components/Table/styles.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getTableStyles = exports.cardStyle = exports.condensedStyle = exports.defaultStyle = void 0;
 const Css_1 = require("../../Css");
+const utils_1 = require("../../utils");
 /** Our original table look & feel/style. */
 exports.defaultStyle = {
     rootCss: Css_1.Css.gray700.$,
@@ -43,9 +44,12 @@ exports.cardStyle = {
 };
 function memoizedTableStyles() {
     const cache = {};
-    return (props) => {
-        const { inlineEditing = false, grouped = false, rowHeight = "flexible", cellHighlight } = props || {};
-        const key = `${inlineEditing}|${grouped}|${rowHeight}`;
+    return (props = {}) => {
+        const { inlineEditing = false, grouped = false, rowHeight = "flexible", cellHighlight = false } = props;
+        const key = (0, utils_1.safeKeys)(props)
+            .sort()
+            .map((k) => `${k}_${props[k]}`)
+            .join("|");
         if (!cache[key]) {
             const groupedLevels = {
                 0: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homebound/beam",
-  "version": "2.183.0",
+  "version": "2.183.2",
   "author": "Homebound",
   "license": "MIT",
   "main": "dist/index.js",
@@ -21,15 +21,16 @@
     "start": "yarn storybook",
     "build": "yarn copy && ttsc",
     "build:truss": "truss",
-    "build:storybook": "build-storybook -s ./testAssets",
+    "build:storybook": "build-storybook -s storybookAssets",
     "test": "jest --maxWorkers 4",
     "test:watch": "jest --watch",
-    "lint": "eslint . --cache --fix --ext .js,.ts,.tsx",
-    "storybook": "start-storybook -p 9000 -s ./testAssets",
+    "lint": "eslint --ext js,ts,tsx src",
+    "lint:fix": "eslint --ext js,ts,tsx --fix src",
+    "storybook": "start-storybook -p 9000 -s storybookAssets",
     "chromatic": "chromatic --project-token=074248da7284 --exit-once-uploaded",
     "copy": "npx copyfiles -u 1 \"./src/**/*.css\" \"./dist/\"",
     "copy-to-internal-frontend": "cp -r dist/* ~/homebound/internal-frontend/node_modules/@homebound/beam/dist/",
-    "format": "prettier --loglevel warn --write \"**/*.{ts,tsx,css,md}\""
+    "format": "prettier --loglevel warn --write \"**/*.{ts,tsx,css,md,mdx}\""
   },
   "dependencies": {
     "@homebound/form-state": "^2.15.3",
@@ -73,6 +74,7 @@
     "@emotion/babel-preset-css-prop": "^11.2.0",
     "@emotion/jest": "^11.3.0",
     "@emotion/react": "^11.1.5",
+    "@homebound/eslint-config": "1.5.1",
     "@homebound/rtl-react-router-utils": "^1.0.3",
     "@homebound/rtl-utils": "^2.59.3",
     "@homebound/truss": "^1.113.0",
@@ -80,11 +82,13 @@
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.7",
     "@semantic-release/exec": "^6.0.3",
     "@semantic-release/git": "^9.0.0",
+    "@storybook/addon-docs": "^6.5.10",
     "@storybook/addon-essentials": "^6.5.10",
     "@storybook/addon-interactions": "^6.5.10",
     "@storybook/addon-links": "^6.5.10",
     "@storybook/addons": "^6.5.10",
     "@storybook/builder-vite": "^0.2.2",
+    "@storybook/mdx2-csf": "^0.0.3",
     "@storybook/react": "^6.5.10",
     "@storybook/testing-library": "^0.0.13",
     "@testing-library/jest-dom": "^5.11.9",
@@ -96,22 +100,13 @@
     "@types/react-beautiful-dnd": "^13.1.2",
     "@types/react-dom": "^16.9.11",
     "@types/react-router-dom": "^5.1.7",
-    "@typescript-eslint/eslint-plugin": "^4.17.0",
-    "@typescript-eslint/parser": "^4.17.0",
     "@vitejs/plugin-react": "^2.0.1",
     "array-move": "^4.0.0",
     "babel-eslint": "^10.1.0",
     "babel-loader": "^8.2.2",
     "chromatic": "^5.9.2",
     "conventional-changelog-conventionalcommits": "^4.5.0",
-    "eslint": "^7.21.0",
-    "eslint-config-prettier": "^8.1.0",
-    "eslint-config-react-app": "^6.0.0",
-    "eslint-plugin-flowtype": "^5.3.1",
-    "eslint-plugin-import": "^2.22.1",
-    "eslint-plugin-jsx-a11y": "^6.4.1",
-    "eslint-plugin-react": "^7.22.0",
-    "eslint-plugin-react-hooks": "^4.2.0",
+    "eslint": "^8.12.0",
     "eslint-plugin-storybook": "^0.6.4",
     "husky": "^5.1.1",
     "identity-obj-proxy": "^3.0.0",