@talxis/base-controls 0.0.1

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

@@ -0,0 +1,48 @@
+import { Dataset, IDataProvider } 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;
+    onGetHeight?: () => string | null;
+    /**
+     * 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.
+     */
+    onInitialize?: () => void | Promise<void>;
+}
+/**
+ * Helper class that holds boilerplate code for handling a virtual dataset in PCF, like syncing data, columns, and metadata from parameters.
+ *
+ */
+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;
+    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

@@ -0,0 +1,169 @@
+import { mergeStyles } from '@fluentui/react';
+import { FetchXmlDataProvider, MemoryDataProvider, Dataset } 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.
+ *
+ */
+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;
+        });
+    }
+    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;
+        }
+        //@ts-ignore - typings
+        this._dataset = new Dataset(dataProvider);
+        this._dataset.setColumns(this._getColumns());
+        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();
+        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();
+    }
+    getDataset() {
+        return this._dataset;
+    }
+    destroy() {
+        this._dataset.destroy();
+    }
+    getOutputs() {
+        this._resolveGetOutputs(true);
+        return {
+            DatasetControl: this.getDataset()
+        };
+    }
+    _onDatasetInit() {
+        this.getDataset().setInterceptor('onInitialize', async () => {
+            await this._getOutputsPromise;
+            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() ?? "[]");
+            if (this._shouldMergeColumns()) {
+                return this._getMergedColumns(parameterColumns);
+            }
+            return parameterColumns;
+        }
+        catch (err) {
+            console.error(err);
+            return this._dataset.columns;
+        }
+    }
+    _shouldMergeColumns() {
+        if (this._dataset.getDataProvider() instanceof FetchXmlDataProvider) {
+            const fetchXml = this._parameters.onGetData();
+            if (fetchXml?.includes('savedqueryid') || fetchXml?.includes('userqueryid')) {
+                return true;
+            }
+        }
+        return false;
+    }
+    _getMergedColumns(parameterColumns) {
+        const columnsMap = new Map(this._dataset.columns.map(col => [col.name, col]));
+        parameterColumns.forEach(parameterCol => {
+            const col = columnsMap.get(parameterCol.name);
+            if (col) {
+                columnsMap.set(col.name, {
+                    ...col,
+                    ...parameterCol
+                });
+            }
+            else {
+                columnsMap.set(parameterCol.name, parameterCol);
+            }
+        });
+        return [...columnsMap.values()];
+    }
+    _getEntityMetadata() {
+        try {
+            return JSON.parse(this._parameters.onGetEntityMetadata() ?? "{}");
+        }
+        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',
+            flexDirection: 'column',
+            flexGrow: 1
+        });
+    }
+}
+
+export { VirtualDatasetAdapter };
+//# sourceMappingURL=VirtualDatasetAdapter.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,2 @@
+export * from './DatasetAdapter';
+export * from './VirtualDatasetAdapter';

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

@@ -0,0 +1,3 @@
+export { DatasetAdapter } from './DatasetAdapter.js';
+export { VirtualDatasetAdapter } from './VirtualDatasetAdapter.js';
+//# sourceMappingURL=index.js.map

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

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

package/dist/utils/dataset/index.d.ts

@@ -0,0 +1 @@
+export * from './adapters';

package/dist/utils/dataset/index.js

@@ -0,0 +1,3 @@
+export { DatasetAdapter } from './adapters/DatasetAdapter.js';
+export { VirtualDatasetAdapter } from './adapters/VirtualDatasetAdapter.js';
+//# sourceMappingURL=index.js.map

package/dist/utils/dataset/index.js.map

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

package/dist/utils/index.d.ts

@@ -0,0 +1,3 @@
+export * from './theme';
+export * from './BaseControls';
+export * from './dataset';

package/dist/utils/index.js

@@ -0,0 +1,8 @@
+export { BaseControls } from './BaseControls.js';
+export { ControlTheme } from './theme/ControlTheme.js';
+export { useControlTheme } from './theme/hooks/useControlTheme.js';
+export { useControlThemeGenerator } from './theme/hooks/useControlThemeGenerator.js';
+export { ThemeWrapper } from './theme/components/ThemeWrapper.js';
+export { DatasetAdapter } from './dataset/adapters/DatasetAdapter.js';
+export { VirtualDatasetAdapter } from './dataset/adapters/VirtualDatasetAdapter.js';
+//# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

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

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

