@xh/hoist 73.0.0-SNAPSHOT.1746476925456 → 73.0.0-SNAPSHOT.1746482507483

package/CHANGELOG.md

@@ -4,8 +4,14 @@
 
 ### 💥 Breaking Changes (upgrade difficulty: 🟢 TRIVIAL - minor upgrade to Hoist Core)
 
-Requires `hoist-core >= 30.0` with new APIs to support the consolidated Admin Console "Clients" tab
-and new properties on `TrackLog`.
+* Requires `hoist-core >= 30.0` with new APIs to support the consolidated Admin Console "Clients"
+  tab and new properties on `TrackLog`.
+* Apps with a custom `AppModel` for their admin app that extends `@xh/hoist/admin/AppModel` must
+  ensure they call `super.initAsync()` within their override of that lifecycle method, if
+  applicable. This did not previously have any effect, but is required now for the superclass to
+  initialize a new `ViewManagerModel`.
+  * For clarity, [here is where Toolbox makes that call](https://github.com/xh/toolbox/blob/f15a8018ce36c2ae998b45724b48a16320b88e49/client-app/src/admin/AppModel.ts#L12).
+
 
 ### 🎁 New Features
 
@@ -32,6 +38,8 @@ and new properties on `TrackLog`.
 
 * Corrected `GridGroupSortFn` param types.
 * Corrected `StoreCountLabelProps` interface.
+* Corrected `textAlign` type in `DateInputProps`, `NumberInputProps` `SearchInputProps` and
+  `TextInputProps`.
 
 ### ⚙️ Technical
 
@@ -41,7 +49,7 @@ and new properties on `TrackLog`.
     * The two versions *should* be the same, but in cases where a browser "restores" a tab and
       re-inits an app without reloading the code itself, the upgrade check would miss the fact that
       the client remained on an older version.
-    * Note that a misconfigured build - where the client build version is not set to the same value
+    * ⚠️ NOTE that a misconfigured build - where the client version is not set to the same value
       as the server - would result in a false positive for an upgrade. The two should always match.
 * Calls to `Promise.track()` that are rejected with an exception will be tracked with new
   severity level of `TrackSeverity.ERROR`
@@ -119,6 +127,10 @@ and new properties on `TrackLog`.
 
 ### 🎁 New Features
 
+* Improvements to  Grid columns `HeaderFilter` component:
+    * `GridFilterModel` `commitOnChage` now set to `false` by default
+    * Addition of ability to append terms to active filter **only** when `commitOnChage:false`
+    * Column header filtering functionality now similar to Excel on Windows
 * Introduced a new "JSON Search" feature to the Hoist Admin Console, accessible from the Config,
   User Preference, and JSON Blob tabs. Supports searching JSON values stored within these objects
   to filter and match data using JSON Path expressions.

package/admin/columns/Rest.ts

@@ -17,7 +17,6 @@ export const dateCreatedNoYear: ColumnSpec = {
     ...Col.dateTimeSec,
     field: {name: 'dateCreated', type: 'date'},
     tooltip: true,
-    align: 'right',
     renderer: dateTimeRenderer({fmt: 'MMM DD HH:mm:ss'})
 };
 

package/admin/columns/Tracking.ts

@@ -13,8 +13,6 @@ import {fmtDate, fmtSpan, numberRenderer} from '@xh/hoist/format';
 import {Icon} from '@xh/hoist/icon';
 import {ReactElement} from 'react';
 
-const autosizeMaxWidth = 400;
-
 export const appBuild: ColumnSpec = {
     field: {
         name: 'appBuild',
@@ -76,7 +74,7 @@ export const correlationId: ColumnSpec = {
 export const data: ColumnSpec = {
     field: {name: 'data', type: 'json'},
     width: 250,
-    autosizeMaxWidth
+    autosizeMaxWidth: 400
 };
 
 export const day: ColumnSpec = {
@@ -181,7 +179,7 @@ export const error: ColumnSpec = {
         type: 'string'
     },
     width: 250,
-    autosizeMaxWidth,
+    autosizeMaxWidth: 400,
     renderer: e => fmtSpan(e, {className: 'xh-font-family-mono xh-font-size-small'})
 };
 
@@ -213,7 +211,7 @@ export const msg: ColumnSpec = {
         aggregator: 'UNIQUE'
     },
     width: 250,
-    autosizeMaxWidth
+    autosizeMaxWidth: 400
 };
 
 export const severity: ColumnSpec = {
@@ -269,13 +267,13 @@ export const url: ColumnSpec = {
         displayName: 'URL'
     },
     width: 250,
-    autosizeMaxWidth
+    autosizeMaxWidth: 400
 };
 
 export const urlPathOnly: ColumnSpec = {
     field: url.field,
     width: 250,
-    autosizeMaxWidth,
+    autosizeMaxWidth: 400,
     tooltip: true,
     renderer: v => {
         if (!v) return null;
@@ -295,8 +293,7 @@ export const userAgent: ColumnSpec = {
         isDimension: true,
         aggregator: 'UNIQUE'
     },
-    width: 130,
-    autosizeMaxWidth
+    width: 130
 };
 
 export const userAlertedFlag: ColumnSpec = {

package/admin/tabs/activity/tracking/ActivityTrackingModel.ts

@@ -15,15 +15,14 @@ import {FormModel} from '@xh/hoist/cmp/form';
 import {ColumnRenderer, ColumnSpec, GridModel, TreeStyle} from '@xh/hoist/cmp/grid';
 import {GroupingChooserModel} from '@xh/hoist/cmp/grouping';
 import {HoistModel, LoadSpec, managed, PlainObject, XH} from '@xh/hoist/core';
-import {Cube, CubeFieldSpec, FieldSpec, StoreRecord} from '@xh/hoist/data';
+import {Cube, CubeFieldSpec, FieldSpec} from '@xh/hoist/data';
 import {dateRenderer, dateTimeSecRenderer, fmtNumber, numberRenderer} from '@xh/hoist/format';
 import {action, computed, makeObservable, observable} from '@xh/hoist/mobx';
 import {LocalDate} from '@xh/hoist/utils/datetime';
 import {compact, get, isEmpty, isEqual, round} from 'lodash';
 import moment from 'moment';
-import {ActivityDetailProvider} from './detail/ActivityDetailModel';
 
-export class ActivityTrackingModel extends HoistModel implements ActivityDetailProvider {
+export class ActivityTrackingModel extends HoistModel {
     /** FormModel for server-side querying controls. */
     @managed formModel: FormModel;
 
@@ -40,17 +39,6 @@ export class ActivityTrackingModel extends HoistModel implements ActivityDetailP
      */
     @observable.ref dataFields: ActivityTrackingDataFieldSpec[] = [];
 
-    // TODO - process two collections - one for agg grid with _agg fields left as-is, another for
-    //        detail grid and filter that replaces (potentially multiple) agg fields with a single
-    //        underlying field.
-    get dataFieldCols(): ColumnSpec[] {
-        return this.dataFields.map(df => ({
-            field: df,
-            renderer: this.getDfRenderer(df),
-            appData: {showInAggGrid: !!df.aggregator}
-        }));
-    }
-
     @observable showFilterChooser: boolean = false;
 
     get enabled(): boolean {
@@ -89,18 +77,21 @@ export class ActivityTrackingModel extends HoistModel implements ActivityDetailP
         return this.maxRows === this.cube.store.allCount;
     }
 
+    // TODO - process two collections - one for agg grid with _agg fields left as-is, another for
+    //        detail grid and filter that replaces (potentially multiple) agg fields with a single
+    //        underlying field.
+    get dataFieldCols(): ColumnSpec[] {
+        return this.dataFields.map(df => ({
+            field: df,
+            renderer: this.getDfRenderer(df),
+            appData: {showInAggGrid: !!df.aggregator}
+        }));
+    }
+
     get viewManagerModel() {
         return getAppModel().viewManagerModels.activityTracking;
     }
 
-    //-----------------------
-    // ActivityDetailProvider
-    //-----------------------
-    readonly isActivityDetailProvider = true;
-
-    /** Raw leaf-level log entries for the selected aggregate record, for detail. */
-    @observable.ref trackLogs: PlainObject[] = [];
-
     private _monthFormat = 'MMM YYYY';
 
     constructor() {
@@ -130,11 +121,6 @@ export class ActivityTrackingModel extends HoistModel implements ActivityDetailP
                 track: () => [this.cube.records, this.dimensions],
                 run: () => this.loadGridAsync(),
                 debounce: 100
-            },
-            {
-                track: () => this.gridModel.selectedRecords,
-                run: recs => (this.trackLogs = this.getAllLeafRows(recs)),
-                debounce: 100
             }
         );
     }
@@ -287,23 +273,6 @@ export class ActivityTrackingModel extends HoistModel implements ActivityDetailP
         };
     }
 
-    // Extract all leaf, track-entry-level rows from an aggregate record (at any level).
-    private getAllLeafRows(aggRecs: StoreRecord[], ret = []): PlainObject[] {
-        if (isEmpty(aggRecs)) return [];
-
-        aggRecs.forEach(aggRec => {
-            if (aggRec.children.length) {
-                this.getAllLeafRows(aggRec.children, ret);
-            } else if (aggRec.raw.leafRows) {
-                aggRec.raw.leafRows.forEach(leaf => {
-                    ret.push({...leaf});
-                });
-            }
-        });
-
-        return ret;
-    }
-
     //------------------------
     // Impl - core data models
     //------------------------
@@ -413,12 +382,11 @@ export class ActivityTrackingModel extends HoistModel implements ActivityDetailP
         const hidden = true;
         return new GridModel({
             persistWith: {...this.persistWith, path: 'aggGrid'},
-            selModel: 'multiple',
             enableExport: true,
             colChooserModel: true,
             treeMode: true,
             treeStyle: TreeStyle.HIGHLIGHTS_AND_BORDERS,
-            autosizeOptions: {mode: 'managed', includeCollapsedChildren: true},
+            autosizeOptions: {mode: 'managed'},
             exportOptions: {filename: exportFilename('activity-summary')},
             emptyText: 'No activity reported...',
             sortBy: ['cubeLabel'],
@@ -430,7 +398,6 @@ export class ActivityTrackingModel extends HoistModel implements ActivityDetailP
                         displayName: 'Group'
                     },
                     minWidth: 100,
-                    autosizeMaxWidth: 400,
                     isTreeColumn: true,
                     comparator: this.cubeLabelComparator.bind(this)
                 },

package/admin/tabs/activity/tracking/ActivityTrackingPanel.ts

@@ -155,7 +155,7 @@ const aggregateView = hoistCmp.factory<ActivityTrackingModel>(({model}) => {
             persistWith: {...model.persistWith, path: 'aggPanel'}
         },
         tbar: toolbar({
-            compact: true,
+            // compact: true,
             items: [
                 groupingChooser({flex: 10, maxWidth: 300}),
                 filler(),

package/admin/tabs/activity/tracking/detail/ActivityDetailModel.ts

@@ -6,32 +6,17 @@
  */
 import {exportFilename} from '@xh/hoist/admin/AdminUtils';
 import * as Col from '@xh/hoist/admin/columns';
-import {ActivityTrackingDataFieldSpec} from '@xh/hoist/admin/tabs/activity/tracking/datafields/DataFieldsEditorModel';
 import {FormModel} from '@xh/hoist/cmp/form';
-import {ColumnSpec, GridModel} from '@xh/hoist/cmp/grid';
-import {HoistModel, lookup, managed, PersistOptions, PlainObject} from '@xh/hoist/core';
+import {GridModel} from '@xh/hoist/cmp/grid';
+import {HoistModel, lookup, managed} from '@xh/hoist/core';
 import {StoreRecord} from '@xh/hoist/data';
 import {timestampReplacer} from '@xh/hoist/format';
 import {action, bindable, computed, makeObservable, observable} from '@xh/hoist/mobx';
-import {get, isString} from 'lodash';
-
-/**
- * Interface to cover the two usages of this component - {@link ActivityTrackingModel} and {@link ClientDetailModel}
- */
-export interface ActivityDetailProvider {
-    isActivityDetailProvider: true;
-    trackLogs: PlainObject[];
-    persistWith?: PersistOptions;
-    colDefaults?: Record<string, Partial<ColumnSpec>>;
-    dataFields?: ActivityTrackingDataFieldSpec[];
-    dataFieldCols?: ColumnSpec[];
-}
+import {get} from 'lodash';
+import {ActivityTrackingModel} from '../ActivityTrackingModel';
 
 export class ActivityDetailModel extends HoistModel {
-    @lookup(model => {
-        return model.isActivityDetailProvider ?? false;
-    })
-    parentModel: ActivityDetailProvider;
+    @lookup(ActivityTrackingModel) activityTrackingModel: ActivityTrackingModel;
 
     @managed @observable.ref gridModel: GridModel;
     @managed @observable.ref formModel: FormModel;
@@ -46,22 +31,14 @@ export class ActivityDetailModel extends HoistModel {
     /** Stringified, pretty-printed, optionally path-filtered `data` payload. */
     @observable formattedData: string;
 
-    get dataFields(): ActivityTrackingDataFieldSpec[] {
-        return this.parentModel?.dataFields ?? [];
-    }
-
-    get dataFieldCols(): ColumnSpec[] {
-        return this.parentModel?.dataFieldCols ?? [];
-    }
-
     @computed
     get hasExtraTrackData(): boolean {
-        return this.gridModel?.selectedRecord?.data.data != null;
+        return this.gridModel.selectedRecord?.data.data != null;
     }
 
     @computed
     get hasSelection() {
-        return this.gridModel?.selectedRecord != null;
+        return this.gridModel.selectedRecord != null;
     }
 
     constructor() {
@@ -70,22 +47,17 @@ export class ActivityDetailModel extends HoistModel {
     }
 
     override onLinked() {
-        if (this.parentModel.persistWith) {
-            this.persistWith = {...this.parentModel.persistWith, path: 'activityDetail'};
-            this.markPersist('formattedDataFilterPath', {
-                path: `${this.persistWith.path}.formattedDataFilterPath`
-            });
-        }
+        this.markPersist('formattedDataFilterPath', this.activityTrackingModel.persistWith);
 
         this.addReaction(
             {
-                track: () => this.dataFields,
+                track: () => this.activityTrackingModel.dataFields,
                 run: () => this.createAndSetCoreModels(),
                 fireImmediately: true
             },
             {
-                track: () => this.parentModel.trackLogs,
-                run: trackLogs => this.showTrackLogsAsync(trackLogs)
+                track: () => this.activityTrackingModel.gridModel.selectedRecord,
+                run: aggRec => this.showActivityEntriesAsync(aggRec)
             },
             {
                 track: () => this.gridModel.selectedRecord,
@@ -101,12 +73,29 @@ export class ActivityDetailModel extends HoistModel {
     //------------------
     // Implementation
     //------------------
-    private async showTrackLogsAsync(trackLogs: PlainObject[]) {
-        const {gridModel} = this;
-        gridModel.loadData(trackLogs);
+    private async showActivityEntriesAsync(aggRec: StoreRecord) {
+        const {gridModel} = this,
+            leaves = this.getAllLeafRows(aggRec);
+
+        gridModel.loadData(leaves);
         await gridModel.preSelectFirstAsync();
     }
 
+    // Extract all leaf, track-entry-level rows from an aggregate record (at any level).
+    private getAllLeafRows(aggRec: StoreRecord, ret = []) {
+        if (!aggRec) return [];
+
+        if (aggRec.children.length) {
+            aggRec.children.forEach(childRec => this.getAllLeafRows(childRec, ret));
+        } else if (aggRec.raw.leafRows) {
+            aggRec.raw.leafRows.forEach(leaf => {
+                ret.push({...leaf});
+            });
+        }
+
+        return ret;
+    }
+
     /** Extract data from a (detail) grid record and flush it into our form for display. */
     @action
     private showEntryDetail(detailRec: StoreRecord) {
@@ -150,13 +139,11 @@ export class ActivityDetailModel extends HoistModel {
     }
 
     private createGridModel(): GridModel {
-        const {persistWith, parentModel, dataFieldCols} = this,
-            colDefaults = parentModel.colDefaults ?? {},
-            hidden = true,
+        const hidden = true,
             pinned = true;
 
         return new GridModel({
-            persistWith: persistWith ? {...persistWith, path: `${persistWith.path}.grid`} : null,
+            persistWith: {...this.activityTrackingModel.persistWith, path: 'detailGrid'},
             sortBy: 'dateCreated|desc',
             colChooserModel: true,
             enableExport: true,
@@ -187,11 +174,8 @@ export class ActivityDetailModel extends HoistModel {
                 {...Col.urlPathOnly},
                 {...Col.data, hidden},
                 {...Col.dateCreatedNoYear, displayName: 'Timestamp'},
-                ...dataFieldCols
-            ].map(it => {
-                const fieldName = isString(it.field) ? it.field : it.field.name;
-                return {...it, ...colDefaults[fieldName]};
-            })
+                ...this.activityTrackingModel.dataFieldCols
+            ]
         });
     }
 

package/admin/tabs/activity/tracking/detail/ActivityDetailView.ts

@@ -37,12 +37,11 @@ export const activityDetailView = hoistCmp.factory({
 const tbar = hoistCmp.factory<ActivityDetailModel>(({model}) => {
     const {gridModel} = model;
     return toolbar({
-        compact: true,
         items: [
             filler(),
             gridCountLabel({unit: 'entry'}),
             '-',
-            gridFindField({gridModel, key: gridModel.xhId, width: 250}),
+            gridFindField({gridModel, key: gridModel.xhId}),
             colChooserButton({gridModel}),
             exportButton()
         ]
@@ -51,8 +50,6 @@ const tbar = hoistCmp.factory<ActivityDetailModel>(({model}) => {
 
 // Discrete outer panel to retain sizing across master/detail selection changes.
 const detailRecPanel = hoistCmp.factory<ActivityDetailModel>(({model}) => {
-    const {persistWith} = model;
-
     return panel({
         collapsedTitle: 'Activity Details',
         collapsedIcon: Icon.info(),
@@ -60,9 +57,10 @@ const detailRecPanel = hoistCmp.factory<ActivityDetailModel>(({model}) => {
         modelConfig: {
             side: 'bottom',
             defaultSize: 400,
-            persistWith: persistWith
-                ? {...persistWith, path: `${persistWith.path}.singleActivityDetailPanel`}
-                : null
+            persistWith: {
+                ...model.activityTrackingModel.persistWith,
+                path: 'singleActivityDetailPanel'
+            }
         },
         item: detailRecForm()
     });

package/admin/tabs/client/clients/ClientsModel.ts

@@ -73,8 +73,6 @@ export class ClientsModel extends BaseAdminTabModel {
     }
 
     override async doLoadAsync(loadSpec: LoadSpec) {
-        const {gridModel} = this;
-
         try {
             const data = await XH.fetchJson({
                 url: 'clientAdmin/allClients',
@@ -82,15 +80,12 @@ export class ClientsModel extends BaseAdminTabModel {
             });
             if (loadSpec.isStale) return;
 
-            gridModel.loadData(data);
-            gridModel.preSelectFirstAsync();
+            this.gridModel.loadData(data);
             runInAction(() => {
                 this.lastRefresh = Date.now();
             });
         } catch (e) {
-            if (loadSpec.isStale || loadSpec.isAutoRefresh) return;
-
-            gridModel.clear();
+            if (loadSpec.isStale) return;
             XH.handleException(e, {alertType: 'toast'});
         }
     }

package/admin/tabs/client/clients/ClientsPanel.ts

@@ -4,10 +4,9 @@
  *
  * Copyright © 2025 Extremely Heavy Industries Inc.
  */
-import {clientDetailPanel} from '@xh/hoist/admin/tabs/client/clients/activity/ClientDetailPanel';
 import {errorMessage} from '@xh/hoist/cmp/error';
 import {grid, gridCountLabel} from '@xh/hoist/cmp/grid';
-import {filler, fragment, hframe, p} from '@xh/hoist/cmp/layout';
+import {filler, fragment, p} from '@xh/hoist/cmp/layout';
 import {relativeTimestamp} from '@xh/hoist/cmp/relativetimestamp';
 import {storeFilterField} from '@xh/hoist/cmp/store';
 import {creates, hoistCmp, XH} from '@xh/hoist/core';
@@ -49,7 +48,7 @@ export const clientsPanel = hoistCmp.factory<ClientsModel>({
                 colChooserButton(),
                 exportButton()
             ],
-            items: hframe(grid(), clientDetailPanel()),
+            item: grid(),
             mask: 'onLoad',
             ref: model.viewRef
         });

package/build/types/admin/tabs/activity/tracking/ActivityTrackingModel.d.ts

@@ -6,8 +6,7 @@ import { GroupingChooserModel } from '@xh/hoist/cmp/grouping';
 import { HoistModel, LoadSpec, PlainObject } from '@xh/hoist/core';
 import { Cube } from '@xh/hoist/data';
 import { LocalDate } from '@xh/hoist/utils/datetime';
-import { ActivityDetailProvider } from './detail/ActivityDetailModel';
-export declare class ActivityTrackingModel extends HoistModel implements ActivityDetailProvider {
+export declare class ActivityTrackingModel extends HoistModel {
     /** FormModel for server-side querying controls. */
     formModel: FormModel;
     /** Models for data-handling components - can be rebuilt due to change in dataFields. */
@@ -21,7 +20,6 @@ export declare class ActivityTrackingModel extends HoistModel implements Activit
      * and promoted to top-level columns in the grids. Supports dot-delimited paths as names.
      */
     dataFields: ActivityTrackingDataFieldSpec[];
-    get dataFieldCols(): ColumnSpec[];
     showFilterChooser: boolean;
     get enabled(): boolean;
     get dimensions(): string[];
@@ -34,10 +32,8 @@ export declare class ActivityTrackingModel extends HoistModel implements Activit
     get maxRows(): number;
     /** True if data loaded from the server has been topped by maxRows. */
     get maxRowsReached(): boolean;
+    get dataFieldCols(): ColumnSpec[];
     get viewManagerModel(): import("../../../../cmp/viewmanager").ViewManagerModel<PlainObject>;
-    readonly isActivityDetailProvider = true;
-    /** Raw leaf-level log entries for the selected aggregate record, for detail. */
-    trackLogs: PlainObject[];
     private _monthFormat;
     constructor();
     doLoadAsync(loadSpec: LoadSpec): Promise<void>;
@@ -53,7 +49,6 @@ export declare class ActivityTrackingModel extends HoistModel implements Activit
     private cubeLabelComparator;
     private getComparableValForDim;
     private get query();
-    private getAllLeafRows;
     private createAndSetCoreModels;
     private createCube;
     private createFilterChooserModel;

package/build/types/admin/tabs/activity/tracking/detail/ActivityDetailModel.d.ts

@@ -1,20 +1,9 @@
-import { ActivityTrackingDataFieldSpec } from '@xh/hoist/admin/tabs/activity/tracking/datafields/DataFieldsEditorModel';
 import { FormModel } from '@xh/hoist/cmp/form';
-import { ColumnSpec, GridModel } from '@xh/hoist/cmp/grid';
-import { HoistModel, PersistOptions, PlainObject } from '@xh/hoist/core';
-/**
- * Interface to cover the two usages of this component - {@link ActivityTrackingModel} and {@link ClientDetailModel}
- */
-export interface ActivityDetailProvider {
-    isActivityDetailProvider: true;
-    trackLogs: PlainObject[];
-    persistWith?: PersistOptions;
-    colDefaults?: Record<string, Partial<ColumnSpec>>;
-    dataFields?: ActivityTrackingDataFieldSpec[];
-    dataFieldCols?: ColumnSpec[];
-}
+import { GridModel } from '@xh/hoist/cmp/grid';
+import { HoistModel } from '@xh/hoist/core';
+import { ActivityTrackingModel } from '../ActivityTrackingModel';
 export declare class ActivityDetailModel extends HoistModel {
-    parentModel: ActivityDetailProvider;
+    activityTrackingModel: ActivityTrackingModel;
     gridModel: GridModel;
     formModel: FormModel;
     /**
@@ -25,13 +14,12 @@ export declare class ActivityDetailModel extends HoistModel {
     formattedDataFilterPath: string;
     /** Stringified, pretty-printed, optionally path-filtered `data` payload. */
     formattedData: string;
-    get dataFields(): ActivityTrackingDataFieldSpec[];
-    get dataFieldCols(): ColumnSpec[];
     get hasExtraTrackData(): boolean;
     get hasSelection(): boolean;
     constructor();
     onLinked(): void;
-    private showTrackLogsAsync;
+    private showActivityEntriesAsync;
+    private getAllLeafRows;
     /** Extract data from a (detail) grid record and flush it into our form for display. */
     private showEntryDetail;
     private updateFormattedData;

package/build/types/cmp/grid/Types.d.ts

@@ -60,7 +60,10 @@ export interface GridFilterModelConfig {
      * gridModel's store.
      */
     bind?: Store | View;
-    /** True (default) to update filters immediately after each change made in the column-based filter UI.*/
+    /**
+     * True to update filters immediately after each change made in the column-based filter UI.
+     * Defaults to False.
+     */
     commitOnChange?: boolean;
     /**
      * Specifies the fields this model supports for filtering. Should be configs for

package/build/types/desktop/cmp/grid/impl/filter/headerfilter/values/ValuesTabModel.d.ts

@@ -11,6 +11,7 @@ export declare class ValuesTabModel extends HoistModel {
     pendingValues: any[];
     /** Bound search term for `StoreFilterField` */
     filterText: string;
+    combineCurrentFilters: boolean;
     /** FieldFilter output by this model. */
     get filter(): FieldFilterSpec;
     get allVisibleRecsChecked(): boolean;
@@ -26,6 +27,7 @@ export declare class ValuesTabModel extends HoistModel {
     reset(): void;
     setRecsChecked(isChecked: boolean, values: any[]): void;
     toggleAllRecsChecked(): void;
+    setPendingValues(): void;
     private getFilter;
     private doSyncWithFilter;
     private syncGrid;

package/build/types/desktop/cmp/input/DateInput.d.ts

@@ -2,10 +2,11 @@ import { PopperBoundary, PopperModifierOverrides } from '@blueprintjs/core';
 import { TimePickerProps } from '@blueprintjs/datetime';
 import { ReactDayPickerSingleProps } from '@blueprintjs/datetime2/src/common/reactDayPickerProps';
 import { HoistInputProps } from '@xh/hoist/cmp/input';
-import { HoistProps, HSide, LayoutProps, Some } from '@xh/hoist/core';
+import { HoistProps, LayoutProps, Some } from '@xh/hoist/core';
 import '@xh/hoist/desktop/register';
 import { Position } from '@xh/hoist/kit/blueprint';
 import { LocalDate } from '@xh/hoist/utils/datetime';
+import type { Property } from 'csstype';
 import { ReactElement, ReactNode } from 'react';
 import './DateInput.scss';
 export interface DateInputProps extends HoistProps, LayoutProps, HoistInputProps {
@@ -88,7 +89,7 @@ export interface DateInputProps extends HoistProps, LayoutProps, HoistInputProps
      */
     strictInputParsing?: boolean;
     /** Alignment of entry text within control, default 'left'. */
-    textAlign?: HSide;
+    textAlign?: Property.TextAlign;
     /**
      * Props passed to the TimePicker, as per Blueprint docs.
      * @see https://blueprintjs.com/docs/#datetime/dateinput

package/build/types/desktop/cmp/input/NumberInput.d.ts

@@ -1,7 +1,8 @@
 import { HoistInputProps } from '@xh/hoist/cmp/input';
-import { HoistProps, HSide, LayoutProps, StyleProps } from '@xh/hoist/core';
+import { HoistProps, LayoutProps, StyleProps } from '@xh/hoist/core';
 import '@xh/hoist/desktop/register';
 import { NumericPrecision, ZeroPad } from '@xh/hoist/format';
+import type { Property } from 'csstype';
 import { KeyboardEventHandler, ReactElement, ReactNode, Ref } from 'react';
 export interface NumberInputProps extends HoistProps, LayoutProps, StyleProps, HoistInputProps {
     value?: number;
@@ -51,7 +52,7 @@ export interface NumberInputProps extends HoistProps, LayoutProps, StyleProps, H
     /** Standard step size for increment/decrement handling. */
     stepSize?: number;
     /** Alignment of entry text within control, default 'right'. */
-    textAlign?: HSide;
+    textAlign?: Property.TextAlign;
     /**
      * Text appended to the rendered value within control when not editing.
      * Can be used to append e.g. "%" or a unit without need for an external right label.

package/build/types/desktop/cmp/input/TextInput.d.ts

@@ -1,6 +1,7 @@
 import { HoistInputModel, HoistInputProps } from '@xh/hoist/cmp/input';
-import { HoistProps, HSide, LayoutProps, StyleProps } from '@xh/hoist/core';
+import { HoistProps, LayoutProps, StyleProps } from '@xh/hoist/core';
 import '@xh/hoist/desktop/register';
+import type { Property } from 'csstype';
 import { FocusEvent, KeyboardEventHandler, ReactElement, ReactNode, Ref } from 'react';
 export interface TextInputProps extends HoistProps, HoistInputProps, LayoutProps, StyleProps {
     value?: string;
@@ -36,7 +37,7 @@ export interface TextInputProps extends HoistProps, HoistInputProps, LayoutProps
     /** True to select contents when control receives focus. */
     selectOnFocus?: boolean;
     /** Alignment of entry text within control, default 'left'. */
-    textAlign?: HSide;
+    textAlign?: Property.TextAlign;
     /** True to allow browser spell check, default false. */
     spellCheck?: boolean;
     /** Underlying HTML <input> element type. */