@homebound/beam 2.257.0 → 2.259.0

package/dist/components/Table/GridTable.js

@@ -197,7 +197,7 @@ function GridTable(props) {
         return [headerRows, visibleDataRows, totalsRows, expandableHeaderRows, filteredRowIds];
     }, [as, api, filter, maybeSorted, columns, style, rowStyles, sortOn, columnSizes, collapsedIds, getCount]);
     // Once our header rows are created we can organize them in expected order.
-    const tableHeadRows = totalsRows.concat(expandableHeaderRows).concat(headerRows);
+    const tableHeadRows = expandableHeaderRows.concat(headerRows).concat(totalsRows);
     let tooManyClientSideRows = false;
     if (filterMaxRows && visibleDataRows.length > filterMaxRows) {
         tooManyClientSideRows = true;

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

@@ -68,7 +68,7 @@ export interface GridStyleDef {
     vAlign?: "top" | "center" | "bottom";
 }
 export declare const getTableStyles: (props?: GridStyleDef) => GridStyle;
-export declare const totalsRowHeight = 52;
+export declare const totalsRowHeight = 40;
 export declare const expandableHeaderRowHeight = 40;
 /** Defines row-specific styling for each given row `kind` in `R` */
 export type RowStyles<R extends Kinded> = {

package/dist/components/Table/TableStyles.js

@@ -38,7 +38,7 @@ function memoizedTableStyles() {
                     ...Css_1.Css.gray700.xsMd.bgGray200.aic.pxPx(12).whiteSpace("unset").hPx(40).$,
                     ...(allWhite && Css_1.Css.bgWhite.$),
                 },
-                totalsCellCss: Css_1.Css.bgWhite.gray700.smMd.hPx(exports.totalsRowHeight).pPx(12).boxShadow("none").$,
+                totalsCellCss: Css_1.Css.bgWhite.gray700.bgGray100.xsMd.hPx(exports.totalsRowHeight).pPx(12).$,
                 expandableHeaderCss: Css_1.Css.bgWhite.gray900.xsMd.wsNormal
                     .hPx(exports.expandableHeaderRowHeight)
                     .pxPx(12)
@@ -66,7 +66,7 @@ function memoizedTableStyles() {
     };
 }
 exports.getTableStyles = memoizedTableStyles();
-exports.totalsRowHeight = 52;
+exports.totalsRowHeight = 40;
 exports.expandableHeaderRowHeight = 40;
 /** Our original table look & feel/style. */
 exports.defaultStyle = {

package/dist/inputs/NumberField.d.ts

@@ -35,6 +35,7 @@ export interface NumberFieldProps extends Pick<PresentationFieldProps, "labelSty
     borderless?: boolean;
     sizeToContent?: boolean;
     alwaysShowHelperText?: boolean;
+    positiveOnly?: boolean;
 }
 export declare function NumberField(props: NumberFieldProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export declare function formatValue(value: number, factor: number, numFractionDigits: number | undefined, numIntegerDigits: number | undefined): number | undefined;
+export declare function formatValue(value: number, factor: number, numFractionDigits: number | undefined, numIntegerDigits: number | undefined, positiveOnly?: boolean): number | undefined;

package/dist/inputs/NumberField.js

@@ -16,7 +16,7 @@ function NumberField(props) {
     // Determine default alignment based on presentation context
     const { fieldProps } = (0, PresentationContext_1.usePresentationContext)();
     const alignment = (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.numberAlignment) === "right" ? Css_1.Css.tr.jcfe.$ : Css_1.Css.tl.jcfs.$;
-    const { disabled, required, readOnly, type, label, onBlur, onFocus, errorMsg, helperText, value, onChange, xss, displayDirection = false, numFractionDigits = type === "dollars" ? 2 : undefined, truncate = false, onEnter, numberFormatOptions, numIntegerDigits, useGrouping = true, sizeToContent = false, ...otherProps } = props;
+    const { disabled, required, readOnly, type, label, onBlur, onFocus, errorMsg, helperText, value, onChange, xss, displayDirection = false, numFractionDigits = type === "dollars" ? 2 : undefined, truncate = false, onEnter, numberFormatOptions, numIntegerDigits, useGrouping = true, sizeToContent = false, positiveOnly = false, ...otherProps } = props;
     const isDisabled = !!disabled;
     const isReadOnly = !!readOnly;
     const factor = type === "percent" || type === "cents" ? 100 : type === "basisPoints" ? 10000 : 1;
@@ -56,7 +56,7 @@ function NumberField(props) {
         value: valueRef.current.wip ? valueRef.current.value : value === undefined ? Number.NaN : value / factor,
         // // This is called on blur with the final/committed value.
         onChange: (value) => {
-            onChange(formatValue(value, factor, numFractionDigits, numIntegerDigits));
+            onChange(formatValue(value, factor, numFractionDigits, numIntegerDigits, positiveOnly));
         },
         onFocus: () => {
             valueRef.current = { wip: true, value: value === undefined ? Number.NaN : value / factor };
@@ -92,11 +92,11 @@ function NumberField(props) {
         // This is called on each DOM change, to push the latest value into the field
         onChange: (rawInputValue) => {
             const parsedValue = numberParser.parse(rawInputValue || "");
-            onChange(formatValue(parsedValue, factor, numFractionDigits, numIntegerDigits));
+            onChange(formatValue(parsedValue, factor, numFractionDigits, numIntegerDigits, positiveOnly));
         }, inputRef: inputRef, onBlur: onBlur, onFocus: onFocus, errorMsg: errorMsg, helperText: helperText, tooltip: (0, components_1.resolveTooltip)(disabled, undefined, readOnly), ...otherProps }));
 }
 exports.NumberField = NumberField;
-function formatValue(value, factor, numFractionDigits, numIntegerDigits) {
+function formatValue(value, factor, numFractionDigits, numIntegerDigits, positiveOnly = false) {
     // We treat percents & cents as (mostly) integers, while useNumberField wants decimals, so
     // undo that via `* factor` and `Math.round`, but also keep any specifically-requested `numFractionDigits`,
     // i.e. for `type=percent value=12.34`, `value` will be `0.1234` that we want turn into `12.34`.
@@ -104,7 +104,7 @@ function formatValue(value, factor, numFractionDigits, numIntegerDigits) {
     // Reverse the integer/decimal conversion
     const decimalAdjusted = Number.isNaN(value)
         ? undefined
-        : Math.round(value * factor * maybeAdjustForDecimals) / maybeAdjustForDecimals;
+        : Math.round((positiveOnly ? Math.abs(value) : value) * factor * maybeAdjustForDecimals) / maybeAdjustForDecimals;
     if (numIntegerDigits === undefined || decimalAdjusted === undefined) {
         return decimalAdjusted;
     }

package/package.json

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