lsp-grid 1.0.0

package/dist/collection/serve/controller.js

@@ -0,0 +1,344 @@
+import { generateFakeDataObject } from './data.js';
+
+/**
+ * Map of prevented events
+ */
+window.eventsPrevented = {};
+
+/**
+ * Toggle row headers visibility
+ * @param {boolean} isShow - Show row headers if true, hide otherwise
+ */
+window.showRowHeaders = function (isShow) {
+  const grid = document.querySelector('revo-grid');
+  grid.rowHeaders = isShow;
+};
+
+/**
+ * Toggle column grouping visibility
+ * @param {boolean} isShow - Show column grouping if true, hide otherwise
+ */
+window.showColGrouping = function (isShow) {
+  setData({
+    groupedHeader: isShow,
+  });
+};
+
+/**
+ * Set row size
+ * @param {number} s - Row size
+ */
+window.setRowSize = function (s) {
+  const grid = document.querySelector('revo-grid');
+  grid.rowSize = s;
+};
+
+/**
+ * Start editing cell
+ * @param {number} rgRow - Row index
+ * @param {string} prop - Column property
+ */
+window.setEdit = function (rgRow, prop) {
+  const grid = document.querySelector('revo-grid');
+  grid.setCellEdit(rgRow, prop);
+};
+
+/**
+ * Scroll to column
+ * @param {number} [x=30] - Column index
+ */
+window.scrollToCol = function (x = 30) {
+  const grid = document.querySelector('revo-grid');
+  grid.scrollToColumnProp(x);
+};
+
+/**
+ * Clear grouping
+ */
+window.clearGrouping = function () {
+  const grid = document.querySelector('revo-grid');
+  grid.grouping = {};
+};
+
+/**
+ * Set row grouping
+ * @param {Array} props - Array of properties to group by
+ * @param {boolean} expandedAll - Expand all groups if true, collapse otherwise
+ */
+window.setGrouping = function (props = [], expandedAll = false) {
+  const grid = document.querySelector('revo-grid');
+  grid.grouping = {
+    props,
+    expandedAll,
+    prevExpanded: { 'a': true, 'a,c': true },
+    groupLabelTemplate(createElement, { name, depth, expanded, providers }) {
+      if (providers.colType !== 'rgCol') return;
+      return createElement('span', null, `${expanded ? '-' : '+'} ${props[depth]}: ${name}`);
+    },
+  };
+};
+
+/**
+ * Set trimmed rows
+ * @param {Array} rows - Array of row indexes to trim
+ */
+window.setTrimmed = function (rows = []) {
+  const grid = document.querySelector('revo-grid');
+  grid.trimmedRows = rows.reduce((r, v) => {
+    r[v] = true;
+    return r;
+  }, {});
+};
+
+/**
+ * Export grid
+ * @param {string} [filename='new file'] - File name
+ */
+window.exportGrid = function (filename = 'new file') {
+  const grid = document.querySelector('revo-grid');
+  grid.getPlugins().then(plugins => {
+    plugins.forEach(p => {
+      if (p.exportFile) {
+        const exportPlugin = p;
+        exportPlugin.exportFile({ filename });
+      }
+    });
+  });
+};
+
+let defaultData = {
+  rows: 0,
+  cols: 0,
+  rowDrag: 0,
+  topPinned: [],
+  bottomPinned: [],
+  colPinEnd: [],
+  colPinStart: [],
+};
+
+/**
+ * Set data
+ * @param {Object} [config={}] - Data configuration
+ */
+window.setData = function (config = {}) {
+  defaultData = { ...defaultData, ...config };
+  const $loader = document.querySelector('.loader');
+  $loader.style.display = 'block';
+  setTimeout(() => {
+    const grid = document.querySelector('revo-grid');
+    const data = generateFakeDataObject(defaultData);
+
+    grid.columns = data.headers;
+    grid.source = data.rows;
+
+    grid.pinnedTopSource = data.pinnedTopRows;
+    grid.pinnedBottomSource = data.pinnedBottomRows;
+    $loader.style.display = 'none';
+  }, 0);
+};
+
+window.setRtl = function (checked) {
+  const grid = document.querySelector('revo-grid');
+  grid.rtl = checked;
+  window.document.dir = checked ? 'rtl' : 'ltr';
+};
+
+/**
+ * Set pinned rows/columns
+ * @param {string} type - Type of pinned rows/columns
+ * @param {boolean} checked - True if rows/columns are pinned, false otherwise
+ */
+window.setPinned = function (type, checked) {
+  const val = [];
+  if (checked) {
+    switch (type) {
+      case 'colPinStart':
+        val.push(0);
+        break;
+      case 'colPinEnd':
+        val.push(1);
+        break;
+      case 'topPinned':
+        val.push(0);
+        break;
+      case 'bottomPinned':
+        val.push(1);
+        break;
+    }
+  }
+  setData({
+    [type]: val,
+  });
+};
+
+/**
+ * Prevent event debug
+ * @param {string} name - Event name
+ * @param {boolean} checked - True if event should be prevented, false otherwise
+ */
+window.preventEvent = function (name, checked) {
+  eventsPrevented[name] = checked;
+};
+
+let keys = 2;
+let attrs = {};
+
+/**
+ * Toggle visibility of grid
+ * @param {boolean} checked - True if grid is visible, false otherwise
+ */
+window.toggleVisibility = function (checked) {
+  if (!checked) {
+    const grid = document.querySelector('revo-grid');
+    attrs = {};
+    // Get all attributes from the source element
+    const attributes = grid.attributes;
+
+    // Loop through the attributes and set them on the target element
+    for (let i = 0; i < attributes.length; i++) {
+      const attribute = attributes[i];
+      attrs[attribute.name] = attribute.value;
+    }
+    grid.remove();
+  } else {
+    const holder = document.querySelector('.grid-holder');
+    const grid = document.createElement('revo-grid', { is: 'revo-grid' });
+    // Recover attributes
+    Object.keys(attrs).forEach(key => {
+      grid.setAttribute(key, attrs[key]);
+    });
+    grid.setAttribute('key', keys++);
+    holder.appendChild(grid);
+    setData();
+  }
+};
+
+let timerUpdateInterval;
+
+/**
+ * Toggle timer update
+ * @param {boolean} checked - True if timer should be updated, false otherwise
+ * @param {number} [inteval=3] - Update interval in seconds
+ */
+window.timerUpdate = function (checked, inteval = 3) {
+  clearInterval(timerUpdateInterval);
+  if (checked) {
+    timerUpdateInterval = setInterval(() => {
+      const grid = document.querySelector('revo-grid');
+      grid.source = [...grid.source];
+    }, inteval * 1000);
+  }
+};
+
+/**
+ * Set theme
+ * @param {string} theme - Theme name
+ */
+window.theme = function (theme) {
+  const grid = document.querySelector('revo-grid');
+  if (theme && theme.indexOf('dark') > -1) {
+    document.documentElement.setAttribute('data-bs-theme', 'dark');
+  } else {
+    document.documentElement.removeAttribute('data-bs-theme');
+  }
+  grid.theme = theme || 'default';
+};
+
+window.onload = onLoad;
+
+window.clearFilter = () => {
+  const grid = document.querySelector('revo-grid');
+  grid.filter = {};
+};
+
+window.sortColumn = (columnProp= 0, additive = false) => {
+  const grid = document.querySelector('revo-grid');
+  grid.updateColumnSorting({
+    prop: columnProp,
+  }, 'asc', additive);
+};
+
+window.clearSorting = () => {
+  const grid = document.querySelector('revo-grid');
+  grid.clearSorting();
+};
+
+window.setFilter = () => {
+  const grid = document.querySelector('revo-grid');
+  const filterFunc = (cellValue, extraValue) => {
+    if (!cellValue) {
+      return false;
+    }
+    if (typeof cellValue !== 'string') {
+      cellValue = JSON.stringify(cellValue);
+    }
+    return cellValue === extraValue;
+  };
+  // if you want extra input field for @extraValue
+  filterFunc.extra = 'input';
+
+  const filterConfig = {
+    // include: ['newEqual'],
+    customFilters: {
+      newEqual: {
+        columnFilterType: 'myFilterType', // column filter type id
+        name: 'myEqual',
+        func: filterFunc,
+      },
+    },
+    disableDynamicFiltering: true,
+    multiFilterItems: {
+      0: [
+        {
+          type: "contains",
+          value: '9:0',
+        },
+      ],
+    },
+  };
+
+  grid.filter = filterConfig;
+};
+
+/**
+ * On load function
+ */
+function onLoad() {
+  const grid = document.querySelector('revo-grid');
+
+  grid.readonly = false;
+  grid.range = true;
+  grid.resize = true;
+  grid.filter = true;
+
+  grid.exporting = true;
+  grid.rowHeaders = true;
+  // grid.rowDefinitions = [{
+  //   size: 200,
+  //   type: 'rgRow',
+  //   index: 2,
+  // }];
+  // grid.stretch = true;
+  /* 
+  grid.autoSizeColumn = {
+    mode: 'autoSizeAll',
+  };*/
+  // default
+  setData({ rows: 100, cols: 100 });
+
+  // events testing
+  // 'beforerange', 'setRange', 'beforefocuslost', 'beforecellfocus', 'afterfocus', 'beforeedit', 'aftercolumnresize'
+  const events = ['aftercolumnresize'];
+  events.forEach(e => {
+    grid.addEventListener(e, $e => {
+      if (window.eventsPrevented[e]) {
+        $e.preventDefault();
+      }
+      console.log(
+        `%c${e}`,
+        'background: #50d260; color: #fff; border-radius: 3px; padding: 2px 5px;',
+        $e,
+      );
+    });
+  });
+}

