handsontable 0.0.0-next-c3d40ad-20241127 → 0.0.0-next-9a52a6a-20241128

package/editors/passwordEditor/passwordEditor.js

@@ -1,8 +1,13 @@
 "use strict";
 
 exports.__esModule = true;
+require("core-js/modules/es.error.cause.js");
 var _textEditor = require("../textEditor");
+var _autoResize = require("../../utils/autoResize");
 var _element = require("../../helpers/dom/element");
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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 = 'password';
 
 /**
@@ -10,6 +15,19 @@ const EDITOR_TYPE = exports.EDITOR_TYPE = 'password';
  * @class PasswordEditor
  */
 class PasswordEditor extends _textEditor.TextEditor {
+  constructor() {
+    super(...arguments);
+    /**
+     * Autoresize instance for resizing the editor to the size of the entered text. Its overwrites the default
+     * resizer of the TextEditor.
+     *
+     * @private
+     * @type {Function}
+     */
+    _defineProperty(this, "autoResize", (0, _autoResize.createInputElementResizer)(this.hot.rootDocument, {
+      textContent: element => '•'.repeat(element.value.length)
+    }));
+  }
   static get EDITOR_TYPE() {
     return EDITOR_TYPE;
   }

package/editors/passwordEditor/passwordEditor.mjs

@@ -1,4 +1,9 @@
+import "core-js/modules/es.error.cause.js";
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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 { TextEditor } from "../textEditor/index.mjs";
+import { createInputElementResizer } from "../../utils/autoResize.mjs";
 import { empty } from "../../helpers/dom/element.mjs";
 export const EDITOR_TYPE = 'password';
 
@@ -7,6 +12,19 @@ export const EDITOR_TYPE = 'password';
  * @class PasswordEditor
  */
 export class PasswordEditor extends TextEditor {
+  constructor() {
+    super(...arguments);
+    /**
+     * Autoresize instance for resizing the editor to the size of the entered text. Its overwrites the default
+     * resizer of the TextEditor.
+     *
+     * @private
+     * @type {Function}
+     */
+    _defineProperty(this, "autoResize", createInputElementResizer(this.hot.rootDocument, {
+      textContent: element => '•'.repeat(element.value.length)
+    }));
+  }
   static get EDITOR_TYPE() {
     return EDITOR_TYPE;
   }

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-c3d40ad-20241127";
+  const hotVersion = "0.0.0-next-9a52a6a-20241128";
   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-c3d40ad-20241127";
+  const hotVersion = "0.0.0-next-9a52a6a-20241128";
   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-c3d40ad-20241127",
+  "version": "0.0.0-next-9a52a6a-20241128",
   "main": "index",
   "module": "index.mjs",
   "jsnext:main": "index.mjs",

package/plugins/comments/comments.js

@@ -287,7 +287,7 @@ class Comments extends _base.BasePlugin {
       stopPropagation: true,
       runOnlyIf: () => {
         var _this$hot$getSelected;
-        return ((_this$hot$getSelected = this.hot.getSelectedRangeLast()) === null || _this$hot$getSelected === void 0 ? void 0 : _this$hot$getSelected.highlight.isCell()) && !_classPrivateFieldGet(_editor, this).isVisible();
+        return (_this$hot$getSelected = this.hot.getSelectedRangeLast()) === null || _this$hot$getSelected === void 0 ? void 0 : _this$hot$getSelected.highlight.isCell();
       },
       group: SHORTCUTS_GROUP
     });
@@ -777,7 +777,7 @@ function _onEditorResize(width, height) {
  * @param {Event} event The keydown event.
  */
 function _onAfterDocumentKeyDown(event) {
-  if (_classPrivateFieldGet(_editor, this).isVisible()) {
+  if (_classPrivateFieldGet(_editor, this).isFocused()) {
     (0, _event.stopImmediatePropagation)(event);
   }
 }

package/plugins/comments/comments.mjs

@@ -283,7 +283,7 @@ export class Comments extends BasePlugin {
       stopPropagation: true,
       runOnlyIf: () => {
         var _this$hot$getSelected;
-        return ((_this$hot$getSelected = this.hot.getSelectedRangeLast()) === null || _this$hot$getSelected === void 0 ? void 0 : _this$hot$getSelected.highlight.isCell()) && !_classPrivateFieldGet(_editor, this).isVisible();
+        return (_this$hot$getSelected = this.hot.getSelectedRangeLast()) === null || _this$hot$getSelected === void 0 ? void 0 : _this$hot$getSelected.highlight.isCell();
       },
       group: SHORTCUTS_GROUP
     });
@@ -772,7 +772,7 @@ function _onEditorResize(width, height) {
  * @param {Event} event The keydown event.
  */
 function _onAfterDocumentKeyDown(event) {
-  if (_classPrivateFieldGet(_editor, this).isVisible()) {
+  if (_classPrivateFieldGet(_editor, this).isFocused()) {
     stopImmediatePropagation(event);
   }
 }

package/shortcuts/recorder.js

@@ -85,7 +85,7 @@ function useRecorder(ownerWindow, handleEvent, beforeKeyDown, afterKeyDown, call
     // keyCode 229 aka 'uninitialized' doesn't take into account with editors. This key code is
     // produced when unfinished character is entering using the IME editor. It is fired on macOS,
     // Windows and linux (ubuntu) with installed ibus-pinyin package.
-    if (event.keyCode === 229 || result === false || (0, _event.isImmediatePropagationStopped)(event)) {
+    if (result === false || event.keyCode === 229 || typeof event.key !== 'string' || (0, _event.isImmediatePropagationStopped)(event)) {
       return;
     }
     const pressedKey = (0, _utils.normalizeEventKey)(event);
@@ -109,7 +109,7 @@ function useRecorder(ownerWindow, handleEvent, beforeKeyDown, afterKeyDown, call
    * @param {KeyboardEvent} event The event object
    */
   const onkeydownForModKeys = event => {
-    if (event.key) {
+    if (typeof event.key === 'string') {
       const pressedKey = (0, _utils.normalizeEventKey)(event);
       if (isModifierKey(pressedKey)) {
         modifierKeysObserver.press(pressedKey);
@@ -124,7 +124,7 @@ function useRecorder(ownerWindow, handleEvent, beforeKeyDown, afterKeyDown, call
    * @param {KeyboardEvent} event The event object
    */
   const onkeyupForModKeys = event => {
-    if (event.key) {
+    if (typeof event.key === 'string') {
       const pressedKey = (0, _utils.normalizeEventKey)(event);
       if (isModifierKey(pressedKey)) {
         modifierKeysObserver.release(pressedKey);

package/shortcuts/recorder.mjs

@@ -81,7 +81,7 @@ export function useRecorder(ownerWindow, handleEvent, beforeKeyDown, afterKeyDow
     // keyCode 229 aka 'uninitialized' doesn't take into account with editors. This key code is
     // produced when unfinished character is entering using the IME editor. It is fired on macOS,
     // Windows and linux (ubuntu) with installed ibus-pinyin package.
-    if (event.keyCode === 229 || result === false || isImmediatePropagationStopped(event)) {
+    if (result === false || event.keyCode === 229 || typeof event.key !== 'string' || isImmediatePropagationStopped(event)) {
       return;
     }
     const pressedKey = normalizeEventKey(event);
@@ -105,7 +105,7 @@ export function useRecorder(ownerWindow, handleEvent, beforeKeyDown, afterKeyDow
    * @param {KeyboardEvent} event The event object
    */
   const onkeydownForModKeys = event => {
-    if (event.key) {
+    if (typeof event.key === 'string') {
       const pressedKey = normalizeEventKey(event);
       if (isModifierKey(pressedKey)) {
         modifierKeysObserver.press(pressedKey);
@@ -120,7 +120,7 @@ export function useRecorder(ownerWindow, handleEvent, beforeKeyDown, afterKeyDow
    * @param {KeyboardEvent} event The event object
    */
   const onkeyupForModKeys = event => {
-    if (event.key) {
+    if (typeof event.key === 'string') {
       const pressedKey = normalizeEventKey(event);
       if (isModifierKey(pressedKey)) {
         modifierKeysObserver.release(pressedKey);

package/utils/autoResize.js

@@ -48,6 +48,7 @@ function getComputedStyle(element) {
  * @property {number} maxWidth The maximum width of the element.
  * @property {number} minHeight The minimum height of the element.
  * @property {number} maxHeight The maximum height of the element.
+ * @property {function(HTMLElement): string} textContent The function that returns the text content to measure.
  */
 /**
  * @typedef InputElementResizer
@@ -59,14 +60,18 @@ function getComputedStyle(element) {
  * Creates an input element resizer.
  *
  * @param {Document} ownerDocument The document to create the resizer for.
+ * @param {InputElementResizerConfig} initialOptions The configuration to extend the defaults with.
  * @returns {InputElementResizer}
  */
 function createInputElementResizer(ownerDocument) {
+  let initialOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   const defaults = {
     minHeight: 200,
     maxHeight: 300,
     minWidth: 100,
-    maxWidth: 300
+    maxWidth: 300,
+    textContent: element => element.value,
+    ...initialOptions
   };
   const body = ownerDocument.body;
   const textHolder = ownerDocument.createTextNode('');
@@ -77,7 +82,7 @@ function createInputElementResizer(ownerDocument) {
    * Resizes the element.
    */
   function resize() {
-    textHolder.textContent = observedElement.value;
+    textHolder.textContent = defaults.textContent(observedElement);
     // Won't expand the element size for displaying body as for example, `grid`, `inline-grid` or `flex` with
     // `flex-direction` set as `column`.
     textContainer.style.position = 'absolute';

package/utils/autoResize.mjs

@@ -44,6 +44,7 @@ function getComputedStyle(element) {
  * @property {number} maxWidth The maximum width of the element.
  * @property {number} minHeight The minimum height of the element.
  * @property {number} maxHeight The maximum height of the element.
+ * @property {function(HTMLElement): string} textContent The function that returns the text content to measure.
  */
 /**
  * @typedef InputElementResizer
@@ -55,14 +56,18 @@ function getComputedStyle(element) {
  * Creates an input element resizer.
  *
  * @param {Document} ownerDocument The document to create the resizer for.
+ * @param {InputElementResizerConfig} initialOptions The configuration to extend the defaults with.
  * @returns {InputElementResizer}
  */
 export function createInputElementResizer(ownerDocument) {
+  let initialOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   const defaults = {
     minHeight: 200,
     maxHeight: 300,
     minWidth: 100,
-    maxWidth: 300
+    maxWidth: 300,
+    textContent: element => element.value,
+    ...initialOptions
   };
   const body = ownerDocument.body;
   const textHolder = ownerDocument.createTextNode('');
@@ -73,7 +78,7 @@ export function createInputElementResizer(ownerDocument) {
    * Resizes the element.
    */
   function resize() {
-    textHolder.textContent = observedElement.value;
+    textHolder.textContent = defaults.textContent(observedElement);
     // Won't expand the element size for displaying body as for example, `grid`, `inline-grid` or `flex` with
     // `flex-direction` set as `column`.
     textContainer.style.position = 'absolute';