@@ -0,0 +1,21 @@
+/// <reference types="@types/powerapps-component-framework" />
+import { DeepPartial } from "@talxis/client-libraries";
+import { ITheme } from "@talxis/react-components";
+export interface IFluentDesignState extends ComponentFramework.FluentDesignState {
+    /**
+     * Optional overrides that will get applied when v8 theme is generated from fluentDesignLanguage
+     */
+    v8FluentOverrides?: DeepPartial<ITheme>;
+    /**
+     * The application's theme may differ from the control's theme. This is often the case when rendering a PCF as a cell customizer with conditional formatting.
+     * This object provides access to the application's theme, enabling you to render elements like callouts and other surfaces accurately.
+     */
+    applicationTheme?: ITheme;
+}
+export declare class ControlTheme {
+    static GetV8ThemeFromFluentDesignLanguage(fluentDesignLanguage?: IFluentDesignState): ITheme;
+    static GenerateFluentDesignLanguage(primaryColor: string, backgroundColor: string, textColor: string, options?: {
+        v8FluentOverrides?: DeepPartial<ITheme>;
+        applicationTheme?: ITheme;
+    }): IFluentDesignState;
+}

package/dist/utils/theme/ControlTheme.js

@@ -0,0 +1,39 @@
+import { getTheme } from '@fluentui/react';
+import { createV9Theme, createBrandVariants } from '@fluentui/react-migration-v8-v9';
+import { Theming } from '@talxis/react-components';
+
+class ControlTheme {
+    static GetV8ThemeFromFluentDesignLanguage(fluentDesignLanguage) {
+        let primaryColor;
+        let backgroundColor;
+        let textColor;
+        const tokenTheme = fluentDesignLanguage?.tokenTheme;
+        if (!tokenTheme) {
+            const baseTheme = getTheme();
+            primaryColor = baseTheme.palette.themePrimary;
+            backgroundColor = baseTheme.semanticColors.bodyBackground;
+            textColor = baseTheme.semanticColors.bodyText;
+        }
+        else {
+            primaryColor = tokenTheme.colorCompoundBrandForeground1;
+            backgroundColor = tokenTheme.colorNeutralBackground1;
+            textColor = tokenTheme.colorNeutralForeground1;
+        }
+        return Theming.GenerateThemeV8(primaryColor, backgroundColor, textColor, fluentDesignLanguage?.v8FluentOverrides);
+    }
+    static GenerateFluentDesignLanguage(primaryColor, backgroundColor, textColor, options) {
+        const theme = Theming.GenerateThemeV8(primaryColor, backgroundColor, textColor, options?.v8FluentOverrides);
+        const v9 = createV9Theme(theme);
+        const brand = createBrandVariants(theme.palette);
+        return {
+            brand: brand,
+            applicationTheme: options?.applicationTheme,
+            isDarkTheme: Theming.IsDarkColor(theme.semanticColors.bodyBackground),
+            v8FluentOverrides: options?.v8FluentOverrides,
+            tokenTheme: v9
+        };
+    }
+}
+
+export { ControlTheme };
+//# sourceMappingURL=ControlTheme.js.map

