@talxis/base-controls 1.2508.2 → 1.2509.1-alpha.1

package/dist/index.d.ts

@@ -1,8 +1,9 @@
 /// <reference types="@types/powerapps-component-framework" />
+/// <reference types="powerapps-component-framework" />
 /// <reference types="react" />
-import { ITheme, ITextFieldProps, IDatePickerProps, ICommandBarProps, ITagPickerProps, IComboBoxProps } from '@talxis/react-components';
-import { DeepPartial, DataType, IDataset, Dataset, IDataProvider, PowerAppsDatasetProvider, AggregationFunction, IColumn, IRecord, ICommand } from '@talxis/client-libraries';
-import { ITheme as ITheme$1, ThemeProviderProps, ITextProps, ILinkProps, ILabelProps, IIconProps, IImageProps, ISpinnerProps, IShimmerProps, IMessageBar, IButtonProps, IToggleProps } from '@fluentui/react';
+import { ITheme, ICommandBarProps, ITextFieldProps, IDatePickerProps, ITagPickerProps, IComboBoxProps } from '@talxis/react-components';
+import { DeepPartial, DataType, IDataset, Dataset, IDataProvider, PowerAppsDatasetProvider, IRawRecord, IColumn, IAttributeMetadata, AggregationFunction, IRecord } from '@talxis/client-libraries';
+import { ITheme as ITheme$1, ThemeProviderProps, IButtonProps, IShimmerProps, IMessageBarProps, ILabelProps, IIconProps, ITextProps, ILinkProps, IImageProps, ISpinnerProps, IMessageBar, IToggleProps } from '@fluentui/react';
 import React$1 from 'react';
 import { AgGridReactProps } from '@ag-grid-community/react';
 
