@revolist/revogrid 3.6.7 → 3.6.9

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

@@ -1,13 +1,13 @@
 /*!
  * Built by Revolist
  */
-import debounce from 'lodash/debounce';
-import slice from 'lodash/slice';
-import { h } from '@stencil/core';
-import { CELL_HANDLER_CLASS } from '../../utils/consts';
-import { getCell, getCurrentCell, isAfterLast } from './selection.utils';
-import { getRange } from '../../store/selection/selection.helpers';
-import { getSourceItem } from '../../store/dataSource/data.store';
+import debounce from "lodash/debounce";
+import slice from "lodash/slice";
+import { h } from "@stencil/core";
+import { CELL_HANDLER_CLASS } from "../../utils/consts";
+import { getCell, getCurrentCell, isAfterLast } from "./selection.utils";
+import { getRange } from "../../store/selection/selection.helpers";
+import { getSourceItem } from "../../store/dataSource/data.store";
 var AutoFillType;
 (function (AutoFillType) {
   AutoFillType["selection"] = "Selection";
@@ -175,3 +175,4 @@ export class AutoFillService {
     this.sv.setRange(newRange);
   }
 }
+//# sourceMappingURL=autofill.service.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"autofill.service.js","sourceRoot":"","sources":["../../../src/components/overlay/autofill.service.tsx"],"names":[],"mappings":"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","sourcesContent":["import debounce from 'lodash/debounce';\nimport { DebouncedFunc } from 'lodash';\nimport slice from 'lodash/slice';\n\nimport { h } from '@stencil/core';\nimport { CELL_HANDLER_CLASS } from '../../utils/consts';\nimport { Observable, Selection, RevoGrid, Edition } from '../../interfaces';\nimport { EventData, getCell, getCurrentCell, isAfterLast } from './selection.utils';\nimport { getRange } from '../../store/selection/selection.helpers';\nimport SelectionStoreService from '../../store/selection/selection.store.service';\nimport ColumnService from '../data/columnService';\nimport { DataSourceState, getSourceItem } from '../../store/dataSource/data.store';\n\ntype Config = {\n  selectionStoreService: SelectionStoreService;\n  dimensionRow: Observable<RevoGrid.DimensionSettingsState>;\n  dimensionCol: Observable<RevoGrid.DimensionSettingsState>;\n  columnService: ColumnService;\n  dataStore: Observable<DataSourceState<RevoGrid.DataType, RevoGrid.DimensionRows>>;\n\n  setTempRange(e: Selection.TempRange | null): Event;\n  internalSelectionChanged(e: Selection.ChangedRange): Event;\n  internalRangeDataApply(e: Edition.BeforeRangeSaveDataDetails): Event;\n  setRange(e: Selection.RangeArea): Event;\n\n  getData(): any;\n};\n\nenum AutoFillType {\n  selection = 'Selection',\n  autoFill = 'AutoFill',\n}\n\nexport class AutoFillService {\n  private autoFillType: AutoFillType | null = null;\n  private autoFillInitial: Selection.Cell | null = null;\n  private autoFillStart: Selection.Cell | null = null;\n  private autoFillLast: Selection.Cell | null = null;\n\n  private onMouseMoveAutofill: DebouncedFunc<(e: MouseEvent, data: EventData) => void>;\n\n  constructor(private sv: Config) {\n\n  }\n\n  /**\n   * Render autofill box\n   * @param range\n   * @param selectionFocus\n   */\n  renderAutofill(range: Selection.RangeArea, selectionFocus: Selection.Cell) {\n    let handlerStyle;\n    if (range) {\n      handlerStyle = getCell(range, this.sv.dimensionRow.state, this.sv.dimensionCol.state);\n    } else {\n      handlerStyle = getCell(\n        {\n          ...selectionFocus,\n          x1: selectionFocus.x,\n          y1: selectionFocus.y,\n        },\n        this.sv.dimensionRow.state,\n        this.sv.dimensionCol.state,\n      );\n    }\n    return (\n      <div\n        class={CELL_HANDLER_CLASS}\n        style={{ left: `${handlerStyle.right}px`, top: `${handlerStyle.bottom}px` }}\n        onMouseDown={(e: MouseEvent) => this.selectionStart(e, this.sv.getData(), AutoFillType.autoFill)}\n      />\n    );\n  }\n\n  get isAutoFill() {\n    return !!this.autoFillType;\n  }\n\n  /** Process mouse move events */\n  selectionMouseMove(e: MouseEvent) {\n    // initiate mouse move debounce if not present\n    if (!this.onMouseMoveAutofill) {\n      this.onMouseMoveAutofill = debounce((e: MouseEvent, data: EventData) => this.doAutofillMouseMove(e, data), 5);\n    }\n    if (this.isAutoFill) {\n      this.onMouseMoveAutofill(e, this.sv.getData());\n    }\n  }\n\n  private getFocus() {\n    let focus = this.sv.selectionStoreService.focused;\n    const range = this.sv.selectionStoreService.ranged;\n    if (range) {\n      focus = { x: range.x, y: range.y };\n    }\n    if (!focus && !range) {\n      return null;\n    }\n    return focus;\n  }\n\n  /**\n   * Autofill logic:\n   * on mouse move apply based on previous direction (if present)\n   */\n  private doAutofillMouseMove({ x, y }: MouseEvent, data: EventData) {\n    if (!this.autoFillInitial) {\n      return;\n    }\n    let current = getCurrentCell({ x, y }, data);\n\n    // first time or direction equal to start(same as first time)\n    if (!this.autoFillLast) {\n      if (!this.autoFillLast) {\n        this.autoFillLast = this.autoFillStart;\n      }\n    }\n\n    // check if not the latest, if latest - do nothing\n    if (isAfterLast(current, data)) {\n      return;\n    }\n    this.autoFillLast = current;\n\n    const isSame = current.x === this.autoFillInitial.x && current.y === this.autoFillInitial.y;\n    // if same as initial - clear\n    if (isSame) {\n      this.sv.setTempRange(null);\n    } else {\n      this.sv.setTempRange({\n        area: getRange(this.autoFillInitial, this.autoFillLast),\n        type: this.autoFillType,\n      });\n    }\n  }\n\n  /**\n   * Range selection started\n   * Mode @param type:\n   * Can be triggered from MouseDown selection on element\n   * Or can be triggered on corner square drag\n   */\n  selectionStart(e: MouseEvent, data: EventData, type = AutoFillType.selection) {\n    /** Get cell by autofill element */\n    const { top, left } = (e.target as HTMLElement).getBoundingClientRect();\n    this.autoFillInitial = this.getFocus();\n    this.autoFillType = type;\n    this.autoFillStart = getCurrentCell({ x: left, y: top }, data);\n    e.preventDefault();\n  }\n\n  /** Clear current range selection */\n  clearAutoFillSelection() {\n    // Apply autofill values on mouse up\n    if (this.autoFillInitial) {\n      // Get latest\n      this.autoFillInitial = this.getFocus();\n      if (this.autoFillType === AutoFillType.autoFill) {\n        this.applyRangeWithData(this.autoFillInitial, this.autoFillLast);\n      } else {\n        this.applyRangeOnly(this.autoFillInitial, this.autoFillLast);\n      }\n    }\n\n    this.autoFillType = null;\n    this.autoFillInitial = null;\n    this.autoFillLast = null;\n    this.autoFillStart = null;\n  }\n\n  /** Trigger range apply events and handle responses */\n  onRangeApply(data: RevoGrid.DataLookup, range: Selection.RangeArea): void {\n    const models: RevoGrid.DataLookup = {};\n    for (let rowIndex in data) {\n      models[rowIndex] = getSourceItem(this.sv.dataStore, parseInt(rowIndex, 10));\n    }\n    const dataEvent = this.sv.internalRangeDataApply({\n      data,\n      models,\n      type: this.sv.dataStore.get('type'),\n    });\n    if (!dataEvent.defaultPrevented) {\n      this.sv.columnService.applyRangeData(data);\n    }\n    this.sv.setRange(range);\n  }\n\n  /** Apply range and copy data during range application */\n  private applyRangeWithData(start?: Selection.Cell, end?: Selection.Cell) {\n    // no changes to apply\n    if (!start || !end) {\n      return;\n    }\n\n    const oldRange = this.sv.selectionStoreService.ranged;\n    const newRange = getRange(start, end);\n    const columns = [...this.sv.columnService.columns];\n    const rangeData: Selection.ChangedRange = {\n      type: this.sv.dataStore.get('type'),\n      newData: {},\n      newRange,\n      oldRange,\n      newProps: slice(columns, newRange.x, newRange.x1 + 1).map(v => v.prop),\n      oldProps: slice(columns, oldRange.x, oldRange.x1 + 1).map(v => v.prop),\n    };\n\n    rangeData.newData = this.sv.columnService.getRangeData(rangeData);\n    const selectionEndEvent = this.sv.internalSelectionChanged(rangeData);\n    if (selectionEndEvent.defaultPrevented) {\n      this.sv.setTempRange(null);\n      return;\n    }\n    this.onRangeApply(rangeData.newData, newRange);\n  }\n\n  /** Update range selection ony, no data change (mouse selection) */\n  private applyRangeOnly(start?: Selection.Cell, end?: Selection.Cell) {\n    // no changes to apply\n    if (!start || !end) {\n      return;\n    }\n\n    const newRange = getRange(start, end);\n    this.sv.setRange(newRange);\n  }\n}\n"]}

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

@@ -1,9 +1,9 @@
 /*!
  * Built by Revolist
  */
-import slice from 'lodash/slice';
-import { h } from '@stencil/core';
-import { getRange } from '../../store/selection/selection.helpers';
+import slice from "lodash/slice";
+import { h } from "@stencil/core";
+import { getRange } from "../../store/selection/selection.helpers";
 export class ClipboardService {
   constructor(sv) {
     this.sv = sv;
@@ -40,3 +40,4 @@ export class ClipboardService {
     this.sv.onRangeApply(changed, range);
   }
 }
+//# sourceMappingURL=clipboard.service.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"clipboard.service.js","sourceRoot":"","sources":["../../../src/components/overlay/clipboard.service.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,cAAc,CAAC;AACjC,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAGlC,OAAO,EAAE,QAAQ,EAAE,MAAM,yCAAyC,CAAC;AAYnE,MAAM,OAAO,gBAAgB;EAE3B,YAAoB,EAAU;IAAV,OAAE,GAAF,EAAE,CAAQ;EAAG,CAAC;EAC1B,MAAM,CAAC,CAAe;IAC5B,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,CAAC,YAAY,EAAE,CAAC;IACvC,IAAI,OAAO,CAAC,gBAAgB,EAAE;MAC5B,OAAO,KAAK,CAAC;KACd;IACD,IAAI,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,qBAAqB,CAAC,OAAO,CAAC;IAClD,IAAI,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,qBAAqB,CAAC,MAAM,CAAC;IACjD,IAAI,IAA6B,CAAC;IAClC,IAAI,CAAC,KAAK,EAAE;MACV,KAAK,GAAG,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;KAChC;IACD,IAAI,KAAK,EAAE;MACT,MAAM,OAAO,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;MACnD,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;MACrE,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,cAAc,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;KAC9E;IACD,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;IAC/B,OAAO,IAAI,CAAC;EACd,CAAC;EAED,eAAe;IACb,OAAO,wBAAkB,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,EAAE,aAAa,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,GAAI,CAAC;EACpJ,CAAC;EAEO,OAAO,CAAC,IAAgB;IAC9B,MAAM,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,qBAAqB,CAAC,OAAO,CAAC;IACpD,MAAM,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,qBAAqB,CAAC,MAAM,KAAK,IAAI,CAAC;IAChE,IAAI,CAAC,KAAK,IAAI,SAAS,EAAE;MACvB,OAAO;KACR;IACD,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,yBAAyB,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IACxF,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;EACvC,CAAC;CACF","sourcesContent":["import slice from 'lodash/slice';\nimport { h } from '@stencil/core';\nimport SelectionStoreService from '../../store/selection/selection.store.service';\nimport { Observable, RevoGrid, Selection } from '../../interfaces';\nimport { getRange } from '../../store/selection/selection.helpers';\nimport ColumnService from '../data/columnService';\nimport { DataSourceState } from '../../store/dataSource/data.store';\n\ntype Config = {\n  selectionStoreService: SelectionStoreService;\n  columnService: ColumnService;\n  dataStore: Observable<DataSourceState<RevoGrid.DataType, RevoGrid.DimensionRows>>;\n  onRangeApply(data: RevoGrid.DataLookup, range: Selection.RangeArea): void;\n  internalCopy(): Event;\n};\n\nexport class ClipboardService {\n  private clipboard: HTMLRevogrClipboardElement;\n  constructor(private sv: Config) {}\n  private onCopy(e: DataTransfer) {\n    const canCopy = this.sv.internalCopy();\n    if (canCopy.defaultPrevented) {\n      return false;\n    }\n    let focus = this.sv.selectionStoreService.focused;\n    let range = this.sv.selectionStoreService.ranged;\n    let data: RevoGrid.DataFormat[][];\n    if (!range) {\n      range = getRange(focus, focus);\n    }\n    if (range) {\n      const columns = [...this.sv.columnService.columns];\n      const props = slice(columns, range.x, range.x1 + 1).map(v => v.prop);\n      data = this.sv.columnService.copyRangeArray(range, props, this.sv.dataStore);\n    }\n    this.clipboard.doCopy(e, data);\n    return true;\n  }\n\n  renderClipboard() {\n    return <revogr-clipboard onCopyRegion={e => this.onCopy(e.detail)} ref={e => (this.clipboard = e)} onPasteRegion={e => this.onPaste(e.detail)} />;\n  }\n\n  private onPaste(data: string[][]) {\n    const focus = this.sv.selectionStoreService.focused;\n    const isEditing = this.sv.selectionStoreService.edited !== null;\n    if (!focus || isEditing) {\n      return;\n    }\n    const { changed, range } = this.sv.columnService.getTransformedDataToApply(focus, data);\n    this.sv.onRangeApply(changed, range);\n  }\n}\n"]}

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

@@ -1,8 +1,9 @@
 /*!
  * Built by Revolist
  */
-import { EDIT_INPUT_WR } from '../../../utils/consts';
+import { EDIT_INPUT_WR } from "../../../utils/consts";
 // is edit input
 export function isEditInput(el) {
   return !!(el === null || el === void 0 ? void 0 : el.closest(`.${EDIT_INPUT_WR}`));
 }
+//# sourceMappingURL=edit.utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"edit.utils.js","sourceRoot":"","sources":["../../../../src/components/overlay/editors/edit.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtD,gBAAgB;AAChB,MAAM,UAAU,WAAW,CAAC,EAAgB;EAC1C,OAAO,CAAC,CAAC,CAAA,EAAE,aAAF,EAAE,uBAAF,EAAE,CAAE,OAAO,CAAC,IAAI,aAAa,EAAE,CAAC,CAAA,CAAC;AAC5C,CAAC","sourcesContent":["import { EDIT_INPUT_WR } from '../../../utils/consts';\n\n// is edit input\nexport function isEditInput(el?: HTMLElement) {\n  return !!el?.closest(`.${EDIT_INPUT_WR}`);\n}\n"]}

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

@@ -1,9 +1,9 @@
 /*!
  * Built by Revolist
  */
-import { h } from '@stencil/core';
-import { isEnterKey, isTab } from '../../../utils/keyCodes.utils';
-import { timeout } from '../../../utils/utils';
+import { h } from "@stencil/core";
+import { isEnterKey, isTab } from "../../../utils/keyCodes.utils";
+import { timeout } from "../../../utils/utils";
 export class TextEditor {
   constructor(column, saveCallback) {
     this.column = column;
@@ -36,3 +36,4 @@ export class TextEditor {
       }, onKeyDown: e => this.onKeyDown(e) }));
   }
 }
