@homebound/beam 2.126.2 → 2.128.1

package/dist/components/Icon.d.ts

@@ -47,6 +47,8 @@ export declare const Icons: {
     starFilled: import("@emotion/react/jsx-runtime").JSX.Element;
     cloudSave: import("@emotion/react/jsx-runtime").JSX.Element;
     attachment: import("@emotion/react/jsx-runtime").JSX.Element;
+    archive: import("@emotion/react/jsx-runtime").JSX.Element;
+    unarchive: import("@emotion/react/jsx-runtime").JSX.Element;
     errorCircle: import("@emotion/react/jsx-runtime").JSX.Element;
     checkCircle: import("@emotion/react/jsx-runtime").JSX.Element;
     infoCircle: import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Icon.js

@@ -48,6 +48,8 @@ exports.Icons = {
     starFilled: ((0, jsx_runtime_1.jsx)("path", { d: "M10.2822 4.15376C10.823 2.48976 13.1771 2.48976 13.7178 4.15376L14.8988 7.78807L18.1239 7.78819L18.125 7.78819L18.7202 7.78821C20.4699 7.78828 21.1973 10.0272 19.7818 11.0557L19.3009 11.4051L19.2994 11.4062L16.6904 13.3019L17.8711 16.9363C18.4117 18.6004 16.5072 19.9841 15.0917 18.9557L14.6111 18.6066L14.6092 18.6052L12 16.7097L9.39081 18.6052L8.90836 18.9557C7.49282 19.9841 5.5883 18.6004 6.12891 16.9363L7.30965 13.3019L4.21817 11.0557C2.80271 10.0272 3.53017 7.78828 5.27983 7.78821L5.87502 7.78819L5.87615 7.78819L9.10121 7.78807L10.0979 4.72089L10.2822 4.15376Z" }, void 0)),
     cloudSave: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M9 19H7C4.243 19 2 16.757 2 14C2 11.82 3.609 9.792 5.757 9.15C6.85 6.611 9.244 5 12 5C15.56 5 18.507 7.67 18.944 11.112C20.695 11.538 22 13.12 22 15C22 17.206 20.206 19 18 19H15H9ZM15 17H18C19.103 17 20 16.103 20 15C20 13.897 19.103 13 18 13H17V12C17 9.243 14.757 7 12 7C9.895 7 8.149 8.274 7.446 10.325L7.254 10.883L6.673 10.985C5.199 11.244 4 12.596 4 14C4 15.654 5.346 17 7 17H9H15Z" }, void 0), (0, jsx_runtime_1.jsx)("rect", { x: "9.67139", y: "14.6567", width: "6", height: "1.5", transform: "rotate(-45 9.67139 14.6567)" }, void 0), (0, jsx_runtime_1.jsx)("rect", { x: "9.31787", y: "12.1819", width: "3.5", height: "1.5", transform: "rotate(45 9.31787 12.1819)" }, void 0)] }, void 0)),
     attachment: ((0, jsx_runtime_1.jsx)("path", { d: "M5.70034 11.879L13.2477 4.15188C14.7481 2.61751 17.2048 2.61457 18.7439 4.15187C20.2147 5.69292 20.2456 8.1905 18.7439 9.72637L12.1677 16.4463C11.1677 17.4455 9.53953 17.4417 8.57861 16.4145L8.5763 16.4121C7.61217 15.4147 7.64468 13.8162 8.60983 12.8511L8.6113 12.8496L13.7859 7.56715C13.9307 7.42307 14.1608 7.40384 14.3248 7.56783L15.121 8.36403L15.1269 8.3691C15.2788 8.49929 15.2951 8.72507 15.1451 8.90458L9.9755 14.146C9.84287 14.2789 9.78341 14.4569 9.77747 14.6231C9.77157 14.7885 9.81776 14.9643 9.92515 15.0986L9.93923 15.1162L9.95684 15.1303C10.2011 15.3257 10.5715 15.346 10.8022 15.1153L17.3808 8.39291L17.3829 8.39073C18.1402 7.59359 18.1402 6.28461 17.3829 5.48747L17.3793 5.48379C16.6171 4.72167 15.3745 4.72167 14.6124 5.48379L14.6107 5.48549L7.06489 13.211L7.06402 13.2118C5.72803 14.5488 5.72839 16.7596 7.02689 18.0962C8.32851 19.4362 10.437 19.436 11.7387 18.0962L17.9191 11.7721C18.0556 11.6365 18.2859 11.6367 18.422 11.7728L19.2542 12.605L19.2601 12.6101C19.4197 12.7469 19.4187 12.9691 19.2846 13.1031L19.283 13.1048L13.1015 19.43C11.0256 21.5403 7.70624 21.5062 5.66445 19.4304C3.62176 17.3177 3.65669 13.9573 5.70034 11.879Z" }, void 0)),
+    archive: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("path", { "fill-rule": "evenodd", d: "M19 10H5L5 18H19V10ZM3 8V18C3 19.1046 3.89543 20 5 20H19C20.1046 20 21 19.1046 21 18V8H3Z" }, void 0), (0, jsx_runtime_1.jsx)("path", { "fill-rule": "evenodd", d: "M3.81818 6V8H20.1818V6H3.81818ZM2.90909 4C2.40701 4 2 4.44772 2 5V9C2 9.55228 2.40701 10 2.90909 10H21.0909C21.593 10 22 9.55228 22 9V5C22 4.44772 21.593 4 21.0909 4H2.90909Z" }, void 0), (0, jsx_runtime_1.jsx)("rect", { x: "8", y: "11", width: "8", height: "2", rx: "1" }, void 0)] }, void 0)),
+    unarchive: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M13 12V8H16L12 3L8 8H11V12H13Z" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M17 10H19V18H5L5 10H7V8H3V18C3 19.1046 3.89543 20 5 20H19C20.1046 20 21 19.1046 21 18V8H17V10Z" }, void 0), (0, jsx_runtime_1.jsx)("rect", { x: "8", y: "15", width: "8", height: "2", rx: "1" }, void 0)] }, void 0)),
     // Alerts
     errorCircle: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M11.953 2C6.465 2 2 6.486 2 12C2 17.514 6.486 22 12 22C17.514 22 22 17.514 22 12C22 6.486 17.493 2 11.953 2ZM12 20C7.589 20 4 16.411 4 12C4 7.589 7.567 4 11.953 4C16.391 4 20 7.589 20 12C20 16.411 16.411 20 12 20Z" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M11 7H13V14H11V7ZM11 15H13V17H11V15Z" }, void 0)] }, void 0)),
     checkCircle: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M12 2C6.486 2 2 6.486 2 12C2 17.514 6.486 22 12 22C17.514 22 22 17.514 22 12C22 6.486 17.514 2 12 2ZM12 20C7.589 20 4 16.411 4 12C4 7.589 7.589 4 12 4C16.411 4 20 7.589 20 12C20 16.411 16.411 20 12 20Z" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M9.99909 13.587L7.70009 11.292L6.28809 12.708L10.0011 16.413L16.7071 9.70697L15.2931 8.29297L9.99909 13.587Z" }, void 0)] }, void 0)),

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

