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

package/dist/components/Grid/aggregation/Aggregation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Aggregation.js","sources":["../../../../src/components/Grid/aggregation/Aggregation.ts"],"sourcesContent":["import { AggregationFunction, IAggregationMetadata, IDataset, IRecord, MemoryDataProvider } from \"@talxis/client-libraries\";\nimport { GridDependency } from \"../core/model/GridDependency\";\nimport { Grid } from \"../core/model/Grid\";\n\nexport class Aggregation extends GridDependency {\n    private _hasUserChangedAggregations: boolean = false;\n    private _aggregationDataset: IDataset;\n\n    constructor(grid: Grid) {\n        super(grid);\n        this._aggregationDataset = this._dataset.getChildDataset();\n        this._aggregationDataset.addEventListener('onBeforeNewDataLoaded', () => this._syncAggregationDataProvider());\n        this._aggregationDataset.addEventListener('onError', (errorMessage, details) => this._onError(errorMessage, details));\n        this._aggregationDataset.addEventListener('onNewDataLoaded', () => this._dataset.getDataProvider().setError(false));\n        this._aggregationDataset.addEventListener('onLoading', () => this._pcfContext.factory.requestRender());\n        this._dataset.addEventListener('onNewDataLoaded', () => this._updateAggregations());\n    }\n    public getAggregationRecord(): IRecord[] {\n        if (this._aggregationDataset.aggregation.getAggregations().length === 0 || this._dataset.sortedRecordIds.length === 0) {\n            return [];\n        }\n        if (this._aggregationDataset.loading) {\n            return [this._getDummyLoadingRecord()];\n        }\n        return this._aggregationDataset.getDataProvider().getRecords();\n    }\n\n    public addAggregation(columnName: string, aggregationFunction: AggregationFunction) {\n        this._aggregationDataset.aggregation.addAggregation({\n            columnName: columnName,\n            alias: `${columnName}_${aggregationFunction}`,\n            aggregationFunction: aggregationFunction,\n        })\n        this._hasUserChangedAggregations = true;\n        this._aggregationDataset.refresh();\n    }\n\n    public removeAggregation(columnName: string) {\n        const aggregation = this.getAggregationForColumn(columnName);\n        if (aggregation) {\n            this._aggregationDataset.aggregation.removeAggregation(aggregation);\n        }\n        this._hasUserChangedAggregations = true;\n        this._aggregationDataset.refresh();\n    }\n\n    public isAggregationAppliedToColumn(columnName: string, aggregationFunction?: string): boolean {\n        return !!this._aggregationDataset.aggregation.getAggregations().find(agg => {\n            if (agg.columnName === columnName) {\n                if (aggregationFunction) {\n                    return agg.aggregationFunction === aggregationFunction;\n                }\n                return true;\n            }\n        })\n    }\n\n    public getAggregationForColumn(columnName: string) {\n        return this._aggregationDataset.aggregation.getAggregations().find(agg => {\n            return agg.columnName === columnName;\n        });\n    }\n\n    private _updateAggregations() {\n        this._syncAggregationDataProvider();\n        if (!this._hasUserChangedAggregations) {\n            this._getAggregationsFromColumns().map(aggregation => {\n                this._aggregationDataset.aggregation.addAggregation(aggregation);\n            })\n        }\n        const aggregations = this._aggregationDataset.aggregation.getAggregations();\n        const columnNames = this._dataset.getDataProvider().getColumns().map(col => col.name);\n        aggregations.map(agg => {\n            if (!columnNames.includes(agg.columnName)) {\n                this._aggregationDataset.aggregation.removeAggregation(agg);\n            }\n        })\n        if (this._aggregationDataset.aggregation.getAggregations().length > 0) {\n            this._aggregationDataset.refresh();\n        }\n    }\n\n    private _getAggregationsFromColumns(): IAggregationMetadata[] {\n        const aggregations: IAggregationMetadata[] = [];\n        this._dataset.columns.map(col => {\n            if (col.aggregationFunction) {\n                aggregations.push({\n                    columnName: col.name,\n                    alias: `${col.name}_${col.aggregationFunction}`,\n                    aggregationFunction: col.aggregationFunction,\n                })\n            }\n        })\n        return aggregations;\n    }\n\n    private _getDummyLoadingRecord(): IRecord {\n        const data: { [key: string]: any } = {};\n        data.id = 'loading';\n        this._dataset.columns.map(col => {\n            data[col.name] = null;\n        })\n        const provider = new MemoryDataProvider([data], { PrimaryIdAttribute: \"id\" });\n        provider.setColumns(this._dataset.columns);\n        provider.refreshSync();\n        const dummyRecord = provider.getRecords()[0];\n        this._dataset.columns.map(col => {\n            dummyRecord.expressions.ui.setLoadingExpression(col.name, () => true);\n        });\n        return dummyRecord;\n    }\n\n    private _onError(errorMessage: string, details?: any) {\n        let errorText = errorMessage;\n        const errorCode = details?.errorCode;\n        if (errorCode === 2147750198 || errorCode === -2147164125) {\n            errorText = this._grid.labels['error-2147750198']();\n        }\n        this._dataset.getDataProvider().setError(true, errorText);\n        this._pcfContext.factory.requestRender();\n    }\n\n    private _syncAggregationDataProvider() {\n        this._aggregationDataset.getDataProvider().setLinking(this._dataset.getDataProvider().getLinking());\n        this._aggregationDataset.getDataProvider().setFiltering(this._dataset.getDataProvider().getFiltering());\n        this._aggregationDataset.getDataProvider().setSearchQuery(this._dataset.getDataProvider().getSearchQuery());\n        this._aggregationDataset.getDataProvider().setDataSource(this._dataset.getDataProvider().getDataSource())\n        this._aggregationDataset.getDataProvider().setColumns(this._dataset.getDataProvider().getColumns().map(col => {\n            return {\n                ...col,\n                metadata: {\n                    ...col.metadata,\n                    RequiredLevel: 0\n                }\n            }\n        }))\n\n    }\n}"],"names":[],"mappings":"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"}

