@xh/hoist 82.0.1 → 82.0.2

package/build/types/desktop/cmp/grid/columns/Actions.d.ts

@@ -0,0 +1,29 @@
+import { ColumnSpec } from '@xh/hoist/cmp/grid/columns';
+import '@xh/hoist/desktop/register';
+import './Actions.scss';
+/**
+ * A column definition partial for adding an "action column" to a grid. An action column displays
+ * one or more record-aware buttons within a button group, providing the user with an easy
+ * way to perform push-button operations on a given record.
+ *
+ * Another useful pattern is to create re-usable `RecordAction` configs and pass those both to this
+ * column config as well as the grid's contextMenu. This offers the user two ways of accessing actions
+ * without duplicating the action definitions.
+ *
+ * See the `calcActionColWidth` helper function exported below - this returns a pixel width
+ * for your column given a number of actions (accounting for button sizing and padding).
+ *
+ * Note that action columns will be empty for group rows.
+ *
+ * @see RecordAction
+ */
+export declare const actionCol: ColumnSpec;
+/**
+ * Calculates the width for an action column
+ * @param count - number of actions
+ * @param cellPadding - desired left and right padding (in pixels) for the action cell.
+ * @param buttonWidth - width (in pixels) of the action buttons.
+ *      Default small minimal buttons with an icon will be 24px
+ * @returns the width in pixels
+ */
+export declare function calcActionColWidth(count: number, cellPadding?: number, buttonWidth?: number): number;

package/build/types/desktop/cmp/grid/editors/BooleanEditor.d.ts

@@ -0,0 +1,15 @@
+import { CheckboxProps } from '@xh/hoist/desktop/cmp/input';
+import '@xh/hoist/desktop/register';
+import { EditorProps } from './EditorProps';
+import './Editors.scss';
+export interface BooleanEditorProps extends EditorProps<CheckboxProps> {
+    /**
+     * True to change underlying record state immediately upon user editing gesture (i.e. clicking,
+     * hitting return). Defaults to true.
+     *
+     * Note that this prop is only available if the `fullRowEditing` property on the containing
+     * GridModel is false.  It is ignored in `fullRowEditing` mode.
+     */
+    quickToggle?: boolean;
+}
+export declare const BooleanEditor: import("react").FC<BooleanEditorProps>, booleanEditor: import("@xh/hoist/core").ElementFactory<BooleanEditorProps>;

package/build/types/desktop/cmp/grid/editors/DateEditor.d.ts

@@ -0,0 +1,6 @@
+import { DateInputProps } from '@xh/hoist/desktop/cmp/input';
+import '@xh/hoist/desktop/register';
+import { EditorProps } from './EditorProps';
+import './Editors.scss';
+export type DateEditorProps = EditorProps<DateInputProps>;
+export declare const DateEditor: import("react").FC<DateEditorProps>, dateEditor: import("@xh/hoist/core").ElementFactory<DateEditorProps>;

package/build/types/desktop/cmp/grid/editors/EditorProps.d.ts

@@ -0,0 +1,17 @@
+import { CustomCellEditorProps } from '@xh/hoist/kit/ag-grid';
+import { Column, GridModel } from '@xh/hoist/cmp/grid';
+import { HoistInputProps } from '@xh/hoist/cmp/input';
+import { HoistProps } from '@xh/hoist/core';
+import { StoreRecord } from '@xh/hoist/data';
+import '@xh/hoist/desktop/register';
+export interface EditorProps<InputPropsT extends HoistInputProps> extends HoistProps {
+    /** Column in StoreRecord being edited. */
+    column: Column;
+    /** Owning GridModel of record being edited.  */
+    gridModel: GridModel;
+    /** StoreRecord being edited. */
+    record: StoreRecord;
+    /** Props to pass through to the underlying HoistInput component */
+    inputProps?: InputPropsT;
+    agParams: CustomCellEditorProps;
+}

package/build/types/desktop/cmp/grid/editors/NumberEditor.d.ts

