@xh/hoist 57.0.0 → 57.0.2

package/build/types/mobile/cmp/grid/impl/ColChooserModel.d.ts

@@ -0,0 +1,46 @@
+import { GridModel } from '@xh/hoist/cmp/grid';
+import { HoistModel, HSide } from '@xh/hoist/core';
+import '@xh/hoist/mobile/register';
+/**
+ * State management for the ColChooser component.
+ *
+ * It is not necessary to manually create instances of this class within an application.
+ * @internal
+ */
+export declare class ColChooserModel extends HoistModel {
+    xhImpl: boolean;
+    gridModel: GridModel;
+    showRestoreDefaults: boolean;
+    autosizeOnCommit: boolean;
+    columns: ColMeta[];
+    pinFirst: boolean;
+    isOpen: boolean;
+    get pinnedColumn(): ColMeta;
+    get visibleColumns(): any;
+    get hiddenColumns(): any[];
+    constructor({ gridModel, showRestoreDefaults, autosizeOnCommit }: {
+        gridModel: any;
+        showRestoreDefaults?: boolean;
+        autosizeOnCommit?: boolean;
+    });
+    restoreDefaultsAsync(): Promise<void>;
+    open(): void;
+    close(): void;
+    updatePinnedColumn(): void;
+    setHidden(colId: string, hidden: boolean): void;
+    moveToIndex(colId: string, toIdx: number): void;
+    commit(): void;
+    private syncChooserData;
+    private getVisible;
+    private getHidden;
+}
+interface ColMeta {
+    originalIdx: number;
+    colId: string;
+    text: string;
+    hidden: boolean;
+    exclude: boolean;
+    locked: boolean;
+    pinned: HSide;
+}
+export {};

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

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { GroupingChooserModel } from '@xh/hoist/cmp/grouping';
+import { ButtonProps } from '@xh/hoist/mobile/cmp/button';
+import '@xh/hoist/mobile/register';
+import './GroupingChooser.scss';
+export interface GroupingChooserProps extends ButtonProps<GroupingChooserModel> {
+    /** Text to represent empty state (i.e. value = null or [])*/
+    emptyText?: string;
+    /** Title for popover (default "GROUP BY") or null to suppress. */
+    popoverTitle?: string;
+    /** Min height in pixels of the popover inner content (excl. header & toolbar). */
+    popoverMinHeight?: number;
+    /** Width in pixels of the popover menu itself. */
+    popoverWidth?: number;
+}
+/**
+ * Control for selecting a list of dimensions for grouping APIs.
+ * @see GroupingChooserModel
+ */
+export declare const GroupingChooser: import("react").FC<GroupingChooserProps>, groupingChooser: import("@xh/hoist/core").ElementFactory<GroupingChooserProps>;

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

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

package/build/types/mobile/cmp/header/AppBar.d.ts

@@ -0,0 +1,39 @@
+import { HoistProps, HSide } from '@xh/hoist/core';
+import { NavigatorBackButtonProps, RefreshButtonProps } from '@xh/hoist/mobile/cmp/button';
+import '@xh/hoist/mobile/register';
+import { ReactElement, ReactNode } from 'react';
+import './AppBar.scss';
+import { AppMenuButtonProps } from './AppMenuButton';
+export interface AppBarProps extends HoistProps {
+    /** App icon to display to the left of the title. */
+    icon?: ReactElement;
+    /** Title to display to the center the AppBar. Defaults to XH.clientAppName. */
+    title?: ReactNode;
+    /** Items to be added to the left side of the AppBar, before the title buttons. */
+    leftItems?: ReactNode[];
+    /** Items to be added to the right side of the AppBar, before the refresh button. */
+    rightItems?: ReactNode[];
+    /** True to hide the AppMenuButton. */
+    hideAppMenuButton?: boolean;
+    /** Set to true to hide the Back button. */
+    hideBackButton?: boolean;
+    /** Set to true to hide the Refresh button. */
+    hideRefreshButton?: boolean;
+    /** Allows overriding the default properties of the App Menu button. @see MenuButton */
+    appMenuButtonProps?: AppMenuButtonProps;
+    /** Position of the AppMenuButton. */
+    appMenuButtonPosition?: HSide;
+    /** Allows overriding the default properties of the Back button. @see NavigatorBackButton */
+    backButtonProps?: NavigatorBackButtonProps;
+    /** Allows overriding the default properties of the Refresh button. @see RefreshButton */
+    refreshButtonProps?: RefreshButtonProps;
+}
+/**
+ * A standard application navigation bar which displays the current page title and a standard set of
+ * buttons for common application actions. Application specific items can be displayed on the left
+ * or right sides of the AppBar.
+ *
+ * The standard buttons which are visible will be based on user roles and application configuration,
+ * or they can each be explicitly hidden.
+ */
+export declare const AppBar: import("react").FC<AppBarProps>, appBar: import("@xh/hoist/core").ElementFactory<AppBarProps>;