package/dist/components/Grid/{grid/Grid.d.ts → core/components/AgGrid/AgGrid.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { IGrid } from "../interfaces";
 import "@ag-grid-community/styles/ag-grid.css";
 import "@ag-grid-community/styles/ag-theme-balham.css";
-export declare const Grid: (props: IGrid) => JSX.Element;
+import { IGrid } from '../../../interfaces';
+export declare const AgGrid: (props: IGrid) => JSX.Element;

package/dist/components/Grid/core/components/AgGrid/AgGrid.js

@@ -0,0 +1,203 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { AgGridReact } from '@ag-grid-community/react';
+import { useTheme, mergeStyles, MessageBar, MessageBarType } from '@fluentui/react';
+import { ModuleRegistry } from '@ag-grid-community/core';
+import { useRef, useMemo, useState, useEffect } from 'react';
+import { useGridInstance } from '../../hooks/useGridInstance.js';
+import { getGridStyles } from './styles.js';
+import { EmptyRecords } from './components/EmptyRecordsOverlay/EmptyRecords.js';
+import { Save } from '../Save/Save.js';
+import { LoadingOverlay } from './components/LoadingOverlay/LoadingOverlay.js';
+import { useDebouncedCallback } from 'use-debounce';
+import { useGridController } from '../../controllers/useGridController.js';
+import { useStateValues, useRerender } from '@talxis/react-components';
+import { AgGrid as AgGrid$1 } from './model/AgGrid.js';
+import { ClientSideRowModelModule } from '@ag-grid-community/client-side-row-model';
+import '@ag-grid-community/styles/ag-grid.css';
+import '@ag-grid-community/styles/ag-theme-balham.css';
+import { AgGridContext } from './context.js';
+import { RowGroupingModule } from '@ag-grid-enterprise/row-grouping';
+import { LicenseManager } from '@ag-grid-enterprise/core';
+
+ModuleRegistry.registerModules([ClientSideRowModelModule]);
+const AgGrid = (props) => {
+    const grid = useGridInstance();
+    const gridApiRef = useRef();
+    const containerWidthRef = useRef(0);
+    const containerRef = useRef(null);
+    const theme = useTheme();
+    const styles = useMemo(() => getGridStyles(theme), [theme]);
+    const agGridReadyRef = useRef(false);
+    const agGrid = useMemo(() => new AgGrid$1(grid, gridApiRef, theme), []);
+    const agGridProviderValue = useMemo(() => agGrid, []);
+    const { columns } = useGridController();
+    const [agColumns, setAgColumns] = useState([]);
+    const [stateValuesRef, getNewStateValues, setDefaultStateValues] = useStateValues(grid.state);
+    const records = grid.records;
+    const [gridHeight, setGridHeight] = useState(grid.getHeightSettings().height);
+    const userChangedColumnSizeRef = useRef(false);
+    const [shouldUsePinnedBottomRowData, setShouldUsePinnedBottomRowData] = useState(false);
+    const rerender = useRerender();
+    const innerRerenderRef = useRef(true);
+    const onOverrideComponentProps = props.onOverrideComponentProps ?? ((props) => props);
+    const debounceUpdateVisualSizeFactor = useDebouncedCallback((e) => {
+        if (e.source !== 'uiColumnResized') {
+            return;
+        }
+        userChangedColumnSizeRef.current = true;
+        agGrid.updateColumnVisualSizeFactor(e);
+    }, 200);
+    const debouncedRefresh = useDebouncedCallback(() => {
+        agGrid.refresh();
+    }, 0);
+    if (!grid.isUpdateScheduled()) {
+        debouncedRefresh();
+    }
+    const onGridReady = () => {
+        agGridReadyRef.current = true;
+        setDefaultStateValues({
+            scroll: {
+                top: 0,
+                left: 0
+            },
+            ...gridApiRef.current.getState(),
+        });
+    };
+    const sizeColumnsIfSpaceAvailable = () => {
+        //do not autosize if user manually adjusted the column width
+        if (!gridApiRef.current || userChangedColumnSizeRef.current) {
+            return;
+        }
+        if (getCurrentContainerWidth() > grid.getTotalVisibleColumnsWidth()) {
+            gridApiRef.current.sizeColumnsToFit();
+        }
+    };
+    const getCurrentContainerWidth = () => {
+        return containerWidthRef.current ?? containerRef.current?.clientWidth;
+    };
+    const onSelectionChanged = useDebouncedCallback((e) => {
+        if (e.source.includes('api')) {
+            return;
+        }
+        grid.dataset.setSelectedRecordIds(e.api.getSelectedNodes().map(node => node.data.getRecordId()));
+    }, 0);
+    useEffect(() => {
+        agGrid.toggleOverlay();
+        //scroll to top when data is loaded
+        if (!grid.loading && grid.dataset.sortedRecordIds.length > 0) {
+            gridApiRef.current?.ensureIndexVisible(0);
+        }
+    }, [grid.loading]);
+    useEffect(() => {
+        //this can be replaced with native functionality if we decide to use ag grid enterprise
+        grid.keyHoldListener.addOnKeyDownHandler((event) => agGrid.copyCellValue(event));
+        agGrid.setRerenderCallback(() => {
+            innerRerenderRef.current = true;
+            rerender();
+        });
+        return () => {
+            grid.pcfContext.mode.setControlState(getNewStateValues());
+        };
+    }, []);
+    useEffect(() => {
+        const columns = agGrid.getColumns();
+        if (columns.length === 0) {
+            return;
+        }
+        setAgColumns(columns);
+    }, [columns]);
+    useEffect(() => {
+        sizeColumnsIfSpaceAvailable();
+    }, [agColumns]);
+    useEffect(() => {
+        setTimeout(() => {
+            //we need to set the height of the grid and pinned rows after everything else is rendered to avoid the redraw rows error
+            setGridHeight(grid.getHeightSettings().height);
+            setShouldUsePinnedBottomRowData(true);
+        }, 0);
+    }, [records, agColumns]);
+    innerRerenderRef.current = false;
+    const componentProps = onOverrideComponentProps({
+        container: {
+            ref: containerRef,
+            className: `${styles.root} ${mergeStyles({
+                height: gridHeight
+            })} ag-theme-balham`
+        },
+        pagingProps: {},
+        registerRowGroupingModule: false,
+        agGrid: {
+            animateRows: false,
+            domLayout: grid.getHeightSettings().isAutoHeightEnabled ? 'autoHeight' : undefined,
+            rowSelection: grid.selection.type,
+            noRowsOverlayComponent: EmptyRecords,
+            loadingOverlayComponent: LoadingOverlay,
+            suppressNoRowsOverlay: grid.loading,
+            suppressDragLeaveHidesColumns: true,
+            onColumnResized: (e) => debounceUpdateVisualSizeFactor(e),
+            onColumnMoved: (e) => agGrid.updateColumnOrder(e),
+            reactiveCustomComponents: true,
+            //rowMultiSelectWithClick: true,
+            onSelectionChanged: onSelectionChanged,
+            gridOptions: {
+                getRowStyle: (params) => {
+                    return {
+                        backgroundColor: agGrid.getDefaultCellTheme(params.node.childIndex % 2 === 0).semanticColors.bodyBackground
+                    };
+                },
+            },
+            onCellDoubleClicked: (e) => {
+                if (grid.isNavigationEnabled && !grid.isEditable && e.data?.getDataProvider().getSummarizationType() === 'none') {
+                    grid.dataset.openDatasetItem(e.data.getNamedReference());
+                }
+            },
+            getRowId: (params) => params.data.getRecordId(),
+            onGridReady: (e) => {
+                gridApiRef.current = e.api;
+                if (grid.loading) {
+                    gridApiRef.current?.showLoadingOverlay();
+                }
+                onGridReady();
+            },
+            onGridSizeChanged: (e) => {
+                containerWidthRef.current = e.clientWidth;
+                sizeColumnsIfSpaceAvailable();
+            },
+            onFirstDataRendered: (e) => {
+                sizeColumnsIfSpaceAvailable();
+                agGrid.refreshRowSelection();
+            },
+            onRowDataUpdated: () => {
+                agGrid.rerenderGlobalCheckBox();
+            },
+            onCellEditingStopped: () => {
+                grid.pcfContext.factory.requestRender();
+            },
+            initialState: stateValuesRef.current,
+            onStateUpdated: (e) => stateValuesRef.current = {
+                ...stateValuesRef.current,
+                ...e.state
+            },
+            columnDefs: agColumns,
+            rowData: records,
+            getRowHeight: (params) => agGrid.getRowHeight(params.data),
+            pinnedBottomRowData: shouldUsePinnedBottomRowData ? grid.aggregation.getAggregationRecord() : undefined,
+        }
+    });
+    useMemo(() => {
+        if (componentProps.registerRowGroupingModule) {
+            ModuleRegistry.register(RowGroupingModule);
+        }
+        if (componentProps.licenseKey) {
+            LicenseManager.setLicenseKey(componentProps.licenseKey);
+        }
+    }, []);
+    return (jsx(AgGridContext.Provider, { value: agGridProviderValue, children: jsxs("div", { ...componentProps.container, children: [grid.isEditable && grid.dataset.isDirty?.() &&
+                    jsx(Save, {}), grid.error &&
+                    jsx(MessageBar, { messageBarType: MessageBarType.error, children: jsx("span", { dangerouslySetInnerHTML: {
+                                __html: grid.errorMessage
+                            } }) }), jsx(AgGridReact, { ...componentProps.agGrid })] }) }));
+};
+
+export { AgGrid };
+//# sourceMappingURL=AgGrid.js.map

package/dist/components/Grid/core/components/AgGrid/AgGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgGrid.js","sources":["../../../../../../src/components/Grid/core/components/AgGrid/AgGrid.tsx"],"sourcesContent":["import { AgGridReact } from '@ag-grid-community/react';\nimport { mergeStyles, MessageBar, MessageBarType, useTheme } from \"@fluentui/react\";\nimport { CellDoubleClickedEvent, ColDef, ColumnResizedEvent, DomLayoutType, GridApi, GridState, ModuleRegistry, SelectionChangedEvent } from \"@ag-grid-community/core\";\nimport { useEffect, useMemo, useRef, useState } from \"react\";\nimport { useGridInstance } from \"../../hooks/useGridInstance\";\nimport { getGridStyles } from \"./styles\";\nimport { EmptyRecords } from \"./components/EmptyRecordsOverlay/EmptyRecords\";\nimport { Save } from \"../Save/Save\";\nimport { LoadingOverlay } from \"./components/LoadingOverlay/LoadingOverlay\";\nimport { IRecord } from '@talxis/client-libraries';\nimport { useDebouncedCallback } from 'use-debounce';\nimport { useGridController } from '../../controllers/useGridController';\nimport { useRerender, useStateValues } from '@talxis/react-components';\nimport { AgGrid as AgGridModel } from './model/AgGrid';\nimport { ClientSideRowModelModule } from '@ag-grid-community/client-side-row-model';\nimport \"@ag-grid-community/styles/ag-grid.css\";\nimport \"@ag-grid-community/styles/ag-theme-balham.css\";\nimport { AgGridContext } from './context';\nimport { IGrid } from '../../../interfaces';\nimport { RowGroupingModule } from '@ag-grid-enterprise/row-grouping';\nimport { LicenseManager } from '@ag-grid-enterprise/core';\nModuleRegistry.registerModules([ClientSideRowModelModule]);\n\n\nexport const AgGrid = (props: IGrid) => {\n    const grid = useGridInstance();\n    const gridApiRef = useRef<GridApi<ComponentFramework.PropertyHelper.DataSetApi.EntityRecord>>();\n    const containerWidthRef = useRef(0);\n    const containerRef = useRef<HTMLDivElement>(null);\n    const theme = useTheme();\n    const styles = useMemo(() => getGridStyles(theme), [theme]);\n    const agGridReadyRef = useRef<boolean>(false);\n    const agGrid = useMemo(() => new AgGridModel(grid, gridApiRef, theme), []);\n    const agGridProviderValue = useMemo(() => agGrid, []);\n    const { columns } = useGridController();\n    const [agColumns, setAgColumns] = useState<ColDef[]>([]);\n    const [stateValuesRef, getNewStateValues, setDefaultStateValues] = useStateValues<GridState>(grid.state as GridState);\n    const records = grid.records;\n    const [gridHeight, setGridHeight] = useState<string | undefined>(grid.getHeightSettings().height);\n    const userChangedColumnSizeRef = useRef(false);\n    const [shouldUsePinnedBottomRowData, setShouldUsePinnedBottomRowData] = useState<boolean>(false);\n    const rerender = useRerender();\n    const innerRerenderRef = useRef(true);\n    const onOverrideComponentProps = props.onOverrideComponentProps ?? ((props) => props);\n\n\n    const debounceUpdateVisualSizeFactor = useDebouncedCallback((e: ColumnResizedEvent<IRecord, any>) => {\n        if (e.source !== 'uiColumnResized') {\n            return;\n        }\n        userChangedColumnSizeRef.current = true;\n        agGrid.updateColumnVisualSizeFactor(e);\n    }, 200);\n\n    const debouncedRefresh = useDebouncedCallback(() => {\n        agGrid.refresh();\n    }, 0);\n\n    if (!grid.isUpdateScheduled()) {\n        debouncedRefresh();\n    }\n\n    const onGridReady = () => {\n        agGridReadyRef.current = true;\n        setDefaultStateValues({\n            scroll: {\n                top: 0,\n                left: 0\n            },\n            ...gridApiRef.current!.getState(),\n        });\n    }\n\n    const sizeColumnsIfSpaceAvailable = () => {\n        //do not autosize if user manually adjusted the column width\n        if (!gridApiRef.current || userChangedColumnSizeRef.current) {\n            return;\n        }\n        if (getCurrentContainerWidth() > grid.getTotalVisibleColumnsWidth()) {\n            gridApiRef.current!.sizeColumnsToFit();\n        }\n    }\n\n    const getCurrentContainerWidth = (): number => {\n        return containerWidthRef.current ?? containerRef.current?.clientWidth\n    }\n\n    const onSelectionChanged = useDebouncedCallback((e: SelectionChangedEvent<any, any>) => {\n        if (e.source.includes('api')) {\n            return;\n        }\n        grid.dataset.setSelectedRecordIds(e.api.getSelectedNodes().map(node => node.data!.getRecordId()));\n    }, 0);\n\n    useEffect(() => {\n        agGrid.toggleOverlay();\n        //scroll to top when data is loaded\n        if (!grid.loading && grid.dataset.sortedRecordIds.length > 0) {\n            gridApiRef.current?.ensureIndexVisible(0);\n        }\n    }, [grid.loading]);\n\n\n    useEffect(() => {\n        //this can be replaced with native functionality if we decide to use ag grid enterprise\n        grid.keyHoldListener.addOnKeyDownHandler((event) => agGrid.copyCellValue(event));\n\n        agGrid.setRerenderCallback(() => {\n            innerRerenderRef.current = true;\n            rerender();\n        });\n        return () => {\n            grid.pcfContext.mode.setControlState(getNewStateValues());\n        }\n    }, []);\n\n    useEffect(() => {\n        const columns = agGrid.getColumns();\n        if (columns.length === 0) {\n            return;\n        }\n        setAgColumns(columns)\n    }, [columns]);\n\n    useEffect(() => {\n        sizeColumnsIfSpaceAvailable();\n    }, [agColumns]);\n\n    useEffect(() => {\n        setTimeout(() => {\n            //we need to set the height of the grid and pinned rows after everything else is rendered to avoid the redraw rows error\n            setGridHeight(grid.getHeightSettings().height);\n            setShouldUsePinnedBottomRowData(true);\n        }, 0);\n    }, [records, agColumns])\n\n    innerRerenderRef.current = false;\n\n    const componentProps = onOverrideComponentProps({\n        container: {\n            ref: containerRef,\n            className: `${styles.root} ${mergeStyles({\n                height: gridHeight\n            })} ag-theme-balham`\n        },\n        pagingProps: {},\n        registerRowGroupingModule: false,\n        agGrid: {\n            animateRows: false,\n            domLayout: grid.getHeightSettings().isAutoHeightEnabled ? 'autoHeight' : undefined,\n            rowSelection: grid.selection.type,\n            noRowsOverlayComponent: EmptyRecords,\n            loadingOverlayComponent: LoadingOverlay,\n            suppressNoRowsOverlay: grid.loading,\n            suppressDragLeaveHidesColumns: true,\n            onColumnResized: (e) => debounceUpdateVisualSizeFactor(e),\n            onColumnMoved: (e) => agGrid.updateColumnOrder(e),\n            reactiveCustomComponents: true,\n            //rowMultiSelectWithClick: true,\n            onSelectionChanged: onSelectionChanged,\n            gridOptions: {\n                getRowStyle: (params) => {\n                    return {\n                        backgroundColor: agGrid.getDefaultCellTheme(params.node.childIndex % 2 === 0).semanticColors.bodyBackground\n                    }\n                },\n            },\n            onCellDoubleClicked: (e: CellDoubleClickedEvent<IRecord>) => {\n                if (grid.isNavigationEnabled && !grid.isEditable && e.data?.getDataProvider().getSummarizationType() === 'none') {\n                    grid.dataset.openDatasetItem(e.data!.getNamedReference())\n                }\n            },\n            getRowId: (params) => params.data.getRecordId(),\n            onGridReady: (e) => {\n                gridApiRef.current = e.api as any;\n                if (grid.loading) {\n                    gridApiRef.current?.showLoadingOverlay();\n                }\n                onGridReady();\n            },\n            onGridSizeChanged: (e) => {\n                containerWidthRef.current = e.clientWidth;\n                sizeColumnsIfSpaceAvailable();\n            },\n            onFirstDataRendered: (e) => {\n                sizeColumnsIfSpaceAvailable();\n                agGrid.refreshRowSelection();\n            },\n            onRowDataUpdated: () => {\n                agGrid.rerenderGlobalCheckBox();\n            },\n            onCellEditingStopped: () => {\n                grid.pcfContext.factory.requestRender();\n            },\n            initialState: stateValuesRef.current,\n            onStateUpdated: (e) => stateValuesRef.current = {\n                ...stateValuesRef.current,\n                ...e.state\n            },\n            columnDefs: agColumns as any,\n            rowData: records,\n            getRowHeight: (params) => agGrid.getRowHeight(params.data!),\n            pinnedBottomRowData: shouldUsePinnedBottomRowData ? grid.aggregation.getAggregationRecord() : undefined,\n        }\n    });\n\n    useMemo(() => {\n        if (componentProps.registerRowGroupingModule) {\n            ModuleRegistry.register(RowGroupingModule);\n        }\n        if (componentProps.licenseKey) {\n            LicenseManager.setLicenseKey(componentProps.licenseKey);\n        }\n    }, []);\n\n    return (\n        <AgGridContext.Provider value={agGridProviderValue}>\n            <div {...componentProps.container}>\n                {grid.isEditable && grid.dataset.isDirty?.() &&\n                    <Save />\n                }\n                {grid.error &&\n                    <MessageBar messageBarType={MessageBarType.error}>\n                        <span dangerouslySetInnerHTML={{\n                            __html: grid.errorMessage!\n                        }} />\n                    </MessageBar>\n                }\n                <AgGridReact {...componentProps.agGrid}>\n                </AgGridReact>\n            </div>\n        </AgGridContext.Provider>\n    );\n}\n"],"names":["AgGridModel","_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAqBA,cAAc,CAAC,eAAe,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC;AAG9C,MAAA,MAAM,GAAG,CAAC,KAAY,KAAI;AACnC,IAAA,MAAM,IAAI,GAAG,eAAe,EAAE,CAAC;AAC/B,IAAA,MAAM,UAAU,GAAG,MAAM,EAAsE,CAAC;AAChG,IAAA,MAAM,iBAAiB,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;AACpC,IAAA,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;AAClD,IAAA,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;AACzB,IAAA,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AAC5D,IAAA,MAAM,cAAc,GAAG,MAAM,CAAU,KAAK,CAAC,CAAC;AAC9C,IAAA,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,IAAIA,QAAW,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;IAC3E,MAAM,mBAAmB,GAAG,OAAO,CAAC,MAAM,MAAM,EAAE,EAAE,CAAC,CAAC;AACtD,IAAA,MAAM,EAAE,OAAO,EAAE,GAAG,iBAAiB,EAAE,CAAC;IACxC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC,CAAC;AACzD,IAAA,MAAM,CAAC,cAAc,EAAE,iBAAiB,EAAE,qBAAqB,CAAC,GAAG,cAAc,CAAY,IAAI,CAAC,KAAkB,CAAC,CAAC;AACtH,IAAA,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;AAC7B,IAAA,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAqB,IAAI,CAAC,iBAAiB,EAAE,CAAC,MAAM,CAAC,CAAC;AAClG,IAAA,MAAM,wBAAwB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC/C,MAAM,CAAC,4BAA4B,EAAE,+BAA+B,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;AACjG,IAAA,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;AAC/B,IAAA,MAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACtC,IAAA,MAAM,wBAAwB,GAAG,KAAK,CAAC,wBAAwB,KAAK,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;AAGtF,IAAA,MAAM,8BAA8B,GAAG,oBAAoB,CAAC,CAAC,CAAmC,KAAI;AAChG,QAAA,IAAI,CAAC,CAAC,MAAM,KAAK,iBAAiB,EAAE;YAChC,OAAO;AACV,SAAA;AACD,QAAA,wBAAwB,CAAC,OAAO,GAAG,IAAI,CAAC;AACxC,QAAA,MAAM,CAAC,4BAA4B,CAAC,CAAC,CAAC,CAAC;KAC1C,EAAE,GAAG,CAAC,CAAC;AAER,IAAA,MAAM,gBAAgB,GAAG,oBAAoB,CAAC,MAAK;QAC/C,MAAM,CAAC,OAAO,EAAE,CAAC;KACpB,EAAE,CAAC,CAAC,CAAC;AAEN,IAAA,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE,EAAE;AAC3B,QAAA,gBAAgB,EAAE,CAAC;AACtB,KAAA;IAED,MAAM,WAAW,GAAG,MAAK;AACrB,QAAA,cAAc,CAAC,OAAO,GAAG,IAAI,CAAC;AAC9B,QAAA,qBAAqB,CAAC;AAClB,YAAA,MAAM,EAAE;AACJ,gBAAA,GAAG,EAAE,CAAC;AACN,gBAAA,IAAI,EAAE,CAAC;AACV,aAAA;AACD,YAAA,GAAG,UAAU,CAAC,OAAQ,CAAC,QAAQ,EAAE;AACpC,SAAA,CAAC,CAAC;AACP,KAAC,CAAA;IAED,MAAM,2BAA2B,GAAG,MAAK;;QAErC,IAAI,CAAC,UAAU,CAAC,OAAO,IAAI,wBAAwB,CAAC,OAAO,EAAE;YACzD,OAAO;AACV,SAAA;AACD,QAAA,IAAI,wBAAwB,EAAE,GAAG,IAAI,CAAC,2BAA2B,EAAE,EAAE;AACjE,YAAA,UAAU,CAAC,OAAQ,CAAC,gBAAgB,EAAE,CAAC;AAC1C,SAAA;AACL,KAAC,CAAA;IAED,MAAM,wBAAwB,GAAG,MAAa;QAC1C,OAAO,iBAAiB,CAAC,OAAO,IAAI,YAAY,CAAC,OAAO,EAAE,WAAW,CAAA;AACzE,KAAC,CAAA;AAED,IAAA,MAAM,kBAAkB,GAAG,oBAAoB,CAAC,CAAC,CAAkC,KAAI;QACnF,IAAI,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;YAC1B,OAAO;AACV,SAAA;QACD,IAAI,CAAC,OAAO,CAAC,oBAAoB,CAAC,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAC,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC,IAAK,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;KACrG,EAAE,CAAC,CAAC,CAAC;IAEN,SAAS,CAAC,MAAK;QACX,MAAM,CAAC,aAAa,EAAE,CAAC;;AAEvB,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,MAAM,GAAG,CAAC,EAAE;AAC1D,YAAA,UAAU,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC;AAC7C,SAAA;AACL,KAAC,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;IAGnB,SAAS,CAAC,MAAK;;AAEX,QAAA,IAAI,CAAC,eAAe,CAAC,mBAAmB,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;AAEjF,QAAA,MAAM,CAAC,mBAAmB,CAAC,MAAK;AAC5B,YAAA,gBAAgB,CAAC,OAAO,GAAG,IAAI,CAAC;AAChC,YAAA,QAAQ,EAAE,CAAC;AACf,SAAC,CAAC,CAAC;AACH,QAAA,OAAO,MAAK;YACR,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,eAAe,CAAC,iBAAiB,EAAE,CAAC,CAAC;AAC9D,SAAC,CAAA;KACJ,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,MAAK;AACX,QAAA,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,EAAE,CAAC;AACpC,QAAA,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE;YACtB,OAAO;AACV,SAAA;QACD,YAAY,CAAC,OAAO,CAAC,CAAA;AACzB,KAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,SAAS,CAAC,MAAK;AACX,QAAA,2BAA2B,EAAE,CAAC;AAClC,KAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,SAAS,CAAC,MAAK;QACX,UAAU,CAAC,MAAK;;YAEZ,aAAa,CAAC,IAAI,CAAC,iBAAiB,EAAE,CAAC,MAAM,CAAC,CAAC;YAC/C,+BAA+B,CAAC,IAAI,CAAC,CAAC;SACzC,EAAE,CAAC,CAAC,CAAC;AACV,KAAC,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAA;AAExB,IAAA,gBAAgB,CAAC,OAAO,GAAG,KAAK,CAAC;IAEjC,MAAM,cAAc,GAAG,wBAAwB,CAAC;AAC5C,QAAA,SAAS,EAAE;AACP,YAAA,GAAG,EAAE,YAAY;AACjB,YAAA,SAAS,EAAE,CAAG,EAAA,MAAM,CAAC,IAAI,CAAA,CAAA,EAAI,WAAW,CAAC;AACrC,gBAAA,MAAM,EAAE,UAAU;AACrB,aAAA,CAAC,CAAkB,gBAAA,CAAA;AACvB,SAAA;AACD,QAAA,WAAW,EAAE,EAAE;AACf,QAAA,yBAAyB,EAAE,KAAK;AAChC,QAAA,MAAM,EAAE;AACJ,YAAA,WAAW,EAAE,KAAK;AAClB,YAAA,SAAS,EAAE,IAAI,CAAC,iBAAiB,EAAE,CAAC,mBAAmB,GAAG,YAAY,GAAG,SAAS;AAClF,YAAA,YAAY,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI;AACjC,YAAA,sBAAsB,EAAE,YAAY;AACpC,YAAA,uBAAuB,EAAE,cAAc;YACvC,qBAAqB,EAAE,IAAI,CAAC,OAAO;AACnC,YAAA,6BAA6B,EAAE,IAAI;YACnC,eAAe,EAAE,CAAC,CAAC,KAAK,8BAA8B,CAAC,CAAC,CAAC;YACzD,aAAa,EAAE,CAAC,CAAC,KAAK,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC;AACjD,YAAA,wBAAwB,EAAE,IAAI;;AAE9B,YAAA,kBAAkB,EAAE,kBAAkB;AACtC,YAAA,WAAW,EAAE;AACT,gBAAA,WAAW,EAAE,CAAC,MAAM,KAAI;oBACpB,OAAO;AACH,wBAAA,eAAe,EAAE,MAAM,CAAC,mBAAmB,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,cAAc;qBAC9G,CAAA;iBACJ;AACJ,aAAA;AACD,YAAA,mBAAmB,EAAE,CAAC,CAAkC,KAAI;gBACxD,IAAI,IAAI,CAAC,mBAAmB,IAAI,CAAC,IAAI,CAAC,UAAU,IAAI,CAAC,CAAC,IAAI,EAAE,eAAe,EAAE,CAAC,oBAAoB,EAAE,KAAK,MAAM,EAAE;AAC7G,oBAAA,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC,CAAC,IAAK,CAAC,iBAAiB,EAAE,CAAC,CAAA;AAC5D,iBAAA;aACJ;YACD,QAAQ,EAAE,CAAC,MAAM,KAAK,MAAM,CAAC,IAAI,CAAC,WAAW,EAAE;AAC/C,YAAA,WAAW,EAAE,CAAC,CAAC,KAAI;AACf,gBAAA,UAAU,CAAC,OAAO,GAAG,CAAC,CAAC,GAAU,CAAC;gBAClC,IAAI,IAAI,CAAC,OAAO,EAAE;AACd,oBAAA,UAAU,CAAC,OAAO,EAAE,kBAAkB,EAAE,CAAC;AAC5C,iBAAA;AACD,gBAAA,WAAW,EAAE,CAAC;aACjB;AACD,YAAA,iBAAiB,EAAE,CAAC,CAAC,KAAI;AACrB,gBAAA,iBAAiB,CAAC,OAAO,GAAG,CAAC,CAAC,WAAW,CAAC;AAC1C,gBAAA,2BAA2B,EAAE,CAAC;aACjC;AACD,YAAA,mBAAmB,EAAE,CAAC,CAAC,KAAI;AACvB,gBAAA,2BAA2B,EAAE,CAAC;gBAC9B,MAAM,CAAC,mBAAmB,EAAE,CAAC;aAChC;YACD,gBAAgB,EAAE,MAAK;gBACnB,MAAM,CAAC,sBAAsB,EAAE,CAAC;aACnC;YACD,oBAAoB,EAAE,MAAK;AACvB,gBAAA,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,aAAa,EAAE,CAAC;aAC3C;YACD,YAAY,EAAE,cAAc,CAAC,OAAO;YACpC,cAAc,EAAE,CAAC,CAAC,KAAK,cAAc,CAAC,OAAO,GAAG;gBAC5C,GAAG,cAAc,CAAC,OAAO;gBACzB,GAAG,CAAC,CAAC,KAAK;AACb,aAAA;AACD,YAAA,UAAU,EAAE,SAAgB;AAC5B,YAAA,OAAO,EAAE,OAAO;AAChB,YAAA,YAAY,EAAE,CAAC,MAAM,KAAK,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,IAAK,CAAC;AAC3D,YAAA,mBAAmB,EAAE,4BAA4B,GAAG,IAAI,CAAC,WAAW,CAAC,oBAAoB,EAAE,GAAG,SAAS;AAC1G,SAAA;AACJ,KAAA,CAAC,CAAC;IAEH,OAAO,CAAC,MAAK;QACT,IAAI,cAAc,CAAC,yBAAyB,EAAE;AAC1C,YAAA,cAAc,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC;AAC9C,SAAA;QACD,IAAI,cAAc,CAAC,UAAU,EAAE;AAC3B,YAAA,cAAc,CAAC,aAAa,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;AAC3D,SAAA;KACJ,EAAE,EAAE,CAAC,CAAC;IAEP,QACIC,GAAC,CAAA,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,mBAAmB,EAAA,QAAA,EAC9CC,IAAS,CAAA,KAAA,EAAA,EAAA,GAAA,cAAc,CAAC,SAAS,EAAA,QAAA,EAAA,CAC5B,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO,IAAI;AACxC,oBAAAD,GAAA,CAAC,IAAI,EAAA,EAAA,CAAG,EAEX,IAAI,CAAC,KAAK;oBACPA,GAAC,CAAA,UAAU,EAAC,EAAA,cAAc,EAAE,cAAc,CAAC,KAAK,EAAA,QAAA,EAC5CA,GAAM,CAAA,MAAA,EAAA,EAAA,uBAAuB,EAAE;gCAC3B,MAAM,EAAE,IAAI,CAAC,YAAa;AAC7B,6BAAA,EAAA,CAAI,EACI,CAAA,EAEjBA,GAAC,CAAA,WAAW,EAAK,EAAA,GAAA,cAAc,CAAC,MAAM,EACxB,CAAA,CAAA,EAAA,CACZ,EACe,CAAA,EAC3B;AACN;;;;"}

