@xh/hoist 57.0.0 → 57.0.2

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,33 @@
+import { GridModel } from '@xh/hoist/cmp/grid';
+import { HoistModel } from '@xh/hoist/core';
+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: number;
+    height: number;
+    constructor({ gridModel, commitOnChange, showRestoreDefaults, autosizeOnCommit, width, height }: {
+        gridModel: any;
+        commitOnChange?: boolean;
+        showRestoreDefaults?: boolean;
+        autosizeOnCommit?: boolean;
+        width?: number;
+        height?: number;
+    });
+    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,38 @@
+import { Column } from '@xh/hoist/cmp/grid';
+import { TabContainerModel } from '@xh/hoist/cmp/tab';
+import { HoistModel } from '@xh/hoist/core';
+import { GridFilterModel, GridFilterFieldSpec } from '@xh/hoist/cmp/grid';
+import { CustomTabModel } from './custom/CustomTabModel';
+import { ValuesTabModel } from './values/ValuesTabModel';
+export declare class ColumnHeaderFilterModel extends HoistModel {
+    xhImpl: boolean;
+    column: Column;
+    gridFilterModel: GridFilterModel;
+    fieldSpec: GridFilterFieldSpec;
+    isOpen: boolean;
+    tabContainerModel: TabContainerModel;
+    valuesTabModel: ValuesTabModel;
+    customTabModel: CustomTabModel;
+    get field(): string;
+    get store(): import("../../../../../data").Store;
+    get fieldType(): import("../../../../../data").FieldType;
+    get currentGridFilter(): import("../../../../../data").Filter;
+    get columnFilters(): import("../../../../../data").FieldFilter[];
+    get columnCompoundFilter(): import("../../../../../data").CompoundFilter;
+    get hasFilter(): boolean;
+    get hasPendingFilter(): boolean;
+    get isCustomFilter(): boolean;
+    get commitOnChange(): boolean;
+    constructor({ filterModel, column }: {
+        filterModel: any;
+        column: any;
+    });
+    commit(close?: boolean): void;
+    clear(close?: boolean): void;
+    openMenu(): void;
+    closeMenu(): void;
+    private syncWithFilter;
+    private setColumnFilters;
+    private doCommitOnChange;
+    private resetTabModels;
+}

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/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/custom/CustomRowModel.d.ts

@@ -0,0 +1,28 @@
+import { HoistModel } from '@xh/hoist/core';
+import { FieldFilterOperator, FieldFilterSpec } from '@xh/hoist/data';
+import { ColumnHeaderFilterModel } from '@xh/hoist/desktop/cmp/grid/impl/filter/ColumnHeaderFilterModel';
+import { CustomTabModel } from './CustomTabModel';
+type OperatorOptionValue = 'blank' | 'not blank' | FieldFilterOperator;
+/**
+ * @internal
+ */
+export declare class CustomRowModel extends HoistModel {
+    xhImpl: boolean;
+    parentModel: CustomTabModel;
+    headerFilterModel: ColumnHeaderFilterModel;
+    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" | "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/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/custom/CustomTabModel.d.ts

@@ -0,0 +1,21 @@
+import { HoistModel } from '@xh/hoist/core';
+import { CompoundFilterOperator, FilterLike } from '@xh/hoist/data';
+import { ColumnHeaderFilterModel } from '../ColumnHeaderFilterModel';
+import { CustomRowModel } from './CustomRowModel';
+export declare class CustomTabModel extends HoistModel {
+    xhImpl: boolean;
+    headerFilterModel: ColumnHeaderFilterModel;
+    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: ColumnHeaderFilterModel);
+    syncWithFilter(): void;
+    reset(): void;
+    addEmptyRow(): void;
+    removeRow(model: any): void;
+    private doSyncWithFilter;
+}

package/build/types/desktop/cmp/grid/impl/filter/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/values/ValuesTabModel.d.ts