+//# sourceMappingURL=text.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../../src/components/overlay/editors/text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAElE,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAS/C,MAAM,OAAO,UAAU;EAMrB,YAAmB,MAA8B,EAAU,YAA2B;IAAnE,WAAM,GAAN,MAAM,CAAwB;IAAU,iBAAY,GAAZ,YAAY,CAAe;IAH/E,YAAO,GAAmB,IAAI,CAAC;IAC/B,aAAQ,GAA4B,IAAI,CAAC;EAEyC,CAAC;EAE1F,KAAK,CAAC,kBAAkB;;IACtB,IAAI,IAAI,CAAC,SAAS,EAAE;MAClB,MAAM,OAAO,EAAE,CAAC;MAChB,MAAA,IAAI,CAAC,SAAS,0CAAE,KAAK,EAAE,CAAC;KACzB;EACH,CAAC;EAEO,SAAS,CAAC,CAAgB;IAChC,MAAM,OAAO,GAAG,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IACnC,MAAM,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAE/B,IAAI,CAAC,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,IAAI,CAAC,YAAY,IAAI,CAAC,CAAC,CAAC,WAAW,EAAE;MAC5E,qCAAqC;MACrC,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;MACtB,mDAAmD;MACnD,IAAI,CAAC,YAAY,CAAE,CAAC,CAAC,MAA2B,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;KACnE;EACH,CAAC;EAED,WAAW;EACX,MAAM;;IACJ,OAAO,CACL,aACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,CAAA,MAAA,IAAI,CAAC,QAAQ,0CAAE,GAAG,KAAI,EAAE,EAC/B,GAAG,EAAE,EAAE,CAAC,EAAE;QACR,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;MACtB,CAAC,EACD,SAAS,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,GACjC,CACH,CAAC;EACJ,CAAC;CACF","sourcesContent":["import { h } from '@stencil/core';\nimport { isEnterKey, isTab } from '../../../utils/keyCodes.utils';\nimport { Edition, RevoGrid } from '../../../interfaces';\nimport { timeout } from '../../../utils/utils';\n\n/**\n * Callback triggered on cell editor save\n * Closes editor when called\n * @param preventFocus - if true editor will not be closed and next cell will not be focused\n */\nexport type SaveCallback = (value: Edition.SaveData, preventFocus: boolean) => void;\n\nexport class TextEditor implements Edition.EditorBase {\n  private editInput!: HTMLInputElement;\n\n  public element: Element | null = null;\n  public editCell: Edition.EditCell | null = null;\n\n  constructor(public column: RevoGrid.ColumnRegular, private saveCallback?: SaveCallback) {}\n\n  async componentDidRender(): Promise<void> {\n    if (this.editInput) {\n      await timeout();\n      this.editInput?.focus();\n    }\n  }\n\n  private onKeyDown(e: KeyboardEvent): void {\n    const isEnter = isEnterKey(e.code);\n    const isKeyTab = isTab(e.code);\n\n    if ((isKeyTab || isEnter) && e.target && this.saveCallback && !e.isComposing) {\n      // blur is needed to avoid autoscroll\n      this.editInput.blur();\n      // request callback which will close cell after all\n      this.saveCallback((e.target as HTMLInputElement).value, isKeyTab);\n    }\n  }\n\n  // required\n  render() {\n    return (\n      <input\n        type=\"text\"\n        value={this.editCell?.val || ''}\n        ref={el => {\n          this.editInput = el;\n        }}\n        onKeyDown={e => this.onKeyDown(e)}\n      />\n    );\n  }\n}\n"]}

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

