@revolist/revogrid 4.9.3 → 4.9.5

package/dist/cjs/revo-grid.cjs.entry.js

@@ -6,18 +6,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-10d10c55.js');
-const dimension_helpers = require('./dimension.helpers-a6788214.js');
-const base_plugin = require('./base.plugin-bf5f43a0.js');
+const dimension_helpers = require('./dimension.helpers-85294778.js');
+const column_utils = require('./column.utils-0f0f4dc4.js');
 const toNumber = require('./toNumber-838e6ff5.js');
-const selection_helpers = require('./selection.helpers-1a8c8d49.js');
+const selection_helpers = require('./selection.helpers-371a38aa.js');
 const debounce = require('./debounce-e2b7c6fb.js');
 const index = require('./index-2410bbd9.js');
-const viewport_store = require('./viewport.store-35a3e7ee.js');
+const viewport_store = require('./viewport.store-300977e4.js');
 const filter_button = require('./filter.button-afb16244.js');
-const column_service = require('./column.service-01f4a6c7.js');
+const column_service = require('./column.service-08df359f.js');
 const events = require('./events-b28cc194.js');
 const dispatcher = require('./dispatcher-998aa470.js');
-const headerCellRenderer = require('./header-cell-renderer-3bc70679.js');
+const headerCellRenderer = require('./header-cell-renderer-fb2f9a2d.js');
 
 class ThemeCompact {
     constructor() {
@@ -84,8 +84,8 @@ class ThemeService {
     }
 }
 
-var baseIteratee$1 = dimension_helpers._baseIteratee,
-    isArrayLike$2 = dimension_helpers.isArrayLike_1,
+var baseIteratee = dimension_helpers._baseIteratee,
+    isArrayLike$1 = dimension_helpers.isArrayLike_1,
     keys = dimension_helpers.keys_1;
 
 /**
@@ -98,8 +98,8 @@ var baseIteratee$1 = dimension_helpers._baseIteratee,
 function createFind$1(findIndexFunc) {
   return function(collection, predicate, fromIndex) {
     var iterable = Object(collection);
-    if (!isArrayLike$2(collection)) {
-      var iteratee = baseIteratee$1(predicate);
+    if (!isArrayLike$1(collection)) {
+      var iteratee = baseIteratee(predicate);
       collection = keys(collection);
       predicate = function(key) { return iteratee(iterable[key], key, iterable); };
     }
@@ -153,133 +153,23 @@ var find = createFind(findIndex);
 
 var find_1 = find;
 
-var baseEach = dimension_helpers._baseEach,
-    isArrayLike$1 = dimension_helpers.isArrayLike_1;
-
-/**
- * The base implementation of `_.map` without support for iteratee shorthands.
- *
- * @private
- * @param {Array|Object} collection The collection to iterate over.
- * @param {Function} iteratee The function invoked per iteration.
- * @returns {Array} Returns the new mapped array.
- */
-function baseMap$1(collection, iteratee) {
-  var index = -1,
-      result = isArrayLike$1(collection) ? Array(collection.length) : [];
-
-  baseEach(collection, function(value, key, collection) {
-    result[++index] = iteratee(value, key, collection);
-  });
-  return result;
-}
-
-var _baseMap = baseMap$1;
-
-var arrayMap = dimension_helpers._arrayMap,
-    baseIteratee = dimension_helpers._baseIteratee,
-    baseMap = _baseMap,
-    isArray$1 = dimension_helpers.isArray_1;
-
-/**
- * Creates an array of values by running each element in `collection` thru
- * `iteratee`. The iteratee is invoked with three arguments:
- * (value, index|key, collection).
- *
- * Many lodash methods are guarded to work as iteratees for methods like
- * `_.every`, `_.filter`, `_.map`, `_.mapValues`, `_.reject`, and `_.some`.
- *
- * The guarded methods are:
- * `ary`, `chunk`, `curry`, `curryRight`, `drop`, `dropRight`, `every`,
- * `fill`, `invert`, `parseInt`, `random`, `range`, `rangeRight`, `repeat`,
- * `sampleSize`, `slice`, `some`, `sortBy`, `split`, `take`, `takeRight`,
- * `template`, `trim`, `trimEnd`, `trimStart`, and `words`
- *
- * @static
- * @memberOf _
- * @since 0.1.0
- * @category Collection
- * @param {Array|Object} collection The collection to iterate over.
- * @param {Function} [iteratee=_.identity] The function invoked per iteration.
- * @returns {Array} Returns the new mapped array.
- * @example
- *
- * function square(n) {
- *   return n * n;
- * }
- *
- * _.map([4, 8], square);
- * // => [16, 64]
- *
- * _.map({ 'a': 4, 'b': 8 }, square);
- * // => [16, 64] (iteration order is not guaranteed)
- *
- * var users = [
- *   { 'user': 'barney' },
- *   { 'user': 'fred' }
- * ];
- *
- * // The `_.property` iteratee shorthand.
- * _.map(users, 'user');
- * // => ['barney', 'fred']
- */
-function map(collection, iteratee) {
-  var func = isArray$1(collection) ? arrayMap : baseMap;
-  return func(collection, baseIteratee(iteratee));
-}
-
-var map_1 = map;
-
-class GroupingColumnPlugin extends base_plugin.BasePlugin {
-    static gatherGroup(res, colData, collection, level = 0) {
-        // group template
-        const group = Object.assign(Object.assign({}, colData), { level, ids: [] });
-        // check columns for update
-        for (let k in collection.columns) {
-            const key = k;
-            const resultItem = res.columns[key];
-            const collectionItem = collection.columns[key];
-            // if column data
-            if (dimension_helpers.isArray_1(resultItem) && dimension_helpers.isArray_1(collectionItem)) {
-                // fill columns
-                resultItem.push(...collectionItem);
-                // fill grouping
-                if (collectionItem.length) {
-                    res.columnGrouping[key].push(Object.assign(Object.assign({}, group), { ids: map_1(collectionItem, 'prop') }));
-                }
-            }
-        }
-        // merge column groupings
-        for (let k in collection.columnGrouping) {
-            const key = k;
-            const collectionItem = collection.columnGrouping[key];
-            res.columnGrouping[key].push(...collectionItem);
-        }
-        res.maxLevel = Math.max(res.maxLevel, collection.maxLevel);
-        res.sort = Object.assign(Object.assign({}, res.sort), collection.sort);
-        return res;
-    }
-}
-/**
- * Check if column is grouping column
- */
-function isColGrouping(colData) {
-    return !!colData.children;
-}
-
 class ColumnDataProvider {
     get order() {
-        return dimension_helpers.reduce_1(this.sorting, (r, c, prop) => {
-            r[prop] = c.order;
-            return r;
-        }, {});
+        const order = {};
+        const sorting = this.sorting;
+        if (sorting) {
+            Object.keys(sorting).forEach((prop) => {
+                order[prop] = sorting[prop].order;
+            });
+        }
+        return order;
     }
     get stores() {
         return this.dataSources;
     }
     constructor() {
         this.sorting = null;
-        this.dataSources = dimension_helpers.reduce_1(base_plugin.columnTypes, (sources, k) => {
+        this.dataSources = column_utils.columnTypes.reduce((sources, k) => {
             sources[k] = new dimension_helpers.DataStore(k);
             return sources;
         }, {});
@@ -304,7 +194,7 @@ class ColumnDataProvider {
         if (type !== 'all') {
             return this.dataSources[type].store.get('source');
         }
-        return base_plugin.columnTypes.reduce((r, t) => {
+        return column_utils.columnTypes.reduce((r, t) => {
             r.push(...this.dataSources[t].store.get('source'));
             return r;
         }, []);
@@ -320,7 +210,7 @@ class ColumnDataProvider {
         this.dataSources[type].refresh();
     }
     setColumns(data) {
-        base_plugin.columnTypes.forEach(k => {
+        column_utils.columnTypes.forEach(k => {
             // set columns data
             this.dataSources[k].updateData(data.columns[k], {
                 // max depth level
@@ -341,7 +231,7 @@ class ColumnDataProvider {
     updateColumns(cols) {
         // collect column by type and propert
         const columnByKey = cols.reduce((res, c) => {
-            const type = ColumnDataProvider.getColumnType(c);
+            const type = column_utils.getColumnType(c);
             if (!res[type]) {
                 res[type] = {};
             }
@@ -350,20 +240,32 @@ class ColumnDataProvider {
         }, {});
         // find indexes in source
         const colByIndex = {};
-        dimension_helpers.each(columnByKey, (colsToUpdate, type) => {
+        for (const t in columnByKey) {
+            if (!columnByKey.hasOwnProperty(t)) {
+                continue;
+            }
+            const type = t;
+            const colsToUpdate = columnByKey[type];
             const items = this.dataSources[type].store.get('source');
-            colByIndex[type] = items.reduce((result, rgCol, index) => {
+            colByIndex[type] = {};
+            for (let i = 0; i < items.length; i++) {
+                const rgCol = items[i];
                 const colToUpdateIfExists = colsToUpdate === null || colsToUpdate === void 0 ? void 0 : colsToUpdate[rgCol.prop];
                 if (colToUpdateIfExists) {
-                    result[index] = colToUpdateIfExists;
+                    colByIndex[type][i] = colToUpdateIfExists;
                 }
-                return result;
-            }, {});
-        });
-        dimension_helpers.each(colByIndex, (colsToUpdate, type) => dimension_helpers.setSourceByVirtualIndex(this.dataSources[type].store, colsToUpdate || {}));
+            }
+        }
+        for (const t in colByIndex) {
+            if (!colByIndex.hasOwnProperty(t)) {
+                continue;
+            }
+            const type = t;
+            dimension_helpers.setSourceByVirtualIndex(this.dataSources[type].store, colByIndex[type] || {});
+        }
     }
     updateColumn(column, index) {
-        const type = ColumnDataProvider.getColumnType(column);
+        const type = column_utils.getColumnType(column);
         dimension_helpers.setSourceByVirtualIndex(this.dataSources[type].store, { [index]: column });
     }
     updateColumnSorting(column, index, sorting, additive) {
@@ -380,7 +282,7 @@ class ColumnDataProvider {
     }
     clearSorting() {
         const types = dimension_helpers.reduce_1(this.sorting, (r, c) => {
-            const k = ColumnDataProvider.getColumnType(c);
+            const k = column_utils.getColumnType(c);
             r[k] = true;
             return r;
         }, {});
@@ -391,78 +293,6 @@ class ColumnDataProvider {
         });
         this.sorting = {};
     }
-    static getSizes(cols) {
-        return dimension_helpers.reduce_1(cols, (res, c, i) => {
-            if (c.size) {
-                res[i] = c.size;
-            }
-            return res;
-        }, {});
-    }
-    static getColumnByProp(columns, prop) {
-        return find_1(columns, c => {
-            if (isColGrouping(c)) {
-                return ColumnDataProvider.getColumnByProp(c.children, prop);
-            }
-            return c.prop === prop;
-        });
-    }
-    // columns processing
-    static getColumns(columns, level = 0, types) {
-        const collection = {
-            // columns as they are in stores per type
-            columns: {
-                rgCol: [],
-                colPinStart: [],
-                colPinEnd: [],
-            },
-            // columns grouped by prop for quick access
-            columnByProp: {},
-            // column grouping
-            columnGrouping: {
-                rgCol: [],
-                colPinStart: [],
-                colPinEnd: [],
-            },
-            // max depth level for column grouping
-            maxLevel: level,
-            // sorting
-            sort: {},
-        };
-        return dimension_helpers.reduce_1(columns, (res, colData) => {
-            // Grouped column
-            if (isColGrouping(colData)) {
-                return GroupingColumnPlugin.gatherGroup(res, colData, ColumnDataProvider.getColumns(colData.children, level + 1, types), level);
-            }
-            // Regular column
-            const regularColumn = Object.assign(Object.assign({}, (colData.columnType && types && types[colData.columnType])), colData);
-            // Regular column, no Pin
-            if (!regularColumn.pin) {
-                res.columns.rgCol.push(regularColumn);
-                // Pin
-            }
-            else {
-                res.columns[regularColumn.pin].push(regularColumn);
-            }
-            if (regularColumn.order) {
-                res.sort[regularColumn.prop] = regularColumn;
-            }
-            // technically it's possible that some columns have same prop, but better to avoid it
-            if (!res.columnByProp[regularColumn.prop]) {
-                res.columnByProp[regularColumn.prop] = [];
-            }
-            res.columnByProp[regularColumn.prop].push(regularColumn);
-            // trigger setup hook if present
-            regularColumn.beforeSetup && regularColumn.beforeSetup(regularColumn);
-            return res;
-        }, collection);
-    }
-    static getColumnType(rgCol) {
-        if (rgCol.pin) {
-            return rgCol.pin;
-        }
-        return 'rgCol';
-    }
 }
 
 /**
@@ -471,7 +301,7 @@ class ColumnDataProvider {
 class DataProvider {
     constructor(dimensionProvider) {
         this.dimensionProvider = dimensionProvider;
-        this.stores = dimension_helpers.reduce_1(base_plugin.rowTypes, (sources, k) => {
+        this.stores = dimension_helpers.reduce_1(column_utils.rowTypes, (sources, k) => {
             sources[k] = new dimension_helpers.DataStore(k);
             return sources;
         }, {});
@@ -509,10 +339,10 @@ class DataProvider {
         dimension_helpers.setSourceByVirtualIndex(this.stores[type].store, items);
     }
     refresh(type = 'all') {
-        if (base_plugin.isRowType(type)) {
+        if (column_utils.isRowType(type)) {
             this.refreshItems(type);
         }
-        base_plugin.rowTypes.forEach((t) => this.refreshItems(t));
+        column_utils.rowTypes.forEach((t) => this.refreshItems(t));
     }
     refreshItems(type = 'rgRow') {
         const items = this.stores[type].store.get('items');
@@ -539,8 +369,8 @@ class DimensionProvider {
     constructor(viewports, config) {
         this.viewports = viewports;
         const sizeChanged = debounce.debounce_1((k) => config.realSizeChanged(k), index.RESIZE_INTERVAL);
-        this.stores = dimension_helpers.reduce_1([...base_plugin.rowTypes, ...base_plugin.columnTypes], (sources, k) => {
-            sources[k] = new base_plugin.DimensionStore();
+        this.stores = dimension_helpers.reduce_1([...column_utils.rowTypes, ...column_utils.columnTypes], (sources, k) => {
+            sources[k] = new column_utils.DimensionStore();
             sources[k].store.onChange('realSize', () => sizeChanged(k));
             return sources;
         }, {});
@@ -604,7 +434,7 @@ class DimensionProvider {
         this.updateViewport(type);
     }
     applyNewColumns(columns, disableVirtualX) {
-        for (let type of base_plugin.columnTypes) {
+        for (let type of column_utils.columnTypes) {
             // clear existing data
             this.stores[type].drop();
             const items = columns[type];
@@ -613,7 +443,7 @@ class DimensionProvider {
             // setItemCount
             this.stores[type].setStore({ count: items.length });
             // setCustomSizes
-            const newSizes = ColumnDataProvider.getSizes(items);
+            const newSizes = column_utils.getColumnSizes(items);
             this.stores[type].setDimensionSize(newSizes);
             const vpUpdate = {
                 // this triggers drop on realCount change
@@ -634,10 +464,10 @@ class DimensionProvider {
         var _a, _b;
         let x = 0;
         let y = 0;
-        for (let type of base_plugin.columnTypes) {
+        for (let type of column_utils.columnTypes) {
             x += ((_a = this.stores[type]) === null || _a === void 0 ? void 0 : _a.store.get('realSize')) || 0;
         }
-        for (let type of base_plugin.rowTypes) {
+        for (let type of column_utils.rowTypes) {
             y += ((_b = this.stores[type]) === null || _b === void 0 ? void 0 : _b.store.get('realSize')) || 0;
         }
         return { y, x };
@@ -662,10 +492,10 @@ class DimensionProvider {
         let stores = [];
         switch (dimensionType) {
             case 'rgCol':
-                stores = base_plugin.columnTypes;
+                stores = column_utils.columnTypes;
                 break;
             case 'rgRow':
-                stores = base_plugin.rowTypes;
+                stores = column_utils.rowTypes;
                 break;
         }
         for (let s of stores) {
@@ -676,7 +506,7 @@ class DimensionProvider {
 
 class ViewportProvider {
     constructor() {
-        this.stores = dimension_helpers.reduce_1([...base_plugin.rowTypes, ...base_plugin.columnTypes], (sources, k) => {
+        this.stores = dimension_helpers.reduce_1([...column_utils.rowTypes, ...column_utils.columnTypes], (sources, k) => {
             sources[k] = new viewport_store.ViewportStore(k);
             return sources;
         }, {});
@@ -700,7 +530,7 @@ var ColumnAutoSizeMode;
     // increases and decreases column width based on all items sizes, worst for performance
     ColumnAutoSizeMode["autoSizeAll"] = "autoSizeAll";
 })(ColumnAutoSizeMode || (ColumnAutoSizeMode = {}));
-class AutoSizeColumnPlugin extends base_plugin.BasePlugin {
+class AutoSizeColumnPlugin extends column_utils.BasePlugin {
     constructor(revogrid, providers, config) {
         super(revogrid, providers);
         this.providers = providers;
@@ -728,7 +558,7 @@ class AutoSizeColumnPlugin extends base_plugin.BasePlugin {
             this.columnSet(columns);
         };
         const headerDblClick = ({ detail }) => {
-            const type = ColumnDataProvider.getColumnType(detail.column);
+            const type = column_utils.getColumnType(detail.column);
             const size = this.getColumnSize(detail.index, type);
             if (size) {
                 this.providers.dimension.setCustomSizes(type, {
@@ -862,7 +692,7 @@ class AutoSizeColumnPlugin extends base_plugin.BasePlugin {
     }
     columnSet(columns) {
         var _a;
-        for (let t of base_plugin.columnTypes) {
+        for (let t of column_utils.columnTypes) {
             const type = t;
             const cols = columns[type];
             for (let i in cols) {
@@ -1043,7 +873,7 @@ const filterTypes = {
 
 const FILTER_TRIMMED_TYPE = 'filter';
 const FILTER_CONFIG_CHANGED_EVENT = 'filterconfigchanged';
-class FilterPlugin extends base_plugin.BasePlugin {
+class FilterPlugin extends column_utils.BasePlugin {
     constructor(revogrid, providers, config) {
         var _a;
         super(revogrid, providers);
@@ -1525,7 +1355,7 @@ var size_1 = size;
  *
  * Note: If you prevent an event, it will not proceed to the subsequent steps.
  */
-class SortingPlugin extends base_plugin.BasePlugin {
+class SortingPlugin extends column_utils.BasePlugin {
     async runSorting(order, comparison) {
         var _a;
         await this.sort(order, comparison);
@@ -1551,7 +1381,7 @@ class SortingPlugin extends base_plugin.BasePlugin {
             const columns = (await this.revogrid.getColumns());
             const sortingFunc = {};
             for (let prop in order) {
-                const cmp = this.getComparer(ColumnDataProvider.getColumnByProp(columns, prop), order[prop]);
+                const cmp = this.getComparer(column_utils.getColumnByProp(columns, prop), order[prop]);
                 sortingFunc[prop] = cmp;
             }
             this.runSorting(order, sortingFunc);
@@ -1951,7 +1781,7 @@ var ExportTypes;
 (function (ExportTypes) {
     ExportTypes["csv"] = "csv";
 })(ExportTypes || (ExportTypes = {}));
-class ExportFilePlugin extends base_plugin.BasePlugin {
+class ExportFilePlugin extends column_utils.BasePlugin {
     /** Exports string */
     async exportString(options = {}, t = ExportTypes.csv) {
         const data = await this.beforeexport();
@@ -2009,7 +1839,7 @@ class ExportFilePlugin extends base_plugin.BasePlugin {
         const data = await this.getSource();
         const colSource = [];
         const colPromises = [];
-        base_plugin.columnTypes.forEach((t, i) => {
+        column_utils.columnTypes.forEach((t, i) => {
             colPromises.push(this.getColPerSource(t).then(s => (colSource[i] = s)));
         });
         await Promise.all(colPromises);
@@ -2085,7 +1915,7 @@ class ExportFilePlugin extends base_plugin.BasePlugin {
     async getSource() {
         const data = [];
         const promisesData = [];
-        base_plugin.rowTypes.forEach(t => {
+        column_utils.rowTypes.forEach(t => {
             const dataPart = [];
             data.push(dataPart);
             const promise = this.revogrid.getVisibleSource(t).then((d) => dataPart.push(...d));
@@ -2227,7 +2057,7 @@ function processDoubleConversionTrimmed(initiallyTrimed, firstLevelMap, secondLe
     return trimemedOptionsToUpgrade;
 }
 
-class GroupingRowPlugin extends base_plugin.BasePlugin {
+class GroupingRowPlugin extends column_utils.BasePlugin {
     get hasProps() {
         var _a, _b, _c;
         return ((_a = this.options) === null || _a === void 0 ? void 0 : _a.props) && ((_c = (_b = this.options) === null || _b === void 0 ? void 0 : _b.props) === null || _c === void 0 ? void 0 : _c.length);
@@ -2314,7 +2144,7 @@ class GroupingRowPlugin extends base_plugin.BasePlugin {
         return false;
     }
     setColumns({ columns }) {
-        for (let type of base_plugin.columnTypes) {
+        for (let type of column_utils.columnTypes) {
             if (this.setColumnGrouping(columns[type])) {
                 break;
             }
@@ -2433,7 +2263,7 @@ class GroupingRowPlugin extends base_plugin.BasePlugin {
             this.doSourceUpdate(Object.assign({}, options));
         }
         // props exist and columns inited
-        for (let t of base_plugin.columnTypes) {
+        for (let t of column_utils.columnTypes) {
             if (this.setColumnGrouping(this.providers.column.getColumns(t))) {
                 this.providers.column.refreshByType(t);
                 break;
@@ -2445,7 +2275,7 @@ class GroupingRowPlugin extends base_plugin.BasePlugin {
     // clear grouping
     clearGrouping() {
         // clear columns
-        base_plugin.columnTypes.forEach(t => {
+        column_utils.columnTypes.forEach(t => {
             const cols = this.providers.column.getColumns(t);
             let deleted = false;
             cols.forEach(c => {
@@ -2516,7 +2346,7 @@ class ViewportService {
         // Transform data from stores and apply it to different components
         const columns = [];
         let x = 0; // we increase x only if column present
-        base_plugin.columnTypes.forEach(val => {
+        column_utils.columnTypes.forEach(val => {
             const colStore = config.columnProvider.stores[val].store;
             // only columns that have data show
             if (!colStore.get('items').length) {
@@ -2609,7 +2439,7 @@ class ViewportService {
         };
         // y position for selection
         let y = 0;
-        return base_plugin.rowTypes.reduce((result, type) => {
+        return column_utils.rowTypes.reduce((result, type) => {
             // filter out empty sources, we still need to return source to keep slot working
             const isPresent = data.viewports[type].store.get('realCount') || type === 'rgRow';
             const rgCol = Object.assign(Object.assign({}, data), { position: Object.assign(Object.assign({}, data.position), { y: isPresent ? y : selection_helpers.EMPTY_INDEX }) });
@@ -2739,9 +2569,9 @@ class GridScrollingService {
             if (elKey === key) {
                 continue;
             }
-            if (base_plugin.columnTypes.includes(key) &&
+            if (column_utils.columnTypes.includes(key) &&
                 (elKey === 'headerRow' ||
-                    base_plugin.columnTypes.includes(elKey))) {
+                    column_utils.columnTypes.includes(elKey))) {
                 for (let el of this.elements[elKey]) {
                     await ((_a = el.changeScroll) === null || _a === void 0 ? void 0 : _a.call(el, e, true));
                 }
@@ -2827,7 +2657,7 @@ const OrderRenderer = ({ ref }) => {
         index$1.h("div", { class: "drag-position", ref: e => (service.rgRow = e) })));
 };
 
-class StretchColumn extends base_plugin.BasePlugin {
+class StretchColumn extends column_utils.BasePlugin {
     constructor(revogrid, providers) {
         super(revogrid, providers);
         this.providers = providers;
@@ -3021,7 +2851,7 @@ const DRAG_END = 'columndragend';
 const BEFORE_DRAG_END = 'beforecolumndragend';
 // use this event subscription to drop D&D for particular columns
 const DRAG_START = 'columndragstart';
-class ColumnPlugin extends base_plugin.BasePlugin {
+class ColumnPlugin extends column_utils.BasePlugin {
     constructor(revogrid, providers) {
         super(revogrid, providers);
         this.revogrid = revogrid;
@@ -3067,7 +2897,7 @@ class ColumnPlugin extends base_plugin.BasePlugin {
             return;
         }
         // no grouping drag and no row header column drag
-        if (isColGrouping(data) || data.providers.type === 'rowHeaders') {
+        if (column_utils.isColGrouping(data) || data.providers.type === 'rowHeaders') {
             return;
         }
         const cols = this.getDimension(data.pin || 'rgCol');
@@ -3339,7 +3169,7 @@ const RevoGridComponent = class {
     /**  Open editor for cell. */
     async setCellEdit(rgRow, prop, rowSource = 'rgRow') {
         var _a;
-        const rgCol = ColumnDataProvider.getColumnByProp(this.columns, prop);
+        const rgCol = column_utils.getColumnByProp(this.columns, prop);
         if (!rgCol) {
             return;
         }
@@ -3563,7 +3393,7 @@ const RevoGridComponent = class {
         this.columnChanged(this.columns);
     }
     columnChanged(newVal = []) {
-        const columnGather = ColumnDataProvider.getColumns(newVal, 0, this.columnTypes);
+        const columnGather = column_utils.getColumns(newVal, 0, this.columnTypes);
         this.beforecolumnsset.emit(columnGather);
         this.dimensionProvider.applyNewColumns(columnGather.columns, this.disableVirtualX);
         this.beforecolumnapplied.emit(columnGather);
@@ -3873,7 +3703,7 @@ const RevoGridComponent = class {
             const headerProperties = Object.assign(Object.assign({}, view.headerProp), { type: view.type, additionalData: this.additionalData, viewportCol: view.viewportCol, selectionStore: view.columnSelectionStore, canResize: this.resize, readonly: this.readonly, columnFilter: !!this.filter });
             // Column headers
             const dataViews = [
-                index$1.h("revogr-header", Object.assign({ key: 'b08c837765cf20c88cb5b253a876f0f442c31628' }, headerProperties, { slot: column_service.HEADER_SLOT })),
+                index$1.h("revogr-header", Object.assign({ key: 'bada77126c317da09a9826312186c16617c7b0af' }, headerProperties, { slot: column_service.HEADER_SLOT })),
             ];
             // Render viewport data (vertical sections)
             view.dataPorts.forEach(data => {
@@ -3895,12 +3725,12 @@ const RevoGridComponent = class {
         const typeCol = 'rgCol';
         const viewports = this.viewportProvider.stores;
         const dimensions = this.dimensionProvider.stores;
-        return (index$1.h(index$1.Host, { key: '057a2cf1a64aaeec12d2aca17b09316fb3cbfde6' }, this.hideAttribution ? null : (index$1.h("revogr-attribution", { class: "attribution" })), index$1.h("div", { key: 'e89e3d136d756f80421f42f47e09583985edb1bc', class: "main-viewport", onClick: (e) => {
+        return (index$1.h(index$1.Host, { key: '9b95aef4de8af770036a733986e7e0fe2dd3ffda' }, this.hideAttribution ? null : (index$1.h("revogr-attribution", { class: "attribution" })), index$1.h("div", { key: '68dbc0fca826a0089402157d301c49a0776e9007', class: "main-viewport", onClick: (e) => {
                 var _a;
                 if (e.currentTarget === e.target) {
                     (_a = this.viewport) === null || _a === void 0 ? void 0 : _a.clearEdit();
                 }
-            } }, index$1.h("div", { key: '177db78970907d36b8d56549386a18a683573944', class: "viewports" }, index$1.h("slot", { key: '481d830a232b1969fcaa2519a5306fafaff58fb4', name: "viewport" }), viewportSections, index$1.h("revogr-scroll-virtual", { key: '6a123b2e84bec95d7a63a73322fe167248e8415e', class: "vertical", dimension: typeRow, viewportStore: viewports[typeRow].store, dimensionStore: dimensions[typeRow].store, ref: el => this.scrollingService.registerElement(el, 'rowScroll'), onScrollvirtual: e => this.scrollingService.proxyScroll(e.detail) }), index$1.h(OrderRenderer, { key: 'fea1be24668f2039746fff93d0ab5e76d932a166', ref: e => (this.orderService = e) }))), index$1.h("revogr-scroll-virtual", { key: '74c6e05c81b2782320755c910b098edf8858d6db', class: "horizontal", dimension: typeCol, viewportStore: viewports[typeCol].store, dimensionStore: dimensions[typeCol].store, ref: el => this.scrollingService.registerElement(el, 'colScroll'), onScrollvirtual: e => this.scrollingService.proxyScroll(e.detail) }), this.extraElements));
+            } }, index$1.h("div", { key: '6f927e04dd8c7e542a87fdc0a4f6d74248c65ccb', class: "viewports" }, index$1.h("slot", { key: 'b6d421fa412b34ce9821cd1fa30a80ae37282f37', name: "viewport" }), viewportSections, index$1.h("revogr-scroll-virtual", { key: '4ce3045201685f6c6c617c84fddc5a3d531034bd', class: "vertical", dimension: typeRow, viewportStore: viewports[typeRow].store, dimensionStore: dimensions[typeRow].store, ref: el => this.scrollingService.registerElement(el, 'rowScroll'), onScrollvirtual: e => this.scrollingService.proxyScroll(e.detail) }), index$1.h(OrderRenderer, { key: 'e5bd92c37bdc31f0601a4d4cf4a62026e0e25406', ref: e => (this.orderService = e) }))), index$1.h("revogr-scroll-virtual", { key: 'dbda0fb90cf6a9eb6ac66ca16bcff30cf254b1e1', class: "horizontal", dimension: typeCol, viewportStore: viewports[typeCol].store, dimensionStore: dimensions[typeCol].store, ref: el => this.scrollingService.registerElement(el, 'colScroll'), onScrollvirtual: e => this.scrollingService.proxyScroll(e.detail) }), this.extraElements));
     }
     disconnectedCallback() {
         // Remove all plugins, to avoid memory leaks and unexpected behaviour when the component is removed