package/dist/utils/theme/ControlTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ControlTheme.js","sources":["../../../src/utils/theme/ControlTheme.ts"],"sourcesContent":["import { getTheme } from \"@fluentui/react\";\nimport { DeepPartial } from \"@talxis/client-libraries\";\nimport { createBrandVariants, createV9Theme } from \"@fluentui/react-migration-v8-v9\";\nimport { ITheme, Theming } from \"@talxis/react-components\";\n\nexport interface IFluentDesignState extends ComponentFramework.FluentDesignState {\n    /**\n     * Optional overrides that will get applied when v8 theme is generated from fluentDesignLanguage\n     */\n    v8FluentOverrides?: DeepPartial<ITheme>;\n    /**\n     * The application's theme may differ from the control's theme. This is often the case when rendering a PCF as a cell customizer with conditional formatting.\n     * This object provides access to the application's theme, enabling you to render elements like callouts and other surfaces accurately.\n     */\n    applicationTheme?: ITheme;\n}\n\nexport class ControlTheme {\n    public static GetV8ThemeFromFluentDesignLanguage(fluentDesignLanguage?: IFluentDesignState): ITheme {\n        let primaryColor;\n        let backgroundColor;\n        let textColor;\n        const tokenTheme = fluentDesignLanguage?.tokenTheme;\n        if (!tokenTheme) {\n            const baseTheme = getTheme();\n            primaryColor = baseTheme.palette.themePrimary;\n            backgroundColor = baseTheme.semanticColors.bodyBackground;\n            textColor = baseTheme.semanticColors.bodyText;\n        }\n        else {\n            primaryColor = tokenTheme.colorCompoundBrandForeground1;\n            backgroundColor = tokenTheme.colorNeutralBackground1;\n            textColor = tokenTheme.colorNeutralForeground1;\n        }\n        return Theming.GenerateThemeV8(primaryColor, backgroundColor, textColor, fluentDesignLanguage?.v8FluentOverrides);\n    }\n\n    public static GenerateFluentDesignLanguage(primaryColor: string, backgroundColor: string, textColor: string, options?: {\n        v8FluentOverrides?: DeepPartial<ITheme>;\n        applicationTheme?: ITheme\n    }): IFluentDesignState {\n        const theme = Theming.GenerateThemeV8(primaryColor, backgroundColor, textColor, options?.v8FluentOverrides)\n        const v9 = createV9Theme(theme);\n        const brand = createBrandVariants(theme.palette);\n\n        return {\n            brand: brand,\n            applicationTheme: options?.applicationTheme,\n            isDarkTheme: Theming.IsDarkColor(theme.semanticColors.bodyBackground),\n            v8FluentOverrides: options?.v8FluentOverrides,\n            tokenTheme: v9\n        };;\n    }\n}"],"names":[],"mappings":";;;;MAiBa,YAAY,CAAA;IACd,OAAO,kCAAkC,CAAC,oBAAyC,EAAA;AACtF,QAAA,IAAI,YAAY,CAAC;AACjB,QAAA,IAAI,eAAe,CAAC;AACpB,QAAA,IAAI,SAAS,CAAC;AACd,QAAA,MAAM,UAAU,GAAG,oBAAoB,EAAE,UAAU,CAAC;QACpD,IAAI,CAAC,UAAU,EAAE;AACb,YAAA,MAAM,SAAS,GAAG,QAAQ,EAAE,CAAC;AAC7B,YAAA,YAAY,GAAG,SAAS,CAAC,OAAO,CAAC,YAAY,CAAC;AAC9C,YAAA,eAAe,GAAG,SAAS,CAAC,cAAc,CAAC,cAAc,CAAC;AAC1D,YAAA,SAAS,GAAG,SAAS,CAAC,cAAc,CAAC,QAAQ,CAAC;AACjD,SAAA;AACI,aAAA;AACD,YAAA,YAAY,GAAG,UAAU,CAAC,6BAA6B,CAAC;AACxD,YAAA,eAAe,GAAG,UAAU,CAAC,uBAAuB,CAAC;AACrD,YAAA,SAAS,GAAG,UAAU,CAAC,uBAAuB,CAAC;AAClD,SAAA;AACD,QAAA,OAAO,OAAO,CAAC,eAAe,CAAC,YAAY,EAAE,eAAe,EAAE,SAAS,EAAE,oBAAoB,EAAE,iBAAiB,CAAC,CAAC;KACrH;IAEM,OAAO,4BAA4B,CAAC,YAAoB,EAAE,eAAuB,EAAE,SAAiB,EAAE,OAG5G,EAAA;AACG,QAAA,MAAM,KAAK,GAAG,OAAO,CAAC,eAAe,CAAC,YAAY,EAAE,eAAe,EAAE,SAAS,EAAE,OAAO,EAAE,iBAAiB,CAAC,CAAA;AAC3G,QAAA,MAAM,EAAE,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;QAChC,MAAM,KAAK,GAAG,mBAAmB,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAEjD,OAAO;AACH,YAAA,KAAK,EAAE,KAAK;YACZ,gBAAgB,EAAE,OAAO,EAAE,gBAAgB;YAC3C,WAAW,EAAE,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;YACrE,iBAAiB,EAAE,OAAO,EAAE,iBAAiB;AAC7C,YAAA,UAAU,EAAE,EAAE;SACjB,CAAC;KACL;AACJ;;;;"}

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

@@ -0,0 +1,9 @@
+/// <reference types="@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 {};

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

@@ -0,0 +1,11 @@
+import { jsx } from 'react/jsx-runtime';
+import { ThemeProvider } from '@fluentui/react';
+import { useControlTheme } from '../hooks/useControlTheme.js';
+
+const ThemeWrapper = (props) => {
+    const theme = useControlTheme(props.fluentDesignLanguage);
+    return (jsx(ThemeProvider, { theme: theme, ...props, children: props.children }));
+};
+
+export { ThemeWrapper };
+//# sourceMappingURL=ThemeWrapper.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1 @@
+export * from './ThemeWrapper';