package/dist/components/Grid/core/components/AgGrid/components/EmptyRecordsOverlay/EmptyRecords.js

@@ -0,0 +1,12 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Icon, Text } from '@fluentui/react';
+import { useGridInstance } from '../../../../hooks/useGridInstance.js';
+import { emptyRecordStyles } from './styles.js';
+
+const EmptyRecords = () => {
+    const labels = useGridInstance().labels;
+    return (jsxs("div", { className: `${emptyRecordStyles.root} TALXIS__grid__empty-records`, children: [jsx(Icon, { className: emptyRecordStyles.icon, iconName: 'SearchAndApps' }), jsx(Text, { children: labels.norecordsfound() })] }));
+};
+
+export { EmptyRecords };
+//# sourceMappingURL=EmptyRecords.js.map

package/dist/components/Grid/core/components/AgGrid/components/EmptyRecordsOverlay/EmptyRecords.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyRecords.js","sources":["../../../../../../../../src/components/Grid/core/components/AgGrid/components/EmptyRecordsOverlay/EmptyRecords.tsx"],"sourcesContent":["import React from 'react';\nimport { Icon } from '@fluentui/react';\nimport { useGridInstance } from '../../../../hooks/useGridInstance';\nimport { Text } from '@fluentui/react';\nimport { emptyRecordStyles } from './styles';\n\nexport const EmptyRecords = () => {\n    const labels = useGridInstance().labels;\n\n    return (\n        <div className={`${emptyRecordStyles.root} TALXIS__grid__empty-records`}>\n            <Icon className={emptyRecordStyles.icon} iconName='SearchAndApps' />\n            <Text>{labels.norecordsfound()}</Text>\n        </div>\n    )\n}"],"names":["_jsxs","_jsx"],"mappings":";;;;;AAMO,MAAM,YAAY,GAAG,MAAK;AAC7B,IAAA,MAAM,MAAM,GAAG,eAAe,EAAE,CAAC,MAAM,CAAC;AAExC,IAAA,QACIA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,GAAG,iBAAiB,CAAC,IAAI,CAAA,4BAAA,CAA8B,aACnEC,GAAC,CAAA,IAAI,EAAC,EAAA,SAAS,EAAE,iBAAiB,CAAC,IAAI,EAAE,QAAQ,EAAC,eAAe,EAAA,CAAG,EACpEA,GAAC,CAAA,IAAI,EAAE,EAAA,QAAA,EAAA,MAAM,CAAC,cAAc,EAAE,EAAQ,CAAA,CAAA,EAAA,CACpC,EACT;AACL;;;;"}