@@ -33,6 +33,8 @@ export interface GridStyle {
      * rows are wrapper with Chrome rows.
      */
     headerCellCss?: Properties;
+    /** Applied to 'kind: "totals"' cells */
+    totalsCellCss?: Properties;
     /** Applied to the first cell of all rows, i.e. for table-wide padding or left-side borders. */
     firstCellCss?: Properties;
     /** Applied to the last cell of all rows, i.e. for table-wide padding or right-side borders. */
@@ -151,7 +153,7 @@ export interface GridTableProps<R extends Kinded, S, X> {
     rowLookup?: MutableRefObject<GridRowLookup<R> | undefined>;
     /** Whether the header row should be sticky. */
     stickyHeader?: boolean;
-    stickyOffset?: string;
+    stickyOffset?: number;
     /** Configures sorting via a hash, does not need to be stable. */
     sorting?: GridSortConfig<S>;
     /** Shown in the first row slot, if there are no rows to show, i.e. 'No rows found'. */

package/dist/components/Table/GridTable.js

@@ -88,7 +88,7 @@ exports.setGridTableDefaults = setGridTableDefaults;
  */
 function GridTable(props) {
     var _a, _b, _c, _d;
-    const { id = "gridTable", as = "div", columns, rows, style: maybeStyle = defaults.style, rowStyles, stickyHeader = defaults.stickyHeader, stickyOffset = "0", xss, filter, filterMaxRows, fallbackMessage = "No rows found.", infoMessage, setRowCount, observeRows, persistCollapse, resizeTarget, activeRowId, } = props;
+    const { id = "gridTable", as = "div", columns, rows, style: maybeStyle = defaults.style, rowStyles, stickyHeader = defaults.stickyHeader, stickyOffset = 0, xss, filter, filterMaxRows, fallbackMessage = "No rows found.", infoMessage, setRowCount, observeRows, persistCollapse, resizeTarget, activeRowId, } = props;
     // We only use this in as=virtual mode, but keep this here for rowLookup to use
     const virtuosoRef = (0, react_1.useRef)(null);
     const tableRef = (0, react_1.useRef)(null);
@@ -121,15 +121,18 @@ function GridTable(props) {
         }
         return rows;
     }, [columns, rows, sortOn, sortState]);
+    let hasTotalsRow = false;
     // Filter rows - ensures parent rows remain in the list if any children match the filter.
     const filterRows = (0, react_1.useCallback)((acc, row) => {
         var _a, _b, _c;
         // Break up "foo bar" into `[foo, bar]` and a row must match both `foo` and `bar`
         const filters = (filter && filter.split(/ +/)) || [];
         const matches = row.kind === "header" ||
+            row.kind === "totals" ||
             filters.length === 0 ||
             !!row.pin ||
             filters.every((f) => columns.map((c) => applyRowFn(c, row, api, 0)).some((maybeContent) => matchesFilter(maybeContent, f)));
+        hasTotalsRow || (hasTotalsRow = row.kind === "totals");
         // If the row matches, add it in
         if (matches) {
             return acc.concat([[row, (_b = (_a = row.children) === null || _a === void 0 ? void 0 : _a.reduce(filterRows, [])) !== null && _b !== void 0 ? _b : []]]);
@@ -148,7 +151,7 @@ function GridTable(props) {
         return acc;
     }, [filter, collapsedIds, columns]);
     // Flatten + component-ize the sorted rows.
-    let [headerRows, filteredRows] = (0, react_1.useMemo)(() => {
+    let [headerRows, filteredRows, totalsRows] = (0, react_1.useMemo)(() => {
         function makeRowComponent(row, level) {
             // We only pass sortState to header rows, b/c non-headers rows shouldn't have to re-render on sorting
             // changes, and so by not passing the sortProps, it means the data rows' React.memo will still cache them.
@@ -161,7 +164,8 @@ function GridTable(props) {
                 style,
                 rowStyles,
                 stickyHeader,
-                stickyOffset,
+                // If we have a totals row then add the height of the totals row (52px) to the `stickyOffset` for the "header" kind
+                stickyOffset: hasTotalsRow && row.kind === "header" ? 52 + stickyOffset : stickyOffset,
                 openCards: nestedCards ? nestedCards.currentOpenCards() : undefined,
                 columnSizes,
                 level,
@@ -172,6 +176,7 @@ function GridTable(props) {
         }
         // Split out the header rows from the data rows so that we can put an `infoMessage` in between them (if needed).
         const headerRows = [];
+        const totalsRows = [];
         const filteredRows = [];
         // Misc state to track our nested card-ification, i.e. interleaved actual rows + chrome rows
         const nestedCards = !!style.nestedCards && new nestedCards_1.NestedCards(columns, filteredRows, style.nestedCards);
@@ -192,6 +197,10 @@ function GridTable(props) {
                     headerRows.push([row[0], makeRowComponent(row[0], level)]);
                     return;
                 }
+                if (row[0].kind === "totals") {
+                    totalsRows.push([row[0], makeRowComponent(row[0], level)]);
+                    return;
+                }
                 visit(row, level);
                 addSpacer && nestedCards && i !== length - 1 && nestedCards.addSpacer();
             });
@@ -200,7 +209,7 @@ function GridTable(props) {
         // If nestedCards is set, we assume the top-level kind is a card, and so should add spacers between them
         visitRows(maybeSorted.reduce(filterRows, []), !!nestedCards, 0);
         nestedCards && nestedCards.done();
-        return [headerRows, filteredRows];
+        return [headerRows, filteredRows, totalsRows];
     }, [
         as,
         maybeSorted,
@@ -252,7 +261,7 @@ function GridTable(props) {
     // behave semantically the same as `as=div` did for its tests.
     const _as = as === "virtual" && runningInJest ? "div" : as;
     const rowStateContext = (0, react_1.useMemo)(() => ({ rowState }), [rowState]);
-    return ((0, jsx_runtime_1.jsx)(RowState_1.RowStateContext.Provider, Object.assign({ value: rowStateContext }, { children: (0, jsx_runtime_1.jsx)(PresentationContext_1.PresentationProvider, Object.assign({ fieldProps: fieldProps, wrap: (_c = style === null || style === void 0 ? void 0 : style.presentationSettings) === null || _c === void 0 ? void 0 : _c.wrap }, { children: renders[_as](style, id, columns, headerRows, filteredRows, firstRowMessage, stickyHeader, (_d = style.nestedCards) === null || _d === void 0 ? void 0 : _d.firstLastColumnWidth, xss, virtuosoRef, tableRef) }), void 0) }), void 0));
+    return ((0, jsx_runtime_1.jsx)(RowState_1.RowStateContext.Provider, Object.assign({ value: rowStateContext }, { children: (0, jsx_runtime_1.jsx)(PresentationContext_1.PresentationProvider, Object.assign({ fieldProps: fieldProps, wrap: (_c = style === null || style === void 0 ? void 0 : style.presentationSettings) === null || _c === void 0 ? void 0 : _c.wrap }, { children: renders[_as](style, id, columns, headerRows, totalsRows, filteredRows, firstRowMessage, stickyHeader, (_d = style.nestedCards) === null || _d === void 0 ? void 0 : _d.firstLastColumnWidth, xss, virtuosoRef, tableRef) }), void 0) }), void 0));
 }
 exports.GridTable = GridTable;
 // Determine which HTML element to use to build the GridTable
@@ -262,7 +271,7 @@ const renders = {
     virtual: renderVirtual,
 };
 /** Renders table using divs with flexbox rows, which is the default render */
-function renderDiv(style, id, columns, headerRows, filteredRows, firstRowMessage, _stickyHeader, firstLastColumnWidth, xss, _virtuosoRef, tableRef) {
+function renderDiv(style, id, columns, headerRows, totalsRows, filteredRows, firstRowMessage, _stickyHeader, firstLastColumnWidth, xss, _virtuosoRef, tableRef) {
     return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ ref: tableRef, css: {
             /*
               Using (n + 3) here to target all rows that are after the first non-header row. Since n starts at 0, we can use
@@ -274,10 +283,10 @@ function renderDiv(style, id, columns, headerRows, filteredRows, firstRowMessage
             ...style.rootCss,
             ...(style.minWidthPx ? Css_1.Css.mwPx(style.minWidthPx).$ : {}),
             ...xss,
-        }, "data-testid": id }, { children: [headerRows.map(([, node]) => node), firstRowMessage && ((0, jsx_runtime_1.jsx)("div", Object.assign({ css: { ...style.firstRowMessageCss }, "data-gridrow": true }, { children: firstRowMessage }), void 0)), filteredRows.map(([, node]) => node)] }), void 0));
+        }, "data-testid": id }, { children: [totalsRows.map(([, node]) => node), headerRows.map(([, node]) => node), firstRowMessage && ((0, jsx_runtime_1.jsx)("div", Object.assign({ css: { ...style.firstRowMessageCss }, "data-gridrow": true }, { children: firstRowMessage }), void 0)), filteredRows.map(([, node]) => node)] }), void 0));
 }
 /** Renders as a table, primarily/solely for good print support. */
-function renderTable(style, id, columns, headerRows, filteredRows, firstRowMessage, _stickyHeader, _firstLastColumnWidth, xss, _virtuosoRef, tableRef) {
+function renderTable(style, id, columns, headerRows, totalsRows, filteredRows, firstRowMessage, _stickyHeader, _firstLastColumnWidth, xss, _virtuosoRef, tableRef) {
     return ((0, jsx_runtime_1.jsxs)("table", Object.assign({ ref: tableRef, css: {
             ...Css_1.Css.w100.add("borderCollapse", "collapse").$,
             ...Css_1.Css.addIn("& > tbody > tr ", style.betweenRowsCss || {})
@@ -286,7 +295,7 @@ function renderTable(style, id, columns, headerRows, filteredRows, firstRowMessa
             ...style.rootCss,
             ...(style.minWidthPx ? Css_1.Css.mwPx(style.minWidthPx).$ : {}),
             ...xss,
-        }, "data-testid": id }, { children: [(0, jsx_runtime_1.jsx)("thead", { children: headerRows.map(([, node]) => node) }, void 0), (0, jsx_runtime_1.jsxs)("tbody", { children: [firstRowMessage && ((0, jsx_runtime_1.jsx)("tr", { children: (0, jsx_runtime_1.jsx)("td", Object.assign({ colSpan: columns.length, css: { ...style.firstRowMessageCss } }, { children: firstRowMessage }), void 0) }, void 0)), filteredRows.map(([, node]) => node)] }, void 0)] }), void 0));
+        }, "data-testid": id }, { children: [(0, jsx_runtime_1.jsx)("thead", { children: [...totalsRows, ...headerRows].map(([, node]) => node) }, void 0), (0, jsx_runtime_1.jsxs)("tbody", { children: [firstRowMessage && ((0, jsx_runtime_1.jsx)("tr", { children: (0, jsx_runtime_1.jsx)("td", Object.assign({ colSpan: columns.length, css: { ...style.firstRowMessageCss } }, { children: firstRowMessage }), void 0) }, void 0)), filteredRows.map(([, node]) => node)] }, void 0)] }), void 0));
 }
 /**
  * Uses react-virtuoso to render rows virtually.
@@ -308,7 +317,7 @@ function renderTable(style, id, columns, headerRows, filteredRows, firstRowMessa
  * [2]: https://github.com/tannerlinsley/react-virtual/issues/85
  * [3]: https://github.com/tannerlinsley/react-virtual/issues/108
  */
-function renderVirtual(style, id, columns, headerRows, filteredRows, firstRowMessage, stickyHeader, firstLastColumnWidth, xss, virtuosoRef, tableRef) {
+function renderVirtual(style, id, columns, headerRows, totalsRows, filteredRows, firstRowMessage, stickyHeader, firstLastColumnWidth, xss, virtuosoRef, tableRef) {
     // eslint-disable-next-line react-hooks/rules-of-hooks
     const { footerStyle, listStyle } = (0, react_1.useMemo)(() => {
         var _a;
@@ -327,9 +336,15 @@ function renderVirtual(style, id, columns, headerRows, filteredRows, firstRowMes
             Footer: () => (0, jsx_runtime_1.jsx)("div", { css: footerStyle }, void 0),
         }, 
         // Pin/sticky both the header row(s) + firstRowMessage to the top
-        topItemCount: (stickyHeader ? headerRows.length : 0) + (firstRowMessage ? 1 : 0), itemContent: (index) => {
-            // Since we have two arrays of rows: `headerRows` and `filteredRow` we
+        topItemCount: (stickyHeader ? headerRows.length + totalsRows.length : 0) + (firstRowMessage ? 1 : 0), itemContent: (index) => {
+            // Since we have three arrays of rows: `headerRows`, `totalsRows`, and `filteredRow` we
             // must determine which one to render.
+            // Determine if we need to render a totals row
+            if (index < totalsRows.length) {
+                return totalsRows[index][1];
+            }
+            // Reset index
+            index -= totalsRows.length;
             // Determine if we need to render a header row
             if (index < headerRows.length) {
                 return headerRows[index][1];
@@ -347,7 +362,7 @@ function renderVirtual(style, id, columns, headerRows, filteredRows, firstRowMes
             }
             // Lastly render `filteredRow`
             return filteredRows[index][1];
-        }, totalCount: (headerRows.length || 0) + (firstRowMessage ? 1 : 0) + (filteredRows.length || 0) }, void 0));
+        }, totalCount: (headerRows.length || 0) + (totalsRows.length || 0) + (firstRowMessage ? 1 : 0) + (filteredRows.length || 0) }, void 0));
 }
 /**
  * A table might render two of these components to represent two virtual lists.
@@ -473,8 +488,9 @@ function GridRow(props) {
     const { as, columns, row, style, rowStyles, stickyHeader, stickyOffset, sortOn, sortState, setSortKey, openCards, columnSizes, level, getCount, api, ...others } = props;
     const { rowState } = (0, react_1.useContext)(RowState_1.RowStateContext);
     const isActive = (0, hooks_1.useComputed)(() => rowState.activeRowId === `${row.kind}_${row.id}`, [row, rowState]);
-    // We treat the "header" kind as special for "good defaults" styling
+    // We treat the "header" and "totals" kind as special for "good defaults" styling
     const isHeader = row.kind === "header";
+    const isTotals = row.kind === "totals";
     const rowStyle = rowStyles === null || rowStyles === void 0 ? void 0 : rowStyles[row.kind];
     const Row = as === "table" ? "tr" : "div";
     const openCardStyles = typeof openCards === "string"
@@ -493,7 +509,7 @@ function GridRow(props) {
         }),
         ...maybeApplyFunction(row, rowStyle === null || rowStyle === void 0 ? void 0 : rowStyle.rowCss),
         // Maybe add the sticky header styles
-        ...(isHeader && stickyHeader ? Css_1.Css.sticky.top(stickyOffset).z2.$ : undefined),
+        ...((isHeader || isTotals) && stickyHeader ? Css_1.Css.sticky.topPx(stickyOffset).z2.$ : undefined),
         ...(0, nestedCards_1.getNestedCardStyles)(row, openCardStyles, style, isActive),
     };
     let currentColspan = 1;
@@ -567,8 +583,10 @@ function GridRow(props) {
                 ...getIndentationCss(style, rowStyle, columnIndex, maybeContent),
                 // Then apply any header-specific override
                 ...(isHeader && style.headerCellCss),
+                // Then apply any totals-specific override
+                ...(isTotals && style.totalsCellCss),
                 // Or level-specific styling
-                ...(!isHeader && !!style.levels && ((_d = style.levels[level]) === null || _d === void 0 ? void 0 : _d.cellCss)),
+                ...(!isHeader && !isTotals && !!style.levels && ((_d = style.levels[level]) === null || _d === void 0 ? void 0 : _d.cellCss)),
                 // Level specific styling for the first content column
                 ...(applyFirstContentColumnStyles && !!style.levels && ((_e = style.levels[level]) === null || _e === void 0 ? void 0 : _e.firstContentColumn)),
                 // The specific cell's css (if any from GridCellContent)
@@ -770,7 +788,7 @@ function tableRowStyles(as, column) {
         : {};
 }
 function resolveStyles(style) {
-    const defKeys = ["inlineEditing", "grouped", "totals", "rowHeight"];
+    const defKeys = ["inlineEditing", "grouped", "rowHeight"];
     const keys = (0, utils_1.safeKeys)(style);
     if (keys.length === 0 || keys.some((k) => defKeys.includes(k))) {
         return (0, styles_1.getTableStyles)(style);

package/dist/components/Table/RowState.js

@@ -85,7 +85,7 @@ class RowState {
                 // Just mash the header + all rows + children as selected
                 const map = new Map();
                 map.set("header", "checked");
-                (0, visitor_1.visit)(this.rows, (row) => this.visibleRows.has(row.id) && map.set(row.id, "checked"));
+                (0, visitor_1.visit)(this.rows, (row) => this.visibleRows.has(row.id) && row.kind !== "totals" && map.set(row.id, "checked"));
                 this.selectedRows.replace(map);
             }
             else {

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

@@ -9,6 +9,5 @@ export interface GridStyleDef {
     inlineEditing?: boolean;
     grouped?: boolean;
     rowHeight?: "fixed" | "flexible";
-    totals?: boolean;
 }
 export declare const getTableStyles: (props?: GridStyleDef | undefined) => GridStyle;

package/dist/components/Table/styles.js

@@ -5,6 +5,7 @@ const Css_1 = require("../../Css");
 /** Our original table look & feel/style. */
 exports.defaultStyle = {
     rootCss: Css_1.Css.gray700.$,
+    totalsCellCss: Css_1.Css.bgWhite.$,
     betweenRowsCss: Css_1.Css.bt.bGray400.$,
     firstNonHeaderRowCss: Css_1.Css.add({ borderTopStyle: "none" }).$,
     cellCss: Css_1.Css.py2.px3.$,
@@ -42,8 +43,8 @@ exports.cardStyle = {
 function memoizedTableStyles() {
     const cache = {};
     return (props) => {
-        const { inlineEditing = false, grouped = false, rowHeight = "flexible", totals = false } = props || {};
-        const key = `${inlineEditing}|${grouped}|${rowHeight}|${totals}`;
+        const { inlineEditing = false, grouped = false, rowHeight = "flexible" } = props || {};
+        const key = `${inlineEditing}|${grouped}|${rowHeight}`;
         if (!cache[key]) {
             const groupedLevels = {
                 0: {
@@ -57,13 +58,13 @@ function memoizedTableStyles() {
                 emptyCell: "-",
                 firstRowMessageCss: Css_1.Css.tc.py3.$,
                 headerCellCss: Css_1.Css.gray700.xsEm.bgGray200.aic.nowrap.pxPx(12).hPx(40).$,
+                totalsCellCss: Css_1.Css.bgWhite.gray700.smEm.hPx(52).pt0.pbPx(12).boxShadow("none").$,
                 cellCss: {
                     ...Css_1.Css.gray900.xs.bgWhite.aic.pxPx(12).boxShadow(`inset 0 -1px 0 ${Css_1.Palette.Gray200}`).$,
                     ...(rowHeight === "flexible" ? Css_1.Css.py2.$ : Css_1.Css.nowrap.hPx(inlineEditing ? 48 : 36).$),
-                    ...(totals ? Css_1.Css.gray700.smEm.hPx(40).mb1.bgWhite.boxShadow("none").$ : {}),
                 },
                 presentationSettings: { borderless: true, typeScale: "xs", wrap: rowHeight === "flexible" },
-                levels: totals ? {} : grouped ? groupedLevels : defaultLevels,
+                levels: grouped ? groupedLevels : defaultLevels,
             };
         }
         return cache[key];

package/dist/inputs/Switch.js

@@ -29,7 +29,7 @@ function Switch(props) {
                 ...(labelStyle === "filter" && Css_1.Css.jcsb.aic.w("auto").sm.$),
                 ...(isDisabled && Css_1.Css.cursorNotAllowed.gray400.$),
             }, "aria-label": label }, { children: [!hideLabel && labelStyle === "form" && (0, jsx_runtime_1.jsx)(Label_1.Label, { label: label }, void 0), !hideLabel && labelStyle === "filter" && (0, jsx_runtime_1.jsx)("span", { children: label }, void 0), (0, jsx_runtime_1.jsx)("div", Object.assign({ "aria-hidden": "true", css: {
-                        ...Css_1.Css.wPx(toggleWidth(compact)).hPx(toggleHeight(compact)).bgGray200.br12.relative.transition.$,
+                        ...Css_1.Css.wPx(40).hPx(toggleHeight(compact)).bgGray200.br12.relative.transition.$,
                         ...(isHovered && exports.switchHoverStyles),
                         ...(isKeyboardFocus && exports.switchFocusStyles),
                         ...(isDisabled && Css_1.Css.bgGray300.$),
@@ -49,8 +49,7 @@ exports.Switch = Switch;
 /** Styles */
 // Element sizes
 const toggleHeight = (isCompact) => (isCompact ? 16 : 24);
-const toggleWidth = (isCompact) => (isCompact ? 44 : 40);
-const circleDiameter = (isCompact) => (isCompact ? 14 : 20);
+const circleDiameter = (isCompact) => (isCompact ? 12 : 20);
 // Switcher/Toggle element styles
 exports.switchHoverStyles = Css_1.Css.bgGray400.$;
 exports.switchFocusStyles = Css_1.Css.bshFocus.$;
@@ -60,7 +59,7 @@ const switchCircleDefaultStyles = (isCompact) => ({
     ...Css_1.Css.wPx(circleDiameter(isCompact))
         .hPx(circleDiameter(isCompact))
         .br100.bgWhite.bshBasic.absolute.leftPx(2)
-        .topPx(isCompact ? 1 : 2).transition.df.aic.jcc.$,
+        .topPx(2).transition.df.aic.jcc.$,
     svg: Css_1.Css.hPx(toggleHeight(isCompact) / 2).wPx(toggleHeight(isCompact) / 2).$,
 });
 /**

package/package.json

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