package/dist/utils/theme/components/index.js

@@ -0,0 +1,2 @@
+export { ThemeWrapper } from './ThemeWrapper.js';
+//# sourceMappingURL=index.js.map

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

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

package/dist/utils/theme/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useControlTheme';
+export * from './useControlThemeGenerator';

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

@@ -0,0 +1,3 @@
+export { useControlTheme } from './useControlTheme.js';
+export { useControlThemeGenerator } from './useControlThemeGenerator.js';
+//# sourceMappingURL=index.js.map

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

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

package/dist/utils/theme/hooks/useControlTheme.d.ts

@@ -0,0 +1,3 @@
+import { IFluentDesignState } from "../ControlTheme";
+import { ITheme } from "@talxis/react-components";
+export declare const useControlTheme: (fluentDesignLanguage?: IFluentDesignState) => ITheme;

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

@@ -0,0 +1,12 @@
+import { useMemo } from 'react';
+import { ControlTheme } from '../ControlTheme.js';
+
+const useControlTheme = (fluentDesignLanguage) => {
+    const primaryColor = fluentDesignLanguage?.tokenTheme.colorCompoundBrandForeground1;
+    const backgroundColor = fluentDesignLanguage?.tokenTheme.colorNeutralBackground1;
+    const textColor = fluentDesignLanguage?.tokenTheme.colorNeutralForeground1;
+    return useMemo(() => ControlTheme.GetV8ThemeFromFluentDesignLanguage(fluentDesignLanguage), [primaryColor, backgroundColor, textColor]);
+};
+
+export { useControlTheme };
+//# sourceMappingURL=useControlTheme.js.map

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

@@ -0,0 +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;;;;"}

package/dist/utils/theme/hooks/useControlThemeGenerator.d.ts

@@ -0,0 +1,14 @@
+import { IFluentDesignState } from "../ControlTheme";
+import { DeepPartial } from "@talxis/client-libraries";
+import { ITheme } from "@fluentui/react";
+export declare const useControlThemeGenerator: (primaryColor: string, backgroundColor: string, textColor: string, options?: {
+    /**
+    * Optional overrides that will get applied when v8 theme is generated from fluentDesignLanguage
+    */
+    v8FluentOverrides?: DeepPartial<ITheme>;
+    /**
+     * The application's theme may differ from the control's theme. This is often the case when rendering a PCF as a cell customizer with conditional formatting.
+     * This object allows you to set application theme so PCF's can use it to render surfaces accurately.
+     */
+    applicationTheme?: ITheme;
+}) => IFluentDesignState;

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

@@ -0,0 +1,11 @@
+import { useMemo } from 'react';
+import { ControlTheme } from '../ControlTheme.js';
+
+const useControlThemeGenerator = (primaryColor, backgroundColor, textColor, options) => {
+    return useMemo(() => {
+        return ControlTheme.GenerateFluentDesignLanguage(primaryColor, backgroundColor, textColor, options);
+    }, [primaryColor, backgroundColor, textColor]);
+};
+
+export { useControlThemeGenerator };
+//# sourceMappingURL=useControlThemeGenerator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useControlThemeGenerator.js","sources":["../../../../src/utils/theme/hooks/useControlThemeGenerator.ts"],"sourcesContent":["import { useMemo } from \"react\"\nimport { ControlTheme, IFluentDesignState } from \"../ControlTheme\"\nimport { DeepPartial } from \"@talxis/client-libraries\"\nimport { ITheme } from \"@fluentui/react\"\n\nexport const useControlThemeGenerator = (primaryColor: string, backgroundColor: string, textColor: string, options?: {\n    /**\n    * Optional overrides that will get applied when v8 theme is generated from fluentDesignLanguage\n    */\n    v8FluentOverrides?: DeepPartial<ITheme>;\n    /**\n     * The application's theme may differ from the control's theme. This is often the case when rendering a PCF as a cell customizer with conditional formatting.\n     * This object allows you to set application theme so PCF's can use it to render surfaces accurately.\n     */\n    applicationTheme?: ITheme;\n}): IFluentDesignState => {\n    return useMemo(() => {\n        return ControlTheme.GenerateFluentDesignLanguage(primaryColor, backgroundColor, textColor, options)\n    }, [primaryColor, backgroundColor, textColor])\n}"],"names":[],"mappings":";;;AAKO,MAAM,wBAAwB,GAAG,CAAC,YAAoB,EAAE,eAAuB,EAAE,SAAiB,EAAE,OAU1G,KAAwB;IACrB,OAAO,OAAO,CAAC,MAAK;AAChB,QAAA,OAAO,YAAY,CAAC,4BAA4B,CAAC,YAAY,EAAE,eAAe,EAAE,SAAS,EAAE,OAAO,CAAC,CAAA;KACtG,EAAE,CAAC,YAAY,EAAE,eAAe,EAAE,SAAS,CAAC,CAAC,CAAA;AAClD;;;;"}

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

