@revolist/revogrid 3.1.8 → 3.2.5

package/dist/collection/components/data/rowRenderer.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 import { h } from '@stencil/core';
 export const PADDING_DEPTH = 10;
 const RowRenderer = ({ rowClass, size, start, style, depth }, cells) => {

package/dist/collection/components/header/headerCellRenderer.js

@@ -1,6 +1,11 @@
+/*!
+ * Built by Revolist
+ */
 import { h } from '@stencil/core';
+import { dispatch } from '../../plugins/dispatcher';
 import { ResizableElement } from '../../services/resizable.directive';
 import ColumnService from '../data/columnService';
+const ON_COLUMN_CLICK = 'column-click';
 export const HeaderCellRenderer = ({ data, props }, children) => {
   let colTemplate = (data === null || data === void 0 ? void 0 : data.name) || '';
   let cellProps = props;
@@ -13,7 +18,12 @@ export const HeaderCellRenderer = ({ data, props }, children) => {
       cellProps = ColumnService.doMerge(props, extra);
     }
   }
-  return (h(ResizableElement, Object.assign({}, cellProps),
+  return (h(ResizableElement, Object.assign({}, cellProps, { onMouseDown: (e) => {
+      dispatch(e.currentTarget, ON_COLUMN_CLICK, {
+        data,
+        event: e,
+      });
+    } }),
     h("div", { class: "header-content" }, colTemplate),
     children));
 };

package/dist/collection/components/header/headerRenderer.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 import { h } from '@stencil/core';
 import { FilterButton } from '../../plugins/filter/filter.button';
 import { SortingSign } from '../../plugins/sorting/sorting.sign';

package/dist/collection/components/header/revogr-header.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 import { Component, Element, Event, h, Prop } from '@stencil/core';
 import keyBy from 'lodash/keyBy';
 import { HEADER_ACTUAL_ROW_CLASS, HEADER_ROW_CLASS } from '../../utils/consts';

package/dist/collection/components/order/orderRenderer.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 import { h } from '@stencil/core';
 /**
  * Draw drag

package/dist/collection/components/order/revogr-order-editor.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 import { Component, Method, Event, Prop, Listen } from '@stencil/core';
 import debounce from 'lodash/debounce';
 import { setItems } from '../../store/dataSource/data.store';

package/dist/collection/components/order/rowOrderService.js

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

package/dist/collection/components/overlay/autofill.service.js

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

package/dist/collection/components/overlay/clipboard.service.js

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

package/dist/collection/components/overlay/editors/edit.utils.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 import { EDIT_INPUT_WR } from '../../../utils/consts';
 // is edit input
 export function isEditInput(el) {

package/dist/collection/components/overlay/editors/text.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 import { h } from '@stencil/core';
 import { isEnterKey, isTab } from '../../../utils/keyCodes.utils';
 import { timeout } from '../../../utils/utils';

package/dist/collection/components/overlay/keyboard.service.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 import { getRange } from '../../store/selection/selection.helpers';
 import { codesLetter } from '../../utils/keyCodes';
 import { isClear, isCtrlKey, isEnterKey, isLetterKey } from '../../utils/keyCodes.utils';

package/dist/collection/components/overlay/revogr-edit.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 import { Component, Event, Prop, h, Element, Host } from '@stencil/core';
 import { EDIT_INPUT_WR } from '../../utils/consts';
 import { TextEditor } from './editors/text';

package/dist/collection/components/overlay/revogr-overlay-selection.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 import { Component, Event, h, Host, Listen, Prop, Element, Watch } from '@stencil/core';
 import ColumnService from '../data/columnService';
 import SelectionStoreService from '../../store/selection/selection.store.service';

package/dist/collection/components/overlay/selection.utils.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 import { getItemByIndex, getItemByPosition } from '../../store/dimension/dimension.helpers';
 /** Calculate cell based on x, y position */
 export function getCurrentCell({ x, y }, { el, rows, cols }) {

package/dist/collection/components/revo-grid/revo-grid-style.css

@@ -512,7 +512,24 @@ revo-grid .drag-position {
   right: 0;
   height: 1px;
   z-index: 2;
-  background: red;
+  background: gray;
+}
+revo-grid .drag-position-y {
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  width: 1px;
+  z-index: 2;
+  background: gray;
+}
+revo-grid .drag-auto-scroll-y {
+  pointer-events: none;
+  position: absolute;
+  left: 0;
+  top: 0;
+  height: 50px;
+  width: 1px;
 }
 revo-grid .clipboard {
   position: absolute;

package/dist/collection/components/revo-grid/revo-grid.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 import { Component, Prop, h, Watch, Element, Listen, Event, Method, State, Host } from '@stencil/core';
 import reduce from 'lodash/reduce';
 import each from 'lodash/each';
@@ -21,6 +24,7 @@ import GridScrollingService from './viewport.scrolling.service';
 import { UUID } from '../../utils/consts';
 import SelectionStoreConnector from '../../services/selection.store.connector';
 import StretchColumn, { isStretchPlugin } from '../../plugins/stretchPlugin';
+import ColumnPlugin from '../../plugins/moveColumn/columnDragPlugin';
 export class RevoGridComponent {
   constructor() {
     /**
@@ -89,6 +93,12 @@ export class RevoGridComponent {
      * Can be filter collection
      */
     this.filter = false;
+    /**
+     * Enables column move plugin
+     * Can be boolean
+     * Can be filter collection
+     */
+    this.canMoveColumns = false;
     /**
      * Trimmed rows
      * Functionality which allows to hide rows from main data set
@@ -482,6 +492,13 @@ export class RevoGridComponent {
     this.columnProvider = new ColumnDataProvider();
     this.dataProvider = new DataProvider(this.dimensionProvider);
     this.uuid = `${new Date().getTime()}-rvgrid`;
+    const pluginData = {
+      data: this.dataProvider,
+      column: this.columnProvider,
+      dimension: this.dimensionProvider,
+      viewport: this.viewportProvider,
+      selection: this.selectionStoreConnector,
+    };
     if (this.autoSizeColumn) {
       this.internalPlugins.push(new AutoSize(this.element, {
         dataProvider: this.dataProvider,
@@ -498,9 +515,12 @@ export class RevoGridComponent {
     this.internalPlugins.push(new SortingPlugin(this.element));
     if (this.plugins) {
       this.plugins.forEach(p => {
-        this.internalPlugins.push(new p(this.element));
+        this.internalPlugins.push(new p(this.element, pluginData));
       });
     }
+    if (this.canMoveColumns) {
+      this.internalPlugins.push(new ColumnPlugin(this.element, pluginData));
+    }
     this.internalPlugins.push(new GroupingRowPlugin(this.element, {
       dataProvider: this.dataProvider,
       columnProvider: this.columnProvider,
@@ -993,6 +1013,24 @@ export class RevoGridComponent {
       "reflect": false,
       "defaultValue": "false"
     },
+    "canMoveColumns": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Enables column move plugin\nCan be boolean\nCan be filter collection"
+      },
+      "attribute": "can-move-columns",
+      "reflect": false,
+      "defaultValue": "false"
+    },
     "trimmedRows": {
       "type": "unknown",
       "mutable": false,
@@ -1009,8 +1047,8 @@ export class RevoGridComponent {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "are physical rgRow indexes to hide",
-            "name": "trimmedRows"
+            "name": "trimmedRows",
+            "text": "are physical rgRow indexes to hide"
           }],
         "text": "Trimmed rows\nFunctionality which allows to hide rows from main data set"
       },
@@ -1843,8 +1881,8 @@ export class RevoGridComponent {
         "signature": "(type?: RevoGrid.DimensionRows) => Promise<any[]>",
         "parameters": [{
             "tags": [{
-                "text": "type - type of source",
-                "name": "param"
+                "name": "param",
+                "text": "type - type of source"
               }],
             "text": "- type of source"
           }],
@@ -1872,8 +1910,8 @@ export class RevoGridComponent {
         "signature": "(type?: RevoGrid.DimensionRows) => Promise<RowSource>",
         "parameters": [{
             "tags": [{
-                "text": "type - type of source",
-                "name": "param"
+                "name": "param",
+                "text": "type - type of source"
               }],
             "text": "- type of source"
           }],
@@ -1905,8 +1943,8 @@ export class RevoGridComponent {
         "signature": "(type?: RevoGrid.DimensionCols) => Promise<ColumnSource>",
         "parameters": [{
             "tags": [{
-                "text": "type - type of column",
-                "name": "param"
+                "name": "param",
+                "text": "type - type of column"
               }],
             "text": "- type of column"
           }],
@@ -1938,20 +1976,20 @@ export class RevoGridComponent {
         "signature": "(column: RevoGrid.ColumnRegular, index: number, order: 'asc' | 'desc', additive: boolean) => Promise<RevoGrid.ColumnRegular>",
         "parameters": [{
             "tags": [{
-                "text": "column - full column details to update",
-                "name": "param"
+                "name": "param",
+                "text": "column - full column details to update"
               }],
             "text": "- full column details to update"
           }, {
             "tags": [{
-                "text": "index - virtual column index",
-                "name": "param"
+                "name": "param",
+                "text": "index - virtual column index"
               }],
             "text": "- virtual column index"
           }, {
             "tags": [{
-                "text": "order - order to apply",
-                "name": "param"
+                "name": "param",
+                "text": "order - order to apply"
               }],
             "text": "- order to apply"
           }, {

package/dist/collection/components/revo-grid/viewport.helpers.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 export const HEADER_SLOT = 'header';
 export const FOOTER_SLOT = 'footer';
 export const CONTENT_SLOT = 'content';

package/dist/collection/components/revo-grid/viewport.interfaces.js

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

package/dist/collection/components/revo-grid/viewport.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 import { h } from '@stencil/core';
 import OrderRenderer from '../order/orderRenderer';
 export const RevoViewPort = ({ viewports, dimensions, orderRef, nakedClick, registerElement, onScroll }, children) => {

package/dist/collection/components/revo-grid/viewport.resize.service.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 import throttle from 'lodash/throttle';
 import { resizeObserver } from '../../utils/resizeObserver';
 export default class GridResizeService {

package/dist/collection/components/revo-grid/viewport.scrolling.service.js

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

package/dist/collection/components/revo-grid/viewport.section.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 import { h } from '@stencil/core';
 import { UUID } from '../../utils/consts';
 import { DATA_SLOT, HEADER_SLOT } from './viewport.helpers';

package/dist/collection/components/revo-grid/viewport.service.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 import { EMPTY_INDEX } from '../../services/selection.store.connector';
 import { getSourceItem, getVisibleSourceItem } from '../../store/dataSource/data.store';
 import { columnTypes, rowTypes } from '../../store/storeTypes';

package/dist/collection/components/rowHeaders/revogr-row-headers.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 import { h, Host } from '@stencil/core';
 import { Component, Prop, Event } from '@stencil/core';
 import DataStore from '../../store/dataSource/data.store';

package/dist/collection/components/rowHeaders/row-header-render.js

@@ -1 +1,4 @@
+/*!
+ * Built by Revolist
+ */
 export const RowHeaderRender = s => (__, { rowIndex: i }) => s + i;

package/dist/collection/components/scroll/revogr-viewport-scroll.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 import { Component, Event, h, Method, Element, Prop, Host } from '@stencil/core';
 import each from 'lodash/each';
 import GridResizeService from '../revo-grid/viewport.resize.service';
@@ -370,8 +373,8 @@ export class RevogrViewportScroll {
         "signature": "(e: RevoGrid.ViewPortScrollEvent) => Promise<RevoGrid.ViewPortScrollEvent>",
         "parameters": [{
             "tags": [{
-                "text": "e",
-                "name": "param"
+                "name": "param",
+                "text": "e"
               }],
             "text": ""
           }],

package/dist/collection/components/scrollable/revogr-scroll-virtual.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 import { Component, Element, Event, h, Host, Method, Prop } from '@stencil/core';
 import { getScrollbarWidth } from '../../utils/utils';
 import LocalScrollService from '../../services/localScrollService';

package/dist/collection/components/selection-focus/revogr-focus.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 import { Component, Prop, h, Host, Element } from '@stencil/core';
 import { FOCUS_CLASS } from '../../utils/consts';
 import { getElStyle } from '../overlay/selection.utils';

package/dist/collection/components/selection-temp-range/revogr-temp-range.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 import { Component, Prop, h, Host } from '@stencil/core';
 import { throttle } from 'lodash';
 import { TMP_SELECTION_BG_CLASS } from '../../utils/consts';

package/dist/collection/global/global.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 import { setMode } from '@stencil/core';
 import ThemeService from '../themeManager/themeService';
 setMode(elm => {

package/dist/collection/index.js

@@ -1 +1,4 @@
+/*!
+ * Built by Revolist
+ */
 export * from './components';

package/dist/collection/plugins/autoSizeColumn.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 /**
  * Plugin module for revo-grid grid system
  * Add support for automatic column resize

package/dist/collection/plugins/basePlugin.js

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

package/dist/collection/plugins/dispatcher.js

@@ -0,0 +1,22 @@
+/*!
+ * Built by Revolist
+ */
+/**
+ * Dispatch custom event to element
+ */
+export function dispatch(target, eventName, detail) {
+  const event = new CustomEvent(eventName, {
+    detail,
+    cancelable: true,
+    bubbles: true,
+  });
+  target === null || target === void 0 ? void 0 : target.dispatchEvent(event);
+  return event;
+}
+/**
+ * Dispatch event by other event target
+ */
+export function dispatchOnEvent(e, eventName, detail) {
+  e.preventDefault();
+  return dispatch(e.target, eventName, detail);
+}

package/dist/collection/plugins/export/csv.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 import { getGroupingName, isGrouping } from '../groupingRow/grouping.service';
 const INITIAL = {
   mime: 'text/csv',

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

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

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

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

package/dist/collection/plugins/filter/conditions/equal.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 const eq = (value, extra) => {
   if (typeof value === 'undefined' || (value === null && !extra)) {
     return true;

package/dist/collection/plugins/filter/conditions/number/greaterThan.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 const gtThan = function (value, extra) {
   let conditionValue;
   if (typeof value === 'number') {

package/dist/collection/plugins/filter/conditions/number/greaterThanOrEqual.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 import eq from '../equal';
 import gt from './greaterThan';
 const gtThanEq = function (value, extra) {

package/dist/collection/plugins/filter/conditions/number/lessThan.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 const lt = function (value, extra) {
   let conditionValue;
   if (typeof value === 'number') {

package/dist/collection/plugins/filter/conditions/number/lessThanOrEqual.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 import eq from '../equal';
 import lt from './lessThan';
 const lsEq = function (value, extra) {

package/dist/collection/plugins/filter/conditions/set.js

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 const set = (value) => !(value === '' || value === null || value === void 0);
 export const notSet = (value) => !set(value);
 export default set;

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';

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`;