@revolist/revogrid 4.0.2-next → 4.0.2

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

@@ -1,128 +1,141 @@
-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';
+/*!
+ * Built by Revolist OU ❤️
+ */
+import { getRange } from "../../store/selection/selection.helpers";
+import { codesLetter } from "../../utils/key.codes";
+import { isAll, isClear, isCopy, isCut, isEnterKey, isLetterKey, isPaste } from "../../utils/key.utils";
+import { timeout } from "../../utils";
+import { getCoordinate, isAfterLast, isBeforeFirst } from "./selection.utils";
+import { RESIZE_INTERVAL } from "../../utils/consts";
+const DIRECTION_CODES = [
+    codesLetter.TAB,
+    codesLetter.ARROW_UP,
+    codesLetter.ARROW_DOWN,
+    codesLetter.ARROW_LEFT,
+    codesLetter.ARROW_RIGHT,
+];
 export class KeyboardService {
-  constructor(sv) {
-    this.sv = sv;
-    this.ctrlDown = false;
-  }
-  async keyDown(e, canRange) {
-    if (!this.sv.selectionStoreService.focused) {
-      return;
-    }
-    if (isCtrlKey(e.keyCode, navigator.platform)) {
-      this.ctrlDown = true;
-    }
-    // tab key means same as arrow right
-    if (codesLetter.TAB === e.code) {
-      this.keyChangeSelection(e, canRange);
-      return;
-    }
-    /**
-     *  IF EDIT MODE
-     */
-    if (this.sv.selectionStoreService.edited) {
-      switch (e.code) {
-        case codesLetter.ESCAPE:
-          this.sv.doEdit(undefined, true);
-          break;
-      }
-      return;
-    }
-    /**
-     *  IF NOT EDIT MODE
-     */
-    // pressed clear key
-    if (isClear(e.code)) {
-      this.sv.clearCell();
-      return;
-    }
-    // pressed enter
-    if (isEnterKey(e.code)) {
-      this.sv.doEdit();
-      return;
-    }
-    // copy operation
-    if (this.isCopy(e)) {
-      return;
-    }
-    // paste operation
-    if (this.isPaste(e)) {
-      this.sv.internalPaste();
-      return;
-    }
-    // pressed letter key
-    if (isLetterKey(e.keyCode)) {
-      this.sv.doEdit(e.key);
-      return;
-    }
-    // pressed arrow, change selection position
-    if (await this.keyChangeSelection(e, canRange)) {
-      return;
-    }
-  }
-  async keyChangeSelection(e, canRange) {
-    const data = this.changeDirectionKey(e, canRange);
-    if (!data) {
-      return false;
-    }
-    await timeout();
-    const range = this.sv.selectionStore.get('range');
-    const focus = this.sv.selectionStore.get('focus');
-    return this.keyPositionChange(data.changes, this.sv.getData(), range, focus, data.isMulti);
-  }
-  keyPositionChange(changes, eData, range, focus, isMulti = false) {
-    if (!range || !focus) {
-      return false;
-    }
-    const data = getCoordinate(range, focus, changes, isMulti);
-    if (!data) {
-      return false;
-    }
-    if (isMulti) {
-      if (isAfterLast(data.end, eData) || isBeforeFirst(data.start)) {
-        return false;
-      }
-      const range = getRange(data.start, data.end);
-      return this.sv.selectionStoreService.changeRange(range);
-    }
-    return this.sv.selectionStoreService.focus(data.start);
-  }
-  keyUp(e) {
-    if (isCtrlKey(e.keyCode, navigator.platform)) {
-      this.ctrlDown = false;
-    }
-  }
-  isCopy(e) {
-    return this.ctrlDown && e.code == codesLetter.C;
-  }
-  isPaste(e) {
-    return this.ctrlDown && e.code == codesLetter.V;
-  }
-  /** Monitor key direction changes */
-  changeDirectionKey(e, canRange) {
-    const isMulti = canRange && e.shiftKey;
-    switch (e.code) {
-      case codesLetter.TAB:
-      case codesLetter.ARROW_UP:
-      case codesLetter.ARROW_DOWN:
-      case codesLetter.ARROW_LEFT:
-      case codesLetter.ARROW_RIGHT:
+    constructor(sv) {
+        this.sv = sv;
+    }
+    async keyDown(e, canRange) {
+        // IF EDIT MODE
+        if (this.sv.selectionStoreService.edited) {
+            switch (e.code) {
+                case codesLetter.ESCAPE:
+                    this.sv.cancel();
+                    break;
+            }
+            return;
+        }
+        // IF NOT EDIT MODE
+        // pressed clear key
+        if (this.sv.selectionStoreService.ranged && isClear(e.code)) {
+            this.sv.clearCell();
+            return;
+        }
+        // below works with focus only
+        if (!this.sv.selectionStoreService.focused) {
+            return;
+        }
+        // tab key means same as arrow right
+        if (codesLetter.TAB === e.code) {
+            this.keyChangeSelection(e, canRange);
+            return;
+        }
+        // pressed enter
+        if (isEnterKey(e.code)) {
+            this.sv.change();
+            return;
+        }
+        // copy operation
+        if (isCopy(e)) {
+            return;
+        }
+        // cut operation
+        if (isCut(e)) {
+            return;
+        }
+        // paste operation
+        if (isPaste(e)) {
+            this.sv.internalPaste();
+            return;
+        }
+        // select all
+        if (isAll(e)) {
+            if (canRange) {
+                this.selectAll(e);
+            }
+            return;
+        }
+        // pressed letter key
+        if (isLetterKey(e.keyCode)) {
+            this.sv.change(e.key);
+            return;
+        }
+        // pressed arrow, change selection position
+        if (await this.keyChangeSelection(e, canRange)) {
+            return;
+        }
+    }
+    selectAll(e) {
+        const range = this.sv.selectionStore.get('range');
+        const focus = this.sv.selectionStore.get('focus');
+        // if no range or focus - do nothing
+        if (!range || !focus) {
+            return;
+        }
         e.preventDefault();
-        break;
-    }
-    switch (e.code) {
-      case codesLetter.ARROW_UP:
-        return { changes: { y: -1 }, isMulti };
-      case codesLetter.ARROW_DOWN:
-        return { changes: { y: 1 }, isMulti };
-      case codesLetter.ARROW_LEFT:
-        return { changes: { x: -1 }, isMulti };
-      case codesLetter.TAB:
-      case codesLetter.ARROW_RIGHT:
-        return { changes: { x: 1 }, isMulti };
+        this.sv.selectAll();
+    }
+    async keyChangeSelection(e, canRange) {
+        const data = this.changeDirectionKey(e, canRange);
+        if (!data) {
+            return false;
+        }
+        // this interval needed for several cases
+        // grid could be resized before next click
+        // at this case to avoid screen jump we use this interval
+        await timeout(RESIZE_INTERVAL + 30);
+        const range = this.sv.selectionStore.get('range');
+        const focus = this.sv.selectionStore.get('focus');
+        return this.keyPositionChange(data.changes, range, focus, data.isMulti);
+    }
+    keyPositionChange(changes, range, focus, isMulti = false) {
+        if (!range || !focus) {
+            return false;
+        }
+        const data = getCoordinate(range, focus, changes, isMulti);
+        if (!data) {
+            return false;
+        }
+        if (isMulti) {
+            const eData = this.sv.getData();
+            if (isAfterLast(data.end, eData) || isBeforeFirst(data.start)) {
+                return false;
+            }
+            const range = getRange(data.start, data.end);
+            return this.sv.range(range);
+        }
+        return this.sv.focusNext(data.start, changes);
+    }
+    /** Monitor key direction changes */
+    changeDirectionKey(e, canRange) {
+        const isMulti = canRange && e.shiftKey;
+        if (DIRECTION_CODES.includes(e.code)) {
+            e.preventDefault();
+        }
+        switch (e.code) {
+            case codesLetter.ARROW_UP:
+                return { changes: { y: -1 }, isMulti };
+            case codesLetter.ARROW_DOWN:
+                return { changes: { y: 1 }, isMulti };
+            case codesLetter.ARROW_LEFT:
+                return { changes: { x: -1 }, isMulti };
+            case codesLetter.TAB:
+            case codesLetter.ARROW_RIGHT:
+                return { changes: { x: 1 }, isMulti };
+        }
     }
-  }
 }
+//# 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 { getRange } from '../../store/selection/selection.helpers';\nimport SelectionStoreService from '../../store/selection/selection.store.service';\nimport { codesLetter } from '../../utils/key.codes';\nimport { isAll, isClear, isCopy, isCut, isEnterKey, isLetterKey, isPaste } from '../../utils/key.utils';\nimport { timeout } from '../../utils';\nimport { EventData, getCoordinate, isAfterLast, isBeforeFirst } from './selection.utils';\nimport { RESIZE_INTERVAL } from '../../utils/consts';\nimport { Cell, RangeArea, SelectionStoreState } from '../..';\nimport { Observable } from '../..';\n\ntype Config = {\n  selectionStoreService: SelectionStoreService;\n  selectionStore: Observable<SelectionStoreState>;\n\n  // Apply changes from edit.\n  change(val?: any): void;\n  // Cancels edit. Escape changes.\n  cancel(): void;\n\n  clearCell(): void;\n  focusNext(focus: Cell, next: Partial<Cell>): boolean;\n\n  getData(): any;\n  internalPaste(): void;\n  range(range: RangeArea): boolean;\n  selectAll(): void;\n};\n\nconst DIRECTION_CODES: string[] = [\n  codesLetter.TAB,\n  codesLetter.ARROW_UP,\n  codesLetter.ARROW_DOWN,\n  codesLetter.ARROW_LEFT,\n  codesLetter.ARROW_RIGHT,\n];\nexport class KeyboardService {\n\n  constructor(private sv: Config) {}\n\n  async keyDown(e: KeyboardEvent, canRange: boolean) {\n    // IF EDIT MODE\n    if (this.sv.selectionStoreService.edited) {\n      switch (e.code) {\n        case codesLetter.ESCAPE:\n          this.sv.cancel();\n          break;\n      }\n      return;\n    }\n\n    // IF NOT EDIT MODE\n\n    // pressed clear key\n    if (this.sv.selectionStoreService.ranged && isClear(e.code)) {\n      this.sv.clearCell();\n      return;\n    }\n\n    // below works with focus only\n    if (!this.sv.selectionStoreService.focused) {\n      return;\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    // pressed enter\n    if (isEnterKey(e.code)) {\n      this.sv.change();\n      return;\n    }\n\n    // copy operation\n    if (isCopy(e)) {\n      return;\n    }\n\n    // cut operation\n    if (isCut(e)) {\n      return;\n    }\n\n    // paste operation\n    if (isPaste(e)) {\n      this.sv.internalPaste();\n      return;\n    }\n\n    // select all\n    if (isAll(e)) {\n      if (canRange) {\n        this.selectAll(e);\n      }\n      return;\n    }\n\n    // pressed letter key\n    if (isLetterKey(e.keyCode)) {\n      this.sv.change(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  private selectAll(e: KeyboardEvent) {\n    const range = this.sv.selectionStore.get('range');\n    const focus = this.sv.selectionStore.get('focus');\n    // if no range or focus - do nothing\n    if (!range || !focus) {\n      return;\n    }\n    e.preventDefault();\n    this.sv.selectAll();\n  }\n\n  async keyChangeSelection(e: KeyboardEvent, canRange: boolean) {\n    const data = this.changeDirectionKey(e, canRange);\n    if (!data) {\n      return false;\n    }\n\n    // this interval needed for several cases\n    // grid could be resized before next click\n    // at this case to avoid screen jump we use this interval\n    await timeout(RESIZE_INTERVAL + 30);\n\n    const range = this.sv.selectionStore.get('range');\n    const focus = this.sv.selectionStore.get('focus');\n    return this.keyPositionChange(data.changes, range, focus, data.isMulti);\n  }\n\n  keyPositionChange(\n    changes: Partial<Cell>,\n    range?: RangeArea,\n    focus?: Cell,\n    isMulti = false\n  ) {\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      const eData: EventData = this.sv.getData();\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.range(range);\n    }\n    return this.sv.focusNext(data.start, changes);\n  }\n\n  /** Monitor key direction changes */\n  changeDirectionKey(e: KeyboardEvent, canRange: boolean): { changes: Partial<Cell>; isMulti?: boolean } | void {\n    const isMulti = canRange && e.shiftKey;\n    if (DIRECTION_CODES.includes(e.code)) {\n      e.preventDefault();\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"]}