@revolist/revogrid 3.1.5 → 3.1.90

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

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 import { h } from '@stencil/core';
 import ColumnService from './columnService';
 import { DRAG_ICON_CLASS, DRAGGABLE_CLASS } from '../../utils/consts';

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

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 import { h } from '@stencil/core';
 import { getSourceItem, getVisibleSourceItem, setSourceByVirtualIndex } from '../../store/dataSource/data.store';
 import { CELL_CLASS, DISABLED_CLASS } from '../../utils/consts';

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

@@ -1,3 +1,6 @@
+/*!
+ * Built by Revolist
+ */
 import { Component, Element, Event, Prop, h } from '@stencil/core';
 import { Watch } from '@stencil/core/internal';
 import ColumnService from './columnService';

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,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
@@ -456,6 +465,9 @@ export class RevoGridComponent {
     grPlugin.setGrouping(newVal || {});
   }
   applyStretch(isStretch) {
+    if (isStretch === 'false') {
+      isStretch = false;
+    }
     let stretch = this.internalPlugins.filter(p => isStretchPlugin(p))[0];
     if (isStretch) {
       if (!stretch) {
@@ -479,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,
@@ -495,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,
@@ -972,7 +994,7 @@ export class RevoGridComponent {
       "mutable": false,
       "complexType": {
         "original": "boolean | ColumnFilterConfig",
-        "resolved": "boolean | { collection?: FilterCollection; include?: string[]; customFilters?: Record<string, CustomFilter>; localization?: FilterLocalization; multiFilterItems?: MultiFilterItem; }",
+        "resolved": "boolean | { collection?: FilterCollection; include?: string[]; customFilters?: Record<string, CustomFilter>; localization?: FilterLocalization; multiFilterItems?: MultiFilterItem; disableDynamicFiltering?: boolean; }",
         "references": {
           "ColumnFilterConfig": {
             "location": "import",
@@ -990,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,
@@ -1006,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"
       },
@@ -1055,7 +1095,7 @@ export class RevoGridComponent {
       "type": "any",
       "mutable": false,
       "complexType": {
-        "original": "boolean|string",
+        "original": "boolean | string",
         "resolved": "boolean | string",
         "references": {}
       },
@@ -1173,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",
@@ -1840,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"
           }],
@@ -1869,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"
           }],
@@ -1902,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"
           }],
@@ -1935,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';