@@ -0,0 +1,3 @@
+export * from './ControlTheme';
+export * from './hooks';
+export * from './components';

package/dist/utils/theme/index.js

@@ -0,0 +1,5 @@
+export { ControlTheme } from './ControlTheme.js';
+export { useControlTheme } from './hooks/useControlTheme.js';
+export { useControlThemeGenerator } from './hooks/useControlThemeGenerator.js';
+export { ThemeWrapper } from './components/ThemeWrapper.js';
+//# sourceMappingURL=index.js.map

package/dist/utils/theme/index.js.map

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

package/package.json

@@ -0,0 +1,94 @@
+{
+  "name": "@talxis/base-controls",
+  "version": "0.0.1",
+  "description": "Set of React components that natively work with Power Apps Component Framework API's",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "license": "MIT",
+  "types": "dist/index.d.ts",
+  "sideEffects": false,
+  "files": [
+    "/dist",
+    "/package.json",
+    "/README.md"
+  ],
+  "devDependencies": {
+    "@babel/core": "^7.16.12",
+    "@rollup/plugin-commonjs": "^21.0.1",
+    "@rollup/plugin-node-resolve": "^13.0.6",
+    "@rollup/plugin-typescript": "^8.3.0",
+    "@testing-library/jest-dom": "^5.16.1",
+    "@testing-library/react": "^12.1.2",
+    "@testing-library/user-event": "^13.5.0",
+    "@types/color": "^3.0.6",
+    "@types/humanize-duration": "^3.27.4",
+    "@types/jest": "^27.4.0",
+    "@types/lodash.clonedeep": "^4.5.7",
+    "@types/node": "^17.0.14",
+    "@types/numeral": "^2.0.5",
+    "@types/powerapps-component-framework": "^1.3.14",
+    "@types/react": "^17.0.38",
+    "@types/react-dom": "^17.0.11",
+    "@types/validator": "^13.11.9",
+    "@types/xrm": "^9.0.81",
+    "babel-loader": "^8.2.3",
+    "esbuild": "^0.13.9",
+    "glob": "^11.0.0",
+    "postcss": "^8.3.11",
+    "rollup": "^2.58.1",
+    "rollup-plugin-delete": "^2.0.0",
+    "rollup-plugin-dts": "^4.0.0",
+    "rollup-plugin-esbuild": "^4.6.0",
+    "rollup-plugin-multi-input": "^1.3.1",
+    "rollup-plugin-postcss": "^4.0.1",
+    "rollup-plugin-terser": "^7.0.2",
+    "rollup-plugin-visualizer": "^5.12.0",
+    "typescript": "^4.5.2",
+    "web-vitals": "^2.1.4",
+    "webpack": "^5.68.0"
+  },
+  "scripts": {
+    "build": "rollup -c",
+    "documentation": "start-storybook -p 6006",
+    "build-documentation": "build-storybook",
+    "yalc": "rollup -c && yalc publish --sig"
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "dependencies": {
+    "@ag-grid-community/client-side-row-model": "^31.3.2",
+    "@ag-grid-community/core": "^31.3.2",
+    "@ag-grid-community/react": "^31.3.2",
+    "@ag-grid-community/styles": "^31.3.2",
+    "@ag-grid-enterprise/core": "31.3.2",
+    "@ag-grid-enterprise/row-grouping": "31.3.2",
+    "@fluentui/react-migration-v8-v9": "^9.6.20",
+    "color": "^4.2.3",
+    "dayjs": "^1.11.10",
+    "external-svg-loader": "^1.7.1",
+    "fast-deep-equal": "^3.1.3",
+    "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"
+  },
+  "peerDependencies": {
+    "@fluentui/react": "<=8.121.5",
+    "@talxis/react-components": "^1.2503.4",
+    "react": "^16.8.6 || ^17.0.2",
+    "react-dom": "^16.8.6 || ^17.0.2"
+  }
+}