@xh/hoist 70.0.0-SNAPSHOT.1731022145122 → 70.0.0-SNAPSHOT.1731374612473

package/build/types/core/persist/viewmanager/Types.d.ts

@@ -0,0 +1,46 @@
+import { PlainObject } from '@xh/hoist/core';
+/**
+ * Interface for a bundle of {@link PersistableState} managed by {@link ViewManagerModel}.
+ * Views are persisted to / loaded from the server as {@link JsonBlob}s.
+ */
+export interface View<T extends PlainObject = PlainObject> {
+    /** Either null for private views or special token "*" for globally shared views. */
+    acl: '*' | null;
+    dateCreated: number;
+    description: string;
+    /** Calculated display group - either "Shared [entityName]" or "My [entityName]". */
+    group: string;
+    /**
+     * True if user has tagged this view as a favorite. Note that a user's list of favorite views is
+     * persisted via `ViewManagerModel.persistWith` and *not* stored in the blob itself.
+     */
+    isFavorite: boolean;
+    /** True if this view has been shared (acl == "*") and is visible to all users. */
+    isShared: boolean;
+    lastUpdated: number;
+    lastUpdatedBy: string;
+    /** User-supplied descriptive name. */
+    name: string;
+    /** Original creator of the view, and the only user with access to it if not shared. */
+    owner: string;
+    token: string;
+    /** App-defined type discriminator, as per {@link ViewManagerConfig.viewType}. */
+    type: string;
+    value: T;
+}
+/**
+ * Abstract representation of ViewManager views available for selection, potentially grouped into
+ * hierarchical folders. Lightweight, user-driven organization into "folders" is supported by
+ * inserting a "\" in the name of any view.
+ */
+export type ViewTree = {
+    text: string;
+    selected: boolean;
+} & ({
+    type: 'folder';
+    items: ViewTree[];
+} | {
+    type: 'view';
+    token: string;
+    description: string;
+});

package/build/types/core/persist/viewmanager/ViewManagerModel.d.ts

