@talxis/base-controls 1.2502.1 → 1.2503.1

package/dist/index.d.ts

@@ -1,8 +1,9 @@
 /// <reference types="@types/powerapps-component-framework" />
 /// <reference types="react" />
-import { ITheme, IDatePickerProps, ITextFieldProps, IComboBoxProps, ITagPickerProps } from '@talxis/react-components';
-import { DeepPartial, IDataset } from '@talxis/client-libraries';
-import { ITheme as ITheme$1, IToggleProps } from '@fluentui/react';
+import { ITheme, IDatePickerProps, ITextFieldProps, ITagPickerProps, IComboBoxProps } from '@talxis/react-components';
+import { DeepPartial, DataType, IDataset, IColumn, IRecord } from '@talxis/client-libraries';
+import { ITheme as ITheme$1, ThemeProviderProps, ILinkProps, ITextProps, IIconProps, IImageProps, ISpinnerProps, IShimmerProps, IMessageBar, IButtonProps, IToggleProps } from '@fluentui/react';
+import React$1 from 'react';
 import { AgGridReactProps } from '@ag-grid-community/react';
 
 type ExcludedProps = Pick<ComponentFramework.PropertyTypes.Property, 'formatted'>;
@@ -11,6 +12,10 @@ interface IProperty extends Omit<Partial<ComponentFramework.PropertyTypes.Proper
 interface IStringProperty extends IProperty, Partial<ComponentFramework.PropertyTypes.StringProperty> {
     raw: string | null;
 }
+interface IFileProperty extends IProperty {
+    raw: ComponentFramework.FileObject | null;
+    formatted: string;
+}
 interface IDecimalNumberProperty extends IProperty, Omit<Partial<ComponentFramework.PropertyTypes.DecimalNumberProperty>, 'attributes'> {
     raw: number | null;
     type: 'Whole.None' | 'Decimal' | 'Currency';
@@ -19,6 +24,7 @@ interface IDecimalNumberProperty extends IProperty, Omit<Partial<ComponentFramew
 }
 interface IWholeNumberProperty extends IProperty, Omit<Partial<ComponentFramework.PropertyTypes.WholeNumberProperty>, 'attributes'> {
     raw: number | null;
+    attributes?: Partial<ComponentFramework.PropertyHelper.FieldPropertyMetadata.DecimalNumberMetadata>;
 }
 interface IDateTimeProperty extends IProperty, Partial<ComponentFramework.PropertyTypes.DateTimeProperty> {
     raw: Date | null;
@@ -85,7 +91,7 @@ declare class ControlTheme {
     }): IFluentDesignState;
 }
 