@@ -1,11 +1,11 @@
 /*!
  * Built by Revolist
  */
-import { getRange } from '../../store/selection/selection.helpers';
-import { codesLetter } from '../../utils/keyCodes';
-import { isClear, isCtrlKey, isEnterKey, isLetterKey } from '../../utils/keyCodes.utils';
-import { timeout } from '../../utils/utils';
-import { getCoordinate, isAfterLast, isBeforeFirst } from './selection.utils';
+import { getRange } from "../../store/selection/selection.helpers";
+import { codesLetter } from "../../utils/keyCodes";
+import { isClear, isCtrlKey, isEnterKey, isLetterKey } from "../../utils/keyCodes.utils";
+import { timeout } from "../../utils/utils";
+import { getCoordinate, isAfterLast, isBeforeFirst } from "./selection.utils";
 export class KeyboardService {
   constructor(sv) {
     this.sv = sv;
@@ -129,3 +129,4 @@ export class KeyboardService {
     }
   }
 }
+//# sourceMappingURL=keyboard.service.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"keyboard.service.js","sourceRoot":"","sources":["../../../src/components/overlay/keyboard.service.ts"],"names":[],"mappings":"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","sourcesContent":["import { Observable, Selection } from '../../interfaces';\nimport { getRange } from '../../store/selection/selection.helpers';\nimport SelectionStoreService from '../../store/selection/selection.store.service';\nimport { codesLetter } from '../../utils/keyCodes';\nimport { isClear, isCtrlKey, isEnterKey, isLetterKey } from '../../utils/keyCodes.utils';\nimport { timeout } from '../../utils/utils';\nimport { EventData, getCoordinate, isAfterLast, isBeforeFirst } from './selection.utils';\n\ntype Config = {\n  selectionStoreService: SelectionStoreService;\n  selectionStore: Observable<Selection.SelectionStoreState>;\n  doEdit(val?: any): void;\n  cancelEdit(): void;\n  clearCell(): void;\n  getData(): any;\n  internalPaste(): void;\n};\n\nexport class KeyboardService {\n  private ctrlDown = false;\n\n  constructor(private sv: Config) {}\n\n  async keyDown(e: KeyboardEvent, canRange: boolean) {\n    if (!this.sv.selectionStoreService.focused) {\n      return;\n    }\n    if (isCtrlKey(e.keyCode, navigator.platform)) {\n      this.ctrlDown = true;\n    }\n\n    // tab key means same as arrow right\n    if (codesLetter.TAB === e.code) {\n      this.keyChangeSelection(e, canRange);\n      return;\n    }\n\n    /**\n     *  IF EDIT MODE\n     */\n    if (this.sv.selectionStoreService.edited) {\n      switch (e.code) {\n        case codesLetter.ESCAPE:\n          this.sv.cancelEdit();\n          break;\n      }\n      return;\n    }\n\n    /**\n     *  IF NOT EDIT MODE\n     */\n\n    // pressed clear key\n    if (isClear(e.code)) {\n      this.sv.clearCell();\n      return;\n    }\n\n    // pressed enter\n    if (isEnterKey(e.code)) {\n      this.sv.doEdit();\n      return;\n    }\n\n    // copy operation\n    if (this.isCopy(e)) {\n      return;\n    }\n\n    // paste operation\n    if (this.isPaste(e)) {\n      this.sv.internalPaste();\n      return;\n    }\n\n    // pressed letter key\n    if (isLetterKey(e.keyCode)) {\n      this.sv.doEdit(e.key);\n      return;\n    }\n\n    // pressed arrow, change selection position\n    if (await this.keyChangeSelection(e, canRange)) {\n      return;\n    }\n  }\n\n  async keyChangeSelection(e: KeyboardEvent, canRange: boolean) {\n    const data = this.changeDirectionKey(e, canRange);\n    if (!data) {\n      return false;\n    }\n    await timeout();\n\n    const range = this.sv.selectionStore.get('range');\n    const focus = this.sv.selectionStore.get('focus');\n    return this.keyPositionChange(data.changes, this.sv.getData(), range, focus, data.isMulti);\n  }\n\n  keyPositionChange(changes: Partial<Selection.Cell>, eData: EventData, range?: Selection.RangeArea, focus?: Selection.Cell, isMulti = false) {\n    if (!range || !focus) {\n      return false;\n    }\n    const data = getCoordinate(range, focus, changes, isMulti);\n    if (!data) {\n      return false;\n    }\n    if (isMulti) {\n      if (isAfterLast(data.end, eData) || isBeforeFirst(data.start)) {\n        return false;\n      }\n      const range = getRange(data.start, data.end);\n      return this.sv.selectionStoreService.changeRange(range);\n    }\n    return this.sv.selectionStoreService.focus(data.start);\n  }\n\n  keyUp(e: KeyboardEvent): void {\n    if (isCtrlKey(e.keyCode, navigator.platform)) {\n      this.ctrlDown = false;\n    }\n  }\n\n  isCopy(e: KeyboardEvent): boolean {\n    return this.ctrlDown && e.code == codesLetter.C;\n  }\n  isPaste(e: KeyboardEvent): boolean {\n    return this.ctrlDown && e.code == codesLetter.V;\n  }\n\n  /** Monitor key direction changes */\n  changeDirectionKey(e: KeyboardEvent, canRange: boolean): { changes: Partial<Selection.Cell>; isMulti?: boolean } | void {\n    const isMulti: boolean = canRange && e.shiftKey;\n    switch (e.code) {\n      case codesLetter.TAB:\n      case codesLetter.ARROW_UP:\n      case codesLetter.ARROW_DOWN:\n      case codesLetter.ARROW_LEFT:\n      case codesLetter.ARROW_RIGHT:\n        e.preventDefault();\n        break;\n    }\n    switch (e.code) {\n      case codesLetter.ARROW_UP:\n        return { changes: { y: -1 }, isMulti };\n      case codesLetter.ARROW_DOWN:\n        return { changes: { y: 1 }, isMulti };\n      case codesLetter.ARROW_LEFT:\n        return { changes: { x: -1 }, isMulti };\n      case codesLetter.TAB:\n      case codesLetter.ARROW_RIGHT:\n        return { changes: { x: 1 }, isMulti };\n    }\n  }\n}\n"]}

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

