handsontable 14.0.0 → 14.1.0-next-ba8c2b0-20240110

package/editorManager.js

@@ -11,8 +11,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _classPrivateMethodInitSpec(obj, privateSet) { _checkPrivateRedeclaration(obj, privateSet); privateSet.add(obj); }
 function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _classPrivateMethodGet(receiver, privateSet, fn) { if (!privateSet.has(receiver)) { throw new TypeError("attempted to get private field on non-instance"); } return fn; }
 const SHORTCUTS_GROUP_NAVIGATION = exports.SHORTCUTS_GROUP_NAVIGATION = 'editorManager.navigation';
 var _onAfterDocumentKeyDown = /*#__PURE__*/new WeakSet();
@@ -149,6 +149,7 @@ class EditorManager {
    * Prepare text input to be displayed at given grid cell.
    */
   prepareEditor() {
+    var _this$hot$getSelected;
     if (this.lock) {
       return;
     }
@@ -160,10 +161,8 @@ class EditorManager {
       });
       return;
     }
-    const {
-      highlight
-    } = this.hot.getSelectedRangeLast();
-    if (highlight.isHeader()) {
+    const highlight = (_this$hot$getSelected = this.hot.getSelectedRangeLast()) === null || _this$hot$getSelected === void 0 ? void 0 : _this$hot$getSelected.highlight;
+    if (!highlight || highlight.isHeader()) {
       return;
     }
     const {

package/editorManager.mjs

@@ -2,8 +2,8 @@ import "core-js/modules/es.error.cause.js";
 function _classPrivateMethodInitSpec(obj, privateSet) { _checkPrivateRedeclaration(obj, privateSet); privateSet.add(obj); }
 function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _classPrivateMethodGet(receiver, privateSet, fn) { if (!privateSet.has(receiver)) { throw new TypeError("attempted to get private field on non-instance"); } return fn; }
 import { isFunctionKey, isCtrlMetaKey } from "./helpers/unicode.mjs";
 import { isImmediatePropagationStopped } from "./helpers/dom/event.mjs";
@@ -145,6 +145,7 @@ class EditorManager {
    * Prepare text input to be displayed at given grid cell.
    */
   prepareEditor() {
+    var _this$hot$getSelected;
     if (this.lock) {
       return;
     }
@@ -156,10 +157,8 @@ class EditorManager {
       });
       return;
     }
-    const {
-      highlight
-    } = this.hot.getSelectedRangeLast();
-    if (highlight.isHeader()) {
+    const highlight = (_this$hot$getSelected = this.hot.getSelectedRangeLast()) === null || _this$hot$getSelected === void 0 ? void 0 : _this$hot$getSelected.highlight;
+    if (!highlight || highlight.isHeader()) {
       return;
     }
     const {

package/editors/autocompleteEditor/autocompleteEditor.js

@@ -15,8 +15,8 @@ var _a11y = require("../../helpers/a11y");
 function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
 function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _classPrivateFieldGet(receiver, privateMap) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "get"); return _classApplyDescriptorGet(receiver, descriptor); }
 function _classExtractFieldDescriptor(receiver, privateMap, action) { if (!privateMap.has(receiver)) { throw new TypeError("attempted to " + action + " private field on non-instance"); } return privateMap.get(receiver); }
 function _classApplyDescriptorGet(receiver, descriptor) { if (descriptor.get) { return descriptor.get.call(receiver); } return descriptor.value; }
@@ -191,7 +191,6 @@ class AutocompleteEditor extends _handsontableEditor.HandsontableEditor {
     if (scrollbarWidth === 0 && (0, _browser.isMacOS)()) {
       scrollbarWidth += 15; // default scroll bar width if scroll bars are visible only when scrolling
     }
-
     this.addHook('beforeKeyDown', event => this.onBeforeKeyDown(event));
     this.htEditor.updateSettings({
       colWidths: trimDropdown ? [(0, _element.outerWidth)(this.TEXTAREA) - 2] : undefined,
@@ -391,7 +390,6 @@ class AutocompleteEditor extends _handsontableEditor.HandsontableEditor {
       if (this.htEditor.flipped) {
         this.htEditor.rootElement.style.top = `${parseInt(this.htEditor.rootElement.style.top, 10) + dropdownHeight - height}px`; // eslint-disable-line max-len
       }
-
       this.setDropdownHeight(tempHeight - lastRowHeight);
     }
   }

package/editors/autocompleteEditor/autocompleteEditor.mjs

@@ -3,8 +3,8 @@ import "core-js/modules/es.error.cause.js";
 function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
 function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _classPrivateFieldGet(receiver, privateMap) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "get"); return _classApplyDescriptorGet(receiver, descriptor); }
 function _classExtractFieldDescriptor(receiver, privateMap, action) { if (!privateMap.has(receiver)) { throw new TypeError("attempted to " + action + " private field on non-instance"); } return privateMap.get(receiver); }
 function _classApplyDescriptorGet(receiver, descriptor) { if (descriptor.get) { return descriptor.get.call(receiver); } return descriptor.value; }
@@ -188,7 +188,6 @@ export class AutocompleteEditor extends HandsontableEditor {
     if (scrollbarWidth === 0 && isMacOS()) {
       scrollbarWidth += 15; // default scroll bar width if scroll bars are visible only when scrolling
     }
-
     this.addHook('beforeKeyDown', event => this.onBeforeKeyDown(event));
     this.htEditor.updateSettings({
       colWidths: trimDropdown ? [outerWidth(this.TEXTAREA) - 2] : undefined,
@@ -388,7 +387,6 @@ export class AutocompleteEditor extends HandsontableEditor {
       if (this.htEditor.flipped) {
         this.htEditor.rootElement.style.top = `${parseInt(this.htEditor.rootElement.style.top, 10) + dropdownHeight - height}px`; // eslint-disable-line max-len
       }
-
       this.setDropdownHeight(tempHeight - lastRowHeight);
     }
   }

package/editors/baseEditor/baseEditor.d.ts

@@ -40,7 +40,7 @@ export abstract class BaseEditor {
   isOpened(): boolean;
   isWaiting(): boolean;
   abstract open(event?: Event): void;
-  prepare(row: number, col: number, prop: string | number, TD: HTMLTableCellElement, originalValue: any, cellProperties: CellProperties): void;
+  prepare(row: number, column: number, prop: string | number, TD: HTMLTableCellElement, originalValue: any, cellProperties: CellProperties): void;
   saveValue(value?: any, ctrlDown?: boolean): void;
   abstract setValue(newValue?: any): void;
 }

package/editors/baseEditor/baseEditor.js

@@ -9,8 +9,8 @@ var _hooksRefRegisterer = _interopRequireDefault(require("../../mixins/hooksRefR
 var _element = require("../../helpers/dom/element");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const EDITOR_TYPE = exports.EDITOR_TYPE = 'base';
 const EDITOR_STATE = exports.EDITOR_STATE = Object.freeze({
   VIRGIN: 'STATE_VIRGIN',

package/editors/baseEditor/baseEditor.mjs

@@ -1,7 +1,7 @@
 import "core-js/modules/es.error.cause.js";
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { isDefined, stringify } from "../../helpers/mixed.mjs";
 import { mixin } from "../../helpers/object.mjs";
 import { SHORTCUTS_GROUP_NAVIGATION } from "../../editorManager.mjs";

package/editors/dateEditor/dateEditor.d.ts

@@ -1,4 +1,4 @@
-import { PikadayOptions } from 'pikaday';
+import { PikadayOptions } from '@handsontable/pikaday';
 import Core from '../../core';
 import { TextEditor } from '../textEditor';
 

package/editors/dateEditor/dateEditor.js

@@ -3,16 +3,15 @@
 exports.__esModule = true;
 require("core-js/modules/es.error.cause.js");
 var _moment = _interopRequireDefault(require("moment"));
-var _pikaday = _interopRequireDefault(require("pikaday"));
+var _pikaday = _interopRequireDefault(require("@handsontable/pikaday"));
 var _textEditor = require("../textEditor");
-var _eventManager = _interopRequireDefault(require("../../eventManager"));
 var _element = require("../../helpers/dom/element");
 var _object = require("../../helpers/object");
 var _unicode = require("../../helpers/unicode");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const EDITOR_TYPE = exports.EDITOR_TYPE = 'date';
 const SHORTCUTS_GROUP_EDITOR = 'dateEditor';
 
@@ -28,10 +27,6 @@ class DateEditor extends _textEditor.TextEditor {
      * @type {string}
      */
     _defineProperty(this, "defaultDateFormat", 'DD/MM/YYYY');
-    /**
-     * @type {boolean}
-     */
-    _defineProperty(this, "isCellEdited", false);
     /**
      * @type {boolean}
      */
@@ -72,26 +67,16 @@ class DateEditor extends _textEditor.TextEditor {
     this.datePicker.setAttribute('dir', this.hot.isRtl() ? 'rtl' : 'ltr');
     (0, _element.addClass)(this.datePicker, 'htDatepickerHolder');
     this.hot.rootDocument.body.appendChild(this.datePicker);
-    const eventManager = new _eventManager.default(this);
 
     /**
      * Prevent recognizing clicking on datepicker as clicking outside of table.
      */
-    eventManager.addEventListener(this.datePicker, 'mousedown', event => {
+    this.eventManager.addEventListener(this.datePicker, 'mousedown', event => {
       if ((0, _element.hasClass)(event.target, 'pika-day')) {
         this.hideDatepicker();
       }
       event.stopPropagation();
     });
-
-    /**
-     * Prevent caret movement in the TEXTAREA when navigating over the date picker.
-     */
-    eventManager.addEventListener(this.TEXTAREA, 'keydown', event => {
-      if (['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(event.code)) {
-        event.preventDefault();
-      }
-    });
   }
 
   /**
@@ -132,13 +117,27 @@ class DateEditor extends _textEditor.TextEditor {
     const editorContext = shortcutManager.getContext('editor');
     super.open();
     this.showDatepicker(event);
-    editorContext.addShortcut({
-      keys: [['Enter']],
-      callback: keyboardEvent => {
-        // Extra Pikaday's `onchange` listener captures events and performing extra `setDate` method call which causes
-        // flickering quite often.
-        keyboardEvent.stopPropagation();
-      },
+    editorContext.addShortcuts([{
+      keys: [['ArrowLeft']],
+      callback: () => {
+        this.$datePicker.adjustDate('subtract', 1);
+      }
+    }, {
+      keys: [['ArrowRight']],
+      callback: () => {
+        this.$datePicker.adjustDate('add', 1);
+      }
+    }, {
+      keys: [['ArrowUp']],
+      callback: () => {
+        this.$datePicker.adjustDate('subtract', 7);
+      }
+    }, {
+      keys: [['ArrowDown']],
+      callback: () => {
+        this.$datePicker.adjustDate('add', 7);
+      }
+    }], {
       group: SHORTCUTS_GROUP_EDITOR
     });
   }
@@ -172,13 +171,6 @@ class DateEditor extends _textEditor.TextEditor {
   finishEditing() {
     let restoreOriginalValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     let ctrlDown = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    if (restoreOriginalValue) {
-      // pressed ESC, restore original value
-      const value = this.originalValue;
-      if (value !== undefined) {
-        this.setValue(value);
-      }
-    }
     super.finishEditing(restoreOriginalValue, ctrlDown);
   }
 
@@ -195,6 +187,9 @@ class DateEditor extends _textEditor.TextEditor {
     let dateStr;
     this.datePicker.style.display = 'block';
     this.$datePicker = new _pikaday.default(this.getDatePickerConfig());
+    if (typeof this.$datePicker.useMoment === 'function') {
+      this.$datePicker.useMoment(_moment.default);
+    }
     this.$datePicker._onInputFocus = function () {};
     this.datePickerStyle.top = `${this.hot.rootWindow.pageYOffset + offset.top + (0, _element.outerHeight)(this.TD)}px`;
     let pickerLeftPosition = this.hot.rootWindow.pageXOffset;
@@ -257,6 +252,7 @@ class DateEditor extends _textEditor.TextEditor {
     options.trigger = htInput;
     options.container = this.datePicker;
     options.bound = false;
+    options.keyboardInput = false;
     options.format = options.format || this.defaultDateFormat;
     options.reposition = options.reposition || false;
     // Set the RTL to `false`. Due to the https://github.com/Pikaday/Pikaday/issues/647 bug, the layout direction

package/editors/dateEditor/dateEditor.mjs

@@ -1,11 +1,10 @@
 import "core-js/modules/es.error.cause.js";
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import moment from 'moment';
-import Pikaday from 'pikaday';
+import Pikaday from '@handsontable/pikaday';
 import { TextEditor } from "../textEditor/index.mjs";
-import EventManager from "../../eventManager.mjs";
 import { addClass, hasClass, outerHeight, outerWidth } from "../../helpers/dom/element.mjs";
 import { deepExtend } from "../../helpers/object.mjs";
 import { isFunctionKey } from "../../helpers/unicode.mjs";
@@ -24,10 +23,6 @@ export class DateEditor extends TextEditor {
      * @type {string}
      */
     _defineProperty(this, "defaultDateFormat", 'DD/MM/YYYY');
-    /**
-     * @type {boolean}
-     */
-    _defineProperty(this, "isCellEdited", false);
     /**
      * @type {boolean}
      */
@@ -68,26 +63,16 @@ export class DateEditor extends TextEditor {
     this.datePicker.setAttribute('dir', this.hot.isRtl() ? 'rtl' : 'ltr');
     addClass(this.datePicker, 'htDatepickerHolder');
     this.hot.rootDocument.body.appendChild(this.datePicker);
-    const eventManager = new EventManager(this);
 
     /**
      * Prevent recognizing clicking on datepicker as clicking outside of table.
      */
-    eventManager.addEventListener(this.datePicker, 'mousedown', event => {
+    this.eventManager.addEventListener(this.datePicker, 'mousedown', event => {
       if (hasClass(event.target, 'pika-day')) {
         this.hideDatepicker();
       }
       event.stopPropagation();
     });
-
-    /**
-     * Prevent caret movement in the TEXTAREA when navigating over the date picker.
-     */
-    eventManager.addEventListener(this.TEXTAREA, 'keydown', event => {
-      if (['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(event.code)) {
-        event.preventDefault();
-      }
-    });
   }
 
   /**
@@ -128,13 +113,27 @@ export class DateEditor extends TextEditor {
     const editorContext = shortcutManager.getContext('editor');
     super.open();
     this.showDatepicker(event);
-    editorContext.addShortcut({
-      keys: [['Enter']],
-      callback: keyboardEvent => {
-        // Extra Pikaday's `onchange` listener captures events and performing extra `setDate` method call which causes
-        // flickering quite often.
-        keyboardEvent.stopPropagation();
-      },
+    editorContext.addShortcuts([{
+      keys: [['ArrowLeft']],
+      callback: () => {
+        this.$datePicker.adjustDate('subtract', 1);
+      }
+    }, {
+      keys: [['ArrowRight']],
+      callback: () => {
+        this.$datePicker.adjustDate('add', 1);
+      }
+    }, {
+      keys: [['ArrowUp']],
+      callback: () => {
+        this.$datePicker.adjustDate('subtract', 7);
+      }
+    }, {
+      keys: [['ArrowDown']],
+      callback: () => {
+        this.$datePicker.adjustDate('add', 7);
+      }
+    }], {
       group: SHORTCUTS_GROUP_EDITOR
     });
   }
@@ -168,13 +167,6 @@ export class DateEditor extends TextEditor {
   finishEditing() {
     let restoreOriginalValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     let ctrlDown = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    if (restoreOriginalValue) {
-      // pressed ESC, restore original value
-      const value = this.originalValue;
-      if (value !== undefined) {
-        this.setValue(value);
-      }
-    }
     super.finishEditing(restoreOriginalValue, ctrlDown);
   }
 
@@ -191,6 +183,9 @@ export class DateEditor extends TextEditor {
     let dateStr;
     this.datePicker.style.display = 'block';
     this.$datePicker = new Pikaday(this.getDatePickerConfig());
+    if (typeof this.$datePicker.useMoment === 'function') {
+      this.$datePicker.useMoment(moment);
+    }
     this.$datePicker._onInputFocus = function () {};
     this.datePickerStyle.top = `${this.hot.rootWindow.pageYOffset + offset.top + outerHeight(this.TD)}px`;
     let pickerLeftPosition = this.hot.rootWindow.pageXOffset;
@@ -253,6 +248,7 @@ export class DateEditor extends TextEditor {
     options.trigger = htInput;
     options.container = this.datePicker;
     options.bound = false;
+    options.keyboardInput = false;
     options.format = options.format || this.defaultDateFormat;
     options.reposition = options.reposition || false;
     // Set the RTL to `false`. Due to the https://github.com/Pikaday/Pikaday/issues/647 bug, the layout direction

package/editors/handsontableEditor/handsontableEditor.js

@@ -137,7 +137,6 @@ class HandsontableEditor extends _textEditor.TextEditor {
       // if focus is still in the HOT editor
       this.hot.listen(); // return the focus to the parent HOT instance
     }
-
     if (this.htEditor && this.htEditor.getSelectedLast()) {
       const value = this.htEditor.getValue();
       if (value !== undefined) {

package/editors/handsontableEditor/handsontableEditor.mjs

@@ -134,7 +134,6 @@ export class HandsontableEditor extends TextEditor {
       // if focus is still in the HOT editor
       this.hot.listen(); // return the focus to the parent HOT instance
     }
-
     if (this.htEditor && this.htEditor.getSelectedLast()) {
       const value = this.htEditor.getValue();
       if (value !== undefined) {

package/editors/selectEditor/selectEditor.js

@@ -21,9 +21,10 @@ class SelectEditor extends _baseEditor.BaseEditor {
    * Initializes editor instance, DOM Element and mount hooks.
    */
   init() {
-    this.select = this.hot.rootDocument.createElement('SELECT');
-    (0, _element.addClass)(this.select, 'htSelectEditor');
+    this.select = this.hot.rootDocument.createElement('select');
+    this.select.setAttribute('data-hot-input', 'true');
     this.select.style.display = 'none';
+    (0, _element.addClass)(this.select, 'htSelectEditor');
     this.hot.rootElement.appendChild(this.select);
     this.registerHooks();
   }
@@ -188,6 +189,7 @@ class SelectEditor extends _baseEditor.BaseEditor {
   registerShortcuts() {
     const shortcutManager = this.hot.getShortcutManager();
     const editorContext = shortcutManager.getContext('editor');
+    const gridContext = shortcutManager.getContext('grid');
     const contextConfig = {
       group: SHORTCUTS_GROUP
     };
@@ -197,6 +199,10 @@ class SelectEditor extends _baseEditor.BaseEditor {
       return;
     }
     editorContext.addShortcuts([{
+      keys: [['Tab'], ['Shift', 'Tab']],
+      forwardToContext: gridContext,
+      callback: () => {}
+    }, {
       keys: [['ArrowUp']],
       callback: () => {
         const previousOptionIndex = this.select.selectedIndex - 1;

package/editors/selectEditor/selectEditor.mjs

@@ -18,9 +18,10 @@ export class SelectEditor extends BaseEditor {
    * Initializes editor instance, DOM Element and mount hooks.
    */
   init() {
-    this.select = this.hot.rootDocument.createElement('SELECT');
-    addClass(this.select, 'htSelectEditor');
+    this.select = this.hot.rootDocument.createElement('select');
+    this.select.setAttribute('data-hot-input', 'true');
     this.select.style.display = 'none';
+    addClass(this.select, 'htSelectEditor');
     this.hot.rootElement.appendChild(this.select);
     this.registerHooks();
   }
@@ -185,6 +186,7 @@ export class SelectEditor extends BaseEditor {
   registerShortcuts() {
     const shortcutManager = this.hot.getShortcutManager();
     const editorContext = shortcutManager.getContext('editor');
+    const gridContext = shortcutManager.getContext('grid');
     const contextConfig = {
       group: SHORTCUTS_GROUP
     };
@@ -194,6 +196,10 @@ export class SelectEditor extends BaseEditor {
       return;
     }
     editorContext.addShortcuts([{
+      keys: [['Tab'], ['Shift', 'Tab']],
+      forwardToContext: gridContext,
+      callback: () => {}
+    }, {
       keys: [['ArrowUp']],
       callback: () => {
         const previousOptionIndex = this.select.selectedIndex - 1;

package/editors/textEditor/textEditor.js

@@ -15,8 +15,8 @@ var _caretPositioner = require("./caretPositioner");
 var _a11y = require("../../helpers/a11y");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const EDITOR_VISIBLE_CLASS_NAME = 'ht_editor_visible';
 const EDITOR_HIDDEN_CLASS_NAME = 'ht_editor_hidden';
 const SHORTCUTS_GROUP = 'textEditor';
@@ -128,7 +128,6 @@ class TextEditor extends _baseEditor.BaseEditor {
     if ((0, _element.isThisHotChild)(this.hot.rootDocument.activeElement, this.hot.rootElement)) {
       this.hot.listen(); // don't refocus the table if user focused some cell outside of HT on purpose
     }
-
     this.hideEditableElement();
     this.unregisterShortcuts();
   }
@@ -299,7 +298,6 @@ class TextEditor extends _baseEditor.BaseEditor {
       if (!force) {
         this.close(); // TODO shouldn't it be this.finishEditing() ?
       }
-
       return;
     }
     const {
@@ -402,7 +400,6 @@ class TextEditor extends _baseEditor.BaseEditor {
         insertNewLine();
         return false; // Will block closing editor.
       },
-
       runOnlyIf: event => !this.hot.selection.isMultiple() &&
       // We trigger a data population for multiple selection.
       // catch CTRL but not right ALT (which in some systems triggers ALT+CTRL)
@@ -413,7 +410,6 @@ class TextEditor extends _baseEditor.BaseEditor {
         insertNewLine();
         return false; // Will block closing editor.
       },
-
       runOnlyIf: () => !this.hot.selection.isMultiple() // We trigger a data population for multiple selection.
     }, {
       keys: [['Alt', 'Enter']],

package/editors/textEditor/textEditor.mjs

@@ -1,7 +1,7 @@
 import "core-js/modules/es.error.cause.js";
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { BaseEditor, EDITOR_STATE } from "../baseEditor/index.mjs";
 import EventManager from "../../eventManager.mjs";
 import { isEdge, isIOS } from "../../helpers/browser.mjs";
@@ -124,7 +124,6 @@ export class TextEditor extends BaseEditor {
     if (isThisHotChild(this.hot.rootDocument.activeElement, this.hot.rootElement)) {
       this.hot.listen(); // don't refocus the table if user focused some cell outside of HT on purpose
     }
-
     this.hideEditableElement();
     this.unregisterShortcuts();
   }
@@ -295,7 +294,6 @@ export class TextEditor extends BaseEditor {
       if (!force) {
         this.close(); // TODO shouldn't it be this.finishEditing() ?
       }
-
       return;
     }
     const {
@@ -398,7 +396,6 @@ export class TextEditor extends BaseEditor {
         insertNewLine();
         return false; // Will block closing editor.
       },
-
       runOnlyIf: event => !this.hot.selection.isMultiple() &&
       // We trigger a data population for multiple selection.
       // catch CTRL but not right ALT (which in some systems triggers ALT+CTRL)
@@ -409,7 +406,6 @@ export class TextEditor extends BaseEditor {
         insertNewLine();
         return false; // Will block closing editor.
       },
-
       runOnlyIf: () => !this.hot.selection.isMultiple() // We trigger a data population for multiple selection.
     }, {
       keys: [['Alt', 'Enter']],

package/eventManager.js

@@ -6,8 +6,8 @@ require("core-js/modules/es.array.push.js");
 require("core-js/modules/es.error.cause.js");
 var _event = require("./helpers/dom/event");
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 /**
  * Counter which tracks unregistered listeners (useful for detecting memory leaks).
  *
@@ -19,7 +19,6 @@ let listenersCounter = 0;
  * Event DOM manager for internal use in Handsontable.
  *
  * @class EventManager
- * @util
  */
 class EventManager {
   /**
@@ -52,6 +51,7 @@ class EventManager {
   addEventListener(element, eventName, callback) {
     let options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
     /**
+     * @private
      * @param {Event} event The event object.
      */
     function callbackProxy(event) {
@@ -211,6 +211,7 @@ function extendEvent(event) {
 }
 var _default = exports.default = EventManager;
 /**
+ * @private
  * @returns {number}
  */
 function getListenersCounter() {