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

package/dist/interfaces/property.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="@types/powerapps-component-framework" />
+/// <reference types="powerapps-component-framework" />
 type ExcludedProps = Pick<ComponentFramework.PropertyTypes.Property, 'formatted'>;
 export interface IProperty extends Omit<Partial<ComponentFramework.PropertyTypes.Property>, keyof ExcludedProps | 'attributes'> {
 }
@@ -7,7 +8,7 @@ export interface IStringProperty extends IProperty, Partial<ComponentFramework.P
 }
 export interface IFileProperty extends IProperty {
     raw: ComponentFramework.FileObject | null;
-    formatted: string;
+    formatted?: string;
 }
 export interface ITwoOptionsProperty extends IProperty, Omit<Partial<ComponentFramework.PropertyTypes.TwoOptionsProperty>, 'attributes'> {
     raw: boolean;

package/dist/utils/BaseControls.d.ts

@@ -1,5 +1,5 @@
 import { DataType } from "@talxis/client-libraries";
-export type BaseControl = 'TextField' | 'OptionSet' | 'MultiSelectOptionSet' | 'DateTime' | 'Decimal' | 'Duration' | 'GridCellRenderer' | 'Lookup' | 'TwoOptions' | 'GridCellRenderer' | 'Grid' | 'DatasetControl' | 'NestedControl';
+export type BaseControl = 'TextField' | 'OptionSet' | 'MultiSelectOptionSet' | 'DateTime' | 'Decimal' | 'Duration' | 'GridCellRenderer' | 'Lookup' | 'TwoOptions' | 'GridCellRenderer' | 'Grid' | 'DatasetControl' | 'NestedControl' | 'GridColumnHeader';
 export declare class BaseControls {
     static get TextField(): 'TextField';
     static get OptionSet(): 'OptionSet';
@@ -10,6 +10,7 @@ export 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;

package/dist/utils/BaseControls.js

@@ -26,6 +26,9 @@ class BaseControls {
     static get TwoOptions() {
         return 'TwoOptions';
     }
+    static get GridColumnHeader() {
+        return 'GridColumnHeader';
+    }
     static GetControlNameForDataType(dataType) {
         switch (dataType) {
             case 'Currency':
@@ -70,7 +73,8 @@ class BaseControls {
             BaseControls.TwoOptions,
             BaseControls.Duration,
             BaseControls.TextField,
-            BaseControls.GridCellRenderer
+            BaseControls.GridCellRenderer,
+            BaseControls.GridColumnHeader,
         ];
     }
     static IsBaseControl(name) {

package/dist/utils/BaseControls.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseControls.js","sources":["../../src/utils/BaseControls.ts"],"sourcesContent":["import { DataType } from \"@talxis/client-libraries\";\n\nexport type BaseControl =\n    | 'TextField'\n    | 'OptionSet'\n    | 'MultiSelectOptionSet'\n    | 'DateTime'\n    | 'Decimal'\n    | 'Duration'\n    | 'GridCellRenderer'\n    | 'Lookup'\n    | 'TwoOptions'\n    | 'GridCellRenderer'\n    | 'Grid'\n    | 'DatasetControl'\n    | 'NestedControl'\n\nexport class BaseControls {\n    public static get TextField(): 'TextField' {\n        return 'TextField';\n    }\n\n    public static get OptionSet(): 'OptionSet' {\n        return 'OptionSet';\n    }\n\n    public static get MultiSelectOptionSet(): 'MultiSelectOptionSet' {\n        return 'MultiSelectOptionSet';\n    }\n\n    public static get DateTime(): 'DateTime' {\n        return 'DateTime';\n    }\n\n    public static get Decimal(): 'Decimal' {\n        return 'Decimal';\n    }\n\n    public static get Duration(): 'Duration' {\n        return 'Duration';\n    }\n\n    public static get GridCellRenderer(): 'GridCellRenderer' {\n        return 'GridCellRenderer';\n    }\n\n    public static get Lookup(): 'Lookup' {\n        return 'Lookup';\n    }\n    \n    public static get TwoOptions(): 'TwoOptions' {\n        return 'TwoOptions';\n    }\n\n    public static GetControlNameForDataType(dataType: DataType) {\n        switch(dataType) {\n            case 'Currency':\n            case 'Whole.None':\n            case 'Decimal': {\n                return BaseControls.Decimal;\n            }\n            case 'DateAndTime.DateAndTime':\n            case 'DateAndTime.DateOnly': {\n                return BaseControls.DateTime;\n            }\n            case 'Lookup.Customer':\n            case 'Lookup.Owner':\n            case 'Lookup.Regarding':\n            case 'Lookup.Simple': {\n                return BaseControls.Lookup;\n            }\n            case 'OptionSet': {\n                return BaseControls.OptionSet;\n            }\n            case 'MultiSelectPicklist': {\n                return BaseControls.MultiSelectOptionSet;\n            }\n            case 'TwoOptions': {\n                return BaseControls.TwoOptions;\n            }\n            case 'Whole.Duration': {\n                return BaseControls.Duration;\n            }\n            default: {\n                return BaseControls.TextField;\n            }\n        }\n    }\n    public static GetAll(): BaseControl[] {\n        return [\n            BaseControls.Decimal,\n            BaseControls.DateTime,\n            BaseControls.Lookup,\n            BaseControls.OptionSet,\n            BaseControls.MultiSelectOptionSet,\n            BaseControls.TwoOptions,\n            BaseControls.Duration,\n            BaseControls.TextField,\n            BaseControls.GridCellRenderer\n        ]\n    }\n    public static IsBaseControl(name: string) {\n        return this.GetAll().includes(name as BaseControl);\n    }\n}"],"names":[],"mappings":"MAiBa,YAAY,CAAA;AACd,IAAA,WAAW,SAAS,GAAA;AACvB,QAAA,OAAO,WAAW,CAAC;KACtB;AAEM,IAAA,WAAW,SAAS,GAAA;AACvB,QAAA,OAAO,WAAW,CAAC;KACtB;AAEM,IAAA,WAAW,oBAAoB,GAAA;AAClC,QAAA,OAAO,sBAAsB,CAAC;KACjC;AAEM,IAAA,WAAW,QAAQ,GAAA;AACtB,QAAA,OAAO,UAAU,CAAC;KACrB;AAEM,IAAA,WAAW,OAAO,GAAA;AACrB,QAAA,OAAO,SAAS,CAAC;KACpB;AAEM,IAAA,WAAW,QAAQ,GAAA;AACtB,QAAA,OAAO,UAAU,CAAC;KACrB;AAEM,IAAA,WAAW,gBAAgB,GAAA;AAC9B,QAAA,OAAO,kBAAkB,CAAC;KAC7B;AAEM,IAAA,WAAW,MAAM,GAAA;AACpB,QAAA,OAAO,QAAQ,CAAC;KACnB;AAEM,IAAA,WAAW,UAAU,GAAA;AACxB,QAAA,OAAO,YAAY,CAAC;KACvB;IAEM,OAAO,yBAAyB,CAAC,QAAkB,EAAA;AACtD,QAAA,QAAO,QAAQ;AACX,YAAA,KAAK,UAAU,CAAC;AAChB,YAAA,KAAK,YAAY,CAAC;YAClB,KAAK,SAAS,EAAE;gBACZ,OAAO,YAAY,CAAC,OAAO,CAAC;AAC/B,aAAA;AACD,YAAA,KAAK,yBAAyB,CAAC;YAC/B,KAAK,sBAAsB,EAAE;gBACzB,OAAO,YAAY,CAAC,QAAQ,CAAC;AAChC,aAAA;AACD,YAAA,KAAK,iBAAiB,CAAC;AACvB,YAAA,KAAK,cAAc,CAAC;AACpB,YAAA,KAAK,kBAAkB,CAAC;YACxB,KAAK,eAAe,EAAE;gBAClB,OAAO,YAAY,CAAC,MAAM,CAAC;AAC9B,aAAA;YACD,KAAK,WAAW,EAAE;gBACd,OAAO,YAAY,CAAC,SAAS,CAAC;AACjC,aAAA;YACD,KAAK,qBAAqB,EAAE;gBACxB,OAAO,YAAY,CAAC,oBAAoB,CAAC;AAC5C,aAAA;YACD,KAAK,YAAY,EAAE;gBACf,OAAO,YAAY,CAAC,UAAU,CAAC;AAClC,aAAA;YACD,KAAK,gBAAgB,EAAE;gBACnB,OAAO,YAAY,CAAC,QAAQ,CAAC;AAChC,aAAA;AACD,YAAA,SAAS;gBACL,OAAO,YAAY,CAAC,SAAS,CAAC;AACjC,aAAA;AACJ,SAAA;KACJ;AACM,IAAA,OAAO,MAAM,GAAA;QAChB,OAAO;AACH,YAAA,YAAY,CAAC,OAAO;AACpB,YAAA,YAAY,CAAC,QAAQ;AACrB,YAAA,YAAY,CAAC,MAAM;AACnB,YAAA,YAAY,CAAC,SAAS;AACtB,YAAA,YAAY,CAAC,oBAAoB;AACjC,YAAA,YAAY,CAAC,UAAU;AACvB,YAAA,YAAY,CAAC,QAAQ;AACrB,YAAA,YAAY,CAAC,SAAS;AACtB,YAAA,YAAY,CAAC,gBAAgB;SAChC,CAAA;KACJ;IACM,OAAO,aAAa,CAAC,IAAY,EAAA;QACpC,OAAO,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,IAAmB,CAAC,CAAC;KACtD;AACJ;;;;"}
+{"version":3,"file":"BaseControls.js","sources":["../../src/utils/BaseControls.ts"],"sourcesContent":["import { DataType } from \"@talxis/client-libraries\";\n\nexport type BaseControl =\n    | 'TextField'\n    | 'OptionSet'\n    | 'MultiSelectOptionSet'\n    | 'DateTime'\n    | 'Decimal'\n    | 'Duration'\n    | 'GridCellRenderer'\n    | 'Lookup'\n    | 'TwoOptions'\n    | 'GridCellRenderer'\n    | 'Grid'\n    | 'DatasetControl'\n    | 'NestedControl'\n    | 'GridColumnHeader'\n\nexport class BaseControls {\n    public static get TextField(): 'TextField' {\n        return 'TextField';\n    }\n\n    public static get OptionSet(): 'OptionSet' {\n        return 'OptionSet';\n    }\n\n    public static get MultiSelectOptionSet(): 'MultiSelectOptionSet' {\n        return 'MultiSelectOptionSet';\n    }\n\n    public static get DateTime(): 'DateTime' {\n        return 'DateTime';\n    }\n\n    public static get Decimal(): 'Decimal' {\n        return 'Decimal';\n    }\n\n    public static get Duration(): 'Duration' {\n        return 'Duration';\n    }\n\n    public static get GridCellRenderer(): 'GridCellRenderer' {\n        return 'GridCellRenderer';\n    }\n\n    public static get Lookup(): 'Lookup' {\n        return 'Lookup';\n    }\n    \n    public static get TwoOptions(): 'TwoOptions' {\n        return 'TwoOptions';\n    }\n    public static get GridColumnHeader(): 'GridColumnHeader' {\n        return 'GridColumnHeader';\n    }\n\n    public static GetControlNameForDataType(dataType: DataType) {\n        switch(dataType) {\n            case 'Currency':\n            case 'Whole.None':\n            case 'Decimal': {\n                return BaseControls.Decimal;\n            }\n            case 'DateAndTime.DateAndTime':\n            case 'DateAndTime.DateOnly': {\n                return BaseControls.DateTime;\n            }\n            case 'Lookup.Customer':\n            case 'Lookup.Owner':\n            case 'Lookup.Regarding':\n            case 'Lookup.Simple': {\n                return BaseControls.Lookup;\n            }\n            case 'OptionSet': {\n                return BaseControls.OptionSet;\n            }\n            case 'MultiSelectPicklist': {\n                return BaseControls.MultiSelectOptionSet;\n            }\n            case 'TwoOptions': {\n                return BaseControls.TwoOptions;\n            }\n            case 'Whole.Duration': {\n                return BaseControls.Duration;\n            }\n            default: {\n                return BaseControls.TextField;\n            }\n        }\n    }\n    public static GetAll(): BaseControl[] {\n        return [\n            BaseControls.Decimal,\n            BaseControls.DateTime,\n            BaseControls.Lookup,\n            BaseControls.OptionSet,\n            BaseControls.MultiSelectOptionSet,\n            BaseControls.TwoOptions,\n            BaseControls.Duration,\n            BaseControls.TextField,\n            BaseControls.GridCellRenderer,\n            BaseControls.GridColumnHeader,\n        ]\n    }\n    public static IsBaseControl(name: string) {\n        return this.GetAll().includes(name as BaseControl);\n    }\n}"],"names":[],"mappings":"MAkBa,YAAY,CAAA;AACd,IAAA,WAAW,SAAS,GAAA;AACvB,QAAA,OAAO,WAAW,CAAC;KACtB;AAEM,IAAA,WAAW,SAAS,GAAA;AACvB,QAAA,OAAO,WAAW,CAAC;KACtB;AAEM,IAAA,WAAW,oBAAoB,GAAA;AAClC,QAAA,OAAO,sBAAsB,CAAC;KACjC;AAEM,IAAA,WAAW,QAAQ,GAAA;AACtB,QAAA,OAAO,UAAU,CAAC;KACrB;AAEM,IAAA,WAAW,OAAO,GAAA;AACrB,QAAA,OAAO,SAAS,CAAC;KACpB;AAEM,IAAA,WAAW,QAAQ,GAAA;AACtB,QAAA,OAAO,UAAU,CAAC;KACrB;AAEM,IAAA,WAAW,gBAAgB,GAAA;AAC9B,QAAA,OAAO,kBAAkB,CAAC;KAC7B;AAEM,IAAA,WAAW,MAAM,GAAA;AACpB,QAAA,OAAO,QAAQ,CAAC;KACnB;AAEM,IAAA,WAAW,UAAU,GAAA;AACxB,QAAA,OAAO,YAAY,CAAC;KACvB;AACM,IAAA,WAAW,gBAAgB,GAAA;AAC9B,QAAA,OAAO,kBAAkB,CAAC;KAC7B;IAEM,OAAO,yBAAyB,CAAC,QAAkB,EAAA;AACtD,QAAA,QAAO,QAAQ;AACX,YAAA,KAAK,UAAU,CAAC;AAChB,YAAA,KAAK,YAAY,CAAC;YAClB,KAAK,SAAS,EAAE;gBACZ,OAAO,YAAY,CAAC,OAAO,CAAC;AAC/B,aAAA;AACD,YAAA,KAAK,yBAAyB,CAAC;YAC/B,KAAK,sBAAsB,EAAE;gBACzB,OAAO,YAAY,CAAC,QAAQ,CAAC;AAChC,aAAA;AACD,YAAA,KAAK,iBAAiB,CAAC;AACvB,YAAA,KAAK,cAAc,CAAC;AACpB,YAAA,KAAK,kBAAkB,CAAC;YACxB,KAAK,eAAe,EAAE;gBAClB,OAAO,YAAY,CAAC,MAAM,CAAC;AAC9B,aAAA;YACD,KAAK,WAAW,EAAE;gBACd,OAAO,YAAY,CAAC,SAAS,CAAC;AACjC,aAAA;YACD,KAAK,qBAAqB,EAAE;gBACxB,OAAO,YAAY,CAAC,oBAAoB,CAAC;AAC5C,aAAA;YACD,KAAK,YAAY,EAAE;gBACf,OAAO,YAAY,CAAC,UAAU,CAAC;AAClC,aAAA;YACD,KAAK,gBAAgB,EAAE;gBACnB,OAAO,YAAY,CAAC,QAAQ,CAAC;AAChC,aAAA;AACD,YAAA,SAAS;gBACL,OAAO,YAAY,CAAC,SAAS,CAAC;AACjC,aAAA;AACJ,SAAA;KACJ;AACM,IAAA,OAAO,MAAM,GAAA;QAChB,OAAO;AACH,YAAA,YAAY,CAAC,OAAO;AACpB,YAAA,YAAY,CAAC,QAAQ;AACrB,YAAA,YAAY,CAAC,MAAM;AACnB,YAAA,YAAY,CAAC,SAAS;AACtB,YAAA,YAAY,CAAC,oBAAoB;AACjC,YAAA,YAAY,CAAC,UAAU;AACvB,YAAA,YAAY,CAAC,QAAQ;AACrB,YAAA,YAAY,CAAC,SAAS;AACtB,YAAA,YAAY,CAAC,gBAAgB;AAC7B,YAAA,YAAY,CAAC,gBAAgB;SAChC,CAAA;KACJ;IACM,OAAO,aAAa,CAAC,IAAY,EAAA;QACpC,OAAO,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,IAAmB,CAAC,CAAC;KACtD;AACJ;;;;"}

package/dist/utils/dataset/adapters/DatasetAdapter.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="@types/powerapps-component-framework" />
+/// <reference types="powerapps-component-framework" />
 import { Dataset, IDataProvider, IDataset, PowerAppsDatasetProvider } from "@talxis/client-libraries";
 interface IInputs {
     [key: string]: any;

package/dist/utils/dataset/adapters/VirtualDatasetAdapter.d.ts

@@ -1,14 +1,18 @@
-import { Dataset, IDataProvider } from "@talxis/client-libraries";
+/// <reference types="@types/powerapps-component-framework" />
+/// <reference types="powerapps-component-framework" />
+import { Dataset, IAttributeMetadata, IColumn, IDataProvider, IRawRecord } from "@talxis/client-libraries";
 interface IOutputs {
     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.
      */
@@ -19,30 +23,23 @@ interface IParameterGetters {
  *
  */
 export 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>, renderComponent: () => void): void;
     getDataset(): Dataset<IDataProvider>;
     destroy(): void;
     getOutputs(): IOutputs;
     private _onDatasetInit;
-    private _getData;
     private _getColumns;
     private _shouldMergeColumns;
     private _getMergedColumns;
     private _getEntityMetadata;
-    private _refreshOnChange;
     private _getFullTabStyles;
 }
 export {};

package/dist/utils/dataset/adapters/VirtualDatasetAdapter.js

@@ -1,5 +1,5 @@
 import { mergeStyles } from '@fluentui/react';
-import { FetchXmlDataProvider, MemoryDataProvider, Dataset } from '@talxis/client-libraries';
+import { Dataset, FetchXmlDataProvider } from '@talxis/client-libraries';
 
 /**
  * Helper class that holds boilerplate code for handling a virtual dataset in PCF, like syncing data, columns, and metadata from parameters.
@@ -7,70 +7,41 @@ import { FetchXmlDataProvider, MemoryDataProvider, Dataset } from '@talxis/clien
  */
 class VirtualDatasetAdapter {
     constructor() {
-        this._providerClasses = {
-            'FetchXml': FetchXmlDataProvider,
-            'Memory': MemoryDataProvider
-        };
-        this._parsedData = null;
-        this._lastUsedColumns = null;
-        this._lastUsedData = null;
-        this._lastUsedMetadata = null;
         this._getOutputsPromise = new Promise(resolve => {
             this._resolveGetOutputs = resolve;
         });
+        this._initialized = false;
     }
     init(notifyOutputChanged, container, parameters) {
         this._parameters = parameters;
-        this._notifyOutputChanged = notifyOutputChanged;
         this._container = container;
-        let dataProvider = null;
-        if (parameters.dataProviderType !== 'Custom') {
-            //@ts-ignore - typings
-            this._dataProviderClass = this._providerClasses[this._parameters.dataProviderType];
-            dataProvider = new this._dataProviderClass(this._getData(), this._getEntityMetadata());
-        }
-        else {
-            dataProvider = this._parameters.customDataProvider;
+        this._notifyOutputChanged = notifyOutputChanged;
+        const dataSource = parameters.onGetDataSource();
+        if (!dataSource) {
+            return this;
         }
-        //@ts-ignore - typings
+        const dataProvider = new parameters.DataProviderClass(dataSource, this._getEntityMetadata());
+        dataProvider.grouping.setGroupingType(parameters.onGetGroupingType?.() ?? 'nested');
         this._dataset = new Dataset(dataProvider);
-        this._dataset.setColumns(this._getColumns());
+        this._dataset.setDataSource(dataSource);
         this._dataset.setMetadata(this._getEntityMetadata());
         if (this._parameters.onGetHeight?.() === '100%') {
             this._container.classList.add(this._getFullTabStyles());
         }
-        this._lastUsedColumns = this._parameters.onGetColumns();
-        this._lastUsedData = this._parameters.onGetData();
-        this._lastUsedMetadata = this._parameters.onGetEntityMetadata();
         this._notifyOutputChanged();
         this._onDatasetInit();
+        this._initialized = true;
         return this;
     }
-    updateView() {
-        this._parsedData = null;
-        this._refreshOnChange([
-            {
-                previousValue: this._lastUsedColumns,
-                currentValue: this._parameters.onGetColumns(),
-                beforeRefreshCallback: () => this._dataset.setColumns(this._getColumns())
-            },
-            {
-                previousValue: this._lastUsedData,
-                currentValue: this._parameters.onGetData(),
-                beforeRefreshCallback: () => {
-                    this._dataset.setDataSource(this._getData());
-                    this._dataset.setColumns(this._getColumns());
-                }
-            },
-            {
-                previousValue: this._lastUsedMetadata,
-                currentValue: this._parameters.onGetEntityMetadata(),
-                beforeRefreshCallback: () => this._dataset.setMetadata(this._getEntityMetadata())
-            }
-        ]);
-        this._lastUsedColumns = this._parameters.onGetColumns();
-        this._lastUsedData = this._parameters.onGetData();
-        this._lastUsedMetadata = this._parameters.onGetEntityMetadata();
+    updateView(context, renderComponent) {
+        if (!this._parameters.onGetDataSource()) {
+            return;
+        }
+        //if not yet initialized, initialize, can happen if we start without data
+        if (!this._initialized) {
+            this.init(this._notifyOutputChanged, this._container, this._parameters);
+        }
+        return renderComponent();
     }
     getDataset() {
         return this._dataset;
@@ -87,23 +58,18 @@ class VirtualDatasetAdapter {
     _onDatasetInit() {
         this.getDataset().setInterceptor('onInitialize', async () => {
             await this._getOutputsPromise;
+            this._dataset.setColumns(this._getColumns());
             await this._parameters.onInitialize?.();
         });
     }
-    _getData() {
-        if (this._parsedData) {
-            return this._parsedData;
-        }
-        this._parsedData = this._dataProviderClass.GetParsedData(this._parameters.onGetData());
-        return this._parsedData;
-    }
     _getColumns() {
         try {
-            const parameterColumns = JSON.parse(this._parameters.onGetColumns() ?? "[]");
+            const parameterColumns = this._parameters.onGetColumns?.();
+            const columns = Array.isArray(parameterColumns) ? parameterColumns : JSON.parse(parameterColumns ?? "[]");
             if (this._shouldMergeColumns()) {
-                return this._getMergedColumns(parameterColumns);
+                return this._getMergedColumns(columns);
             }
-            return parameterColumns;
+            return columns;
         }
         catch (err) {
             console.error(err);
@@ -112,7 +78,7 @@ class VirtualDatasetAdapter {
     }
     _shouldMergeColumns() {
         if (this._dataset.getDataProvider() instanceof FetchXmlDataProvider) {
-            const fetchXml = this._parameters.onGetData();
+            const fetchXml = this._parameters.onGetDataSource();
             if (fetchXml?.includes('savedqueryid') || fetchXml?.includes('userqueryid')) {
                 return true;
             }
@@ -137,25 +103,14 @@ class VirtualDatasetAdapter {
     }
     _getEntityMetadata() {
         try {
-            return JSON.parse(this._parameters.onGetEntityMetadata() ?? "{}");
+            const parameterMetadata = this._parameters.onGetEntityMetadata?.();
+            return typeof parameterMetadata === 'object' ? parameterMetadata : JSON.parse(parameterMetadata ?? "{}");
         }
         catch (err) {
             console.error(err);
             return this._dataset.getMetadata();
         }
     }
-    _refreshOnChange(objectsToCompare) {
-        let shouldRefresh = false;
-        objectsToCompare.forEach(obj => {
-            if (obj.currentValue !== obj.previousValue) {
-                shouldRefresh = true;
-                obj.beforeRefreshCallback?.();
-            }
-        });
-        if (shouldRefresh) {
-            this._dataset.paging.loadExactPage(this._dataset.paging.pageNumber);
-        }
-    }
     _getFullTabStyles() {
         return mergeStyles({
             display: 'flex',

package/dist/utils/dataset/adapters/VirtualDatasetAdapter.js.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualDatasetAdapter.js","sources":["../../../../src/utils/dataset/adapters/VirtualDatasetAdapter.ts"],"sourcesContent":["import { mergeStyles } from \"@fluentui/react\";\nimport { Dataset, FetchXmlDataProvider, IColumn, IDataProvider, MemoryDataProvider } from \"@talxis/client-libraries\";\n\ninterface IOutputs {\n    DatasetControl?: any;\n}\n\ninterface IParameterGetters {\n    dataProviderType: \"Memory\" | \"FetchXml\" | 'Custom';\n    onGetData: () => string | null;\n    onGetColumns: () => string | null;\n    onGetEntityMetadata: () => string | null;\n    customDataProvider?: IDataProvider;\n    onGetHeight?: () => string | null;\n    /**\n     * 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.\n     */\n    onInitialize?: () => void | Promise<void>;\n}\n\n/**\n * Helper class that holds boilerplate code for handling a virtual dataset in PCF, like syncing data, columns, and metadata from parameters.\n *\n */\nexport class VirtualDatasetAdapter {\n    private _providerClasses = {\n        'FetchXml': FetchXmlDataProvider,\n        'Memory': MemoryDataProvider\n    };\n    private _dataset!: Dataset<IDataProvider>;\n    private _parsedData: any = null;\n    private _lastUsedColumns: string | null = null;\n    private _lastUsedData: string | null = null;\n    private _lastUsedMetadata: string | null = null;\n    private _dataProviderClass!: (typeof this._providerClasses[keyof typeof this._providerClasses]);\n    private _container!: HTMLDivElement;\n    private _notifyOutputChanged!: () => void;\n    private _resolveGetOutputs!: (value: boolean | PromiseLike<boolean>) => void;\n    private _getOutputsPromise: Promise<boolean> = new Promise(resolve => {\n        this._resolveGetOutputs = resolve;\n    });\n    private _parameters!: IParameterGetters;\n\n    public init(notifyOutputChanged: () => void, container: HTMLDivElement, parameters: IParameterGetters) {\n        this._parameters = parameters;\n        this._notifyOutputChanged = notifyOutputChanged;\n        this._container = container;\n        let dataProvider: any = null;\n        if(parameters.dataProviderType !== 'Custom') {\n            //@ts-ignore - typings\n            this._dataProviderClass = this._providerClasses[this._parameters.dataProviderType];\n            dataProvider = new this._dataProviderClass(this._getData(), this._getEntityMetadata());\n        }\n        else {\n            dataProvider = this._parameters.customDataProvider;\n        }\n        //@ts-ignore - typings\n        this._dataset = new Dataset(dataProvider);\n        this._dataset.setColumns(this._getColumns());\n        this._dataset.setMetadata(this._getEntityMetadata());\n\n        if (this._parameters.onGetHeight?.() === '100%') {\n            this._container.classList.add(this._getFullTabStyles());\n        }\n        this._lastUsedColumns = this._parameters.onGetColumns();\n        this._lastUsedData = this._parameters.onGetData();\n        this._lastUsedMetadata = this._parameters.onGetEntityMetadata();\n        this._notifyOutputChanged();\n        this._onDatasetInit();\n        return this;\n    }\n\n    public updateView(): void {\n        this._parsedData = null;\n        this._refreshOnChange([\n            {\n                previousValue: this._lastUsedColumns,\n                currentValue: this._parameters.onGetColumns(),\n                beforeRefreshCallback: () => this._dataset.setColumns(this._getColumns())\n            },\n            {\n                previousValue: this._lastUsedData,\n                currentValue: this._parameters.onGetData(),\n                beforeRefreshCallback: () => {\n                    this._dataset.setDataSource(this._getData());\n                    this._dataset.setColumns(this._getColumns());\n                }\n            },\n            {\n                previousValue: this._lastUsedMetadata,\n                currentValue: this._parameters.onGetEntityMetadata(),\n                beforeRefreshCallback: () => this._dataset.setMetadata(this._getEntityMetadata())\n            }\n        ]);\n        this._lastUsedColumns = this._parameters.onGetColumns();\n        this._lastUsedData = this._parameters.onGetData();\n        this._lastUsedMetadata = this._parameters.onGetEntityMetadata();\n    }\n\n    public getDataset(): Dataset<IDataProvider> {\n        return this._dataset;\n    }\n\n    public destroy(): void {\n        this._dataset.destroy();\n    }\n\n    public getOutputs(): IOutputs {\n        this._resolveGetOutputs(true);\n        return {\n            DatasetControl: this.getDataset()\n        };\n    }\n\n    private _onDatasetInit() {\n        this.getDataset().setInterceptor('onInitialize', async () => {\n            await this._getOutputsPromise;\n            await this._parameters.onInitialize?.();\n        })\n    }\n\n    private _getData() {\n        if (this._parsedData) {\n            return this._parsedData;\n        }\n        this._parsedData = this._dataProviderClass.GetParsedData(this._parameters.onGetData());\n        return this._parsedData;\n    }\n\n    private _getColumns() {\n        try {\n            const parameterColumns: IColumn[] = JSON.parse(this._parameters.onGetColumns() ?? \"[]\");\n            if (this._shouldMergeColumns()) {\n                return this._getMergedColumns(parameterColumns);\n            }\n            return parameterColumns;\n        }\n        catch (err) {\n            console.error(err);\n            return this._dataset.columns;\n        }\n    }\n\n    private _shouldMergeColumns(): boolean {\n        if (this._dataset.getDataProvider() instanceof FetchXmlDataProvider) {\n            const fetchXml = this._parameters.onGetData();\n            if (fetchXml?.includes('savedqueryid') || fetchXml?.includes('userqueryid')) {\n                return true;\n            }\n        }\n        return false;\n    }\n\n    private _getMergedColumns(parameterColumns: IColumn[]): IColumn[] {\n        const columnsMap = new Map(this._dataset.columns.map(col => [col.name, col]));\n        parameterColumns.forEach(parameterCol => {\n            const col = columnsMap.get(parameterCol.name);\n            if (col) {\n                columnsMap.set(col.name, {\n                    ...col,\n                    ...parameterCol\n                });\n            } else {\n                columnsMap.set(parameterCol.name, parameterCol);\n            }\n        });\n        return [...columnsMap.values()];\n    }\n\n    private _getEntityMetadata() {\n        try {\n            return JSON.parse(this._parameters.onGetEntityMetadata() ?? \"{}\");\n        }\n        catch (err) {\n            console.error(err);\n            return this._dataset.getMetadata();\n        }\n    }\n\n    private _refreshOnChange(objectsToCompare: { currentValue: string | null, previousValue: string | null, beforeRefreshCallback?: () => void }[]) {\n        let shouldRefresh = false;\n        objectsToCompare.forEach(obj => {\n            if (obj.currentValue !== obj.previousValue) {\n                shouldRefresh = true;\n                obj.beforeRefreshCallback?.();\n            }\n        });\n        if (shouldRefresh) {\n            this._dataset.paging.loadExactPage(this._dataset.paging.pageNumber);\n        }\n    }\n\n    private _getFullTabStyles() {\n        return mergeStyles({\n            display: 'flex',\n            flexDirection: 'column',\n            flexGrow: 1\n        });\n    }\n}"],"names":[],"mappings":"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"}
+{"version":3,"file":"VirtualDatasetAdapter.js","sources":["../../../../src/utils/dataset/adapters/VirtualDatasetAdapter.ts"],"sourcesContent":["import { mergeStyles } from \"@fluentui/react\";\nimport { Dataset, FetchXmlDataProvider, IAttributeMetadata, IColumn, IDataProvider, IRawRecord } from \"@talxis/client-libraries\";\n\ninterface IOutputs {\n    DatasetControl?: any;\n}\n\ninterface IParameterGetters {\n    DataProviderClass: { new(...args: any[]): IDataProvider }\n    onGetDataSource: () => string | IRawRecord[];\n    onGetColumns?: () => string | IColumn[];\n    onGetEntityMetadata?: () => string | IAttributeMetadata;\n    onGetHeight?: () => string | null;\n    onGetGroupingType?: () => 'nested' | 'flat';\n    /**\n     * 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.\n     */\n    onInitialize?: () => void | Promise<void>;\n}\n\n/**\n * Helper class that holds boilerplate code for handling a virtual dataset in PCF, like syncing data, columns, and metadata from parameters.\n *\n */\nexport class VirtualDatasetAdapter {\n    private _dataset!: Dataset<IDataProvider>;\n    private _container!: HTMLDivElement;\n    private _notifyOutputChanged!: () => void;\n    private _resolveGetOutputs!: (value: boolean | PromiseLike<boolean>) => void;\n    private _getOutputsPromise: Promise<boolean> = new Promise(resolve => {\n        this._resolveGetOutputs = resolve;\n    });\n    private _parameters!: IParameterGetters;\n    private _initialized: boolean = false;\n\n    public init(notifyOutputChanged: () => void, container: HTMLDivElement, parameters: IParameterGetters): VirtualDatasetAdapter {\n        this._parameters = parameters;\n        this._container = container;\n        this._notifyOutputChanged = notifyOutputChanged;\n        const dataSource = parameters.onGetDataSource();\n        if (!dataSource) {\n            return this;\n        }\n        const dataProvider = new parameters.DataProviderClass(dataSource, this._getEntityMetadata());\n        (<IDataProvider>dataProvider).grouping.setGroupingType(parameters.onGetGroupingType?.() ?? 'nested');\n        this._dataset = new Dataset(dataProvider);\n        this._dataset.setDataSource(dataSource);\n        this._dataset.setMetadata(this._getEntityMetadata());\n        if (this._parameters.onGetHeight?.() === '100%') {\n            this._container.classList.add(this._getFullTabStyles());\n        }\n        this._notifyOutputChanged();\n        this._onDatasetInit();\n        this._initialized = true;\n        return this;\n    }\n\n    public updateView(context: ComponentFramework.Context<any, IOutputs>, renderComponent: () => void): void {\n        if (!this._parameters.onGetDataSource()) {\n            return;\n        }\n        //if not yet initialized, initialize, can happen if we start without data\n        if (!this._initialized) {\n            this.init(this._notifyOutputChanged, this._container, this._parameters);\n        }\n        return renderComponent();\n    }\n\n    public getDataset(): Dataset<IDataProvider> {\n        return this._dataset;\n    }\n\n    public destroy(): void {\n        this._dataset.destroy();\n    }\n\n    public getOutputs(): IOutputs {\n        this._resolveGetOutputs(true);\n        return {\n            DatasetControl: this.getDataset()\n        };\n    }\n\n    private _onDatasetInit() {\n        this.getDataset().setInterceptor('onInitialize', async () => {\n            await this._getOutputsPromise;\n            this._dataset.setColumns(this._getColumns());\n            await this._parameters.onInitialize?.();\n        })\n    }\n\n    private _getColumns() {\n        try {\n            const parameterColumns = this._parameters.onGetColumns?.();\n            const columns: IColumn[] = Array.isArray(parameterColumns) ? parameterColumns : JSON.parse(parameterColumns ?? \"[]\");\n            if (this._shouldMergeColumns()) {\n                return this._getMergedColumns(columns);\n            }\n            return columns;\n        }\n        catch (err) {\n            console.error(err);\n            return this._dataset.columns;\n        }\n    }\n\n    private _shouldMergeColumns(): boolean {\n        if (this._dataset.getDataProvider() instanceof FetchXmlDataProvider) {\n            const fetchXml = this._parameters.onGetDataSource() as string;\n            if (fetchXml?.includes('savedqueryid') || fetchXml?.includes('userqueryid')) {\n                return true;\n            }\n        }\n        return false;\n    }\n\n    private _getMergedColumns(parameterColumns: IColumn[]): IColumn[] {\n        const columnsMap = new Map(this._dataset.columns.map(col => [col.name, col]));\n        parameterColumns.forEach(parameterCol => {\n            const col = columnsMap.get(parameterCol.name);\n            if (col) {\n                columnsMap.set(col.name, {\n                    ...col,\n                    ...parameterCol\n                });\n            } else {\n                columnsMap.set(parameterCol.name, parameterCol);\n            }\n        });\n        return [...columnsMap.values()];\n    }\n\n    private _getEntityMetadata() {\n        try {\n            const parameterMetadata = this._parameters.onGetEntityMetadata?.();\n            return typeof parameterMetadata === 'object' ? parameterMetadata : JSON.parse(parameterMetadata ?? \"{}\");\n        }\n        catch (err) {\n            console.error(err);\n            return this._dataset.getMetadata();\n        }\n    }\n\n    private _getFullTabStyles() {\n        return mergeStyles({\n            display: 'flex',\n            flexDirection: 'column',\n            flexGrow: 1\n        });\n    }\n}"],"names":[],"mappings":"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"}

package/dist/utils/theme/ControlTheme.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="@types/powerapps-component-framework" />
+/// <reference types="powerapps-component-framework" />
 import { DeepPartial } from "@talxis/client-libraries";
 import { ITheme } from "@talxis/react-components";
 export interface IFluentDesignState extends ComponentFramework.FluentDesignState {

package/dist/utils/theme/components/ThemeWrapper.d.ts

@@ -1,9 +1,10 @@
 /// <reference types="@types/powerapps-component-framework" />
+/// <reference types="powerapps-component-framework" />
 import React from 'react';
 import { ThemeProviderProps } from '@fluentui/react';
 interface IThemeWrapper extends ThemeProviderProps {
     fluentDesignLanguage?: ComponentFramework.FluentDesignState;
     children?: React.ReactNode;
 }
-export declare const ThemeWrapper: React.FC<IThemeWrapper>;
+export declare const ThemeWrapper: (props: IThemeWrapper) => JSX.Element;
 export {};

package/dist/utils/theme/components/ThemeWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeWrapper.js","sources":["../../../../src/utils/theme/components/ThemeWrapper.tsx"],"sourcesContent":["import React from 'react';\nimport { ThemeProvider, ThemeProviderProps } from '@fluentui/react';\nimport { useControlTheme } from '../hooks';\n\ninterface IThemeWrapper extends ThemeProviderProps {\n    fluentDesignLanguage?: ComponentFramework.FluentDesignState;\n    children?: React.ReactNode;\n}\n\nexport const ThemeWrapper: React.FC<IThemeWrapper> = (props: IThemeWrapper) => {\n    const theme = useControlTheme(props.fluentDesignLanguage);\n    return (\n        <ThemeProvider theme={theme} {...props}>\n            {props.children}\n        </ThemeProvider>\n    );\n};"],"names":["_jsx"],"mappings":";;;;AASa,MAAA,YAAY,GAA4B,CAAC,KAAoB,KAAI;IAC1E,MAAM,KAAK,GAAG,eAAe,CAAC,KAAK,CAAC,oBAAoB,CAAC,CAAC;AAC1D,IAAA,QACIA,GAAA,CAAC,aAAa,EAAA,EAAC,KAAK,EAAE,KAAK,EAAM,GAAA,KAAK,YACjC,KAAK,CAAC,QAAQ,EAAA,CACH,EAClB;AACN;;;;"}
+{"version":3,"file":"ThemeWrapper.js","sources":["../../../../src/utils/theme/components/ThemeWrapper.tsx"],"sourcesContent":["import React from 'react';\nimport { ThemeProvider, ThemeProviderProps } from '@fluentui/react';\nimport { useControlTheme } from '../hooks';\n\ninterface IThemeWrapper extends ThemeProviderProps {\n    fluentDesignLanguage?: ComponentFramework.FluentDesignState;\n    children?: React.ReactNode;\n}\n\nexport const ThemeWrapper = (props: IThemeWrapper) => {\n    const theme = useControlTheme(props.fluentDesignLanguage);\n    return (\n        <ThemeProvider theme={theme} {...props}>\n            {props.children}\n        </ThemeProvider>\n    );\n};"],"names":["_jsx"],"mappings":";;;;AASa,MAAA,YAAY,GAAG,CAAC,KAAoB,KAAI;IACjD,MAAM,KAAK,GAAG,eAAe,CAAC,KAAK,CAAC,oBAAoB,CAAC,CAAC;AAC1D,IAAA,QACIA,GAAA,CAAC,aAAa,EAAA,EAAC,KAAK,EAAE,KAAK,EAAM,GAAA,KAAK,YACjC,KAAK,CAAC,QAAQ,EAAA,CACH,EAClB;AACN;;;;"}

package/dist/utils/theme/hooks/useControlTheme.js

@@ -2,10 +2,11 @@ import { useMemo } from 'react';
 import { ControlTheme } from '../ControlTheme.js';
 
 const useControlTheme = (fluentDesignLanguage) => {
+    const id = fluentDesignLanguage?.v8FluentOverrides?.id;
     const primaryColor = fluentDesignLanguage?.tokenTheme.colorCompoundBrandForeground1;
     const backgroundColor = fluentDesignLanguage?.tokenTheme.colorNeutralBackground1;
     const textColor = fluentDesignLanguage?.tokenTheme.colorNeutralForeground1;
-    return useMemo(() => ControlTheme.GetV8ThemeFromFluentDesignLanguage(fluentDesignLanguage), [primaryColor, backgroundColor, textColor]);
+    return useMemo(() => ControlTheme.GetV8ThemeFromFluentDesignLanguage(fluentDesignLanguage), [primaryColor, backgroundColor, textColor, id]);
 };
 
 export { useControlTheme };

package/dist/utils/theme/hooks/useControlTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"useControlTheme.js","sources":["../../../../src/utils/theme/hooks/useControlTheme.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport { ControlTheme, IFluentDesignState } from \"../ControlTheme\";\nimport { ITheme } from \"@talxis/react-components\";\n\nexport const useControlTheme = (fluentDesignLanguage?: IFluentDesignState): ITheme => {\n    const primaryColor = fluentDesignLanguage?.tokenTheme.colorCompoundBrandForeground1;\n    const backgroundColor = fluentDesignLanguage?.tokenTheme.colorNeutralBackground1;\n    const textColor = fluentDesignLanguage?.tokenTheme.colorNeutralForeground1;\n\n    return useMemo(() => ControlTheme.GetV8ThemeFromFluentDesignLanguage(fluentDesignLanguage), [primaryColor, backgroundColor, textColor]);\n};\n"],"names":[],"mappings":";;;AAIa,MAAA,eAAe,GAAG,CAAC,oBAAyC,KAAY;AACjF,IAAA,MAAM,YAAY,GAAG,oBAAoB,EAAE,UAAU,CAAC,6BAA6B,CAAC;AACpF,IAAA,MAAM,eAAe,GAAG,oBAAoB,EAAE,UAAU,CAAC,uBAAuB,CAAC;AACjF,IAAA,MAAM,SAAS,GAAG,oBAAoB,EAAE,UAAU,CAAC,uBAAuB,CAAC;IAE3E,OAAO,OAAO,CAAC,MAAM,YAAY,CAAC,kCAAkC,CAAC,oBAAoB,CAAC,EAAE,CAAC,YAAY,EAAE,eAAe,EAAE,SAAS,CAAC,CAAC,CAAC;AAC5I;;;;"}
+{"version":3,"file":"useControlTheme.js","sources":["../../../../src/utils/theme/hooks/useControlTheme.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport { ControlTheme, IFluentDesignState } from \"../ControlTheme\";\nimport { ITheme } from \"@talxis/react-components\";\n\nexport const useControlTheme = (fluentDesignLanguage?: IFluentDesignState): ITheme => {\n    const id = fluentDesignLanguage?.v8FluentOverrides?.id;\n    const primaryColor = fluentDesignLanguage?.tokenTheme.colorCompoundBrandForeground1;\n    const backgroundColor = fluentDesignLanguage?.tokenTheme.colorNeutralBackground1;\n    const textColor = fluentDesignLanguage?.tokenTheme.colorNeutralForeground1;\n\n    return useMemo(() => ControlTheme.GetV8ThemeFromFluentDesignLanguage(fluentDesignLanguage), [primaryColor, backgroundColor, textColor, id]);\n};\n"],"names":[],"mappings":";;;AAIa,MAAA,eAAe,GAAG,CAAC,oBAAyC,KAAY;AACjF,IAAA,MAAM,EAAE,GAAG,oBAAoB,EAAE,iBAAiB,EAAE,EAAE,CAAC;AACvD,IAAA,MAAM,YAAY,GAAG,oBAAoB,EAAE,UAAU,CAAC,6BAA6B,CAAC;AACpF,IAAA,MAAM,eAAe,GAAG,oBAAoB,EAAE,UAAU,CAAC,uBAAuB,CAAC;AACjF,IAAA,MAAM,SAAS,GAAG,oBAAoB,EAAE,UAAU,CAAC,uBAAuB,CAAC;IAE3E,OAAO,OAAO,CAAC,MAAM,YAAY,CAAC,kCAAkC,CAAC,oBAAoB,CAAC,EAAE,CAAC,YAAY,EAAE,eAAe,EAAE,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC;AAChJ;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@talxis/base-controls",
-  "version": "1.2508.2",
+  "version": "1.2509.1-alpha.1",
   "description": "Set of React components that natively work with Power Apps Component Framework API's",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -70,25 +70,29 @@
     "@ag-grid-community/core": "^31.3.2",
     "@ag-grid-community/react": "^31.3.2",
     "@ag-grid-community/styles": "^31.3.2",
+    "@ag-grid-enterprise/clipboard": "31.3.2",
     "@ag-grid-enterprise/core": "31.3.2",
     "@ag-grid-enterprise/row-grouping": "31.3.2",
+    "@ag-grid-enterprise/server-side-row-model": "31.3.2",
     "@fluentui/react-migration-v8-v9": "^9.6.20",
+    "@talxis/client-libraries": "1.2509.1-alpha.1",
     "color": "^4.2.3",
     "dayjs": "^1.11.10",
+    "debounce": "^2.2.0",
     "external-svg-loader": "^1.7.1",
     "fast-deep-equal": "^3.1.3",
+    "hotkeys-js": "^3.13.15",
     "humanize-duration": "^3.32.0",
     "liquidjs": "^9.43.0",
     "merge-anything": "^5.1.7",
     "numeral": "^2.0.6",
     "use-debounce": "^10.0.1",
-    "validator": "^13.11.9",
-    "@talxis/client-libraries": "^1.2506.4"
+    "validator": "^13.11.9"
   },
   "peerDependencies": {
     "@fluentui/react": "<=8.121.5",
-    "@talxis/react-components": "^1.2503.4",
+    "@talxis/react-components": "1.2509.1-alpha.0",
     "react": "^16.8.6 || ^17.0.2",
     "react-dom": "^16.8.6 || ^17.0.2"
   }
-}
+}

package/dist/components/DatasetControl/Paging/DatasetPaging.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { IDatasetPaging } from "./interfaces";
-export declare const DatasetPaging: (props: IDatasetPaging) => JSX.Element;

package/dist/components/DatasetControl/Paging/DatasetPaging.js

@@ -1,69 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { ThemeProvider, CommandBarButton, ContextualMenuItemType } from '@fluentui/react';
-import { getPagingStyles } from './styles.js';
-import { useMemo } from 'react';
-import { Paging } from './Paging.js';
-import { CommandBar } from '@talxis/react-components';
-import { datasetPagingTranslations } from './translations.js';
-import { useControl } from '../../../hooks/useControl.js';
-
-const PAGE_SIZE_OPTIONS = ['25', '50', '75', '100', '250'];
-const DatasetPaging = (props) => {
-    const { labels, theme } = useControl('DatasetPaging', props, datasetPagingTranslations);
-    const styles = useMemo(() => getPagingStyles(theme), [theme]);
-    const paging = useMemo(() => new Paging(() => props.parameters, () => labels), []);
-    const parameters = props.parameters;
-    const dataset = parameters.Dataset;
-    const getPageSizeOptions = () => {
-        return PAGE_SIZE_OPTIONS.map(size => {
-            return {
-                key: size,
-                text: size,
-                checked: parseInt(size) === paging.pageSize,
-                className: styles.pageSizeOption,
-                onClick: () => paging.setPageSize(parseInt(size))
-            };
-        });
-    };
-    return (jsxs(ThemeProvider, { theme: theme, className: styles.datasetPagingRoot, children: [jsx("div", { className: styles.pageSizeBtnWrapper, children: jsx(CommandBarButton, { disabled: dataset.loading || !paging.isEnabled, text: paging.toString(), menuProps: parameters.EnablePageSizeSwitcher?.raw !== false ? {
-                        items: [
-                            {
-                                key: 'header',
-                                itemType: ContextualMenuItemType.Header,
-                                text: labels['page-record-count'](),
-                            },
-                            {
-                                key: 'divider',
-                                itemType: ContextualMenuItemType.Divider,
-                            },
-                            ...getPageSizeOptions()
-                        ]
-                    } : undefined }) }), paging.isEnabled &&
-                jsx(CommandBar, { className: styles.pagination, items: [], farItems: [{
-                            key: 'FirstPage',
-                            iconOnly: true,
-                            iconProps: { iconName: 'DoubleChevronLeft' },
-                            disabled: !paging.hasPreviousPage || dataset.loading,
-                            onClick: () => paging.reset()
-                        }, {
-                            key: 'PreviousPage',
-                            iconOnly: true,
-                            iconProps: { iconName: 'Back' },
-                            disabled: !paging.hasPreviousPage || dataset.loading,
-                            onClick: () => paging.loadPreviousPage()
-                        }, {
-                            key: 'CurrentPage',
-                            text: `${labels['paging-page']()} ${paging.pageNumber.toString()}`,
-                            className: styles.currentPageBtn,
-                            disabled: true,
-                        }, {
-                            key: 'NextPage',
-                            iconOnly: true,
-                            iconProps: { iconName: 'Forward' },
-                            disabled: !paging.hasNextPage || dataset.loading,
-                            onClick: () => paging.loadNextPage()
-                        }] })] }));
-};
-
-export { DatasetPaging };
-//# sourceMappingURL=DatasetPaging.js.map

package/dist/components/DatasetControl/Paging/DatasetPaging.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DatasetPaging.js","sources":["../../../../src/components/DatasetControl/Paging/DatasetPaging.tsx"],"sourcesContent":["import { CommandBarButton, ContextualMenuItemType, IContextualMenuItem, ThemeProvider } from \"@fluentui/react\";\nimport { useControl } from \"../../../hooks\";\nimport { IDatasetPaging } from \"./interfaces\";\nimport { getPagingStyles } from \"./styles\";\nimport { useMemo } from \"react\";\nimport { Paging } from \"./Paging\";\nimport { CommandBar } from \"@talxis/react-components\";\nimport { datasetPagingTranslations } from \"./translations\";\n\nconst PAGE_SIZE_OPTIONS = ['25', '50', '75', '100', '250'];\n\nexport const DatasetPaging = (props: IDatasetPaging) => {\n    const { labels, theme } = useControl('DatasetPaging', props, datasetPagingTranslations);\n    const styles = useMemo(() => getPagingStyles(theme), [theme]);\n    const paging = useMemo(() => new Paging(() => props.parameters, () => labels), []);\n    const parameters = props.parameters;\n    const dataset = parameters.Dataset;\n\n    const getPageSizeOptions = (): IContextualMenuItem[] => {\n        return PAGE_SIZE_OPTIONS.map(size => {\n            return {\n                key: size,\n                text: size,\n                checked: parseInt(size) === paging.pageSize,\n                className: styles.pageSizeOption,\n                onClick: () => paging.setPageSize(parseInt(size))\n            }\n        })\n    }\n    return (\n        <ThemeProvider theme={theme} className={styles.datasetPagingRoot}>\n            <div className={styles.pageSizeBtnWrapper}>\n                <CommandBarButton\n                    disabled={dataset.loading || !paging.isEnabled}\n                    text={paging.toString()}\n                    menuProps={parameters.EnablePageSizeSwitcher?.raw !== false ? {\n                        items: [\n                            {\n                                key: 'header',\n                                itemType: ContextualMenuItemType.Header,\n                                text: labels['page-record-count'](),\n                            },\n                            {\n                                key: 'divider',\n                                itemType: ContextualMenuItemType.Divider,\n                            },\n                            ...getPageSizeOptions()\n                        ]\n                    } : undefined}\n                />\n            </div>\n            {paging.isEnabled &&\n                <CommandBar\n                    className={styles.pagination}\n                    items={[]}\n                    farItems={[{\n                        key: 'FirstPage',\n                        iconOnly: true,\n                        iconProps: { iconName: 'DoubleChevronLeft' },\n                        disabled: !paging.hasPreviousPage || dataset.loading,\n                        onClick: () => paging.reset()\n                    }, {\n                        key: 'PreviousPage',\n                        iconOnly: true,\n                        iconProps: { iconName: 'Back' },\n                        disabled: !paging.hasPreviousPage || dataset.loading,\n                        onClick: () => paging.loadPreviousPage()\n                    }, {\n                        key: 'CurrentPage',\n                        text: `${labels['paging-page']()} ${paging.pageNumber.toString()}`,\n                        className: styles.currentPageBtn,\n                        disabled: true,\n                    }, {\n                        key: 'NextPage',\n                        iconOnly: true,\n                        iconProps: { iconName: 'Forward' },\n                        disabled: !paging.hasNextPage || dataset.loading,\n                        onClick: () => paging.loadNextPage()\n                    }]}\n                />\n            }\n        </ThemeProvider>\n    )\n\n\n\n}"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/components/DatasetControl/Paging/Paging.d.ts

@@ -1,26 +0,0 @@
-import { IDatasetPagingParameters } from "./interfaces";
-import { ITranslation } from "../../../hooks";
-import { datasetPagingTranslations } from "./translations";
-type ILabels = Required<ITranslation<typeof datasetPagingTranslations>>;
-export 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;
-}
-export {};