@talxis/base-controls 1.2509.1-alpha.5 → 1.2509.1

package/dist/index.d.ts

@@ -1,9 +1,8 @@
 /// <reference types="@types/powerapps-component-framework" />
-/// <reference types="powerapps-component-framework" />
 /// <reference types="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 { 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 React$1 from 'react';
 import { AgGridReactProps } from '@ag-grid-community/react';
 
@@ -15,7 +14,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;
@@ -110,9 +109,9 @@ interface IThemeWrapper extends ThemeProviderProps {
     fluentDesignLanguage?: ComponentFramework.FluentDesignState;
     children?: React$1.ReactNode;
 }
-declare const ThemeWrapper: (props: IThemeWrapper) => JSX.Element;
+declare const ThemeWrapper: React$1.FC<IThemeWrapper>;
 
-type BaseControl = 'TextField' | 'OptionSet' | 'MultiSelectOptionSet' | 'DateTime' | 'Decimal' | 'Duration' | 'GridCellRenderer' | 'Lookup' | 'TwoOptions' | 'GridCellRenderer' | 'Grid' | 'DatasetControl' | 'NestedControl' | 'GridColumnHeader';
+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';
@@ -123,7 +122,6 @@ 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;
@@ -190,14 +188,12 @@ interface IOutputs$2 {
     DatasetControl?: any;
 }
 interface IParameterGetters {
-    DataProviderClass: {
-        new (...args: any[]): IDataProvider;
-    };
-    onGetDataSource: () => string | IRawRecord[];
-    onGetColumns?: () => string | IColumn[];
-    onGetEntityMetadata?: () => string | IAttributeMetadata;
+    dataProviderType: "Memory" | "FetchXml" | 'Custom';
+    onGetData: () => string | null;
+    onGetColumns: () => string | null;
+    onGetEntityMetadata: () => string | null;
+    customDataProvider?: IDataProvider;
     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.
      */
@@ -208,23 +204,30 @@ 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;
-    private _initialized;
-    init(notifyOutputChanged: () => void, container: HTMLDivElement, parameters: IParameterGetters): VirtualDatasetAdapter;
-    updateView(context: ComponentFramework.Context<any, IOutputs$2>, renderComponent: () => void): void;
+    init(notifyOutputChanged: () => void, container: HTMLDivElement, parameters: IParameterGetters): this;
+    updateView(): 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;
 }
 
@@ -280,7 +283,6 @@ interface IControlController<TTranslations, TOutputs> {
         width?: number;
         height?: number;
     };
-    className: string;
     theme: ITheme;
     onNotifyOutputChanged: (outputs: TOutputs) => void;
 }
@@ -358,6 +360,182 @@ 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;
@@ -450,14 +628,6 @@ declare const gridTranslations: {
         1029: string;
         1033: string;
     };