package/build/types/mobile/cmp/header/AppMenuButton.d.ts

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+import { MenuItemLike } from '@xh/hoist/core';
+import { MenuButtonProps } from '@xh/hoist/mobile/cmp/menu';
+import '@xh/hoist/mobile/register';
+export interface AppMenuButtonProps extends MenuButtonProps {
+    /** Array of app-specific MenuItems or configs to create them. */
+    extraItems?: MenuItemLike[];
+    /**
+     * True to hide the Impersonate item.  Always hidden for users w/o HOIST_ADMIN role or
+     * if impersonation is disabled.
+     */
+    hideImpersonateItem?: boolean;
+    /** True to hide the Feedback item. */
+    hideFeedbackItem?: boolean;
+    /** True to hide the Logout button. Defaulted to appSpec.isSSO. */
+    hideLogoutItem?: boolean;
+    /** True to hide the Options button. */
+    hideOptionsItem?: boolean;
+    /** True to hide the Theme Toggle button. */
+    hideThemeItem?: boolean;
+    /** True to hide the About button */
+    hideAboutItem?: boolean;
+}
+/**
+ * A top-level application drop down menu, which installs a standard set of menu items for common
+ * application actions. Application specific items can be displayed before these standard items.
+ *
+ * The standard items which are visible will be based on user roles and application configuration,
+ * or they can each be explicitly hidden.
+ */
+export declare const AppMenuButton: import("react").FC<AppMenuButtonProps>, appMenuButton: import("@xh/hoist/core").ElementFactory<AppMenuButtonProps>;

package/build/types/mobile/cmp/header/index.d.ts

