@talxis/base-controls 1.2601.3 → 1.2601.5

package/dist/components/GridCellRenderer/ValueRenderer/styles.js

@@ -19,6 +19,7 @@ const getMultilineStyles = () => {
     return {
         whiteSpace: 'normal',
         display: '-webkit-box',
+        //@ts-ignore
         '-webkit-box-orient': 'vertical',
         //@ts-ignore
         wordBreak: 'auto-phrase',

package/dist/components/GridCellRenderer/ValueRenderer/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/GridCellRenderer/ValueRenderer/styles.ts"],"sourcesContent":["import { ITheme, mergeStyleSets } from \"@fluentui/react\"\nimport { CSSProperties } from \"react\";\n\ninterface IDeps {\n    theme: ITheme;\n    isMultiline: boolean;\n    makeBold: boolean;\n}\n\nexport const getValueRendererStyles = (deps: IDeps) => {\n    const { isMultiline, theme } = deps;\n    return mergeStyleSets({\n        text: {\n            fontSize: 'inherit',\n            ...isMultiline ? getMultilineStyles() : {},\n        },\n        link: {\n             ...isMultiline ? getMultilineStyles() : {},\n        },\n        placeholder: {\n            color: theme.semanticColors.disabledText\n        }\n    })\n}\n\nconst getMultilineStyles = (): CSSProperties => {\n    return {\n        whiteSpace: 'normal',\n        display: '-webkit-box',\n        '-webkit-box-orient': 'vertical',\n        //@ts-ignore\n        wordBreak: 'auto-phrase',\n        '-webkit-line-clamp': '6',\n        lineHeight: 'normal'\n    }\n}"],"names":[],"mappings":";;AASa,MAAA,sBAAsB,GAAG,CAAC,IAAW,KAAI;AAClD,IAAA,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;AACpC,IAAA,OAAO,cAAc,CAAC;AAClB,QAAA,IAAI,EAAE;AACF,YAAA,QAAQ,EAAE,SAAS;YACnB,GAAG,WAAW,GAAG,kBAAkB,EAAE,GAAG,EAAE;AAC7C,SAAA;AACD,QAAA,IAAI,EAAE;YACD,GAAG,WAAW,GAAG,kBAAkB,EAAE,GAAG,EAAE;AAC9C,SAAA;AACD,QAAA,WAAW,EAAE;AACT,YAAA,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,YAAY;AAC3C,SAAA;AACJ,KAAA,CAAC,CAAA;AACN,EAAC;AAED,MAAM,kBAAkB,GAAG,MAAoB;IAC3C,OAAO;AACH,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,OAAO,EAAE,aAAa;AACtB,QAAA,oBAAoB,EAAE,UAAU;;AAEhC,QAAA,SAAS,EAAE,aAAa;AACxB,QAAA,oBAAoB,EAAE,GAAG;AACzB,QAAA,UAAU,EAAE,QAAQ;KACvB,CAAA;AACL,CAAC;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../src/components/GridCellRenderer/ValueRenderer/styles.ts"],"sourcesContent":["import { ITheme, mergeStyleSets } from \"@fluentui/react\"\nimport { CSSProperties } from \"react\";\n\ninterface IDeps {\n    theme: ITheme;\n    isMultiline: boolean;\n    makeBold: boolean;\n}\n\nexport const getValueRendererStyles = (deps: IDeps) => {\n    const { isMultiline, theme } = deps;\n    return mergeStyleSets({\n        text: {\n            fontSize: 'inherit',\n            ...isMultiline ? getMultilineStyles() : {},\n        },\n        link: {\n            ...isMultiline ? getMultilineStyles() : {},\n        },\n        placeholder: {\n            color: theme.semanticColors.disabledText\n        }\n    })\n}\n\nconst getMultilineStyles = (): CSSProperties => {\n    return {\n        whiteSpace: 'normal',\n        display: '-webkit-box',\n        //@ts-ignore\n        '-webkit-box-orient': 'vertical',\n        //@ts-ignore\n        wordBreak: 'auto-phrase',\n        '-webkit-line-clamp': '6',\n        lineHeight: 'normal'\n    }\n}"],"names":[],"mappings":";;AASa,MAAA,sBAAsB,GAAG,CAAC,IAAW,KAAI;AAClD,IAAA,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;AACpC,IAAA,OAAO,cAAc,CAAC;AAClB,QAAA,IAAI,EAAE;AACF,YAAA,QAAQ,EAAE,SAAS;YACnB,GAAG,WAAW,GAAG,kBAAkB,EAAE,GAAG,EAAE;AAC7C,SAAA;AACD,QAAA,IAAI,EAAE;YACF,GAAG,WAAW,GAAG,kBAAkB,EAAE,GAAG,EAAE;AAC7C,SAAA;AACD,QAAA,WAAW,EAAE;AACT,YAAA,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,YAAY;AAC3C,SAAA;AACJ,KAAA,CAAC,CAAA;AACN,EAAC;AAED,MAAM,kBAAkB,GAAG,MAAoB;IAC3C,OAAO;AACH,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,OAAO,EAAE,aAAa;;AAEtB,QAAA,oBAAoB,EAAE,UAAU;;AAEhC,QAAA,SAAS,EAAE,aAAa;AACxB,QAAA,oBAAoB,EAAE,GAAG;AACzB,QAAA,UAAU,EAAE,QAAQ;KACvB,CAAA;AACL,CAAC;;;;"}

package/dist/components/Lookup/Lookup.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { ILookup } from "./interfaces";
-export declare const Lookup: (props: ILookup) => JSX.Element;
+export declare const Lookup: (props: ILookup) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Lookup/components/RecordCreator.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IEntity, ILookupTranslations } from "../interfaces";
 import { StringProps } from '../../../types';
 interface IRecordCreator {
@@ -6,5 +5,5 @@ interface IRecordCreator {
     entities: IEntity[];
     onCreateRecord: (entityName: string) => void;
 }
-export declare const RecordCreator: (props: IRecordCreator) => JSX.Element;
+export declare const RecordCreator: (props: IRecordCreator) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Lookup/components/TargetSelector.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import { IEntity } from '../interfaces';
 interface ITargetSelector {
     labels: any;
     entities: IEntity[];
     onEntitySelected: (entityName: string | null) => void;
 }
-export declare const TargetSelector: (props: ITargetSelector) => JSX.Element;
+export declare const TargetSelector: (props: ITargetSelector) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/MultiSelectOptionSet/ColofulOptions/ColorfulOptions.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { IContext, IMultiSelectOptionSetProperty } from "../../../interfaces";
 interface IColorfulOptionsProps {
     value: IMultiSelectOptionSetProperty;
     context: IContext;
 }
-export declare const ColorfulOptions: (props: IColorfulOptionsProps) => JSX.Element;
+export declare const ColorfulOptions: (props: IColorfulOptionsProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/MultiSelectOptionSet/MultiSelectOptionSet.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IMultiSelectOptionSet } from './interfaces';
-export declare const MultiSelectOptionSet: (props: IMultiSelectOptionSet) => JSX.Element;
+export declare const MultiSelectOptionSet: (props: IMultiSelectOptionSet) => import("react/jsx-runtime").JSX.Element;

package/dist/components/NestedControlRenderer/NestedControlRenderer.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { INestedControlRenderer } from './interfaces';
-export declare const NestedControlRenderer: (props: INestedControlRenderer) => JSX.Element;
+export declare const NestedControlRenderer: (props: INestedControlRenderer) => import("react/jsx-runtime").JSX.Element;

package/dist/components/OptionSet/OptionSet.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IOptionSet } from './interfaces';
-export declare const OptionSet: (props: IOptionSet) => JSX.Element;
+export declare const OptionSet: (props: IOptionSet) => import("react/jsx-runtime").JSX.Element;

package/dist/components/OptionSet/shared.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="@types/powerapps-component-framework" />
-/// <reference types="react" />
 import { IComboBoxOption, ITheme } from "@fluentui/react";
-export declare const onRenderColorfulOption: (options: ComponentFramework.PropertyHelper.OptionMetadata[], option: IComboBoxOption | undefined, theme: ITheme) => JSX.Element | null;
+export declare const onRenderColorfulOption: (options: ComponentFramework.PropertyHelper.OptionMetadata[], option: IComboBoxOption | undefined, theme: ITheme) => import("react/jsx-runtime").JSX.Element | null;
 export declare const getIsColorFeatureEnabled: (enableColors: boolean | undefined, options: ComponentFramework.PropertyHelper.OptionMetadata[]) => boolean;

package/dist/components/Ribbon/styles.d.ts

