handsontable 0.0.0-next-0146b3f-20240129 → 0.0.0-next-dc31c83-20240131

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-0146b3f-20240129";
+  const hotVersion = "0.0.0-next-dc31c83-20240131";
   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-0146b3f-20240129";
+  const hotVersion = "0.0.0-next-dc31c83-20240131";
   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-0146b3f-20240129",
+  "version": "0.0.0-next-dc31c83-20240131",
   "main": "index",
   "module": "index.mjs",
   "jsnext:main": "index.mjs",

package/tableView.js

@@ -307,15 +307,13 @@ class TableView {
     const {
       rootElement,
       rootDocument,
-      selection
+      selection,
+      rootWindow
     } = this.hot;
     const documentElement = rootDocument.documentElement;
     this.eventManager.addEventListener(rootElement, 'mousedown', event => {
       _classPrivateFieldSet(this, _selectionMouseDown, true);
       if (!this.isTextSelectionAllowed(event.target)) {
-        const {
-          rootWindow
-        } = this.hot;
         (0, _element.clearTextSelection)(rootWindow);
         event.preventDefault();
         rootWindow.focus(); // make sure that window that contains HOT is active. Important when HOT is in iframe.
@@ -328,7 +326,7 @@ class TableView {
       if (_classPrivateFieldGet(this, _selectionMouseDown) && !this.isTextSelectionAllowed(event.target)) {
         // Clear selection only when fragmentSelection is enabled, otherwise clearing selection breaks the IME editor.
         if (this.settings.fragmentSelection) {
-          (0, _element.clearTextSelection)(this.hot.rootWindow);
+          (0, _element.clearTextSelection)(rootWindow);
         }
         event.preventDefault();
       }
@@ -408,6 +406,13 @@ class TableView {
         this.hot.destroyEditor(false, false);
       }
     });
+    let parentWindow = (0, _element.getParentWindow)(rootWindow);
+    while (parentWindow !== null) {
+      this.eventManager.addEventListener(parentWindow.document.documentElement, 'click', () => {
+        this.hot.unlisten();
+      });
+      parentWindow = (0, _element.getParentWindow)(parentWindow);
+    }
     this.eventManager.addEventListener(_classPrivateFieldGet(this, _table), 'selectstart', event => {
       if (this.settings.fragmentSelection || (0, _element.isInput)(event.target)) {
         return;

package/tableView.mjs

@@ -12,7 +12,7 @@ function _classApplyDescriptorGet(receiver, descriptor) { if (descriptor.get) {
 function _classPrivateFieldSet(receiver, privateMap, value) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "set"); _classApplyDescriptorSet(receiver, descriptor, value); return value; }
 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 _classApplyDescriptorSet(receiver, descriptor, value) { if (descriptor.set) { descriptor.set.call(receiver, value); } else { if (!descriptor.writable) { throw new TypeError("attempted to set read only private field"); } descriptor.value = value; } }
-import { addClass, clearTextSelection, empty, fastInnerHTML, fastInnerText, getScrollbarWidth, hasClass, isChildOf, isInput, isOutsideInput, isVisible, setAttribute } from "./helpers/dom/element.mjs";
+import { addClass, clearTextSelection, empty, fastInnerHTML, fastInnerText, getScrollbarWidth, hasClass, isChildOf, isInput, isOutsideInput, isVisible, setAttribute, getParentWindow } from "./helpers/dom/element.mjs";
 import EventManager from "./eventManager.mjs";
 import { isImmediatePropagationStopped, isRightClick, isLeftClick } from "./helpers/dom/event.mjs";
 import Walkontable from "./3rdparty/walkontable/src/index.mjs";
@@ -303,15 +303,13 @@ class TableView {
     const {
       rootElement,
       rootDocument,
-      selection
+      selection,
+      rootWindow
     } = this.hot;
     const documentElement = rootDocument.documentElement;
     this.eventManager.addEventListener(rootElement, 'mousedown', event => {
       _classPrivateFieldSet(this, _selectionMouseDown, true);
       if (!this.isTextSelectionAllowed(event.target)) {
-        const {
-          rootWindow
-        } = this.hot;
         clearTextSelection(rootWindow);
         event.preventDefault();
         rootWindow.focus(); // make sure that window that contains HOT is active. Important when HOT is in iframe.
@@ -324,7 +322,7 @@ class TableView {
       if (_classPrivateFieldGet(this, _selectionMouseDown) && !this.isTextSelectionAllowed(event.target)) {
         // Clear selection only when fragmentSelection is enabled, otherwise clearing selection breaks the IME editor.
         if (this.settings.fragmentSelection) {
-          clearTextSelection(this.hot.rootWindow);
+          clearTextSelection(rootWindow);
         }
         event.preventDefault();
       }
@@ -404,6 +402,13 @@ class TableView {
         this.hot.destroyEditor(false, false);
       }
     });
+    let parentWindow = getParentWindow(rootWindow);
+    while (parentWindow !== null) {
+      this.eventManager.addEventListener(parentWindow.document.documentElement, 'click', () => {
+        this.hot.unlisten();
+      });
+      parentWindow = getParentWindow(parentWindow);
+    }
     this.eventManager.addEventListener(_classPrivateFieldGet(this, _table), 'selectstart', event => {
       if (this.settings.fragmentSelection || isInput(event.target)) {
         return;

package/utils/parseTable.js

@@ -5,7 +5,6 @@ exports._dataToHTML = _dataToHTML;
 exports.htmlToGridSettings = htmlToGridSettings;
 exports.instanceToHTML = instanceToHTML;
 require("core-js/modules/es.array.push.js");
-require("core-js/modules/es.string.replace-all.js");
 var _mixed = require("./../helpers/mixed");
 const ESCAPED_HTML_CHARS = {
   ' ': '\x20',
@@ -141,14 +140,7 @@ function htmlToGridSettings(element) {
   if (typeof checkElement === 'string') {
     const escapedAdjacentHTML = checkElement.replace(/<td\b[^>]*?>([\s\S]*?)<\/\s*td>/g, cellFragment => {
       const openingTag = cellFragment.match(/<td\b[^>]*?>/g)[0];
-      const paragraphRegexp = /<p.*?>/g;
-      const cellValue = cellFragment.substring(openingTag.length, cellFragment.lastIndexOf('<')).trim() // Removing whitespaces from the start and the end of HTML fragment
-      .replaceAll(/\n\s+/g, ' ') // HTML tags may be split using multiple new lines and whitespaces
-      .replaceAll(paragraphRegexp, '\n') // Only paragraphs should split text using new line characters
-      .replace('\n', '') // First paragraph shouldn't start with new line characters
-      .replaceAll(/<\/(.*)>\s+$/mg, '</$1>') // HTML tags may end with whitespace.
-      .replace(/(<(?!br)([^>]+)>)/gi, '') // Removing HTML tags
-      .replaceAll(/^&nbsp;$/mg, ''); // Removing single &nbsp; characters separating new lines
+      const cellValue = cellFragment.substring(openingTag.length, cellFragment.lastIndexOf('<')).replace(/(<(?!br)([^>]+)>)/gi, '');
       const closingTag = '</td>';
       return `${openingTag}${cellValue}${closingTag}`;
     });

package/utils/parseTable.mjs

@@ -1,5 +1,4 @@
 import "core-js/modules/es.array.push.js";
-import "core-js/modules/es.string.replace-all.js";
 import { isEmpty } from "./../helpers/mixed.mjs";
 const ESCAPED_HTML_CHARS = {
   ' ': '\x20',
@@ -135,14 +134,7 @@ export function htmlToGridSettings(element) {
   if (typeof checkElement === 'string') {
     const escapedAdjacentHTML = checkElement.replace(/<td\b[^>]*?>([\s\S]*?)<\/\s*td>/g, cellFragment => {
       const openingTag = cellFragment.match(/<td\b[^>]*?>/g)[0];
-      const paragraphRegexp = /<p.*?>/g;
-      const cellValue = cellFragment.substring(openingTag.length, cellFragment.lastIndexOf('<')).trim() // Removing whitespaces from the start and the end of HTML fragment
-      .replaceAll(/\n\s+/g, ' ') // HTML tags may be split using multiple new lines and whitespaces
-      .replaceAll(paragraphRegexp, '\n') // Only paragraphs should split text using new line characters
-      .replace('\n', '') // First paragraph shouldn't start with new line characters
-      .replaceAll(/<\/(.*)>\s+$/mg, '</$1>') // HTML tags may end with whitespace.
-      .replace(/(<(?!br)([^>]+)>)/gi, '') // Removing HTML tags
-      .replaceAll(/^&nbsp;$/mg, ''); // Removing single &nbsp; characters separating new lines
+      const cellValue = cellFragment.substring(openingTag.length, cellFragment.lastIndexOf('<')).replace(/(<(?!br)([^>]+)>)/gi, '');
       const closingTag = '</td>';
       return `${openingTag}${cellValue}${closingTag}`;
     });