@talxis/base-controls 1.2410.3 → 1.2410.5

package/dist/index.d.ts

@@ -1,8 +1,70 @@
 /// <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';
+import { AgGridReactProps } from '@ag-grid-community/react';
+import { IDataset } from '@talxis/client-libraries';
+
+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[];
+    };
+    /**
+     * Gets all views for entity (including non-lookup ones).
+     */
+    getAllViews: (entityName: string) => Promise<{
+        isDefault: boolean;
+        viewId: string;
+        fetchXml?: string;
+    }[]>;
+}
 
 interface IOutputs$1 {
     [key: string]: any;
@@ -26,6 +88,229 @@ type ITranslations<T> = {
     [Property in keyof T]: T[Property] extends string[] ? string[] : string;
 };
 
+interface IOutputs {
+    [key: string]: any;
+}
+interface IParameters$1 {
+    [key: string]: IProperty | undefined;
+}
+
+interface ITheme extends ITheme$1 {
+    effects: ITheme$1['effects'] & {
+        underlined?: boolean;
+    };
+}
+
+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 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 {
+    /**
+    * 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;
+    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;
@@ -279,399 +564,85 @@ declare const gridTranslations: {
         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 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[];
-    };
-    /**
-     * Gets all views for entity (including non-lookup ones).
-     */
-    getAllViews: (entityName: string) => Promise<{
-        isDefault: boolean;
-        viewId: 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$1 {
-    [key: string]: IProperty | undefined;
-}
-
-interface ITheme extends ITheme$1 {
-    effects: ITheme$1['effects'] & {
-        underlined?: boolean;
+    "paging-pages-totalcount": {
+        1029: string;
+        1033: string;
     };
-}
-
-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;
+    norecordsfound: {
+        1029: string;
+        1033: string;
     };
-    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 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 {
-    /**
-    * 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: {
+    "saving-changenotification": {
         1029: string;
         1033: string;
     };
-    goToToday: {
+    "saving-save": {
         1029: string;
         1033: string;
     };
-    invalidTimeInput: {
+    "saving-saving": {
         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: {
+    "saving-changepreview-title": {
+        1033: string;
+        1029: string;
+    };
+    "saving-validation-error": {
         1029: string;
         1033: string;
     };
-    goToToday: {
+    "validation-input-value": {
         1029: string;
         1033: string;
     };
-    invalidTimeInput: {
+    "validation-email": {
         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[];
+    "validation-url": {
+        1029: string;
+        1033: string;
     };
-    minutes: {
-        1029: string[];
-        1033: string[];
+    "validation-date": {
+        1029: string;
+        1033: string;
     };
-    hour: {
-        1029: string[];
-        1033: string[];
+    "validation-number": {
+        1029: string;
+        1033: string;
     };
-    hours: {
-        1029: string[];
-        1033: string[];
+    "no-name": {
+        1029: string;
+        1033: string;
     };
-    day: {
-        1029: string[];
-        1033: string[];
+    download: {
+        1029: string;
+        1033: string;
     };
-    days: {
-        1029: string[];
-        1033: string[];
+    "value-not-editable": {
+        1029: string;
+        1033: string;
     };
 };
 
-interface IDuration extends IControl<IDurationParameters, IDurationOutputs, Partial<ITranslations<ReturnType<typeof getDefaultDurationTranslations>>>, IComboBoxProps> {
+interface IGrid extends IControl<IGridParameters, IGridOutputs, Partial<ITranslation<typeof gridTranslations>>, AgGridReactProps> {
 }
-interface IDurationParameters extends IInputParameters {
-    value: IWholeNumberProperty;
+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'>;
+    Height?: IStringProperty;
+    InlineRibbonButtonIds?: IStringProperty;
+    SelectableRows?: Omit<ComponentFramework.PropertyTypes.EnumProperty<"none" | "single" | "multiple">, 'type'>;
+    Grid: IDataset;
 }
-interface IDurationOutputs extends IOutputs$1 {
-    value?: number;
+interface IGridOutputs extends IOutputs$1 {
 }
 
-declare const Duration: (props: IDuration) => JSX.Element;
-
 declare const Grid: (props: IGrid) => JSX.Element;
 
 declare const lookupTranslations: {
@@ -856,10 +827,23 @@ interface ITwoOptionsOutputs extends IOutputs$1 {
 
 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();
+declare const datasetControlTranslations: {
+    search: {
+        1029: string;
+        1033: string;
+    };
+    records: {
+        1029: string;
+        1033: string;
+    };
+};
+
+interface IDatasetControl extends IControl<IGridParameters, IGridOutputs, Partial<ITranslation<typeof datasetControlTranslations & typeof gridTranslations>>, any & {
+    onDatasetInit: () => void;
+}> {
+    EnableQuickFind?: Omit<ITwoOptionsProperty, 'attributes'>;
 }
 
-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, 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, Numeral, OptionSet, TextField, TwoOptions, useControl, useControlSizing, useControlTheme, useDateTime, useFocusIn, useInputBasedControl, useLookup, useMouseOver };
+declare const DatasetControl: (props: IDatasetControl) => JSX.Element;
+
+export { DatasetControl, DateTime, Decimal, Duration, Grid, IControl, IControlController, IDatasetControl, IDateTime, IDateTimeOutputs, IDateTimeParameters, IDateTimeProperty, IDecimal, IDecimalNumberProperty, IDecimalOutputs, IDecimalParameters, IDefaultTranslations, IDuration, IDurationOutputs, IDurationParameters, IEntity, 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, useDateTime, useFocusIn, useInputBasedControl, useLookup, useMouseOver };