@@ -0,0 +1,33 @@
+import { GridFilterModel, GridModel } from '@xh/hoist/cmp/grid';
+import { HoistModel } from '@xh/hoist/core';
+import { FieldFilterSpec } from '@xh/hoist/data';
+import { ColumnHeaderFilterModel } from '../ColumnHeaderFilterModel';
+export declare class ValuesTabModel extends HoistModel {
+    xhImpl: boolean;
+    headerFilterModel: ColumnHeaderFilterModel;
+    /** Checkbox grid to display enumerated set of values */
+    gridModel: GridModel;
+    /** List of currently checked values in the list*/
+    pendingValues: any[];
+    /** Bound search term for `StoreFilterField` */
+    filterText: string;
+    /** 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 valueCount(): number;
+    get hasHiddenValues(): boolean;
+    constructor(headerFilterModel: ColumnHeaderFilterModel);
+    syncWithFilter(): void;
+    reset(): void;
+    setRecsChecked(isChecked: boolean, values: any[]): void;
+    toggleAllRecsChecked(): void;
+    private getFilter;
+    private doSyncWithFilter;
+    private syncGrid;
+    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,26 @@
+/// <reference types="react" />
+import { GroupingChooserModel } from '@xh/hoist/cmp/grouping';
+import { ButtonProps } from '@xh/hoist/desktop/cmp/button';
+import '@xh/hoist/desktop/register';
+import './GroupingChooser.scss';
+export interface GroupingChooserProps extends ButtonProps<GroupingChooserModel> {
+    /** Text to represent empty state (i.e. value = null or []) */
+    emptyText?: string;
+    /** Min height in pixels of the popover menu itself. */
+    popoverMinHeight?: number;
+    /** Position of popover relative to target button. */
+    popoverPosition?: 'bottom' | 'top';
+    /** Title for popover (default "GROUP BY") or null to suppress. */
+    popoverTitle?: string;
+    /** Width in pixels of the popover menu itself. */
+    popoverWidth?: number;
+    /** True (default) to style target button as an input field - blends better in toolbars. */
+    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,26 @@
+/// <reference types="react" />
+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,28 @@
+import { HoistInputProps } from '@xh/hoist/cmp/input';
+import { StyleProps, HoistProps, HSide } from '@xh/hoist/core';
+import '@xh/hoist/desktop/register';
+import { ReactNode } from 'react';
+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>;

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

@@ -0,0 +1,80 @@
+/// <reference types="react" />
+import { HoistInputProps } from '@xh/hoist/cmp/input';
+import { HoistProps, LayoutProps, PlainObject } from '@xh/hoist/core';
+import '@xh/hoist/desktop/register';
+import 'codemirror/addon/fold/brace-fold.js';
+import 'codemirror/addon/fold/foldcode.js';
+import 'codemirror/addon/fold/foldgutter.css';
+import 'codemirror/addon/fold/foldgutter.js';
+import 'codemirror/addon/lint/lint.css';
+import 'codemirror/addon/lint/lint.js';
+import 'codemirror/addon/scroll/simplescrollbars.css';
+import 'codemirror/addon/scroll/simplescrollbars.js';
+import 'codemirror/addon/search/searchcursor.js';
+import 'codemirror/addon/selection/mark-selection.js';
+import 'codemirror/lib/codemirror.css';
+import 'codemirror/theme/dracula.css';
+import './CodeInput.scss';
+export interface CodeInputProps extends HoistProps, HoistInputProps, LayoutProps {
+    /** True to focus the control on render. */
+    autoFocus?: boolean;
+    /** True to commit on every change/keystroke, default false. */
+    commitOnChange?: boolean;
+    /**
+     * Configuration object with any properties supported by the CodeMirror API.
+     * @see {@link https://codemirror.net/doc/manual.html#api_configuration|CodeMirror Docs}
+     */
+    editorProps?: PlainObject;
+    /**
+     * True to enable case-insensitive searching within the input. Default false, except in
+     * fullscreen mode, where search will be shown unless explicitly *disabled*. Note that
+     * enabling search forces the display of a toolbar, regardless of `showToolbar` prop.
+     */
+    enableSearch?: boolean;
+    /**
+     * Callback to autoformat the code. Given the unformatted code, this should return a
+     * properly-formatted copy.
+     */
+    formatter?: (str: string) => string;
+    /**
+     * A CodeMirror linter to provide error detection and hinting in the gutter.
+     */
+    linter?: (text: string) => any[];
+    /**
+     * A CodeMirror language mode - default none (plain-text). See the CodeMirror docs
+     * ({@link https://codemirror.net/mode/}) regarding available modes.
+     * Applications must import any mode they wish to enable.
+     */
+    mode?: string;
+    /**
+     * True to prevent user modification of editor contents, while still allowing user to
+     * focus, select, and copy contents.
+     */
+    readonly?: boolean;
+    /** True (default) to display a copy button at bottom-right of input. */
+    showCopyButton?: boolean;
+    /**
+     * True (default) to display autoformat button at bottom-right of input. Requires a
+     * `formatter` to be configured and content to be editable (!readonly, !disabled).
+     */
+    showFormatButton?: boolean;
+    /** True (default) to display fullscreen button at bottom-right of input. */
+    showFullscreenButton?: boolean;
+    /**
+     * True to display action buttons and/or find functionality in a dedicated bottom toolbar.
+     * Default is false unless enableSearch==true or in fullscreen mode. When false, enabled
+     * action buttons show only when the input focused and float in the bottom-right corner.
+     */
+    showToolbar?: boolean;
+}
+/**
+ * Code-editor style input, powered by CodeMirror. Displays a gutter with line numbers, mono-spaced
+ * styling, and custom key handlers (e.g. tab to indent). Can be customized with options and
+ * language modes supported by the underlying CodeMirror library {@link https://codemirror.net/}.
+ *
+ * Note Hoist also provides a preconfigured {@link JsonInput} component for editing JSON.
+ *
+ * TODO - understanding sizing spec / requirements for component vs. generated CodeMirror.
+ * Reconcile LayoutSupport with width/height props. https://github.com/xh/hoist-react/issues/327
+ */
+export declare const CodeInput: import("react").FC<CodeInputProps>, codeInput: import("@xh/hoist/core").ElementFactory<CodeInputProps>;

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

@@ -0,0 +1,117 @@
+import { HoistInputProps } from '@xh/hoist/cmp/input';
+import { HSide, Some, HoistProps, LayoutProps } from '@xh/hoist/core';
+import '@xh/hoist/desktop/register';
+import { Position } from '@xh/hoist/kit/blueprint';
+import { LocalDate } from '@xh/hoist/utils/datetime';
+import { ReactElement, ReactNode } from 'react';
+import './DateInput.scss';
+import { PopperBoundary, PopperModifiers } from '@blueprintjs/core';
+import { ITimePickerProps } from '@blueprintjs/datetime';
+import { DayPickerProps } from 'react-day-picker';
+export interface DateInputProps extends HoistProps, LayoutProps, HoistInputProps {
+    value?: Date | LocalDate;
+    /** Props passed to ReactDayPicker component, as per DayPicker docs. */
+    dayPickerProps?: DayPickerProps;
+    /** Enable using the DatePicker popover. Default true. */
+    enablePicker?: boolean;
+    /** Enable using the text control to enter date as text. Default true. */
+    enableTextInput?: boolean;
+    /** True to show a "clear" button aligned to the right of the control. Default false. */
+    enableClear?: boolean;
+    /**
+     * MomentJS format string for date display. Defaults to `YYYY-MM-DD HH:mm:ss`,
+     * with default presence of time components determined by the timePrecision prop.
+     */
+    formatString?: string;
+    /**
+     * MomentJS format string(s) for date parsing. Defaults to the format string, followed by an
+     * additional set of common variants.  Default presence of time components in these strings is
+     * determined by the timePrecision prop.  Formats will be evaluated in priority order specified
+     * as described here: https://momentjs.com/guides/#/parsing/multiple-formats/
+     */
+    parseStrings?: Some<string>;
+    /**
+     * Month to display in calendar popover on first render.
+     *
+     * If unspecified will default to the month of the current value (if present) or closest
+     * valid value.
+     */
+    initialMonth?: Date | LocalDate;
+    /** Icon to display inline on the left side of the input. */
+    leftIcon?: ReactElement;
+    /**
+     * Element to display inline on the right side of the input. Note if provided, this will
+     * take the place of the (default) calendar-picker button and (optional) clear button.
+     */
+    rightElement?: ReactNode;
+    /**
+     * Maximum (inclusive) valid date that can be entered by the user via the calendar picker or
+     * keyboard.  Will reset any out-of-bounds manually entered input to `null`.
+     *
+     * Note that this does not prevent the application from setting a value for this control
+     * programmatically out of this range.  It is also distinct from FormModel based validation,
+     * which will flag an invalid date in a Form. For Form usages, it may be advisable to set
+     * validation constraints in addition to this property.
+     */
+    maxDate?: Date | LocalDate;
+    /**
+     * Maximum (inclusive) valid date that can be entered by the user via the calendar picker or
+     * keyboard.  Will reset any out-of-bounds manually entered input to `null`.
+     *
+     * See note re. validation on maxDate, above.
+     */
+    minDate?: Date | LocalDate;
+    /** Text to display when control is empty. */
+    placeholder?: string;
+    /**
+     * Position for calendar popover, as per Blueprint docs.
+     * @see https://blueprintjs.com/docs/#datetime/dateinput
+     */
+    popoverPosition?: Position;
+    /** Boundary for calendar popover, as per Popper.js docs. Defaults to viewport. */
+    popoverBoundary?: PopperBoundary;
+    /** Modifiers for calendar popover, as per Blueprint docs. Defaults to null */
+    popoverModifiers?: PopperModifiers;
+    /** Container DOM element to render the calendar popover inside. Defaults to document body. */
+    portalContainer?: HTMLElement;
+    /** True to select contents when control receives focus. */
+    selectOnFocus?: boolean;
+    /** True to show a bar with Today + Clear buttons at bottom of date picker popover. */
+    showActionsBar?: boolean;
+    /** True to show the picker upon focusing the input. */
+    showPickerOnFocus?: boolean;
+    /**
+     * True to parse any dates entered via the text input with moment's "strict" mode enabled.
+     * This ensures that the input entry matches the format(s) specified by `parseStrings` exactly.
+     * If it does not, the input will be considered invalid and the value set to `null`.
+     * @see https://momentjs.com/guides/#/parsing/strict-mode/
+     */
+    strictInputParsing?: boolean;
+    /** Alignment of entry text within control, default 'left'. */
+    textAlign?: HSide;
+    /**
+     * Props passed to the TimePicker, as per Blueprint docs.
+     * @see https://blueprintjs.com/docs/#datetime/dateinput
+     */
+    timePickerProps?: ITimePickerProps;
+    /**
+     * The precision of time selection that accompanies the calendar.
+     * If undefined, control will not show time. Ignored when valueType is localDate.
+     */
+    timePrecision?: 'second' | 'minute';
+    /**
+     * Type of value to publish. Defaults to 'date'. The use of 'localDate' is often a good
+     * choice for use cases where there is no time component.
+     * @see LocalDate - the class that will be published when localDate mode.
+     */
+    valueType?: 'date' | 'localDate';
+}
+/**
+ * A Calendar Control for choosing a Date.
+ *
+ * By default this control emits dates with the time component cleared (set to midnight), but this
+ * can be customized via the timePrecision prop to support editing of a date and time together.
+ *
+ * The calendar popover can be opened via the built-in button or up/down arrow keyboard shortcuts.
+ */
+export declare const DateInput: import("react").FC<DateInputProps>, dateInput: import("@xh/hoist/core").ElementFactory<DateInputProps>;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import '@xh/hoist/desktop/register';
+import 'codemirror/mode/javascript/javascript';
+import { CodeInputProps } from './CodeInput';
+export type JsonInputProps = CodeInputProps;
+/**
+ * Code-editor style input for editing and validating JSON, powered by CodeMirror.
+ */
+export declare const JsonInput: import("react").FC<CodeInputProps>, jsonInput: import("@xh/hoist/core").ElementFactory<CodeInputProps>;

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

@@ -0,0 +1,77 @@
+import { HoistInputProps } from '@xh/hoist/cmp/input';
+import { HoistProps, StyleProps, LayoutProps, HSide } from '@xh/hoist/core';
+import '@xh/hoist/desktop/register';
+import { ReactElement, ReactNode, Ref } from 'react';
+export interface NumberInputProps extends HoistProps, LayoutProps, StyleProps, HoistInputProps {
+    value?: number;
+    /** True to focus the control on render. */
+    autoFocus?: boolean;
+    /** True to commit on every change/keystroke, default false. */
+    commitOnChange?: boolean;
+    /** True to insert commas in displayed value. */
+    displayWithCommas?: boolean;
+    /** True to convert entries suffixed with k/m/b to thousands/millions/billions. */
+    enableShorthandUnits?: boolean;
+    /** Ref handler that receives HTML <input> element backing this component. */
+    inputRef?: Ref<HTMLInputElement>;
+    /** Icon to display inline on the left side of the input. */
+    leftIcon?: ReactElement;
+    /**
+     * Minimum value. Note that this will govern the smallest value that this control can produce
+     * via user input. Smaller values passed to it via props or a bound model will still be displayed.
+     */
+    min?: number;
+    /**
+     * Maximum value. Note that this will govern the largest value that this control can produce
+     * via user input. Larger values passed to it via props or a bound model will still be displayed.
+     */
+    max?: number;
+    /** Minor step size for increment/decrement handling. */
+    minorStepSize?: number;
+    /** Major step size for increment/decrement handling. */
+    majorStepSize?: number;
+    /** Callback for normalized keydown event. */
+    onKeyDown?: (e: KeyboardEvent) => void;
+    /** Text to display when control is empty. */
+    placeholder?: string;
+    /** Max decimal precision of the value, defaults to 4. */
+    precision?: number;
+    /** Element to display inline on the right side of the input. */
+    rightElement?: ReactNode;
+    /**
+     * Scale factor to apply when converting between the internal and external value. Useful for
+     * cases such as handling a percentage value where the user would expect to see or input 20 but
+     * the external value the input is bound to should be 0.2. Must be a factor of 10.
+     * Defaults to 1 (no scaling applied).
+     */
+    scaleFactor?: number;
+    /** True to select contents when control receives focus. */
+    selectOnFocus?: boolean;
+    /** Standard step size for increment/decrement handling. */
+    stepSize?: number;
+    /** Alignment of entry text within control, default 'right'. */
+    textAlign?: HSide;
+    /**
+     * 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.
+     */
+    valueLabel?: string;
+    /** True to pad with trailing zeros out to precision, default false. */
+    zeroPad?: boolean;
+}
+/**
+ * Number input, with optional support for formatting of display value, shorthand units, and more.
+ *
+ * This component is built on the Blueprint NumericInput and gets default increment/decrement
+ * functionality from that component, based on the three stepSize props.
+ *
+ * This Hoist component hides the up/down buttons by default but keeps the keyboard handling.
+ * Users can use the following keys to increment/decrement:
+ *
+ *      ↑/↓           by one step
+ *      Shift + ↑/↓   by one major step
+ *      Alt + ↑/↓     by one minor step
+ *
+ * Set the corresponding stepSize prop(s) to null to disable this feature.
+ */
+export declare const NumberInput: import("react").FC<NumberInputProps>, numberInput: import("@xh/hoist/core").ElementFactory<NumberInputProps>;

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

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { HoistInputProps } from '@xh/hoist/cmp/input';
+import { HoistProps, HSide } from '@xh/hoist/core';
+import '@xh/hoist/desktop/register';
+import './RadioInput.scss';
+export interface RadioInputProps extends HoistProps, HoistInputProps {
+    /** True to display each radio button inline with each other. */
+    inline?: boolean;
+    /** Placement of each option's label relative its radio button, default 'right'. */
+    labelSide?: HSide;
+    /** Array of available options */
+    options: (RadioOption | any)[];
+}
+export interface RadioOption {
+    value: any;
+    label?: string;
+    disabled?: boolean;
+}
+/**
+ * An input for managing Radio Buttons.
+ */
+export declare const RadioInput: import("react").FC<RadioInputProps>, radioInput: import("@xh/hoist/core").ElementFactory<RadioInputProps>;