@revolist/revogrid 3.1.8 → 3.1.90

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,11 @@ export class RevoGridComponent {
      * Can be filter collection
      */
     this.filter = false;
+    /**
+     * Enables column move plugin
+     * Can be boolean
+     */
+    this.canMoveColumns = false;
     /**
      * Trimmed rows
      * Functionality which allows to hide rows from main data set
@@ -482,6 +491,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 +514,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 +1012,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"
+      },
+      "attribute": "can-move-columns",
+      "reflect": false,
+      "defaultValue": "false"
+    },
     "trimmedRows": {
       "type": "unknown",
       "mutable": false,
@@ -1009,8 +1046,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"
       },
@@ -1176,6 +1213,26 @@ export class RevoGridComponent {
           }
         }
       }
+    }, {
+      "method": "afterfocus",
+      "name": "afterfocus",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": "Triggered after focus render finished.\nCan be used to access a focus element through @event.target"
+      },
+      "complexType": {
+        "original": "{ model: any; column: RevoGrid.ColumnRegular; }",
+        "resolved": "{ model: any; column: ColumnRegular; }",
+        "references": {
+          "RevoGrid": {
+            "location": "import",
+            "path": "../../interfaces"
+          }
+        }
+      }
     }, {
       "method": "roworderchanged",
       "name": "roworderchanged",
@@ -1843,8 +1900,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 +1929,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 +1962,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 +1995,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';
@@ -19,7 +22,7 @@ export const ViewPortSections = ({ resize, editors, rowClass, readonly, range, c
       const dataView = (h("revogr-overlay-selection", Object.assign({}, data, { slot: data.slot, selectionStore: data.segmentSelectionStore, editors: editors, readonly: readonly, range: range, useClipboard: useClipboard, onSetEdit: ({ detail }) => onEdit(detail) }),
         h("revogr-data", Object.assign({}, data, { [UUID]: data.uuid }, { key: key, readonly: readonly, range: range, rowClass: rowClass, rowSelectionStore: data.rowSelectionStore, slot: DATA_SLOT })),
         h("revogr-temp-range", { selectionStore: data.segmentSelectionStore, dimensionRow: data.dimensionRow, dimensionCol: data.dimensionCol }),
-        h("revogr-focus", { selectionStore: data.segmentSelectionStore, dimensionRow: data.dimensionRow, dimensionCol: data.dimensionCol })));
+        h("revogr-focus", { colData: data.colData, dataStore: data.dataStore, selectionStore: data.segmentSelectionStore, dimensionRow: data.dimensionRow, dimensionCol: data.dimensionCol })));
       dataViews.push(dataView);
     });
     viewPortHtml.push(h("revogr-viewport-scroll", Object.assign({}, view.prop, { ref: el => registerElement(el, view.prop.key), onScrollViewport: e => onScroll(e.detail, view.prop.key) }), dataViews));

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,15 +1,26 @@
-import { Component, Prop, h, Host, Element } from '@stencil/core';
+/*!
+ * Built by Revolist
+ */
+import { Component, Prop, h, Host, Element, Event } from '@stencil/core';
+import { getSourceItem } from '../../store/dataSource/data.store';
 import { FOCUS_CLASS } from '../../utils/consts';
 import { getElStyle } from '../overlay/selection.utils';
 export class RevogrFocus {
-  changed(e) {
+  changed(e, focus) {
     e === null || e === void 0 ? void 0 : e.scrollIntoView({
       block: 'nearest',
       inline: 'nearest',
     });
+    const model = getSourceItem(this.dataStore, focus.y);
+    const column = getSourceItem(this.colData, focus.x);
+    this.afterFocus.emit({
+      model,
+      column
+    });
   }
   componentDidRender() {
-    this.el && this.changed(this.el);
+    const currentFocus = this.selectionStore.get('focus');
+    currentFocus && this.el && this.changed(this.el, currentFocus);
   }
   render() {
     const data = this.selectionStore.get('focus');
@@ -26,6 +37,46 @@ export class RevogrFocus {
     "$": ["revogr-focus-style.css"]
   }; }
   static get properties() { return {
+    "dataStore": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "RowSource",
+        "resolved": "ObservableMap<DataSourceState<DataType, DimensionRows>>",
+        "references": {
+          "RowSource": {
+            "location": "import",
+            "path": "../data/columnService"
+          }
+        }
+      },
+      "required": true,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Dynamic stores"
+      }
+    },
+    "colData": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "ColumnSource",
+        "resolved": "ObservableMap<DataSourceState<ColumnRegular, DimensionCols>>",
+        "references": {
+          "ColumnSource": {
+            "location": "import",
+            "path": "../data/columnService"
+          }
+        }
+      },
+      "required": true,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      }
+    },
     "selectionStore": {
       "type": "unknown",
       "mutable": false,
@@ -43,11 +94,11 @@ export class RevogrFocus {
           }
         }
       },
-      "required": false,
+      "required": true,
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Dynamic stores"
+        "text": ""
       }
     },
     "dimensionRow": {
@@ -67,7 +118,7 @@ export class RevogrFocus {
           }
         }
       },
-      "required": false,
+      "required": true,
       "optional": false,
       "docs": {
         "tags": [],
@@ -91,7 +142,7 @@ export class RevogrFocus {
           }
         }
       },
-      "required": false,
+      "required": true,
       "optional": false,
       "docs": {
         "tags": [],
@@ -99,5 +150,26 @@ export class RevogrFocus {
       }
     }
   }; }
+  static get events() { return [{
+      "method": "afterFocus",
+      "name": "afterfocus",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "{\n    model: any;\n    column: RevoGrid.ColumnRegular;\n  }",
+        "resolved": "{ model: any; column: ColumnRegular; }",
+        "references": {
+          "RevoGrid": {
+            "location": "import",
+            "path": "../../interfaces"
+          }
+        }
+      }
+    }]; }
   static get elementRef() { return "el"; }
 }

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
@@ -93,7 +96,7 @@ export default class AutoSizeColumn extends BasePlugin {
       const sizes = {};
       each(autoSize[type], rgCol => {
         // calculate size
-        rgCol.size = sizes[rgCol.index] = source.reduce((prev, rgRow) => Math.max(prev, this.getLength(rgRow[rgCol.prop])), 0);
+        rgCol.size = sizes[rgCol.index] = source.reduce((prev, rgRow) => Math.max(prev, this.getLength(rgRow[rgCol.prop])), this.getLength(rgCol.name || ''));
       });
       this.providers.dimensionProvider.setDimensionSize(type, sizes);
     });

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;