@revolist/revogrid 4.0.2-next → 4.0.2

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

@@ -1,163 +0,0 @@
-import { Component, Event, Prop, h, Element, Host } from '@stencil/core';
-import { EDIT_INPUT_WR } from '../../utils/consts';
-import { TextEditor } from './editors/text';
-export class Edit {
-  constructor() {
-    this.currentEditor = null;
-  }
-  /** Callback triggered on cell editor save */
-  onSave(val, preventFocus) {
-    if (this.editCell) {
-      this.cellEdit.emit({
-        rgCol: this.editCell.x,
-        rgRow: this.editCell.y,
-        val,
-        preventFocus,
-      });
-    }
-  }
-  componentWillRender() {
-    // we have active editor
-    if (this.currentEditor) {
-      return;
-    }
-    // fresh run
-    // editor defined for the column
-    if (this.editor) {
-      this.currentEditor = new this.editor(this.column, (e, preventFocus) => this.onSave(e, preventFocus), focusNext => this.closeEdit.emit(focusNext));
-      return;
-    }
-    // default text editor usage
-    this.currentEditor = new TextEditor(this.column, (e, preventFocus) => this.onSave(e, preventFocus));
-  }
-  componentDidRender() {
-    if (!this.currentEditor) {
-      return;
-    }
-    this.currentEditor.element = this.element.firstElementChild;
-    this.currentEditor.componentDidRender && this.currentEditor.componentDidRender();
-  }
-  disconnectedCallback() {
-    if (!this.currentEditor) {
-      return;
-    }
-    this.currentEditor.disconnectedCallback && this.currentEditor.disconnectedCallback();
-    if (this.currentEditor.element) {
-      this.currentEditor.element = null;
-    }
-    this.currentEditor = null;
-  }
-  render() {
-    if (this.currentEditor) {
-      this.currentEditor.editCell = this.editCell;
-      return h(Host, { class: EDIT_INPUT_WR }, this.currentEditor.render(h));
-    }
-    return '';
-  }
-  static get is() { return "revogr-edit"; }
-  static get originalStyleUrls() { return {
-    "$": ["revogr-edit-style.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["revogr-edit-style.css"]
-  }; }
-  static get properties() { return {
-    "editCell": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "Edition.EditCell",
-        "resolved": "EditCellStore & BeforeSaveDataDetails",
-        "references": {
-          "Edition": {
-            "location": "import",
-            "path": "../../interfaces"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "column": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "RevoGrid.ColumnRegular | null",
-        "resolved": "ColumnRegular",
-        "references": {
-          "RevoGrid": {
-            "location": "import",
-            "path": "../../interfaces"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "editor": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "Edition.EditorCtr | null",
-        "resolved": "EditorCtr",
-        "references": {
-          "Edition": {
-            "location": "import",
-            "path": "../../interfaces"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Custom editors register"
-      }
-    }
-  }; }
-  static get events() { return [{
-      "method": "cellEdit",
-      "name": "cellEdit",
-      "bubbles": false,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "Edition.SaveDataDetails",
-        "resolved": "{ rgRow: number; rgCol: number; val: any; preventFocus?: boolean; }",
-        "references": {
-          "Edition": {
-            "location": "import",
-            "path": "../../interfaces"
-          }
-        }
-      }
-    }, {
-      "method": "closeEdit",
-      "name": "closeEdit",
-      "bubbles": false,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Close editor event"
-      },
-      "complexType": {
-        "original": "boolean | undefined",
-        "resolved": "boolean",
-        "references": {}
-      }
-    }]; }
-  static get elementRef() { return "element"; }
-}

package/dist/collection/components/revoGrid/viewport.interfaces.js

@@ -1 +0,0 @@
-export {};

package/dist/collection/components/revoGrid/viewport.js

@@ -1,18 +0,0 @@
-import { h } from '@stencil/core';
-import OrderRenderer from '../order/orderRenderer';
-export const RevoViewPort = ({ viewports, dimensions, orderRef, nakedClick, registerElement, onScroll }, children) => {
-  const viewPortClick = (e, el) => {
-    if (el === e.target) {
-      nakedClick(e);
-    }
-  };
-  let el;
-  return [
-    h("div", { class: "main-viewport", ref: e => el = e, onClick: e => viewPortClick(e, el) },
-      h("div", { class: "viewports" },
-        children,
-        h("revogr-scroll-virtual", { class: "vertical", dimension: "rgRow", viewportStore: viewports['rgRow'].store, dimensionStore: dimensions['rgRow'].store, ref: el => registerElement(el, 'rowScroll'), onScrollVirtual: e => onScroll(e.detail) }),
-        h(OrderRenderer, { ref: orderRef }))),
-    h("revogr-scroll-virtual", { class: "horizontal", dimension: "rgCol", viewportStore: viewports['rgCol'].store, dimensionStore: dimensions['rgCol'].store, ref: el => registerElement(el, 'colScroll'), onScrollVirtual: e => onScroll(e.detail) }),
-  ];
-};

package/dist/collection/components/revoGrid/viewport.section.js

@@ -1,28 +0,0 @@
-import { h } from '@stencil/core';
-import { UUID } from '../../utils/consts';
-import { DATA_SLOT, HEADER_SLOT } from './viewport.helpers';
-/**
- * All render based on sections
- * First we render vertical parts - pinned start, data, pinned end
- * Per each column we render data collections: headers, pinned top, center data, pinned bottom
- */
-export const ViewPortSections = ({ resize, editors, rowClass, readonly, range, columns, useClipboard, columnFilter, registerElement, onEdit, onScroll }) => {
-  const viewPortHtml = [];
-  /** render viewports columns */
-  for (let view of columns) {
-    /** render viewports rows */
-    const dataViews = [
-      h("revogr-header", Object.assign({ viewportCol: view.viewportCol }, view.headerProp, { selectionStore: view.columnSelectionStore, slot: HEADER_SLOT, columnFilter: columnFilter, canResize: resize })),
-    ];
-    view.dataPorts.forEach((data, j) => {
-      const key = view.prop.key + (j + 1);
-      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 })));
-      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));
-  }
-  return viewPortHtml;
-};

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