@@ -0,0 +1,149 @@
+import { HoistModel, LoadSpec, Persistable, PersistableState, PersistOptions, PlainObject, Thunkable, ViewManagerProvider } from '@xh/hoist/core';
+import { SaveDialogModel } from './impl/SaveDialogModel';
+import { View, ViewTree } from './Types';
+export interface ViewManagerConfig {
+    /**
+     * True (default) to allow user to opt-in to automatically saving changes to their private
+     * views - requires `persistWith`.
+     */
+    enableAutoSave?: boolean;
+    /**
+     * True (default) to allow the user to select a "Default" option that restores all persisted
+     * objects to their in-code defaults. If not enabled, at least one saved view should be created
+     * in advance, so that there is a clear initial selection for users without any private views.
+     */
+    enableDefault?: boolean;
+    /** True (default) to allow user to mark views as favorites. Requires `persistWith`. */
+    enableFavorites?: boolean;
+    /**
+     * True to allow the user to publish or edit globally shared views. Apps are expected to
+     * commonly set this based on user roles - e.g. `XH.getUser().hasRole('MANAGE_GRID_VIEWS')`.
+     */
+    enableSharing?: Thunkable<boolean>;
+    /** Used to persist the user's last selected + favorite views and autoSave preference. */
+    persistWith?: PersistOptions;
+    /**
+     * Required discriminator for the particular class of views to be loaded and managed by this
+     * model. Maps onto the `type` field of the persisted `JsonBlob`. Set to something descriptive
+     * and specific enough to be identifiable and allow for different viewManagers to be added
+     * to your app in the future - e.g. `portfolioGridView` or `tradeBlotterDashboard`.
+     */
+    viewType: string;
+    /**
+     * Optional user-facing display name for the view type, displayed in the ViewManager menu
+     * and associated management dialogs and prompts. Defaulted from `viewType` if not provided.
+     */
+    viewTypeDisplayName?: string;
+}
+/**
+ *  ViewManagerModel coordinates the loading, saving, and management of user-defined bundles of
+ *  {@link Persistable} component/model state.
+ *
+ *  - Models to be persisted are bound to this model via their `persistWith` config. One or more
+ *    models can be bound to a single ViewManagerModel, allowing a single view to capture the state
+ *    of multiple components - e.g. grouping and filtering options along with grid state.
+ *  - Views are persisted back to the server as JsonBlob objects.
+ *  - Views can be private to their owner, or optionally enabled for sharing to (all) other users.
+ *  - Views can be marked as favorites for quick access.
+ *  - See the desktop {@link ViewManager} component - the initial Hoist UI for this model.
+ */
+export declare class ViewManagerModel<T extends PlainObject = PlainObject> extends HoistModel implements Persistable<ViewManagerModelPersistState> {
+    /**
+     * Factory to create new instances of this model and await its initial load before binding to
+     * any persistable component models. This ensures that bound models will have the expected
+     * initial persisted state applied within their constructor, before their components have
+     * rendered, and avoids thrashing of component state during initial load.
+     *
+     * To minimize the impact this async requirement has on the design and lifecycle of individual
+     * components within an app, consider eagerly constructing any viewManagerModels required within
+     * your `AppModel.initAsync` method and saving a reference to them there for component models
+     * to then use when they are mounted. The VM model instances will then be "ready to go" and
+     * usable within model constructors. (Initializing and referencing from one or more app
+     * services would be another, similar option.)
+     */
+    static createAsync(config: ViewManagerConfig): Promise<ViewManagerModel>;
+    /** Immutable configuration for this model. */
+    readonly viewType: string;
+    readonly displayName: string;
+    readonly DisplayName: string;
+    readonly enableDefault: boolean;
+    readonly enableAutoSave: boolean;
+    readonly enableFavorites: boolean;
+    /** Last selected, fully-persisted state of the active view. */
+    value: T;
+    /** Current state of the active view, can include not-yet-persisted changes. */
+    pendingValue: T;
+    /** Loaded saved view definitions - both private and shared. */
+    views: View<T>[];
+    /** Token identifier for the currently selected view, or null if in default mode. */
+    selectedToken: string;
+    /** List of tokens for the user's favorite views. */
+    favorites: string[];
+    /**
+     * True if user has opted-in to automatically saving changes to personal views (if auto-save
+     * generally available as per `enableAutoSave`).
+     */
+    autoSaveActive: boolean;
+    manageDialogOpen: boolean;
+    readonly saveDialogModel: SaveDialogModel;
+    private readonly _enableSharing;
+    /**
+     * @internal array of {@link ViewManagerProvider} instances bound to this model. Providers will
+     * push themselves onto this array when constructed with a reference to this model. Used to
+     * proactively push state to the target components when the model's selected `value` changes.
+     */
+    providers: ViewManagerProvider<any>[];
+    get enableSharing(): boolean;
+    get selectedView(): View<T>;
+    get isSharedViewSelected(): boolean;
+    get canSave(): boolean;
+    /**
+     * True if displaying the save button is appropriate from the model's point of view, even if
+     * that button might be disabled due to no changes having been made. Works in concert with the
+     * desktop ViewManager component's `showSaveButton` prop.
+     */
+    get canShowSaveButton(): boolean;
+    get enableAutoSaveToggle(): boolean;
+    get disabledAutoSaveReason(): string;
+    get isDirty(): boolean;
+    get isShared(): boolean;
+    get favoriteViews(): View<T>[];
+    get sharedViews(): View<T>[];
+    get privateViews(): View<T>[];
+    get sharedViewTree(): ViewTree[];
+    get privateViewTree(): ViewTree[];
+    /**
+     * Use the static {@link createAsync} factory to create an instance of this model and await its
+     * initial load before binding to persistable components.
+     */
+    private constructor();
+    doLoadAsync(loadSpec: LoadSpec): Promise<void>;
+    selectViewAsync(token: string): Promise<void>;
+    saveAsync(skipToast?: boolean): Promise<void>;
+    saveAsAsync(): Promise<void>;
+    resetAsync(): Promise<void>;
+    setPendingValue(pendingValue: T): void;
+    openManageDialog(): void;
+    closeManageDialog(): void;
+    getHierarchyDisplayName(name: string): string;
+    toggleFavorite(token: string): void;
+    addFavorite(token: string): void;
+    removeFavorite(token: string): void;
+    isFavorite(token: string): boolean;
+    getPersistableState(): PersistableState<ViewManagerModelPersistState>;
+    setPersistableState(state: PersistableState<ViewManagerModelPersistState>): void;
+    private processRaw;
+    private setValue;
+    private cleanValue;
+    private confirmSaveForSharedViewAsync;
+    private maybeAutoSaveAsync;
+    private buildViewTree;
+    private getNameHierarchySubstring;
+    private isFolderForEntry;
+    private onFavoritesChange;
+}
+interface ViewManagerModelPersistState {
+    selectedToken: string;
+    favorites: string[];
+}
+export {};

package/build/types/core/persist/viewmanager/ViewManagerProvider.d.ts

@@ -0,0 +1,10 @@
+import { PersistenceProvider, PersistenceProviderConfig } from '../index';
+import type { ViewManagerModel } from './index';
+export declare class ViewManagerProvider<S> extends PersistenceProvider<S> {
+    readonly viewManagerModel: ViewManagerModel;
+    constructor(cfg: PersistenceProviderConfig<S>);
+    pushStateToTarget(): void;
+    readRaw(): import("../..").PlainObject;
+    writeRaw(data: Record<typeof this.path, S>): void;
+    destroy(): void;
+}