@@ -0,0 +1,6 @@
+import { NumberInputProps } from '@xh/hoist/desktop/cmp/input';
+import '@xh/hoist/desktop/register';
+import { EditorProps } from './EditorProps';
+import './Editors.scss';
+export type NumberEditorProps = EditorProps<NumberInputProps>;
+export declare const NumberEditor: import("react").FC<NumberEditorProps>, numberEditor: import("@xh/hoist/core").ElementFactory<NumberEditorProps>;

package/build/types/desktop/cmp/grid/editors/SelectEditor.d.ts

@@ -0,0 +1,6 @@
+import { SelectProps } from '@xh/hoist/desktop/cmp/input';
+import '@xh/hoist/desktop/register';
+import { EditorProps } from './EditorProps';
+import './Editors.scss';
+export type SelectEditorProps = EditorProps<SelectProps>;
+export declare const SelectEditor: import("react").FC<SelectEditorProps>, selectEditor: import("@xh/hoist/core").ElementFactory<SelectEditorProps>;

package/build/types/desktop/cmp/grid/editors/TextAreaEditor.d.ts

@@ -0,0 +1,6 @@
+import '@xh/hoist/desktop/register';
+import { TextAreaProps } from '../../input';
+import { EditorProps } from './EditorProps';
+import './Editors.scss';
+export type TextAreaEditorProps = EditorProps<TextAreaProps>;
+export declare const TextAreaEditor: import("react").FC<TextAreaEditorProps>, textAreaEditor: import("@xh/hoist/core").ElementFactory<TextAreaEditorProps>;

package/build/types/desktop/cmp/grid/editors/TextEditor.d.ts

@@ -0,0 +1,6 @@
+import { TextInputProps } from '@xh/hoist/desktop/cmp/input';
+import '@xh/hoist/desktop/register';
+import { EditorProps } from './EditorProps';
+import './Editors.scss';
+export type TextEditorProps = EditorProps<TextInputProps>;
+export declare const TextEditor: import("react").FC<TextEditorProps>, textEditor: import("@xh/hoist/core").ElementFactory<TextEditorProps>;

package/build/types/desktop/cmp/grid/editors/impl/InlineEditorModel.d.ts

@@ -0,0 +1,15 @@
+import { ElementFactory } from '@xh/hoist/core';
+import { EditorProps } from '@xh/hoist/desktop/cmp/grid/editors/EditorProps';
+import { ForwardedRef, ReactElement } from 'react';
+/**
+ * Hook to render a component to be used for inline cell editing in ag-grid.
+ * @internal - Hoist provides components wrapping the currently-supported `HoistInput`s.
+ *
+ * Implements the lifecycle methods required by ag-grid cell editors.
+ * See https://www.ag-grid.com/react-grid/react-hooks/#hooks-with-lifecycle-methods for details.
+ *
+ * @param component - ElementFactory for HoistInput to render.
+ * @param props - props passed to containing component
+ * @param ref - forwardRef passed to containing component
+ */
+export declare function useInlineEditorModel(component: ElementFactory, props: EditorProps<any>, ref: ForwardedRef<any>): ReactElement;

package/build/types/desktop/cmp/grid/editors/index.d.ts

@@ -0,0 +1,6 @@
+export * from './BooleanEditor';
+export * from './DateEditor';
+export * from './NumberEditor';
+export * from './SelectEditor';
+export * from './TextEditor';
+export * from './TextAreaEditor';

package/build/types/desktop/cmp/grid/find/GridFindField.d.ts

