@revolist/revogrid 4.7.0-next.0 → 4.7.0-next.1

package/custom-element/revo-grid.js

@@ -232,8 +232,9 @@ var map_1 = map;
  * Extend this class to create plugin
  */
 class BasePlugin {
-  constructor(revogrid) {
+  constructor(revogrid, providers) {
     this.revogrid = revogrid;
+    this.providers = providers;
     this.subscriptions = {};
   }
   /**
@@ -861,7 +862,7 @@ var ColumnAutoSizeMode;
 })(ColumnAutoSizeMode || (ColumnAutoSizeMode = {}));
 class AutoSizeColumnPlugin extends BasePlugin {
   constructor(revogrid, providers, config) {
-    super(revogrid);
+    super(revogrid, providers);
     this.providers = providers;
     this.config = config;
     this.autoSizeColumns = null;
@@ -890,7 +891,7 @@ class AutoSizeColumnPlugin extends BasePlugin {
       const type = ColumnDataProvider.getColumnType(detail.column);
       const size = this.getColumnSize(detail.index, type);
       if (size) {
-        this.providers.dimensionProvider.setCustomSizes(type, {
+        this.providers.dimension.setCustomSizes(type, {
           [detail.index]: size,
         }, true);
       }
@@ -936,7 +937,7 @@ class AutoSizeColumnPlugin extends BasePlugin {
         // calculate size
         rgCol.size = sizes[rgCol.index] = source.reduce((prev, rgRow) => Math.max(prev, this.getLength(rgRow[rgCol.prop])), this.getLength(rgCol.name || ''));
       });
-      this.providers.dimensionProvider.setCustomSizes(type, sizes, true);
+      this.providers.dimension.setCustomSizes(type, sizes, true);
     });
   }
   getLength(len) {
@@ -980,7 +981,7 @@ class AutoSizeColumnPlugin extends BasePlugin {
           rgCol.size = sizes[rgCol.index] = size;
         }
       });
-      this.providers.dimensionProvider.setCustomSizes(type, sizes, true);
+      this.providers.dimension.setCustomSizes(type, sizes, true);
     });
   }
   afterEditAll(e) {
@@ -1001,7 +1002,7 @@ class AutoSizeColumnPlugin extends BasePlugin {
           }
         }
       });
-      this.providers.dimensionProvider.setCustomSizes(type, sizes, true);
+      this.providers.dimension.setCustomSizes(type, sizes, true);
     });
   }
   getColumnSize(index, type) {
@@ -1009,7 +1010,7 @@ class AutoSizeColumnPlugin extends BasePlugin {
     if (!rgCol) {
       return 0;
     }
-    return reduce_1(this.providers.dataProvider.stores, (r, s) => {
+    return reduce_1(this.providers.data.stores, (r, s) => {
       const perStore = reduce_1(s.store.get('items'), (prev, _row, i) => {
         const item = getSourceItem(s.store, i);
         return Math.max(prev || 0, this.getLength(item[rgCol.prop]));
@@ -1200,9 +1201,9 @@ const filterTypes = {
 const FILTER_TRIMMED_TYPE = 'filter';
 const FILTER_CONFIG_CHANGED_EVENT = 'filterconfigchanged';
 class FilterPlugin extends BasePlugin {
-  constructor(revogrid, uiid, config) {
+  constructor(revogrid, providers, uiid, config) {
     var _a;
-    super(revogrid);
+    super(revogrid, providers);
     this.revogrid = revogrid;
     this.filterCollection = {};
     this.multiFilterItems = {};
@@ -1648,8 +1649,8 @@ var size_1 = size;
  * If you prevent event it'll not reach farther steps
  */
 class SortingPlugin extends BasePlugin {
-  constructor(revogrid) {
-    super(revogrid);
+  constructor(revogrid, providers) {
+    super(revogrid, providers);
     this.revogrid = revogrid;
     // sorting order per column
     this.sorting = null;
@@ -2310,7 +2311,7 @@ class GroupingRowPlugin extends BasePlugin {
     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);
   }
   get store() {
-    return this.providers.dataProvider.stores[GROUPING_ROW_TYPE].store;
+    return this.providers.data.stores[GROUPING_ROW_TYPE].store;
   }
   // proxy for items get
   get rowItems() {
@@ -2320,7 +2321,7 @@ class GroupingRowPlugin extends BasePlugin {
     return this.store.get('trimmed');
   }
   constructor(revogrid, providers) {
-    super(revogrid);
+    super(revogrid, providers);
     this.revogrid = revogrid;
     this.providers = providers;
   }
@@ -2474,7 +2475,7 @@ class GroupingRowPlugin extends BasePlugin {
      */
     const { sourceWithGroups, depth, trimmed, oldNewIndexMap, childrenByGroup, } = gatherGrouping(source, ((_a = this.options) === null || _a === void 0 ? void 0 : _a.props) || [], Object.assign({ prevExpanded }, options));
     // setup source
-    this.providers.dataProvider.setData(sourceWithGroups, GROUPING_ROW_TYPE, this.revogrid.disableVirtualY, { depth, customRenderer: options === null || options === void 0 ? void 0 : options.groupLabelTemplate }, true);
+    this.providers.data.setData(sourceWithGroups, GROUPING_ROW_TYPE, this.revogrid.disableVirtualY, { depth, customRenderer: options === null || options === void 0 ? void 0 : options.groupLabelTemplate }, true);
     this.updateTrimmed(trimmed, childrenByGroup, oldNewIndexes, oldNewIndexMap);
   }
   /**
@@ -2491,7 +2492,7 @@ class GroupingRowPlugin extends BasePlugin {
     const expanded = this.revogrid.grouping || {};
     const { sourceWithGroups, depth, trimmed, oldNewIndexMap, childrenByGroup, } = gatherGrouping(source, ((_a = this.options) === null || _a === void 0 ? void 0 : _a.props) || [], Object.assign({}, (expanded || {})));
     data.source = sourceWithGroups;
-    this.providers.dataProvider.setGrouping({ depth });
+    this.providers.data.setGrouping({ depth });
     this.updateTrimmed(trimmed, childrenByGroup, oldNewIndexMap);
   }
   // apply grouping
@@ -2511,8 +2512,8 @@ class GroupingRowPlugin extends BasePlugin {
     }
     // props exist and columns inited
     for (let t of columnTypes) {
-      if (this.setColumnGrouping(this.providers.columnProvider.getColumns(t))) {
-        this.providers.columnProvider.refreshByType(t);
+      if (this.setColumnGrouping(this.providers.column.getColumns(t))) {
+        this.providers.column.refreshByType(t);
         break;
       }
     }
@@ -2523,7 +2524,7 @@ class GroupingRowPlugin extends BasePlugin {
   clearGrouping() {
     // clear columns
     columnTypes.forEach(t => {
-      const cols = this.providers.columnProvider.getColumns(t);
+      const cols = this.providers.column.getColumns(t);
       let deleted = false;
       cols.forEach(c => {
         if (isGroupingColumn(c)) {
@@ -2533,12 +2534,12 @@ class GroupingRowPlugin extends BasePlugin {
       });
       // if column store had grouping clear and refresh
       if (deleted) {
-        this.providers.columnProvider.refreshByType(t);
+        this.providers.column.refreshByType(t);
       }
     });
     // clear rows
     const { source, oldNewIndexes } = this.getSource(true);
-    this.providers.dataProvider.setData(source, GROUPING_ROW_TYPE, this.revogrid.disableVirtualY, undefined, true);
+    this.providers.data.setData(source, GROUPING_ROW_TYPE, this.revogrid.disableVirtualY, undefined, true);
     this.updateTrimmed(undefined, undefined, oldNewIndexes);
   }
   updateTrimmed(trimmedGroup = {}, _childrenByGroup = {}, firstLevelMap, secondLevelMap) {
@@ -2972,18 +2973,20 @@ class GridScrollingService {
 
 class StretchColumn extends BasePlugin {
   constructor(revogrid, providers) {
-    super(revogrid);
+    super(revogrid, providers);
     this.providers = providers;
     this.stretchedColumn = null;
     // calculate scroll bar size for current user session
     this.scrollSize = getScrollbarWidth(document);
     // subscribe to column changes
-    const beforecolumnapplied = ({ detail: { columns } }) => this.applyStretch(columns);
+    const beforecolumnapplied = ({ detail: { columns }, }) => this.applyStretch(columns);
     this.addEventListener('beforecolumnapplied', beforecolumnapplied);
   }
   setScroll({ type, hasScroll }) {
     var _a;
-    if (type === 'rgRow' && this.stretchedColumn && ((_a = this.stretchedColumn) === null || _a === void 0 ? void 0 : _a.initialSize) === this.stretchedColumn.size) {
+    if (type === 'rgRow' &&
+      this.stretchedColumn &&
+      ((_a = this.stretchedColumn) === null || _a === void 0 ? void 0 : _a.initialSize) === this.stretchedColumn.size) {
       if (hasScroll) {
         this.stretchedColumn.size -= this.scrollSize;
         this.apply();
@@ -3004,8 +3007,8 @@ class StretchColumn extends BasePlugin {
       return;
     }
     const type = 'rgCol';
-    const sizes = this.providers.dimensionProvider.stores[type].store.get('sizes');
-    this.providers.dimensionProvider.setCustomSizes(type, Object.assign(Object.assign({}, sizes), { [this.stretchedColumn.index]: this.stretchedColumn.size }), true);
+    const sizes = this.providers.dimension.stores[type].store.get('sizes');
+    this.providers.dimension.setCustomSizes(type, Object.assign(Object.assign({}, sizes), { [this.stretchedColumn.index]: this.stretchedColumn.size }), true);
   }
   /**
    * Apply stretch changes
@@ -3016,11 +3019,11 @@ class StretchColumn extends BasePlugin {
     // calculate grid size
     let sizeDifference = this.revogrid.clientWidth - 1;
     each(columns, (_, type) => {
-      const realSize = this.providers.dimensionProvider.stores[type].store.get('realSize');
+      const realSize = this.providers.dimension.stores[type].store.get('realSize');
       sizeDifference -= realSize;
     });
     if (this.revogrid.rowHeaders) {
-      const itemsLength = this.providers.dataProvider.stores.rgRow.store.get('source').length;
+      const itemsLength = this.providers.data.stores.rgRow.store.get('source').length;
       const header = this.revogrid.rowHeaders;
       const rowHeaderSize = calculateRowHeaderSize(itemsLength, typeof header === 'object' ? header : undefined);
       if (rowHeaderSize) {
@@ -3157,7 +3160,7 @@ const BEFORE_DRAG_END = 'before-column-drag-end';
 const DRAG_START = 'column-drag-start';
 class ColumnPlugin extends BasePlugin {
   constructor(revogrid, providers) {
-    super(revogrid);
+    super(revogrid, providers);
     this.revogrid = revogrid;
     this.providers = providers;
     this.moveFunc = debounce_1((e) => this.doMove(e), 5);
@@ -3810,11 +3813,14 @@ const RevoGridComponent = /*@__PURE__*/ proxyCustomElement(class RevoGridCompone
     let stretch = this.internalPlugins.filter(p => isStretchPlugin(p))[0];
     if ((typeof isStretch === 'boolean' && isStretch) || isStretch === 'true') {
       if (!stretch) {
-        this.internalPlugins.push(new StretchColumn(this.element, {
-          dataProvider: this.dataProvider,
-          columnProvider: this.columnProvider,
-          dimensionProvider: this.dimensionProvider,
-        }));
+        const pluginData = {
+          data: this.dataProvider,
+          column: this.columnProvider,
+          dimension: this.dimensionProvider,
+          viewport: this.viewportProvider,
+          selection: this.selectionStoreConnector,
+        };
+        this.internalPlugins.push(new StretchColumn(this.element, pluginData));
       }
       else if (isStretchPlugin(stretch)) {
         stretch.applyStretch(this.columnProvider.getRawColumns());
@@ -3855,25 +3861,18 @@ const RevoGridComponent = /*@__PURE__*/ proxyCustomElement(class RevoGridCompone
       selection: this.selectionStoreConnector,
     };
     if (this.autoSizeColumn) {
-      this.internalPlugins.push(new AutoSizeColumnPlugin(this.element, {
-        dataProvider: this.dataProvider,
-        columnProvider: this.columnProvider,
-        dimensionProvider: this.dimensionProvider,
-      }, typeof this.autoSizeColumn === 'object'
+      this.internalPlugins.push(new AutoSizeColumnPlugin(this.element, pluginData, typeof this.autoSizeColumn === 'object'
         ? this.autoSizeColumn
         : undefined));
     }
     if (this.filter) {
-      this.internalPlugins.push(new FilterPlugin(this.element, this.uuid, typeof this.filter === 'object' ? this.filter : undefined));
+      this.internalPlugins.push(new FilterPlugin(this.element, pluginData, this.uuid, typeof this.filter === 'object' ? this.filter : undefined));
     }
     if (this.exporting) {
-      this.internalPlugins.push(new ExportFilePlugin(this.element));
+      this.internalPlugins.push(new ExportFilePlugin(this.element, pluginData));
     }
-    this.internalPlugins.push(new SortingPlugin(this.element));
-    this.internalPlugins.push(new GroupingRowPlugin(this.element, {
-      dataProvider: this.dataProvider,
-      columnProvider: this.columnProvider,
-    }));
+    this.internalPlugins.push(new SortingPlugin(this.element, pluginData));
+    this.internalPlugins.push(new GroupingRowPlugin(this.element, pluginData));
     if (this.canMoveColumns) {
       this.internalPlugins.push(new ColumnPlugin(this.element, pluginData));
     }