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

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

@@ -1,203 +0,0 @@
-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

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

@@ -1,12 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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/core/components/AgGrid/components/EmptyRecordsOverlay/styles.js.map

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

@@ -1 +0,0 @@
-{"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/core/components/AgGrid/context.js.map

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

@@ -1,52 +0,0 @@
-/// <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;
-}

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

@@ -1,343 +0,0 @@
-import { GridDependency } from '../../../model/GridDependency.js';
-import { CHECKBOX_COLUMN_KEY } from '../../../../constants.js';
-import { DataTypes } from '@talxis/client-libraries';
-import { GlobalCheckBox } from '../../ColumnHeader/components/GlobalCheckbox/GlobalCheckbox.js';
-import { ColumnHeader } from '../../ColumnHeader/ColumnHeader.js';
-import { Cell } from '../../Cell/Cell.js';
-import { merge } from '@fluentui/react';
-import { Theming } from '@talxis/react-components';
-import { Comparator } from './Comparator.js';
-import { NestedControl } from '../../../../../NestedControlRenderer/NestedControl.js';
-
-class AgGrid extends GridDependency {
-    constructor(grid, gridApiRef, theme) {
-        super(grid);
-        this._rerenderCallback = () => { };
-        this._rerenderGlobalCheckBox = () => { };
-        this._comparator = new Comparator();
-        this._gridApiRef = gridApiRef;
-        this._theme = theme;
-        this._grid.dataset.addEventListener('onRecordsSelected', (ids) => {
-            this.refreshRowSelection();
-        });
-        this.oddRowCellTheme = Theming.GenerateThemeV8(this._theme.palette.themePrimary, this._theme.palette.neutralLighterAlt, this._theme.semanticColors.bodyText);
-        this.evenRowCellTheme = Theming.GenerateThemeV8(this._theme.palette.themePrimary, this._theme.palette.white, this._theme.semanticColors.bodyText);
-    }
-    getColumns() {
-        const agColumns = [];
-        for (const column of this._grid.columns) {
-            const agColumn = {
-                colId: column.name,
-                field: column.name,
-                headerName: column.displayName,
-                hide: column.isHidden,
-                width: column.visualSizeFactor,
-                sortable: !column.disableSorting,
-                resizable: column.isResizable,
-                autoHeaderHeight: true,
-                suppressMovable: column.isDraggable === false ? true : false,
-                suppressSizeToFit: column.name === CHECKBOX_COLUMN_KEY,
-                suppressKeyboardEvent: (params) => this._suppressKeyboardEvent(params, column),
-                cellRenderer: Cell,
-                cellEditor: Cell,
-                editable: (p) => this._isColumnEditable(column, p),
-                headerComponent: ColumnHeader,
-                onCellClicked: (event) => {
-                    this._grid.dataset.fireEventListeners?.('onRecordColumnClick', event.data, column.name);
-                },
-                valueFormatter: (p) => {
-                    if (column.name === CHECKBOX_COLUMN_KEY) {
-                        return null;
-                    }
-                    return p.data?.getFormattedValue(column.name);
-                },
-                valueGetter: (p) => this._getValue(p, column),
-                equals: (valueA, valueB) => {
-                    return this._comparator.isEqual(valueA, valueB);
-                },
-                cellRendererParams: {
-                    baseColumn: column,
-                    isCellEditor: false
-                },
-                cellEditorParams: {
-                    baseColumn: column,
-                    isCellEditor: true
-                },
-                headerComponentParams: {
-                    baseColumn: column
-                },
-            };
-            if (agColumn.field === CHECKBOX_COLUMN_KEY) {
-                agColumn.lockPosition = 'left';
-                agColumn.headerComponent = GlobalCheckBox;
-            }
-            agColumns.push(agColumn);
-        }
-        return agColumns;
-    }
-    refresh() {
-        if (this._grid.loading) {
-            return;
-        }
-        this._gridApi?.resetRowHeights();
-        this._gridApi?.refreshCells({
-            rowNodes: this._gridApi.getRenderedNodes()
-        });
-    }
-    setGlobalCheckBoxRenderer(renderer) {
-        this._rerenderGlobalCheckBox = renderer;
-    }
-    rerenderGlobalCheckBox() {
-        this._rerenderGlobalCheckBox();
-    }
-    updateColumnOrder(e) {
-        if (e.type === 'gridOptionsChanged' || !e.finished) {
-            return;
-        }
-        const sortedIds = e.api.getState().columnOrder?.orderedColIds;
-        if (!sortedIds) {
-            return;
-        }
-        const idIndexMap = new Map();
-        sortedIds.forEach((id, index) => {
-            idIndexMap.set(id, index);
-        });
-        const orderedColumns = [...this._grid.dataset.columns].sort((a, b) => {
-            const aIndex = idIndexMap.has(a.name) ? idIndexMap.get(a.name) : sortedIds.length;
-            const bIndex = idIndexMap.has(b.name) ? idIndexMap.get(b.name) : sortedIds.length;
-            return aIndex - bIndex;
-        });
-        this._grid.dataset.setColumns?.(orderedColumns);
-    }
-    updateColumnVisualSizeFactor(e) {
-        const resizedColumnKey = this._grid.dataset.columns.find(x => x.name === e.column?.getId())?.name;
-        if (!resizedColumnKey) {
-            return;
-        }
-        const columns = this._grid.dataset.columns;
-        for (let i = 0; i < columns.length; i++) {
-            if (columns[i].name === resizedColumnKey) {
-                columns[i].visualSizeFactor = e.column?.getActualWidth();
-            }
-        }
-        this._grid.dataset.setColumns?.(columns);
-        this.refresh();
-    }
-    toggleOverlay() {
-        if (this._grid.loading) {
-            this._gridApi?.showLoadingOverlay();
-        }
-        else {
-            setTimeout(() => {
-                if (this._grid.dataset.sortedRecordIds.length === 0) {
-                    this._gridApi?.showNoRowsOverlay();
-                }
-            }, 0);
-        }
-    }
-    copyCellValue(event) {
-        if ((event.ctrlKey || event.metaKey) && event.key.toLowerCase() === 'c') {
-            const cell = this._gridApi?.getFocusedCell();
-            if (!cell) {
-                return;
-            }
-            let record;
-            //aggregated record
-            if (cell.rowPinned) {
-                record = this._gridApi?.getPinnedBottomRow(cell.rowIndex)?.data;
-            }
-            else {
-                record = this._gridApi?.getDisplayedRowAtIndex(cell.rowIndex)?.data;
-            }
-            if (record) {
-                navigator.clipboard.writeText(record.getFormattedValue(cell.column.getColId()) ?? '');
-            }
-        }
-    }
-    getRowHeight(record) {
-        const columnWidths = {};
-        this._gridApi?.getAllGridColumns().map(col => {
-            columnWidths[col.getColId()] = col.getActualWidth();
-        });
-        if (Object.keys(columnWidths).length === 0) {
-            return this._grid.rowHeight;
-        }
-        //not defined for grouping
-        return record?.getHeight(columnWidths, this._grid.rowHeight) ?? this._grid.rowHeight;
-    }
-    getTotalColumnsWidth() {
-        if (!this._gridApi) {
-            return 0;
-        }
-        let width = 0;
-        for (const column of this._gridApi.getAllDisplayedColumns()) {
-            width = width + column.getActualWidth();
-        }
-        return width;
-    }
-    refreshRowSelection() {
-        if (!this._gridApi) {
-            return;
-        }
-        const selectedIdsSet = new Set(this._grid.dataset.getSelectedRecordIds().map(id => id));
-        this._gridApi.forEachNode(node => {
-            if (selectedIdsSet.has(node.id)) {
-                node.setSelected(true);
-            }
-            else {
-                node.setSelected(false);
-            }
-        });
-        this._gridApi.refreshCells({
-            columns: [CHECKBOX_COLUMN_KEY],
-            force: true,
-        });
-        this._rerenderGlobalCheckBox();
-    }
-    getCellFormatting(params) {
-        //get the latest reference - ag grid might still be referencing the old one and give us wrong index
-        const record = this._grid.dataset.records[params.data.getRecordId()];
-        const isEven = record?.getIndex() % 2 === 0;
-        const defaultTheme = this.getDefaultCellTheme(isEven);
-        const defaultBackgroundColor = defaultTheme.semanticColors.bodyBackground;
-        const colId = params.colDef.colId;
-        // Handle checkbox column specifically
-        if (colId === CHECKBOX_COLUMN_KEY || !params.data) {
-            return {
-                primaryColor: this._theme.palette.themePrimary,
-                backgroundColor: defaultBackgroundColor,
-                textColor: Theming.GetTextColorForBackground(defaultBackgroundColor),
-                className: '',
-                themeOverride: {}
-            };
-        }
-        const customFormatting = params.data.getColumnInfo(colId).ui.getCustomFormatting(defaultTheme) ?? {};
-        // Prepare the result with defaults
-        const result = {
-            backgroundColor: customFormatting.backgroundColor ?? defaultBackgroundColor,
-            primaryColor: customFormatting.primaryColor ?? this._theme.palette.themePrimary,
-            textColor: customFormatting.textColor ?? '',
-            className: customFormatting.className ?? '',
-            themeOverride: customFormatting.themeOverride ?? {}
-        };
-        // Apply background-specific adjustments
-        if (result.backgroundColor !== defaultBackgroundColor) {
-            result.themeOverride = merge({}, {
-                fonts: {
-                    medium: {
-                        fontWeight: 600
-                    }
-                }
-            }, result.themeOverride);
-            if (!customFormatting.primaryColor) {
-                result.primaryColor = Theming.GetTextColorForBackground(result.backgroundColor);
-            }
-        }
-        // Ensure text color is set
-        if (!result.textColor) {
-            result.textColor = Theming.GetTextColorForBackground(result.backgroundColor);
-        }
-        return result;
-    }
-    getDefaultCellTheme(isEven) {
-        if (isEven || !this._grid.isZebraEnabled) {
-            return this.evenRowCellTheme;
-        }
-        return this.oddRowCellTheme;
-    }
-    setRerenderCallback(callback) {
-        this._rerenderCallback = callback;
-    }
-    rerender() {
-        this._rerenderCallback();
-    }
-    get _gridApi() {
-        return this._gridApiRef.current;
-    }
-    _isColumnEditable(column, params) {
-        if (column.name === CHECKBOX_COLUMN_KEY) {
-            return false;
-        }
-        //we cannot edit aggregated or grouped columns
-        if (params?.data?.getDataProvider().getSummarizationType() !== 'none') {
-            return false;
-        }
-        const columnInfo = params.data?.getColumnInfo(column.name);
-        if (!this._grid.parameters.EnableEditing?.raw || columnInfo?.ui.isLoading() === true) {
-            return false;
-        }
-        //disable ag grid cell editor if oneClickEdit is enabled
-        //editor control will be used in cell renderer
-        if (column.oneClickEdit) {
-            return false;
-        }
-        return columnInfo?.security.editable ?? true;
-    }
-    _suppressKeyboardEvent(params, column) {
-        if (params.event.key !== 'Enter' || params.api.getEditingCells().length === 0) {
-            return false;
-        }
-        switch (column.dataType) {
-            case DataTypes.DateAndTimeDateAndTime:
-            case DataTypes.DateAndTimeDateOnly:
-            case DataTypes.LookupOwner:
-            case DataTypes.LookupCustomer:
-            case DataTypes.LookupRegarding:
-            case DataTypes.LookupSimple:
-            case DataTypes.MultiSelectOptionSet:
-            case DataTypes.OptionSet:
-            case DataTypes.TwoOptions:
-            case DataTypes.WholeDuration: {
-                return true;
-            }
-        }
-        return false;
-    }
-    _getValue(p, column) {
-        if (column.name === CHECKBOX_COLUMN_KEY || !p.data) {
-            return {
-                customFormatting: this.getCellFormatting(p)
-            };
-        }
-        let editing = false;
-        const record = p.data;
-        const columnInfo = p.data.getColumnInfo(column.name);
-        //i hate this, there is no other way to get the information if we are in edit mode or not
-        if (p.api.getEditingCells() > 0 || Error().stack.includes('startEditing')) {
-            editing = true;
-        }
-        const customControl = this._grid.getControl(column, record, editing || !!column.oneClickEdit);
-        const control = new NestedControl({
-            onGetBindings: () => this._grid.getBindings(record, column, customControl),
-            parentPcfContext: this._grid.pcfContext,
-        });
-        const parameters = columnInfo.ui.getControlParameters({
-            ...control.getParameters(),
-            ...this._grid.getParameters(record, column, editing),
-        });
-        if (column.oneClickEdit) {
-            editing = true;
-        }
-        const isAggregatedRecord = record.getDataProvider().getSummarizationType() === 'aggregation';
-        const values = {
-            notifications: columnInfo.ui.getNotifications(),
-            value: p.data.getValue(column.name),
-            customFormatting: this.getCellFormatting(p),
-            customControl: customControl,
-            height: p.node.rowHeight,
-            //validations need to be disabled for aggregated records
-            error: isAggregatedRecord ? false : columnInfo.error,
-            loading: columnInfo.ui.isLoading(),
-            errorMessage: columnInfo.errorMessage,
-            editable: columnInfo.security.editable,
-            editing: editing,
-            parameters: parameters,
-            columnAlignment: column.alignment,
-            customComponent: columnInfo.ui.getCustomControlComponent()
-        };
-        return values;
-    }
-}
-
-export { AgGrid };
-//# sourceMappingURL=AgGrid.js.map