@@ -0,0 +1,43 @@
+import type { GridModel } from '@xh/hoist/cmp/grid';
+import { LayoutProps } from '@xh/hoist/core';
+import type { FilterMatchMode } from '@xh/hoist/data';
+import { TextInputProps } from '@xh/hoist/desktop/cmp/input';
+import '@xh/hoist/desktop/register';
+import './GridFindField.scss';
+export interface GridFindFieldProps extends TextInputProps, LayoutProps {
+    /**
+     * GridModel whose data this control should search. This component will, by default, use the
+     * fields for all *visible* columns when matching, as well as any groupBy field.
+     */
+    gridModel?: GridModel;
+    /** Mode to use when searching (default 'startWord'). */
+    matchMode?: FilterMatchMode;
+    /**
+     * Delay (in ms) to buffer searching the grid after the value changes from user input.
+     * Default 200ms. Set to 0 to filter immediately on each keystroke.
+     */
+    queryBuffer?: number;
+    /**
+     * Names of field(s) to include in search. Cannot be used with `excludeFields`.
+     */
+    includeFields?: string[];
+    /** Names of field(s) to exclude from search. Cannot be used with `includeFields`. */
+    excludeFields?: string[];
+}
+/**
+ * A text input Component that enables users to search through a Grid and select rows that match
+ * the entered search term based on simple word-boundary matching of its value to the value of
+ * configured fields on a record. If any field values match, the record itself is considered a match.
+ *
+ * This component is designed to be bound to a GridModel via `gridModel` prop. (If not configured to
+ * bind to a specific GridModel, this component will bind by default to the nearest GridModel found
+ * in context.) Binding in this way allows the component to auto-generate the fields in the store to
+ * be searched by the field and to automatically select the results in the Grid.
+ *
+ * Fields to be searched can be automatically determined from the bound Grid's Store, and/or
+ * customized via the include/excludeFields props. See prop comments for details.
+ *
+ * This component supports all props available to TextInput and will pass them along to its
+ * underlying TextInput.
+ */
+export declare const GridFindField: import("react").FC<GridFindFieldProps>, gridFindField: import("@xh/hoist/core").ElementFactory<GridFindFieldProps>;

package/build/types/desktop/cmp/grid/find/impl/GridFindFieldImplModel.d.ts

@@ -0,0 +1,36 @@
+import { GridModel } from '@xh/hoist/cmp/grid';
+import { HoistModel } from '@xh/hoist/core';
+import type { FilterMatchMode, StoreRecord } from '@xh/hoist/data';
+import { TextInputModel } from '@xh/hoist/desktop/cmp/input';
+/**
+ * @internal
+ */
+export declare class GridFindFieldImplModel extends HoistModel {
+    xhImpl: boolean;
+    query: string;
+    get matchMode(): FilterMatchMode;
+    get queryBuffer(): number;
+    get includeFields(): string[];
+    get excludeFields(): string[];
+    results: any;
+    inputRef: import("react").RefObject<TextInputModel> & import("react").RefCallback<TextInputModel>;
+    _records: StoreRecord[];
+    get count(): number;
+    get selectedIdx(): number;
+    get countLabel(): string;
+    get hasFocus(): boolean;
+    get hasQuery(): boolean;
+    get hasResults(): boolean;
+    get gridModel(): GridModel;
+    constructor();
+    onLinked(): void;
+    selectPrev(): void;
+    selectNext(): void;
+    private updateResults;
+    private getRecords;
+    private sortRecordsRecursive;
+    private sortRecordsByGroupBy;
+    private getRegex;
+    private getActiveFields;
+    private getValGetters;
+}

package/build/types/desktop/cmp/grid/impl/colchooser/ColChooser.d.ts

@@ -0,0 +1,18 @@
+import { HoistProps } from '@xh/hoist/core';
+import { ColChooserModel } from './ColChooserModel';
+export interface ColChooserProps extends HoistProps<ColChooserModel> {
+}
+/**
+ * Hoist UI for user selection and discovery of available Grid columns, enabled via the
+ * GridModel.colChooserModel config option.
+ *
+ * This component displays both available and currently visible columns in two left/right
+ * grids, allowing users to toggle columns on and off within its associated grid.
+ *
+ * It derives its configuration primary from the Grid's Column definitions, supporting features such
+ * as custom column display names and descriptions, grouped display of the available column library,
+ * and a quick filter for long lists.
+ *
+ * @internal
+ */
+export declare const colChooser: import("@xh/hoist/core").ElementFactory<ColChooserProps>;

package/build/types/desktop/cmp/grid/impl/colchooser/ColChooserDialog.d.ts

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

package/build/types/desktop/cmp/grid/impl/colchooser/ColChooserModel.d.ts