@@ -1,6 +1,7 @@
 export declare const getRibbonStyles: () => import("@fluentui/react").IProcessedStyleSet<{
     container: {
         flex: number;
+        minWidth: number;
     };
     shimmerRoot: {
         width: string;

package/dist/components/Ribbon/styles.js

@@ -4,6 +4,7 @@ const getRibbonStyles = () => {
     return mergeStyleSets({
         container: {
             flex: 1,
+            minWidth: 0,
         },
         shimmerRoot: {
             width: '100%',

package/dist/components/Ribbon/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../src/components/Ribbon/styles.ts"],"sourcesContent":["import { mergeStyleSets } from \"@fluentui/react\"\n\nexport const getRibbonStyles = () => {\n    return mergeStyleSets({\n        container: {\n            flex: 1,\n        },\n        shimmerRoot: {\n            width: '100%',\n        },\n        shimmerWrapper: {\n            height: 44\n        },\n        commandBtnRoot: {\n            'img': {\n                width: 18\n            }\n        }\n    })\n}"],"names":[],"mappings":";;AAEO,MAAM,eAAe,GAAG,MAAK;AAChC,IAAA,OAAO,cAAc,CAAC;AAClB,QAAA,SAAS,EAAE;AACP,YAAA,IAAI,EAAE,CAAC;AACV,SAAA;AACD,QAAA,WAAW,EAAE;AACT,YAAA,KAAK,EAAE,MAAM;AAChB,SAAA;AACD,QAAA,cAAc,EAAE;AACZ,YAAA,MAAM,EAAE,EAAE;AACb,SAAA;AACD,QAAA,cAAc,EAAE;AACZ,YAAA,KAAK,EAAE;AACH,gBAAA,KAAK,EAAE,EAAE;AACZ,aAAA;AACJ,SAAA;AACJ,KAAA,CAAC,CAAA;AACN;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../src/components/Ribbon/styles.ts"],"sourcesContent":["import { mergeStyleSets } from \"@fluentui/react\"\n\nexport const getRibbonStyles = () => {\n    return mergeStyleSets({\n        container: {\n            flex: 1,\n            minWidth: 0,\n        },\n        shimmerRoot: {\n            width: '100%',\n        },\n        shimmerWrapper: {\n            height: 44\n        },\n        commandBtnRoot: {\n            'img': {\n                width: 18\n            }\n        }\n    })\n}"],"names":[],"mappings":";;AAEO,MAAM,eAAe,GAAG,MAAK;AAChC,IAAA,OAAO,cAAc,CAAC;AAClB,QAAA,SAAS,EAAE;AACP,YAAA,IAAI,EAAE,CAAC;AACP,YAAA,QAAQ,EAAE,CAAC;AACd,SAAA;AACD,QAAA,WAAW,EAAE;AACT,YAAA,KAAK,EAAE,MAAM;AAChB,SAAA;AACD,QAAA,cAAc,EAAE;AACZ,YAAA,MAAM,EAAE,EAAE;AACb,SAAA;AACD,QAAA,cAAc,EAAE;AACZ,YAAA,KAAK,EAAE;AACH,gBAAA,KAAK,EAAE,EAAE;AACZ,aAAA;AACJ,SAAA;AACJ,KAAA,CAAC,CAAA;AACN;;;;"}

package/dist/components/TextField/TextField.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { ITextField } from './interfaces';
-export declare const TextField: (props: ITextField) => JSX.Element;
+export declare const TextField: (props: ITextField) => import("react/jsx-runtime").JSX.Element;

package/dist/components/TwoOptions/TwoOptions.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { ITwoOptions } from './interfaces';
-export declare const TwoOptions: (props: ITwoOptions) => JSX.Element;
+export declare const TwoOptions: (props: ITwoOptions) => import("react/jsx-runtime").JSX.Element;

package/dist/hooks/useShouldRemount.d.ts

@@ -0,0 +1 @@
+export declare const useShouldRemount: () => [boolean, () => void];

package/dist/hooks/useShouldRemount.js

@@ -0,0 +1,14 @@
+import React, { useEffect } from 'react';
+
+const useShouldRemount = () => {
+    const [shouldRemount, setShouldRemount] = React.useState(false);
+    useEffect(() => {
+        if (shouldRemount) {
+            setShouldRemount(false);
+        }
+    }, [shouldRemount]);
+    return [shouldRemount, () => setShouldRemount(true)];
+};
+
+export { useShouldRemount };
+//# sourceMappingURL=useShouldRemount.js.map

package/dist/hooks/useShouldRemount.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useShouldRemount.js","sources":["../../src/hooks/useShouldRemount.ts"],"sourcesContent":["import React, { useEffect } from \"react\";\n\nexport const useShouldRemount = (): [boolean, () => void] => {\n    const [shouldRemount, setShouldRemount] = React.useState(false);\n\n    useEffect(() => {\n        if(shouldRemount) {\n            setShouldRemount(false);\n        }\n    }, [shouldRemount]);\n\n    return [shouldRemount, () => setShouldRemount(true)];;\n}"],"names":[],"mappings":";;AAEO,MAAM,gBAAgB,GAAG,MAA4B;AACxD,IAAA,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhE,SAAS,CAAC,MAAK;AACX,QAAA,IAAG,aAAa,EAAE;YACd,gBAAgB,CAAC,KAAK,CAAC,CAAC;AAC3B,SAAA;AACL,KAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,OAAO,CAAC,aAAa,EAAE,MAAM,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC;AACzD;;;;"}

package/dist/index.d.ts

@@ -1,8 +1,9 @@
 /// <reference types="@types/powerapps-component-framework" />
 /// <reference types="react" />
-import { ITheme, ICommandBarProps, ITextFieldProps, IDatePickerProps, ITagPickerProps, IComboBoxProps } from '@talxis/react-components';
-import { DeepPartial, DataType, IDataset, EventEmitter, IInterceptor, ICommand, AggregationFunction, IColumn, IRecord, Dataset, IDataProvider, IRawRecord, IEventEmitter } from '@talxis/client-libraries';
-import { ITheme as ITheme$1, ThemeProviderProps, IShimmerProps, IButtonProps, IMessageBarProps, ILabelProps, IIconProps, ITextProps, ILinkProps, IImageProps, ISpinnerProps, IMessageBar, IToggleProps } from '@fluentui/react';
+import { ITheme, ICommandBarProps, ITextFieldProps, ICalloutProps as ICalloutProps$1, IDatePickerProps, ITagPickerProps, IComboBoxProps } from '@talxis/react-components';
+import { DeepPartial, DataType, IDataset, IEventEmitter, IColumn, IAvailableRelatedColumn, IInterceptor, ICommand, AggregationFunction, IRecord, Dataset, IDataProvider, IRawRecord } from '@talxis/client-libraries';
+import { ITheme as ITheme$1, ThemeProviderProps, IShimmerProps, IButtonProps, IMessageBarProps, ITextProps, ILabelProps, IIconProps, ILinkProps, IImageProps, ISpinnerProps, IMessageBar, IToggleProps } from '@fluentui/react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import React$1 from 'react';
 import { AgGridReactProps } from '@ag-grid-community/react';
 
@@ -109,7 +110,7 @@ interface IThemeWrapper extends ThemeProviderProps {
     fluentDesignLanguage?: ComponentFramework.FluentDesignState;
     children?: React$1.ReactNode;
 }
-declare const ThemeWrapper: (props: IThemeWrapper) => JSX.Element;
+declare const ThemeWrapper: (props: IThemeWrapper) => react_jsx_runtime.JSX.Element;
 
 type BaseControl = 'TextField' | 'OptionSet' | 'MultiSelectOptionSet' | 'DateTime' | 'Decimal' | 'Duration' | 'GridCellRenderer' | 'Lookup' | 'TwoOptions' | 'GridCellRenderer' | 'Grid' | 'DatasetControl' | 'NestedControl' | 'GridColumnHeader' | 'Ribbon' | 'GridInlineRibbon';
 declare class BaseControls {
@@ -373,7 +374,7 @@ interface IGridParameters extends IParameters {
 interface IGridOutputs extends IOutputs$1 {
 }
 
-declare const Grid: (props: IGrid) => JSX.Element;
+declare const Grid: (props: IGrid) => react_jsx_runtime.JSX.Element;
 
 declare const datasetControlTranslations: {
     search: {
@@ -384,6 +385,38 @@ declare const datasetControlTranslations: {
         1029: string;
         1033: string;
     };
+    'no-name': {
+        1029: string;
+        1033: string;
+    };
+    "column-source": {
+        1029: string;
+        1033: string;
+    };
+    "no-result-found": {
+        1029: string;
+        1033: string;
+    };
+    "add-column": {
+        1029: string;
+        1033: string;
+    };
+    cancel: {
+        1029: string;
+        1033: string;
+    };
+    'edit-columns': {
+        1029: string;
+        1033: string;
+    };
+    'edit-filters': {
+        1029: string;
+        1033: string;
+    };
+    save: {
+        1029: string;
+        1033: string;
+    };
     generalError: {
         1029: string;
         1033: string;
@@ -436,6 +469,22 @@ declare const datasetControlTranslations: {
         1029: string;
         1033: string;
     };
+    "quickfind-like-warning": {
+        1029: string;
+        1033: string;
+    };
+    "quickfind-search-use-filter": {
+        1029: string;
+        1033: string;
+    };
+    "quickfind-search-starts-with": {
+        1029: string;
+        1033: string;
+    };
+    "quickfind-search-on-these-columns": {
+        1029: string;
+        1033: string;
+    };
 };
 
 interface IRibbonComponentProps {
@@ -448,14 +497,36 @@ interface IComponentProps$2 {
     onRenderCommandBar: (props: ICommandBarProps, defaultRender: (props: ICommandBarProps) => React.ReactElement) => React.ReactElement;
 }
 
+interface IEditColumnsEvents {
+    onColumnAdded: (column: IColumn) => void;
+    onColumnsChanged: (newColumns: IColumn[]) => void;
+    onRelatedEntityColumnChanged: (relatedEntityColumn: IColumn | null) => void;
+}
+interface IEditColumns extends IEventEmitter<IEditColumnsEvents> {
+    save(): void;
+    getColumns(): (IColumn & {
+        id: string;
+    })[];
+    deleteColumn(name: string): void;
+    addColumn(column: IColumn): void;
+    getAvailableColumns(query?: string): Promise<IColumn[]>;
+    getAvailableRelatedColumns(query?: string): Promise<IAvailableRelatedColumn[]>;
+    selectRelatedEntityColumn(column: IAvailableRelatedColumn): void;
+    onColumnMoved(draggedColumnId: string, targetColumnId: string): void;
+    getMainEntityColumn(): IAvailableRelatedColumn;
+}
+
 interface IDatasetControlEvents {
     onRecordCommandsLoaded: () => void;
+    onRemountRequested: () => void;
+    onEditColumnsRequested: () => void;
     onInitialized: () => void;
 }
 interface IDatasetControlInterceptors {
     onInitialize: () => Promise<void>;
 }
-interface IDatasetControl extends EventEmitter<IDatasetControlEvents> {
+interface IDatasetControl extends IEventEmitter<IDatasetControlEvents> {
+    editColumns: IEditColumns;
     setInterceptor<K extends keyof IDatasetControlInterceptors>(event: K, interceptor: IInterceptor<IDatasetControlInterceptors, K>): void;
     isPaginationVisible(): boolean;
     isRecordCountVisible(): boolean;
@@ -470,7 +541,12 @@ interface IDatasetControl extends EventEmitter<IDatasetControlEvents> {
     loadCommands(ids: string[]): Promise<void>;
     retrieveRecordCommands(): ICommand[];
     areCommandsLoaded(): boolean;
+    isEditColumnsVisible(): boolean;
+    isViewSwitcherVisible(): boolean;
+    isEditFiltersVisible(): boolean;
+    requestEditColumns(): void;
     destroy(): void;
+    requestRemount(): void;
     init(): Promise<void>;
     getState(): ComponentFramework.Dictionary;
     saveState(): void;
@@ -491,6 +567,7 @@ interface IDatasetControlProps extends Omit<IControl<IDatasetControlParameters,
     }) => React$1.ReactElement<IControl<any, any, any, any>>;
 }
 interface IDatasetControlParameters extends IGridParameters {
+    EnableEditColumns?: Omit<ITwoOptionsProperty, 'attributes'>;
     ClientApiWebresourceName?: IStringProperty;
     ClientApiFunctionName?: IStringProperty;
 }
@@ -527,6 +604,9 @@ interface IRibbonQuickFindWrapperProps {
     ribbonQuickFindContainerProps: React$1.HTMLAttributes<HTMLDivElement>;
     isRibbonVisible: boolean;
     isQuickFindVisible: boolean;
+    isViewSwitcherVisible: boolean;
+    isEditColumnsVisible: boolean;
+    isEditFiltersVisible: boolean;
     onRenderQuickFind: (props: IQuickFindProps, defaultRender: (props: IQuickFindProps) => React$1.ReactElement) => React$1.ReactElement;
     onRenderRibbon: IRibbonComponentProps['onRender'];
 }
@@ -539,12 +619,30 @@ interface IUnsavedChangesMesssageBarProps {
     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 IColumnList extends React$1.HTMLAttributes<HTMLDivElement> {
+    columns: IColumn[];
+    onRenderColumnLabel: (props: ITextProps & {
+        key: string;
+    }, defaultRender: (props: ITextProps) => React$1.ReactElement) => React$1.ReactElement;
+}
+interface ICalloutProps extends ICalloutProps$1 {
+    isVisible: boolean;
+    isLikeQuery: boolean;
+    onRenderLikeOperatorWarning: (props: ITextProps, defaultRender: (props: ITextProps) => React$1.ReactElement) => React$1.ReactElement;
+    onRenderBegingsWithFilterInfo: (props: ITextProps, defaultRender: (props: ITextProps) => React$1.ReactElement) => React$1.ReactElement;
+    onRenderColumnsList: (props: IColumnList, defaultRender: (props: IColumnList) => React$1.ReactElement) => React$1.ReactElement;
+}
+interface ICalloutContainer extends React$1.HTMLAttributes<HTMLDivElement> {
+    isVisible: boolean;
+    onRenderCallout: (props: ICalloutProps, defaultRender: (props: ICalloutProps) => React$1.ReactElement) => React$1.ReactElement;
+}
 interface IQuickFindProps {
-    textFieldProps: ITextFieldProps;
+    containerProps: React$1.HTMLAttributes<HTMLDivElement>;
     onRenderTextField: (props: ITextFieldProps, defaultRender: (props: ITextFieldProps) => React$1.ReactElement) => React$1.ReactElement;
+    onRenderCalloutContainer: (props: ICalloutContainer, defaultRender: (props: ICalloutContainer) => React$1.ReactElement) => React$1.ReactElement;
 }
 
-declare const DatasetControl: (props: IDatasetControlProps) => JSX.Element;
+declare const DatasetControl: (props: IDatasetControlProps) => react_jsx_runtime.JSX.Element;
 
 interface IParameters$1 {
     [key: string]: IProperty | undefined;
@@ -609,7 +707,7 @@ interface IDateTimeOutputs extends IOutputs$1 {
     value?: Date;
 }
 
-declare const DateTime: (componentProps: IDateTime) => JSX.Element;
+declare const DateTime: (componentProps: IDateTime) => react_jsx_runtime.JSX.Element;
 
 declare const useDateTime: (props: IDateTime, ref: React.RefObject<HTMLDivElement>) => [boolean, ITheme, ITranslation<Partial<ITranslations<{
     time: {
@@ -651,7 +749,7 @@ interface IDecimalOutputs extends IOutputs$1 {
     value?: number;
 }
 
-declare const Decimal: (props: IDecimal) => JSX.Element;
+declare const Decimal: (props: IDecimal) => react_jsx_runtime.JSX.Element;
 
 declare const gridGroupCellRendererTranslations: {
     download: {
@@ -755,7 +853,7 @@ interface IFileRendererProps {
     onRenderLink: (props: ILinkProps, defaultRender: (props: ILinkProps) => React.ReactElement) => React.ReactElement;
 }
 
-declare const GridCellRenderer: (props: IGridCellRenderer) => JSX.Element;
+declare const GridCellRenderer: (props: IGridCellRenderer) => react_jsx_runtime.JSX.Element;
 
 declare const lookupTranslations: {
     search: {
@@ -857,7 +955,7 @@ interface ICell {
     LabelId?: string;
 }
 
-declare const Lookup: (props: ILookup) => JSX.Element;
+declare const Lookup: (props: ILookup) => react_jsx_runtime.JSX.Element;
 
 declare const useLookup: (props: ILookup) => [ComponentFramework.LookupValue[], IEntity[], ITranslation<Partial<ITranslations<{
     search: {
@@ -909,7 +1007,7 @@ interface IMultiSelectOptionSetOutputs extends IOutputs$1 {
     value?: number[];
 }
 
-declare const MultiSelectOptionSet: (props: IMultiSelectOptionSet) => JSX.Element;
+declare const MultiSelectOptionSet: (props: IMultiSelectOptionSet) => react_jsx_runtime.JSX.Element;
 
 interface IOptions {
     onGetBindings: () => {
@@ -1131,7 +1229,7 @@ interface IControlStates {
     isControlDisabled?: boolean;
 }
 
-declare const NestedControlRenderer: (props: INestedControlRenderer) => JSX.Element;
+declare const NestedControlRenderer: (props: INestedControlRenderer) => react_jsx_runtime.JSX.Element;
 
 interface IOptionSet extends IControl<IOptionSetParameters, IOptionSetOutputs, any, IComboBoxProps> {
 }
@@ -1143,7 +1241,7 @@ interface IOptionSetOutputs extends IOutputs$1 {
     value?: number;
 }
 
-declare const OptionSet: (props: IOptionSet) => JSX.Element;
+declare const OptionSet: (props: IOptionSet) => react_jsx_runtime.JSX.Element;
 
 interface ITextField extends IControl<ITextFieldParameters, ITextFieldOutputs, any, ITextFieldProps> {
 }
@@ -1156,7 +1254,7 @@ interface ITextFieldOutputs extends IOutputs$1 {
     value?: string;
 }
 
-declare const TextField: (props: ITextField) => JSX.Element;
+declare const TextField: (props: ITextField) => react_jsx_runtime.JSX.Element;
 
 interface ITwoOptions extends IControl<ITwoOptionsParameters, ITwoOptionsOutputs, any, IToggleProps> {
 }
@@ -1168,7 +1266,7 @@ interface ITwoOptionsOutputs extends IOutputs$1 {
     value?: boolean;
 }
 
-declare const TwoOptions: (props: ITwoOptions) => JSX.Element;
+declare const TwoOptions: (props: ITwoOptions) => react_jsx_runtime.JSX.Element;
 
 declare const getDefaultDurationTranslations: () => {
     minute: {
@@ -1206,7 +1304,7 @@ interface IDurationOutputs extends IOutputs$1 {
     value?: number;
 }
 
-declare const Duration: (props: IDuration) => JSX.Element;
+declare const Duration: (props: IDuration) => react_jsx_runtime.JSX.Element;
 
 interface IGridInlineRibbon extends IControl<IRibbonParameters, any, any, IGridInlineRibbonComponentProps> {
 }
@@ -1321,6 +1419,7 @@ interface IInputs {
     EnableOptionSetColors?: ComponentFramework.PropertyTypes.EnumProperty<"true" | "false">;
     EnableAggregation?: ComponentFramework.PropertyTypes.EnumProperty<"true" | "false">;
     EnableGrouping?: ComponentFramework.PropertyTypes.EnumProperty<"true" | "false">;
+    EnableEditColumns?: ComponentFramework.PropertyTypes.EnumProperty<"true" | "false">;
     EnableAutoSave?: ComponentFramework.PropertyTypes.EnumProperty<"true" | "false">;
     EnableCommandBar?: ComponentFramework.PropertyTypes.EnumProperty<"true" | "false">;
     EnableZebra?: ComponentFramework.PropertyTypes.EnumProperty<"true" | "false">;

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

@@ -23,6 +23,7 @@ interface IInputs {
     EnableOptionSetColors?: ComponentFramework.PropertyTypes.EnumProperty<"true" | "false">;
     EnableAggregation?: ComponentFramework.PropertyTypes.EnumProperty<"true" | "false">;
     EnableGrouping?: ComponentFramework.PropertyTypes.EnumProperty<"true" | "false">;
+    EnableEditColumns?: ComponentFramework.PropertyTypes.EnumProperty<"true" | "false">;
     EnableAutoSave?: ComponentFramework.PropertyTypes.EnumProperty<"true" | "false">;
     EnableCommandBar?: ComponentFramework.PropertyTypes.EnumProperty<"true" | "false">;
     EnableZebra?: ComponentFramework.PropertyTypes.EnumProperty<"true" | "false">;

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

@@ -126,6 +126,9 @@ class VirtualDatasetAdapter {
             EnableQuickFind: {
                 raw: this._context.parameters.EnableQuickFind?.raw === 'true'
             },
+            EnableEditColumns: {
+                raw: this._context.parameters.EnableEditColumns?.raw === 'true'
+            },
             EnableAggregation: {
                 raw: this._context.parameters.EnableAggregation?.raw === 'true',
             },

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, IDataset, Interceptors, IRawRecord, MemoryDataProvider } from \"@talxis/client-libraries\";\nimport { IDatasetControlParameters, IDatasetControlProps } from \"../../../components\";\nimport { DatasetControl, IDatasetControl } from \"../../dataset-control\";\n\ninterface IOutputs {\n    DatasetControl?: any;\n}\n\ninterface IInputs {\n    Data: ComponentFramework.PropertyTypes.StringProperty | {\n        raw: IRawRecord[]\n    }\n    EntityMetadata: ComponentFramework.PropertyTypes.StringProperty;\n    DataProvider: ComponentFramework.PropertyTypes.EnumProperty<\"Memory\" | \"FetchXml\">;\n    EnableQuickFind?: ComponentFramework.PropertyTypes.EnumProperty<\"true\" | \"false\">;\n    Columns?: ComponentFramework.PropertyTypes.StringProperty;\n    Height?: ComponentFramework.PropertyTypes.StringProperty;\n    RowHeight?: ComponentFramework.PropertyTypes.WholeNumberProperty;\n    EnableEditing?: ComponentFramework.PropertyTypes.EnumProperty<\"true\" | \"false\">;\n    EnablePagination?: ComponentFramework.PropertyTypes.EnumProperty<\"true\" | \"false\">;\n    EnableFiltering?: ComponentFramework.PropertyTypes.EnumProperty<\"true\" | \"false\">;\n    EnableSorting?: ComponentFramework.PropertyTypes.EnumProperty<\"true\" | \"false\">;\n    EnableNavigation?: ComponentFramework.PropertyTypes.EnumProperty<\"true\" | \"false\">;\n    EnableOptionSetColors?: ComponentFramework.PropertyTypes.EnumProperty<\"true\" | \"false\">;\n    EnableAggregation?: ComponentFramework.PropertyTypes.EnumProperty<\"true\" | \"false\">;\n    EnableGrouping?: ComponentFramework.PropertyTypes.EnumProperty<\"true\" | \"false\">;\n    EnableAutoSave?: ComponentFramework.PropertyTypes.EnumProperty<\"true\" | \"false\">;\n    EnableCommandBar?: ComponentFramework.PropertyTypes.EnumProperty<\"true\" | \"false\">;\n    EnableZebra?: ComponentFramework.PropertyTypes.EnumProperty<\"true\" | \"false\">;\n    EnableGroupedColumnsPinning?: ComponentFramework.PropertyTypes.EnumProperty<\"true\" | \"false\">;\n    EnablePageSizeSwitcher?: ComponentFramework.PropertyTypes.EnumProperty<\"true\" | \"false\">;\n    EnableRecordCount?: ComponentFramework.PropertyTypes.EnumProperty<\"true\" | \"false\">;\n    HomePageGridClientApiRibbonButtonId?: ComponentFramework.PropertyTypes.StringProperty;\n    InlineRibbonButtonIds?: ComponentFramework.PropertyTypes.StringProperty;\n    DefaultExpandedGroupLevel?: ComponentFramework.PropertyTypes.WholeNumberProperty;\n    SelectableRows?: ComponentFramework.PropertyTypes.EnumProperty<\"none\" | \"single\" | \"multiple\">;\n    GroupingType?: ComponentFramework.PropertyTypes.EnumProperty<\"nested\" | \"flat\">;\n    IsLocalHarnessDebugMode?: ComponentFramework.PropertyTypes.EnumProperty<\"true\" | \"false\">;\n    ClientApiWebresourceName?: ComponentFramework.PropertyTypes.StringProperty;\n    ClientApiFunctionName?: ComponentFramework.PropertyTypes.StringProperty;\n}\n\ninterface IVirtualDatasetAdapterOptions {\n    /**\n     * Runs a promise that is awaited when the dataset control is initialized, before loading the first data.\n     */\n    onInitialize?: (dataset: IDataset) => Promise<void>;\n    /**\n     * If provided, this function is called when the dataset is initialized and awaited before loading first data.\n     */\n    CustomDataProviderClass?: new (...args: any) => IDataProvider;\n}\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 _context!: ComponentFramework.Context<IInputs, IOutputs>;\n    private _dataset!: Dataset<IDataProvider>;\n    private _container!: HTMLDivElement;\n    private _options?: IVirtualDatasetAdapterOptions\n    private _initialized: boolean = false;\n    private _state: ComponentFramework.Dictionary = {};\n    private _datasetControl!: IDatasetControl;\n\n    constructor(options?: IVirtualDatasetAdapterOptions) {\n        this._options = options;\n    }\n\n    public init(context: ComponentFramework.Context<IInputs, IOutputs>, container: HTMLDivElement, state: ComponentFramework.Dictionary) {\n        this._container = container;\n        this._context = context;\n        this._state = state ?? {};\n        if (!context.parameters.Data.raw) {\n            this._createDummyDatasetControl();\n            return this;\n        }\n        const dataProvider = this._getDataProviderInstance();\n        this._dataset = new Dataset(dataProvider);\n        //loads parameter columns\n        this._dataset.setMetadata(this._getEntityMetadata());\n        this._dataset.setDataSource(context.parameters.Data.raw);\n        this._datasetControl = new DatasetControl({\n            state: this._state,\n            //@ts-ignore - typings\n            controlId: this._context.utils._customControlProperties?.controlId,\n            onGetPcfContext: () => this._context,\n            onGetParameters: () => this._getDatasetControlParameters()\n        });\n        this._datasetControl.setInterceptor('onInitialize', async (parameters, defaultAction) => {\n            //preloads dataset\n            await defaultAction(parameters);\n            //sets columns after preload\n            this._dataset.setColumns(this._getColumns());\n            await this._options?.onInitialize?.(this.getDataset());\n        });\n        if (this._context.parameters.Height?.raw === '100%') {\n            this._container.classList.add(this._getFullTabStyles());\n        }\n        this._initialized = true;\n    }\n\n    /**\n     * @param {?() => void} [onRenderEmptyData] - Only called when the data parameter is set to `null`. This should usually not happen since it's a required parameter, but Power Apps can pass null in certain scenarios (for example on a form with new record).\n     */\n    public updateView(context: ComponentFramework.Context<IInputs, IOutputs>, onRenderComponent: (datasetControlProps: Omit<IDatasetControlProps, 'onGetControlComponent'>) => void, onRenderEmptyData?: () => void) {\n        this._context = context;\n        if (!context.parameters.Data.raw) {\n            return onRenderEmptyData?.()\n        }\n        //if not yet initialized, initialize, can happen if we start without data\n        if (!this._initialized) {\n            this.init(context, this._container, this._state);\n        }\n        return onRenderComponent({\n            onGetDatasetControlInstance: () => this._datasetControl\n        });\n    }\n\n    public getDataset(): Dataset<IDataProvider> {\n        return this._dataset;\n    }\n\n    public getDatasetControl(): IDatasetControl {\n        return this._datasetControl;\n    }\n\n    private _isEditingEnabled(): boolean {\n        return this._context.parameters.EnableEditing?.raw === 'true';\n    }\n\n    private _isAutoSaveEnabled(): boolean {\n        return this._context.parameters.EnableAutoSave?.raw === 'true';\n    }\n\n    private _isCommandBarEnabled(): boolean {\n        return this._context.parameters.EnableCommandBar?.raw !== 'false'\n    }\n\n    private _createDummyDatasetControl() {\n        this._datasetControl = new DatasetControl({\n            state: this._state,\n            //@ts-ignore - typings\n            controlId: this._context.utils._customControlProperties?.controlId,\n            onGetPcfContext: () => this._context,\n            onGetParameters: () => {\n                return {\n                    ...this._getDatasetControlParameters(),\n                    Grid: new Dataset(new MemoryDataProvider([], { PrimaryIdAttribute: 'id' }))\n                }\n            }\n        });\n    }\n\n    private _getDatasetControlParameters(): IDatasetControlParameters {\n        return {\n            Grid: this.getDataset(),\n            EnableEditing: {\n                raw: this._isEditingEnabled()\n            },\n            EnableCommandBar: {\n                raw: this._isCommandBarEnabled()\n            },\n            EnableAutoSave: {\n                raw: this._isAutoSaveEnabled()\n            },\n            EnablePagination: {\n                raw: this._context.parameters.EnablePagination?.raw !== 'false'\n            },\n            EnableFiltering: {\n                raw: this._context.parameters.EnableFiltering?.raw !== 'false'\n            },\n            EnableSorting: {\n                raw: this._context.parameters.EnableSorting?.raw !== 'false'\n            },\n            EnableNavigation: {\n                raw: this._context.parameters.EnableNavigation?.raw !== 'false'\n            },\n            EnableOptionSetColors: {\n                raw: this._context.parameters.EnableOptionSetColors?.raw === 'true'\n            },\n            SelectableRows: {\n                raw: this._context.parameters.SelectableRows?.raw ?? 'single'\n            },\n            RowHeight: {\n                raw: this._context.parameters.RowHeight?.raw ?? 42\n            },\n            //quick find is always handled by platform\n            EnableQuickFind: {\n                raw: this._context.parameters.EnableQuickFind?.raw === 'true'\n            },\n            EnableAggregation: {\n                raw: this._context.parameters.EnableAggregation?.raw === 'true',\n            },\n            EnableGrouping: {\n                raw: this._context.parameters.EnableGrouping?.raw === 'true'\n            },\n            Height: {\n                raw: this._context.parameters.Height?.raw ?? null\n            },\n            InlineRibbonButtonIds: {\n                raw: this._context.parameters.InlineRibbonButtonIds?.raw ?? null\n            },\n            EnableZebra: {\n                raw: this._context.parameters.EnableZebra?.raw !== 'false'\n            },\n            DefaultExpandedGroupLevel: {\n                raw: this._context.parameters.DefaultExpandedGroupLevel?.raw ?? null\n            },\n            EnableRecordCount: {\n                raw: this._context.parameters.EnableRecordCount?.raw !== 'false'\n            },\n            EnableGroupedColumnsPinning: {\n                raw: this._context.parameters.EnableGroupedColumnsPinning?.raw !== 'false'\n            },\n            EnablePageSizeSwitcher: {\n                raw: this._context.parameters.EnablePageSizeSwitcher?.raw !== 'false'\n            },\n            GroupingType: {\n                raw: this._context.parameters.GroupingType?.raw ?? 'nested'\n            },\n            IsLocalHarnessDebugMode: this._context.parameters.IsLocalHarnessDebugMode,\n            ClientApiWebresourceName: {\n                raw: this._context.parameters.ClientApiWebresourceName?.raw ?? null\n            },\n            ClientApiFunctionName: {\n                raw: this._context.parameters.ClientApiFunctionName?.raw ?? null\n            }\n        }\n    }\n\n    private _getDataProviderInstance(): IDataProvider {\n        if (this._options?.CustomDataProviderClass) {\n            return new this._options.CustomDataProviderClass(this._context.parameters.Data.raw);\n        }\n        switch (this._context.parameters.DataProvider.raw) {\n            case \"FetchXml\": {\n                return new FetchXmlDataProvider(this._context.parameters.Data.raw as string)\n            }\n            case 'Memory': {\n                return new MemoryDataProvider(this._context.parameters.Data.raw!, this._getEntityMetadata())\n            }\n        }\n    }\n\n    private _getColumns() {\n        try {\n            const parameterColumns = this._context.parameters.Columns?.raw;\n            const columns: IColumn[] = Array.isArray(parameterColumns) ? parameterColumns : JSON.parse(parameterColumns ?? \"[]\");\n            return this._getMergedColumns(columns);\n        }\n        catch (err) {\n            console.error(err);\n            return this._dataset.columns;\n        }\n    }\n\n    private _getMergedColumns(parameterColumns: IColumn[]): IColumn[] {\n        const columnsMap = new Map<string, IColumn>(this._dataset.columns.map((col: IColumn) => [col.name, col]));\n        const stateColumnsMap = new Map<string, IColumn>(this._state?.DatasetControlState?.columns?.map((col: IColumn) => [col.name, col]) ?? []);\n        //if we have state, return it\n        if (stateColumnsMap.size > 0) {\n            return [...stateColumnsMap.values()];\n        }\n        //no state, save to load from parameters\n        else {\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        }\n        return [...columnsMap.values()];\n    }\n\n    private _getEntityMetadata() {\n        const parameterMetadata = this._context.parameters.EntityMetadata.raw;\n        if (parameterMetadata) {\n            return JSON.parse(parameterMetadata);\n        }\n        return {};\n    }\n\n    private _getFullTabStyles() {\n        return mergeStyles({\n            display: 'flex',\n            flexDirection: 'column',\n            flexGrow: 1\n        });\n    }\n}"],"names":[],"mappings":";;;;AAuDA;;;AAGG;MACU,qBAAqB,CAAA;AAS9B,IAAA,WAAA,CAAY,OAAuC,EAAA;QAJ3C,IAAY,CAAA,YAAA,GAAY,KAAK,CAAC;QAC9B,IAAM,CAAA,MAAA,GAAkC,EAAE,CAAC;AAI/C,QAAA,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;KAC3B;AAEM,IAAA,IAAI,CAAC,OAAsD,EAAE,SAAyB,EAAE,KAAoC,EAAA;AAC/H,QAAA,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;AAC5B,QAAA,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;AACxB,QAAA,IAAI,CAAC,MAAM,GAAG,KAAK,IAAI,EAAE,CAAC;QAC1B,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,EAAE;YAC9B,IAAI,CAAC,0BAA0B,EAAE,CAAC;AAClC,YAAA,OAAO,IAAI,CAAC;AACf,SAAA;AACD,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,wBAAwB,EAAE,CAAC;QACrD,IAAI,CAAC,QAAQ,GAAG,IAAI,OAAO,CAAC,YAAY,CAAC,CAAC;;QAE1C,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC,CAAC;AACrD,QAAA,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACzD,QAAA,IAAI,CAAC,eAAe,GAAG,IAAI,cAAc,CAAC;YACtC,KAAK,EAAE,IAAI,CAAC,MAAM;;YAElB,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,wBAAwB,EAAE,SAAS;AAClE,YAAA,eAAe,EAAE,MAAM,IAAI,CAAC,QAAQ;AACpC,YAAA,eAAe,EAAE,MAAM,IAAI,CAAC,4BAA4B,EAAE;AAC7D,SAAA,CAAC,CAAC;AACH,QAAA,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,cAAc,EAAE,OAAO,UAAU,EAAE,aAAa,KAAI;;AAEpF,YAAA,MAAM,aAAa,CAAC,UAAU,CAAC,CAAC;;YAEhC,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC;AAC7C,YAAA,MAAM,IAAI,CAAC,QAAQ,EAAE,YAAY,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;AAC3D,SAAC,CAAC,CAAC;QACH,IAAI,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,MAAM,EAAE,GAAG,KAAK,MAAM,EAAE;AACjD,YAAA,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,iBAAiB,EAAE,CAAC,CAAC;AAC3D,SAAA;AACD,QAAA,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;KAC5B;AAED;;AAEG;AACI,IAAA,UAAU,CAAC,OAAsD,EAAE,iBAAqG,EAAE,iBAA8B,EAAA;AAC3M,QAAA,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;QACxB,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,EAAE;YAC9B,OAAO,iBAAiB,IAAI,CAAA;AAC/B,SAAA;;AAED,QAAA,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;AACpB,YAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;AACpD,SAAA;AACD,QAAA,OAAO,iBAAiB,CAAC;AACrB,YAAA,2BAA2B,EAAE,MAAM,IAAI,CAAC,eAAe;AAC1D,SAAA,CAAC,CAAC;KACN;IAEM,UAAU,GAAA;QACb,OAAO,IAAI,CAAC,QAAQ,CAAC;KACxB;IAEM,iBAAiB,GAAA;QACpB,OAAO,IAAI,CAAC,eAAe,CAAC;KAC/B;IAEO,iBAAiB,GAAA;QACrB,OAAO,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,aAAa,EAAE,GAAG,KAAK,MAAM,CAAC;KACjE;IAEO,kBAAkB,GAAA;QACtB,OAAO,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,cAAc,EAAE,GAAG,KAAK,MAAM,CAAC;KAClE;IAEO,oBAAoB,GAAA;QACxB,OAAO,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,gBAAgB,EAAE,GAAG,KAAK,OAAO,CAAA;KACpE;IAEO,0BAA0B,GAAA;AAC9B,QAAA,IAAI,CAAC,eAAe,GAAG,IAAI,cAAc,CAAC;YACtC,KAAK,EAAE,IAAI,CAAC,MAAM;;YAElB,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,wBAAwB,EAAE,SAAS;AAClE,YAAA,eAAe,EAAE,MAAM,IAAI,CAAC,QAAQ;YACpC,eAAe,EAAE,MAAK;gBAClB,OAAO;oBACH,GAAG,IAAI,CAAC,4BAA4B,EAAE;AACtC,oBAAA,IAAI,EAAE,IAAI,OAAO,CAAC,IAAI,kBAAkB,CAAC,EAAE,EAAE,EAAE,kBAAkB,EAAE,IAAI,EAAE,CAAC,CAAC;iBAC9E,CAAA;aACJ;AACJ,SAAA,CAAC,CAAC;KACN;IAEO,4BAA4B,GAAA;QAChC,OAAO;AACH,YAAA,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE;AACvB,YAAA,aAAa,EAAE;AACX,gBAAA,GAAG,EAAE,IAAI,CAAC,iBAAiB,EAAE;AAChC,aAAA;AACD,YAAA,gBAAgB,EAAE;AACd,gBAAA,GAAG,EAAE,IAAI,CAAC,oBAAoB,EAAE;AACnC,aAAA;AACD,YAAA,cAAc,EAAE;AACZ,gBAAA,GAAG,EAAE,IAAI,CAAC,kBAAkB,EAAE;AACjC,aAAA;AACD,YAAA,gBAAgB,EAAE;gBACd,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,gBAAgB,EAAE,GAAG,KAAK,OAAO;AAClE,aAAA;AACD,YAAA,eAAe,EAAE;gBACb,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,eAAe,EAAE,GAAG,KAAK,OAAO;AACjE,aAAA;AACD,YAAA,aAAa,EAAE;gBACX,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,aAAa,EAAE,GAAG,KAAK,OAAO;AAC/D,aAAA;AACD,YAAA,gBAAgB,EAAE;gBACd,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,gBAAgB,EAAE,GAAG,KAAK,OAAO;AAClE,aAAA;AACD,YAAA,qBAAqB,EAAE;gBACnB,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,qBAAqB,EAAE,GAAG,KAAK,MAAM;AACtE,aAAA;AACD,YAAA,cAAc,EAAE;gBACZ,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,cAAc,EAAE,GAAG,IAAI,QAAQ;AAChE,aAAA;AACD,YAAA,SAAS,EAAE;gBACP,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,SAAS,EAAE,GAAG,IAAI,EAAE;AACrD,aAAA;;AAED,YAAA,eAAe,EAAE;gBACb,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,eAAe,EAAE,GAAG,KAAK,MAAM;AAChE,aAAA;AACD,YAAA,iBAAiB,EAAE;gBACf,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,iBAAiB,EAAE,GAAG,KAAK,MAAM;AAClE,aAAA;AACD,YAAA,cAAc,EAAE;gBACZ,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,cAAc,EAAE,GAAG,KAAK,MAAM;AAC/D,aAAA;AACD,YAAA,MAAM,EAAE;gBACJ,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,MAAM,EAAE,GAAG,IAAI,IAAI;AACpD,aAAA;AACD,YAAA,qBAAqB,EAAE;gBACnB,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,qBAAqB,EAAE,GAAG,IAAI,IAAI;AACnE,aAAA;AACD,YAAA,WAAW,EAAE;gBACT,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,WAAW,EAAE,GAAG,KAAK,OAAO;AAC7D,aAAA;AACD,YAAA,yBAAyB,EAAE;gBACvB,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,yBAAyB,EAAE,GAAG,IAAI,IAAI;AACvE,aAAA;AACD,YAAA,iBAAiB,EAAE;gBACf,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,iBAAiB,EAAE,GAAG,KAAK,OAAO;AACnE,aAAA;AACD,YAAA,2BAA2B,EAAE;gBACzB,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,2BAA2B,EAAE,GAAG,KAAK,OAAO;AAC7E,aAAA;AACD,YAAA,sBAAsB,EAAE;gBACpB,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,sBAAsB,EAAE,GAAG,KAAK,OAAO;AACxE,aAAA;AACD,YAAA,YAAY,EAAE;gBACV,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,YAAY,EAAE,GAAG,IAAI,QAAQ;AAC9D,aAAA;AACD,YAAA,uBAAuB,EAAE,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,uBAAuB;AACzE,YAAA,wBAAwB,EAAE;gBACtB,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,wBAAwB,EAAE,GAAG,IAAI,IAAI;AACtE,aAAA;AACD,YAAA,qBAAqB,EAAE;gBACnB,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,qBAAqB,EAAE,GAAG,IAAI,IAAI;AACnE,aAAA;SACJ,CAAA;KACJ;IAEO,wBAAwB,GAAA;AAC5B,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,uBAAuB,EAAE;AACxC,YAAA,OAAO,IAAI,IAAI,CAAC,QAAQ,CAAC,uBAAuB,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACvF,SAAA;QACD,QAAQ,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,YAAY,CAAC,GAAG;YAC7C,KAAK,UAAU,EAAE;AACb,gBAAA,OAAO,IAAI,oBAAoB,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,GAAa,CAAC,CAAA;AAC/E,aAAA;YACD,KAAK,QAAQ,EAAE;AACX,gBAAA,OAAO,IAAI,kBAAkB,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,GAAI,EAAE,IAAI,CAAC,kBAAkB,EAAE,CAAC,CAAA;AAC/F,aAAA;AACJ,SAAA;KACJ;IAEO,WAAW,GAAA;QACf,IAAI;YACA,MAAM,gBAAgB,GAAG,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,OAAO,EAAE,GAAG,CAAC;YAC/D,MAAM,OAAO,GAAc,KAAK,CAAC,OAAO,CAAC,gBAAgB,CAAC,GAAG,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,gBAAgB,IAAI,IAAI,CAAC,CAAC;AACrH,YAAA,OAAO,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC;AAC1C,SAAA;AACD,QAAA,OAAO,GAAG,EAAE;AACR,YAAA,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AACnB,YAAA,OAAO,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC;AAChC,SAAA;KACJ;AAEO,IAAA,iBAAiB,CAAC,gBAA2B,EAAA;QACjD,MAAM,UAAU,GAAG,IAAI,GAAG,CAAkB,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,GAAY,KAAK,CAAC,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;AAC1G,QAAA,MAAM,eAAe,GAAG,IAAI,GAAG,CAAkB,IAAI,CAAC,MAAM,EAAE,mBAAmB,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC,GAAY,KAAK,CAAC,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;;AAE1I,QAAA,IAAI,eAAe,CAAC,IAAI,GAAG,CAAC,EAAE;AAC1B,YAAA,OAAO,CAAC,GAAG,eAAe,CAAC,MAAM,EAAE,CAAC,CAAC;AACxC,SAAA;;AAEI,aAAA;AACD,YAAA,gBAAgB,CAAC,OAAO,CAAC,YAAY,IAAG;gBACpC,MAAM,GAAG,GAAG,UAAU,CAAC,GAAG,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;AAC9C,gBAAA,IAAI,GAAG,EAAE;AACL,oBAAA,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,EAAE;AACrB,wBAAA,GAAG,GAAG;AACN,wBAAA,GAAG,YAAY;AAClB,qBAAA,CAAC,CAAC;AACN,iBAAA;AAAM,qBAAA;oBACH,UAAU,CAAC,GAAG,CAAC,YAAY,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC;AACnD,iBAAA;AACL,aAAC,CAAC,CAAC;AACN,SAAA;AACD,QAAA,OAAO,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,CAAC;KACnC;IAEO,kBAAkB,GAAA;QACtB,MAAM,iBAAiB,GAAG,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,cAAc,CAAC,GAAG,CAAC;AACtE,QAAA,IAAI,iBAAiB,EAAE;AACnB,YAAA,OAAO,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;AACxC,SAAA;AACD,QAAA,OAAO,EAAE,CAAC;KACb;IAEO,iBAAiB,GAAA;AACrB,QAAA,OAAO,WAAW,CAAC;AACf,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,aAAa,EAAE,QAAQ;AACvB,YAAA,QAAQ,EAAE,CAAC;AACd,SAAA,CAAC,CAAC;KACN;AACJ;;;;"}
+{"version":3,"file":"VirtualDatasetAdapter.js","sources":["../../../../src/utils/dataset/adapters/VirtualDatasetAdapter.ts"],"sourcesContent":["import { mergeStyles } from \"@fluentui/react\";\nimport { Dataset, FetchXmlDataProvider, IColumn, IDataProvider, IDataset, Interceptors, IRawRecord, MemoryDataProvider } from \"@talxis/client-libraries\";\nimport { IDatasetControlParameters, IDatasetControlProps } from \"../../../components\";\nimport { DatasetControl, IDatasetControl } from \"../../dataset-control\";\n\ninterface IOutputs {\n    DatasetControl?: any;\n}\n\ninterface IInputs {\n    Data: ComponentFramework.PropertyTypes.StringProperty | {\n        raw: IRawRecord[]\n    }\n    EntityMetadata: ComponentFramework.PropertyTypes.StringProperty;\n    DataProvider: ComponentFramework.PropertyTypes.EnumProperty<\"Memory\" | \"FetchXml\">;\n    EnableQuickFind?: ComponentFramework.PropertyTypes.EnumProperty<\"true\" | \"false\">;\n    Columns?: ComponentFramework.PropertyTypes.StringProperty;\n    Height?: ComponentFramework.PropertyTypes.StringProperty;\n    RowHeight?: ComponentFramework.PropertyTypes.WholeNumberProperty;\n    EnableEditing?: ComponentFramework.PropertyTypes.EnumProperty<\"true\" | \"false\">;\n    EnablePagination?: ComponentFramework.PropertyTypes.EnumProperty<\"true\" | \"false\">;\n    EnableFiltering?: ComponentFramework.PropertyTypes.EnumProperty<\"true\" | \"false\">;\n    EnableSorting?: ComponentFramework.PropertyTypes.EnumProperty<\"true\" | \"false\">;\n    EnableNavigation?: ComponentFramework.PropertyTypes.EnumProperty<\"true\" | \"false\">;\n    EnableOptionSetColors?: ComponentFramework.PropertyTypes.EnumProperty<\"true\" | \"false\">;\n    EnableAggregation?: ComponentFramework.PropertyTypes.EnumProperty<\"true\" | \"false\">;\n    EnableGrouping?: ComponentFramework.PropertyTypes.EnumProperty<\"true\" | \"false\">;\n    EnableEditColumns?: ComponentFramework.PropertyTypes.EnumProperty<\"true\" | \"false\">;\n    EnableAutoSave?: ComponentFramework.PropertyTypes.EnumProperty<\"true\" | \"false\">;\n    EnableCommandBar?: ComponentFramework.PropertyTypes.EnumProperty<\"true\" | \"false\">;\n    EnableZebra?: ComponentFramework.PropertyTypes.EnumProperty<\"true\" | \"false\">;\n    EnableGroupedColumnsPinning?: ComponentFramework.PropertyTypes.EnumProperty<\"true\" | \"false\">;\n    EnablePageSizeSwitcher?: ComponentFramework.PropertyTypes.EnumProperty<\"true\" | \"false\">;\n    EnableRecordCount?: ComponentFramework.PropertyTypes.EnumProperty<\"true\" | \"false\">;\n    HomePageGridClientApiRibbonButtonId?: ComponentFramework.PropertyTypes.StringProperty;\n    InlineRibbonButtonIds?: ComponentFramework.PropertyTypes.StringProperty;\n    DefaultExpandedGroupLevel?: ComponentFramework.PropertyTypes.WholeNumberProperty;\n    SelectableRows?: ComponentFramework.PropertyTypes.EnumProperty<\"none\" | \"single\" | \"multiple\">;\n    GroupingType?: ComponentFramework.PropertyTypes.EnumProperty<\"nested\" | \"flat\">;\n    IsLocalHarnessDebugMode?: ComponentFramework.PropertyTypes.EnumProperty<\"true\" | \"false\">;\n    ClientApiWebresourceName?: ComponentFramework.PropertyTypes.StringProperty;\n    ClientApiFunctionName?: ComponentFramework.PropertyTypes.StringProperty;\n}\n\ninterface IVirtualDatasetAdapterOptions {\n    /**\n     * Runs a promise that is awaited when the dataset control is initialized, before loading the first data.\n     */\n    onInitialize?: (dataset: IDataset) => Promise<void>;\n    /**\n     * If provided, this function is called when the dataset is initialized and awaited before loading first data.\n     */\n    CustomDataProviderClass?: new (...args: any) => IDataProvider;\n}\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 _context!: ComponentFramework.Context<IInputs, IOutputs>;\n    private _dataset!: Dataset<IDataProvider>;\n    private _container!: HTMLDivElement;\n    private _options?: IVirtualDatasetAdapterOptions\n    private _initialized: boolean = false;\n    private _state: ComponentFramework.Dictionary = {};\n    private _datasetControl!: IDatasetControl;\n\n    constructor(options?: IVirtualDatasetAdapterOptions) {\n        this._options = options;\n    }\n\n    public init(context: ComponentFramework.Context<IInputs, IOutputs>, container: HTMLDivElement, state: ComponentFramework.Dictionary) {\n        this._container = container;\n        this._context = context;\n        this._state = state ?? {};\n        if (!context.parameters.Data.raw) {\n            this._createDummyDatasetControl();\n            return this;\n        }\n        const dataProvider = this._getDataProviderInstance();\n        this._dataset = new Dataset(dataProvider);\n        //loads parameter columns\n        this._dataset.setMetadata(this._getEntityMetadata());\n        this._dataset.setDataSource(context.parameters.Data.raw);\n        this._datasetControl = new DatasetControl({\n            state: this._state,\n            //@ts-ignore - typings\n            controlId: this._context.utils._customControlProperties?.controlId,\n            onGetPcfContext: () => this._context,\n            onGetParameters: () => this._getDatasetControlParameters()\n        });\n        this._datasetControl.setInterceptor('onInitialize', async (parameters, defaultAction) => {\n            //preloads dataset\n            await defaultAction(parameters);\n            //sets columns after preload\n            this._dataset.setColumns(this._getColumns());\n            await this._options?.onInitialize?.(this.getDataset());\n        });\n        if (this._context.parameters.Height?.raw === '100%') {\n            this._container.classList.add(this._getFullTabStyles());\n        }\n        this._initialized = true;\n    }\n\n    /**\n     * @param {?() => void} [onRenderEmptyData] - Only called when the data parameter is set to `null`. This should usually not happen since it's a required parameter, but Power Apps can pass null in certain scenarios (for example on a form with new record).\n     */\n    public updateView(context: ComponentFramework.Context<IInputs, IOutputs>, onRenderComponent: (datasetControlProps: Omit<IDatasetControlProps, 'onGetControlComponent'>) => void, onRenderEmptyData?: () => void) {\n        this._context = context;\n        if (!context.parameters.Data.raw) {\n            return onRenderEmptyData?.()\n        }\n        //if not yet initialized, initialize, can happen if we start without data\n        if (!this._initialized) {\n            this.init(context, this._container, this._state);\n        }\n        return onRenderComponent({\n            onGetDatasetControlInstance: () => this._datasetControl\n        });\n    }\n\n    public getDataset(): Dataset<IDataProvider> {\n        return this._dataset;\n    }\n\n    public getDatasetControl(): IDatasetControl {\n        return this._datasetControl;\n    }\n\n    private _isEditingEnabled(): boolean {\n        return this._context.parameters.EnableEditing?.raw === 'true';\n    }\n\n    private _isAutoSaveEnabled(): boolean {\n        return this._context.parameters.EnableAutoSave?.raw === 'true';\n    }\n\n    private _isCommandBarEnabled(): boolean {\n        return this._context.parameters.EnableCommandBar?.raw !== 'false'\n    }\n\n    private _createDummyDatasetControl() {\n        this._datasetControl = new DatasetControl({\n            state: this._state,\n            //@ts-ignore - typings\n            controlId: this._context.utils._customControlProperties?.controlId,\n            onGetPcfContext: () => this._context,\n            onGetParameters: () => {\n                return {\n                    ...this._getDatasetControlParameters(),\n                    Grid: new Dataset(new MemoryDataProvider([], { PrimaryIdAttribute: 'id' }))\n                }\n            }\n        });\n    }\n\n    private _getDatasetControlParameters(): IDatasetControlParameters {\n        return {\n            Grid: this.getDataset(),\n            EnableEditing: {\n                raw: this._isEditingEnabled()\n            },\n            EnableCommandBar: {\n                raw: this._isCommandBarEnabled()\n            },\n            EnableAutoSave: {\n                raw: this._isAutoSaveEnabled()\n            },\n            EnablePagination: {\n                raw: this._context.parameters.EnablePagination?.raw !== 'false'\n            },\n            EnableFiltering: {\n                raw: this._context.parameters.EnableFiltering?.raw !== 'false'\n            },\n            EnableSorting: {\n                raw: this._context.parameters.EnableSorting?.raw !== 'false'\n            },\n            EnableNavigation: {\n                raw: this._context.parameters.EnableNavigation?.raw !== 'false'\n            },\n            EnableOptionSetColors: {\n                raw: this._context.parameters.EnableOptionSetColors?.raw === 'true'\n            },\n            SelectableRows: {\n                raw: this._context.parameters.SelectableRows?.raw ?? 'single'\n            },\n            RowHeight: {\n                raw: this._context.parameters.RowHeight?.raw ?? 42\n            },\n            //quick find is always handled by platform\n            EnableQuickFind: {\n                raw: this._context.parameters.EnableQuickFind?.raw === 'true'\n            },\n            EnableEditColumns: {\n                raw: this._context.parameters.EnableEditColumns?.raw === 'true'\n            },\n            EnableAggregation: {\n                raw: this._context.parameters.EnableAggregation?.raw === 'true',\n            },\n            EnableGrouping: {\n                raw: this._context.parameters.EnableGrouping?.raw === 'true'\n            },\n            Height: {\n                raw: this._context.parameters.Height?.raw ?? null\n            },\n            InlineRibbonButtonIds: {\n                raw: this._context.parameters.InlineRibbonButtonIds?.raw ?? null\n            },\n            EnableZebra: {\n                raw: this._context.parameters.EnableZebra?.raw !== 'false'\n            },\n            DefaultExpandedGroupLevel: {\n                raw: this._context.parameters.DefaultExpandedGroupLevel?.raw ?? null\n            },\n            EnableRecordCount: {\n                raw: this._context.parameters.EnableRecordCount?.raw !== 'false'\n            },\n            EnableGroupedColumnsPinning: {\n                raw: this._context.parameters.EnableGroupedColumnsPinning?.raw !== 'false'\n            },\n            EnablePageSizeSwitcher: {\n                raw: this._context.parameters.EnablePageSizeSwitcher?.raw !== 'false'\n            },\n            GroupingType: {\n                raw: this._context.parameters.GroupingType?.raw ?? 'nested'\n            },\n            IsLocalHarnessDebugMode: this._context.parameters.IsLocalHarnessDebugMode,\n            ClientApiWebresourceName: {\n                raw: this._context.parameters.ClientApiWebresourceName?.raw ?? null\n            },\n            ClientApiFunctionName: {\n                raw: this._context.parameters.ClientApiFunctionName?.raw ?? null\n            }\n        }\n    }\n\n    private _getDataProviderInstance(): IDataProvider {\n        if (this._options?.CustomDataProviderClass) {\n            return new this._options.CustomDataProviderClass(this._context.parameters.Data.raw);\n        }\n        switch (this._context.parameters.DataProvider.raw) {\n            case \"FetchXml\": {\n                return new FetchXmlDataProvider(this._context.parameters.Data.raw as string)\n            }\n            case 'Memory': {\n                return new MemoryDataProvider(this._context.parameters.Data.raw!, this._getEntityMetadata())\n            }\n        }\n    }\n\n    private _getColumns() {\n        try {\n            const parameterColumns = this._context.parameters.Columns?.raw;\n            const columns: IColumn[] = Array.isArray(parameterColumns) ? parameterColumns : JSON.parse(parameterColumns ?? \"[]\");\n            return this._getMergedColumns(columns);\n        }\n        catch (err) {\n            console.error(err);\n            return this._dataset.columns;\n        }\n    }\n\n    private _getMergedColumns(parameterColumns: IColumn[]): IColumn[] {\n        const columnsMap = new Map<string, IColumn>(this._dataset.columns.map((col: IColumn) => [col.name, col]));\n        const stateColumnsMap = new Map<string, IColumn>(this._state?.DatasetControlState?.columns?.map((col: IColumn) => [col.name, col]) ?? []);\n        //if we have state, return it\n        if (stateColumnsMap.size > 0) {\n            return [...stateColumnsMap.values()];\n        }\n        //no state, save to load from parameters\n        else {\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        }\n        return [...columnsMap.values()];\n    }\n\n    private _getEntityMetadata() {\n        const parameterMetadata = this._context.parameters.EntityMetadata.raw;\n        if (parameterMetadata) {\n            return JSON.parse(parameterMetadata);\n        }\n        return {};\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/dataset-control/DatasetControl.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="@types/powerapps-component-framework" />
-import { EventEmitter, ICommand, IDataset, IInterceptor } from "@talxis/client-libraries";
+import { EventEmitter, ICommand, IDataset, IEventEmitter, IInterceptor } from "@talxis/client-libraries";
 import { IDatasetControlParameters } from "../../components/DatasetControl/interfaces";
+import { IEditColumns } from "./EditColumns";
 interface IDatasetControlOptions {
     state: ComponentFramework.Dictionary;
     controlId: string;
@@ -9,12 +10,15 @@ interface IDatasetControlOptions {
 }
 export interface IDatasetControlEvents {
     onRecordCommandsLoaded: () => void;
+    onRemountRequested: () => void;
+    onEditColumnsRequested: () => void;
     onInitialized: () => void;
 }
 interface IDatasetControlInterceptors {
     onInitialize: () => Promise<void>;
 }
-export interface IDatasetControl extends EventEmitter<IDatasetControlEvents> {
+export interface IDatasetControl extends IEventEmitter<IDatasetControlEvents> {
+    editColumns: IEditColumns;
     setInterceptor<K extends keyof IDatasetControlInterceptors>(event: K, interceptor: IInterceptor<IDatasetControlInterceptors, K>): void;
     isPaginationVisible(): boolean;
     isRecordCountVisible(): boolean;
@@ -29,7 +33,12 @@ export interface IDatasetControl extends EventEmitter<IDatasetControlEvents> {
     loadCommands(ids: string[]): Promise<void>;
     retrieveRecordCommands(): ICommand[];
     areCommandsLoaded(): boolean;
+    isEditColumnsVisible(): boolean;
+    isViewSwitcherVisible(): boolean;
+    isEditFiltersVisible(): boolean;
+    requestEditColumns(): void;
     destroy(): void;
+    requestRemount(): void;
     init(): Promise<void>;
     getState(): ComponentFramework.Dictionary;
     saveState(): void;
@@ -43,6 +52,7 @@ export declare class DatasetControl extends EventEmitter<IDatasetControlEvents>
     private _debouncedLoadRecordCommands;
     private _interceptors;
     constructor(options: IDatasetControlOptions);
+    get editColumns(): IEditColumns;
     setInterceptor<K extends keyof IDatasetControlInterceptors>(event: K, interceptor: IInterceptor<IDatasetControlInterceptors, K>): void;
     isPaginationVisible(): boolean;
     isRecordCountVisible(): boolean;
@@ -50,6 +60,10 @@ export declare class DatasetControl extends EventEmitter<IDatasetControlEvents>
     isQuickFindVisible(): boolean;
     isAutoSaveEnabled(): boolean;
     isRibbonVisible(): boolean;
+    requestEditColumns(): void;
+    isViewSwitcherVisible(): boolean;
+    isEditColumnsVisible(): boolean;
+    isEditFiltersVisible(): boolean;
     getHeight(): string | null;
     getDataset(): IDataset;
     getPcfContext(): ComponentFramework.Context<any, any>;
@@ -57,6 +71,7 @@ export declare class DatasetControl extends EventEmitter<IDatasetControlEvents>
     retrieveRecordCommands(): ICommand[];
     areCommandsLoaded(): boolean;
     destroy(): void;
+    requestRemount(): void;
     init(): Promise<void>;
     getParameters(): IDatasetControlParameters;
     getState(): ComponentFramework.Dictionary;