handsontable 0.0.0-next-65a2381-20240408 → 0.0.0-next-0ff5394-20240409

package/editors/dateEditor/dateEditor.js

@@ -4,6 +4,7 @@ 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");
@@ -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,37 @@ 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) {
+    super.refreshDimensions(force);
+    if (this.state !== _baseEditor.EDITOR_STATE.EDITING) {
+      return;
+    }
+    this.TD = this.getEditedCell();
+    if (!this.TD) {
+      this.hideDatepicker();
+      return;
+    }
+    const view = this.hot.view;
+    if (this.col >= view.getFirstPartiallyVisibleColumn() && this.col <= view.getLastPartiallyVisibleColumn() && this.row >= view.getFirstPartiallyVisibleRow() && this.row <= view.getLastPartiallyVisibleRow()) {
+      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

@@ -4,6 +4,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 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,36 @@ 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) {
+    super.refreshDimensions(force);
+    if (this.state !== EDITOR_STATE.EDITING) {
+      return;
+    }
+    this.TD = this.getEditedCell();
+    if (!this.TD) {
+      this.hideDatepicker();
+      return;
+    }
+    const view = this.hot.view;
+    if (this.col >= view.getFirstPartiallyVisibleColumn() && this.col <= view.getLastPartiallyVisibleColumn() && this.row >= view.getFirstPartiallyVisibleRow() && this.row <= view.getLastPartiallyVisibleRow()) {
+      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/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-65a2381-20240408";
+  const hotVersion = "0.0.0-next-0ff5394-20240409";
   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-65a2381-20240408";
+  const hotVersion = "0.0.0-next-0ff5394-20240409";
   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-65a2381-20240408",
+  "version": "0.0.0-next-0ff5394-20240409",
   "main": "index",
   "module": "index.mjs",
   "jsnext:main": "index.mjs",