@talxis/base-controls 1.2406.16 → 1.2407.1

package/dist/index.d.ts

@@ -1,5 +1,13 @@
-/// <reference types="@types/powerapps-component-framework" />
-interface IComponent<TParameters, TOutputs, TTranslations> {
+/// <reference types="powerapps-component-framework" />
+/// <reference types="react" />
+import { AgGridReactProps } from '@ag-grid-community/react';
+import { ITheme as ITheme$1, IToggleProps } from '@fluentui/react';
+import { IDatePickerProps, ITextFieldProps, IComboBoxProps, ITagPickerProps } from '@talxis/react-components';
+
+interface IOutputs$1 {
+    [key: string]: any;
+}
+interface IControl<TParameters, TOutputs, TTranslations, TComponentProps> {
     context: ComponentFramework.Context<any>;
     parameters: TParameters;
     translations?: TTranslations;
@@ -9,40 +17,811 @@ interface IComponent<TParameters, TOutputs, TTranslations> {
     * Exceptions are input based component where it fires on the blur event.
     */
     onNotifyOutputChanged?: (outputs: TOutputs) => void;
+    /**
+    * Allows you to override the props of the internal component that the control uses for UI rendering. Might not work on every control. ONLY USE WHEN ABSOLUTELY NECESSARY AND CONSULT YOUR INTENTIONS WITH BRY!
+    */
+    onOverrideComponentProps?: (props: TComponentProps) => Partial<TComponentProps>;
+}
+type ITranslations<T> = {
+    [Property in keyof T]: T[Property] extends string[] ? string[] : string;
+};
+
+declare const gridTranslations: {
+    "condition-none": {
+        1029: string;
+        1033: string;
+    };
+    "condition-equal": {
+        1029: string;
+        1033: string;
+    };
+    "condition-notequal": {
+        1029: string;
+        1033: string;
+    };
+    "condition-greaterthan": {
+        1029: string;
+        1033: string;
+    };
+    "condition-lessthan": {
+        1029: string;
+        1033: string;
+    };
+    "condition-greaterequal": {
+        1029: string;
+        1033: string;
+    };
+    "condition-lessequal": {
+        1029: string;
+        1033: string;
+    };
+    "condition-like": {
+        1029: string;
+        1033: string;
+    };
+    "condition-notlike": {
+        1029: string;
+        1033: string;
+    };
+    "condition-null": {
+        1029: string;
+        1033: string;
+    };
+    "condition-notnull": {
+        1029: string;
+        1033: string;
+    };
+    "condition-beginwith": {
+        1029: string;
+        1033: string;
+    };
+    "condition-doesnotbeginwith": {
+        1029: string;
+        1033: string;
+    };
+    "condition-endswith": {
+        1029: string;
+        1033: string;
+    };
+    "condition-doesnotendwith": {
+        1029: string;
+        1033: string;
+    };
+    "condition-yesterday": {
+        1029: string;
+        1033: string;
+    };
+    "condition-today": {
+        1029: string;
+        1033: string;
+    };
+    "condition-tomorrow": {
+        1029: string;
+        1033: string;
+    };
+    "condition-last7days": {
+        1029: string;
+        1033: string;
+    };
+    "condition-next7days": {
+        1029: string;
+        1033: string;
+    };
+    "condition-lastweek": {
+        1029: string;
+        1033: string;
+    };
+    "condition-thisweek": {
+        1029: string;
+        1033: string;
+    };
+    "condition-lastmonth": {
+        1029: string;
+        1033: string;
+    };
+    "condition-thismonth": {
+        1029: string;
+        1033: string;
+    };
+    "condition-on": {
+        1029: string;
+        1033: string;
+    };
+    "condition-onorbefore": {
+        1029: string;
+        1033: string;
+    };
+    "condition-onorafter": {
+        1029: string;
+        1033: string;
+    };
+    "condition-lastyear": {
+        1029: string;
+        1033: string;
+    };
+    "condition-thisyear": {
+        1029: string;
+        1033: string;
+    };
+    "condition-lastxdays": {
+        1029: string;
+        1033: string;
+    };
+    "condition-nextxdays": {
+        1029: string;
+        1033: string;
+    };
+    "condition-lastxmonths": {
+        1029: string;
+        1033: string;
+    };
+    "condition-nextxmonths": {
+        1029: string;
+        1033: string;
+    };
+    "condition-contains": {
+        1029: string;
+        1033: string;
+    };
+    "condition-infiscalperiodandyear": {
+        1029: string;
+        1033: string;
+    };
+    "condition-above": {
+        1029: string;
+        1033: string;
+    };
+    "condition-under": {
+        1029: string;
+        1033: string;
+    };
+    "condition-notunder": {
+        1029: string;
+        1033: string;
+    };
+    "condition-aboveorequal": {
+        1029: string;
+        1033: string;
+    };
+    "condition-underorequal": {
+        1029: string;
+        1033: string;
+    };
+    "condition-containvalues": {
+        1029: string;
+        1033: string;
+    };
+    "condition-doesnotcontainvalues": {
+        1029: string;
+        1033: string;
+    };
+    "filtermenu-filterby": {
+        1029: string;
+        1033: string;
+    };
+    "filtermenu-applybutton": {
+        1029: string;
+        1033: string;
+    };
+    "filtermenu-clearbutton": {
+        1029: string;
+        1033: string;
+    };
+    "filtersortmenu-sorttext-a-z": {
+        1029: string;
+        1033: string;
+    };
+    "filtersortmenu-sorttext-z-a": {
+        1029: string;
+        1033: string;
+    };
+    "filtersortmenu-sortdate-a-z": {
+        1029: string;
+        1033: string;
+    };
+    "filtersortmenu-sortdate-z-a": {
+        1029: string;
+        1033: string;
+    };
+    "filtersortmenu-sortnumber-a-z": {
+        1029: string;
+        1033: string;
+    };
+    "filtersortmenu-sortnumber-z-a": {
+        1029: string;
+        1033: string;
+    };
+    "filtersortmenu-sorttwooption-a-z": {
+        1029: string;
+        1033: string;
+    };
+    "filtersortmenu-sorttwooption-z-a": {
+        1029: string;
+        1033: string;
+    };
+    "filtersortmenu-sorttwooption-joint": {
+        1029: string;
+        1033: string;
+    };
+    "filtersortmenu-filterby": {
+        1029: string;
+        1033: string;
+    };
+    "filtersortmenu-clearfilter": {
+        1029: string;
+        1033: string;
+    };
+    "paging-of": {
+        1029: string;
+        1033: string;
+    };
+    "paging-firstpage": {
+        1029: string;
+        1033: string;
+    };
+    "paging-previouspage": {
+        1029: string;
+        1033: string;
+    };
+    "paging-page": {
+        1029: string;
+        1033: string;
+    };
+    "paging-nextpage": {
+        1029: string;
+        1033: string;
+    };
+    "paging-lastpage": {
+        1029: string;
+        1033: string;
+    };
+    "paging-pages": {
+        1029: string;
+        1033: string;
+    };
+    norecordsfound: {
+        1029: string;
+        1033: string;
+    };
+    "saving-changenotification": {
+        1029: string;
+        1033: string;
+    };
+    "saving-save": {
+        1029: string;
+        1033: string;
+    };
+    "saving-saving": {
+        1029: string;
+        1033: string;
+    };
+    "saving-changepreview-title": {
+        1033: string;
+        1029: string;
+    };
+    "saving-validation-error": {
+        1029: string;
+        1033: string;
+    };
+    "validation-input-value": {
+        1029: string;
+        1033: string;
+    };
+    "validation-email": {
+        1029: string;
+        1033: string;
+    };
+    "validation-url": {
+        1029: string;
+        1033: string;
+    };
+    "validation-date": {
+        1029: string;
+        1033: string;
+    };
+    "validation-number": {
+        1029: string;
+        1033: string;
+    };
+    "no-name": {
+        1029: string;
+        1033: string;
+    };
+    download: {
+        1029: string;
+        1033: string;
+    };
+};
+
+interface IGrid extends IControl<IGridParameters, IGridOutputs, Partial<ITranslation<typeof gridTranslations>>, AgGridReactProps> {
+}
+interface IEntityColumn extends ComponentFramework.PropertyHelper.DataSetApi.Column {
+    isResizable?: boolean;
+    isFilterable?: boolean;
+    isEditable?: boolean;
+    isRequired?: boolean;
 }
-interface ITranslations {
-    [key: string]: {
-        [LCID: number]: string | string[];
-    } | undefined;
+interface IEntityRecord extends ComponentFramework.PropertyHelper.DataSetApi.EntityRecord {
+    setValue: (columnName: string, value: any) => void;
+    save: () => Promise<void>;
+}
+interface IGridParameters extends IParameters$1 {
+    EnableEditing?: Omit<ITwoOptionsProperty, 'attributes'>;
+    EnablePagination?: Omit<ITwoOptionsProperty, 'attributes'>;
+    EnableFiltering?: Omit<ITwoOptionsProperty, 'attributes'>;
+    EnableSorting?: Omit<ITwoOptionsProperty, 'attributes'>;
+    EnableNavigation?: Omit<ITwoOptionsProperty, 'attributes'>;
+    EnableOptionSetColors?: Omit<ITwoOptionsProperty, 'attributes'>;
+    UseContainerAsHeight?: Omit<ITwoOptionsProperty, 'attributes'>;
+    InlineRibbonButtonIds?: IStringProperty;
+    SelectableRows?: ComponentFramework.PropertyTypes.EnumProperty<"none" | "single" | "multiple">;
+    Grid: IDatasetProperty;
+}
+interface IGridOutputs extends IOutputs$1 {
 }
 
 type ExcludedProps = Pick<ComponentFramework.PropertyTypes.Property, 'formatted'>;
 interface IProperty extends Omit<Partial<ComponentFramework.PropertyTypes.Property>, keyof ExcludedProps | 'attributes'> {
 }
+interface IStringProperty extends IProperty, Partial<ComponentFramework.PropertyTypes.StringProperty> {
+    raw: string | null;
+}
+interface IDecimalNumberProperty extends IProperty, Omit<Partial<ComponentFramework.PropertyTypes.DecimalNumberProperty>, 'attributes'> {
+    raw: number | null;
+    type: 'Whole.None' | 'Decimal' | 'Currency';
+    formatted?: string;
+    attributes?: Partial<ComponentFramework.PropertyHelper.FieldPropertyMetadata.DecimalNumberMetadata>;
+}
+interface IWholeNumberProperty extends IProperty, Omit<Partial<ComponentFramework.PropertyTypes.WholeNumberProperty>, 'attributes'> {
+    raw: number | null;
+}
+interface IDateTimeProperty extends IProperty, Partial<ComponentFramework.PropertyTypes.DateTimeProperty> {
+    raw: Date | null;
+    attributes: Partial<ComponentFramework.PropertyHelper.FieldPropertyMetadata.DateTimeMetadata> & {
+        Behavior: ComponentFramework.FormattingApi.Types.DateTimeFieldBehavior;
+        Format: string;
+    };
+}
+interface IOptionSetProperty extends IProperty, Omit<Partial<ComponentFramework.PropertyTypes.OptionSetProperty>, 'attributes'> {
+    raw: number | null;
+    attributes: Omit<Partial<ComponentFramework.PropertyHelper.FieldPropertyMetadata.OptionSetMetadata>, 'DefaultValue'> & {
+        Options: ComponentFramework.PropertyHelper.OptionMetadata[];
+    };
+}
+interface ITwoOptionsProperty extends IProperty, Omit<Partial<ComponentFramework.PropertyTypes.TwoOptionsProperty>, 'attributes'> {
+    raw: boolean;
+    attributes: Omit<Partial<ComponentFramework.PropertyHelper.FieldPropertyMetadata.OptionSetMetadata>, 'DefaultValue'> & {
+        Options: [ComponentFramework.PropertyHelper.OptionMetadata, ComponentFramework.PropertyHelper.OptionMetadata];
+    };
+}
+interface ITwoOptionsProperty extends IProperty, Omit<Partial<ComponentFramework.PropertyTypes.TwoOptionsProperty>, 'attributes'> {
+    raw: boolean;
+    attributes: Omit<Partial<ComponentFramework.PropertyHelper.FieldPropertyMetadata.OptionSetMetadata>, 'DefaultValue'> & {
+        Options: [ComponentFramework.PropertyHelper.OptionMetadata, ComponentFramework.PropertyHelper.OptionMetadata];
+    };
+}
+interface IMultiSelectOptionSetProperty extends IProperty, Omit<Partial<ComponentFramework.PropertyTypes.MultiSelectOptionSetProperty>, 'attributes'> {
+    raw: number[] | null;
+    attributes: Omit<Partial<ComponentFramework.PropertyHelper.FieldPropertyMetadata.OptionSetMetadata>, 'DefaultValue'> & {
+        Options: ComponentFramework.PropertyHelper.OptionMetadata[];
+    };
+}
+interface ILookupProperty extends IProperty, Omit<Partial<ComponentFramework.PropertyTypes.LookupProperty>, 'attributes' | 'getViewId'> {
+    raw: ComponentFramework.LookupValue[];
+    attributes: Partial<ComponentFramework.PropertyHelper.FieldPropertyMetadata.LookupMetadata> & {
+        Targets: string[];
+    };
+    /**
+     * Returns the default lookup viewId. Works only for Microsoft PCF's
+     */
+    getDefaultViewId: (entityName: string) => string;
+    /**
+     * Gets all views for entity (including non-lookup ones).
+     */
+    getAllViews: (entityName: string) => Promise<{
+        isAvailableInOffline: boolean;
+        isDefault: boolean;
+        isPinned: boolean;
+        isUserView: boolean;
+        relatedEntityName: string;
+        viewId: string;
+        viewName: string;
+        fetchXml?: string;
+    }[]>;
+}
+interface IDatasetProperty extends IProperty, Omit<ComponentFramework.PropertyTypes.DataSet, 'error' | 'errorMessage'> {
+    columns: IEntityColumn[];
+    records: {
+        [id: string]: IEntityRecord;
+    };
+    paging: ComponentFramework.PropertyHelper.DataSetApi.Paging & {
+        pageNumber: number;
+    };
+    retrieveRecordCommand: (recordIds: string[], specificCommands?: string[], filterByPriority?: boolean, useNestedFormat?: boolean, refreshAllRules?: boolean) => {
+        canExecute: boolean;
+        /**
+        * Seems to be always empty - buttons present in Flyout and SplitButton are put on first level (the array of buttons is flattened).
+        */
+        children: any[];
+        commandId: string;
+        commandButtonId: string;
+        controlType: any;
+        icon: string;
+        label: string;
+        shouldBeVisible: boolean;
+        tooltip: string;
+        /**
+        * Temp portal property
+        */
+        __isInline?: boolean;
+        execute: () => Promise<void>;
+    }[];
+}
 
 interface IOutputs {
     [key: string]: any;
 }
-interface IParameters {
+interface IParameters$1 {
     [key: string]: IProperty | undefined;
 }
 
-type StringProps<T> = {
-    [Property in keyof T]: (variables?: any) => string;
-};
+interface ITheme extends ITheme$1 {
+    effects: ITheme$1['effects'] & {
+        underlined?: boolean;
+    };
+}
 
-interface IComponentController<TTranslations, TOutputs> {
-    labels: Required<StringProps<TTranslations>>;
+type ITranslation<T> = {
+    [Property in keyof Required<T>]: (variables?: any) => string;
+};
+interface IDefaultTranslations {
+    [LCID: number]: string | string[];
+    [key: string]: any;
+}
+interface IControlController<TTranslations, TOutputs> {
+    labels: Required<ITranslation<TTranslations>>;
     sizing: {
         width?: number;
         height?: number;
     };
+    theme: ITheme;
     onNotifyOutputChanged: (outputs: TOutputs) => void;
 }
 /**
  * Provides automatic checking if the given outputs are different from the provided inputs. Use the provided method any time you want
  * to notify the framework that you wish to write changes. The hook will notify the framework only if the provided output differs from the current inputs.
  */
-declare const useComponent: <TParameters extends IParameters, TOutputs extends IOutputs, TTranslations extends ITranslations>(name: string, props: IComponent<TParameters, TOutputs, TTranslations>, defaultTranslations?: TTranslations | undefined) => IComponentController<TTranslations, TOutputs>;
+declare const useControl: <TParameters extends IParameters$1, TOutputs extends IOutputs, TTranslations>(name: string, props: IControl<TParameters, TOutputs, TTranslations, any>, defaultTranslations?: IDefaultTranslations) => IControlController<TTranslations, TOutputs>;
+
+declare const useControlSizing: (mode: ComponentFramework.Mode) => {
+    height?: number;
+    width?: number;
+};
+
+declare const useFocusIn: (ref: React.RefObject<HTMLElement>, delay?: number) => boolean;
+
+interface IParameters {
+    [key: string]: IProperty | undefined;
+}
+interface IInputParameters extends IBaseParameters {
+    value: IProperty;
+    /**
+    * Tells the control to trigger `notifyOutputChanged` on it's unmount changes occured in bound parameter value.
+    * Should only be use in edge cases in input based controls where the notifyOutputChanged cannot be called naturally via the blur event.
+     */
+    NotifyOutputChangedOnUnmount?: Omit<ITwoOptionsProperty, 'attributes'>;
+    EnableCopyButton?: Omit<ITwoOptionsProperty, 'attributes'>;
+    EnableDeleteButton?: Omit<ITwoOptionsProperty, 'attributes'>;
+    /**
+     * Shows the error message within the control. By default, the error is represented only by red outline.
+     */
+    ShowErrorMessage?: Omit<ITwoOptionsProperty, 'attributes'>;
+}
+interface IBaseParameters extends IParameters {
+    /** default `true`    */
+    EnableBorder?: Omit<ITwoOptionsProperty, 'attributes'>;
+    /**
+    * Decides whether the input should get focus on first render.
+    */
+    AutoFocus?: Omit<ITwoOptionsProperty, 'attributes'>;
+    ForceDisable?: Omit<ITwoOptionsProperty, 'attributes'>;
+}
+
+/**
+ * Description
+ * @param {any} value:any
+ * @returns {any}
+ */
+interface IControlOptions {
+    defaultTranslations?: IDefaultTranslations;
+    /**
+     * Formatting function that will format the bound value every time a new one comes from the props.
+     */
+    formatter?: (value: any) => any;
+    valueExtractor?: (value: any) => any;
+}
+/**
+ * Use when working with components that need to store value changes internally before triggering `notifyOutputChanged`.
+ * An example of this is a standard Decimal component - we do not want to trigger `notifyOutputChanged` on every value change,
+ * since this would trigger decimal validation on every keystroke which would result in a bad UX. In this case, the `notifyOutputChanged` should
+ * be triggered when the user looses focus on the component (`onBlur` event).
+ * @returns {[]} The hook returns an array with three props. First `value` prop is a value that will will always be in sync with the value that comes from the `value` parameter.
+ * Use this for displaying the up-to-date value to the user.
+ * Second prop contains the translations for this component.
+ *
+ * Third prop is a method that can be used to change the current value. The new value will get propagated to the `value` variable returned from this hook. This method wont propagate the value to the framework.
+ *
+ * The last prop is a method that will notify the framework that you wish to write changes.
+ * The method will notify the framework only if the provided output differs from the current inputs.
+ */
+interface IInputBasedControlController<TValue, TTranslations, TOutputs> extends IControlController<TTranslations, TOutputs> {
+    value: TValue;
+    setValue: (value: TValue) => void;
+}
+declare const useInputBasedControl: <TValue, TParameters extends IInputParameters, TOutputs extends IOutputs$1, TTranslations>(name: string, props: IControl<TParameters, TOutputs, TTranslations, any>, options?: IControlOptions) => IInputBasedControlController<TValue, TTranslations, TOutputs>;
+
+declare const useMouseOver: (ref: React.RefObject<HTMLElement>) => boolean;
+
+declare const useControlTheme: (fluentDesignLanguage?: ComponentFramework.FluentDesignState) => ITheme;
+
+declare const getDefaultDateTimeTranslations: (dateFormattingInfo: ComponentFramework.UserSettingApi.DateFormattingInfo) => {
+    time: {
+        1029: string;
+        1033: string;
+    };
+    goToToday: {
+        1029: string;
+        1033: string;
+    };
+    invalidTimeInput: {
+        1029: string;
+        1033: string;
+    };
+    days: string[];
+    months: string[];
+    shortDays: string[];
+    shortMonths: string[];
+};
+
+interface IDateTime extends IControl<IDateTimeParameters, IDateTimeOutputs, Partial<ITranslations<ReturnType<typeof getDefaultDateTimeTranslations>>>, IDatePickerProps> {
+}
+interface IDateTimeParameters extends IInputParameters {
+    value: IDateTimeProperty;
+}
+interface IDateTimeOutputs extends IOutputs$1 {
+    value?: Date;
+}
+
+declare const DateTime: (componentProps: IDateTime) => JSX.Element;
+
+declare const useDateTime: (props: IDateTime, ref: React.RefObject<HTMLDivElement>) => [boolean, ITheme, ITranslation<Partial<ITranslations<{
+    time: {
+        1029: string;
+        1033: string;
+    };
+    goToToday: {
+        1029: string;
+        1033: string;
+    };
+    invalidTimeInput: {
+        1029: string;
+        1033: string;
+    };
+    days: string[];
+    months: string[];
+    shortDays: string[];
+    shortMonths: string[];
+}>>>, {
+    get: () => Date | undefined;
+    getFormatted: () => string | undefined;
+    set: (date?: Date, time?: string) => void;
+    setDateString: (value: string | undefined) => void;
+    clear: () => void;
+}, {
+    shortDatePattern: string;
+    shortTimePattern: string;
+    fullDateTimePattern: string;
+}];
+
+interface IDecimal extends IControl<IDecimalParameters, IDecimalOutputs, any, ITextFieldProps> {
+}
+interface IDecimalParameters extends IInputParameters {
+    value: IDecimalNumberProperty;
+    EnableSpinButton?: ITwoOptionsProperty;
+}
+interface IDecimalOutputs extends IOutputs$1 {
+    value?: number;
+}
+
+declare const Decimal: (props: IDecimal) => JSX.Element;
+
+declare const getDefaultDurationTranslations: () => {
+    minute: {
+        1029: string[];
+        1033: string[];
+    };
+    minutes: {
+        1029: string[];
+        1033: string[];
+    };
+    hour: {
+        1029: string[];
+        1033: string[];
+    };
+    hours: {
+        1029: string[];
+        1033: string[];
+    };
+    day: {
+        1029: string[];
+        1033: string[];
+    };
+    days: {
+        1029: string[];
+        1033: string[];
+    };
+};
+
+interface IDuration extends IControl<IDurationParameters, IDurationOutputs, Partial<ITranslations<ReturnType<typeof getDefaultDurationTranslations>>>, IComboBoxProps> {
+}
+interface IDurationParameters extends IInputParameters {
+    value: IWholeNumberProperty;
+}
+interface IDurationOutputs extends IOutputs$1 {
+    value?: number;
+}
+
+declare const Duration: (props: IDuration) => JSX.Element;
+
+declare const Grid: (props: IGrid) => JSX.Element;
+
+declare const lookupTranslations: {
+    search: {
+        1033: string;
+        1029: string;
+    };
+    newRecord: {
+        1033: string;
+        1029: string;
+    };
+    searching: {
+        1033: string;
+        1029: string;
+    };
+    noRecordsFound: {
+        1033: string;
+        1029: string;
+    };
+    resultsFrom: {
+        1033: string;
+        1029: string;
+    };
+    noName: {
+        1033: string;
+        1029: string;
+    };
+    placeholder: {
+        1033: string;
+        1029: string;
+    };
+};
+
+interface ILookup extends IControl<ILookupParameters, ILookupOutputs, Partial<ITranslations<typeof lookupTranslations>>, ITagPickerProps> {
+    /**
+     * If provided, the Lookup will use the returned values of this function to display search results.
+     * @param {any} entityNames An array of entity names that he Lookup is currently targeting.
+     * @param {any} query: User text input
+     * @returns {any}
+     */
+    onSearch?: (entityNames: string[], query: string) => Promise<ComponentFramework.LookupValue[]>;
+}
+interface ILookupParameters extends IBaseParameters {
+    IsInlineNewEnabled?: ITwoOptionsProperty;
+    MultipleEnabled?: ITwoOptionsProperty;
+    EnableNavigation?: ITwoOptionsProperty;
+    value: ILookupProperty;
+}
+interface ILookupOutputs extends IOutputs$1 {
+    value?: ComponentFramework.LookupValue[];
+}
+interface IMetadata extends ComponentFramework.PropertyHelper.EntityMetadata {
+    DisplayName: string;
+    PrimaryNameAttribute: string;
+    PrimaryIdAttribute: string;
+}
+interface IEntity {
+    entityName: string;
+    selected: boolean;
+    metadata: Promise<IMetadata>;
+}
+
+declare const Lookup: (props: ILookup) => JSX.Element;
+
+declare const useLookup: (props: ILookup) => [ComponentFramework.LookupValue[], IEntity[], ITranslation<Partial<ITranslations<{
+    search: {
+        1033: string;
+        1029: string;
+    };
+    newRecord: {
+        1033: string;
+        1029: string;
+    };
+    searching: {
+        1033: string;
+        1029: string;
+    };
+    noRecordsFound: {
+        1033: string;
+        1029: string;
+    };
+    resultsFrom: {
+        1033: string;
+        1029: string;
+    };
+    noName: {
+        1033: string;
+        1029: string;
+    };
+    placeholder: {
+        1033: string;
+        1029: string;
+    };
+}>>>, {
+    create: (entityName: string) => void;
+    select: (record: ComponentFramework.LookupValue[] | undefined) => void;
+    deselect: (record: ComponentFramework.LookupValue) => void;
+}, (entityName: string | null) => void, (query: string) => Promise<ComponentFramework.LookupValue[]>, ITheme];
+
+interface IMultiSelectOptionSet extends IControl<IMultiSelectOptionSetParameters, IMultiSelectOptionSetOutputs, any, IComboBoxProps> {
+}
+interface IMultiSelectOptionSetParameters extends IInputParameters {
+    value: IMultiSelectOptionSetProperty;
+}
+interface IMultiSelectOptionSetOutputs extends IOutputs$1 {
+    value?: number[];
+}
+
+declare const MultiSelectOptionSet: (props: IMultiSelectOptionSet) => JSX.Element;
+
+interface IOptionSet extends IControl<IOptionSetParameters, IOptionSetOutputs, any, IComboBoxProps> {
+}
+interface IOptionSetParameters extends IInputParameters {
+    value: IOptionSetProperty;
+}
+interface IOptionSetOutputs extends IOutputs$1 {
+    value?: number;
+}
+
+declare const OptionSet: (props: IOptionSet) => JSX.Element;
+
+interface ITextField extends IControl<ITextFieldParameters, ITextFieldOutputs, any, ITextFieldProps> {
+}
+interface ITextFieldParameters extends IInputParameters {
+    isResizable?: ITwoOptionsProperty;
+    EnableTypeSuffix?: ITwoOptionsProperty;
+    value: IStringProperty;
+}
+interface ITextFieldOutputs extends IOutputs$1 {
+    value?: string;
+}
+
+declare const TextField: (props: ITextField) => JSX.Element;
+
+interface ITwoOptions extends IControl<ITwoOptionsParameters, ITwoOptionsOutputs, any, IToggleProps> {
+}
+interface ITwoOptionsParameters extends IBaseParameters {
+    value: ITwoOptionsProperty;
+}
+interface ITwoOptionsOutputs extends IOutputs$1 {
+    value?: boolean;
+}
+
+declare const TwoOptions: (props: ITwoOptions) => JSX.Element;
+
+declare class Numeral {
+    static decimal(formatting: ComponentFramework.UserSettingApi.NumberFormattingInfo): void;
+    static currency(formatting: ComponentFramework.UserSettingApi.NumberFormattingInfo): void;
+    private static get _locales();
+}
 
-export { IComponentController, useComponent };
+export { DateTime, Decimal, Duration, Grid, IControl, IControlController, IDatasetProperty, IDateTime, IDateTimeOutputs, IDateTimeParameters, IDateTimeProperty, IDecimal, IDecimalNumberProperty, IDecimalOutputs, IDecimalParameters, IDefaultTranslations, IDuration, IDurationOutputs, IDurationParameters, IEntity, IEntityColumn, IEntityRecord, IGrid, IGridOutputs, IGridParameters, ILookup, ILookupOutputs, ILookupParameters, ILookupProperty, IMetadata, IMultiSelectOptionSet, IMultiSelectOptionSetOutputs, IMultiSelectOptionSetParameters, IMultiSelectOptionSetProperty, IOptionSet, IOptionSetOutputs, IOptionSetParameters, IOptionSetProperty, IOutputs, IParameters$1 as IParameters, IProperty, IStringProperty, ITextField, ITextFieldOutputs, ITextFieldParameters, ITranslation, ITranslations, ITwoOptions, ITwoOptionsOutputs, ITwoOptionsParameters, ITwoOptionsProperty, IWholeNumberProperty, Lookup, MultiSelectOptionSet, Numeral, OptionSet, TextField, TwoOptions, useControl, useControlSizing, useControlTheme, useDateTime, useFocusIn, useInputBasedControl, useLookup, useMouseOver };