handsontable 14.2.0 → 14.3.0-next-3fa6b18-20240410

package/editorManager.mjs

@@ -2,17 +2,16 @@ 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(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : 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; }
+function _assertClassBrand(e, t, n) { if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n; throw new TypeError("Private element is not present on this object"); }
 import { isFunctionKey, isCtrlMetaKey } from "./helpers/unicode.mjs";
 import { isImmediatePropagationStopped } from "./helpers/dom/event.mjs";
 import { getEditorInstance } from "./editors/registry.mjs";
 import EventManager from "./eventManager.mjs";
 import { isDefined } from "./helpers/mixed.mjs";
 export const SHORTCUTS_GROUP_NAVIGATION = 'editorManager.navigation';
-var _onAfterDocumentKeyDown = /*#__PURE__*/new WeakSet();
-var _onCellDblClick = /*#__PURE__*/new WeakSet();
+var _EditorManager_brand = /*#__PURE__*/new WeakSet();
 class EditorManager {
   /**
    * @param {Core} hotInstance The Handsontable instance.
@@ -20,19 +19,12 @@ class EditorManager {
    * @param {Selection} selection The selection instance.
    */
   constructor(hotInstance, tableMeta, _selection) {
-    /**
-     * OnCellDblClick callback.
-     *
-     * @param {MouseEvent} event The mouse event object.
-     * @param {object} coords The cell coordinates.
-     */
-    _classPrivateMethodInitSpec(this, _onCellDblClick);
     /**
      * OnAfterDocumentKeyDown callback.
      *
      * @param {KeyboardEvent} event The keyboard event object.
      */
-    _classPrivateMethodInitSpec(this, _onAfterDocumentKeyDown);
+    _classPrivateMethodInitSpec(this, _EditorManager_brand);
     /**
      * Instance of {@link Handsontable}.
      *
@@ -92,7 +84,7 @@ class EditorManager {
     this.tableMeta = tableMeta;
     this.selection = _selection;
     this.eventManager = new EventManager(hotInstance);
-    this.hot.addHook('afterDocumentKeyDown', event => _classPrivateMethodGet(this, _onAfterDocumentKeyDown, _onAfterDocumentKeyDown2).call(this, event));
+    this.hot.addHook('afterDocumentKeyDown', event => _assertClassBrand(_EditorManager_brand, this, _onAfterDocumentKeyDown).call(this, event));
 
     // Open editor when text composition is started (IME editor)
     this.eventManager.addEventListener(this.hot.rootDocument.documentElement, 'compositionstart', event => {
@@ -100,7 +92,7 @@ class EditorManager {
         this.openEditor('', event);
       }
     });
-    this.hot.view._wt.update('onCellDblClick', (event, coords, elem) => _classPrivateMethodGet(this, _onCellDblClick, _onCellDblClick2).call(this, event, coords, elem));
+    this.hot.view._wt.update('onCellDblClick', (event, coords, elem) => _assertClassBrand(_EditorManager_brand, this, _onCellDblClick).call(this, event, coords, elem));
   }
 
   /**
@@ -314,18 +306,22 @@ class EditorManager {
   }
 
   /**
-   * Controls selection's behaviour after clicking `Enter`.
+   * Controls selection's behavior after clicking `Enter`.
    *
    * @private
-   * @param {boolean} isShiftPressed If `true`, then the selection will move up after hit enter.
+   * @param {KeyboardEvent} event The keyboard event object.
    */
-  moveSelectionAfterEnter(isShiftPressed) {
-    const enterMoves = typeof this.tableMeta.enterMoves === 'function' ? this.tableMeta.enterMoves(event) : this.tableMeta.enterMoves;
-    if (isShiftPressed) {
-      // move selection up
-      this.selection.transformStart(-enterMoves.row, -enterMoves.col);
+  moveSelectionAfterEnter(event) {
+    const enterMoves = {
+      ...(typeof this.tableMeta.enterMoves === 'function' ? this.tableMeta.enterMoves(event) : this.tableMeta.enterMoves)
+    };
+    if (event.shiftKey) {
+      enterMoves.row = -enterMoves.row;
+      enterMoves.col = -enterMoves.col;
+    }
+    if (this.hot.selection.isMultiple()) {
+      this.selection.transformFocus(enterMoves.row, enterMoves.col);
     } else {
-      // move selection down (add a new row if needed)
       this.selection.transformStart(enterMoves.row, enterMoves.col, true);
     }
   }
@@ -337,7 +333,7 @@ class EditorManager {
     this.eventManager.destroy();
   }
 }
-function _onAfterDocumentKeyDown2(event) {
+function _onAfterDocumentKeyDown(event) {
   const selection = this.hot.getSelectedRangeLast();
   if (!this.hot.isListening() || !selection || selection.highlight.isHeader() || isImmediatePropagationStopped(event)) {
     return;
@@ -381,7 +377,13 @@ function _onAfterDocumentKeyDown2(event) {
     }
   }
 }
-function _onCellDblClick2(event, coords) {
+/**
+ * OnCellDblClick callback.
+ *
+ * @param {MouseEvent} event The mouse event object.
+ * @param {object} coords The cell coordinates.
+ */
+function _onCellDblClick(event, coords) {
   if (coords.isCell()) {
     this.openEditor(null, event, true);
   }

package/editors/autocompleteEditor/autocompleteEditor.js

@@ -1,7 +1,7 @@
 "use strict";
 
-require("core-js/modules/es.error.cause.js");
 exports.__esModule = true;
+require("core-js/modules/es.error.cause.js");
 require("core-js/modules/es.array.push.js");
 var _handsontableEditor = require("../handsontableEditor");
 var _array = require("../../helpers/array");
@@ -15,11 +15,10 @@ 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(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : 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; }
+function _classPrivateFieldGet(s, a) { return s.get(_assertClassBrand(s, a)); }
+function _assertClassBrand(e, t, n) { if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n; throw new TypeError("Private element is not present on this object"); }
 const EDITOR_TYPE = exports.EDITOR_TYPE = 'autocomplete';
 
 /**
@@ -53,10 +52,7 @@ class AutocompleteEditor extends _handsontableEditor.HandsontableEditor {
      *
      * @type {string}
      */
-    _classPrivateFieldInitSpec(this, _idPrefix, {
-      writable: true,
-      value: this.hot.guid.slice(0, 9)
-    });
+    _classPrivateFieldInitSpec(this, _idPrefix, this.hot.guid.slice(0, 9));
     /**
      * Filters and sorts by relevance.
      *
@@ -168,7 +164,7 @@ class AutocompleteEditor extends _handsontableEditor.HandsontableEditor {
   prepare(row, col, prop, td, value, cellProperties) {
     super.prepare(row, col, prop, td, value, cellProperties);
     if (this.hot.getSettings().ariaTags) {
-      (0, _element.setAttribute)(this.TEXTAREA, [(0, _a11y.A11Y_EXPANDED)('false'), (0, _a11y.A11Y_CONTROLS)(`${_classPrivateFieldGet(this, _idPrefix)}-listbox-${row}-${col}`)]);
+      (0, _element.setAttribute)(this.TEXTAREA, [(0, _a11y.A11Y_EXPANDED)('false'), (0, _a11y.A11Y_CONTROLS)(`${_classPrivateFieldGet(_idPrefix, this)}-listbox-${row}-${col}`)]);
     }
   }
 
@@ -232,7 +228,7 @@ class AutocompleteEditor extends _handsontableEditor.HandsontableEditor {
     if (rootInstanceAriaTagsEnabled) {
       // Add `role=presentation` to the main table to prevent the readers from treating the option list as a table.
       (0, _element.setAttribute)(this.htEditor.view._wt.wtOverlays.wtTable.TABLE, ...(0, _a11y.A11Y_PRESENTATION)());
-      (0, _element.setAttribute)(this.htEditor.rootElement, [(0, _a11y.A11Y_LISTBOX)(), (0, _a11y.A11Y_LIVE)('polite'), (0, _a11y.A11Y_RELEVANT)('text'), ['id', `${_classPrivateFieldGet(this, _idPrefix)}-listbox-${rowIndex}-${colIndex}`]]);
+      (0, _element.setAttribute)(this.htEditor.rootElement, [(0, _a11y.A11Y_LISTBOX)(), (0, _a11y.A11Y_LIVE)('polite'), (0, _a11y.A11Y_RELEVANT)('text'), ['id', `${_classPrivateFieldGet(_idPrefix, this)}-listbox-${rowIndex}-${colIndex}`]]);
       (0, _element.setAttribute)(this.TEXTAREA, ...(0, _a11y.A11Y_EXPANDED)('true'));
     }
     this.hot._registerTimeout(() => {

package/editors/autocompleteEditor/autocompleteEditor.mjs

@@ -1,13 +1,12 @@
-import "core-js/modules/es.array.push.js";
 import "core-js/modules/es.error.cause.js";
+import "core-js/modules/es.array.push.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(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : 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; }
+function _classPrivateFieldGet(s, a) { return s.get(_assertClassBrand(s, a)); }
+function _assertClassBrand(e, t, n) { if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n; throw new TypeError("Private element is not present on this object"); }
 import { HandsontableEditor } from "../handsontableEditor/index.mjs";
 import { arrayMap, pivot } from "../../helpers/array.mjs";
 import { addClass, getCaretPosition, getScrollbarWidth, getSelectionEndPosition, getTrimmingContainer, offset, outerHeight, outerWidth, setAttribute, setCaretPosition } from "../../helpers/dom/element.mjs";
@@ -50,10 +49,7 @@ export class AutocompleteEditor extends HandsontableEditor {
      *
      * @type {string}
      */
-    _classPrivateFieldInitSpec(this, _idPrefix, {
-      writable: true,
-      value: this.hot.guid.slice(0, 9)
-    });
+    _classPrivateFieldInitSpec(this, _idPrefix, this.hot.guid.slice(0, 9));
     /**
      * Filters and sorts by relevance.
      *
@@ -165,7 +161,7 @@ export class AutocompleteEditor extends HandsontableEditor {
   prepare(row, col, prop, td, value, cellProperties) {
     super.prepare(row, col, prop, td, value, cellProperties);
     if (this.hot.getSettings().ariaTags) {
-      setAttribute(this.TEXTAREA, [A11Y_EXPANDED('false'), A11Y_CONTROLS(`${_classPrivateFieldGet(this, _idPrefix)}-listbox-${row}-${col}`)]);
+      setAttribute(this.TEXTAREA, [A11Y_EXPANDED('false'), A11Y_CONTROLS(`${_classPrivateFieldGet(_idPrefix, this)}-listbox-${row}-${col}`)]);
     }
   }
 
@@ -229,7 +225,7 @@ export class AutocompleteEditor extends HandsontableEditor {
     if (rootInstanceAriaTagsEnabled) {
       // Add `role=presentation` to the main table to prevent the readers from treating the option list as a table.
       setAttribute(this.htEditor.view._wt.wtOverlays.wtTable.TABLE, ...A11Y_PRESENTATION());
-      setAttribute(this.htEditor.rootElement, [A11Y_LISTBOX(), A11Y_LIVE('polite'), A11Y_RELEVANT('text'), ['id', `${_classPrivateFieldGet(this, _idPrefix)}-listbox-${rowIndex}-${colIndex}`]]);
+      setAttribute(this.htEditor.rootElement, [A11Y_LISTBOX(), A11Y_LIVE('polite'), A11Y_RELEVANT('text'), ['id', `${_classPrivateFieldGet(_idPrefix, this)}-listbox-${rowIndex}-${colIndex}`]]);
       setAttribute(this.TEXTAREA, ...A11Y_EXPANDED('true'));
     }
     this.hot._registerTimeout(() => {

package/editors/baseEditor/baseEditor.js

@@ -9,7 +9,7 @@ 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(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : 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({

package/editors/baseEditor/baseEditor.mjs

@@ -1,6 +1,6 @@
 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(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : 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";

package/editors/dateEditor/dateEditor.js

@@ -4,13 +4,14 @@ exports.__esModule = true;
 require("core-js/modules/es.error.cause.js");
 var _moment = _interopRequireDefault(require("moment"));
 var _pikaday = _interopRequireDefault(require("@handsontable/pikaday"));
+var _baseEditor = require("../baseEditor");
 var _textEditor = require("../textEditor");
 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(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : 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';
@@ -115,8 +116,8 @@ class DateEditor extends _textEditor.TextEditor {
     let event = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
     const shortcutManager = this.hot.getShortcutManager();
     const editorContext = shortcutManager.getContext('editor');
-    super.open();
     this.showDatepicker(event);
+    super.open();
     editorContext.addShortcuts([{
       keys: [['ArrowLeft']],
       callback: () => {
@@ -180,7 +181,6 @@ class DateEditor extends _textEditor.TextEditor {
    * @param {Event} event The event object.
    */
   showDatepicker(event) {
-    const offset = this.TD.getBoundingClientRect();
     const dateFormat = this.cellProperties.dateFormat || this.defaultDateFormat;
     const isMouseDown = this.hot.view.isMouseDown();
     const isMeta = event ? (0, _unicode.isFunctionKey)(event.keyCode) : false;
@@ -191,14 +191,6 @@ class DateEditor extends _textEditor.TextEditor {
       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;
-    if (this.hot.isRtl()) {
-      pickerLeftPosition = offset.right - (0, _element.outerWidth)(this.datePicker);
-    } else {
-      pickerLeftPosition = offset.left;
-    }
-    this.datePickerStyle.left = `${pickerLeftPosition}px`;
     if (this.originalValue) {
       dateStr = this.originalValue;
       if ((0, _moment.default)(dateStr, dateFormat, true).isValid()) {
@@ -279,5 +271,51 @@ class DateEditor extends _textEditor.TextEditor {
     };
     return options;
   }
+
+  /**
+   * Refreshes datepicker's size and position. The method is called internally by Handsontable.
+   *
+   * @private
+   * @param {boolean} force Indicates if the refreshing editor dimensions should be triggered.
+   */
+  refreshDimensions(force) {
+    var _wtOverlays$getParent;
+    super.refreshDimensions(force);
+    if (this.state !== _baseEditor.EDITOR_STATE.EDITING) {
+      return;
+    }
+    this.TD = this.getEditedCell();
+    if (!this.TD) {
+      this.hideDatepicker();
+      return;
+    }
+    const {
+      rowIndexMapper,
+      columnIndexMapper
+    } = this.hot;
+    const {
+      wtOverlays
+    } = this.hot.view._wt;
+    const {
+      wtTable
+    } = (_wtOverlays$getParent = wtOverlays.getParentOverlay(this.TD)) !== null && _wtOverlays$getParent !== void 0 ? _wtOverlays$getParent : this.hot.view._wt;
+    const firstVisibleRow = rowIndexMapper.getVisualFromRenderableIndex(wtTable.getFirstPartiallyVisibleRow());
+    const lastVisibleRow = rowIndexMapper.getVisualFromRenderableIndex(wtTable.getLastPartiallyVisibleRow());
+    const firstVisibleColumn = columnIndexMapper.getVisualFromRenderableIndex(wtTable.getFirstPartiallyVisibleColumn());
+    const lastVisibleColumn = columnIndexMapper.getVisualFromRenderableIndex(wtTable.getLastPartiallyVisibleColumn());
+    if (this.row >= firstVisibleRow && this.row <= lastVisibleRow && this.col >= firstVisibleColumn && this.col <= lastVisibleColumn) {
+      const offset = this.TD.getBoundingClientRect();
+      this.datePickerStyle.top = `${this.hot.rootWindow.pageYOffset + offset.top + (0, _element.outerHeight)(this.TD)}px`;
+      let pickerLeftPosition = this.hot.rootWindow.pageXOffset;
+      if (this.hot.isRtl()) {
+        pickerLeftPosition += offset.right - (0, _element.outerWidth)(this.datePicker);
+      } else {
+        pickerLeftPosition += offset.left;
+      }
+      this.datePickerStyle.left = `${pickerLeftPosition}px`;
+    } else {
+      this.hideDatepicker();
+    }
+  }
 }
 exports.DateEditor = DateEditor;

package/editors/dateEditor/dateEditor.mjs

@@ -1,9 +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(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : 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 '@handsontable/pikaday';
+import { EDITOR_STATE } from "../baseEditor/index.mjs";
 import { TextEditor } from "../textEditor/index.mjs";
 import { addClass, hasClass, outerHeight, outerWidth } from "../../helpers/dom/element.mjs";
 import { deepExtend } from "../../helpers/object.mjs";
@@ -111,8 +112,8 @@ export class DateEditor extends TextEditor {
     let event = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
     const shortcutManager = this.hot.getShortcutManager();
     const editorContext = shortcutManager.getContext('editor');
-    super.open();
     this.showDatepicker(event);
+    super.open();
     editorContext.addShortcuts([{
       keys: [['ArrowLeft']],
       callback: () => {
@@ -176,7 +177,6 @@ export class DateEditor extends TextEditor {
    * @param {Event} event The event object.
    */
   showDatepicker(event) {
-    const offset = this.TD.getBoundingClientRect();
     const dateFormat = this.cellProperties.dateFormat || this.defaultDateFormat;
     const isMouseDown = this.hot.view.isMouseDown();
     const isMeta = event ? isFunctionKey(event.keyCode) : false;
@@ -187,14 +187,6 @@ export class DateEditor extends TextEditor {
       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;
-    if (this.hot.isRtl()) {
-      pickerLeftPosition = offset.right - outerWidth(this.datePicker);
-    } else {
-      pickerLeftPosition = offset.left;
-    }
-    this.datePickerStyle.left = `${pickerLeftPosition}px`;
     if (this.originalValue) {
       dateStr = this.originalValue;
       if (moment(dateStr, dateFormat, true).isValid()) {
@@ -275,4 +267,50 @@ export class DateEditor extends TextEditor {
     };
     return options;
   }
+
+  /**
+   * Refreshes datepicker's size and position. The method is called internally by Handsontable.
+   *
+   * @private
+   * @param {boolean} force Indicates if the refreshing editor dimensions should be triggered.
+   */
+  refreshDimensions(force) {
+    var _wtOverlays$getParent;
+    super.refreshDimensions(force);
+    if (this.state !== EDITOR_STATE.EDITING) {
+      return;
+    }
+    this.TD = this.getEditedCell();
+    if (!this.TD) {
+      this.hideDatepicker();
+      return;
+    }
+    const {
+      rowIndexMapper,
+      columnIndexMapper
+    } = this.hot;
+    const {
+      wtOverlays
+    } = this.hot.view._wt;
+    const {
+      wtTable
+    } = (_wtOverlays$getParent = wtOverlays.getParentOverlay(this.TD)) !== null && _wtOverlays$getParent !== void 0 ? _wtOverlays$getParent : this.hot.view._wt;
+    const firstVisibleRow = rowIndexMapper.getVisualFromRenderableIndex(wtTable.getFirstPartiallyVisibleRow());
+    const lastVisibleRow = rowIndexMapper.getVisualFromRenderableIndex(wtTable.getLastPartiallyVisibleRow());
+    const firstVisibleColumn = columnIndexMapper.getVisualFromRenderableIndex(wtTable.getFirstPartiallyVisibleColumn());
+    const lastVisibleColumn = columnIndexMapper.getVisualFromRenderableIndex(wtTable.getLastPartiallyVisibleColumn());
+    if (this.row >= firstVisibleRow && this.row <= lastVisibleRow && this.col >= firstVisibleColumn && this.col <= lastVisibleColumn) {
+      const offset = this.TD.getBoundingClientRect();
+      this.datePickerStyle.top = `${this.hot.rootWindow.pageYOffset + offset.top + outerHeight(this.TD)}px`;
+      let pickerLeftPosition = this.hot.rootWindow.pageXOffset;
+      if (this.hot.isRtl()) {
+        pickerLeftPosition += offset.right - outerWidth(this.datePicker);
+      } else {
+        pickerLeftPosition += offset.left;
+      }
+      this.datePickerStyle.left = `${pickerLeftPosition}px`;
+    } else {
+      this.hideDatepicker();
+    }
+  }
 }

package/editors/selectEditor/selectEditor.js

@@ -194,31 +194,32 @@ class SelectEditor extends _baseEditor.BaseEditor {
       group: SHORTCUTS_GROUP
     };
 
-    // Actions from fast edit works.
-    if (this.isInFullEditMode() === false) {
-      return;
-    }
+    // The `TAB`-related shortcuts should work both in full and fast edit modes.
     editorContext.addShortcuts([{
       keys: [['Tab'], ['Shift', 'Tab']],
       forwardToContext: gridContext,
       callback: () => {}
-    }, {
-      keys: [['ArrowUp']],
-      callback: () => {
-        const previousOptionIndex = this.select.selectedIndex - 1;
-        if (previousOptionIndex >= 0) {
-          this.select[previousOptionIndex].selected = true;
+    }], contextConfig);
+    if (this.isInFullEditMode() === true) {
+      // The arrow-related shortcuts should work only in full edit mode.
+      editorContext.addShortcuts([{
+        keys: [['ArrowUp']],
+        callback: () => {
+          const previousOptionIndex = this.select.selectedIndex - 1;
+          if (previousOptionIndex >= 0) {
+            this.select[previousOptionIndex].selected = true;
+          }
         }
-      }
-    }, {
-      keys: [['ArrowDown']],
-      callback: () => {
-        const nextOptionIndex = this.select.selectedIndex + 1;
-        if (nextOptionIndex <= this.select.length - 1) {
-          this.select[nextOptionIndex].selected = true;
+      }, {
+        keys: [['ArrowDown']],
+        callback: () => {
+          const nextOptionIndex = this.select.selectedIndex + 1;
+          if (nextOptionIndex <= this.select.length - 1) {
+            this.select[nextOptionIndex].selected = true;
+          }
         }
-      }
-    }], contextConfig);
+      }], contextConfig);
+    }
   }
 
   /**

package/editors/selectEditor/selectEditor.mjs

@@ -191,31 +191,32 @@ export class SelectEditor extends BaseEditor {
       group: SHORTCUTS_GROUP
     };
 
-    // Actions from fast edit works.
-    if (this.isInFullEditMode() === false) {
-      return;
-    }
+    // The `TAB`-related shortcuts should work both in full and fast edit modes.
     editorContext.addShortcuts([{
       keys: [['Tab'], ['Shift', 'Tab']],
       forwardToContext: gridContext,
       callback: () => {}
-    }, {
-      keys: [['ArrowUp']],
-      callback: () => {
-        const previousOptionIndex = this.select.selectedIndex - 1;
-        if (previousOptionIndex >= 0) {
-          this.select[previousOptionIndex].selected = true;
+    }], contextConfig);
+    if (this.isInFullEditMode() === true) {
+      // The arrow-related shortcuts should work only in full edit mode.
+      editorContext.addShortcuts([{
+        keys: [['ArrowUp']],
+        callback: () => {
+          const previousOptionIndex = this.select.selectedIndex - 1;
+          if (previousOptionIndex >= 0) {
+            this.select[previousOptionIndex].selected = true;
+          }
         }
-      }
-    }, {
-      keys: [['ArrowDown']],
-      callback: () => {
-        const nextOptionIndex = this.select.selectedIndex + 1;
-        if (nextOptionIndex <= this.select.length - 1) {
-          this.select[nextOptionIndex].selected = true;
+      }, {
+        keys: [['ArrowDown']],
+        callback: () => {
+          const nextOptionIndex = this.select.selectedIndex + 1;
+          if (nextOptionIndex <= this.select.length - 1) {
+            this.select[nextOptionIndex].selected = true;
+          }
         }
-      }
-    }], contextConfig);
+      }], contextConfig);
+    }
   }
 
   /**

package/editors/textEditor/textEditor.js

@@ -15,7 +15,7 @@ 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(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : 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';

package/editors/textEditor/textEditor.mjs

@@ -1,6 +1,6 @@
 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(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : 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";

package/eventManager.js

@@ -2,11 +2,11 @@
 
 exports.__esModule = true;
 exports.getListenersCounter = getListenersCounter;
-require("core-js/modules/es.array.push.js");
 require("core-js/modules/es.error.cause.js");
+require("core-js/modules/es.array.push.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(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : 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).

package/eventManager.mjs

@@ -1,7 +1,7 @@
-import "core-js/modules/es.array.push.js";
 import "core-js/modules/es.error.cause.js";
+import "core-js/modules/es.array.push.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(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : 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 { stopImmediatePropagation as _stopImmediatePropagation } from "./helpers/dom/event.mjs";
 /**