@@ -1,4 +0,0 @@
-const LETTER_BLOCK_SIZE = 10;
-export const calculateRowHeaderSize = (itemsLength, rowHeaderColumn) => {
-  return (rowHeaderColumn === null || rowHeaderColumn === void 0 ? void 0 : rowHeaderColumn.size) || (itemsLength.toString().length + 1) * LETTER_BLOCK_SIZE;
-};

package/dist/collection/plugins/autoSizeColumn.d.ts

@@ -1,54 +0,0 @@
-import BasePlugin from './basePlugin';
-import ColumnDataProvider from '../services/column.data.provider';
-import { DataProvider } from '../services/data.provider';
-import DimensionProvider from '../services/dimension.provider';
-export declare type AutoSizeColumnConfig = {
-  mode?: ColumnAutoSizeMode;
-  /**
-   * autoSize for all columns
-   * if allColumnes true all columns treated as autoSize, worse for performance
-   * false by default
-   */
-  allColumns?: boolean;
-  /**
-   * assumption per characted size
-   * by default defined as 8, can be changed in this config
-   */
-  letterBlockSize?: number;
-  /** make size calculation exact
-   * by default it based on assumption each character takes some space defined in letterBlockSize */
-  preciseSize?: boolean;
-};
-declare type Providers = {
-  dataProvider: DataProvider;
-  dimensionProvider: DimensionProvider;
-  columnProvider: ColumnDataProvider;
-};
-declare enum ColumnAutoSizeMode {
-  headerClickAutosize = "headerClickAutoSize",
-  autoSizeOnTextOverlap = "autoSizeOnTextOverlap",
-  autoSizeAll = "autoSizeAll"
-}
-export default class AutoSizeColumn extends BasePlugin {
-  private providers;
-  private config?;
-  private autoSizeColumns;
-  private readonly letterBlockSize;
-  /** for config option when @preciseSize enabled */
-  private readonly precsizeCalculationArea;
-  /** for edge case when no columns defined before data */
-  private dataResolve;
-  private dataReject;
-  constructor(revogrid: HTMLRevoGridElement, providers: Providers, config?: AutoSizeColumnConfig);
-  private setSource;
-  private getLength;
-  private afteredit;
-  private afterEditAll;
-  private getColumnSize;
-  private columnSet;
-  private clearPromise;
-  private isRangeEdit;
-  private initiatePresizeElement;
-  destroy(): void;
-}
-export {};

package/dist/collection/plugins/autoSizeColumn.js