package/dist/components/Grid/{overlays/empty-records → core/components/AgGrid/components/EmptyRecordsOverlay}/styles.d.ts

@@ -1,5 +1,5 @@
 export declare const emptyRecordStyles: import("@fluentui/react").IProcessedStyleSet<{
-    emptyRecordsRoot: {
+    root: {
         display: string;
         flexDirection: string;
         gap: number;

package/dist/components/Grid/{overlays/empty-records → core/components/AgGrid/components/EmptyRecordsOverlay}/styles.js

@@ -1,7 +1,7 @@
 import { mergeStyleSets } from '@fluentui/react';
 
 const emptyRecordStyles = mergeStyleSets({
-    emptyRecordsRoot: {
+    root: {
         display: 'flex',
         flexDirection: 'column',
         gap: 10,

package/dist/components/Grid/core/components/AgGrid/components/EmptyRecordsOverlay/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../../../../src/components/Grid/core/components/AgGrid/components/EmptyRecordsOverlay/styles.ts"],"sourcesContent":["import { mergeStyleSets } from \"@fluentui/react\";\n\nexport const emptyRecordStyles = mergeStyleSets({\n    root: {\n        display: 'flex',\n        flexDirection: 'column',\n        gap: 10,\n        alignItems: 'center',\n        position: 'relative',\n        top: 18\n    },\n    icon: {\n        fontSize: 46\n    },\n    image: {\n        'img': {\n            width: '100px'\n        }\n    }\n})"],"names":[],"mappings":";;AAEO,MAAM,iBAAiB,GAAG,cAAc,CAAC;AAC5C,IAAA,IAAI,EAAE;AACF,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,aAAa,EAAE,QAAQ;AACvB,QAAA,GAAG,EAAE,EAAE;AACP,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,GAAG,EAAE,EAAE;AACV,KAAA;AACD,IAAA,IAAI,EAAE;AACF,QAAA,QAAQ,EAAE,EAAE;AACf,KAAA;AACD,IAAA,KAAK,EAAE;AACH,QAAA,KAAK,EAAE;AACH,YAAA,KAAK,EAAE,OAAO;AACjB,SAAA;AACJ,KAAA;AACJ,CAAA;;;;"}

package/dist/components/Grid/core/components/AgGrid/components/LoadingOverlay/LoadingOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingOverlay.js","sources":["../../../../../../../../src/components/Grid/core/components/AgGrid/components/LoadingOverlay/LoadingOverlay.tsx"],"sourcesContent":["import { SpinnerSize } from '@fluentui/react';\nimport { Spinner } from '@talxis/react-components';\n\nexport const LoadingOverlay = () => {\n    return <Spinner size={SpinnerSize.large} />\n}"],"names":["_jsx"],"mappings":";;;;AAGO,MAAM,cAAc,GAAG,MAAK;IAC/B,OAAOA,GAAA,CAAC,OAAO,EAAC,EAAA,IAAI,EAAE,WAAW,CAAC,KAAK,EAAA,CAAI,CAAA;AAC/C;;;;"}

package/dist/components/Grid/{grid/ag-grid/AgGridContext.d.ts → core/components/AgGrid/context.d.ts}

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import { AgGridModel } from "./AgGridModel";
-export declare const AgGridContext: import("react").Context<AgGridModel>;
+import { AgGrid } from "./model/AgGrid";
+export declare const AgGridContext: import("react").Context<AgGrid>;

package/dist/components/Grid/{grid/ag-grid/AgGridContext.js → core/components/AgGrid/context.js}

@@ -3,4 +3,4 @@ import { createContext } from 'react';
 const AgGridContext = createContext(null);
 
 export { AgGridContext };
-//# sourceMappingURL=AgGridContext.js.map
+//# sourceMappingURL=context.js.map

package/dist/components/Grid/core/components/AgGrid/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../../../../../src/components/Grid/core/components/AgGrid/context.ts"],"sourcesContent":["import { createContext } from \"react\";\nimport { AgGrid } from \"./model/AgGrid\";\n\nexport const AgGridContext = createContext<AgGrid>(null as any);"],"names":[],"mappings":";;MAGa,aAAa,GAAG,aAAa,CAAS,IAAW;;;;"}

package/dist/components/Grid/core/components/AgGrid/model/AgGrid.d.ts

@@ -0,0 +1,52 @@
+/// <reference types="react" />
+/// <reference types="@types/powerapps-component-framework" />
+import { CellClassParams, ColDef, ColumnMovedEvent, ColumnResizedEvent, GridApi } from "@ag-grid-community/core";
+import { Grid } from "../../../model/Grid";
+import { GridDependency } from "../../../model/GridDependency";
+import { IAddControlNotificationOptions, IColumn, IControlParameters, ICustomColumnComponent, ICustomColumnControl, ICustomColumnFormatting, IRecord } from "@talxis/client-libraries";
+import { ITheme } from "@fluentui/react";
+export interface ICellValues {
+    notifications: IAddControlNotificationOptions[];
+    customFormatting: Required<ICustomColumnFormatting>;
+    customControl: Required<ICustomColumnControl>;
+    customComponent: ICustomColumnComponent;
+    loading: boolean;
+    value: any;
+    error: boolean;
+    height: number;
+    errorMessage: string;
+    parameters: IControlParameters;
+    columnAlignment: Required<IColumn['alignment']>;
+    editing: boolean;
+    editable: boolean;
+    disabled: boolean;
+}
+export declare class AgGrid extends GridDependency {
+    private _gridApiRef;
+    private _theme;
+    private _rerenderCallback;
+    private _rerenderGlobalCheckBox;
+    private _comparator;
+    readonly oddRowCellTheme: ITheme;
+    readonly evenRowCellTheme: ITheme;
+    constructor(grid: Grid, gridApiRef: React.MutableRefObject<GridApi<ComponentFramework.PropertyHelper.DataSetApi.EntityRecord> | undefined>, theme: ITheme);
+    getColumns(): ColDef<any, any>[];
+    refresh(): void;
+    setGlobalCheckBoxRenderer(renderer: () => void): void;
+    rerenderGlobalCheckBox(): void;
+    updateColumnOrder(e: ColumnMovedEvent<IRecord, any>): void;
+    updateColumnVisualSizeFactor(e: ColumnResizedEvent<IRecord, any>): void;
+    toggleOverlay(): void;
+    copyCellValue(event: KeyboardEvent): void;
+    getRowHeight(record?: IRecord): number;
+    getTotalColumnsWidth(): number;
+    refreshRowSelection(): void;
+    getCellFormatting(params: CellClassParams<IRecord, any>): Required<ICustomColumnFormatting>;
+    getDefaultCellTheme(isEven: boolean): ITheme;
+    setRerenderCallback(callback: () => void): void;
+    rerender(): void;
+    private get _gridApi();
+    private _isColumnEditable;
+    private _suppressKeyboardEvent;
+    private _getValue;
+}