@@ -0,0 +1,28 @@
+import { ColChooserConfig, GridModel } from '@xh/hoist/cmp/grid';
+import { HoistModel } from '@xh/hoist/core';
+import type { FilterMatchMode } from '@xh/hoist/data';
+import { LeftRightChooserModel } from '@xh/hoist/desktop/cmp/leftrightchooser';
+/**
+ * State management for the ColChooser component.
+ * @internal
+ */
+export declare class ColChooserModel extends HoistModel {
+    xhImpl: boolean;
+    gridModel: GridModel;
+    lrModel: LeftRightChooserModel;
+    isOpen: boolean;
+    isPopoverOpen: boolean;
+    commitOnChange: boolean;
+    showRestoreDefaults: boolean;
+    autosizeOnCommit: boolean;
+    width: string | number;
+    height: string | number;
+    filterMatchMode: FilterMatchMode;
+    constructor({ gridModel, commitOnChange, showRestoreDefaults, autosizeOnCommit, width, height, filterMatchMode }: ColChooserConfig);
+    open(): void;
+    openPopover(): void;
+    close(): void;
+    commit(): void;
+    restoreDefaultsAsync(): Promise<void>;
+    syncChooserData(): void;
+}

package/build/types/desktop/cmp/grid/impl/filter/ColumnHeaderFilter.d.ts

@@ -0,0 +1,9 @@
+import './ColumnHeaderFilter.scss';
+import { ColumnHeaderFilterModel } from './ColumnHeaderFilterModel';
+/**
+ * Component to manage column filters from header. Will appear as a "filter" icon if filters are
+ * present and provides an appropriate dialog UI for managing the filters when clicked.
+ *
+ * @internal
+ */
+export declare const columnHeaderFilter: import("@xh/hoist/core").ElementFactory<import("@xh/hoist/core").DefaultHoistProps<ColumnHeaderFilterModel>>;

package/build/types/desktop/cmp/grid/impl/filter/ColumnHeaderFilterModel.d.ts

@@ -0,0 +1,13 @@
+import { Column } from '@xh/hoist/cmp/grid';
+import { HoistModel } from '@xh/hoist/core';
+import { GridFilterModel } from '@xh/hoist/cmp/grid';
+export declare class ColumnHeaderFilterModel extends HoistModel {
+    xhImpl: boolean;
+    readonly column: Column;
+    readonly filterModel: GridFilterModel;
+    isOpen: boolean;
+    get hasFilter(): boolean;
+    constructor(filterModel: GridFilterModel, column: Column);
+    open(): void;
+    close(): void;
+}

package/build/types/desktop/cmp/grid/impl/filter/GridFilterDialog.d.ts

@@ -0,0 +1,11 @@
+import { GridFilterModel } from '@xh/hoist/cmp/grid';
+import './GridFilterDialog.scss';
+/**
+ * Dialog for showing a read-only JSON representation of the currently applied grid filters.
+ *
+ * Applications should not create this component - it is created automatically for Grids with
+ * a GridFilterModel, and is available via the `gridFilter` action.
+ *
+ * @internal
+ */
+export declare const gridFilterDialog: import("@xh/hoist/core").ElementFactory<import("@xh/hoist/core").DefaultHoistProps<GridFilterModel>>;

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

@@ -0,0 +1,7 @@
+import { HeaderFilterModel } from './HeaderFilterModel';
+/**
+ * Pop-up panel to display column specific filters
+ *
+ * @internal
+ */
+export declare const headerFilter: import("@xh/hoist/core").ElementFactory<import("@xh/hoist/core").DefaultHoistProps<HeaderFilterModel>>;

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