@@ -1,230 +0,0 @@
-/**
- * Plugin module for revo-grid grid system
- * Add support for automatic column resize
- */
-import each from 'lodash/each';
-import reduce from 'lodash/reduce';
-import BasePlugin from './basePlugin';
-import ColumnDataProvider from '../services/column.data.provider';
-import { columnTypes } from '../store/storeTypes';
-import { getSourceItem } from '../store/dataSource/data.store';
-const LETTER_BLOCK_SIZE = 7;
-var ColumnAutoSizeMode;
-(function (ColumnAutoSizeMode) {
-  // increases column width on header click according the largest text value
-  ColumnAutoSizeMode["headerClickAutosize"] = "headerClickAutoSize";
-  // increases column width on data set and text edit, decreases performance
-  ColumnAutoSizeMode["autoSizeOnTextOverlap"] = "autoSizeOnTextOverlap";
-  // increases and decreases column width based on all items sizes, worst for performance
-  ColumnAutoSizeMode["autoSizeAll"] = "autoSizeAll";
-})(ColumnAutoSizeMode || (ColumnAutoSizeMode = {}));
-export default class AutoSizeColumn extends BasePlugin {
-  constructor(revogrid, providers, config) {
-    super(revogrid);
-    this.providers = providers;
-    this.config = config;
-    this.autoSizeColumns = null;
-    /** for edge case when no columns defined before data */
-    this.dataResolve = null;
-    this.dataReject = null;
-    this.letterBlockSize = (config === null || config === void 0 ? void 0 : config.letterBlockSize) || LETTER_BLOCK_SIZE;
-    // create test container to check text width
-    if (config === null || config === void 0 ? void 0 : config.preciseSize) {
-      this.precsizeCalculationArea = this.initiatePresizeElement();
-      revogrid.appendChild(this.precsizeCalculationArea);
-    }
-    const aftersourceset = ({ detail: { source } }) => {
-      this.setSource(source);
-    };
-    const afteredit = ({ detail }) => {
-      this.afteredit(detail);
-    };
-    const afterEditAll = ({ detail }) => {
-      this.afterEditAll(detail);
-    };
-    const beforecolumnsset = ({ detail: { columns } }) => {
-      this.columnSet(columns);
-    };
-    const headerDblClick = ({ detail }) => {
-      const type = ColumnDataProvider.getColumnType(detail);
-      const size = this.getColumnSize(detail.index, type);
-      if (size) {
-        this.providers.dimensionProvider.setDimensionSize(type, {
-          [detail.index]: size,
-        });
-      }
-    };
-    this.addEventListener('beforecolumnsset', beforecolumnsset);
-    switch (config === null || config === void 0 ? void 0 : config.mode) {
-      case ColumnAutoSizeMode.autoSizeOnTextOverlap:
-        this.addEventListener('aftersourceset', aftersourceset);
-        this.addEventListener('afteredit', afteredit);
-        break;
-      case ColumnAutoSizeMode.autoSizeAll:
-        this.addEventListener('aftersourceset', aftersourceset);
-        this.addEventListener('afteredit', afterEditAll);
-        break;
-      default:
-        this.addEventListener('headerdblClick', headerDblClick);
-        break;
-    }
-  }
-  async setSource(source) {
-    let autoSize = this.autoSizeColumns;
-    if (this.dataReject) {
-      this.dataReject();
-      this.clearPromise();
-    }
-    /** If data set first and no column provided await until get one */
-    if (!autoSize) {
-      const request = new Promise((resolve, reject) => {
-        this.dataResolve = resolve;
-        this.dataReject = reject;
-      });
-      try {
-        autoSize = await request;
-      }
-      catch (e) {
-        return;
-      }
-    }
-    // calculate sizes
-    each(autoSize, (_v, type) => {
-      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);
-      });
-      this.providers.dimensionProvider.setDimensionSize(type, sizes);
-    });
-  }
-  getLength(len) {
-    var _a;
-    const padding = 15;
-    if (!len) {
-      return 0;
-    }
-    try {
-      const str = len.toString();
-      /**if exact calculation required proxy with html element, slow operation */
-      if ((_a = this.config) === null || _a === void 0 ? void 0 : _a.preciseSize) {
-        this.precsizeCalculationArea.innerText = str;
-        return this.precsizeCalculationArea.scrollWidth + padding * 2;
-      }
-      return str.length * this.letterBlockSize + padding * 2;
-    }
-    catch (e) {
-      return 0;
-    }
-  }
-  afteredit(e) {
-    let data;
-    if (this.isRangeEdit(e)) {
-      data = e.data;
-    }
-    else {
-      data = { 0: { [e.prop]: e.val } };
-    }
-    each(this.autoSizeColumns, (columns, type) => {
-      const sizes = {};
-      each(columns, rgCol => {
-        // calculate size
-        const size = reduce(data, (prev, rgRow) => {
-          if (typeof rgRow[rgCol.prop] === 'undefined') {
-            return prev;
-          }
-          return Math.max(prev || 0, this.getLength(rgRow[rgCol.prop]));
-        }, undefined);
-        if (size && rgCol.size < size) {
-          rgCol.size = sizes[rgCol.index] = size;
-        }
-      });
-      this.providers.dimensionProvider.setDimensionSize(type, sizes);
-    });
-  }
-  afterEditAll(e) {
-    const props = {};
-    if (this.isRangeEdit(e)) {
-      each(e.data, r => each(r, (_v, p) => (props[p] = true)));
-    }
-    else {
-      props[e.prop] = true;
-    }
-    each(this.autoSizeColumns, (columns, type) => {
-      const sizes = {};
-      each(columns, rgCol => {
-        if (props[rgCol.prop]) {
-          const size = this.getColumnSize(rgCol.index, type);
-          if (size) {
-            sizes[rgCol.index] = size;
-          }
-        }
-      });
-      this.providers.dimensionProvider.setDimensionSize(type, sizes);
-    });
-  }
-  getColumnSize(index, type) {
-    const rgCol = this.autoSizeColumns[type][index];
-    if (!rgCol) {
-      return 0;
-    }
-    return reduce(this.providers.dataProvider.stores, (r, s) => {
-      const perStore = reduce(s.store.get('items'), (prev, _row, i) => {
-        const item = getSourceItem(s.store, i);
-        return Math.max(prev || 0, this.getLength(item[rgCol.prop]));
-      }, 0);
-      return Math.max(r, perStore);
-    }, rgCol.size || 0);
-  }
-  columnSet(columns) {
-    var _a;
-    for (let t of columnTypes) {
-      const type = t;
-      const cols = columns[type];
-      for (let i in cols) {
-        if (cols[i].autoSize || ((_a = this.config) === null || _a === void 0 ? void 0 : _a.allColumns)) {
-          if (!this.autoSizeColumns) {
-            this.autoSizeColumns = {};
-          }
-          if (!this.autoSizeColumns[type]) {
-            this.autoSizeColumns[type] = {};
-          }
-          this.autoSizeColumns[type][i] = Object.assign(Object.assign({}, cols[i]), { index: parseInt(i, 10) });
-        }
-      }
-    }
-    if (this.dataResolve) {
-      this.dataResolve(this.autoSizeColumns);
-      this.clearPromise();
-    }
-  }
-  clearPromise() {
-    this.dataResolve = null;
-    this.dataReject = null;
-  }
-  isRangeEdit(e) {
-    return !!e.data;
-  }
-  initiatePresizeElement() {
-    const styleForFontTest = {
-      position: 'absolute',
-      fontSize: '14px',
-      height: '0',
-      width: '0',
-      whiteSpace: 'nowrap',
-      top: '0',
-      overflowX: 'scroll',
-    };
-    const el = document.createElement('div');
-    for (let s in styleForFontTest) {
-      el.style[s] = styleForFontTest[s];
-    }
-    el.classList.add('revo-test-container');
-    return el;
-  }
-  destroy() {
-    var _a;
-    super.destroy();
-    (_a = this.precsizeCalculationArea) === null || _a === void 0 ? void 0 : _a.remove();
-  }
-}

