@revolist/revogrid 4.9.36 → 4.9.38

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

@@ -6,15 +6,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-10d10c55.js');
-const column_service = require('./column.service-e9ab1aa3.js');
-const column_drag_plugin = require('./column.drag.plugin-ffe1918f.js');
-const index = require('./index-947f3534.js');
+const column_service = require('./column.service-163f9bb6.js');
+const column_drag_plugin = require('./column.drag.plugin-f08cae65.js');
 const debounce = require('./debounce-ec7a04b4.js');
-const rowHeaderUtils = require('./row-header-utils-fe2264e7.js');
+const index = require('./index-3ab26ab9.js');
+const rowHeaderUtils = require('./row-header-utils-4c24a341.js');
 const viewport_helpers = require('./viewport.helpers-e59a544e.js');
 const events = require('./events-af8f6914.js');
 require('./filter.button-b8debe72.js');
-require('./header-cell-renderer-57fb8f18.js');
+require('./header-cell-renderer-7b8588ea.js');
 
 class ThemeCompact {
     constructor() {
@@ -230,14 +230,14 @@ class GroupingRowPlugin extends column_drag_plugin.BasePlugin {
     onExpand({ virtualIndex }) {
         const { source } = this.getSource();
         let newTrimmed = this.trimmed[TRIMMED_GROUPING];
-        let i = index.getPhysical(this.store, virtualIndex);
+        let i = column_service.getPhysical(this.store, virtualIndex);
         const model = source[i];
         const prevExpanded = model[column_service.GROUP_EXPANDED];
         if (!prevExpanded) {
             const { trimmed, items } = doExpand(virtualIndex, source, this.rowItems);
             newTrimmed = Object.assign(Object.assign({}, newTrimmed), trimmed);
             if (items) {
-                index.setItems(this.store, items);
+                column_service.setItems(this.store, items);
             }
         }
         else {
@@ -471,7 +471,7 @@ var stringTag = '[object String]';
  */
 function isString(value) {
   return typeof value == 'string' ||
-    (!index.isArray(value) && debounce.isObjectLike(value) && debounce.baseGetTag(value) == stringTag);
+    (!column_service.isArray(value) && debounce.isObjectLike(value) && debounce.baseGetTag(value) == stringTag);
 }
 
 /**
@@ -481,7 +481,7 @@ function isString(value) {
  * @param {string} string The string inspect.
  * @returns {number} Returns the string size.
  */
-var asciiSize = index.baseProperty('length');
+var asciiSize = column_service.baseProperty('length');
 
 const asciiSize$1 = asciiSize;
 
@@ -595,14 +595,14 @@ function size(collection) {
   if (collection == null) {
     return 0;
   }
-  if (index.isArrayLike(collection)) {
+  if (column_service.isArrayLike(collection)) {
     return isString(collection) ? stringSize(collection) : collection.length;
   }
-  var tag = index.getTag(collection);
+  var tag = column_service.getTag(collection);
   if (tag == mapTag || tag == setTag) {
     return collection.size;
   }
-  return index.baseKeys(collection).length;
+  return column_service.baseKeys(collection).length;
 }
 
 /**
@@ -615,9 +615,9 @@ function size(collection) {
  * Note: If you prevent an event, it will not proceed to the subsequent steps.
  */
 class SortingPlugin extends column_drag_plugin.BasePlugin {
-    async runSorting(order, comparison) {
+    runSorting(order, comparison) {
         var _a;
-        await this.sort(order, comparison);
+        this.sort(order, comparison);
         (_a = this.sortingPromise) === null || _a === void 0 ? void 0 : _a.call(this);
         this.sortingPromise = null;
     }
@@ -625,8 +625,8 @@ class SortingPlugin extends column_drag_plugin.BasePlugin {
         super(revogrid, providers);
         this.revogrid = revogrid;
         this.sortingPromise = null;
-        this.postponeSort = debounce.debounce(async (order, comparison) => this.runSorting(order, comparison), 50);
-        const beforeanysource = async ({ detail: { type }, }) => {
+        this.postponeSort = debounce.debounce((order, comparison) => this.runSorting(order, comparison), 50);
+        const beforeanysource = ({ detail: { type }, }) => {
             // if sorting was provided - sort data
             if (!!this.sorting && this.sortingFunc) {
                 const beforeEvent = this.emit('beforesorting', { type });
@@ -636,8 +636,8 @@ class SortingPlugin extends column_drag_plugin.BasePlugin {
                 this.startSorting(this.sorting, this.sortingFunc);
             }
         };
-        const aftercolumnsset = async ({ detail: { order }, }) => {
-            const columns = (await this.revogrid.getColumns());
+        const aftercolumnsset = ({ detail: { order }, }) => {
+            const columns = this.providers.column.getColumns();
             const sortingFunc = {};
             for (let prop in order) {
                 const cmp = this.getComparer(column_service.getColumnByProp(columns, prop), order[prop]);
@@ -645,7 +645,7 @@ class SortingPlugin extends column_drag_plugin.BasePlugin {
             }
             this.runSorting(order, sortingFunc);
         };
-        const headerclick = async (e) => {
+        const headerclick = (e) => {
             var _a, _b;
             if (e.defaultPrevented) {
                 return;
@@ -682,7 +682,7 @@ class SortingPlugin extends column_drag_plugin.BasePlugin {
      * Apply sorting to data on header click
      * If additive - add to existing sorting, multiple columns can be sorted
      */
-    async headerclick(column, index, additive) {
+    headerclick(column, index, additive) {
         var _a, _b;
         let order = this.getNextOrder(column.order);
         const beforeEvent = this.emit('beforesorting', { column, order, additive });
@@ -690,7 +690,7 @@ class SortingPlugin extends column_drag_plugin.BasePlugin {
             return;
         }
         order = beforeEvent.detail.order;
-        const newCol = await this.revogrid.updateColumnSorting(beforeEvent.detail.column, index, order, additive);
+        const newCol = this.providers.column.updateColumnSorting(beforeEvent.detail.column, index, order, additive);
         // apply sort data
         const beforeApplyEvent = this.emit('beforesortingapply', {
             column: newCol,
@@ -738,38 +738,37 @@ class SortingPlugin extends column_drag_plugin.BasePlugin {
      * @param sorting - per column sorting
      * @param data - this.stores['rgRow'].store.get('source')
      */
-    async sort(sorting, sortingFunc, types = ['rgRow', 'rowPinStart', 'rowPinEnd']) {
+    sort(sorting, sortingFunc, types = column_drag_plugin.rowTypes) {
         // if no sorting - reset
         if (!size(sorting)) {
             this.sorting = undefined;
             this.sortingFunc = undefined;
             for (let type of types) {
-                const store = await this.revogrid.getSourceStore(type);
+                const storeService = this.providers.data.stores[type];
                 // row data
-                const source = store.get('source');
+                const source = storeService.store.get('source');
                 // row indexes
-                const proxyItems = index.range$1(0, source.length);
-                index.setStore(store, {
-                    proxyItems,
-                    source: [...source],
-                });
+                const proxyItems = storeService.store.get('proxyItems');
+                // row indexes
+                const newItemsOrder = column_service.range(0, source.length);
+                this.providers.dimension.updateSizesPositionByNewDataIndexes(type, newItemsOrder, proxyItems);
+                storeService.setData({ proxyItems: newItemsOrder, source: [...source] });
             }
         }
         else {
             // set sorting
             this.sorting = sorting;
             this.sortingFunc = sortingFunc;
-            // by default it'll sort by rgRow store
-            // todo: support multiple stores
             for (let type of types) {
-                const store = await this.revogrid.getSourceStore(type);
+                const storeService = this.providers.data.stores[type];
                 // row data
-                const source = store.get('source');
+                const source = storeService.store.get('source');
                 // row indexes
-                const proxyItems = store.get('proxyItems');
-                const data = this.sortIndexByItems([...proxyItems], source, sortingFunc);
-                index.setStore(store, {
-                    proxyItems: data,
+                const proxyItems = storeService.store.get('proxyItems');
+                const newItemsOrder = this.sortIndexByItems([...proxyItems], source, sortingFunc);
+                this.providers.dimension.updateSizesPositionByNewDataIndexes(type, newItemsOrder, proxyItems);
+                storeService.setData({
+                    proxyItems: newItemsOrder,
                     source: [...source],
                 });
             }
@@ -844,7 +843,7 @@ class ColumnDataProvider {
         this.sorting = null;
         this.collection = null;
         this.dataSources = column_drag_plugin.columnTypes.reduce((sources, k) => {
-            sources[k] = new index.DataStore(k);
+            sources[k] = new column_service.DataStore(k);
             return sources;
         }, {});
     }
@@ -852,7 +851,7 @@ class ColumnDataProvider {
         return this.getColumn(c, pin || 'rgCol');
     }
     getColumn(virtualIndex, type) {
-        return index.getSourceItem(this.dataSources[type].store, virtualIndex);
+        return column_service.getSourceItem(this.dataSources[type].store, virtualIndex);
     }
     getRawColumns() {
         return column_service.reduce(this.dataSources, (result, item, type) => {
@@ -872,7 +871,7 @@ class ColumnDataProvider {
         return column_drag_plugin.columnTypes.reduce((r, t) => [...r, ...columnsByType[t]], []);
     }
     getColumnIndexByProp(prop, type) {
-        return index.getSourceItemVirtualIndexByProp(this.dataSources[type].store, prop);
+        return column_service.getSourceItemVirtualIndexByProp(this.dataSources[type].store, prop);
     }
     getColumnByProp(prop) {
         var _a;
@@ -939,12 +938,12 @@ class ColumnDataProvider {
                 continue;
             }
             const type = t;
-            index.setSourceByPhysicalIndex(this.dataSources[type].store, colByIndex[type] || {});
+            column_service.setSourceByPhysicalIndex(this.dataSources[type].store, colByIndex[type] || {});
         }
     }
-    updateColumn(column, index$1) {
+    updateColumn(column, index) {
         const type = column_service.getColumnType(column);
-        index.setSourceByVirtualIndex(this.dataSources[type].store, { [index$1]: column });
+        column_service.setSourceByVirtualIndex(this.dataSources[type].store, { [index]: column });
     }
     updateColumnSorting(column, index, sorting, additive) {
         if (!additive) {
@@ -980,7 +979,7 @@ class DataProvider {
     constructor(dimensionProvider) {
         this.dimensionProvider = dimensionProvider;
         this.stores = column_service.reduce(column_drag_plugin.rowTypes, (sources, k) => {
-            sources[k] = new index.DataStore(k);
+            sources[k] = new column_service.DataStore(k);
             return sources;
         }, {});
     }
@@ -994,18 +993,26 @@ class DataProvider {
     }
     getModel(virtualIndex, type = 'rgRow') {
         const store = this.stores[type].store;
-        return index.getSourceItem(store, virtualIndex);
+        return column_service.getSourceItem(store, virtualIndex);
+    }
+    changeOrder({ rowType = 'rgRow', from, to }) {
+        const service = this.stores[rowType];
+        const items = [...service.store.get('items')];
+        const prevItems = [...items];
+        const toMove = items.splice(from, 1);
+        items.splice(to, 0, ...toMove);
+        this.dimensionProvider.updateSizesPositionByNewDataIndexes(rowType, items, prevItems);
+        service.setData({ items });
     }
     setCellData({ type, rowIndex, prop, val }, mutate = true) {
         const model = this.getModel(rowIndex, type);
         model[prop] = val;
-        // apply data to source
-        index.setSourceByVirtualIndex(this.stores[type].store, { [rowIndex]: model }, mutate);
+        this.stores[type].setSourceData({ [rowIndex]: model }, mutate);
     }
     setRangeData(data, type) {
         const items = {};
         for (let rowIndex in data) {
-            const oldModel = (items[rowIndex] = index.getSourceItem(this.stores[type].store, parseInt(rowIndex, 10)));
+            const oldModel = (items[rowIndex] = column_service.getSourceItem(this.stores[type].store, parseInt(rowIndex, 10)));
             if (!oldModel) {
                 continue;
             }
@@ -1013,8 +1020,7 @@ class DataProvider {
                 oldModel[prop] = data[rowIndex][prop];
             }
         }
-        // apply data to source
-        index.setSourceByVirtualIndex(this.stores[type].store, items);
+        this.stores[type].setSourceData(items);
     }
     refresh(type = 'all') {
         if (column_drag_plugin.isRowType(type)) {
@@ -1034,7 +1040,7 @@ class DataProvider {
         store.addTrimmed(trimmed);
         this.dimensionProvider.setTrimmed(trimmed, type);
         if (type === 'rgRow') {
-            this.dimensionProvider.setData(index.getVisibleSourceItem(store.store).length, type);
+            this.dimensionProvider.setData(column_service.getVisibleSourceItem(store.store).length, type);
         }
     }
 }
@@ -1089,7 +1095,7 @@ class DimensionProvider {
      * @param type
      */
     setTrimmed(trimmed, type) {
-        const allTrimmed = index.gatherTrimmedItems(trimmed);
+        const allTrimmed = column_service.gatherTrimmedItems(trimmed);
         const dimStoreType = this.stores[type];
         dimStoreType.setStore({ trimmed: allTrimmed });
         this.updateViewport(type, true);
@@ -1189,6 +1195,28 @@ class DimensionProvider {
             this.stores[s].setStore(data);
         }
     }
+    updateSizesPositionByNewDataIndexes(type, newItemsOrder, prevItemsOrder = []) {
+        // Move custom sizes to new order
+        const dimService = this.stores[type];
+        const customSizes = Object.assign({}, dimService.store.get('sizes'));
+        if (Object.keys(customSizes).length) {
+            const originalIndices = new Map();
+            prevItemsOrder.forEach((value, index) => {
+                originalIndices.set(value, index);
+            });
+            const newSizes = {};
+            newItemsOrder.forEach((value, newIndex) => {
+                const originalIndex = originalIndices.get(value);
+                if (originalIndex !== newIndex && customSizes[originalIndex]) {
+                    newSizes[newIndex] = customSizes[originalIndex];
+                    delete customSizes[originalIndex];
+                }
+            });
+            if (Object.keys(newSizes).length) {
+                this.setCustomSizes(type, Object.assign(Object.assign({}, customSizes), newSizes));
+            }
+        }
+    }
 }
 
 class ViewportProvider {
@@ -1218,7 +1246,7 @@ function gatherColumnData(data) {
         style: data.fixWidth ? { minWidth: `${realWidth}px` } : undefined,
     };
     const headerProp = {
-        colData: index.getVisibleSourceItem(data.colStore),
+        colData: column_service.getVisibleSourceItem(data.colStore),
         dimensionCol: colDimension,
         type: data.colType,
         groups: data.colStore.get('groups'),
@@ -1310,7 +1338,7 @@ class ViewportService {
         const changedItems = {};
         for (const [i, size] of Object.entries(detail || {})) {
             const virtualIndex = parseInt(i, 10);
-            const item = index.getSourceItem(store, virtualIndex);
+            const item = column_service.getSourceItem(store, virtualIndex);
             if (item) {
                 changedItems[virtualIndex] = Object.assign(Object.assign({}, item), { size });
             }
@@ -1888,7 +1916,7 @@ const RevoGridComponent = class {
         if (!this.dataProvider) {
             throw new Error('Not connected');
         }
-        return index.getVisibleSourceItem(this.dataProvider.stores[type].store);
+        return column_service.getVisibleSourceItem(this.dataProvider.stores[type].store);
     }
     /**
      * Provides access to rows internal store observer
@@ -2037,6 +2065,10 @@ const RevoGridComponent = class {
         var _a;
         (_a = this.orderService) === null || _a === void 0 ? void 0 : _a.end();
     }
+    onRowOrderChange(e) {
+        var _a;
+        (_a = this.dataProvider) === null || _a === void 0 ? void 0 : _a.changeOrder(e.detail);
+    }
     onRowDrag({ detail }) {
         var _a;
         (_a = this.orderService) === null || _a === void 0 ? void 0 : _a.move(detail);