@homebound/beam 2.231.0 → 2.232.0

package/dist/components/Filters/NumberRangeFilter.d.ts

@@ -4,6 +4,7 @@ export type NumberRangeFilterProps<DV extends NumberRangeFilterValue> = {
     label: string;
     numberFieldType?: NumberFieldType;
     defaultValue?: DV;
+    numberFormatOptions?: Intl.NumberFormatOptions;
 };
 export type NumberRangeFilterValue = {
     min: number;

package/dist/components/Filters/NumberRangeFilter.js

@@ -15,21 +15,21 @@ exports.numberRangeFilter = numberRangeFilter;
 class NumberRangeFilter extends BaseFilter_1.BaseFilter {
     render(value, setValue, tid, inModal, vertical) {
         var _a, _b;
-        const { label, numberFieldType } = this.props;
+        const { label, numberFieldType, numberFormatOptions } = this.props;
         const min = (_a = value === null || value === void 0 ? void 0 : value.min) !== null && _a !== void 0 ? _a : undefined;
         const max = (_b = value === null || value === void 0 ? void 0 : value.max) !== null && _b !== void 0 ? _b : undefined;
-        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [vertical && ((0, jsx_runtime_1.jsxs)("div", { ...tid, children: [(0, jsx_runtime_1.jsx)(Label_1.Label, { label: label }), (0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.pb1.$, children: (0, jsx_runtime_1.jsx)(NumberField_1.NumberField, { labelStyle: "inline", clearable: true, label: "Min", value: min, type: numberFieldType, onChange: (minVal) => {
+        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [vertical && ((0, jsx_runtime_1.jsxs)("div", { ...tid, children: [(0, jsx_runtime_1.jsx)(Label_1.Label, { label: label }), (0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.pb1.$, children: (0, jsx_runtime_1.jsx)(NumberField_1.NumberField, { labelStyle: "inline", clearable: true, label: "Min", value: min, type: numberFieldType, numberFormatOptions: numberFormatOptions, onChange: (minVal) => {
                                     const maxValue = max ? { max } : {};
                                     setValue(minVal || max ? { min: minVal, ...maxValue } : undefined);
-                                }, ...tid[`${(0, defaultTestId_1.defaultTestId)(label)}_min_vertical`] }) }), (0, jsx_runtime_1.jsx)(NumberField_1.NumberField, { labelStyle: "inline", clearable: true, label: "Max", value: max, type: numberFieldType, onChange: (maxVal) => {
+                                }, ...tid[`${(0, defaultTestId_1.defaultTestId)(label)}_min_vertical`] }) }), (0, jsx_runtime_1.jsx)(NumberField_1.NumberField, { labelStyle: "inline", clearable: true, label: "Max", value: max, type: numberFieldType, numberFormatOptions: numberFormatOptions, onChange: (maxVal) => {
                                 const minValue = min ? { min } : {};
                                 setValue(maxVal || min ? { max: maxVal, ...minValue } : undefined);
                             }, ...tid[`${(0, defaultTestId_1.defaultTestId)(label)}_max_vertical`] })] })), !vertical && ((0, jsx_runtime_1.jsxs)(CompoundField_1.CompoundField, { ...tid, children: [(0, jsx_runtime_1.jsx)(NumberField_1.NumberField, { compact: true, sizeToContent: !inModal, labelStyle: "inline", clearable: true, 
                             // When in horizontal view, we combine the filter label with the min / max labels as all filter labels are displayed inline
-                            label: !inModal ? `${label} Min` : "Min", value: min, type: numberFieldType, onChange: (minVal) => {
+                            label: !inModal ? `${label} Min` : "Min", value: min, type: numberFieldType, numberFormatOptions: numberFormatOptions, onChange: (minVal) => {
                                 const maxValue = max ? { max } : {};
                                 setValue(minVal || max ? { min: minVal, ...maxValue } : undefined);
-                            }, ...tid[`${(0, defaultTestId_1.defaultTestId)(label)}_min`] }), (0, jsx_runtime_1.jsx)(NumberField_1.NumberField, { compact: true, sizeToContent: !inModal, labelStyle: "inline", clearable: true, label: !inModal ? `${label} Max` : "Max", value: max, type: numberFieldType, onChange: (maxVal) => {
+                            }, ...tid[`${(0, defaultTestId_1.defaultTestId)(label)}_min`] }), (0, jsx_runtime_1.jsx)(NumberField_1.NumberField, { compact: true, sizeToContent: !inModal, labelStyle: "inline", clearable: true, label: !inModal ? `${label} Max` : "Max", value: max, type: numberFieldType, numberFormatOptions: numberFormatOptions, onChange: (maxVal) => {
                                 const minValue = min ? { min } : {};
                                 setValue(maxVal || min ? { max: maxVal, ...minValue } : undefined);
                             }, ...tid[`${(0, defaultTestId_1.defaultTestId)(label)}_max`] })] }))] }));

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

@@ -65,5 +65,7 @@ export type GridDataRow<R extends Kinded> = {
     initSelected?: boolean;
     /** Whether row can be selected */
     selectable?: false;
+    /** Whether this row should infer its selected state based on its children's selected state */
+    inferSelectedState?: false;
 } & IfAny<R, {}, DiscriminateUnion<R, "kind", R["kind"]>>;
 export {};

package/dist/components/Table/utils/TableState.js

@@ -258,7 +258,8 @@ class TableState {
             (0, visitor_1.visit)([curr.row], (row) => this.matchedRows.has(row.id) && map.set(row.id, selected ? "checked" : "unchecked"));
             // Now walk up the parents and see if they are now-all-checked/now-all-unchecked/some-of-each
             for (const parent of [...curr.parents].reverse()) {
-                if (parent.children) {
+                // Only derive selected state of the parent row if `inferSelectedState` is not `false`
+                if (parent.children && parent.inferSelectedState !== false) {
                     map.set(parent.id, deriveParentSelected(this.getMatchedChildrenStates(parent.children, map)));
                 }
             }
@@ -327,14 +328,16 @@ class TableState {
         }
     }
     getMatchedChildrenStates(children, map) {
-        return children
+        const respectedChildren = children.flatMap(getChildrenForDerivingSelectState);
+        return respectedChildren
             .filter((row) => row.id !== "header" && this.matchedRows.has(row.id))
             .map((row) => map.get(row.id) || this.getSelected(row.id));
     }
     // Recursively traverse through rows to determine selected state of parent rows based on children
     setNestedSelectedStates(row, map) {
         if (this.matchedRows.has(row.id)) {
-            if (!row.children) {
+            // do not derive selected state if there are no children, or if `inferSelectedState` is set to false
+            if (!row.children || row.inferSelectedState === false) {
                 return [this.getSelected(row.id)];
             }
             const childrenSelectedStates = row.children.flatMap((rc) => this.setNestedSelectedStates(rc, map));
@@ -346,6 +349,13 @@ class TableState {
     }
 }
 exports.TableState = TableState;
+/** Returns the child rows needed for deriving the selected state of a parent/group row */
+function getChildrenForDerivingSelectState(row) {
+    if (row.children && row.inferSelectedState === false) {
+        return [row, ...row.children.flatMap(getChildrenForDerivingSelectState)];
+    }
+    return [row];
+}
 /** Provides a context for rows to access their table's `TableState`. */
 exports.TableStateContext = react_1.default.createContext({
     get tableState() {

package/package.json

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