package/dist/collection/serve/data.js

@@ -0,0 +1,201 @@
+function generateHeader(index) {
+  const asciiFirstLetter = 65;
+  const lettersCount = 26;
+  let div = index + 1;
+  let label = '';
+  let pos;
+  while (div > 0) {
+    pos = (div - 1) % lettersCount;
+    label = String.fromCharCode(asciiFirstLetter + pos) + label;
+    div = parseInt(((div - pos) / lettersCount).toString(), 10);
+  }
+  return label.toLowerCase();
+}
+
+/**
+ * Custom sorting apply
+ */
+function naturalSort(prop, a, b) {
+  // check if it's grouping
+  const aValue = a['__rvgr-value'] || a[prop];
+  const bValue = b['__rvgr-value'] || b[prop];
+  return aValue.localeCompare(bValue, 'en', { numeric: true });
+}
+
+const DEFAULT_CONFIG = {
+  topPinned: [],
+  groupedHeader: false,
+  bottomPinned: [],
+  colPinStart: [],
+  colPinEnd: [],
+  rowDrag: 0,
+  rows: 0,
+  cols: 0,
+  order: undefined,
+};
+
+export function generateFakeDataObject(config = {}) {
+  const {
+    topPinned,
+    bottomPinned,
+    colPinStart,
+    colPinEnd,
+    groupedHeader,
+
+    rowDrag,
+    rows,
+    cols,
+    order,
+  } = {
+    ...DEFAULT_CONFIG,
+    ...config,
+  };
+
+  let result = [];
+  const columns = {};
+  // all cells
+  const all = cols * rows;
+  for (let j = 0; j < all; j++) {
+    let rgCol = j % cols;
+    let rgRow = (j / cols) | 0;
+    if (!result[rgRow]) {
+      result[rgRow] = {};
+
+      if (rgRow === 2) {
+        // highlighted
+        result[rgRow]['row-style'] = 'highlighted-row';
+      }
+
+      // apply different key for grouping
+      if (rgRow % 2) {
+        result[rgRow].key = 'a';
+      } else {
+        result[rgRow].key = 'b';
+      }
+      if (rgRow % 4) {
+        result[rgRow].key2 = 'c';
+      } else if (rgRow % 3) {
+        result[rgRow].key2 = 'd';
+      }
+    }
+    if (!columns[rgCol]) {
+      columns[rgCol] = {
+        name: generateHeader(rgCol),
+        prop: rgCol,
+        sortable: true,
+        size: 100,
+        // custom sorting except of 0 row
+        cellCompare: !!rgCol && rgCol % 2 == 0 ? naturalSort : undefined,
+        cellProperties: ({ colIndex }) => ({
+          className: {
+            'first-column': colIndex === 0,
+          },
+          class: {
+            'first-column-class': colIndex === 0,
+          }
+        })
+
+        // custom filter
+        // filter: 'myFilterType',
+      };
+
+      // apply config
+      if (colPinStart.indexOf(j) > -1) {
+        columns[rgCol].pin = 'colPinStart';
+      }
+      // apply config
+      if (colPinEnd.indexOf(j) > -1) {
+        columns[rgCol].pin = 'colPinEnd';
+      }
+      if (!rgCol) {
+        columns[rgCol].order = 'desc';
+        columns[rgCol].sortable = true;
+      }
+    }
+    result[rgRow][rgCol] = `${rgRow}:${rgCol}`; // rgRow % 5 ? rgCol : rgRow % 3 ? (rgCol % 3 ? 2 : 3) : rgRow; // rgRow + ':' + rgCol;
+
+    if (rgCol === 0) {
+      columns[rgCol].cellProperties = ({ rowIndex }) => {
+        return {
+          'custom-row-index': rowIndex
+        };
+      }
+
+      columns[rgCol].rowDrag = true;
+      
+      // columns[rgCol].cellParser = () => 'a';
+      // columns[rgCol].cellTemplate = (h, { value }) => {
+      //   // delay
+      //   for(let i = 0; i < 10000000; i++) {
+      //     // do nothing, this is just to slow down to test performance
+      //   }
+      //   return value;
+      // }
+    }
+    // apply config
+    if (rgCol === rowDrag) {
+      columns[rgCol].rowDrag = true;
+    }
+    // apply config
+    if (rgCol === order) {
+      columns[rgCol].order = 'desc';
+    }
+  }
+  const pinnedTopRows = [];
+  const pinnedBottomRows = [];
+  if (topPinned?.length || bottomPinned?.length) {
+    result = result.filter((row, i) => {
+      if (topPinned.indexOf(i) > -1) {
+        pinnedTopRows.push({ ...row });
+        return false;
+      }
+      if (bottomPinned.indexOf(i) > -1) {
+        pinnedBottomRows.push({ ...row });
+        return false;
+      }
+      return true;
+    });
+  }
+  let headers = Object.keys(columns).map(k => columns[k]);
+
+  if (groupedHeader && headers.length > 2) {
+    const grouped = headers.splice(1, Math.min(headers.length - 1, 30));
+    const grouped2 = grouped.splice(0, Math.min(headers.length - 1, 2));
+    grouped2.length && grouped.push({
+      name: 'Grouped2',
+      children: grouped2,
+      columnTemplate: (h, { value }) => {
+        return h('div', {
+          class: 'grouped-header',
+        }, 'Grouped2');
+      },
+    });
+    grouped.length && headers.splice(
+      6,
+      0,
+      ...[
+        {
+          name: 'Grouped',
+          children: grouped,
+        },
+      ],
+    );
+    const grouped4 = headers.splice(0, Math.min(headers.length - 1, 4));
+    grouped4.length && headers.splice(
+      0,
+      0,
+      ...[
+        {
+          name: 'Grouped3',
+          children: grouped4,
+        },
+      ],
+    );
+  }
+  return {
+    rows: result,
+    pinnedTopRows,
+    pinnedBottomRows,
+    headers,
+  };
+}