package/dist/collection/plugins/basePlugin.d.ts

@@ -1,37 +0,0 @@
-import { RevoPlugin } from '../interfaces';
-/**
- * Base layer for plugins
- * Provide minimal starting core
- */
-export default abstract class BasePlugin implements RevoPlugin.Plugin {
-  protected revogrid: HTMLRevoGridElement;
-  protected readonly subscriptions: Record<string, (e: CustomEvent) => void>;
-  constructor(revogrid: HTMLRevoGridElement);
-  /**
-   *
-   * @param eventName - event name to subscribe to in revo-grid
-   * @param callback - callback function for event
-   */
-  protected addEventListener(eventName: string, callback: (e: CustomEvent) => void): void;
-  /**
-   * Remove event subscription
-   * @param eventName
-   */
-  protected removeEventListener(eventName: string): void;
-  /**
-   * Trigger event to grid upper level
-   * Event can be cancelled
-   * @param eventName
-   * @param detail
-   * @returns event
-   */
-  protected emit(eventName: string, detail?: any): CustomEvent<any>;
-  /**
-   * Clearing inner subscription
-   */
-  protected clearSubscriptions(): void;
-  /**
-   * Minimal destroy implementations
-   */
-  destroy(): void;
-}

package/dist/collection/plugins/basePlugin.js

