@homebound/beam 2.258.0 → 2.259.0

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.258.0",
+  "version": "2.259.0",
   "author": "Homebound",
   "license": "MIT",
   "main": "dist/index.js",