-declare const useControlTheme: (fluentDesignLanguage?: IFluentDesignState) => ITheme$1;
+declare const useControlTheme: (fluentDesignLanguage?: IFluentDesignState) => ITheme;
 
 declare const useControlThemeGenerator: (primaryColor: string, backgroundColor: string, textColor: string, options?: {
     /**
@@ -99,13 +105,35 @@ declare const useControlThemeGenerator: (primaryColor: string, backgroundColor:
     applicationTheme?: ITheme$1;
 }) => IFluentDesignState;
 
+interface IThemeWrapper extends ThemeProviderProps {
+    fluentDesignLanguage?: ComponentFramework.FluentDesignState;
+    children?: React$1.ReactNode;
+}
+declare const ThemeWrapper: React$1.FC<IThemeWrapper>;
+
+type BaseControl = 'TextField' | 'OptionSet' | 'MultiSelectOptionSet' | 'DateTime' | 'Decimal' | 'Duration' | 'GridCellRenderer' | 'Lookup' | 'TwoOptions' | 'GridCellRenderer' | 'Grid' | 'DatasetControl' | 'NestedControl';
+declare class BaseControls {
+    static get TextField(): 'TextField';
+    static get OptionSet(): 'OptionSet';
+    static get MultiSelectOptionSet(): 'MultiSelectOptionSet';
+    static get DateTime(): 'DateTime';
+    static get Decimal(): 'Decimal';
+    static get Duration(): 'Duration';
+    static get GridCellRenderer(): 'GridCellRenderer';
+    static get Lookup(): 'Lookup';
+    static get TwoOptions(): 'TwoOptions';
+    static GetControlNameForDataType(dataType: DataType): "Decimal" | "TextField" | "OptionSet" | "MultiSelectOptionSet" | "DateTime" | "Duration" | "Lookup" | "TwoOptions";
+    static GetAll(): BaseControl[];
+    static IsBaseControl(name: string): boolean;
+}
+
 interface IOutputs$1 {
     [key: string]: any;
 }
 interface IContext extends ComponentFramework.Context<any> {
     fluentDesignLanguage?: IFluentDesignState;
 }
-interface IControl<TParameters, TOutputs, TTranslations, TComponentProps> {
+interface IControl<TParameters extends IParameters$1, TOutputs, TTranslations, TComponentProps> {
     context: IContext;
     parameters: TParameters;
     translations?: TTranslations;
@@ -128,7 +156,7 @@ interface IOutputs {
     [key: string]: any;
 }
 interface IParameters$1 {
-    [key: string]: IProperty | undefined;
+    [key: string]: IProperty | undefined | any;
 }
 
 type ITranslation<T> = {
@@ -138,6 +166,13 @@ interface IDefaultTranslations {
     [LCID: number]: string | string[];
     [key: string]: any;
 }
+interface ILabelsOptions<TTranslations> {
+    languageId: number;
+    translations?: TTranslations;
+    defaultTranslations?: IDefaultTranslations;
+}
+declare const useControlLabels: <TTranslations>(options: ILabelsOptions<TTranslations>) => Required<ITranslation<TTranslations>>;
+
 interface IControlController<TTranslations, TOutputs> {
     labels: Required<ITranslation<TTranslations>>;
     sizing: {
@@ -220,125 +255,6 @@ declare const useInputBasedControl: <TValue, TParameters extends IInputParameter
 
 declare const useMouseOver: (ref: React.RefObject<HTMLElement>) => boolean;
 
-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;
-    EnableMonthPicker?: ITwoOptionsProperty;
-    EnableDayPicker?: ITwoOptionsProperty;
-    /**
-* JSON array of dates that should not be selectable, example: ['2019-01-10', '2019-01-11']
-*/
-    RestrictedDates?: IStringProperty;
-    /**
-* JSON array of week days that should not be selectable (0 = Sunday,...6 = Saturday), example: [0,2,3]
-*/
-    RestrictedDaysOfWeek?: IStringProperty;
-}
-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?: Omit<ITwoOptionsProperty, 'attributes'>;
-}
-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 gridTranslations: {
     "condition-none": {
         1029: string;
@@ -712,6 +628,171 @@ interface IGridOutputs extends IOutputs$1 {
 
 declare const Grid: (props: IGrid) => JSX.Element;
 
+declare const datasetControlTranslations: {
+    search: {
+        1029: string;
+        1033: string;
+    };
+    records: {
+        1029: string;
+        1033: string;
+    };
+    generalError: {
+        1029: string;
+        1033: string;
+    };
+    reload: {
+        1029: string;
+        1033: string;
+    };
+};
+
+interface IDatasetControl extends IControl<IGridParameters, IGridOutputs, Partial<ITranslation<typeof datasetControlTranslations & typeof gridTranslations>>, any & {
+    onDatasetInit: () => void;
+}> {
+    EnableQuickFind?: Omit<ITwoOptionsProperty, 'attributes'>;
+}
+
+declare const DatasetControl: (props: IDatasetControl) => JSX.Element;
+
+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;
+    EnableMonthPicker?: ITwoOptionsProperty;
+    EnableDayPicker?: ITwoOptionsProperty;
+    /**
+* JSON array of dates that should not be selectable, example: ['2019-01-10', '2019-01-11']
+*/
+    RestrictedDates?: IStringProperty;
+    /**
+* JSON array of week days that should not be selectable (0 = Sunday,...6 = Saturday), example: [0,2,3]
+*/
+    RestrictedDaysOfWeek?: IStringProperty;
+}
+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?: Omit<ITwoOptionsProperty, 'attributes'>;
+}
+interface IDecimalOutputs extends IOutputs$1 {
+    value?: number;
+}
+
+declare const Decimal: (props: IDecimal) => JSX.Element;
+
+declare const getDefaultGridRendererTranslations: () => {
+    download: {
+        1029: string;
+        1033: string;
+    };
+};
+
+interface IGridCellRenderer extends IControl<IGridCellRendererParameters, {}, ReturnType<typeof getDefaultGridRendererTranslations>, IGridCellRendererComponentProps> {
+}
+interface IGridCellRendererParameters extends IParameters$1 {
+    value: any;
+    ColumnAlignment: Omit<ComponentFramework.PropertyTypes.EnumProperty<"left" | "center" | "right">, 'type'>;
+    CellType: Omit<ComponentFramework.PropertyTypes.EnumProperty<"renderer" | "editor">, 'type'>;
+    EnableNavigation: Omit<ITwoOptionsProperty, 'attributes'>;
+    PrefixIcon?: IStringProperty;
+    SuffixIcon?: IStringProperty;
+    Column: {
+        raw: IColumn;
+    };
+    Dataset: {
+        raw: IDataset;
+    };
+    Record: {
+        raw: IRecord;
+    };
+}
+interface IOptionSetProps {
+    containerProps: React.HTMLAttributes<HTMLDivElement>;
+    onGetOptionProps: (props: IOptionProps) => IOptionProps;
+}
+interface IOptionProps {
+    containerProps: ThemeProviderProps;
+    option: ComponentFramework.PropertyHelper.OptionMetadata;
+    textProps: ITextProps;
+}
+interface IGridCellRendererComponentProps {
+    onGetOptionSetProps: (props: IOptionSetProps) => IOptionSetProps;
+    onGetLinkProps: (props: ILinkProps) => ILinkProps;
+    rootContainerProps: ThemeProviderProps;
+    contentWrapperProps: React.HTMLAttributes<HTMLDivElement>;
+    textProps: ITextProps;
+    fileProps: {
+        containerProps: React.HTMLAttributes<HTMLDivElement>;
+        iconProps: Omit<IIconProps, 'iconName'> & {
+            onGetIconName: (iconName: string) => string;
+        };
+        imageProps: Omit<IImageProps, 'src'> & {
+            onGetSrc: (src: string) => string;
+        };
+        loadingProps: {
+            spinnerProps: ISpinnerProps;
+        };
+    };
+}
+
+declare const GridCellRenderer: (props: IGridCellRenderer) => JSX.Element;
+
 declare const lookupTranslations: {
     search: {
         1033: string;
@@ -857,6 +938,218 @@ interface IMultiSelectOptionSetOutputs extends IOutputs$1 {
 
 declare const MultiSelectOptionSet: (props: IMultiSelectOptionSet) => JSX.Element;
 
+interface IOptions {
+    onGetBindings: () => {
+        [key: string]: IBinding;
+    };
+    /**
+    * PCF Context of parent control using this class. It will be used as base for nested control PCF context.
+    */
+    parentPcfContext: ComponentFramework.Context<any, any>;
+    /**
+     * Custom PCF to be rendered, if not provided you will get Base Control props.
+     */
+    /**
+* Container element into which the control will be rendered in.
+*/
+    onGetContainerElement?: () => HTMLDivElement;
+    onGetControlName?: () => string;
+    callbacks?: {
+        onInit?: (instance: NestedControl) => void;
+        onGetControlStates?: () => IControlStates | undefined;
+        onNotifyOutputChanged?: (ouputs: any) => void;
+        /**
+         * Triggers when the control changes a state that should be visible in control renderer UI (for example loading)
+         */
+        onControlStateChanged?: () => void;
+    };
+    overrides?: {
+        onGetProps?: (props: IControl<any, any, any, any>) => IControl<any, any, any, any>;
+        onRender?: (control: NestedControl, defaultRender: () => Promise<void>) => void;
+        onUnmount?: (control: NestedControl, defaultUnmount: () => void) => void;
+    };
+}
+declare class NestedControl {
+    private _options;
+    private _pendingInitialRender;
+    private _errorMessage;
+    private _properties;
+    private _lastRenderedControlName;
+    private _hasCustomPcfBeenMounted;
+    private _customControlInstance;
+    private _customControlId;
+    private _manifest;
+    private _loading;
+    private _props;
+    private _mutationObserver;
+    private _destroyed;
+    private _initialized;
+    private _container;
+    private _hasControlBeenPatched;
+    constructor(options: IOptions);
+    getProps(): IControl<IParameters$1, any, any, any>;
+    refreshProps(): any;
+    getParameters(): {
+        [name: string]: IProperty;
+    };
+    isLoading(): boolean;
+    setLoading(loading: boolean): void;
+    getOptions(): IOptions;
+    render(): Promise<void>;
+    unmount(softUnmount?: boolean): void;
+    getErrorMessage(): string;
+    setError(message?: string): void;
+    isMountedPcfComponent(): boolean;
+    getContainer(): HTMLDivElement;
+    getControlName(): string;
+    getBindings(): {
+        [key: string]: IBinding;
+    };
+    getCustomControlId(): string;
+    private _overrideDecorator;
+    private _unmount;
+    private _render;
+    private _getCustomControlNameWithoutPrefix;
+    private _checkIfControlLoadedToDom;
+    private _getPropertiesFromBindings;
+    private _getPropertyInstance;
+    private _getPrimaryBindingName;
+    private _getManifestPrimaryBinding;
+    private _getManifest;
+    private _getCustomControlParameters;
+    private _patchUpdateView;
+    private _patchContext;
+    private _getFluentDesignLanguage;
+}
+
+declare const getDefaultNestedControlRendererTranslations: () => {
+    detail: {
+        1029: string;
+        1033: string;
+    };
+    control: {
+        1029: string;
+        1033: string;
+    };
+    failedToLoad: {
+        1029: string;
+        1033: string;
+    };
+};
+
+type ControlNameOptions = 'TextField' | 'OptionSet' | 'MultiSelectOptionSet' | 'Lookup' | 'Decimal' | 'Duration' | 'DateTime' | 'GridCellRenderer' | (string & {});
+interface INestedControlRenderer extends IControl<INestedControlRendererParameters, IOutputs$1, ReturnType<typeof getDefaultNestedControlRendererTranslations>, INestedControlRendererComponentProps> {
+}
+interface INestedControlRendererParameters extends IParameters$1 {
+    /**
+     * Specifies the name of the control to be rendered. This can be either a custom PCF control or a base control.
+     */
+    ControlName: ControlNameOptions;
+    /**
+     * Optional bindings that will be passed to the control. These bindings provide data and metadata to the control.
+     */
+    Bindings?: {
+        [key: string]: IBinding;
+    };
+    /**
+     * Specifies the type of loading indicator to display before the control is fully loaded.
+     * Options include 'spinner', 'shimmer', or 'none' for no loading indicator.
+     */
+    LoadingType?: 'spinner' | 'shimmer' | 'none';
+    /**
+     * Optional configuration to set the control's state, such as enabling or disabling the control.
+     */
+    ControlStates?: IControlStates;
+}
+interface INestedControlRendererComponentProps {
+    /**
+     * Props for the loading indicator that appears before the control is fully loaded.
+     */
+    loadingProps: {
+        spinnerProps: ISpinnerProps;
+        shimmerProps: IShimmerProps;
+        containerProps: React.HTMLAttributes<HTMLDivElement>;
+    };
+    /**
+     * Props for the message bar that displays error messages.
+     */
+    messageBarProps: IMessageBar & {
+        buttonProps: IButtonProps;
+    };
+    /**
+     * Props for the top-level container that wraps the control and other elements like the loading indicator.
+     */
+    rootContainerProps: React.HTMLAttributes<HTMLDivElement>;
+    /**
+     * Props for the container used to render the control.
+     */
+    controlContainerProps: React.HTMLAttributes<HTMLDivElement>;
+    /**
+     * Callback function that allows you to override the generated control props.
+     */
+    onOverrideControlProps: (props: IControl<any, any, any, any>) => IControl<any, any, any, any>;
+    /**
+     * Callback function that allows you to override the default control render.
+     */
+    onOverrideRender: (control: NestedControl, isCustomPcfComponent: boolean, defaultRender: () => void) => void;
+    /**
+     * Callback function that allows you to override the default control unmount behavior.
+     */
+    onOverrideUnmount: (control: NestedControl, defaultUnmount: () => void) => void;
+}
+interface IBinding {
+    /**
+     * The data type of the binding.
+     */
+    type: DataType;
+    /**
+     * Indicates whether the binding is static or bound.
+     */
+    isStatic: boolean;
+    /**
+     * The value of the binding.
+     */
+    value: any;
+    /**
+     * Indicates whether the binding has an error.
+     */
+    error?: boolean;
+    /**
+     * The error message associated with the binding, if any.
+     */
+    errorMessage?: string;
+    /**
+     * Optional metadata for the binding.
+     */
+    metadata?: {
+        /**
+         * The entity name associated with the binding.
+         */
+        entityName?: string;
+        /**
+         * The logical name of the attribute associated with the binding.
+         */
+        attributeName?: string;
+        /**
+         * Callback function to override the metadata for the binding.
+         * Always return the spread metadata attribute to ensure proper merging.
+         */
+        onOverrideMetadata?: (metadata: any) => any;
+    };
+    /**
+     * Callback function to notify when the binding's output value changes.
+     */
+    onNotifyOutputChanged?: (newValue: any) => void;
+}
+interface IControlStates {
+    /**
+     * Indicates whether the control is disabled.
+     */
+    isControlDisabled?: boolean;
+}
+
+declare const NestedControlRenderer: (props: INestedControlRenderer) => JSX.Element;
+
 interface IOptionSet extends IControl<IOptionSetParameters, IOptionSetOutputs, any, IComboBoxProps> {
 }
 interface IOptionSetParameters extends IInputParameters {
@@ -872,8 +1165,8 @@ declare const OptionSet: (props: IOptionSet) => JSX.Element;
 interface ITextField extends IControl<ITextFieldParameters, ITextFieldOutputs, any, ITextFieldProps> {
 }
 interface ITextFieldParameters extends IInputParameters {
-    isResizable?: ITwoOptionsProperty;
-    EnableTypeSuffix?: ITwoOptionsProperty;
+    isResizable?: Omit<ITwoOptionsProperty, 'attributes'>;
+    EnableTypeSuffix?: Omit<ITwoOptionsProperty, 'attributes'>;
     value: IStringProperty;
 }
 interface ITextFieldOutputs extends IOutputs$1 {
@@ -894,23 +1187,42 @@ interface ITwoOptionsOutputs extends IOutputs$1 {
 
 declare const TwoOptions: (props: ITwoOptions) => JSX.Element;
 
-declare const datasetControlTranslations: {
-    search: {
-        1029: string;
-        1033: string;
+declare const getDefaultDurationTranslations: () => {
+    minute: {
+        1029: string[];
+        1033: string[];
     };
-    records: {
-        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 IDatasetControl extends IControl<IGridParameters, IGridOutputs, Partial<ITranslation<typeof datasetControlTranslations & typeof gridTranslations>>, any & {
-    onDatasetInit: () => void;
-}> {
-    EnableQuickFind?: Omit<ITwoOptionsProperty, 'attributes'>;
+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 DatasetControl: (props: IDatasetControl) => JSX.Element;
+declare const Duration: (props: IDuration) => JSX.Element;
 
-export { ControlTheme, DatasetControl, DateTime, Decimal, Duration, Grid, IContext, IControl, IControlController, IDatasetControl, IDateTime, IDateTimeOutputs, IDateTimeParameters, IDateTimeProperty, IDecimal, IDecimalNumberProperty, IDecimalOutputs, IDecimalParameters, IDefaultTranslations, IDuration, IDurationOutputs, IDurationParameters, IEntity, IFluentDesignState, IGrid, IGridOutputs, IGridParameters, ILayout, 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, OptionSet, TextField, TwoOptions, useControl, useControlSizing, useControlTheme, useControlThemeGenerator, useDateTime, useFocusIn, useInputBasedControl, useLookup, useMouseOver };
+export { BaseControl, BaseControls, ControlTheme, DatasetControl, DateTime, Decimal, Duration, Grid, GridCellRenderer, IContext, IControl, IControlController, IDatasetControl, IDateTime, IDateTimeOutputs, IDateTimeParameters, IDateTimeProperty, IDecimal, IDecimalNumberProperty, IDecimalOutputs, IDecimalParameters, IDefaultTranslations, IDuration, IDurationOutputs, IDurationParameters, IEntity, IFileProperty, IFluentDesignState, IGrid, IGridOutputs, IGridParameters, ILayout, 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, NestedControlRenderer, OptionSet, TextField, ThemeWrapper, TwoOptions, useControl, useControlLabels, useControlSizing, useControlTheme, useControlThemeGenerator, useDateTime, useFocusIn, useInputBasedControl, useLookup, useMouseOver };