@revolist/revogrid 3.1.8 → 3.1.90

package/dist/collection/plugins/filter/conditions/string/beginswith.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 const beginsWith = (value, extra) => {
   if (!value) {
     return false;

package/dist/collection/plugins/filter/conditions/string/contains.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 const contains = (value, extra) => {
   if (!value) {
     return false;

package/dist/collection/plugins/filter/filter.button.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 import { h } from '@stencil/core';
 export const FILTER_BUTTON_CLASS = 'rv-filter';
 export const FILTER_BUTTON_ACTIVE = 'active';

package/dist/collection/plugins/filter/filter.plugin.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 import { h } from '@stencil/core';
 import BasePlugin from '../basePlugin';
 import { FILTER_PROP, isFilterBtn } from './filter.button';

package/dist/collection/plugins/filter/filter.pop.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 import { Component, h, Host, Listen, Prop, State, Event, Method } from '@stencil/core';
 import { AndOrButton, isFilterBtn, TrashButton } from './filter.button';
 import { RevoButton } from '../../components/button/button';

package/dist/collection/plugins/filter/filter.service.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 import eq, { notEq } from './conditions/equal';
 import gtThan from './conditions/number/greaterThan';
 import gtThanEq from './conditions/number/greaterThanOrEqual';

package/dist/collection/plugins/filter/filter.types.js

@@ -1 +1,4 @@
+/*!
+ * Built by Revolist
+ */
 export {};

package/dist/collection/plugins/groupingColumn/columnGroupsRenderer.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 import { h } from '@stencil/core';
 import findIndex from 'lodash/findIndex';
 import { getItemByIndex } from '../../store/dimension/dimension.helpers';

package/dist/collection/plugins/groupingColumn/grouping.col.plugin.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 import isArray from 'lodash/isArray';
 import map from 'lodash/map';
 import BasePlugin from '../basePlugin';
@@ -30,7 +33,7 @@ export default class GroupingColumnPlugin extends BasePlugin {
     res.sort = Object.assign(Object.assign({}, res.sort), collection.sort);
     return res;
   }
-  static isColGrouping(colData) {
-    return !!colData.children;
-  }
+}
+export function isColGrouping(colData) {
+  return !!colData.children;
 }

package/dist/collection/plugins/groupingColumn/headerGroupRenderer.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 import { h } from '@stencil/core';
 import { HEADER_CLASS, MIN_COL_SIZE } from '../../utils/consts';
 import { HeaderCellRenderer } from '../../components/header/headerCellRenderer';

package/dist/collection/plugins/groupingRow/grouping.const.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 import { GRID_INTERNALS } from '../../utils/consts';
 export const GROUP_DEPTH = `${GRID_INTERNALS}-depth`;
 export const PSEUDO_GROUP_ITEM = `${GRID_INTERNALS}-name`;

package/dist/collection/plugins/groupingRow/grouping.row.expand.service.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 import { PSEUDO_GROUP_ITEM_ID, GROUP_EXPANDED, GROUP_DEPTH } from './grouping.const';
 import { isGrouping, getParsedGroup, isSameGroup } from './grouping.service';
 // provide collapse data

package/dist/collection/plugins/groupingRow/grouping.row.plugin.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 import { getPhysical, setItems } from '../../store/dataSource/data.store';
 import { columnTypes } from '../../store/storeTypes';
 import BasePlugin from '../basePlugin';

package/dist/collection/plugins/groupingRow/grouping.row.renderer.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 import { h } from '@stencil/core';
 import RowRenderer from '../../components/data/rowRenderer';
 import { GROUP_DEPTH, GROUP_EXPANDED, GROUP_EXPAND_BTN, GROUP_EXPAND_EVENT, PSEUDO_GROUP_ITEM } from './grouping.const';

package/dist/collection/plugins/groupingRow/grouping.row.types.js

@@ -1 +1,4 @@
+/*!
+ * Built by Revolist
+ */
 export {};

package/dist/collection/plugins/groupingRow/grouping.service.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 import { GROUP_DEPTH, GROUP_EXPANDED, PSEUDO_GROUP_COLUMN, PSEUDO_GROUP_ITEM, PSEUDO_GROUP_ITEM_ID, PSEUDO_GROUP_ITEM_VALUE } from './grouping.const';
 /**
  * Do actual grouping

package/dist/collection/plugins/groupingRow/grouping.trimmed.service.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 import { gatherTrimmedItems } from '../trimmed/trimmed.plugin';
 export const TRIMMED_GROUPING = 'grouping';
 /**

package/dist/collection/plugins/moveColumn/columnDragPlugin.js

@@ -0,0 +1,163 @@
+/*!
+ * Built by Revolist
+ */
+/**
+ * Plugin for column manual move
+ */
+import debounce from 'lodash/debounce';
+import each from 'lodash/each';
+import { getItemByPosition } from '../../store/dimension/dimension.helpers';
+import BasePlugin from '../basePlugin';
+import { ColumnOrderHandler } from './columnOrderHandler';
+import { dispatch } from '../dispatcher';
+import { isColGrouping } from '../groupingColumn/grouping.col.plugin';
+const COLUMN_CLICK = 'column-click';
+const MOVE = 'column-mouse-move';
+const DRAG_END = 'column-drag-end';
+const BEFORE_DRAG_END = 'before-column-drag-end';
+// use this event subscription to drop D&D for particular columns
+const DRAG_START = 'column-drag-start';
+export default class ColumnPlugin extends BasePlugin {
+  constructor(revogrid, providers) {
+    super(revogrid);
+    this.revogrid = revogrid;
+    this.providers = providers;
+    this.moveFunc = debounce((e) => this.doMove(e), 5);
+    this.staticDragData = null;
+    this.dragData = null;
+    this.localSubscriptions = {};
+    this.orderUi = new ColumnOrderHandler();
+    revogrid.registerVNode([this.orderUi.render()]);
+    /** Register events */
+    this.localSubscriptions['mouseleave'] = {
+      target: document,
+      callback: (e) => this.onMouseOut(e),
+    };
+    this.localSubscriptions['mouseup'] = {
+      target: document,
+      callback: (e) => this.onMouseUp(e),
+    };
+    this.localSubscriptions['mousemove'] = {
+      target: document,
+      callback: (e) => this.move(e),
+    };
+    this.addEventListener(COLUMN_CLICK, ({ detail }) => this.dragStart(detail));
+  }
+  dragStart({ event, data }) {
+    if (event.defaultPrevented) {
+      return;
+    }
+    const { defaultPrevented } = dispatch(this.revogrid, DRAG_START, data);
+    // check if allowed to drag particulat column
+    if (defaultPrevented) {
+      return;
+    }
+    this.clearOrder();
+    const { mouseleave, mouseup, mousemove } = this.localSubscriptions;
+    mouseleave.target.addEventListener('mouseleave', mouseleave.callback);
+    mouseup.target.addEventListener('mouseup', mouseup.callback);
+    const dataEl = event.target.closest('revogr-header');
+    const scrollEl = event.target.closest('revogr-viewport-scroll');
+    if (!dataEl || !scrollEl) {
+      return;
+    }
+    if (isColGrouping(data)) {
+      return;
+    }
+    const cols = this.getDimension(data.pin || 'rgCol');
+    const gridRect = this.revogrid.getBoundingClientRect();
+    const elRect = dataEl.getBoundingClientRect();
+    const startItem = getItemByPosition(cols, getLeftRelative(event.x, gridRect.left, elRect.left - gridRect.left));
+    this.staticDragData = {
+      startPos: event.x,
+      startItem,
+      data,
+      dataEl,
+      scrollEl,
+      gridEl: this.revogrid,
+      cols,
+    };
+    this.dragData = this.getData(this.staticDragData);
+    mousemove.target.addEventListener('mousemove', mousemove.callback);
+    this.orderUi.start(event, Object.assign(Object.assign({}, this.dragData), this.staticDragData));
+  }
+  doMove(e) {
+    if (!this.staticDragData) {
+      return;
+    }
+    const dragData = (this.dragData = this.getData(this.staticDragData));
+    if (!dragData) {
+      return;
+    }
+    const start = this.staticDragData.startPos;
+    if (Math.abs(start - e.x) > 10) {
+      const x = getLeftRelative(e.x, this.dragData.gridRect.left, this.dragData.scrollOffset);
+      const rgCol = getItemByPosition(this.staticDragData.cols, x);
+      this.orderUi.autoscroll(x, dragData.elRect.width);
+      this.orderUi.showHandler(rgCol.end + dragData.scrollOffset, dragData.gridRect.width);
+    }
+  }
+  move(e) {
+    dispatch(this.revogrid, MOVE, Object.assign({}, e));
+    // then do move
+    this.moveFunc(e);
+  }
+  onMouseOut(_) {
+    this.clearOrder();
+  }
+  onMouseUp(e) {
+    // apply new positions
+    if (this.dragData) {
+      let relativePos = getLeftRelative(e.x, this.dragData.gridRect.left, this.dragData.scrollOffset);
+      if (relativePos < 0) {
+        relativePos = 0;
+      }
+      const newPosition = getItemByPosition(this.staticDragData.cols, relativePos);
+      const store = this.providers.column.stores[this.dragData.type].store;
+      const items = [...store.get('items')];
+      // prevent position change if needed
+      const { defaultPrevented: stopDrag } = dispatch(this.revogrid, BEFORE_DRAG_END, Object.assign(Object.assign({}, this.staticDragData), { startPosition: this.staticDragData.startItem, newPosition, newItem: store.get('source')[items[this.staticDragData.startItem.itemIndex]] }));
+      if (!stopDrag) {
+        // todo: if move item out of group remove item from group
+        const toMove = items.splice(this.staticDragData.startItem.itemIndex, 1);
+        items.splice(newPosition.itemIndex, 0, ...toMove);
+        store.set('items', items);
+      }
+      dispatch(this.revogrid, DRAG_END, this.dragData);
+    }
+    this.clearOrder();
+  }
+  clearLocalSubscriptions() {
+    each(this.localSubscriptions, ({ target, callback }, key) => target.removeEventListener(key, callback));
+  }
+  clearOrder() {
+    this.staticDragData = null;
+    this.dragData = null;
+    this.clearLocalSubscriptions();
+    this.orderUi.stop();
+  }
+  /**
+   * Clearing subscription
+   */
+  clearSubscriptions() {
+    super.clearSubscriptions();
+    this.clearLocalSubscriptions();
+  }
+  getData({ gridEl, dataEl, data, }) {
+    const gridRect = gridEl.getBoundingClientRect();
+    const elRect = dataEl.getBoundingClientRect();
+    const scrollOffset = elRect.left - gridRect.left;
+    return {
+      elRect,
+      gridRect,
+      type: data.pin || 'rgCol',
+      scrollOffset,
+    };
+  }
+  getDimension(type) {
+    return this.providers.dimension.stores[type].getCurrentState();
+  }
+}
+export function getLeftRelative(absoluteX, gridPos, offset) {
+  return absoluteX - gridPos - offset;
+}

package/dist/collection/plugins/moveColumn/columnOrderHandler.js

@@ -0,0 +1,63 @@
+/*!
+ * Built by Revolist
+ */
+import { h } from '@stencil/core';
+export class ColumnOrderHandler {
+  constructor() {
+    this.offset = 0;
+  }
+  renderAutoscroll(_, parent) {
+    if (!parent) {
+      return;
+    }
+    this.autoscrollEl = document.createElement('div');
+    this.autoscrollEl.classList.add('drag-auto-scroll-y');
+    parent.appendChild(this.autoscrollEl);
+  }
+  autoscroll(pos, dataContainerSize, direction = 'translateX') {
+    if (!this.autoscrollEl) {
+      return;
+    }
+    const helperOffset = 10;
+    // calculate current y position inside of the grid active holder
+    // 3 - size of element + border
+    const maxScroll = Math.min(pos + helperOffset, dataContainerSize - 3);
+    this.autoscrollEl.style.transform = `${direction}(${maxScroll}px)`;
+    this.autoscrollEl.scrollIntoView({
+      block: 'nearest',
+      inline: 'nearest',
+    });
+  }
+  start(e, { dataEl, gridRect, scrollEl }, dir = 'left') {
+    const scrollContainerRect = scrollEl.getBoundingClientRect();
+    if (scrollContainerRect) {
+      this.offset = scrollContainerRect[dir] - gridRect[dir];
+    }
+    this.renderAutoscroll(e, dataEl);
+  }
+  stop() {
+    var _a;
+    if (this.element) {
+      this.element.hidden = true;
+    }
+    this.offset = 0;
+    (_a = this.autoscrollEl) === null || _a === void 0 ? void 0 : _a.remove();
+    this.autoscrollEl = undefined;
+  }
+  showHandler(pos, size, direction = 'translateX') {
+    if (!this.element) {
+      return;
+    }
+    // do not allow overcross top of the scrollable area, header excluded
+    if (this.offset) {
+      pos = Math.max(pos, this.offset);
+    }
+    // can not be bigger then grid end
+    pos = Math.min(pos, size);
+    this.element.style.transform = `${direction}(${pos}px)`;
+    this.element.hidden = false;
+  }
+  render() {
+    return h("div", { class: "drag-position-y", hidden: true, ref: (el) => (this.element = el) });
+  }
+}

package/dist/collection/plugins/sorting/sorting.plugin.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 import size from 'lodash/size';
 import { setStore } from '../../utils/store.utils';
 import ColumnDataProvider from '../../services/column.data.provider';

package/dist/collection/plugins/sorting/sorting.sign.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 import { h } from '@stencil/core';
 export const FILTER_BUTTON_CLASS = 'rv-filter';
 export const FILTER_BUTTON_ACTIVE = 'active';

package/dist/collection/plugins/stretchPlugin.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 import { each } from 'lodash';
 import { getScrollbarWidth } from '../utils/utils';
 import BasePlugin from './basePlugin';

package/dist/collection/plugins/trimmed/trimmed.plugin.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 /**
  * Hide items from main collection
  * But keep them in store

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

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 import { DATA_COL, DATA_ROW } from '../utils/consts';
 export function getCell(cell) {
   return {

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

@@ -1,9 +1,12 @@
+/*!
+ * Built by Revolist
+ */
 import reduce from 'lodash/reduce';
 import each from 'lodash/each';
 import find from 'lodash/find';
 import DataStore, { getSourceItem, getSourceItemVirtualIndexByProp, setSourceByVirtualIndex } from '../store/dataSource/data.store';
 import { columnTypes } from '../store/storeTypes';
-import GroupingColumnPlugin from '../plugins/groupingColumn/grouping.col.plugin';
+import GroupingColumnPlugin, { isColGrouping } from '../plugins/groupingColumn/grouping.col.plugin';
 export default class ColumnDataProvider {
   constructor() {
     this.sorting = null;
@@ -135,7 +138,7 @@ export default class ColumnDataProvider {
   }
   static getColumnByProp(columns, prop) {
     return find(columns, c => {
-      if (GroupingColumnPlugin.isColGrouping(c)) {
+      if (isColGrouping(c)) {
         return ColumnDataProvider.getColumnByProp(c.children, prop);
       }
       return c.prop === prop;
@@ -145,7 +148,7 @@ export default class ColumnDataProvider {
   static getColumns(columns, level = 0, types) {
     return reduce(columns, (res, colData) => {
       /** Grouped column */
-      if (GroupingColumnPlugin.isColGrouping(colData)) {
+      if (isColGrouping(colData)) {
         return GroupingColumnPlugin.gatherGroup(res, colData, ColumnDataProvider.getColumns(colData.children, level + 1, types), level);
       }
       /** Regular column */

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

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 import reduce from 'lodash/reduce';
 import DataStore, { getSourceItem, getVisibleSourceItem, setSourceByVirtualIndex } from '../store/dataSource/data.store';
 import { isRowType, rowTypes } from '../store/storeTypes';

package/dist/collection/services/dimension.provider.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 import reduce from 'lodash/reduce';
 import { columnTypes, rowTypes } from '../store/storeTypes';
 import DimensionStore from '../store/dimension/dimension.store';

package/dist/collection/services/localScrollService.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 import { scaleValue } from '../utils/utils';
 const initialParams = {
   contentSize: 0,

package/dist/collection/services/resizable.directive.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 import { h } from '@stencil/core';
 var ResizeEvents;
 (function (ResizeEvents) {
@@ -131,6 +134,8 @@ export class ResizeDirective {
     if (event.defaultPrevented) {
       return;
     }
+    // stop other events if resize in progress
+    event.preventDefault();
     this.dropInitial();
     for (let elClass in RESIZE_MASK) {
       const target = event.target;

package/dist/collection/services/selection.store.connector.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 import { cropCellToMax, isHiddenStore, nextCell } from '../store/selection/selection.helpers';
 import { SelectionStore } from '../store/selection/selection.store';
 export const EMPTY_INDEX = -1;

package/dist/collection/services/viewport.provider.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 import reduce from 'lodash/reduce';
 import { columnTypes, rowTypes } from '../store/storeTypes';
 import ViewportStore from '../store/viewPort/viewport.store';

package/dist/collection/store/dataSource/data.proxy.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 /**
  * All items
  * Used as proxy for sorting

package/dist/collection/store/dataSource/data.store.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 import { createStore } from '@stencil/store';
 import findIndex from 'lodash/findIndex';
 import range from 'lodash/range';

package/dist/collection/store/dimension/dimension.helpers.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 import each from 'lodash/each';
 import sortedIndex from 'lodash/sortedIndex';
 import reduce from 'lodash/reduce';

package/dist/collection/store/dimension/dimension.store.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 /**
  * Storing pre-calculated
  * Dimension information and sizes

package/dist/collection/store/selection/selection.helpers.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 import { EMPTY_INDEX } from '../../services/selection.store.connector';
 export function isHiddenStore(pos) {
   return pos === EMPTY_INDEX;

package/dist/collection/store/selection/selection.store.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 import { createStore } from '@stencil/store';
 import { setStore } from '../../utils/store.utils';
 import { getRange } from './selection.helpers';

package/dist/collection/store/selection/selection.store.service.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 import { getRange } from './selection.helpers';
 export default class SelectionStoreService {
   constructor(store, config) {

package/dist/collection/store/storeTypes.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 export const rowTypes = ['rowPinStart', 'rgRow', 'rowPinEnd'];
 export const columnTypes = ['colPinStart', 'rgCol', 'colPinEnd'];
 export function isRowType(type) {

package/dist/collection/store/viewPort/viewport.helpers.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 import { getItemByPosition } from '../dimension/dimension.helpers';
 /**
  * Update items based on new scroll position

package/dist/collection/store/viewPort/viewport.store.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 /**
  * Store is responsible for visible
  * Viewport information for each dimension

package/dist/collection/themeManager/theme.compact.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 export default class ThemeCompact {
   constructor() {
     this.defaultRowSize = 32;

package/dist/collection/themeManager/theme.default.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 export default class ThemeDefault {
   constructor() {
     this.defaultRowSize = 27;

package/dist/collection/themeManager/theme.material.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 export default class ThemeMaterial {
   constructor() {
     this.defaultRowSize = 42;

package/dist/collection/themeManager/themeService.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 import ThemeCompact from './theme.compact';
 import ThemeDefault from './theme.default';
 import ThemeMaterial from './theme.material';

package/dist/collection/utils/closestPolifill.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 (function closest() {
   if (!Element.prototype.matches) {
     Element.prototype.matches =

package/dist/collection/utils/consts.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 export const MIN_COL_SIZE = 30;
 export const DATA_COL = 'data-rgCol';
 export const DATA_ROW = 'data-rgRow';

package/dist/collection/utils/generateAlphabetHeader.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 export function generateHeader(index) {
   const asciiFirstLetter = 65;
   const lettersCount = 26;

package/dist/collection/utils/keyCodes.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 var codes;
 (function (codes) {
   codes[codes["MOUSE_LEFT"] = 1] = "MOUSE_LEFT";

package/dist/collection/utils/keyCodes.utils.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 import KeyCodesEnum, { codesLetter } from './keyCodes';
 import OsPlatform from './platform';
 import includes from 'lodash/includes';