handsontable 0.0.0-next-aa86b7d-20240104 → 0.0.0-next-2dc854c-20240104

package/editors/dateEditor/dateEditor.js

@@ -5,7 +5,6 @@ require("core-js/modules/es.error.cause.js");
 var _moment = _interopRequireDefault(require("moment"));
 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");
@@ -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);
   }
 
@@ -260,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

@@ -5,7 +5,6 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
 import moment from 'moment';
 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);
   }
 
@@ -256,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/helpers/mixed.js

@@ -134,7 +134,7 @@ const domMessages = {
 function _injectProductInfo(key, element) {
   const hasValidType = !isEmpty(key);
   const isNonCommercial = typeof key === 'string' && key.toLowerCase() === 'non-commercial-and-evaluation';
-  const hotVersion = "0.0.0-next-aa86b7d-20240104";
+  const hotVersion = "0.0.0-next-2dc854c-20240104";
   let keyValidityDate;
   let consoleMessageState = 'invalid';
   let domMessageState = 'invalid';

package/helpers/mixed.mjs

@@ -124,7 +124,7 @@ const domMessages = {
 export function _injectProductInfo(key, element) {
   const hasValidType = !isEmpty(key);
   const isNonCommercial = typeof key === 'string' && key.toLowerCase() === 'non-commercial-and-evaluation';
-  const hotVersion = "0.0.0-next-aa86b7d-20240104";
+  const hotVersion = "0.0.0-next-2dc854c-20240104";
   let keyValidityDate;
   let consoleMessageState = 'invalid';
   let domMessageState = 'invalid';

package/package.json

@@ -10,7 +10,7 @@
     "url": "https://github.com/handsontable/handsontable/issues"
   },
   "author": "Handsoncode <hello@handsontable.com>",
-  "version": "0.0.0-next-aa86b7d-20240104",
+  "version": "0.0.0-next-2dc854c-20240104",
   "main": "index",
   "module": "index.mjs",
   "jsnext:main": "index.mjs",