@@ -14,7 +15,7 @@ interface IStringProperty extends IProperty, Partial<ComponentFramework.Property
 }
 interface IFileProperty extends IProperty {
     raw: ComponentFramework.FileObject | null;
-    formatted: string;
+    formatted?: string;
 }
 interface IDecimalNumberProperty extends IProperty, Omit<Partial<ComponentFramework.PropertyTypes.DecimalNumberProperty>, 'attributes'> {
     raw: number | null;
@@ -109,9 +110,9 @@ interface IThemeWrapper extends ThemeProviderProps {
     fluentDesignLanguage?: ComponentFramework.FluentDesignState;
     children?: React$1.ReactNode;
 }
-declare const ThemeWrapper: React$1.FC<IThemeWrapper>;
+declare const ThemeWrapper: (props: IThemeWrapper) => JSX.Element;
 
-type BaseControl = 'TextField' | 'OptionSet' | 'MultiSelectOptionSet' | 'DateTime' | 'Decimal' | 'Duration' | 'GridCellRenderer' | 'Lookup' | 'TwoOptions' | 'GridCellRenderer' | 'Grid' | 'DatasetControl' | 'NestedControl';
+type BaseControl = 'TextField' | 'OptionSet' | 'MultiSelectOptionSet' | 'DateTime' | 'Decimal' | 'Duration' | 'GridCellRenderer' | 'Lookup' | 'TwoOptions' | 'GridCellRenderer' | 'Grid' | 'DatasetControl' | 'NestedControl' | 'GridColumnHeader';
 declare class BaseControls {
     static get TextField(): 'TextField';
     static get OptionSet(): 'OptionSet';
@@ -122,6 +123,7 @@ declare class BaseControls {
     static get GridCellRenderer(): 'GridCellRenderer';
     static get Lookup(): 'Lookup';
     static get TwoOptions(): 'TwoOptions';
+    static get GridColumnHeader(): 'GridColumnHeader';
     static GetControlNameForDataType(dataType: DataType): "Decimal" | "TextField" | "OptionSet" | "MultiSelectOptionSet" | "DateTime" | "Duration" | "Lookup" | "TwoOptions";
     static GetAll(): BaseControl[];
     static IsBaseControl(name: string): boolean;
@@ -188,12 +190,14 @@ interface IOutputs$2 {
     DatasetControl?: any;
 }
 interface IParameterGetters {
-    dataProviderType: "Memory" | "FetchXml" | 'Custom';
-    onGetData: () => string | null;
-    onGetColumns: () => string | null;
-    onGetEntityMetadata: () => string | null;
-    customDataProvider?: IDataProvider;
+    DataProviderClass: {
+        new (...args: any[]): IDataProvider;
+    };
+    onGetDataSource: () => string | IRawRecord[];
+    onGetColumns?: () => string | IColumn[];
+    onGetEntityMetadata?: () => string | IAttributeMetadata;
     onGetHeight?: () => string | null;
+    onGetGroupingType?: () => 'nested' | 'flat';
     /**
      * Callback that gets triggered and awaited before the dataset is initialized. Useful for setting initialization code that needs to run before the dataset is ready.
      */
@@ -204,30 +208,23 @@ interface IParameterGetters {
  *
  */
 declare class VirtualDatasetAdapter {
-    private _providerClasses;
     private _dataset;
-    private _parsedData;
-    private _lastUsedColumns;
-    private _lastUsedData;
-    private _lastUsedMetadata;
-    private _dataProviderClass;
     private _container;
     private _notifyOutputChanged;
     private _resolveGetOutputs;
     private _getOutputsPromise;
     private _parameters;
-    init(notifyOutputChanged: () => void, container: HTMLDivElement, parameters: IParameterGetters): this;
-    updateView(): void;
+    private _initialized;
+    init(notifyOutputChanged: () => void, container: HTMLDivElement, parameters: IParameterGetters): VirtualDatasetAdapter;
+    updateView(context: ComponentFramework.Context<any, IOutputs$2>, renderComponent: () => void): void;
     getDataset(): Dataset<IDataProvider>;
     destroy(): void;
     getOutputs(): IOutputs$2;
     private _onDatasetInit;
-    private _getData;
     private _getColumns;
     private _shouldMergeColumns;
     private _getMergedColumns;
     private _getEntityMetadata;
-    private _refreshOnChange;
     private _getFullTabStyles;
 }
 
@@ -283,6 +280,7 @@ interface IControlController<TTranslations, TOutputs> {
         width?: number;
         height?: number;
     };
+    className: string;
     theme: ITheme;
     onNotifyOutputChanged: (outputs: TOutputs) => void;
 }
@@ -360,182 +358,6 @@ declare const useInputBasedControl: <TValue, TParameters extends IInputParameter
 declare const useMouseOver: (ref: React.RefObject<HTMLElement>) => boolean;
 
 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;
-    };
-    "condition-between": {
-        1029: string;
-        1033: string;
-    };
-    "condition-notbetween": {
-        1029: string;
-        1033: string;
-    };
     "filtermenu-filterby": {
         1029: string;
         1033: string;
@@ -628,6 +450,14 @@ declare const gridTranslations: {
         1029: string;
         1033: string;
     };
+    "filtersortmenu-group": {
+        1029: string;
+        1033: string;
+    };
+    "filtersortmenu-ungroup": {
+        1029: string;
+        1033: string;
+    };
     norecordsfound: {
         1029: string;
         1033: string;
@@ -676,6 +506,18 @@ declare const gridTranslations: {
         1029: string;
         1033: string;
     };
+    "saving-autosave-success": {
+        1029: string;
+        1033: string;
+    };
+    "saving-autosave-error": {
+        1029: string;
+        1033: string;
+    };
+    "saving-unsaved-changes": {
+        1029: string;
+        1033: string;
+    };
     "saving-discard-all-confirmation": {
         1029: string;
         1033: string;
@@ -720,10 +562,6 @@ declare const gridTranslations: {
         1029: string;
         1033: string;
     };
-    "error-2147750198": {
-        1029: string;
-        1033: string;
-    };
 };
 
 interface IGridComponentProps {
@@ -741,16 +579,25 @@ interface IGridParameters extends IParameters$1 {
     EnableFiltering?: Omit<ITwoOptionsProperty, 'attributes'>;
     EnableSorting?: Omit<ITwoOptionsProperty, 'attributes'>;
     EnableNavigation?: Omit<ITwoOptionsProperty, 'attributes'>;
+    EnableQuickFind?: Omit<ITwoOptionsProperty, 'attributes'>;
     EnableOptionSetColors?: Omit<ITwoOptionsProperty, 'attributes'>;
+    ShowRecordCount?: Omit<ITwoOptionsProperty, 'attributes'>;
     EnableChangeEditor?: Omit<ITwoOptionsProperty, 'attributes'>;
     EnableMultiEdit?: Omit<ITwoOptionsProperty, 'attributes'>;
     EnableZebra?: Omit<ITwoOptionsProperty, 'attributes'>;
+    EnableGrouping?: Omit<ITwoOptionsProperty, 'attributes'>;
     EnableAggregation?: Omit<ITwoOptionsProperty, 'attributes'>;
+    EnableGroupedColumnsPinning?: Omit<ITwoOptionsProperty, 'attributes'>;
+    EnableCommandBar?: Omit<ITwoOptionsProperty, 'attributes'>;
     RowHeight?: Omit<IWholeNumberProperty, 'attributes'>;
     EnablePageSizeSwitcher?: Omit<ITwoOptionsProperty, 'attributes'>;
+    EnableAutoSave?: Omit<ITwoOptionsProperty, 'attributes'>;
+    DefaultExpandedGroupLevel?: Omit<IWholeNumberProperty, 'attributes'>;
     Height?: IStringProperty;
     InlineRibbonButtonIds?: IStringProperty;
+    GroupType?: Omit<ComponentFramework.PropertyTypes.EnumProperty<"nested" | "flat">, 'type'>;
     SelectableRows?: Omit<ComponentFramework.PropertyTypes.EnumProperty<"none" | "single" | "multiple">, 'type'>;
+    LicenseKey?: IStringProperty;
     Grid: IDataset;
 }
 interface IGridOutputs extends IOutputs$1 {
@@ -775,9 +622,14 @@ declare const datasetControlTranslations: {
         1029: string;
         1033: string;
     };
-};
-
-declare const datasetPagingTranslations: {
+    "unsaved-changes": {
+        1029: string;
+        1033: string;
+    };
+    "saving-discard-all-confirmation": {
+        1029: string;
+        1033: string;
+    };
     "paging-of": {
         1029: string;
         1033: string;
@@ -816,67 +668,62 @@ declare const datasetPagingTranslations: {
     };
 };
 
-interface IDatasetPaging extends IControl<IDatasetPagingParameters, any, Partial<ITranslations<typeof datasetPagingTranslations>>, any> {
-}
-interface IDatasetPagingParameters extends IParameters$1 {
-    Dataset: IDataset;
-    /**
-     * If set to false, the user will not be able to navigate through pages. The component will still display the total number of records and the current page.
-     */
-    EnablePagination?: Omit<ITwoOptionsProperty, 'attributes'>;
+interface IDatasetControl extends IControl<IGridParameters, IGridOutputs, Partial<ITranslation<typeof datasetControlTranslations & typeof gridTranslations>>, IDatasetControlComponentProps> {
     /**
-     * If set to false, the user will not be able to change the page size.
+     * Tells the Dataset control which UI component should be used for the dataset.
      */
-    EnablePageSizeSwitcher?: Omit<ITwoOptionsProperty, 'attributes'>;
+    onGetControlComponent: (props: IControl<IGridParameters, any, any, any>) => React$1.ReactElement<IControl<any, any, any, any>>;
 }
-
-declare const DatasetPaging: (props: IDatasetPaging) => JSX.Element;
-
-type ILabels = Required<ITranslation<typeof datasetPagingTranslations>>;
-declare class Paging {
-    private _getParameters;
-    private _getLabels;
-    constructor(getParameters: () => IDatasetPagingParameters, getLabels: () => ILabels);
-    get pageNumber(): number;
-    get pageSize(): number;
-    get totalResultCount(): number;
-    get hasPreviousPage(): boolean;
-    get hasNextPage(): boolean;
-    get pageFirstRecordOrder(): number;
-    get formattedTotalResultCount(): string;
-    get pageLastRecordOrder(): string;
-    get isEnabled(): boolean;
-    loadNextPage(): void;
-    loadPreviousPage(): void;
-    loadExactPage(pageNumber: number): void;
-    setPageSize(pageSize: number): void;
-    reset(): void;
-    toString(): string;
-    private _getDataset;
+interface IDatasetControlComponentProps {
+    onRender: (props: IComponentProps$1, defaultRender: (props: IComponentProps$1) => React$1.ReactElement) => React$1.ReactElement;
 }
-
-interface IQuickFindProps {
-    textFieldProps: ITextFieldProps;
+interface IComponentProps$1 {
     container: ThemeProviderProps;
+    onRenderControlContainer: (props: IControlContainerProps, defaultRender: (props: IControlContainerProps) => React$1.ReactElement) => React$1.ReactElement;
+    onRenderHeader: (props: IHeaderProps, defaultRender: (props: IHeaderProps) => React$1.ReactElement) => React$1.ReactElement;
+    onRenderFooter: (props: IFooterProps, defaultRender: (props: IFooterProps) => React$1.ReactElement) => React$1.ReactElement;
 }
-interface IDatasetControlComponentProps {
-    onDatasetInit: () => void;
-    containerProps: ThemeProviderProps;
-    headerProps: {
-        headerContainerProps: React$1.HTMLAttributes<HTMLDivElement>;
-        /**
-         * Can be used to override the default header renderer (includes QuickFind).
-         */
-        onRender: (renderQuickFind: () => React$1.ReactElement) => React$1.ReactElement;
-        onGetQuickFindProps: (props: IQuickFindProps) => IQuickFindProps;
-    };
-    onRenderPagination: (props: IDatasetPaging, renderPagination: (props: IDatasetPaging) => React$1.ReactElement<IDatasetPaging>) => React$1.ReactElement;
+interface IControlContainerProps {
+    controlContainerProps: React$1.HTMLAttributes<HTMLDivElement>;
 }
-interface IDatasetControl extends IControl<IGridParameters, IGridOutputs, Partial<ITranslation<typeof datasetControlTranslations & typeof gridTranslations>>, IDatasetControlComponentProps> {
-    /**
-     * Tells the Dataset control which UI component should be used for the dataset.
-     */
-    onGetControlComponent: (props: IControl<IGridParameters, any, any, any>) => React$1.ReactElement<IControl<any, any, any, any>>;
+interface IFooterProps {
+    footerContainerProps: React$1.HTMLAttributes<HTMLDivElement>;
+    onRenderPagination: (props: IPaginationProps, defaultRender: (props: IPaginationProps) => React$1.ReactElement) => React$1.ReactElement;
+}
+interface IPaginationProps {
+    paginationContainerProps: React$1.HTMLAttributes<HTMLDivElement>;
+    commandBarProps: ICommandBarProps;
+    pageSizeSwitcherProps: IButtonProps;
+    onRenderCommandBar: (props: ICommandBarProps, defaultRender: (props: ICommandBarProps) => React$1.ReactElement) => React$1.ReactElement;
+    onRenderPageSizeSwitcher: (props: IButtonProps, defaultRender: (props: IButtonProps) => React$1.ReactElement) => React$1.ReactElement;
+}
+interface IHeaderProps {
+    headerContainerProps: React$1.HTMLAttributes<HTMLDivElement>;
+    onRenderRibbonQuickFindWrapper: (props: IRibbonQuickFindWrapperProps, defaultRender: (props: IRibbonQuickFindWrapperProps) => React$1.ReactElement) => React$1.ReactElement;
+    onRenderErrorMessageBar: (props: IErrorMessageBarProps, defaultRender: (props: IErrorMessageBarProps) => React$1.ReactElement) => React$1.ReactElement;
+    onRenderUnsavedChangesMessageBar: (props: IUnsavedChangesMesssageBarProps, defaultRender: (props: IUnsavedChangesMesssageBarProps) => React$1.ReactElement) => React$1.ReactElement;
+}
+interface IRibbonQuickFindWrapperProps {
+    ribbonQuickFindContainerProps: React$1.HTMLAttributes<HTMLDivElement>;
+    onRenderQuickFind: (props: IQuickFindProps, defaultRender: (props: IQuickFindProps) => React$1.ReactElement) => React$1.ReactElement;
+    onRenderRibbon: (props: IRibbonProps, defaultRender: (props: IRibbonProps) => React$1.ReactElement) => React$1.ReactElement;
+}
+interface IRibbonProps {
+    onRenderCommandBar: (props: ICommandBarProps, defaultRender: (props: ICommandBarProps) => React$1.ReactElement) => React$1.ReactElement;
+    onRenderLoading: (props: IShimmerProps, defaultRender: (props: IShimmerProps) => React$1.ReactElement) => React$1.ReactElement;
+}
+interface IErrorMessageBarProps {
+    messageBarProps: IMessageBarProps;
+    onRenderMessageBar: (props: IMessageBarProps, defaultRender: (props: IMessageBarProps) => React$1.ReactElement) => React$1.ReactElement;
+}
+interface IUnsavedChangesMesssageBarProps {
+    messageBarProps: IMessageBarProps;
+    onRenderSaveBtn: (props: IButtonProps, defaultRender: (props: IButtonProps) => React$1.ReactElement) => React$1.ReactElement;
+    onRenderDiscardBtn: (props: IButtonProps, defaultRender: (props: IButtonProps) => React$1.ReactElement) => React$1.ReactElement;
+}
+interface IQuickFindProps {
+    textFieldProps: ITextFieldProps;
+    onRenderTextField: (props: ITextFieldProps, defaultRender: (props: ITextFieldProps) => React$1.ReactElement) => React$1.ReactElement;
 }
 
 declare const DatasetControl: (props: IDatasetControl) => JSX.Element;
@@ -963,7 +810,7 @@ interface IDecimalOutputs extends IOutputs$1 {
 
 declare const Decimal: (props: IDecimal) => JSX.Element;
 
-declare const getDefaultGridRendererTranslations: () => {
+declare const gridGroupCellRendererTranslations: {
     download: {
         1029: string;
         1033: string;
@@ -994,64 +841,75 @@ declare const getDefaultGridRendererTranslations: () => {
     };
 };
 
-interface IGridCellRenderer extends IControl<IGridCellRendererParameters, {}, ReturnType<typeof getDefaultGridRendererTranslations>, IGridCellRendererComponentProps> {
+interface IGridCellRenderer extends IControl<IGridCellRendererParameters, {}, typeof gridGroupCellRendererTranslations, 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;
     AggregationFunction: Omit<ComponentFramework.PropertyTypes.EnumProperty<AggregationFunction | null>, 'type'>;
+    AggregatedValue: IDecimalNumberProperty | IWholeNumberProperty;
     Column: {
         raw: IColumn;
     };
+    /**
+     * This dataset instance is always the main dataset, even if the current cell is being rendered via a child data provider.
+     * You can access the child DataProvider via the `getDataProvider()` method on the record instance.
+     */
     Dataset: {
         raw: IDataset;
     };
     Record: {
         raw: IRecord;
     };
-    RecordCommands?: {
-        raw: ICommand[];
-    };
-}
-interface IOptionSetProps {
-    containerProps: React.HTMLAttributes<HTMLDivElement>;
-    onGetOptionProps: (props: IOptionProps) => IOptionProps;
+    PrefixIcon: IStringProperty;
+    SuffixIcon: IStringProperty;
 }
-interface IOptionProps {
-    containerProps: ThemeProviderProps;
-    option: ComponentFramework.PropertyHelper.OptionMetadata;
-    textProps: ITextProps;
+interface IGridCellRendererComponentProps {
+    onRender: (props: IComponentProps, defaultRender: (props: IComponentProps) => React.ReactElement) => React.ReactElement;
 }
-interface IRecordCommandsProps {
-    containerProps: ThemeProviderProps;
-    commandBarProps: ICommandBarProps;
+interface IComponentProps {
+    container: ThemeProviderProps;
+    onRenderContentContainer: (props: IContentContainerProps, defaultRender: (props: IContentContainerProps) => React.ReactElement) => React.ReactElement;
+    onRenderAggregationLabel: (props: ILabelProps, defaultRender: (props: ILabelProps) => React.ReactElement) => React.ReactElement;
+}
+interface IContentContainerProps {
+    container: React.HTMLAttributes<HTMLDivElement>;
+    onRenderPrefixIcon: (props: IIconProps, defaultRender: (props: IIconProps) => React.ReactElement) => React.ReactElement;
+    onRenderSuffixIcon: (props: IIconProps, defaultRender: (props: IIconProps) => React.ReactElement) => React.ReactElement;
+    onRenderInnerContainer: (props: IInnerContentContainerProps, defaultRender: (props: IInnerContentContainerProps) => React.ReactElement) => React.ReactElement;
+}
+interface IInnerContentContainerProps {
+    container: React.HTMLAttributes<HTMLDivElement>;
+    onRenderAggregatedValue: (props: ITextProps, defaultRender: (props: ITextProps) => React.ReactElement) => React.ReactElement;
+    onRenderValueContainer: (props: IValueContainerProps, defaultRender: (props: IValueContainerProps) => React.ReactElement) => React.ReactElement;
+}
+interface IValueContainerProps {
+    container: React.HTMLAttributes<HTMLDivElement>;
+    onRenderValue: (props: IValueRendererProps, defaultRender: (props: IValueRendererProps) => React.ReactElement) => React.ReactElement;
+}
+interface IValueRendererProps {
+    onRenderPlaceholder: (props: ITextProps, defaultRender: (props: ITextProps) => React.ReactElement) => React.ReactElement;
+    onRenderText: (props: ITextProps, defaultRender: (props: ITextProps) => React.ReactElement) => React.ReactElement;
+    onRenderLink: (props: ILinkProps, defaultRender: (props: ILinkProps) => React.ReactElement) => React.ReactElement;
+    onRenderFile: (props: IFileRendererProps, defaultRender: (props: IFileRendererProps) => React.ReactElement) => React.ReactElement;
+    onRenderColorfulOptionSet: (props: IColorfulOptionSetValueRendererProps, defaultRender: (props: IColorfulOptionSetValueRendererProps) => React.ReactElement) => React.ReactElement;
+}
+interface IColorfulOptionSetValueRendererProps {
+    container: React.HTMLAttributes<HTMLDivElement>;
+    onRenderOption: (props: IColorfulOptionValueRendererProps, defaultRender: (props: IColorfulOptionValueRendererProps) => React.ReactElement) => React.ReactElement;
+}
+interface IColorfulOptionValueRendererProps {
+    container: ThemeProviderProps;
+    onRenderText: (props: ITextProps, defaultRender: (props: ITextProps) => React.ReactElement) => React.ReactElement;
 }
-interface IGridCellRendererComponentProps {
-    onGetOptionSetProps: (props: IOptionSetProps) => IOptionSetProps;
-    onGetLinkProps: (props: ILinkProps) => ILinkProps;
-    onGetRecordCommandsProps: (props: IRecordCommandsProps) => IRecordCommandsProps;
-    onRenderContent: (defaultRenderer: () => JSX.Element) => JSX.Element;
-    onRenderAggregationLabel: (props: ILabelProps, defaultRenderer: (props: ILabelProps) => React.ReactElement) => React.ReactElement;
-    rootContainerProps: ThemeProviderProps;
-    prefixSuffixWrapperProps: React.HTMLAttributes<HTMLDivElement>;
-    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;
-        };
-    };
+interface IFileRendererProps {
+    container: React.HTMLAttributes<HTMLDivElement>;
+    onRenderFileAttachmentIcon: (props: IIconProps, defaultRender: (props: IIconProps) => React.ReactElement) => React.ReactElement;
+    onRenderImageThumbnail: (props: IImageProps, defaultRender: (props: IImageProps) => React.ReactElement) => React.ReactElement;
+    onRenderLoading: (props: ISpinnerProps, defaultRender: (props: ISpinnerProps) => React.ReactElement) => React.ReactElement;
+    onRenderLink: (props: ILinkProps, defaultRender: (props: ILinkProps) => React.ReactElement) => React.ReactElement;
 }
 
 declare const GridCellRenderer: (props: IGridCellRenderer) => JSX.Element;
@@ -1239,6 +1097,7 @@ interface IOptions {
         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;
+        onIsLoading?: () => boolean;
     };
 }
 declare class NestedControl {
@@ -1260,6 +1119,7 @@ declare class NestedControl {
     private _hasControlBeenPatched;
     constructor(options: IOptions);
     getProps(): IControl<IParameters$1, any, any, any>;
+    getControlInstance(): ComponentFramework.StandardControl<any, any, ComponentFramework.IEventBag> | null;
     refreshProps(): any;
     getParameters(): {
         [name: string]: IProperty;
@@ -1368,6 +1228,10 @@ interface INestedControlRendererComponentProps {
      * Callback function that allows you to override the default control unmount behavior.
      */
     onOverrideUnmount: (control: NestedControl, defaultUnmount: () => void) => void;
+    /**
+     * Can be used to override the loading state of the control.
+     */
+    onOverrideIsLoading: () => boolean;
 }
 interface IBinding {
     /**
@@ -1501,4 +1365,4 @@ interface IDurationOutputs extends IOutputs$1 {
 
 declare const Duration: (props: IDuration) => JSX.Element;
 
-export { BaseControl, BaseControls, ControlTheme, DatasetAdapter, DatasetControl, DatasetPaging, DateTime, Decimal, Duration, Grid, GridCellRenderer, IContext, IControl, IControlController, IDatasetControl, IDatasetControlComponentProps, IDatasetPaging, IDatasetPagingParameters, IDateTime, IDateTimeOutputs, IDateTimeParameters, IDateTimeProperty, IDecimal, IDecimalNumberProperty, IDecimalOutputs, IDecimalParameters, IDefaultTranslations, IDuration, IDurationOutputs, IDurationParameters, IEntity, IFileProperty, IFluentDesignState, IGrid, IGridCellRenderer, IGridCellRendererComponentProps, IGridCellRendererParameters, IGridComponentProps, IGridOutputs, IGridParameters, ILayout, ILookup, ILookupOutputs, ILookupParameters, ILookupProperty, IMetadata, IMultiSelectOptionSet, IMultiSelectOptionSetOutputs, IMultiSelectOptionSetParameters, IMultiSelectOptionSetProperty, IOptionProps, IOptionSet, IOptionSetOutputs, IOptionSetParameters, IOptionSetProperty, IOptionSetProps, IOutputs, IParameters$1 as IParameters, IProperty, IQuickFindProps, IRecordCommandsProps, IStringProperty, ITextField, ITextFieldOutputs, ITextFieldParameters, ITranslation, ITranslations, ITwoOptions, ITwoOptionsOutputs, ITwoOptionsParameters, ITwoOptionsProperty, IWholeNumberProperty, Lookup, MultiSelectOptionSet, NestedControlRenderer, OptionSet, Paging, TextField, ThemeWrapper, TwoOptions, VirtualDatasetAdapter, useControl, useControlLabels, useControlSizing, useControlTheme, useControlThemeGenerator, useDateTime, useFocusIn, useInputBasedControl, useLookup, useMouseOver };
+export { BaseControl, BaseControls, ControlTheme, DatasetAdapter, DatasetControl, DateTime, Decimal, Duration, Grid, GridCellRenderer, IColorfulOptionSetValueRendererProps, IColorfulOptionValueRendererProps, IComponentProps$1 as IComponentProps, IContext, IControl, IControlController, IDatasetControl, IDatasetControlComponentProps, IDateTime, IDateTimeOutputs, IDateTimeParameters, IDateTimeProperty, IDecimal, IDecimalNumberProperty, IDecimalOutputs, IDecimalParameters, IDefaultTranslations, IDuration, IDurationOutputs, IDurationParameters, IEntity, IFileProperty, IFileRendererProps, IFluentDesignState, IFooterProps, IGrid, IGridCellRenderer, IGridCellRendererComponentProps, IGridCellRendererParameters, IGridComponentProps, IGridOutputs, IGridParameters, IHeaderProps, ILayout, ILookup, ILookupOutputs, ILookupParameters, ILookupProperty, IMetadata, IMultiSelectOptionSet, IMultiSelectOptionSetOutputs, IMultiSelectOptionSetParameters, IMultiSelectOptionSetProperty, IOptionSet, IOptionSetOutputs, IOptionSetParameters, IOptionSetProperty, IOutputs, IPaginationProps, IParameters$1 as IParameters, IProperty, IQuickFindProps, IRibbonQuickFindWrapperProps, IStringProperty, ITextField, ITextFieldOutputs, ITextFieldParameters, ITranslation, ITranslations, ITwoOptions, ITwoOptionsOutputs, ITwoOptionsParameters, ITwoOptionsProperty, IValueRendererProps, IWholeNumberProperty, Lookup, MultiSelectOptionSet, NestedControlRenderer, OptionSet, TextField, ThemeWrapper, TwoOptions, VirtualDatasetAdapter, useControl, useControlLabels, useControlSizing, useControlTheme, useControlThemeGenerator, useDateTime, useFocusIn, useInputBasedControl, useLookup, useMouseOver };

package/dist/index.js

@@ -12,12 +12,10 @@ export { BaseControls } from './utils/BaseControls.js';
 export { DatasetAdapter } from './utils/dataset/adapters/DatasetAdapter.js';
 export { VirtualDatasetAdapter } from './utils/dataset/adapters/VirtualDatasetAdapter.js';
 export { DatasetControl } from './components/DatasetControl/DatasetControl.js';
-export { DatasetPaging } from './components/DatasetControl/Paging/DatasetPaging.js';
-export { Paging } from './components/DatasetControl/Paging/Paging.js';
 export { DateTime } from './components/DateTime/DateTime.js';
 export { useDateTime } from './components/DateTime/hooks/useDateTime.js';
 export { Decimal } from './components/Decimal/Decimal.js';
-export { Grid } from './components/Grid/Grid.js';
+export { Grid } from './components/Grid/grid/Grid.js';
 export { GridCellRenderer } from './components/GridCellRenderer/GridCellRenderer.js';
 export { Lookup } from './components/Lookup/Lookup.js';
 export { useLookup } from './components/Lookup/hooks/useLookup.js';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/interfaces/context.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="@types/powerapps-component-framework" />
+/// <reference types="powerapps-component-framework" />
 import { IParameters } from ".";
 import { IFluentDesignState } from "../utils";
 export interface IOutputs {