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

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

@@ -0,0 +1,343 @@
+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: this._grid.isEditable && columnInfo.security.editable,
+            editing: editing,
+            parameters: parameters,
+            columnAlignment: column.alignment,
+            customComponent: columnInfo.ui.getCustomControlComponent()
+        };
+        return values;
+    }
+}
+
+export { AgGrid };
+//# sourceMappingURL=AgGrid.js.map

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

@@ -0,0 +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, 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        if (this._grid.loading) {\n            this._gridApi?.showLoadingOverlay();\n        }\n        else {\n            setTimeout(() => {\n                if (this._grid.dataset.sortedRecordIds.length === 0) {\n                    this._gridApi?.showNoRowsOverlay();\n                }\n            }, 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            let record: IRecord | undefined;\n            //aggregated record\n            if(cell.rowPinned) {\n                record = this._gridApi?.getPinnedBottomRow(cell.rowIndex)?.data;\n            }\n            else {\n                record = this._gridApi?.getDisplayedRowAtIndex(cell.rowIndex)?.data as IRecord;\n            }\n            if (record) {\n                navigator.clipboard.writeText(record.getFormattedValue(cell.column.getColId()) ?? '');\n            }\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        //get the latest reference - ag grid might still be referencing the old one and give us wrong index\n        const record = this._grid.dataset.records[params.data!.getRecordId()];\n        const isEven = record?.getIndex() % 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        //we cannot edit aggregated or grouped columns\n        if (params?.data?.getDataProvider().getSummarizationType() !== 'none') {\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 isAggregatedRecord = record.getDataProvider().getSummarizationType() === 'aggregation';\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            //validations need to be disabled for aggregated records\n            error: isAggregatedRecord ? false : columnInfo.error,\n            loading: columnInfo.ui.isLoading(),\n            errorMessage: columnInfo.errorMessage,\n            editable: this._grid.isEditable && 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/{grid/ValueComparator.d.ts → core/components/AgGrid/model/Comparator.d.ts}

@@ -1,4 +1,4 @@
-import { ICellValues } from "./ag-grid/AgGridModel";
+import { ICellValues } from "./AgGrid";
 export declare class Comparator {
     isEqual(oldValues?: ICellValues, newValues?: ICellValues): boolean;
     private _isEqual;

package/dist/components/Grid/{grid/ValueComparator.js → core/components/AgGrid/model/Comparator.js}

@@ -5,9 +5,6 @@ class Comparator {
         if (!this._isEqual(oldValues?.value, newValues?.value)) {
             return false;
         }
-        if (!this._isEqual(oldValues?.aggregatedValue, newValues?.aggregatedValue)) {
-            return false;
-        }
         if (!this._isEqual(oldValues?.height, newValues?.height)) {
             return false;
         }
@@ -20,9 +17,6 @@ class Comparator {
         if (!this._areNotificationsEqual(oldValues?.notifications ?? [], newValues?.notifications ?? [])) {
             return false;
         }
-        if (!this._isEqual(oldValues?.saving, newValues?.saving)) {
-            return false;
-        }
         if (!this._isEqual(this._parseFormatting(oldValues?.customFormatting), this._parseFormatting(newValues?.customFormatting))) {
             return false;
         }
@@ -89,4 +83,4 @@ class Comparator {
 }
 
 export { Comparator };
-//# sourceMappingURL=ValueComparator.js.map
+//# sourceMappingURL=Comparator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Comparator.js","sources":["../../../../../../../src/components/Grid/core/components/AgGrid/model/Comparator.ts"],"sourcesContent":["import { IAddControlNotificationOptions, ICustomColumnComponent, ICustomColumnFormatting } from \"@talxis/client-libraries\";\nimport deepEqual from 'fast-deep-equal/es6';\nimport { ICellValues } from \"./AgGrid\";\n\nexport class Comparator {\n\n    public isEqual(oldValues?: ICellValues, newValues?: ICellValues) {\n        if (!this._isEqual(oldValues?.value, newValues?.value)) {\n            return false;\n        }\n        if (!this._isEqual(oldValues?.height, newValues?.height)) {\n            return false;\n        }\n        if (!this._isEqual(oldValues?.columnAlignment, newValues?.columnAlignment)) {\n            return false;\n        }\n        if (!this._isEqual(this._filterParameters(oldValues?.parameters), this._filterParameters(newValues?.parameters))) {\n            return false;\n        }\n        if (!this._areNotificationsEqual(oldValues?.notifications ?? [], newValues?.notifications ?? [])) {\n            return false;\n        }\n        if (!this._isEqual(this._parseFormatting(oldValues?.customFormatting), this._parseFormatting(newValues?.customFormatting))) {\n            return false;\n        }\n        if (!this._isEqual(oldValues?.customControl, newValues?.customControl)) {\n            return false;\n        }\n        if (!this._isEqual(oldValues?.error, newValues?.error)) {\n            return false;\n        }\n        if (!this._isEqual(oldValues?.errorMessage, newValues?.errorMessage)) {\n            return false;\n        }\n        if (!this._isEqual(oldValues?.editable, newValues?.editable)) {\n            return false;\n        }\n        if (!this._isEqual(oldValues?.loading, newValues?.loading)) {\n            return false;\n        }\n        if (!this._isEqual(this._parseCustomComponent(oldValues?.customComponent), this._parseCustomComponent(newValues?.customComponent))) {\n            return false;\n        }\n        return true;\n\n    }\n\n    private _isEqual(previousValue: any, newValue: any): boolean {\n        return deepEqual(previousValue ?? {}, newValue ?? {});\n    }\n\n    private _areNotificationsEqual(previousNotifications: IAddControlNotificationOptions[], newNotifications: IAddControlNotificationOptions[]): boolean {\n        const previousNotificationIds = previousNotifications.map(x => x.uniqueId);\n        const newNotificationIds = newNotifications.map(x => x.uniqueId);\n\n        return this._isEqual(previousNotificationIds, newNotificationIds);\n    }\n\n    //ignore the components folder when calculating the diff\n    private _parseFormatting(formatting?: ICustomColumnFormatting) {\n        if (formatting?.themeOverride) {\n            return {\n                ...formatting,\n                themeOverride: {\n                    ...formatting.themeOverride,\n                    components: {}\n                }\n            }\n        }\n        return formatting;\n    }\n\n    private _filterParameters(params: any) {\n        if (!params) return {};\n        const { Dataset, Record, Column, ...filteredParams } = params;\n        let paramsToCompare: any = {};\n        Object.entries(filteredParams).map(([key, parameter]: any) => {\n            paramsToCompare[key] = { ...parameter };\n            delete paramsToCompare[key].attributes;\n            Object.entries(paramsToCompare[key]).map(([attributePropKey, value]) => {\n                if (typeof value === 'function') {\n                    delete paramsToCompare[key][attributePropKey];\n                }\n            })\n\n        })\n        return paramsToCompare;\n    }\n\n    private _parseCustomComponent(component?: ICustomColumnComponent) {\n        return component?.key ?? '';\n    }\n\n}"],"names":[],"mappings":"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"}

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

@@ -1,9 +1,7 @@
 import { ITheme } from "@fluentui/react";
-import { IColumn } from "@talxis/client-libraries";
 export declare const getGridStyles: (theme: ITheme) => import("@fluentui/react").IProcessedStyleSet<{
-    gridRoot: {
+    root: {
         height: string;
-        minHeight: number;
         display: string;
         flexDirection: string;
         '--ag-borders': string;
@@ -26,6 +24,9 @@ export declare const getGridStyles: (theme: ITheme) => import("@fluentui/react")
                 opacity: number;
             };
         };
+        '.ag-root': {
+            minHeight: number;
+        };
         '.ag-body': {
             borderTop: string;
         };
@@ -46,26 +47,6 @@ export declare const getGridStyles: (theme: ITheme) => import("@fluentui/react")
         '.ag-cell': {
             border: string;
             borderRadius: number;
-            overflow: string;
-        };
-        '.ag-cell-wrapper:has([data-is-loading="true"])': {
-            height: string;
-        };
-        '.ms-Checkbox.is-disabled .ms-Checkbox-checkbox': {
-            borderColor: string;
-        };
-        '.ag-pinned-left-cols-container .ag-cell-last-left-pinned:not([col-id="__checkbox__virtual"])': {
-            borderRight: string;
-        };
-        '.ag-cell-highlight': {
-            '::after': {
-                content: string;
-                position: string;
-                left: number;
-                top: number;
-                backgroundColor: string;
-                'view-transition-name': string;
-            };
         };
         '.ag-cell-focus': {
             zIndex: number;
@@ -89,4 +70,3 @@ export declare const getGridStyles: (theme: ITheme) => import("@fluentui/react")
         };
     };
 }>;
-export declare const getJustifyContent: (columnAlignment: Required<IColumn['alignment']>) => "center" | "flex-start" | "flex-end" | undefined;

package/dist/components/Grid/{grid → core/components/AgGrid}/styles.js

@@ -2,9 +2,8 @@ import { mergeStyleSets } from '@fluentui/react';
 
 const getGridStyles = (theme) => {
     return mergeStyleSets({
-        gridRoot: {
+        root: {
             height: '100%',
-            minHeight: 180,
             display: 'flex',
             flexDirection: 'column',
             '--ag-borders': 'none !important',
@@ -27,6 +26,9 @@ const getGridStyles = (theme) => {
                     opacity: 0.2
                 }
             },
+            '.ag-root': {
+                minHeight: 180
+            },
             '.ag-body': {
                 borderTop: `1px solid ${theme.semanticColors.menuDivider}`
             },
@@ -46,27 +48,7 @@ const getGridStyles = (theme) => {
             },
             '.ag-cell': {
                 border: 'none !important',
-                borderRadius: 0,
-                overflow: 'hidden'
-            },
-            '.ag-cell-wrapper:has([data-is-loading="true"])': {
-                height: '100%'
-            },
-            '.ms-Checkbox.is-disabled .ms-Checkbox-checkbox': {
-                borderColor: `${theme.semanticColors.disabledBorder} !important`
-            },
-            '.ag-pinned-left-cols-container .ag-cell-last-left-pinned:not([col-id="__checkbox__virtual"])': {
-                borderRight: `1px solid ${theme.semanticColors.menuDivider} !important`
-            },
-            '.ag-cell-highlight': {
-                '::after': {
-                    content: "''",
-                    position: 'absolute',
-                    left: 0,
-                    top: 0,
-                    backgroundColor: `color-mix(in srgb, ${theme.palette.themePrimary}, transparent 70%)`,
-                    'view-transition-name': 'cell-highlight',
-                }
+                borderRadius: 0
             },
             '.ag-cell-focus': {
                 zIndex: 2,
@@ -91,19 +73,6 @@ const getGridStyles = (theme) => {
         }
     });
 };
-const getJustifyContent = (columnAlignment) => {
-    switch (columnAlignment) {
-        case 'left': {
-            return 'flex-start';
-        }
-        case 'center': {
-            return 'center';
-        }
-        case 'right': {
-            return 'flex-end';
-        }
-    }
-};
 
-export { getGridStyles, getJustifyContent };
+export { getGridStyles };
 //# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../../src/components/Grid/core/components/AgGrid/styles.ts"],"sourcesContent":["import { ITheme, mergeStyleSets } from \"@fluentui/react\";\n\nexport const getGridStyles = (theme: ITheme) => {\n    return mergeStyleSets({\n        root: {\n            height: '100%',\n            display: 'flex',\n            flexDirection: 'column',\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            '.ag-floating-bottom .ag-row-pinned': {\n                borderTop: `1px solid ${theme.semanticColors.menuDivider}`,\n                borderBottom: 'none',\n            }\n        }\n    })\n};"],"names":[],"mappings":"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"}

package/dist/components/Grid/{cells/cell → core/components/Cell}/Cell.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
 import { ICellRendererParams } from "@ag-grid-community/core";
+import { IGridColumn } from "../../interfaces/IGridColumn";
 import { IRecord } from "@talxis/client-libraries";
-import { ICellValues } from "../../grid/ag-grid/AgGridModel";
-import { IGridColumn } from "../../grid/GridModel";
+import { ICellValues } from "../AgGrid/model/AgGrid";
 export interface ICellProps extends ICellRendererParams {
     baseColumn: IGridColumn;
     isCellEditor: boolean;
-    record: IRecord;
+    data: IRecord;
     value: ICellValues;
 }
 export declare const Cell: (props: ICellProps) => JSX.Element;