-    "filtersortmenu-group": {
-        1029: string;
-        1033: string;
-    };
-    "filtersortmenu-ungroup": {
-        1029: string;
-        1033: string;
-    };
     norecordsfound: {
         1029: string;
         1033: string;
@@ -506,18 +676,6 @@ 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;
@@ -562,6 +720,10 @@ declare const gridTranslations: {
         1029: string;
         1033: string;
     };
+    "error-2147750198": {
+        1029: string;
+        1033: string;
+    };
 };
 
 interface IGridComponentProps {
@@ -579,25 +741,16 @@ 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 {
@@ -622,14 +775,9 @@ declare const datasetControlTranslations: {
         1029: string;
         1033: string;
     };
-    "unsaved-changes": {
-        1029: string;
-        1033: string;
-    };
-    "saving-discard-all-confirmation": {
-        1029: string;
-        1033: string;
-    };
+};
+
+declare const datasetPagingTranslations: {
     "paging-of": {
         1029: string;
         1033: string;
@@ -668,62 +816,67 @@ declare const datasetControlTranslations: {
     };
 };
 
-interface IDatasetControl extends IControl<IGridParameters, IGridOutputs, Partial<ITranslation<typeof datasetControlTranslations & typeof gridTranslations>>, IDatasetControlComponentProps> {
+interface IDatasetPaging extends IControl<IDatasetPagingParameters, any, Partial<ITranslations<typeof datasetPagingTranslations>>, any> {
+}
+interface IDatasetPagingParameters extends IParameters$1 {
+    Dataset: IDataset;
     /**
-     * Tells the Dataset control which UI component should be used for the dataset.
+     * 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.
      */
-    onGetControlComponent: (props: IControl<IGridParameters, any, any, any>) => React$1.ReactElement<IControl<any, any, any, any>>;
+    EnablePagination?: Omit<ITwoOptionsProperty, 'attributes'>;
+    /**
+     * If set to false, the user will not be able to change the page size.
+     */
+    EnablePageSizeSwitcher?: Omit<ITwoOptionsProperty, 'attributes'>;
 }
-interface IDatasetControlComponentProps {
-    onRender: (props: IComponentProps$1, defaultRender: (props: IComponentProps$1) => React$1.ReactElement) => React$1.ReactElement;
+
+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 IComponentProps$1 {
+
+interface IQuickFindProps {
+    textFieldProps: ITextFieldProps;
     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 IControlContainerProps {
-    controlContainerProps: React$1.HTMLAttributes<HTMLDivElement>;
-}
-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 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 IQuickFindProps {
-    textFieldProps: ITextFieldProps;
-    onRenderTextField: (props: ITextFieldProps, defaultRender: (props: ITextFieldProps) => React$1.ReactElement) => React$1.ReactElement;
+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>>;
 }
 
 declare const DatasetControl: (props: IDatasetControl) => JSX.Element;
@@ -810,7 +963,7 @@ interface IDecimalOutputs extends IOutputs$1 {
 
 declare const Decimal: (props: IDecimal) => JSX.Element;
 
-declare const gridGroupCellRendererTranslations: {
+declare const getDefaultGridRendererTranslations: () => {
     download: {
         1029: string;
         1033: string;
@@ -841,75 +994,64 @@ declare const gridGroupCellRendererTranslations: {
     };
 };
 
-interface IGridCellRenderer extends IControl<IGridCellRendererParameters, {}, typeof gridGroupCellRendererTranslations, IGridCellRendererComponentProps> {
+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;
     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;
     };
-    PrefixIcon: IStringProperty;
-    SuffixIcon: IStringProperty;
+    RecordCommands?: {
+        raw: ICommand[];
+    };
 }
-interface IGridCellRendererComponentProps {
-    onRender: (props: IComponentProps, defaultRender: (props: IComponentProps) => React.ReactElement) => React.ReactElement;
+interface IOptionSetProps {
+    containerProps: React.HTMLAttributes<HTMLDivElement>;
+    onGetOptionProps: (props: IOptionProps) => IOptionProps;
 }
-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 IOptionProps {
+    containerProps: ThemeProviderProps;
+    option: ComponentFramework.PropertyHelper.OptionMetadata;
+    textProps: ITextProps;
+}
+interface IRecordCommandsProps {
+    containerProps: ThemeProviderProps;
+    commandBarProps: ICommandBarProps;
 }
-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;
+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;
+        };
+    };
 }
 
 declare const GridCellRenderer: (props: IGridCellRenderer) => JSX.Element;
@@ -1097,7 +1239,6 @@ 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 {
@@ -1119,7 +1260,6 @@ 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;
@@ -1228,10 +1368,6 @@ 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 {
     /**
@@ -1365,4 +1501,4 @@ interface IDurationOutputs extends IOutputs$1 {
 
 declare const Duration: (props: IDuration) => JSX.Element;
 
-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 };
+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 };

package/dist/index.js

@@ -12,10 +12,12 @@ 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/Grid.js';
+export { Grid } from './components/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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}