@@ -0,0 +1,37 @@
+import { Column, GridFilterFieldSpec, GridFilterModel, GridModel } from '@xh/hoist/cmp/grid';
+import { TabContainerModel } from '@xh/hoist/cmp/tab';
+import { HoistModel } from '@xh/hoist/core';
+import { CompoundFilter, FieldFilter, FieldType, Filter, FilterLike, Store } from '@xh/hoist/data';
+import { ColumnHeaderFilterModel } from '../ColumnHeaderFilterModel';
+import { CustomTabModel } from './custom/CustomTabModel';
+import { ValuesTabModel } from './values/ValuesTabModel';
+export declare class HeaderFilterModel extends HoistModel {
+    xhImpl: boolean;
+    fieldSpec: GridFilterFieldSpec;
+    parent: ColumnHeaderFilterModel;
+    tabContainerModel: TabContainerModel;
+    valuesTabModel: ValuesTabModel;
+    customTabModel: CustomTabModel;
+    get filterModel(): GridFilterModel;
+    get field(): string;
+    get gridModel(): GridModel;
+    get store(): Store;
+    get column(): Column;
+    get fieldType(): FieldType;
+    get currentGridFilter(): Filter;
+    get columnFilters(): FieldFilter[];
+    get columnCompoundFilter(): CompoundFilter;
+    get hasFilter(): boolean;
+    get pendingFilter(): FilterLike;
+    get hasPendingFilter(): boolean;
+    get isDirty(): boolean;
+    get isCustomFilter(): boolean;
+    get commitOnChange(): boolean;
+    onLinked(): void;
+    commit(close?: boolean): void;
+    clear(close?: boolean): void;
+    private syncWithFilter;
+    private setColumnFilters;
+    private doCommitOnChange;
+    private resetTabModels;
+}

package/build/types/desktop/cmp/grid/impl/filter/headerfilter/custom/CustomRow.d.ts

@@ -0,0 +1,6 @@
+import { CustomRowModel } from './CustomRowModel';
+/**
+ * Row with operator and value combination for CustomTab.
+ * @internal
+ */
+export declare const customRow: import("@xh/hoist/core").ElementFactory<import("@xh/hoist/core").DefaultHoistProps<CustomRowModel>>;

package/build/types/desktop/cmp/grid/impl/filter/headerfilter/custom/CustomRowModel.d.ts

@@ -0,0 +1,28 @@
+import { HoistModel } from '@xh/hoist/core';
+import { FieldFilterOperator, FieldFilterSpec } from '@xh/hoist/data';
+import { HeaderFilterModel } from '../HeaderFilterModel';
+import { CustomTabModel } from './CustomTabModel';
+type OperatorOptionValue = 'blank' | 'not blank' | FieldFilterOperator;
+/**
+ * @internal
+ */
+export declare class CustomRowModel extends HoistModel {
+    xhImpl: boolean;
+    parentModel: CustomTabModel;
+    headerFilterModel: HeaderFilterModel;
+    op: OperatorOptionValue;
+    inputVal: any;
+    /** FieldFilter config output of this row. */
+    get value(): FieldFilterSpec;
+    get fieldSpec(): import("../../../../../../../cmp/grid").GridFilterFieldSpec;
+    get options(): {
+        label: string;
+        value: OperatorOptionValue;
+    }[];
+    get commitOnChange(): boolean;
+    get hideInput(): boolean;
+    constructor(parentModel: CustomTabModel, op?: FieldFilterOperator, value?: any);
+    removeRow(): void;
+    getOperatorLabel(op: FieldFilterOperator): "includes" | "not begins" | "not ends" | "excludes" | "Equals" | "Not equals" | "Greater than" | "Greater than or equals" | "Less than" | "Less than or equals" | "Like" | "Not like" | "Begins with" | "Ends with";
+}
+export {};

package/build/types/desktop/cmp/grid/impl/filter/headerfilter/custom/CustomTab.d.ts

@@ -0,0 +1,7 @@
+import './CustomTab.scss';
+import { CustomTabModel } from './CustomTabModel';
+/**
+ * Tab for managing value based filters for Column.
+ * @internal
+ */
+export declare const customTab: import("@xh/hoist/core").ElementFactory<import("@xh/hoist/core").DefaultHoistProps<CustomTabModel>>;

package/build/types/desktop/cmp/grid/impl/filter/headerfilter/custom/CustomTabModel.d.ts