@@ -0,0 +1,2 @@
+export * from './AppBar';
+export * from './AppMenuButton';

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

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import { HoistInputProps } from '@xh/hoist/cmp/input';
+import { HoistProps } from '@xh/hoist/core';
+import { ButtonGroupProps } from '@xh/hoist/mobile/cmp/button';
+import '@xh/hoist/mobile/register';
+import './ButtonGroupInput.scss';
+export interface ButtonGroupInputProps extends HoistProps, HoistInputProps, ButtonGroupProps {
+    /**
+     * True to allow buttons to be unselected (aka inactivated). Used when enableMulti is false.
+     * Defaults to false.
+     */
+    enableClear?: boolean;
+    /** True to allow entry/selection of multiple values - "tag picker" style. Defaults to false.*/
+    enableMulti?: 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/mobile/cmp/input/Checkbox.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { HoistInputProps } from '@xh/hoist/cmp/input';
+import { HoistProps } from '@xh/hoist/core';
+import '@xh/hoist/mobile/register';
+import './Checkbox.scss';
+export interface CheckboxProps extends HoistProps, HoistInputProps {
+    value?: string;
+    /** Onsen modifier string */
+    modifier?: string;
+}
+/**
+ * Checkbox control for boolean values.
+ */
+export declare const Checkbox: import("react").FC<CheckboxProps>, checkbox: import("@xh/hoist/core").ElementFactory<CheckboxProps>;

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

@@ -0,0 +1,53 @@
+import { HoistInputProps } from '@xh/hoist/cmp/input';
+import { HoistProps, StyleProps, LayoutProps, HSide, PlainObject } from '@xh/hoist/core';
+import '@xh/hoist/mobile/register';
+import { LocalDate } from '@xh/hoist/utils/datetime';
+import './DateInput.scss';
+import { ReactElement } from 'react';
+export interface DateInputProps extends HoistProps, HoistInputProps, StyleProps, LayoutProps {
+    value?: Date | LocalDate;
+    /** True to show a "clear" button aligned to the right of the control. Default false. */
+    enableClear?: boolean;
+    /**
+     * MomentJS format string for date display and parsing. Defaults to `YYYY-MM-DD`.
+     */
+    formatString?: string;
+    /**
+     * Month to display in calendar popover on first render.
+     *
+     * If unspecified, will default to the month of the current value (if present), or today.
+     */
+    initialMonth?: Date | LocalDate;
+    /** Icon to display inline on the left side of the input. */
+    leftIcon?: ReactElement;
+    /** Icon to display inline on the right side of the input. Defaults to a calendar icon */
+    rightIcon?: ReactElement;
+    /**
+     * Maximum (inclusive) valid date. Controls which dates can be selected via the calendar
+     * picker. Will reset any out-of-bounds manually entered input to `null`.
+     *
+     * Note this is distinct in these ways from FormModel based validation, which will leave an
+     * invalid date entry in place but flag as invalid via FormField. For cases where it is
+     * possible to use FormField, that is often a better choice.
+     */
+    maxDate?: Date | LocalDate;
+    /**
+     * Minimum (inclusive) valid date. Controls which dates can be selected via the calendar
+     * picker. 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;
+    /** Props passed to SingleDatePicker component, as per SingleDatePicker docs. */
+    singleDatePickerProps?: PlainObject;
+    /** Alignment of entry text within control, default 'left'. */
+    textAlign?: HSide;
+    /** Type of value to publish. Defaults to 'date'. */
+    valueType?: 'date' | 'localDate';
+}
+/**
+ * A Calendar Control for choosing a Date.
+ */
+export declare const DateInput: import("react").FC<DateInputProps>, dateInput: import("@xh/hoist/core").ElementFactory<DateInputProps>;

package/build/types/mobile/cmp/input/Label.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { HoistInputProps } from '@xh/hoist/cmp/input';
+import { HoistProps, StyleProps } from '@xh/hoist/core';
+import '@xh/hoist/mobile/register';
+import './Label.scss';
+export interface LabelProps extends HoistProps, HoistInputProps, StyleProps {
+}
+/**
+ * A simple label for a form.
+ */
+export declare const Label: import("react").FC<LabelProps>, label: import("@xh/hoist/core").ElementFactory<LabelProps>;

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

@@ -0,0 +1,52 @@
+/// <reference types="react" />
+import { HoistInputProps } from '@xh/hoist/cmp/input';
+import { HoistProps, StyleProps, LayoutProps, HSide } from '@xh/hoist/core';
+import '@xh/hoist/mobile/register';
+import './NumberInput.scss';
+export interface NumberInputProps extends HoistProps, HoistInputProps, StyleProps, LayoutProps {
+    value?: number;
+    /** 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;
+    /**
+     * 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;
+    /** Onsen modifier string. */
+    modifier?: string;
+    /** Text to display when control is empty. */
+    placeholder?: string;
+    /** Max decimal precision of the value, defaults to 4. */
+    precision?: number;
+    /**
+     * 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;
+    /** 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.
+ */
+export declare const NumberInput: import("react").FC<NumberInputProps>, numberInput: import("@xh/hoist/core").ElementFactory<NumberInputProps>;

package/build/types/mobile/cmp/input/SearchInput.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import { HoistInputProps } from '@xh/hoist/cmp/input';
+import { HoistProps, HSide } from '@xh/hoist/core';
+import '@xh/hoist/mobile/register';
+import './SearchInput.scss';
+export interface SearchInputProps extends HoistProps, HoistInputProps {
+    value?: string;
+    /** True to commit on every change/keystroke, default false. */
+    commitOnChange?: boolean;
+    /** Onsen modifier string */
+    modifier?: string;
+    /** Text to display when control is empty */
+    placeholder?: string;
+    /** Whether text in field is selected when field receives focus */
+    selectOnFocus?: boolean;
+    /** Whether to allow browser spell check, defaults to false */
+    spellCheck?: boolean;
+    /** Alignment of entry text within control, default 'left'. */
+    textAlign?: HSide;
+}
+/**
+ * A Search Input
+ */
+export declare const SearchInput: import("react").FC<SearchInputProps>, searchInput: import("@xh/hoist/core").ElementFactory<SearchInputProps>;

package/build/types/mobile/cmp/input/Select.d.ts

@@ -0,0 +1,122 @@
+import { HoistInputProps } from '@xh/hoist/cmp/input';
+import { HoistProps, LayoutProps, PlainObject, SelectOption } from '@xh/hoist/core';
+import '@xh/hoist/mobile/register';
+import { ReactNode } from 'react';
+import './Select.scss';
+export interface SelectProps extends HoistProps, HoistInputProps, LayoutProps {
+    /**
+     * Function to return a "create a new option" string prompt. Requires `allowCreate` true.
+     * Passed current query input.
+     */
+    createMessageFn?: (query: string) => string;
+    /** True (default) to close the menu after each selection. */
+    closeMenuOnSelect?: boolean;
+    /**
+     * True to accept and commit input values not present in options or returned by a query.
+     * Usually used with enableFullscreen, to ensure access to the mobile device keyboard.
+     */
+    enableCreate?: boolean;
+    /**
+     * True to enable type-to-search keyboard input. Defaults to false to disable keyboard input,
+     * showing the dropdown menu on click. Usually used with enableFullscreen, to ensure access
+     * to the mobile device keyboard.
+     */
+    enableFilter?: boolean;
+    /**
+     * True to render the select control in a full-screen modal dialog when focused.
+     * Recommended for use with enableCreate|enableFilter, as we can guarantee the control
+     * will be rendered in the top half of the viewport, above the mobile keyboard.
+     */
+    enableFullscreen?: boolean;
+    /**
+     * Function called to filter available options for a given query string input.
+     * Used for filtering of options provided by `options` prop when `enableFilter` is true.
+     * Not to be confused with `queryFn` prop, used in asynchronous mode.
+     *
+     * Provided function should take an option and a query value and return a boolean.
+     * Defaults to a case-insensitive match on word starts.
+     */
+    filterFn?: (opt: SelectOption, inputVal: string) => boolean;
+    /** True to hide the dropdown indicator, i.e. the down-facing arrow at the right of the Select. */
+    hideDropdownIndicator?: boolean;
+    /** True to suppress the default check icon rendered for the currently selected option. */
+    hideSelectedOptionCheck?: boolean;
+    /** True to hide options in the drop down menu if they have been selected.*/
+    hideSelectedOptions?: boolean;
+    /** Field on provided options for sourcing each option's display text (default `label`). */
+    labelField?: string;
+    /** Function to return loading message during an async query. Passed current query input. */
+    loadingMessageFn?: (query: string) => string;
+    /** Maximum height of the menu before scrolling. Defaults to 300px. */
+    maxMenuHeight?: number;
+    /** Placement of the dropdown menu relative to the input control. */
+    menuPlacement?: 'auto' | 'top' | 'bottom';
+    /** Width in pixels for the dropdown menu - if unspecified, defaults to control width. */
+    menuWidth?: number;
+    /** Function to return message indicating no options loaded. Passed current query input. */
+    noOptionsMessageFn?: (query: string) => string;
+    /** True to auto-open the dropdown menu on input focus. */
+    openMenuOnFocus?: boolean;
+    /**
+     * Function to render options in the dropdown list. Called for each option object (which
+     * will contain at minimum a value and label field, as well as any other fields present in
+     * the source objects).
+     */
+    optionRenderer?: (SelectOption: any) => ReactNode;
+    /**
+     * Preset list of options for selection. Elements can be either a primitive or an object.
+     * Primitives will be displayed via toString().
+     * Objects must have either:
+     *      + A `label` property for display and a `value` property
+     *      + A `label` property and an `options` property containing an array of sub-options
+     *        to be grouped beneath the option. These sub-options must be either primitives or
+     *        `label`:`value` pairs. Deeper nesting is unsupported.
+     *
+     * See also `queryFn` to  supply options via an async query (i.e. from the server) instead
+     * of up-front in this prop.
+     */
+    options?: Array<SelectOption | any>;
+    /** Text to display when control is empty. */
+    placeholder?: string;
+    /** Delay (in ms) to buffer calls to the async queryFn. Defaults to 300.*/
+    queryBuffer?: number;
+    /**
+     * Async function to return a list of options for a given query string input.
+     * Replaces the `options` prop - use one or the other.
+     *
+     * For providing external (e.g. server-side) options based on user inputs. Not to be
+     * confused with `filterFn`, which should be used to filter through local options when
+     * not in async mode.
+     *
+     * Provided function should take a query value and return a Promise resolving to a
+     * list of options.
+     */
+    queryFn?: (query: string) => Promise<SelectOption[]>;
+    /**
+     * Escape-hatch props passed directly to react-select. Use with care - not all props
+     * in the react-select API are guaranteed to be supported by this Hoist component,
+     * and providing them directly can interfere with the implementation of this class.
+     */
+    rsOptions?: PlainObject;
+    /** True to select contents when control receives focus. */
+    selectOnFocus?: boolean;
+    /** Text to display in header when in fullscreen mode. */
+    title?: string;
+    /** Field on provided options for sourcing each option's value (default `value`). */
+    valueField?: string;
+}
+/**
+ * A managed wrapper around the React-Select combobox/dropdown component.
+ *
+ * Supports advanced options such as:
+ *      + Asynchronous queries
+ *      + Custom dropdown option renderers
+ *      + User-created ad-hoc entries
+ *      + Full-screen mode
+ *
+ * Unlike the desktop version, multiple selection and use of react-windowed-select are not
+ * currently supported.
+ *
+ * @see {@link https://react-select.com|React Select Docs}
+ */
+export declare const Select: import("react").FC<SelectProps>, select: import("@xh/hoist/core").ElementFactory<SelectProps>;

package/build/types/mobile/cmp/input/SwitchInput.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { HoistInputProps } from '@xh/hoist/cmp/input';
+import { HoistProps, StyleProps } from '@xh/hoist/core';
+import '@xh/hoist/mobile/register';
+import './SwitchInput.scss';
+export interface SwitchInputProps extends HoistProps, HoistInputProps, StyleProps {
+    value?: string;
+    /** Onsen modifier string */
+    modifier?: string;
+}
+/**
+ * Switch (toggle) control for non-nullable boolean values.
+ */
+export declare const SwitchInput: import("react").FC<SwitchInputProps>, switchInput: import("@xh/hoist/core").ElementFactory<SwitchInputProps>;

package/build/types/mobile/cmp/input/TextArea.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { HoistInputProps } from '@xh/hoist/cmp/input';
+import { HoistProps, LayoutProps, StyleProps } from '@xh/hoist/core';
+import '@xh/hoist/mobile/register';
+import './TextArea.scss';
+export interface TextAreaProps extends HoistProps, HoistInputProps, StyleProps, LayoutProps {
+    value?: string;
+    /** True to commit on every change/keystroke, default false. */
+    commitOnChange?: boolean;
+    /** Height of the control in pixels. */
+    height?: number;
+    /** Text to display when control is empty */
+    placeholder?: string;
+    /** Whether text in field is selected when field receives focus */
+    selectOnFocus?: boolean;
+    /** Whether to allow browser spell check, defaults to true */
+    spellCheck?: boolean;
+}
+/**
+ * A multi-line text input.
+ */
+export declare const TextArea: import("react").FC<TextAreaProps>, textArea: import("@xh/hoist/core").ElementFactory<TextAreaProps>;

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

@@ -0,0 +1,39 @@
+/// <reference types="react" />
+import { HoistInputProps } from '@xh/hoist/cmp/input';
+import { HoistProps, HSide, LayoutProps, StyleProps } from '@xh/hoist/core';
+import '@xh/hoist/mobile/register';
+import './TextInput.scss';
+export interface TextInputProps extends HoistProps, HoistInputProps, StyleProps, LayoutProps {
+    value?: string;
+    /**
+     *  HTML `autocomplete` attribute to set on underlying <input> element.
+     *
+     *  Defaults to 'off' for fields of type text and 'new-password' for fields of type 'password'
+     *  to defeat browser auto-completion, which is typically not desired in Hoist applications.
+     *  Set to 'on' or a more specific autocomplete token to enable.
+     *
+     * @see https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofilling-form-controls%3A-the-autocomplete-attribute
+     * See https://developer.mozilla.org/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion
+     */
+    autoComplete?: string;
+    /** True to commit on every change/keystroke, default false. */
+    commitOnChange?: boolean;
+    /** True to show a "clear" button aligned to the right of the control. Defaults to false. */
+    enableClear?: boolean;
+    /** Onsen modifier string */
+    modifier?: string;
+    /** Text to display when control is empty */
+    placeholder?: string;
+    /** Whether text in field is selected when field receives focus */
+    selectOnFocus?: boolean;
+    /** Whether to allow browser spell check, defaults to false */
+    spellCheck?: boolean;
+    /** Alignment of entry text within control, default 'left'. */
+    textAlign?: HSide;
+    /** Underlying HTML <input> element type. */
+    type?: 'text' | 'password';
+}
+/**
+ * A Text Input
+ */
+export declare const TextInput: import("react").FC<TextInputProps>, textInput: import("@xh/hoist/core").ElementFactory<TextInputProps>;

package/build/types/mobile/cmp/input/index.d.ts

@@ -0,0 +1,10 @@
+export * from './Label';
+export * from './ButtonGroupInput';
+export * from './Checkbox';
+export * from './DateInput';
+export * from './NumberInput';
+export * from './SearchInput';
+export * from './Select';
+export * from './SwitchInput';
+export * from './TextInput';
+export * from './TextArea';

package/build/types/mobile/cmp/loadingindicator/LoadingIndicator.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import { HoistProps, Some, TaskObserver } from '@xh/hoist/core';
+import '@xh/hoist/mobile/register';
+import './LoadingIndicator.scss';
+export interface LoadingIndicatorProps extends HoistProps {
+    /** TaskObserver(s) that should be monitored to determine if the Indicator should be displayed. */
+    bind?: Some<TaskObserver>;
+    /** Position of the indicator relative to its containing component. */
+    corner?: 'tl' | 'tr' | 'bl' | 'br';
+    /** True to display the indicator. */
+    isDisplayed?: boolean;
+    /** Max characters allowed in message, after which it will be elided. Default 30. */
+    maxMessageLength?: number;
+    /** Optional text to be displayed - can also be sourced from bound TaskObserver. */
+    message?: string;
+    /** True (default) to display with an animated spinner. */
+    spinner?: boolean;
+}
+/**
+ * A minimal / unobtrusive LoadingIndicator displaying an optional spinner and/or message to signal
+ * that a longer-running operation is in progress, without using a modal Mask. Can be explicitly
+ * shown or bound to one or more tasks.
+ *
+ * Note that the Panel component's `loadingIndicator` prop provides a common and convenient way to
+ * add an indicator to a Panel without needing to manually create or manage this component.
+ */
+export declare const LoadingIndicator: import("react").FC<LoadingIndicatorProps>, loadingIndicator: import("@xh/hoist/core").ElementFactory<LoadingIndicatorProps>;

package/build/types/mobile/cmp/loadingindicator/index.d.ts

@@ -0,0 +1 @@
+export * from './LoadingIndicator';

package/build/types/mobile/cmp/mask/Mask.d.ts

@@ -0,0 +1,25 @@
+import { HoistProps, Some, TaskObserver } from '@xh/hoist/core';
+import '@xh/hoist/mobile/register';
+import { ReactNode, MouseEvent } from 'react';
+import './Mask.scss';
+export interface MaskProps extends HoistProps {
+    /** Task(s) that should be monitored to determine if the mask should be displayed. */
+    bind?: Some<TaskObserver>;
+    /** True to display the mask. */
+    isDisplayed?: boolean;
+    /** Text to be displayed under the loading spinner image */
+    message?: ReactNode;
+    /** Callback when mask is tapped, relayed to underlying div element. */
+    onClick?: (e: MouseEvent) => void;
+    /** True (default) to display a spinning image. */
+    spinner?: boolean;
+}
+/**
+ * Mask with optional spinner and text.
+ *
+ * The mask can be explicitly controlled via props or bound to a TaskObserver.
+ *
+ * Note that the Panel component's `mask` prop provides a common and convenient method for masking
+ * sections of the UI without needing to manually create or manage this component.
+ */
+export declare const Mask: import("react").FC<MaskProps>, mask: import("@xh/hoist/core").ElementFactory<MaskProps>;

package/build/types/mobile/cmp/mask/index.d.ts

@@ -0,0 +1 @@
+export * from './Mask';

package/build/types/mobile/cmp/menu/MenuButton.d.ts

@@ -0,0 +1,21 @@
+import { MenuItemLike } from '@xh/hoist/core';
+import { ButtonProps } from '@xh/hoist/mobile/cmp/button';
+import { PopoverProps } from '@xh/hoist/mobile/cmp/popover';
+import '@xh/hoist/mobile/register';
+import { ReactNode } from 'react';
+export interface MenuButtonProps extends Omit<ButtonProps, 'title'> {
+    /** Array of MenuItems or spacers. */
+    menuItems?: MenuItemLike[];
+    /** Position of menu relative to button */
+    menuPosition?: 'top-left' | 'top' | 'top-right' | 'right-top' | 'right' | 'right-bottom' | 'bottom-right' | 'bottom' | 'bottom-left' | 'left-bottom' | 'left' | 'left-top' | 'auto';
+    /** Optional title to display above the menu. */
+    title?: ReactNode;
+    /** True to disable user interaction. */
+    disabled?: boolean;
+    /** Props passed to the internal popover. */
+    popoverProps?: Partial<PopoverProps>;
+}
+/**
+ * Convenience Button preconfigured for use as a trigger for a dropdown menu operation.
+ */
+export declare const MenuButton: import("react").FC<MenuButtonProps>, menuButton: import("@xh/hoist/core").ElementFactory<MenuButtonProps>;

package/build/types/mobile/cmp/menu/impl/Menu.d.ts

@@ -0,0 +1,12 @@
+import { HoistModel } from '@xh/hoist/core';
+import './Menu.scss';
+/**
+ * Internal Menu Component for MenuButton.
+ *
+ * Note that the Menu itself does not maintain open / close state - it is the responsibility
+ * of the triggering component to manage this state. Requires an `onDismiss` callback to
+ * facilitate closing the menu from within this component.
+ *
+ * @internal
+ */
+export declare const menu: import("@xh/hoist/core").ElementFactory<import("@xh/hoist/core").DefaultHoistProps<HoistModel>>;

package/build/types/mobile/cmp/menu/index.d.ts

@@ -0,0 +1 @@
+export * from './MenuButton';