@@ -1,12 +1,15 @@
 /*!
  * 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';
+import { h, Host } from "@stencil/core";
+import { EDIT_INPUT_WR } from "../../utils/consts";
+import { TextEditor } from "./editors/text";
 export class Edit {
   constructor() {
     this.currentEditor = null;
+    this.editCell = undefined;
+    this.column = undefined;
+    this.editor = undefined;
   }
   /**
    * Callback triggered on cell editor save
@@ -58,109 +61,122 @@ export class Edit {
     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"
+  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",
+              "id": "src/interfaces.d.ts::Edition"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "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"
+      "column": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "RevoGrid.ColumnRegular | null",
+          "resolved": "ColumnRegular",
+          "references": {
+            "RevoGrid": {
+              "location": "import",
+              "path": "../../interfaces",
+              "id": "src/interfaces.d.ts::RevoGrid"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "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"
+      "editor": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Edition.EditorCtr | null",
+          "resolved": "EditorCtr",
+          "references": {
+            "Edition": {
+              "location": "import",
+              "path": "../../interfaces",
+              "id": "src/interfaces.d.ts::Edition"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Custom editors register"
         }
-      },
-      "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"
+    };
+  }
+  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",
+              "id": "src/interfaces.d.ts::Edition"
+            }
           }
         }
-      }
-    }, {
-      "method": "closeEdit",
-      "name": "closeEdit",
-      "bubbles": false,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Close editor event\npass true if requires focus next"
-      },
-      "complexType": {
-        "original": "boolean | undefined",
-        "resolved": "boolean",
-        "references": {}
-      }
-    }]; }
+      }, {
+        "method": "closeEdit",
+        "name": "closeEdit",
+        "bubbles": false,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Close editor event\npass true if requires focus next"
+        },
+        "complexType": {
+          "original": "boolean | undefined",
+          "resolved": "boolean",
+          "references": {}
+        }
+      }];
+  }
   static get elementRef() { return "element"; }
 }
+//# sourceMappingURL=revogr-edit.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"revogr-edit.js","sourceRoot":"","sources":["../../../src/components/overlay/revogr-edit.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAGvF,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAM5C,MAAM,OAAO,IAAI;;IAGP,kBAAa,GAA8B,IAAI,CAAC;;;;;EAcxD;;;;KAIG;EACH,MAAM,CAAC,GAAqB,EAAE,YAAsB;IAClD,IAAI,IAAI,CAAC,QAAQ,EAAE;MACjB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;QACjB,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QACtB,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QACtB,GAAG;QACH,YAAY;OACb,CAAC,CAAC;KACJ;EACH,CAAC;EAED,mBAAmB;IACjB,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;MACvB,IAAI,IAAI,CAAC,MAAM,EAAE;QACf,IAAI,CAAC,aAAa,GAAG,IAAI,IAAI,CAAC,MAAM,CAClC,IAAI,CAAC,MAAM,EACX,CAAC,CAAC,EAAE,YAAY,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,EAAE,YAAY,CAAC,EACjD,SAAS,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,CAC5C,CAAC;OACH;WAAM;QACL,IAAI,CAAC,aAAa,GAAG,IAAI,UAAU,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,YAAY,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC;OACrG;KACF;EACH,CAAC;EAED,kBAAkB;IAChB,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;MACvB,OAAO;KACR;IACD,IAAI,CAAC,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC;IAC5D,IAAI,CAAC,aAAa,CAAC,kBAAkB,IAAI,IAAI,CAAC,aAAa,CAAC,kBAAkB,EAAE,CAAC;EACnF,CAAC;EAED,oBAAoB;IAClB,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;MACvB,OAAO;KACR;IAED,IAAI,CAAC,aAAa,CAAC,oBAAoB,IAAI,IAAI,CAAC,aAAa,CAAC,oBAAoB,EAAE,CAAC;IACrF,IAAI,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE;MAC9B,IAAI,CAAC,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;KACnC;IACD,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;EAC5B,CAAC;EAED,MAAM;IACJ,IAAI,IAAI,CAAC,aAAa,EAAE;MACtB,IAAI,CAAC,aAAa,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;MAC5C,OAAO,EAAC,IAAI,IAAC,KAAK,EAAE,aAAa,IAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,CAAQ,CAAC;KAC1E;IACD,OAAO,EAAE,CAAC;EACZ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Event, EventEmitter, Prop, h, Element, Host } from '@stencil/core';\n\nimport { Edition, RevoGrid } from '../../interfaces';\nimport { EDIT_INPUT_WR } from '../../utils/consts';\nimport { TextEditor } from './editors/text';\n\n@Component({\n  tag: 'revogr-edit',\n  styleUrl: 'revogr-edit-style.scss',\n})\nexport class Edit {\n  @Element() element: HTMLElement;\n  @Prop() editCell: Edition.EditCell;\n  private currentEditor: Edition.EditorBase | null = null;\n\n  @Prop() column: RevoGrid.ColumnRegular | null;\n  /** Custom editors register */\n  @Prop() editor: Edition.EditorCtr | null;\n\n  @Event({ bubbles: false }) cellEdit: EventEmitter<Edition.SaveDataDetails>;\n\n  /**\n   * Close editor event\n   * pass true if requires focus next\n   */\n  @Event({ bubbles: false }) closeEdit: EventEmitter<boolean | undefined>;\n\n  /**\n   * Callback triggered on cell editor save\n   * Closes editor when called\n   * @param preventFocus - if true editor will not be closed and next cell will not be focused\n   */\n  onSave(val: Edition.SaveData, preventFocus?: boolean): void {\n    if (this.editCell) {\n      this.cellEdit.emit({\n        rgCol: this.editCell.x,\n        rgRow: this.editCell.y,\n        val,\n        preventFocus,\n      });\n    }\n  }\n\n  componentWillRender(): void {\n    if (!this.currentEditor) {\n      if (this.editor) {\n        this.currentEditor = new this.editor(\n          this.column,\n          (e, preventFocus) => this.onSave(e, preventFocus),\n          focusNext => this.closeEdit.emit(focusNext),\n        );\n      } else {\n        this.currentEditor = new TextEditor(this.column, (e, preventFocus) => this.onSave(e, preventFocus));\n      }\n    }\n  }\n\n  componentDidRender(): void {\n    if (!this.currentEditor) {\n      return;\n    }\n    this.currentEditor.element = this.element.firstElementChild;\n    this.currentEditor.componentDidRender && this.currentEditor.componentDidRender();\n  }\n\n  disconnectedCallback(): void {\n    if (!this.currentEditor) {\n      return;\n    }\n\n    this.currentEditor.disconnectedCallback && this.currentEditor.disconnectedCallback();\n    if (this.currentEditor.element) {\n      this.currentEditor.element = null;\n    }\n    this.currentEditor = null;\n  }\n\n  render() {\n    if (this.currentEditor) {\n      this.currentEditor.editCell = this.editCell;\n      return <Host class={EDIT_INPUT_WR}>{this.currentEditor.render(h)}</Host>;\n    }\n    return '';\n  }\n}\n"]}