@talxis/base-controls 1.2504.2 → 1.2504.3

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

@@ -4,6 +4,7 @@ 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';
@@ -16,6 +17,9 @@ class AgGrid extends GridDependency {
         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);
     }
@@ -45,7 +49,7 @@ class AgGrid extends GridDependency {
                     if (column.name === CHECKBOX_COLUMN_KEY) {
                         return null;
                     }
-                    return p.data.getFormattedValue(column.name);
+                    return p.data?.getFormattedValue(column.name);
                 },
                 valueGetter: (p) => this._getValue(p, column),
                 equals: (valueA, valueB) => {
@@ -83,6 +87,9 @@ class AgGrid extends GridDependency {
     setGlobalCheckBoxRenderer(renderer) {
         this._rerenderGlobalCheckBox = renderer;
     }
+    rerenderGlobalCheckBox() {
+        this._rerenderGlobalCheckBox();
+    }
     updateColumnOrder(e) {
         if (e.type === 'gridOptionsChanged' || !e.finished) {
             return;
@@ -117,19 +124,19 @@ class AgGrid extends GridDependency {
         this.refresh();
     }
     toggleOverlay() {
-        if (this._grid.loading) {
-            this._gridApi?.showLoadingOverlay();
-            return;
-        }
-        this._gridApi?.hideOverlay();
         setTimeout(() => {
+            this._gridApi?.hideOverlay();
+            if (this._grid.loading) {
+                this._gridApi?.showLoadingOverlay();
+                return;
+            }
             if (this._grid.records.length === 0) {
                 this._gridApi?.showNoRowsOverlay();
             }
-        });
-        if (this._grid.records.length > 0) {
-            this._gridApi?.ensureIndexVisible(0);
-        }
+            if (this._grid.records.length > 0) {
+                this._gridApi?.ensureIndexVisible(0);
+            }
+        }, 100);
     }
     copyCellValue(event) {
         if ((event.ctrlKey || event.metaKey) && event.key.toLowerCase() === 'c') {
@@ -154,7 +161,8 @@ class AgGrid extends GridDependency {
         if (Object.keys(columnWidths).length === 0) {
             return this._grid.rowHeight;
         }
-        return record.getHeight(columnWidths, this._grid.rowHeight) ?? this._grid.rowHeight;
+        //not defined for grouping
+        return record?.getHeight(columnWidths, this._grid.rowHeight) ?? this._grid.rowHeight;
     }
     getTotalColumnsWidth() {
         if (!this._gridApi) {
@@ -170,24 +178,15 @@ class AgGrid extends GridDependency {
         if (!this._gridApi) {
             return;
         }
-        const nodesToSelect = [];
-        const nodesToDeselect = [];
-        this._gridApi.forEachNode((node) => {
-            if (this._grid.dataset.getSelectedRecordIds().includes(node.data.getRecordId())) {
-                nodesToSelect.push(node);
+        const selectedIdsSet = new Set(this._grid.dataset.getSelectedRecordIds().map(id => id));
+        this._gridApi.forEachNode(node => {
+            if (selectedIdsSet.has(node.id)) {
+                node.setSelected(true);
             }
             else {
-                nodesToDeselect.push(node);
+                node.setSelected(false);
             }
         });
-        this._gridApi.setNodesSelected({
-            nodes: nodesToSelect,
-            newValue: true,
-        });
-        this._gridApi.setNodesSelected({
-            nodes: nodesToDeselect,
-            newValue: false
-        });
         this._gridApi.refreshCells({
             columns: [CHECKBOX_COLUMN_KEY],
             force: true,
@@ -195,41 +194,53 @@ class AgGrid extends GridDependency {
         this._rerenderGlobalCheckBox();
     }
     getCellFormatting(params) {
-        const isEven = params.node.rowIndex % 2 === 0;
-        //set colors for even/odd
-        const defaultBackgroundColor = isEven ? this.evenRowCellTheme.semanticColors.bodyBackground : this.oddRowCellTheme.semanticColors.bodyBackground;
-        switch (params.colDef.colId) {
-            case CHECKBOX_COLUMN_KEY: {
-                return {
-                    primaryColor: this._theme.palette.themePrimary,
-                    backgroundColor: defaultBackgroundColor,
-                    textColor: Theming.GetTextColorForBackground(defaultBackgroundColor),
-                    className: '',
-                    themeOverride: {}
-                };
-            }
+        const isEven = params.node.childIndex % 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: {}
+            };
         }
-        switch (params.colDef.colId) {
-            default: {
-                const formatting = params.data.getColumnInfo(params.colDef.colId).ui.getCustomFormatting(isEven ? this.evenRowCellTheme : this.oddRowCellTheme) ?? {};
-                if (!formatting.backgroundColor) {
-                    formatting.backgroundColor = defaultBackgroundColor;
-                }
-                if (!formatting.primaryColor) {
-                    formatting.primaryColor = this._theme.palette.themePrimary;
-                }
-                if (!formatting.textColor) {
-                    formatting.textColor = Theming.GetTextColorForBackground(formatting.backgroundColor);
-                }
-                if (!formatting.className) {
-                    formatting.className = '';
-                }
-                if (!formatting.themeOverride) {
-                    formatting.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
+                    }
                 }
-                return formatting;
+            }, 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;
@@ -276,7 +287,7 @@ class AgGrid extends GridDependency {
         return false;
     }
     _getValue(p, column) {
-        if (column.name === CHECKBOX_COLUMN_KEY) {
+        if (column.name === CHECKBOX_COLUMN_KEY || !p.data) {
             return {
                 customFormatting: this.getCellFormatting(p)
             };

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

@@ -1 +1 @@
-{"version":3,"file":"AgGrid.js","sources":["../../../../../../../src/components/Grid/core/components/AgGrid/model/AgGrid.ts"],"sourcesContent":["import { CellClassParams, ColDef, ColumnMovedEvent, ColumnResizedEvent, EditableCallbackParams, GridApi, IRowNode, RowNode, SuppressKeyboardEventParams } from \"@ag-grid-community/core\";\nimport { Grid } from \"../../../model/Grid\";\nimport { GridDependency } from \"../../../model/GridDependency\";\nimport { IGridColumn } from \"../../../interfaces/IGridColumn\";\nimport { CHECKBOX_COLUMN_KEY } from \"../../../../constants\";\nimport { DataTypes, IAddControlNotificationOptions, IColumn, IColumnInfo, IControlParameters, ICustomColumnComponent, ICustomColumnControl, ICustomColumnFormatting, IRecord, Sanitizer } from \"@talxis/client-libraries\";\nimport { GlobalCheckBox } from \"../../ColumnHeader/components/GlobalCheckbox/GlobalCheckbox\";\nimport { ColumnHeader } from \"../../ColumnHeader/ColumnHeader\";\nimport { Cell } from \"../../Cell/Cell\";\nimport { ITheme } from \"@fluentui/react\";\nimport { Theming } from \"@talxis/react-components\";\nimport { Comparator } from \"./Comparator\";\nimport { NestedControl } from \"../../../../../NestedControlRenderer/NestedControl\";\n\nexport interface ICellValues {\n    notifications: IAddControlNotificationOptions[];\n    customFormatting: Required<ICustomColumnFormatting>;\n    customControl: Required<ICustomColumnControl>;\n    customComponent: ICustomColumnComponent;\n    loading: boolean;\n    value: any;\n    error: boolean;\n    height: number;\n    errorMessage: string;\n    parameters: IControlParameters;\n    columnAlignment: Required<IColumn['alignment']>;\n    editing: boolean;\n    editable: boolean;\n    disabled: boolean;\n}\n\nexport class AgGrid extends GridDependency {\n    private _gridApiRef: React.MutableRefObject<GridApi<ComponentFramework.PropertyHelper.DataSetApi.EntityRecord> | undefined>;\n    private _theme: ITheme;\n    private _rerenderCallback: () => void = () => { };\n    private _rerenderGlobalCheckBox: () => void = () => { };\n    private _comparator: Comparator = new Comparator();\n    public readonly oddRowCellTheme: ITheme;\n    public readonly evenRowCellTheme: ITheme;\n\n    constructor(grid: Grid, gridApiRef: React.MutableRefObject<GridApi<ComponentFramework.PropertyHelper.DataSetApi.EntityRecord> | undefined>, theme: ITheme) {\n        super(grid);\n        this._gridApiRef = gridApiRef;\n        this._theme = theme;\n        this.oddRowCellTheme = Theming.GenerateThemeV8(this._theme.palette.themePrimary, this._theme.palette.neutralLighterAlt, this._theme.semanticColors.bodyText);\n        this.evenRowCellTheme = Theming.GenerateThemeV8(this._theme.palette.themePrimary, this._theme.palette.white, this._theme.semanticColors.bodyText);\n    }\n    public getColumns() {\n        const agColumns: ColDef[] = [];\n        for (const column of this._grid.columns) {\n            const agColumn: ColDef = {\n                colId: column.name,\n                field: column.name,\n                headerName: column.displayName,\n                hide: column.isHidden,\n                width: column.visualSizeFactor,\n                sortable: !column.disableSorting,\n                resizable: column.isResizable,\n                autoHeaderHeight: true,\n                suppressMovable: column.isDraggable === false ? true : false,\n                suppressSizeToFit: column.name === CHECKBOX_COLUMN_KEY,\n                suppressKeyboardEvent: (params) => this._suppressKeyboardEvent(params, column),\n                cellRenderer: Cell,\n                cellEditor: Cell,\n                editable: (p) => this._isColumnEditable(column, p),\n                headerComponent: ColumnHeader,\n                onCellClicked: (event) => {\n                    this._grid.dataset.fireEventListeners?.('onRecordColumnClick', event.data, column.name);\n                },\n                valueFormatter: (p) => {\n                    if (column.name === CHECKBOX_COLUMN_KEY) {\n                        return null;\n                    }\n                    return p.data.getFormattedValue(column.name)\n                },\n                valueGetter: (p: any) => this._getValue(p, column),\n                equals: (valueA, valueB) => {\n                    return this._comparator.isEqual(valueA, valueB);\n                },\n                cellRendererParams: {\n                    baseColumn: column,\n                    isCellEditor: false\n                },\n                cellEditorParams: {\n                    baseColumn: column,\n                    isCellEditor: true\n                },\n                headerComponentParams: {\n                    baseColumn: column\n                },\n            }\n            if (agColumn.field === CHECKBOX_COLUMN_KEY) {\n                agColumn.lockPosition = 'left';\n                agColumn.headerComponent = GlobalCheckBox;\n            }\n            agColumns.push(agColumn)\n        }\n        return agColumns;\n    }\n\n    public refresh() {\n        if (this._grid.loading) {\n            return;\n        }\n        this._gridApi?.resetRowHeights();\n        this._gridApi?.refreshCells({\n            rowNodes: this._gridApi.getRenderedNodes()\n        });\n    }\n\n    public setGlobalCheckBoxRenderer(renderer: () => void) {\n        this._rerenderGlobalCheckBox = renderer;\n    }\n\n    public updateColumnOrder(e: ColumnMovedEvent<IRecord, any>) {\n        if (e.type === 'gridOptionsChanged' || !e.finished) {\n            return;\n        }\n        const sortedIds = e.api.getState().columnOrder?.orderedColIds;\n        if (!sortedIds) {\n            return;\n        }\n        const idIndexMap = new Map<string, number>();\n        sortedIds.forEach((id, index) => {\n            idIndexMap.set(id, index);\n        });\n\n        const orderedColumns = [...this._grid.dataset.columns].sort((a, b) => {\n            const aIndex = idIndexMap.has(a.name) ? idIndexMap.get(a.name)! : sortedIds.length;\n            const bIndex = idIndexMap.has(b.name) ? idIndexMap.get(b.name)! : sortedIds.length;\n            return aIndex - bIndex;\n        });\n        this._grid.dataset.setColumns?.(orderedColumns);\n    }\n\n    public updateColumnVisualSizeFactor(e: ColumnResizedEvent<IRecord, any>) {\n        const resizedColumnKey = this._grid.dataset.columns.find(x => x.name === e.column?.getId())?.name;\n        if (!resizedColumnKey) {\n            return;\n        }\n        const columns = this._grid.dataset.columns;\n        for (let i = 0; i < columns.length; i++) {\n            if (columns[i].name === resizedColumnKey) {\n                columns[i].visualSizeFactor = e.column?.getActualWidth()!\n            }\n        }\n        this._grid.dataset.setColumns?.(columns);\n        this.refresh();\n    }\n\n    public toggleOverlay() {\n        if (this._grid.loading) {\n            this._gridApi?.showLoadingOverlay();\n            return;\n        }\n        this._gridApi?.hideOverlay();\n        setTimeout(() => {\n            if (this._grid.records.length === 0) {\n                this._gridApi?.showNoRowsOverlay();\n            }\n        })\n        if (this._grid.records.length > 0) {\n            this._gridApi?.ensureIndexVisible(0)\n        }\n    }\n\n    public copyCellValue(event: KeyboardEvent) {\n        if ((event.ctrlKey || event.metaKey) && event.key.toLowerCase() === 'c') {\n            const cell = this._gridApi?.getFocusedCell();\n            if (!cell) {\n                return;\n            }\n            const row = this._gridApi?.getDisplayedRowAtIndex(cell.rowIndex);\n            const formattedValue = this._gridApi?.getCellValue({\n                rowNode: row!,\n                colKey: cell.column.getColId(),\n                useFormatter: true\n            })\n            navigator.clipboard.writeText(formattedValue ?? \"\");\n        }\n    }\n\n    public getRowHeight(record: IRecord) {\n        const columnWidths: { [name: string]: number } = {};\n        this._gridApi?.getAllGridColumns().map(col => {\n            columnWidths[col.getColId()] = col.getActualWidth()\n        })\n        if (Object.keys(columnWidths).length === 0) {\n            return this._grid.rowHeight;\n        }\n        return record.getHeight(columnWidths, this._grid.rowHeight) ?? this._grid.rowHeight;\n    }\n\n    public getTotalColumnsWidth() {\n        if (!this._gridApi) {\n            return 0;\n        }\n        let width = 0;\n        for (const column of this._gridApi.getAllDisplayedColumns()) {\n            width = width + column.getActualWidth();\n        }\n        return width;\n    }\n    public refreshRowSelection() {\n        if (!this._gridApi) {\n            return;\n        }\n        const nodesToSelect: IRowNode[] = [];\n        const nodesToDeselect: IRowNode[] = [];\n        this._gridApi.forEachNode((node: IRowNode) => {\n            if (this._grid.dataset.getSelectedRecordIds().includes(node.data.getRecordId())) {\n                nodesToSelect.push(node);\n            }\n            else {\n                nodesToDeselect.push(node);\n            }\n        });\n        this._gridApi.setNodesSelected({\n            nodes: nodesToSelect,\n            newValue: true,\n        });\n        this._gridApi.setNodesSelected({\n            nodes: nodesToDeselect,\n            newValue: false\n        })\n        this._gridApi.refreshCells({\n            columns: [CHECKBOX_COLUMN_KEY],\n            force: true,\n        })\n        this._rerenderGlobalCheckBox();\n    }\n\n    public getCellFormatting(params: CellClassParams<IRecord, any>): Required<ICustomColumnFormatting> {\n        const isEven = params.node!.rowIndex! % 2 === 0;\n        //set colors for even/odd\n        const defaultBackgroundColor = isEven ? this.evenRowCellTheme.semanticColors.bodyBackground : this.oddRowCellTheme.semanticColors.bodyBackground;\n        switch (params.colDef.colId) {\n            case CHECKBOX_COLUMN_KEY: {\n                return {\n                    primaryColor: this._theme.palette.themePrimary,\n                    backgroundColor: defaultBackgroundColor,\n                    textColor: Theming.GetTextColorForBackground(defaultBackgroundColor),\n                    className: '',\n                    themeOverride: {}\n                }\n            }\n            default: {\n\n            }\n        }\n        switch (params.colDef.colId) {\n            default: {\n                const formatting = params.data!.getColumnInfo(params.colDef.colId!).ui.getCustomFormatting(isEven ? this.evenRowCellTheme : this.oddRowCellTheme) ?? {}\n                if (!formatting.backgroundColor) {\n                    formatting.backgroundColor = defaultBackgroundColor;\n                }\n                if (!formatting.primaryColor) {\n                    formatting.primaryColor = this._theme.palette.themePrimary;\n                }\n                if (!formatting.textColor) {\n                    formatting.textColor = Theming.GetTextColorForBackground(formatting.backgroundColor);\n                }\n                if (!formatting.className) {\n                    formatting.className = '';\n                }\n                if (!formatting.themeOverride) {\n                    formatting.themeOverride = {};\n                }\n                return formatting as Required<ICustomColumnFormatting>;\n            }\n        }\n    }\n\n\n    public setRerenderCallback(callback: () => void) {\n        this._rerenderCallback = callback;\n    }\n\n    public rerender() {\n        this._rerenderCallback();\n    }\n\n    private get _gridApi() {\n        return this._gridApiRef.current;\n    }\n\n    private _isColumnEditable(column: IGridColumn, params: EditableCallbackParams<IRecord, any>): boolean {\n        if (column.name === CHECKBOX_COLUMN_KEY) {\n            return false;\n        }\n        const columnInfo = params.data?.getColumnInfo(column.name);\n        if (!this._grid.parameters.EnableEditing?.raw || columnInfo?.ui.isLoading() === true) {\n            return false;\n        }\n        //disable ag grid cell editor if oneClickEdit is enabled\n        //editor control will be used in cell renderer\n        if (column.oneClickEdit) {\n            return false;\n        }\n        return columnInfo?.security.editable ?? true;\n    }\n    private _suppressKeyboardEvent(params: SuppressKeyboardEventParams<IRecord, any>, column: IGridColumn) {\n        if (params.event.key !== 'Enter' || params.api.getEditingCells().length === 0) {\n            return false;\n        }\n        switch (column.dataType) {\n            case DataTypes.DateAndTimeDateAndTime:\n            case DataTypes.DateAndTimeDateOnly:\n            case DataTypes.LookupOwner:\n            case DataTypes.LookupCustomer:\n            case DataTypes.LookupRegarding:\n            case DataTypes.LookupSimple:\n            case DataTypes.MultiSelectOptionSet:\n            case DataTypes.OptionSet:\n            case DataTypes.TwoOptions:\n            case DataTypes.WholeDuration: {\n                return true;\n            }\n        }\n        return false;\n    }\n\n    private _getValue(p: any, column: IGridColumn) {\n        if (column.name === CHECKBOX_COLUMN_KEY) {\n            return {\n                customFormatting: this.getCellFormatting(p)\n            }\n        }\n        let editing: boolean = false;\n        const record = p.data as IRecord;\n        const columnInfo = p.data!.getColumnInfo(column.name) as IColumnInfo;\n        //i hate this, there is no other way to get the information if we are in edit mode or not\n        if (p.api.getEditingCells() > 0 || Error().stack!.includes('startEditing')) {\n            editing = true;\n        }\n        const customControl = this._grid.getControl(column, record, editing || !!column.oneClickEdit);\n        const control = new NestedControl({\n            onGetBindings: () => this._grid.getBindings(record, column, customControl),\n            parentPcfContext: this._grid.pcfContext,\n        });\n        const parameters = columnInfo.ui.getControlParameters({\n            ...control.getParameters(),\n            ...this._grid.getParameters(record, column, editing),\n        })\n        if (column.oneClickEdit) {\n            editing = true;\n        }\n        const values = {\n            notifications: columnInfo.ui.getNotifications(),\n            value: p.data!.getValue(column.name),\n            customFormatting: this.getCellFormatting(p),\n            customControl: customControl,\n            height: p.node.rowHeight,\n            error: columnInfo.error,\n            loading: columnInfo.ui.isLoading(),\n            errorMessage: columnInfo.errorMessage,\n            editable: columnInfo.security.editable,\n            editing: editing,\n            parameters: parameters,\n            columnAlignment: column.alignment,\n            customComponent: columnInfo.ui.getCustomControlComponent()\n        } as ICellValues;\n        return values;\n    }\n}"],"names":[],"mappings":"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"}
+{"version":3,"file":"AgGrid.js","sources":["../../../../../../../src/components/Grid/core/components/AgGrid/model/AgGrid.ts"],"sourcesContent":["import { CellClassParams, ColDef, ColumnMovedEvent, ColumnResizedEvent, EditableCallbackParams, GridApi, IRowNode, RowNode, SuppressKeyboardEventParams } from \"@ag-grid-community/core\";\nimport { Grid } from \"../../../model/Grid\";\nimport { GridDependency } from \"../../../model/GridDependency\";\nimport { IGridColumn } from \"../../../interfaces/IGridColumn\";\nimport { CHECKBOX_COLUMN_KEY } from \"../../../../constants\";\nimport { DataTypes, IAddControlNotificationOptions, IColumn, IColumnInfo, IControlParameters, ICustomColumnComponent, ICustomColumnControl, ICustomColumnFormatting, IRecord, Sanitizer } from \"@talxis/client-libraries\";\nimport { GlobalCheckBox } from \"../../ColumnHeader/components/GlobalCheckbox/GlobalCheckbox\";\nimport { ColumnHeader } from \"../../ColumnHeader/ColumnHeader\";\nimport { Cell } from \"../../Cell/Cell\";\nimport { ITheme, merge } from \"@fluentui/react\";\nimport { Theming } from \"@talxis/react-components\";\nimport { Comparator } from \"./Comparator\";\nimport { NestedControl } from \"../../../../../NestedControlRenderer/NestedControl\";\n\nexport interface ICellValues {\n    notifications: IAddControlNotificationOptions[];\n    customFormatting: Required<ICustomColumnFormatting>;\n    customControl: Required<ICustomColumnControl>;\n    customComponent: ICustomColumnComponent;\n    loading: boolean;\n    value: any;\n    error: boolean;\n    height: number;\n    errorMessage: string;\n    parameters: IControlParameters;\n    columnAlignment: Required<IColumn['alignment']>;\n    editing: boolean;\n    editable: boolean;\n    disabled: boolean;\n}\n\nexport class AgGrid extends GridDependency {\n    private _gridApiRef: React.MutableRefObject<GridApi<ComponentFramework.PropertyHelper.DataSetApi.EntityRecord> | undefined>;\n    private _theme: ITheme;\n    private _rerenderCallback: () => void = () => { };\n    private _rerenderGlobalCheckBox: () => void = () => { };\n    private _comparator: Comparator = new Comparator();\n    public readonly oddRowCellTheme: ITheme;\n    public readonly evenRowCellTheme: ITheme;\n\n    constructor(grid: Grid, gridApiRef: React.MutableRefObject<GridApi<ComponentFramework.PropertyHelper.DataSetApi.EntityRecord> | undefined>, theme: ITheme) {\n        super(grid);\n        this._gridApiRef = gridApiRef;\n        this._theme = theme;\n        this._grid.dataset.addEventListener('onRecordsSelected', (ids) => {\n            this.refreshRowSelection();\n        })\n        this.oddRowCellTheme = Theming.GenerateThemeV8(this._theme.palette.themePrimary, this._theme.palette.neutralLighterAlt, this._theme.semanticColors.bodyText);\n        this.evenRowCellTheme = Theming.GenerateThemeV8(this._theme.palette.themePrimary, this._theme.palette.white, this._theme.semanticColors.bodyText);\n    }\n    public getColumns() {\n        const agColumns: ColDef[] = [];\n        for (const column of this._grid.columns) {\n            const agColumn: ColDef = {\n                colId: column.name,\n                field: column.name,\n                headerName: column.displayName,\n                hide: column.isHidden,\n                width: column.visualSizeFactor,\n                sortable: !column.disableSorting,\n                resizable: column.isResizable,\n                autoHeaderHeight: true,\n                suppressMovable: column.isDraggable === false ? true : false,\n                suppressSizeToFit: column.name === CHECKBOX_COLUMN_KEY,\n                suppressKeyboardEvent: (params) => this._suppressKeyboardEvent(params, column),\n                cellRenderer: Cell,\n                cellEditor: Cell,\n                editable: (p) => this._isColumnEditable(column, p),\n                headerComponent: ColumnHeader,\n                onCellClicked: (event) => {\n                    this._grid.dataset.fireEventListeners?.('onRecordColumnClick', event.data, column.name);\n                },\n                valueFormatter: (p) => {\n                    if (column.name === CHECKBOX_COLUMN_KEY) {\n                        return null;\n                    }\n                    return p.data?.getFormattedValue(column.name)\n                },\n                valueGetter: (p: any) => this._getValue(p, column),\n                equals: (valueA, valueB) => {\n                    return this._comparator.isEqual(valueA, valueB);\n                },\n                cellRendererParams: {\n                    baseColumn: column,\n                    isCellEditor: false\n                },\n                cellEditorParams: {\n                    baseColumn: column,\n                    isCellEditor: true\n                },\n                headerComponentParams: {\n                    baseColumn: column\n                },\n            }\n            if (agColumn.field === CHECKBOX_COLUMN_KEY) {\n                agColumn.lockPosition = 'left';\n                agColumn.headerComponent = GlobalCheckBox;\n            }\n            agColumns.push(agColumn)\n        }\n        return agColumns;\n    }\n\n    public refresh() {\n        if (this._grid.loading) {\n            return;\n        }\n        this._gridApi?.resetRowHeights();\n        this._gridApi?.refreshCells({\n            rowNodes: this._gridApi.getRenderedNodes()\n        });\n    }\n\n    public setGlobalCheckBoxRenderer(renderer: () => void) {\n        this._rerenderGlobalCheckBox = renderer;\n    }\n\n    public rerenderGlobalCheckBox() {\n        this._rerenderGlobalCheckBox();\n    }\n\n    public updateColumnOrder(e: ColumnMovedEvent<IRecord, any>) {\n        if (e.type === 'gridOptionsChanged' || !e.finished) {\n            return;\n        }\n        const sortedIds = e.api.getState().columnOrder?.orderedColIds;\n        if (!sortedIds) {\n            return;\n        }\n        const idIndexMap = new Map<string, number>();\n        sortedIds.forEach((id, index) => {\n            idIndexMap.set(id, index);\n        });\n\n        const orderedColumns = [...this._grid.dataset.columns].sort((a, b) => {\n            const aIndex = idIndexMap.has(a.name) ? idIndexMap.get(a.name)! : sortedIds.length;\n            const bIndex = idIndexMap.has(b.name) ? idIndexMap.get(b.name)! : sortedIds.length;\n            return aIndex - bIndex;\n        });\n        this._grid.dataset.setColumns?.(orderedColumns);\n    }\n\n    public updateColumnVisualSizeFactor(e: ColumnResizedEvent<IRecord, any>) {\n        const resizedColumnKey = this._grid.dataset.columns.find(x => x.name === e.column?.getId())?.name;\n        if (!resizedColumnKey) {\n            return;\n        }\n        const columns = this._grid.dataset.columns;\n        for (let i = 0; i < columns.length; i++) {\n            if (columns[i].name === resizedColumnKey) {\n                columns[i].visualSizeFactor = e.column?.getActualWidth()!\n            }\n        }\n        this._grid.dataset.setColumns?.(columns);\n        this.refresh();\n    }\n\n    public toggleOverlay() {\n        setTimeout(() => {\n            this._gridApi?.hideOverlay();\n            if (this._grid.loading) {\n                this._gridApi?.showLoadingOverlay();\n                return;\n            }\n            if (this._grid.records.length === 0) {\n                this._gridApi?.showNoRowsOverlay();\n            }\n    \n            if (this._grid.records.length > 0) {\n                this._gridApi?.ensureIndexVisible(0)\n            }\n        }, 100);\n    }\n\n    public copyCellValue(event: KeyboardEvent) {\n        if ((event.ctrlKey || event.metaKey) && event.key.toLowerCase() === 'c') {\n            const cell = this._gridApi?.getFocusedCell();\n            if (!cell) {\n                return;\n            }\n            const row = this._gridApi?.getDisplayedRowAtIndex(cell.rowIndex);\n            const formattedValue = this._gridApi?.getCellValue({\n                rowNode: row!,\n                colKey: cell.column.getColId(),\n                useFormatter: true\n            })\n            navigator.clipboard.writeText(formattedValue ?? \"\");\n        }\n    }\n\n    public getRowHeight(record?: IRecord) {\n        const columnWidths: { [name: string]: number } = {};\n        this._gridApi?.getAllGridColumns().map(col => {\n            columnWidths[col.getColId()] = col.getActualWidth()\n        })\n        if (Object.keys(columnWidths).length === 0) {\n            return this._grid.rowHeight;\n        }\n        //not defined for grouping\n        return record?.getHeight(columnWidths, this._grid.rowHeight) ?? this._grid.rowHeight;\n    }\n\n    public getTotalColumnsWidth() {\n        if (!this._gridApi) {\n            return 0;\n        }\n        let width = 0;\n        for (const column of this._gridApi.getAllDisplayedColumns()) {\n            width = width + column.getActualWidth();\n        }\n        return width;\n    }\n    public refreshRowSelection() {\n        if (!this._gridApi) {\n            return;\n        }\n        const selectedIdsSet = new Set(this._grid.dataset.getSelectedRecordIds().map(id => id));\n        this._gridApi.forEachNode(node => {\n            if(selectedIdsSet.has(node.id!)) {\n                node.setSelected(true);\n            }\n            else {\n                node.setSelected(false);\n            }\n        })\n        this._gridApi.refreshCells({\n            columns: [CHECKBOX_COLUMN_KEY],\n            force: true,\n        })\n        this._rerenderGlobalCheckBox();\n    }\n\n    public getCellFormatting(params: CellClassParams<IRecord, any>): Required<ICustomColumnFormatting> {\n        const isEven = params.node!.childIndex! % 2 === 0;\n        const defaultTheme = this.getDefaultCellTheme(isEven);\n        const defaultBackgroundColor = defaultTheme.semanticColors.bodyBackground;\n        const colId = params.colDef.colId!;\n    \n        // Handle checkbox column specifically\n        if (colId === CHECKBOX_COLUMN_KEY || !params.data) {\n            return {\n                primaryColor: this._theme.palette.themePrimary,\n                backgroundColor: defaultBackgroundColor,\n                textColor: Theming.GetTextColorForBackground(defaultBackgroundColor),\n                className: '',\n                themeOverride: {}\n            };\n        }\n    \n        const customFormatting = params.data!.getColumnInfo(colId).ui.getCustomFormatting(defaultTheme) ?? {};\n        \n        // Prepare the result with defaults\n        const result: Required<ICustomColumnFormatting> = {\n            backgroundColor: customFormatting.backgroundColor ?? defaultBackgroundColor,\n            primaryColor: customFormatting.primaryColor ?? this._theme.palette.themePrimary,\n            textColor: customFormatting.textColor ?? '',\n            className: customFormatting.className ?? '',\n            themeOverride: customFormatting.themeOverride ?? {}\n        };\n    \n        // Apply background-specific adjustments\n        if (result.backgroundColor !== defaultBackgroundColor) {\n            result.themeOverride = merge({}, {\n                fonts: {\n                    medium: {\n                        fontWeight: 600\n                    }\n                }\n            }, result.themeOverride);\n    \n            if (!customFormatting.primaryColor) {\n                result.primaryColor = Theming.GetTextColorForBackground(result.backgroundColor);\n            }\n        }\n    \n        // Ensure text color is set\n        if (!result.textColor) {\n            result.textColor = Theming.GetTextColorForBackground(result.backgroundColor);\n        }\n    \n        return result;\n    }\n\n    public getDefaultCellTheme(isEven: boolean): ITheme {\n        if(isEven || !this._grid.isZebraEnabled) {\n            return this.evenRowCellTheme;\n        }\n        return this.oddRowCellTheme;\n    }\n\n\n    public setRerenderCallback(callback: () => void) {\n        this._rerenderCallback = callback;\n    }\n\n    public rerender() {\n        this._rerenderCallback();\n    }\n\n    private get _gridApi() {\n        return this._gridApiRef.current;\n    }\n\n    private _isColumnEditable(column: IGridColumn, params: EditableCallbackParams<IRecord, any>): boolean {\n        if (column.name === CHECKBOX_COLUMN_KEY) {\n            return false;\n        }\n        const columnInfo = params.data?.getColumnInfo(column.name);\n        if (!this._grid.parameters.EnableEditing?.raw || columnInfo?.ui.isLoading() === true) {\n            return false;\n        }\n        //disable ag grid cell editor if oneClickEdit is enabled\n        //editor control will be used in cell renderer\n        if (column.oneClickEdit) {\n            return false;\n        }\n        return columnInfo?.security.editable ?? true;\n    }\n    private _suppressKeyboardEvent(params: SuppressKeyboardEventParams<IRecord, any>, column: IGridColumn) {\n        if (params.event.key !== 'Enter' || params.api.getEditingCells().length === 0) {\n            return false;\n        }\n        switch (column.dataType) {\n            case DataTypes.DateAndTimeDateAndTime:\n            case DataTypes.DateAndTimeDateOnly:\n            case DataTypes.LookupOwner:\n            case DataTypes.LookupCustomer:\n            case DataTypes.LookupRegarding:\n            case DataTypes.LookupSimple:\n            case DataTypes.MultiSelectOptionSet:\n            case DataTypes.OptionSet:\n            case DataTypes.TwoOptions:\n            case DataTypes.WholeDuration: {\n                return true;\n            }\n        }\n        return false;\n    }\n\n    private _getValue(p: any, column: IGridColumn) {\n        if (column.name === CHECKBOX_COLUMN_KEY || !p.data) {\n            return {\n                customFormatting: this.getCellFormatting(p)\n            }\n        }\n        let editing: boolean = false;\n        const record = p.data as IRecord;\n        const columnInfo = p.data!.getColumnInfo(column.name) as IColumnInfo;\n        //i hate this, there is no other way to get the information if we are in edit mode or not\n        if (p.api.getEditingCells() > 0 || Error().stack!.includes('startEditing')) {\n            editing = true;\n        }\n        const customControl = this._grid.getControl(column, record, editing || !!column.oneClickEdit);\n        const control = new NestedControl({\n            onGetBindings: () => this._grid.getBindings(record, column, customControl),\n            parentPcfContext: this._grid.pcfContext,\n        });\n        const parameters = columnInfo.ui.getControlParameters({\n            ...control.getParameters(),\n            ...this._grid.getParameters(record, column, editing),\n        })\n        if (column.oneClickEdit) {\n            editing = true;\n        }\n        const values = {\n            notifications: columnInfo.ui.getNotifications(),\n            value: p.data!.getValue(column.name),\n            customFormatting: this.getCellFormatting(p),\n            customControl: customControl,\n            height: p.node.rowHeight,\n            error: columnInfo.error,\n            loading: columnInfo.ui.isLoading(),\n            errorMessage: columnInfo.errorMessage,\n            editable: columnInfo.security.editable,\n            editing: editing,\n            parameters: parameters,\n            columnAlignment: column.alignment,\n            customComponent: columnInfo.ui.getCustomControlComponent()\n        } as ICellValues;\n        return values;\n    }\n}"],"names":[],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 import { ITheme } from "@fluentui/react";
-export declare const getGridStyles: (theme: ITheme, height: string) => import("@fluentui/react").IProcessedStyleSet<{
+export declare const getGridStyles: (theme: ITheme) => import("@fluentui/react").IProcessedStyleSet<{
     root: {
         height: string;
         display: string;
@@ -28,8 +28,8 @@ export declare const getGridStyles: (theme: ITheme, height: string) => import("@
                 opacity: number;
             };
         };
-        '.ag-root-wrapper.ag-layout-normal': {
-            height: string;
+        '.ag-root': {
+            minHeight: number;
         };
         '.ag-body': {
             borderTop: string;

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

@@ -1,12 +1,6 @@
 import { mergeStyleSets } from '@fluentui/react';
 
-const getGridHeight = (height) => {
-    if (height === '100%') {
-        return height;
-    }
-    return `calc(${height} + var(--height-offset))`;
-};
-const getGridStyles = (theme, height) => {
+const getGridStyles = (theme) => {
     return mergeStyleSets({
         root: {
             height: '100%',
@@ -36,8 +30,8 @@ const getGridStyles = (theme, height) => {
                     opacity: 0.2
                 }
             },
-            '.ag-root-wrapper.ag-layout-normal': {
-                height: getGridHeight(height)
+            '.ag-root': {
+                minHeight: 180
             },
             '.ag-body': {
                 borderTop: `1px solid ${theme.semanticColors.menuDivider}`

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../../../src/components/Grid/core/components/AgGrid/styles.ts"],"sourcesContent":["import { ITheme, mergeStyleSets } from \"@fluentui/react\";\n\nconst getGridHeight = (height: string) => {\n    if (height === '100%') {\n        return height;\n    }\n    return `calc(${height} + var(--height-offset))`;\n}\n\nexport const getGridStyles = (theme: ITheme, height: string) => {\n    return mergeStyleSets({\n        root: {\n            height: '100%',\n            display: 'flex',\n            flexDirection: 'column',\n            '--height-offset': '64px',\n            ':has(.ag-body-horizontal-scroll-viewport[style*=\"height: 0px\"])': {\n                '--height-offset': '45px'\n            },\n            '--ag-borders': 'none !important',\n            '.ag-root-wrapper': {\n                maxHeight: '100%',\n                '--ag-selected-row-background-color': theme.palette.themePrimary,\n                '--ag-range-selection-border-color': theme.palette.themePrimary,\n                '--ag-row-hover-color': theme.palette.black,\n                '--ag-row-border-color': theme.semanticColors.menuDivider,\n                '--ag-cell-horizontal-padding': 0,\n                '--ag-input-focus-border-color': theme.semanticColors.inputFocusBorderAlt,\n                borderBottom: `1px solid ${theme.semanticColors.menuDivider}`,\n                '.ag-row::before': {\n                    zIndex: 1\n                },\n                '.ag-row-hover::before': {\n                    opacity: 0.1\n                },\n                '.ag-row-selected::before': {\n                    opacity: 0.2\n                }\n            },\n            '.ag-root-wrapper.ag-layout-normal': {\n                height: getGridHeight(height)\n            },\n            '.ag-body': {\n                borderTop: `1px solid ${theme.semanticColors.menuDivider}`\n            },\n            '.ag-header-viewport': {\n                backgroundColor: `${theme.semanticColors.bodyBackground}`\n            },\n            '.ag-center-cols-container': {\n                minWidth: '100%',\n            },\n            '.ag-layout-auto-height .ag-center-cols-clipper, .ag-layout-auto-height .ag-center-cols-container, .ag-layout-print .ag-center-cols-clipper, .ag-layout-print .ag-center-cols-container': {\n                minHeight: '42px !important'\n            },\n            '.ag-header-cell': {\n                paddingLeft: 0,\n                paddingRight: 0,\n                backgroundColor: `${theme.semanticColors.bodyBackground} !important`\n            },\n            '.ag-cell': {\n                border: 'none !important',\n                borderRadius: 0\n            },\n            '.ag-cell-focus': {\n                zIndex: 2,\n                '::after': {\n                    content: \"''\",\n                    position: 'absolute',\n                    inset: '-1px',\n                    border: `3px solid ${theme.semanticColors.inputFocusBorderAlt}`,\n                    borderRadius: theme.effects.roundedCorner2,\n                    pointerEvents: 'none'\n                }\n            },\n            '.ag-cell-focus:has([data-is-valid=\"false\"])': {\n                '::after': {\n                    borderColor: `${theme.semanticColors.errorIcon} !important`\n                }\n            },\n        }\n    })\n};"],"names":[],"mappings":"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"}
+{"version":3,"file":"styles.js","sources":["../../../../../../src/components/Grid/core/components/AgGrid/styles.ts"],"sourcesContent":["import { ITheme, mergeStyleSets } from \"@fluentui/react\";\nimport { IGridHeightSettings } from \"../../model/Grid\";\n\nexport const getGridStyles = (theme: ITheme) => {\n    return mergeStyleSets({\n        root: {\n            height: '100%',\n            display: 'flex',\n            flexDirection: 'column',\n            '--height-offset': '64px',\n            ':has(.ag-body-horizontal-scroll-viewport[style*=\"height: 0px\"])': {\n                '--height-offset': '45px'\n            },\n            '--ag-borders': 'none !important',\n            '.ag-root-wrapper': {\n                maxHeight: '100%',\n                '--ag-selected-row-background-color': theme.palette.themePrimary,\n                '--ag-range-selection-border-color': theme.palette.themePrimary,\n                '--ag-row-hover-color': theme.palette.black,\n                '--ag-row-border-color': theme.semanticColors.menuDivider,\n                '--ag-cell-horizontal-padding': 0,\n                '--ag-input-focus-border-color': theme.semanticColors.inputFocusBorderAlt,\n                borderBottom: `1px solid ${theme.semanticColors.menuDivider}`,\n                '.ag-row::before': {\n                    zIndex: 1\n                },\n                '.ag-row-hover::before': {\n                    opacity: 0.1\n                },\n                '.ag-row-selected::before': {\n                    opacity: 0.2\n                }\n            },\n            '.ag-root': {\n                minHeight: 180\n            },\n            '.ag-body': {\n                borderTop: `1px solid ${theme.semanticColors.menuDivider}`\n            },\n            '.ag-header-viewport': {\n                backgroundColor: `${theme.semanticColors.bodyBackground}`\n            },\n            '.ag-center-cols-container': {\n                minWidth: '100%',\n            },\n            '.ag-layout-auto-height .ag-center-cols-clipper, .ag-layout-auto-height .ag-center-cols-container, .ag-layout-print .ag-center-cols-clipper, .ag-layout-print .ag-center-cols-container': {\n                minHeight: '42px !important'\n            },\n            '.ag-header-cell': {\n                paddingLeft: 0,\n                paddingRight: 0,\n                backgroundColor: `${theme.semanticColors.bodyBackground} !important`\n            },\n            '.ag-cell': {\n                border: 'none !important',\n                borderRadius: 0\n            },\n            '.ag-cell-focus': {\n                zIndex: 2,\n                '::after': {\n                    content: \"''\",\n                    position: 'absolute',\n                    inset: '-1px',\n                    border: `3px solid ${theme.semanticColors.inputFocusBorderAlt}`,\n                    borderRadius: theme.effects.roundedCorner2,\n                    pointerEvents: 'none'\n                }\n            },\n            '.ag-cell-focus:has([data-is-valid=\"false\"])': {\n                '::after': {\n                    borderColor: `${theme.semanticColors.errorIcon} !important`\n                }\n            },\n        }\n    })\n};"],"names":[],"mappings":";;AAGa,MAAA,aAAa,GAAG,CAAC,KAAa,KAAI;AAC3C,IAAA,OAAO,cAAc,CAAC;AAClB,QAAA,IAAI,EAAE;AACF,YAAA,MAAM,EAAE,MAAM;AACd,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,aAAa,EAAE,QAAQ;AACvB,YAAA,iBAAiB,EAAE,MAAM;AACzB,YAAA,iEAAiE,EAAE;AAC/D,gBAAA,iBAAiB,EAAE,MAAM;AAC5B,aAAA;AACD,YAAA,cAAc,EAAE,iBAAiB;AACjC,YAAA,kBAAkB,EAAE;AAChB,gBAAA,SAAS,EAAE,MAAM;AACjB,gBAAA,oCAAoC,EAAE,KAAK,CAAC,OAAO,CAAC,YAAY;AAChE,gBAAA,mCAAmC,EAAE,KAAK,CAAC,OAAO,CAAC,YAAY;AAC/D,gBAAA,sBAAsB,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK;AAC3C,gBAAA,uBAAuB,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW;AACzD,gBAAA,8BAA8B,EAAE,CAAC;AACjC,gBAAA,+BAA+B,EAAE,KAAK,CAAC,cAAc,CAAC,mBAAmB;AACzE,gBAAA,YAAY,EAAE,CAAa,UAAA,EAAA,KAAK,CAAC,cAAc,CAAC,WAAW,CAAE,CAAA;AAC7D,gBAAA,iBAAiB,EAAE;AACf,oBAAA,MAAM,EAAE,CAAC;AACZ,iBAAA;AACD,gBAAA,uBAAuB,EAAE;AACrB,oBAAA,OAAO,EAAE,GAAG;AACf,iBAAA;AACD,gBAAA,0BAA0B,EAAE;AACxB,oBAAA,OAAO,EAAE,GAAG;AACf,iBAAA;AACJ,aAAA;AACD,YAAA,UAAU,EAAE;AACR,gBAAA,SAAS,EAAE,GAAG;AACjB,aAAA;AACD,YAAA,UAAU,EAAE;AACR,gBAAA,SAAS,EAAE,CAAa,UAAA,EAAA,KAAK,CAAC,cAAc,CAAC,WAAW,CAAE,CAAA;AAC7D,aAAA;AACD,YAAA,qBAAqB,EAAE;AACnB,gBAAA,eAAe,EAAE,CAAG,EAAA,KAAK,CAAC,cAAc,CAAC,cAAc,CAAE,CAAA;AAC5D,aAAA;AACD,YAAA,2BAA2B,EAAE;AACzB,gBAAA,QAAQ,EAAE,MAAM;AACnB,aAAA;AACD,YAAA,wLAAwL,EAAE;AACtL,gBAAA,SAAS,EAAE,iBAAiB;AAC/B,aAAA;AACD,YAAA,iBAAiB,EAAE;AACf,gBAAA,WAAW,EAAE,CAAC;AACd,gBAAA,YAAY,EAAE,CAAC;AACf,gBAAA,eAAe,EAAE,CAAG,EAAA,KAAK,CAAC,cAAc,CAAC,cAAc,CAAa,WAAA,CAAA;AACvE,aAAA;AACD,YAAA,UAAU,EAAE;AACR,gBAAA,MAAM,EAAE,iBAAiB;AACzB,gBAAA,YAAY,EAAE,CAAC;AAClB,aAAA;AACD,YAAA,gBAAgB,EAAE;AACd,gBAAA,MAAM,EAAE,CAAC;AACT,gBAAA,SAAS,EAAE;AACP,oBAAA,OAAO,EAAE,IAAI;AACb,oBAAA,QAAQ,EAAE,UAAU;AACpB,oBAAA,KAAK,EAAE,MAAM;AACb,oBAAA,MAAM,EAAE,CAAa,UAAA,EAAA,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAE,CAAA;AAC/D,oBAAA,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc;AAC1C,oBAAA,aAAa,EAAE,MAAM;AACxB,iBAAA;AACJ,aAAA;AACD,YAAA,6CAA6C,EAAE;AAC3C,gBAAA,SAAS,EAAE;AACP,oBAAA,WAAW,EAAE,CAAG,EAAA,KAAK,CAAC,cAAc,CAAC,SAAS,CAAa,WAAA,CAAA;AAC9D,iBAAA;AACJ,aAAA;AACJ,SAAA;AACJ,KAAA,CAAC,CAAA;AACN;;;;"}

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

@@ -1,37 +1,29 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Constants } from '@talxis/client-libraries';
 import { ThemeProvider, Checkbox, useTheme, Shimmer } from '@fluentui/react';
-import { useMemo, useContext } from 'react';
+import { useMemo } from 'react';
 import { getCellStyles, getInnerCellStyles } from './styles.js';
 import { CHECKBOX_COLUMN_KEY } from '../../../constants.js';
 import { useGridInstance } from '../../hooks/useGridInstance.js';
 import { Notifications } from './Notifications/Notifications.js';
 import { Commands } from './Commands/Commands.js';
 import { CellContent } from './CellContent/CellContent.js';
-import { AgGridContext } from '../AgGrid/context.js';
 import { useThemeGenerator, getClassNames } from '@talxis/react-components';
 import { useControlTheme } from '../../../../../utils/theme/hooks/useControlTheme.js';
 
 const Cell = (props) => {
-    const record = props.data;
+    props.data;
     const styles = useMemo(() => getCellStyles(), []);
     const cellFormatting = props.value.customFormatting;
     const cellTheme = useThemeGenerator(cellFormatting.primaryColor, cellFormatting.backgroundColor, cellFormatting.textColor, cellFormatting.themeOverride);
     const grid = useGridInstance();
-    const agGridContext = useContext(AgGridContext);
     const renderContent = () => {
         switch (props.baseColumn.name) {
             case CHECKBOX_COLUMN_KEY: {
-                return (jsx(Checkbox, { checked: props.node.isSelected(), styles: {
+                return (jsx(Checkbox, { checked: props.node.isSelected(), onChange: (e, checked) => {
+                        grid.selection.toggle(props.node.id);
+                    }, styles: {
                         checkbox: styles.checkbox
-                    }, onChange: (e, checked) => {
-                        const selectedRecordIds = grid.dataset.getSelectedRecordIds();
-                        //if the record is the only selected, toggle the selection
-                        //this is because ag grid does not trigger the native selection event in this case
-                        if (selectedRecordIds.length === 1 && selectedRecordIds[0] === record.getRecordId()) {
-                            grid.selection.toggle(record.getRecordId());
-                            agGridContext.refreshRowSelection();
-                        }
                     } }));
             }
             default: {

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

@@ -1 +1 @@
-{"version":3,"file":"Cell.js","sources":["../../../../../../src/components/Grid/core/components/Cell/Cell.tsx"],"sourcesContent":["import { ICellRendererParams } from \"@ag-grid-community/core\";\nimport { IGridColumn } from \"../../interfaces/IGridColumn\";\nimport { Constants, IRecord } from \"@talxis/client-libraries\";\nimport { Checkbox, ITooltipHostProps, Shimmer, ThemeProvider, useTheme } from \"@fluentui/react\";\nimport { useContext, useMemo } from \"react\";\nimport { getCellStyles, getInnerCellStyles } from \"./styles\";\nimport { CHECKBOX_COLUMN_KEY } from \"../../../constants\";\nimport { useGridInstance } from \"../../hooks/useGridInstance\";\nimport React from \"react\";\nimport { Notifications } from \"./Notifications/Notifications\";\nimport { Commands } from \"./Commands/Commands\";\nimport { CellContent } from \"./CellContent/CellContent\";\nimport { AgGridContext } from \"../AgGrid/context\";\nimport { ICellValues } from \"../AgGrid/model/AgGrid\";\nimport { getClassNames, ICommandBarItemProps, useThemeGenerator } from \"@talxis/react-components\";\nimport { useControlTheme } from \"../../../../../utils\";\n\nexport interface ICellProps extends ICellRendererParams {\n    baseColumn: IGridColumn;\n    isCellEditor: boolean;\n    data: IRecord;\n    value: ICellValues;\n}\nexport const Cell = (props: ICellProps) => {\n    const record = props.data;\n    const styles = useMemo(() => getCellStyles(), [])\n    const cellFormatting = props.value.customFormatting;\n    const cellTheme = useThemeGenerator(cellFormatting.primaryColor, cellFormatting.backgroundColor, cellFormatting.textColor, cellFormatting.themeOverride);\n    const grid = useGridInstance();\n    const agGridContext = useContext(AgGridContext);\n\n    const renderContent = () => {\n        switch (props.baseColumn.name) {\n            case CHECKBOX_COLUMN_KEY: {\n                return (\n                    <Checkbox\n                        checked={props.node.isSelected()}\n                        styles={{\n                            checkbox: styles.checkbox\n                        }}\n                        onChange={(e, checked) => {\n                            const selectedRecordIds = grid.dataset.getSelectedRecordIds();\n                            //if the record is the only selected, toggle the selection\n                            //this is because ag grid does not trigger the native selection event in this case\n                            if(selectedRecordIds.length === 1 && selectedRecordIds[0] === record.getRecordId()) {\n                                grid.selection.toggle(record.getRecordId());\n                                agGridContext.refreshRowSelection();\n                            }\n                        }} />\n                );\n            }\n            default: {\n                return <InternalCell {...props} />\n            }\n        }\n    }\n\n    return <ThemeProvider theme={cellTheme} className={getClassNames([styles.cellRoot, cellFormatting.className])}>\n        {renderContent()}\n    </ThemeProvider>\n}\n\n\nexport const InternalCell = (props: ICellProps) => {\n    const column = props.baseColumn;\n    const record = props.data;\n    const formatting = props.value.customFormatting;\n    const grid = useGridInstance();\n    const error = props.value.error;\n    const notifications = props.value.notifications;\n    const isLoading = props.value.loading;\n    const errorMessage = props.value.errorMessage;\n    const theme = useTheme();\n    const applicationTheme = useControlTheme(grid.pcfContext.fluentDesignLanguage);\n\n    const shouldShowNotEditableNotification = () => {\n        if (column.isEditable && !record.getColumnInfo(column.name).security.editable) {\n            return true;\n        }\n        return false;\n    }\n\n    const getShouldRenderNotifications = (): boolean => {\n        if (props.isCellEditor) {\n            return false;\n        }\n        if (error === true) {\n            return true;\n        }\n        if (shouldShowNotEditableNotification()) {\n            return true;\n        }\n        if (notifications && notifications.length > 0) {\n            return true;\n        }\n        return false;\n    }\n\n    const renderContent = (): JSX.Element => {\n        if (isLoading) {\n            return (\n                <Shimmer styles={{\n                    shimmerWrapper: styles.shimmerWrapper,\n                    root: styles.shimmerRoot\n                }} />\n            );\n        }\n        switch (column.name) {\n            case Constants.RIBBON_BUTTONS_COLUMN_NAME: {\n                return (\n                    <Commands record={record} />\n                )\n            }\n            default: {\n                return (\n                    <>\n                        {column.type !== 'action' &&\n                            <CellContent {...props} />\n                        }\n                        {shouldRenderNotifications &&\n                            renderNotifications()\n                        }\n                    </>\n                )\n            }\n\n        }\n    }\n\n    const getFarNotifications = (): ICommandBarItemProps[] => {\n        const result: ICommandBarItemProps[] = [];\n        const tooltipProps: ITooltipHostProps = {\n            tooltipProps: {\n                theme: applicationTheme\n            },\n            calloutProps: {\n                theme: applicationTheme,\n            }\n        }\n        if (shouldShowNotEditableNotification()) {\n            result.push({\n                key: 'noteditable',\n                text: grid.labels['value-not-editable'](),\n                iconOnly: true,\n                disabled: true,\n                tooltipHostProps: tooltipProps,\n                iconProps: {\n                    iconName: 'Uneditable',\n                    styles: {\n                        root: styles.uneditableIconRoot\n                    }\n                }\n            })\n        }\n        if (error) {\n            result.push({\n                key: 'error',\n                iconOnly: true,\n                disabled: true,\n                text: errorMessage,\n                tooltipHostProps: tooltipProps,\n                iconProps: {\n                    iconName: 'Error',\n                    styles: {\n                        root: styles.errorIconRoot\n                    }\n                }\n            })\n        }\n        return result;\n    }\n\n    const renderNotifications = (): JSX.Element => {\n        return <Notifications\n            formatting={formatting}\n            isActionColumn={column.type === 'action'}\n            columnAlignment={props.value.columnAlignment}\n            notifications={notifications}\n            farItems={getFarNotifications()} />\n    }\n\n    const shouldRenderNotifications = getShouldRenderNotifications();\n    const styles = useMemo(() => getInnerCellStyles(props.isCellEditor, theme, props.value.columnAlignment), [props.isCellEditor, theme, props.value.columnAlignment]);\n\n\n    return <div className={styles.innerCellRoot} data-is-valid={!error}>\n        {renderContent()}\n    </div>\n}"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}
+{"version":3,"file":"Cell.js","sources":["../../../../../../src/components/Grid/core/components/Cell/Cell.tsx"],"sourcesContent":["import { ICellRendererParams } from \"@ag-grid-community/core\";\nimport { IGridColumn } from \"../../interfaces/IGridColumn\";\nimport { Constants, IRecord } from \"@talxis/client-libraries\";\nimport { Checkbox, ITooltipHostProps, Shimmer, ThemeProvider, useTheme } from \"@fluentui/react\";\nimport { useMemo } from \"react\";\nimport { getCellStyles, getInnerCellStyles } from \"./styles\";\nimport { CHECKBOX_COLUMN_KEY } from \"../../../constants\";\nimport { useGridInstance } from \"../../hooks/useGridInstance\";\nimport { Notifications } from \"./Notifications/Notifications\";\nimport { Commands } from \"./Commands/Commands\";\nimport { CellContent } from \"./CellContent/CellContent\";\nimport { ICellValues } from \"../AgGrid/model/AgGrid\";\nimport { getClassNames, ICommandBarItemProps, useThemeGenerator } from \"@talxis/react-components\";\nimport { useControlTheme } from \"../../../../../utils\";\n\nexport interface ICellProps extends ICellRendererParams {\n    baseColumn: IGridColumn;\n    isCellEditor: boolean;\n    data: IRecord;\n    value: ICellValues;\n}\nexport const Cell = (props: ICellProps) => {\n    const record = props.data;\n    const styles = useMemo(() => getCellStyles(), [])\n    const cellFormatting = props.value.customFormatting;\n    const cellTheme = useThemeGenerator(cellFormatting.primaryColor, cellFormatting.backgroundColor, cellFormatting.textColor, cellFormatting.themeOverride);\n    const grid = useGridInstance();\n\n    const renderContent = () => {\n        switch (props.baseColumn.name) {\n            case CHECKBOX_COLUMN_KEY: {\n                return (\n                    <Checkbox\n                        checked={props.node.isSelected()}\n                        onChange={(e, checked) => {\n                            grid.selection.toggle(props.node.id!);\n                        }}\n                        styles={{\n                            checkbox: styles.checkbox\n                        }} />\n                );\n            }\n            default: {\n                return <InternalCell {...props} />\n            }\n        }\n    }\n\n    return <ThemeProvider theme={cellTheme} className={getClassNames([styles.cellRoot, cellFormatting.className])}>\n        {renderContent()}\n    </ThemeProvider>\n}\n\n\nexport const InternalCell = (props: ICellProps) => {\n    const column = props.baseColumn;\n    const record = props.data;\n    const formatting = props.value.customFormatting;\n    const grid = useGridInstance();\n    const error = props.value.error;\n    const notifications = props.value.notifications;\n    const isLoading = props.value.loading;\n    const errorMessage = props.value.errorMessage;\n    const theme = useTheme();\n    const applicationTheme = useControlTheme(grid.pcfContext.fluentDesignLanguage);\n\n    const shouldShowNotEditableNotification = () => {\n        if (column.isEditable && !record.getColumnInfo(column.name).security.editable) {\n            return true;\n        }\n        return false;\n    }\n\n    const getShouldRenderNotifications = (): boolean => {\n        if (props.isCellEditor) {\n            return false;\n        }\n        if (error === true) {\n            return true;\n        }\n        if (shouldShowNotEditableNotification()) {\n            return true;\n        }\n        if (notifications && notifications.length > 0) {\n            return true;\n        }\n        return false;\n    }\n\n    const renderContent = (): JSX.Element => {\n        if (isLoading) {\n            return (\n                <Shimmer styles={{\n                    shimmerWrapper: styles.shimmerWrapper,\n                    root: styles.shimmerRoot\n                }} />\n            );\n        }\n        switch (column.name) {\n            case Constants.RIBBON_BUTTONS_COLUMN_NAME: {\n                return (\n                    <Commands record={record} />\n                )\n            }\n            default: {\n                return (\n                    <>\n                        {column.type !== 'action' &&\n                            <CellContent {...props} />\n                        }\n                        {shouldRenderNotifications &&\n                            renderNotifications()\n                        }\n                    </>\n                )\n            }\n\n        }\n    }\n\n    const getFarNotifications = (): ICommandBarItemProps[] => {\n        const result: ICommandBarItemProps[] = [];\n        const tooltipProps: ITooltipHostProps = {\n            tooltipProps: {\n                theme: applicationTheme\n            },\n            calloutProps: {\n                theme: applicationTheme,\n            }\n        }\n        if (shouldShowNotEditableNotification()) {\n            result.push({\n                key: 'noteditable',\n                text: grid.labels['value-not-editable'](),\n                iconOnly: true,\n                disabled: true,\n                tooltipHostProps: tooltipProps,\n                iconProps: {\n                    iconName: 'Uneditable',\n                    styles: {\n                        root: styles.uneditableIconRoot\n                    }\n                }\n            })\n        }\n        if (error) {\n            result.push({\n                key: 'error',\n                iconOnly: true,\n                disabled: true,\n                text: errorMessage,\n                tooltipHostProps: tooltipProps,\n                iconProps: {\n                    iconName: 'Error',\n                    styles: {\n                        root: styles.errorIconRoot\n                    }\n                }\n            })\n        }\n        return result;\n    }\n\n    const renderNotifications = (): JSX.Element => {\n        return <Notifications\n            formatting={formatting}\n            isActionColumn={column.type === 'action'}\n            columnAlignment={props.value.columnAlignment}\n            notifications={notifications}\n            farItems={getFarNotifications()} />\n    }\n\n    const shouldRenderNotifications = getShouldRenderNotifications();\n    const styles = useMemo(() => getInnerCellStyles(props.isCellEditor, theme, props.value.columnAlignment), [props.isCellEditor, theme, props.value.columnAlignment]);\n\n\n    return <div className={styles.innerCellRoot} data-is-valid={!error}>\n        {renderContent()}\n    </div>\n}"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}

package/dist/components/Grid/core/components/Cell/CellContent/CellContent.js

@@ -164,13 +164,25 @@ const CellContent = (props) => {
                         grid.setUsesNestedPcfs();
                     }
                     if (valueRef.current.customComponent) {
-                        return valueRef.current.customComponent.onRender(control.getProps(), themeRef.current, control.getContainer());
+                        const result = valueRef.current.customComponent.onRender(control.getProps(), themeRef.current, control.getContainer());
+                        //onRender can explicitly return null to force the grid to use native renderer
+                        //useful if the custom component is required only for renderer, but not for editor or vice versa
+                        if (result === null) {
+                            return defaultRender();
+                        }
+                        return result;
                     }
                     return defaultRender();
                 },
                 onOverrideUnmount: (control, defaultUnmount) => {
                     if (valueRef.current.customComponent) {
-                        return valueRef.current.customComponent.onUnmount(control.getContainer());
+                        const result = valueRef.current.customComponent.onUnmount(control.getContainer());
+                        //onRender can explicitly return null to force the grid to use native renderer
+                        //useful if the custom component is required only for renderer, but not for editor or vice versa
+                        if (result === null) {
+                            return defaultUnmount();
+                        }
+                        return result;
                     }
                     //@ts-ignore - internal types
                     //skip the unmounting for custom PCF's in Power Apps