@@ -0,0 +1,21 @@
+import { HoistModel } from '@xh/hoist/core';
+import { CompoundFilterOperator, FilterLike } from '@xh/hoist/data';
+import { HeaderFilterModel } from '../HeaderFilterModel';
+import { CustomRowModel } from './CustomRowModel';
+export declare class CustomTabModel extends HoistModel {
+    xhImpl: boolean;
+    headerFilterModel: HeaderFilterModel;
+    op: CompoundFilterOperator;
+    rowModels: CustomRowModel[];
+    /** Filter config output by this model. */
+    get filter(): FilterLike;
+    get fieldSpec(): import("../../../../../../../cmp/grid").GridFilterFieldSpec;
+    get currentGridFilter(): import("@xh/hoist/data").Filter;
+    get columnFilters(): import("@xh/hoist/data").FieldFilter[];
+    constructor(headerFilterModel: HeaderFilterModel);
+    syncWithFilter(): void;
+    reset(): void;
+    addEmptyRow(): void;
+    removeRow(model: any): void;
+    private doSyncWithFilter;
+}

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

@@ -0,0 +1,7 @@
+import './ValuesTab.scss';
+import { ValuesTabModel } from './ValuesTabModel';
+/**
+ * Tab for managing value based filters for Column.
+ * @internal
+ */
+export declare const valuesTab: import("@xh/hoist/core").ElementFactory<import("@xh/hoist/core").DefaultHoistProps<ValuesTabModel>>;

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

@@ -0,0 +1,43 @@
+import { GridFilterModel, GridModel } from '@xh/hoist/cmp/grid';
+import { HoistModel } from '@xh/hoist/core';
+import type { FieldFilterSpec } from '@xh/hoist/data';
+import { HeaderFilterModel } from '../HeaderFilterModel';
+export declare class ValuesTabModel extends HoistModel {
+    xhImpl: boolean;
+    headerFilterModel: HeaderFilterModel;
+    /** Checkbox grid to display enumerated set of values. */
+    gridModel: GridModel;
+    /** List of currently checked values. */
+    pendingValues: any[];
+    /** Bound search term for `StoreFilterField`. */
+    filterText: string;
+    /**
+     * Merge current filter with pendingValues on commit.
+     * Used when commitOnChange is false.
+     */
+    combineCurrentFilters: boolean;
+    /** FieldFilter output by this model. */
+    get filter(): FieldFilterSpec;
+    get allVisibleRecsChecked(): boolean;
+    get field(): string;
+    get fieldSpec(): import("@xh/hoist/cmp/grid").GridFilterFieldSpec;
+    get columnFilters(): import("@xh/hoist/data").FieldFilter[];
+    get gridFilterModel(): GridFilterModel;
+    get values(): any[];
+    get allValuesCount(): number;
+    get hasHiddenValues(): boolean;
+    get sortIcon(): any;
+    constructor(headerFilterModel: HeaderFilterModel);
+    syncWithFilter(): void;
+    reset(): void;
+    setRecsChecked(isChecked: boolean, values: any[]): void;
+    toggleSort(): void;
+    toggleAllRecsChecked(): void;
+    private onFilterTextChange;
+    private onCombineCurrentFiltersToggle;
+    private getFilter;
+    private doSyncWithFilter;
+    private syncGrid;
+    private initGridSortBy;
+    private createGridModel;
+}

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

@@ -0,0 +1,3 @@
+export * from './columns/Actions';
+export * from './find/GridFindField';
+export * from './editors';

package/build/types/desktop/cmp/grouping/GroupingChooser.d.ts