package/build/types/core/persist/viewmanager/impl/ManageDialogModel.d.ts

@@ -0,0 +1,30 @@
+import { FormModel } from '@xh/hoist/cmp/form';
+import { GridModel } from '@xh/hoist/cmp/grid';
+import { HoistModel, TaskObserver } from '@xh/hoist/core';
+export declare class ManageDialogModel extends HoistModel {
+    private viewManagerModel;
+    gridModel: GridModel;
+    formModel: FormModel;
+    readonly saveTask: TaskObserver;
+    readonly deleteTask: TaskObserver;
+    get selectedId(): string;
+    get selectedIds(): string[];
+    get hasMultiSelection(): boolean;
+    get selIsShared(): boolean;
+    get canDelete(): boolean;
+    get canEdit(): boolean;
+    get enableSharing(): boolean;
+    get showSaveButton(): boolean;
+    get displayName(): string;
+    get enableFavorites(): boolean;
+    constructor();
+    onLinked(): void;
+    doLoadAsync(): Promise<void>;
+    saveAsync(): Promise<void>;
+    deleteAsync(): Promise<void>;
+    private doSaveAsync;
+    private doDeleteAsync;
+    private ensureGridHasSelection;
+    private createGridModel;
+    private createFormModel;
+}

package/build/types/core/persist/viewmanager/impl/SaveDialogModel.d.ts

@@ -0,0 +1,23 @@
+import { FormModel } from '@xh/hoist/cmp/form';
+import { HoistModel, TaskObserver } from '@xh/hoist/core';
+import { ViewManagerModel } from '@xh/hoist/core/persist/viewmanager';
+import { JsonBlob } from '@xh/hoist/svc';
+import { View } from '../Types';
+export declare class SaveDialogModel extends HoistModel {
+    private readonly viewManagerModel;
+    readonly formModel: FormModel;
+    readonly saveTask: TaskObserver;
+    viewStub: Partial<View>;
+    isOpen: boolean;
+    private resolveOpen;
+    private invalidNames;
+    get type(): string;
+    get DisplayName(): string;
+    constructor(viewManagerModel: ViewManagerModel);
+    openAsync(viewStub: Partial<View>, invalidNames: string[]): Promise<JsonBlob>;
+    cancel(): void;
+    saveAsAsync(): Promise<void>;
+    private createFormModel;
+    private doSaveAsAsync;
+    private close;
+}

package/build/types/core/persist/viewmanager/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ViewManagerModel';
+export * from './Types';

package/build/types/desktop/cmp/button/ColAutosizeButton.d.ts

@@ -6,7 +6,7 @@ export interface ColAutosizeButtonProps extends ButtonProps {
     /** GridModel of the grid for which this button should autosize columns. */
     gridModel?: GridModel;
     /** Options for the grid autosize. */
-    autosizeOptions?: GridAutosizeOptions;
+    autosizeOptions?: Omit<GridAutosizeOptions, 'mode'>;
 }
 /**
  * A convenience button to autosize visible Grid columns.

package/build/types/desktop/cmp/dash/DashConfig.d.ts

@@ -1,8 +1,10 @@
 import { MenuItemLike, PersistOptions } from '@xh/hoist/core';
+import { DashViewState } from '@xh/hoist/desktop/cmp/dash/DashViewModel';
+import { DashViewSpec } from '@xh/hoist/desktop/cmp/dash/DashViewSpec';
 /**
  * Base interface for {@link DashCanvasConfig} and {@link DashContainerConfig}.
  */