package/dist/collection/services/cell.helpers.js

@@ -0,0 +1,12 @@
+/*!
+ * Built by LevelSkill.Pro
+ */
+import { DATA_COL, DATA_ROW } from "../utils/consts";
+export function getCell(cell) {
+    var _a, _b;
+    return {
+        x: parseInt((_a = cell.getAttribute(DATA_COL)) !== null && _a !== void 0 ? _a : '0', 10),
+        y: parseInt((_b = cell.getAttribute(DATA_ROW)) !== null && _b !== void 0 ? _b : '0', 10),
+    };
+}
+//# sourceMappingURL=cell.helpers.js.map

package/dist/collection/services/cell.helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cell.helpers.js","sourceRoot":"","sources":["../../src/services/cell.helpers.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,UAAU,OAAO,CAAC,IAAiB;;IACvC,OAAO;QACL,CAAC,EAAE,QAAQ,CAAC,MAAA,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,mCAAI,GAAG,EAAE,EAAE,CAAC;QACnD,CAAC,EAAE,QAAQ,CAAC,MAAA,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,mCAAI,GAAG,EAAE,EAAE,CAAC;KACpD,CAAC;AACJ,CAAC","sourcesContent":["import type { Cell } from '@type';\r\nimport { DATA_COL, DATA_ROW } from '../utils/consts';\r\n\r\nexport function getCell(cell: HTMLElement): Cell {\r\n  return {\r\n    x: parseInt(cell.getAttribute(DATA_COL) ?? '0', 10),\r\n    y: parseInt(cell.getAttribute(DATA_ROW) ?? '0', 10),\r\n  };\r\n}\r\n"]}