@@ -0,0 +1,37 @@
+import { GroupingChooserModel } from '@xh/hoist/cmp/grouping';
+import { Side } from '@xh/hoist/core';
+import { ButtonProps } from '@xh/hoist/desktop/cmp/button';
+import '@xh/hoist/desktop/register';
+import './GroupingChooser.scss';
+import { ReactNode } from 'react';
+export interface GroupingChooserProps extends ButtonProps<GroupingChooserModel> {
+    /** Title for value-editing portion of popover, or null to suppress. */
+    editorTitle?: ReactNode;
+    /** Text to represent empty state (i.e. value = null or []) */
+    emptyText?: string;
+    /**
+     * Side of the popover, relative to the value-editing controls, on which the Favorites list
+     * should be rendered, if enabled.
+     */
+    favoritesSide?: Side;
+    /** Title for favorites-list portion of popover, or null to suppress. */
+    favoritesTitle?: ReactNode;
+    /** Min height in pixels of the popover menu itself. */
+    popoverMinHeight?: number;
+    /** Position of popover relative to target button. */
+    popoverPosition?: 'bottom' | 'top';
+    /**
+     * Width in pixels of the popover menu itself.
+     * If unspecified, will default based on favorites enabled status + side.
+     */
+    popoverWidth?: number;
+    /** True (default) to style trigger button background and borders to match inputs. */
+    styleButtonAsInput?: boolean;
+}
+/**
+ * Control for selecting a list of dimensions for grouping APIs, with built-in support for
+ * drag-and-drop reordering and user-managed favorites.
+ *
+ * @see GroupingChooserModel
+ */
+export declare const GroupingChooser: import("react").FC<GroupingChooserProps>, groupingChooser: import("@xh/hoist/core").ElementFactory<GroupingChooserProps>;

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

@@ -0,0 +1,2 @@
+export * from './GroupingChooser';
+export * from '@xh/hoist/cmp/grouping/GroupingChooserModel';

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

@@ -0,0 +1,25 @@
+import { HoistInputProps } from '@xh/hoist/cmp/input';
+import { HoistModel, Intent } from '@xh/hoist/core';
+import { ButtonGroupProps } from '@xh/hoist/desktop/cmp/button';
+import '@xh/hoist/desktop/register';
+export interface ButtonGroupInputProps extends Omit<ButtonGroupProps<HoistModel>, 'onChange'>, HoistInputProps {
+    /**
+     * True to allow buttons to be unselected (aka inactivated). Defaults to false.
+     * Does not apply when enableMulti: true.
+     */
+    enableClear?: boolean;
+    /** True to allow entry/selection of multiple values - "tag picker" style. Defaults to false.*/
+    enableMulti?: boolean;
+    /** Intent applied to each button. */
+    intent?: Intent;
+    /** True to create outlined-style buttons. */
+    outlined?: boolean;
+}
+/**
+ * A segmented group of buttons, one of which is depressed to indicate the input's current value.
+ *
+ * Should receive a list of Buttons as a children. Each Button requires a 'value' prop.
+ * The buttons are automatically configured to set this value on click and appear pressed if the
+ * ButtonGroupInput's value matches.
+ */
+export declare const ButtonGroupInput: import("react").FC<ButtonGroupInputProps>, buttonGroupInput: import("@xh/hoist/core").ElementFactory<ButtonGroupInputProps>;

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

@@ -0,0 +1,29 @@
+import { HoistInputProps } from '@xh/hoist/cmp/input';
+import { HoistProps, HSide, StyleProps } from '@xh/hoist/core';
+import '@xh/hoist/desktop/register';
+import { ReactNode } from 'react';
+import './Checkbox.scss';
+export interface CheckboxProps extends HoistProps, HoistInputProps, StyleProps {
+    value?: boolean;
+    /** True to focus the control on render. */
+    autoFocus?: boolean;
+    /** True (default) if the control should appear as an inline element. */
+    inline?: boolean;
+    /**
+     * Label displayed adjacent to the control itself.
+     * Can be used with or without an additional overall label as provided by FormField.
+     */
+    label?: ReactNode;
+    /**
+     * True to render null or undefined as a distinct visual state.  If false (default),
+     * these values will appear unchecked and visually indistinct from false.
+     */
+    displayUnsetState?: boolean;
+    /** Placement of the inline label relative to the control itself, default 'right'. */
+    labelSide?: HSide;
+}
+/**
+ * Checkbox control for boolean values.
+ * Renders null with an "indeterminate" [-] display.
+ */
+export declare const Checkbox: import("react").FC<CheckboxProps>, checkbox: import("@xh/hoist/core").ElementFactory<CheckboxProps>;