-export interface DashConfig<VSPEC, VSTATE> {
+export interface DashConfig<VSPEC extends DashViewSpec, VSTATE extends DashViewState> {
     /**
      * A collection of viewSpecs, each describing a type of view that can be displayed in this
      * container.

package/build/types/desktop/cmp/dash/DashModel.d.ts

@@ -1,4 +1,4 @@
-import { HoistModel, PersistenceProvider, RefreshContextModel } from '@xh/hoist/core';
+import { HoistModel, RefreshContextModel } from '@xh/hoist/core';
 /**
  * Base Model for {@link DashCanvasModel} and {@link DashContainerModel}.
  */
@@ -15,6 +15,5 @@ export declare abstract class DashModel<VSPEC, VSTATE, VMODEL> extends HoistMode
     extraMenuItems: any[];
     abstract get isEmpty(): boolean;
     protected restoreState: any;
-    protected provider: PersistenceProvider;
     constructor();
 }

package/build/types/desktop/cmp/dash/DashViewSpec.d.ts

@@ -12,7 +12,7 @@ export interface DashViewSpec {
     /** Content to be rendered by this DashView. */
     content: Content;
     /** Title text added to the tab header. */
-    title: string;
+    title?: string;
     /** An icon placed at the left-side of the tab header. */
     icon?: ReactElement;
     /**

package/build/types/desktop/cmp/dash/canvas/DashCanvasModel.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { Persistable, PersistableState } from '@xh/hoist/core';
 import { DashCanvasViewModel, DashCanvasViewSpec, DashConfig, DashViewState, DashModel } from '../';
 import '@xh/hoist/desktop/register';
 export interface DashCanvasConfig extends DashConfig<DashCanvasViewSpec, DashCanvasItemState> {
@@ -31,7 +32,9 @@ export interface DashCanvasItemLayout {
  * Model for {@link DashCanvas}, managing all configurable options for the component and publishing
  * the observable state of its current widgets and their layout.
  */
-export declare class DashCanvasModel extends DashModel<DashCanvasViewSpec, DashCanvasItemState, DashCanvasViewModel> {
+export declare class DashCanvasModel extends DashModel<DashCanvasViewSpec, DashCanvasItemState, DashCanvasViewModel> implements Persistable<{
+    state: DashCanvasItemState[];
+}> {
     columns: number;
     rowHeight: number;
     compact: boolean;
@@ -85,13 +88,18 @@ export declare class DashCanvasModel extends DashModel<DashCanvasViewSpec, DashC
     renameView(id: string): void;
     /** Scrolls a DashCanvasView into view. */
     ensureViewVisible(id: string): void;
+    getPersistableState(): PersistableState<{
+        state: DashCanvasItemState[];
+    }>;
+    setPersistableState(persistableState: PersistableState<{
+        state: DashCanvasItemState[];
+    }>): void;
     private getLayoutFromPosition;
     private addViewInternal;
     onVisibleChange(visible: boolean): void;
     onRglLayoutChange(rglLayout: any): void;
     private setLayout;
     private loadState;
-    private publishState;
     private buildState;
     private genViewId;
     private get viewState();

package/build/types/desktop/cmp/dash/container/DashContainerModel.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
-import { PlainObject, RefreshMode, RenderMode, TaskObserver } from '@xh/hoist/core';
+import { Persistable, PersistableState, PlainObject, RefreshMode, RenderMode, TaskObserver } from '@xh/hoist/core';
 import { GoldenLayout } from '@xh/hoist/kit/golden-layout';
 import { DashConfig, DashModel } from '../';
 import { DashViewModel, DashViewState } from '../DashViewModel';
 import { DashContainerViewSpec } from './DashContainerViewSpec';
-export interface DashContainerConfig extends DashConfig<DashContainerViewSpec, DashViewState> {
+export interface DashContainerConfig extends DashConfig<DashContainerViewSpec, DashContainerViewState> {
     /** Strategy for rendering DashContainerViews. Can also be set per-view in `viewSpecs`*/
     renderMode?: RenderMode;
     /** Strategy for refreshing DashContainerViews. Can also be set per-view in `viewSpecs`*/
@@ -19,6 +19,14 @@ export interface DashContainerConfig extends DashConfig<DashContainerViewSpec, D
      */
     goldenLayoutSettings?: PlainObject;
 }
+export interface DashContainerViewState {
+    type: 'row' | 'column' | 'stack' | 'view';
+    id?: string;
+    content?: DashContainerViewState[];
+    title?: string;
+    width?: number | string;
+    height?: number | string;
+}
 /**
  * Model for a DashContainer, representing its contents and layout state.
  *
@@ -27,7 +35,7 @@ export interface DashContainerConfig extends DashConfig<DashContainerViewSpec, D
  *
  * State should be structured as nested arrays of container objects, according to
  * GoldenLayout's content config. Supported container types are `row`, `column` and `stack`.
- * Child containers and views should be provided as an array under the `contents` key.
+ * Child containers and views should be provided as an array under the `content` key.
  *
  *      + `row` lay out its children horizontally.
  *      + `column` lays out its children vertically.
@@ -48,20 +56,20 @@ export interface DashContainerConfig extends DashConfig<DashContainerViewSpec, D
  * ```
  * [{
  *     type: 'row',
- *     contents: [
+ *     content: [
  *          // The first child of this row has pixel width of '200px'.
  *          // The column will take the remaining width.
  *         {
  *             type: 'stack',
  *             width: '200px',
- *             contents: [
+ *             content: [
  *                 {type: 'view', id: 'viewId'},
  *                 {type: 'view', id: 'viewId'}
  *             ]
  *         },
  *         {
  *             type: 'column',
- *             contents: [
+ *             content: [
  *                 // Relative height of 40%. The remaining 60% will be split equally by the other views.
  *                 {type: 'view', id: 'viewId', height: 40},
  *                 {type: 'view', id: 'viewId'},
@@ -75,7 +83,9 @@ export interface DashContainerConfig extends DashConfig<DashContainerViewSpec, D
  * @see http://golden-layout.com/docs/ItemConfig.html
  * @see http://golden-layout.com/tutorials/getting-started-react.html
  */
-export declare class DashContainerModel extends DashModel<DashContainerViewSpec, DashViewState, DashViewModel> {
+export declare class DashContainerModel extends DashModel<DashContainerViewSpec, DashViewState, DashViewModel> implements Persistable<{
+    state: DashViewState[];
+}> {
     showMenuButton: boolean;
     renderMode: RenderMode;
     refreshMode: RefreshMode;
@@ -98,7 +108,7 @@ export declare class DashContainerModel extends DashModel<DashContainerViewSpec,
      * Load state into the DashContainer, recreating its layout and contents
      * @param state - State to load
      */
-    loadStateAsync(state: any): Promise<void>;
+    loadStateAsync(state: DashViewState[]): Promise<void>;
     /**
      * Add a view to the container.
      *
@@ -118,15 +128,21 @@ export declare class DashContainerModel extends DashModel<DashContainerViewSpec,
      */
     renameView(id: string): void;
     onResize(): void;
+    getViewSpec(id: string): DashContainerViewSpec;
+    getViewModel(id: string): DashViewModel<DashContainerViewSpec>;
+    getPersistableState(): PersistableState<{
+        state: DashViewState[];
+    }>;
+    setPersistableState(persistableState: PersistableState<{
+        state: DashViewState[];
+    }>): void;
     private updateState;
     private publishState;
     private onItemDestroyed;
-    private getViewSpec;
     private getItems;
     private getItemsBySpecId;
     private getItemByViewModel;
     get viewState(): {};
-    private getViewModel;
     private addViewModel;
     private removeViewModel;
     private onStackCreated;

package/build/types/desktop/cmp/dash/container/impl/DashContainerUtils.d.ts

@@ -1,4 +1,6 @@
+import { DashContainerModel } from '@xh/hoist/desktop/cmp/dash';
 import { DashContainerViewSpec } from '../DashContainerViewSpec';
+import GoldenLayout from 'golden-layout';
 /**
  * Lookup the DashViewModel id of a rendered view
  */
@@ -6,9 +8,9 @@ export declare function getViewModelId(view: any): any;
 /**
  * Convert the output from Golden Layouts into our serializable state
  */
-export declare function convertGLToState(goldenLayout: any, dashContainerModel: any): any[];
+export declare function convertGLToState(goldenLayout: GoldenLayout, dashContainerModel: DashContainerModel): any[];
 /**
  * Convert our serializable state into GoldenLayout config
  */
-export declare function convertStateToGL(state: any[], dashContainerModel: any): any;
+export declare function convertStateToGL(state: any[], dashContainerModel: DashContainerModel): any;
 export declare function goldenLayoutConfig(spec: DashContainerViewSpec): any;

package/build/types/desktop/cmp/panel/PanelModel.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { HoistModel, PersistenceProvider, PersistOptions, RefreshContextModel, RefreshMode, RenderMode, Side } from '@xh/hoist/core';
+import { HoistModel, Persistable, PersistableState, PersistOptions, RefreshContextModel, RefreshMode, RenderMode, Side } from '@xh/hoist/core';
 import '@xh/hoist/desktop/register';
 import { ModalSupportConfig, ModalSupportModel } from '../modalsupport/';
 import { ErrorBoundaryConfig, ErrorBoundaryModel } from '@xh/hoist/cmp/error/ErrorBoundaryModel';
@@ -65,11 +65,15 @@ export interface PanelConfig {
     /** @internal */
     xhImpl?: any;
 }
+export interface PanelPersistState {
+    collapsed?: boolean;
+    size?: number | string;
+}
 /**
  * PanelModel supports configuration and state-management for user-driven Panel resizing and
  * expand/collapse, along with support for saving this state via a configured PersistenceProvider.
  */
-export declare class PanelModel extends HoistModel {
+export declare class PanelModel extends HoistModel implements Persistable<PanelPersistState> {
     config: PanelConfig;
     readonly resizable: boolean;
     readonly collapsible: boolean;
@@ -87,7 +91,6 @@ export declare class PanelModel extends HoistModel {
     modalSupportModel: ModalSupportModel;
     refreshContextModel: RefreshContextModel;
     errorBoundaryModel: ErrorBoundaryModel;
-    provider: PersistenceProvider;
     resizeWhileDragging: boolean;
     /**
      * True when collapsed in its "home" location as per this model's state.
@@ -116,10 +119,11 @@ export declare class PanelModel extends HoistModel {
      * Enable/disable dynamic re-rendering of contents while dragging to resize.
      */
     setResizeWhileDragging(v: boolean): void;
+    getPersistableState(): PersistableState<PanelPersistState>;
+    setPersistableState(state: PersistableState<PanelPersistState>): void;
     get vertical(): boolean;
     get contentFirst(): boolean;
     get isCollapsedToLeftOrRight(): boolean;
     enforceSizeLimits(): void;
-    private legacyState;
     private dispatchResize;
 }

package/build/types/desktop/cmp/viewmanager/ViewManager.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { HoistProps } from '@xh/hoist/core';
+import './ViewManager.scss';
+import { ViewManagerModel } from '@xh/hoist/core/persist/viewmanager/ViewManagerModel';
+import { ButtonProps } from '@xh/hoist/desktop/cmp/button';
+export interface ViewManagerProps extends HoistProps<ViewManagerModel> {
+    menuButtonProps?: Partial<ButtonProps>;
+    saveButtonProps?: Partial<ButtonProps>;
+    /** 'whenDirty' to only show saveButton when persistence state is dirty. (Default 'whenDirty') */
+    showSaveButton?: 'whenDirty' | 'always' | 'never';
+    /** True to render private views in sub-menu (Default false)*/
+    showPrivateViewsInSubMenu?: boolean;
+    /** True to render shared views in sub-menu (Default false)*/
+    showSharedViewsInSubMenu?: boolean;
+}
+/**
+ * Desktop ViewManager component - a button-based menu for saving and swapping between named
+ * bundles of persisted component state (eg grid views, dashboards, and similar).
+ *
+ * See {@link ViewManagerModel} for additional details and configuration options.
+ */
+export declare const ViewManager: import("react").FC<ViewManagerProps>, viewManager: import("@xh/hoist/core").ElementFactory<ViewManagerProps>;

package/build/types/desktop/cmp/viewmanager/cmp/ManageDialog.d.ts

@@ -0,0 +1,6 @@
+import { HoistProps } from '@xh/hoist/core';
+import { ManageDialogModel } from '@xh/hoist/core/persist/viewmanager/impl/ManageDialogModel';
+export interface ManageDialogProps extends HoistProps<ManageDialogModel> {
+    onClose: () => void;
+}
+export declare const manageDialog: import("@xh/hoist/core").ElementFactory<ManageDialogProps>;

package/build/types/desktop/cmp/viewmanager/cmp/SaveDialog.d.ts

@@ -0,0 +1,2 @@
+import { SaveDialogModel } from '@xh/hoist/core/persist/viewmanager/impl/SaveDialogModel';
+export declare const saveDialog: import("@xh/hoist/core").ElementFactory<import("@xh/hoist/core").DefaultHoistProps<SaveDialogModel>>;

package/build/types/desktop/cmp/viewmanager/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ViewManager';
+export * from './cmp/ManageDialog';
+export * from './cmp/SaveDialog';

package/build/types/kit/blueprint/Wrappers.d.ts

@@ -2,5 +2,5 @@
 import { Alert, Button, ButtonGroup, Callout, Card, Checkbox, ControlGroup, Dialog, Drawer, EditableText, FileInput, FormGroup, Hotkey, Hotkeys, InputGroup, Label, Menu, MenuDivider, MenuItem, Navbar, NavbarDivider, NavbarGroup, NavbarHeading, NumericInput, OverflowList, Overlay2 as Overlay, Popover, Radio, RadioGroup, RangeSlider, Slider, Switch, Tab, Tabs, Tag, TagInput, Text, TextArea, Tooltip, Tree } from '@blueprintjs/core';
 import { DatePicker3 as DatePicker } from '@blueprintjs/datetime2';
 export { Alert, Button, ButtonGroup, Callout, Card, Checkbox, ControlGroup, DatePicker, Dialog, Drawer, EditableText, FileInput, FormGroup, Hotkeys, Hotkey, InputGroup, Label, Menu, MenuItem, MenuDivider, Navbar, NavbarDivider, NavbarGroup, NavbarHeading, NumericInput, OverflowList, Overlay, Popover, Radio, RadioGroup, RangeSlider, Slider, Switch, Tab, Tabs, Tag, TagInput, TextArea, Text, Tooltip, Tree };
-export declare const alert: import("@xh/hoist/core").ElementFactory<import("@blueprintjs/core").AlertProps>, button: import("@xh/hoist/core").ElementFactory<import("@blueprintjs/core").ButtonProps>, controlGroup: import("@xh/hoist/core").ElementFactory<import("@blueprintjs/core").ControlGroupProps>, checkbox: import("@xh/hoist/core").ElementFactory<import("@blueprintjs/core").CheckboxProps>, dialog: import("@xh/hoist/core").ElementFactory<import("@blueprintjs/core").DialogProps>, datePicker: import("@xh/hoist/core").ElementFactory<import("@blueprintjs/datetime2").DatePicker3Props>, menuDivider: import("@xh/hoist/core").ElementFactory<import("@blueprintjs/core").MenuDividerProps>, menuItem: import("@xh/hoist/core").ElementFactory<import("@blueprintjs/core").MenuItemProps>, navbarDivider: import("@xh/hoist/core").ElementFactory<import("@blueprintjs/core").NavbarDividerProps>, numericInput: import("@xh/hoist/core").ElementFactory<import("@blueprintjs/core").HTMLInputProps & import("@blueprintjs/core").NumericInputProps>, overflowList: import("@xh/hoist/core").ElementFactory<import("@blueprintjs/core").OverflowListProps<any>>, popover: import("@xh/hoist/core").ElementFactory<import("@blueprintjs/core").PopoverProps<import("@blueprintjs/core").DefaultPopoverTargetHTMLProps>>, radio: import("@xh/hoist/core").ElementFactory<import("@blueprintjs/core").ControlProps>, rangeSlider: import("@xh/hoist/core").ElementFactory<import("@blueprintjs/core").RangeSliderProps>, slider: import("@xh/hoist/core").ElementFactory<import("@blueprintjs/core").SliderProps>, switchControl: import("@xh/hoist/core").ElementFactory<import("@blueprintjs/core").SwitchProps>, textArea: import("@xh/hoist/core").ElementFactory<import("@blueprintjs/core").TextAreaProps>, tree: import("@xh/hoist/core").ElementFactory<import("@blueprintjs/core").TreeProps<unknown>>, tagInput: import("@xh/hoist/core").ElementFactory<import("@blueprintjs/core").TagInputProps>, fileInput: import("@xh/hoist/core").ElementFactory<import("@blueprintjs/core").FileInputProps>, overlay: import("@xh/hoist/core").ElementFactory<Pick<import("@blueprintjs/core").Overlay2Props, "lazy" | "className" | "onClose" | "children" | "key" | "autoFocus" | "isOpen" | "transitionDuration" | "canEscapeKeyClose" | "enforceFocus" | "shouldReturnFocusOnClose" | "usePortal" | "portalClassName" | "portalContainer" | "portalStopPropagationEvents" | "transitionName" | "onClosing" | "onClosed" | "onOpening" | "onOpened" | "backdropClassName" | "backdropProps" | "canOutsideClickClose" | "hasBackdrop" | "childRef" | "childRefs"> & import("react").RefAttributes<import("@blueprintjs/core").OverlayInstance>>, tooltip: import("@xh/hoist/core").ElementFactory<import("@blueprintjs/core").TooltipProps<import("@blueprintjs/core").DefaultPopoverTargetHTMLProps>>;
+export declare const alert: import("@xh/hoist/core").ElementFactory<import("@blueprintjs/core").AlertProps>, button: import("@xh/hoist/core").ElementFactory<import("@blueprintjs/core").ButtonProps>, controlGroup: import("@xh/hoist/core").ElementFactory<import("@blueprintjs/core").ControlGroupProps>, checkbox: import("@xh/hoist/core").ElementFactory<import("@blueprintjs/core").CheckboxProps>, dialog: import("@xh/hoist/core").ElementFactory<import("@blueprintjs/core").DialogProps>, datePicker: import("@xh/hoist/core").ElementFactory<import("@blueprintjs/datetime2").DatePicker3Props>, menuDivider: import("@xh/hoist/core").ElementFactory<import("@blueprintjs/core").MenuDividerProps>, menuItem: import("@xh/hoist/core").ElementFactory<import("@blueprintjs/core").MenuItemProps>, navbarDivider: import("@xh/hoist/core").ElementFactory<import("@blueprintjs/core").NavbarDividerProps>, numericInput: import("@xh/hoist/core").ElementFactory<import("@blueprintjs/core").HTMLInputProps & import("@blueprintjs/core").NumericInputProps>, overflowList: import("@xh/hoist/core").ElementFactory<import("@blueprintjs/core").OverflowListProps<any>>, popover: import("@xh/hoist/core").ElementFactory<import("@blueprintjs/core").PopoverProps<import("@blueprintjs/core").DefaultPopoverTargetHTMLProps>>, radio: import("@xh/hoist/core").ElementFactory<import("@blueprintjs/core").ControlProps>, rangeSlider: import("@xh/hoist/core").ElementFactory<import("@blueprintjs/core").RangeSliderProps>, slider: import("@xh/hoist/core").ElementFactory<import("@blueprintjs/core").SliderProps>, switchControl: import("@xh/hoist/core").ElementFactory<import("@blueprintjs/core").SwitchProps>, textArea: import("@xh/hoist/core").ElementFactory<import("@blueprintjs/core").TextAreaProps>, tree: import("@xh/hoist/core").ElementFactory<import("@blueprintjs/core").TreeProps<unknown>>, tagInput: import("@xh/hoist/core").ElementFactory<import("@blueprintjs/core").TagInputProps>, fileInput: import("@xh/hoist/core").ElementFactory<import("@blueprintjs/core").FileInputProps>, overlay: import("@xh/hoist/core").ElementFactory<Pick<import("@blueprintjs/core").Overlay2Props, "lazy" | "className" | "onClose" | "children" | "key" | "autoFocus" | "transitionDuration" | "canEscapeKeyClose" | "enforceFocus" | "shouldReturnFocusOnClose" | "usePortal" | "portalClassName" | "portalContainer" | "portalStopPropagationEvents" | "isOpen" | "transitionName" | "onClosing" | "onClosed" | "onOpening" | "onOpened" | "backdropClassName" | "backdropProps" | "canOutsideClickClose" | "hasBackdrop" | "childRef" | "childRefs"> & import("react").RefAttributes<import("@blueprintjs/core").OverlayInstance>>, tooltip: import("@xh/hoist/core").ElementFactory<import("@blueprintjs/core").TooltipProps<import("@blueprintjs/core").DefaultPopoverTargetHTMLProps>>;
 export declare const buttonGroup: import("@xh/hoist/core").ElementFactory<import("@blueprintjs/core").ButtonGroupProps>, callout: import("@xh/hoist/core").ElementFactory<import("@blueprintjs/core").CalloutProps>, card: import("@xh/hoist/core").ElementFactory<import("@blueprintjs/core").CardProps>, drawer: import("@xh/hoist/core").ElementFactory<import("@blueprintjs/core").DrawerProps>, editableText: import("@xh/hoist/core").ElementFactory<import("@blueprintjs/core").EditableTextProps>, formGroup: import("@xh/hoist/core").ElementFactory<import("@blueprintjs/core").FormGroupProps>, hotkey: import("@xh/hoist/core").ElementFactory<import("@blueprintjs/core").HotkeyProps>, hotkeys: import("@xh/hoist/core").ElementFactory<import("@blueprintjs/core").HotkeysProps>, inputGroup: import("@xh/hoist/core").ElementFactory<import("@blueprintjs/core").InputGroupProps>, label: import("@xh/hoist/core").ElementFactory<import("react").AllHTMLAttributes<HTMLLabelElement> & import("react").RefAttributes<HTMLLabelElement>>, menu: import("@xh/hoist/core").ElementFactory<import("@blueprintjs/core").MenuProps>, navbar: import("@xh/hoist/core").ElementFactory<import("@blueprintjs/core").NavbarProps>, navbarHeading: import("@xh/hoist/core").ElementFactory<import("@blueprintjs/core").NavbarHeadingProps>, navbarGroup: import("@xh/hoist/core").ElementFactory<import("@blueprintjs/core").NavbarGroupProps>, radioGroup: import("@xh/hoist/core").ElementFactory<import("@blueprintjs/core").RadioGroupProps>, tabs: import("@xh/hoist/core").ElementFactory<import("@blueprintjs/core").TabsProps>, tab: import("@xh/hoist/core").ElementFactory<import("@blueprintjs/core").TabProps>, tag: import("@xh/hoist/core").ElementFactory<import("@blueprintjs/core").TagProps>, text: import("@xh/hoist/core").ElementFactory<import("@blueprintjs/core").TextProps>;

package/build/types/mobile/cmp/button/ColAutosizeButton.d.ts

@@ -6,7 +6,7 @@ export interface ColAutosizeButtonProps extends ButtonProps {
     /** GridModel of the grid for which this button should autosize columns. */
     gridModel?: GridModel;
     /** Options for the grid autosize. */
-    autosizeOptions?: GridAutosizeOptions;
+    autosizeOptions?: Omit<GridAutosizeOptions, 'mode'>;
 }
 /**
  * A convenience button to autosize visible Grid columns.

package/build/types/svc/GridAutosizeService.d.ts

@@ -1,5 +1,5 @@
+import { GridAutosizeOptions, GridModel } from '@xh/hoist/cmp/grid';
 import { HoistService } from '@xh/hoist/core';
-import { GridModel, GridAutosizeOptions } from '@xh/hoist/cmp/grid';
 /**
  * Sets appropriate column widths for a grid based on its contents. Generally seeks to make columns
  * at least as wide as all of their contents, including headers.
@@ -26,13 +26,10 @@ export declare class GridAutosizeService extends HoistService {
     autosizeAsync(gridModel: GridModel, colIds: string[], options: GridAutosizeOptions): Promise<void>;
     private calcRequiredWidthsAsync;
     private gatherRecordsToBeSized;
-    /**
-     * Calculate the increased size of columns to fill any remaining space.
-     */
     private calcFillWidths;
     private fillEvenly;
     private fillSequentially;
     private getFillState;
-    private getColumnFillState;
+    private getColFillSpec;
     private getTotalColumnWidth;
 }