package/dist/collection/services/column.data.provider.js

@@ -0,0 +1,119 @@
+/*!
+ * Built by LevelSkill.Pro
+ */
+import reduce from "lodash/reduce";
+import { columnTypes, DataStore, getSourceItem, getSourceItemVirtualIndexByProp, setSourceByPhysicalIndex, setSourceByVirtualIndex, } from "../store/index";
+import { getColumnType } from "../utils/column.utils";
+export default class ColumnDataProvider {
+    get stores() {
+        return this.dataSources;
+    }
+    constructor() {
+        this.collection = null;
+        this.dataSources = columnTypes.reduce((sources, k) => {
+            sources[k] = new DataStore(k);
+            return sources;
+        }, {});
+    }
+    column(c, type = 'rgCol') {
+        return this.getColumn(c, type);
+    }
+    getColumn(virtualIndex, type) {
+        return getSourceItem(this.dataSources[type].store, virtualIndex);
+    }
+    getRawColumns() {
+        return reduce(this.dataSources, (result, item, type) => {
+            result[type] = item.store.get('source');
+            return result;
+        }, {
+            rgCol: [],
+            colPinStart: [],
+            colPinEnd: [],
+        });
+    }
+    getColumns(type = 'all') {
+        const columnsByType = this.getRawColumns();
+        if (type !== 'all') {
+            return columnsByType[type];
+        }
+        return columnTypes.reduce((r, t) => [...r, ...columnsByType[t]], []);
+    }
+    getColumnIndexByProp(prop, type) {
+        return getSourceItemVirtualIndexByProp(this.dataSources[type].store, prop);
+    }
+    getColumnByProp(prop) {
+        var _a;
+        return (_a = this.collection) === null || _a === void 0 ? void 0 : _a.columnByProp[prop];
+    }
+    refreshByType(type) {
+        this.dataSources[type].refresh();
+    }
+    /**
+     * Main method to set columns
+     */
+    setColumns(data) {
+        columnTypes.forEach(k => {
+            // set columns data
+            this.dataSources[k].updateData(data.columns[k], {
+                // max depth level
+                depth: data.maxLevel,
+                // groups
+                groups: data.columnGrouping[k].reduce((res, g) => {
+                    if (!res[g.level]) {
+                        res[g.level] = [];
+                    }
+                    res[g.level].push(g);
+                    return res;
+                }, {}),
+            });
+        });
+        this.collection = data;
+        return data;
+    }
+    /**
+     * Used in plugins
+     * Modify columns in store
+     */
+    updateColumns(updatedColumns) {
+        // collect column by type and propert
+        const columnByKey = updatedColumns.reduce((res, c) => {
+            const type = getColumnType(c);
+            if (!res[type]) {
+                res[type] = {};
+            }
+            res[type][c.prop] = c;
+            return res;
+        }, {});
+        // find indexes in source
+        const colByIndex = {};
+        for (const t in columnByKey) {
+            if (!columnByKey.hasOwnProperty(t)) {
+                continue;
+            }
+            const type = t;
+            const colsToUpdate = columnByKey[type];
+            const sourceItems = this.dataSources[type].store.get('source');
+            colByIndex[type] = {};
+            for (let i = 0; i < sourceItems.length; i++) {
+                const column = sourceItems[i];
+                const colToUpdateIfExists = colsToUpdate === null || colsToUpdate === void 0 ? void 0 : colsToUpdate[column.prop];
+                // update column if exists in source
+                if (colToUpdateIfExists) {
+                    colByIndex[type][i] = colToUpdateIfExists;
+                }
+            }
+        }
+        for (const t in colByIndex) {
+            if (!colByIndex.hasOwnProperty(t)) {
+                continue;
+            }
+            const type = t;
+            setSourceByPhysicalIndex(this.dataSources[type].store, colByIndex[type] || {});
+        }
+    }
+    updateColumn(column, index) {
+        const type = getColumnType(column);
+        setSourceByVirtualIndex(this.dataSources[type].store, { [index]: column });
+    }
+}
+//# sourceMappingURL=column.data.provider.js.map