@@ -1,53 +0,0 @@
-/**
- * Base layer for plugins
- * Provide minimal starting core
- */
-export default class BasePlugin {
-  constructor(revogrid) {
-    this.revogrid = revogrid;
-    this.subscriptions = {};
-  }
-  /**
-   *
-   * @param eventName - event name to subscribe to in revo-grid
-   * @param callback - callback function for event
-   */
-  addEventListener(eventName, callback) {
-    this.revogrid.addEventListener(eventName, callback);
-    this.subscriptions[eventName] = callback;
-  }
-  /**
-   * Remove event subscription
-   * @param eventName
-   */
-  removeEventListener(eventName) {
-    this.revogrid.removeEventListener(eventName, this.subscriptions[eventName]);
-    delete this.subscriptions[eventName];
-  }
-  /**
-   * Trigger event to grid upper level
-   * Event can be cancelled
-   * @param eventName
-   * @param detail
-   * @returns event
-   */
-  emit(eventName, detail) {
-    const event = new CustomEvent(eventName, { detail, cancelable: true });
-    this.revogrid.dispatchEvent(event);
-    return event;
-  }
-  /**
-   * Clearing inner subscription
-   */
-  clearSubscriptions() {
-    for (let type in this.subscriptions) {
-      this.removeEventListener(type);
-    }
-  }
-  /**
-   * Minimal destroy implementations
-   */
-  destroy() {
-    this.clearSubscriptions();
-  }
-}

package/dist/collection/plugins/export/csv.d.ts

@@ -1,9 +0,0 @@
-import { CSVFormat, DataInput, Formatter } from './types';
-export declare type CSVFormatter = (options: Partial<CSVFormat>, data: DataInput) => string;
-export default class ExportCsv implements Formatter {
-  readonly options: Readonly<CSVFormat>;
-  constructor(options?: Partial<CSVFormat>);
-  doExport({ data, headers, props }: DataInput): string;
-  private prepareHeader;
-  private parseCell;
-}

package/dist/collection/plugins/export/export.plugin.d.ts

@@ -1,24 +0,0 @@
-import { CSVFormat, Formatter } from './types';
-import BasePlugin from '../basePlugin';
-declare enum ExportTypes {
-  csv = "csv"
-}
-export declare type ExportFormat = Partial<CSVFormat>;
-export default class ExportFilePlugin extends BasePlugin {
-  /** Exports string */
-  exportString(options?: ExportFormat, t?: ExportTypes): Promise<string>;
-  /** Exports Blob */
-  exportBlob(options?: ExportFormat, t?: ExportTypes): Promise<Blob>;
-  /** Export file */
-  exportFile(options?: ExportFormat, t?: ExportTypes): Promise<void>;
-  /** Blob object */
-  getBlob(formatter: Formatter): Promise<Blob>;
-  private beforeexport;
-  private getData;
-  private getColPerSource;
-  private getGroupHeaders;
-  private findGroupStartIndex;
-  private getSource;
-  private formatter;
-}
-export {};

package/dist/collection/plugins/export/types.d.ts

@@ -1,23 +0,0 @@
-import { RevoGrid } from '../../interfaces';
-export declare type ColSource = {
-  headers: string[][];
-  props: any[];
-};
-export declare type DataInput = {
-  data: RevoGrid.DataType[];
-} & ColSource;
-export interface FormatterOptions {
-  mime: string;
-  encoding: string;
-}
-export interface Formatter {
-  options: FormatterOptions;
-  doExport(data: DataInput): string;
-}
-export interface CSVFormat extends FormatterOptions {
-  fileKind: 'csv';
-  bom: boolean;
-  columnDelimiter: string;
-  rowDelimiter: string;
-  filename?: string;
-}

package/dist/collection/plugins/filter/conditions/equal.d.ts

@@ -1,4 +0,0 @@
-import { LogicFunction } from '../filter.types';
-declare const eq: LogicFunction;
-export declare const notEq: LogicFunction;
-export default eq;

package/dist/collection/plugins/filter/conditions/number/greaterThan.d.ts

@@ -1,3 +0,0 @@
-import { LogicFunction } from '../../filter.types';
-declare const gtThan: LogicFunction;
-export default gtThan;

package/dist/collection/plugins/filter/conditions/number/greaterThanOrEqual.d.ts

@@ -1,3 +0,0 @@
-import { LogicFunction } from '../../filter.types';
-declare const gtThanEq: LogicFunction;
-export default gtThanEq;

package/dist/collection/plugins/filter/conditions/number/lessThan.d.ts

@@ -1,3 +0,0 @@
-import { LogicFunction } from '../../filter.types';
-declare const lt: LogicFunction;
-export default lt;

package/dist/collection/plugins/filter/conditions/number/lessThanOrEqual.d.ts

@@ -1,3 +0,0 @@
-import { LogicFunction } from '../../filter.types';
-declare const lsEq: LogicFunction;
-export default lsEq;