package/dist/collection/services/column.data.provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"column.data.provider.js","sourceRoot":"","sources":["../../src/services/column.data.provider.ts"],"names":[],"mappings":"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","sourcesContent":["import reduce from 'lodash/reduce';\r\nimport {\r\n  columnTypes,\r\n  DataStore,\r\n  getSourceItem,\r\n  getSourceItemVirtualIndexByProp,\r\n  Groups,\r\n  setSourceByPhysicalIndex,\r\n  setSourceByVirtualIndex,\r\n} from '@store';\r\nimport type {\r\n  ColumnProp,\r\n  ColumnRegular,\r\n  DimensionCols,\r\n} from '@type';\r\nimport { ColumnCollection, getColumnType } from '../utils/column.utils';\r\n\r\nexport type ColumnDataSources = Record<\r\n  DimensionCols,\r\n  DataStore<ColumnRegular, DimensionCols>\r\n>;\r\n\r\nexport default class ColumnDataProvider {\r\n  readonly dataSources: ColumnDataSources;\r\n  collection: ColumnCollection | null = null;\r\n\r\n  get stores() {\r\n    return this.dataSources;\r\n  }\r\n  constructor() {\r\n    this.dataSources = columnTypes.reduce(\r\n      (sources: ColumnDataSources, k: DimensionCols) => {\r\n        sources[k] = new DataStore(k);\r\n        return sources;\r\n      },\r\n      {} as ColumnDataSources,\r\n    );\r\n  }\r\n\r\n  column(c: number, type: DimensionCols = 'rgCol'): ColumnRegular | undefined {\r\n    return this.getColumn(c, type);\r\n  }\r\n\r\n  getColumn(\r\n    virtualIndex: number,\r\n    type: DimensionCols,\r\n  ): ColumnRegular | undefined {\r\n    return getSourceItem(this.dataSources[type].store, virtualIndex);\r\n  }\r\n\r\n  getRawColumns(): Record<DimensionCols, ColumnRegular[]> {\r\n    return reduce(\r\n      this.dataSources,\r\n      (\r\n        result: Record<DimensionCols, ColumnRegular[]>,\r\n        item,\r\n        type: DimensionCols,\r\n      ) => {\r\n        result[type] = item.store.get('source');\r\n        return result;\r\n      },\r\n      {\r\n        rgCol: [],\r\n        colPinStart: [],\r\n        colPinEnd: [],\r\n      },\r\n    );\r\n  }\r\n\r\n  getColumns(type: DimensionCols | 'all' = 'all'): ColumnRegular[] {\r\n    const columnsByType = this.getRawColumns();\r\n    if (type !== 'all') {\r\n      return columnsByType[type];\r\n    }\r\n    return columnTypes.reduce((r: ColumnRegular[], t) => [...r, ...columnsByType[t]], []);\r\n  }\r\n\r\n  getColumnIndexByProp(prop: ColumnProp, type: DimensionCols): number {\r\n    return getSourceItemVirtualIndexByProp(this.dataSources[type].store, prop);\r\n  }\r\n\r\n  getColumnByProp(prop: ColumnProp) {\r\n    return this.collection?.columnByProp[prop];\r\n  }\r\n\r\n  refreshByType(type: DimensionCols) {\r\n    this.dataSources[type].refresh();\r\n  }\r\n\r\n  /**\r\n   * Main method to set columns\r\n   */\r\n  setColumns(data: ColumnCollection): ColumnCollection {\r\n    columnTypes.forEach(k => {\r\n      // set columns data\r\n      this.dataSources[k].updateData(data.columns[k], {\r\n        // max depth level\r\n        depth: data.maxLevel,\r\n\r\n        // groups\r\n        groups: data.columnGrouping[k].reduce((res: Groups, g) => {\r\n          if (!res[g.level]) {\r\n            res[g.level] = [];\r\n          }\r\n          res[g.level].push(g);\r\n          return res;\r\n        }, {}),\r\n      });\r\n    });\r\n    this.collection = data;\r\n    return data;\r\n  }\r\n\r\n  /**\r\n   * Used in plugins\r\n   * Modify columns in store\r\n   */\r\n  updateColumns(updatedColumns: ColumnRegular[]) {\r\n    // collect column by type and propert\r\n    const columnByKey = updatedColumns.reduce(\r\n      (\r\n        res: Partial<Record<DimensionCols, Record<ColumnProp, ColumnRegular>>>,\r\n        c,\r\n      ) => {\r\n        const type = getColumnType(c);\r\n        if (!res[type]) {\r\n          res[type] = {};\r\n        }\r\n        res[type][c.prop] = c;\r\n        return res;\r\n      },\r\n      {},\r\n    );\r\n\r\n    // find indexes in source\r\n    const colByIndex: Partial<\r\n      Record<DimensionCols, Record<number, ColumnRegular>>\r\n    > = {};\r\n    for (const t in columnByKey) {\r\n      if (!columnByKey.hasOwnProperty(t)) {\r\n        continue;\r\n      }\r\n      const type = t as DimensionCols;\r\n      const colsToUpdate = columnByKey[type];\r\n      const sourceItems = this.dataSources[type].store.get('source');\r\n      colByIndex[type] = {};\r\n      for (let i = 0; i < sourceItems.length; i++) {\r\n        const column = sourceItems[i];\r\n        const colToUpdateIfExists = colsToUpdate?.[column.prop];\r\n\r\n        // update column if exists in source\r\n        if (colToUpdateIfExists) {\r\n          colByIndex[type][i] = colToUpdateIfExists;\r\n        }\r\n      }\r\n    }\r\n    for (const t in colByIndex) {\r\n      if (!colByIndex.hasOwnProperty(t)) {\r\n        continue;\r\n      }\r\n      const type = t as DimensionCols;\r\n      setSourceByPhysicalIndex(\r\n        this.dataSources[type].store,\r\n        colByIndex[type] || {},\r\n      );\r\n    }\r\n  }\r\n\r\n  updateColumn(column: ColumnRegular, index: number) {\r\n    const type = getColumnType(column);\r\n    setSourceByVirtualIndex(this.dataSources[type].store, { [index]: column });\r\n  }\r\n}\r\n"]}