handsontable 15.2.0 → 15.3.0-next-6f5f494-20250424

package/plugins/autoRowSize/autoRowSize.js

@@ -113,6 +113,7 @@ const ROW_WIDTHS_MAP_NAME = 'autoRowSize';
  */
 /* eslint-enable jsdoc/require-description-complete-sentence */
 var _visualRowsToRefresh = /*#__PURE__*/new WeakMap();
+var _isInitialized = /*#__PURE__*/new WeakMap();
 var _AutoRowSize_brand = /*#__PURE__*/new WeakSet();
 class AutoRowSize extends _base.BasePlugin {
   static get PLUGIN_KEY() {
@@ -215,6 +216,12 @@ class AutoRowSize extends _base.BasePlugin {
      * @type {number[]}
      */
     _classPrivateFieldInitSpec(this, _visualRowsToRefresh, []);
+    /**
+     * `true` value indicates that the #onInit() function has been already called.
+     *
+     * @type {boolean}
+     */
+    _classPrivateFieldInitSpec(this, _isInitialized, false);
     this.hot.rowIndexMapper.registerMap(ROW_WIDTHS_MAP_NAME, this.rowHeightsMap);
 
     // Leave the listener active to allow auto-sizing the rows when the plugin is disabled.
@@ -297,7 +304,7 @@ class AutoRowSize extends _base.BasePlugin {
     if (firstVisibleRow === -1 || lastVisibleRow === -1) {
       return;
     }
-    const overwriteCache = this.hot.renderCall;
+    const overwriteCache = this.hot.forceFullRender;
     this.calculateRowsHeight({
       from: firstVisibleRow,
       to: lastVisibleRow
@@ -398,11 +405,6 @@ class AutoRowSize extends _base.BasePlugin {
 
         // @TODO Should call once per render cycle, currently fired separately in different plugins
         this.hot.view.adjustElementsSize();
-
-        // tmp
-        if (this.hot.view._wt.wtOverlays.inlineStartOverlay.needFullRender) {
-          this.hot.view._wt.wtOverlays.inlineStartOverlay.clone.draw();
-        }
       }
     };
     const syncLimit = this.getSyncCalculationLimit();
@@ -645,6 +647,7 @@ function _onBeforeChange(changes) {
  */
 function _onInit() {
   this.recalculateAllRowsHeight();
+  _classPrivateFieldSet(_isInitialized, this, true);
 }
 /**
  * After formulas values updated listener.
@@ -652,6 +655,9 @@ function _onInit() {
  * @param {Array} changes An array of modified data.
  */
 function _onAfterFormulasValuesUpdate(changes) {
+  if (!_classPrivateFieldGet(_isInitialized, this)) {
+    return;
+  }
   const changedRows = changes.reduce((acc, change) => {
     var _change$address;
     const physicalRow = (_change$address = change.address) === null || _change$address === void 0 ? void 0 : _change$address.row;

package/plugins/autoRowSize/autoRowSize.mjs

@@ -109,6 +109,7 @@ const ROW_WIDTHS_MAP_NAME = 'autoRowSize';
  */
 /* eslint-enable jsdoc/require-description-complete-sentence */
 var _visualRowsToRefresh = /*#__PURE__*/new WeakMap();
+var _isInitialized = /*#__PURE__*/new WeakMap();
 var _AutoRowSize_brand = /*#__PURE__*/new WeakSet();
 export class AutoRowSize extends BasePlugin {
   static get PLUGIN_KEY() {
@@ -211,6 +212,12 @@ export class AutoRowSize extends BasePlugin {
      * @type {number[]}
      */
     _classPrivateFieldInitSpec(this, _visualRowsToRefresh, []);
+    /**
+     * `true` value indicates that the #onInit() function has been already called.
+     *
+     * @type {boolean}
+     */
+    _classPrivateFieldInitSpec(this, _isInitialized, false);
     this.hot.rowIndexMapper.registerMap(ROW_WIDTHS_MAP_NAME, this.rowHeightsMap);
 
     // Leave the listener active to allow auto-sizing the rows when the plugin is disabled.
@@ -293,7 +300,7 @@ export class AutoRowSize extends BasePlugin {
     if (firstVisibleRow === -1 || lastVisibleRow === -1) {
       return;
     }
-    const overwriteCache = this.hot.renderCall;
+    const overwriteCache = this.hot.forceFullRender;
     this.calculateRowsHeight({
       from: firstVisibleRow,
       to: lastVisibleRow
@@ -394,11 +401,6 @@ export class AutoRowSize extends BasePlugin {
 
         // @TODO Should call once per render cycle, currently fired separately in different plugins
         this.hot.view.adjustElementsSize();
-
-        // tmp
-        if (this.hot.view._wt.wtOverlays.inlineStartOverlay.needFullRender) {
-          this.hot.view._wt.wtOverlays.inlineStartOverlay.clone.draw();
-        }
       }
     };
     const syncLimit = this.getSyncCalculationLimit();
@@ -640,6 +642,7 @@ function _onBeforeChange(changes) {
  */
 function _onInit() {
   this.recalculateAllRowsHeight();
+  _classPrivateFieldSet(_isInitialized, this, true);
 }
 /**
  * After formulas values updated listener.
@@ -647,6 +650,9 @@ function _onInit() {
  * @param {Array} changes An array of modified data.
  */
 function _onAfterFormulasValuesUpdate(changes) {
+  if (!_classPrivateFieldGet(_isInitialized, this)) {
+    return;
+  }
   const changedRows = changes.reduce((acc, change) => {
     var _change$address;
     const physicalRow = (_change$address = change.address) === null || _change$address === void 0 ? void 0 : _change$address.row;

package/plugins/columnSorting/columnSorting.js

@@ -304,10 +304,6 @@ class ColumnSorting extends _base.BasePlugin {
     this.hot.runHooks('afterColumnSort', currentSortConfig, sortPossible ? destinationSortConfigs : currentSortConfig, sortPossible);
     if (sortPossible) {
       this.hot.render();
-      // TODO: Workaround? This triggers fast redraw. One test won't pass after removal.
-      // It should be refactored / described.
-      this.hot.forceFullRender = false;
-      this.hot.view.render();
     }
   }
 

package/plugins/columnSorting/columnSorting.mjs

@@ -301,10 +301,6 @@ export class ColumnSorting extends BasePlugin {
     this.hot.runHooks('afterColumnSort', currentSortConfig, sortPossible ? destinationSortConfigs : currentSortConfig, sortPossible);
     if (sortPossible) {
       this.hot.render();
-      // TODO: Workaround? This triggers fast redraw. One test won't pass after removal.
-      // It should be refactored / described.
-      this.hot.forceFullRender = false;
-      this.hot.view.render();
     }
   }
 

package/plugins/comments/comments.js

@@ -234,6 +234,7 @@ class Comments extends _base.BasePlugin {
     this.addHook('afterScroll', () => _assertClassBrand(_Comments_brand, this, _onAfterScroll).call(this));
     this.addHook('afterBeginEditing', () => this.hide());
     this.addHook('afterDocumentKeyDown', event => _assertClassBrand(_Comments_brand, this, _onAfterDocumentKeyDown).call(this, event));
+    this.addHook('beforeCompositionStart', event => _assertClassBrand(_Comments_brand, this, _onAfterDocumentKeyDown).call(this, event));
     this.addHook('afterSetTheme', function () {
       for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
         args[_key2] = arguments[_key2];

package/plugins/comments/comments.mjs

@@ -230,6 +230,7 @@ export class Comments extends BasePlugin {
     this.addHook('afterScroll', () => _assertClassBrand(_Comments_brand, this, _onAfterScroll).call(this));
     this.addHook('afterBeginEditing', () => this.hide());
     this.addHook('afterDocumentKeyDown', event => _assertClassBrand(_Comments_brand, this, _onAfterDocumentKeyDown).call(this, event));
+    this.addHook('beforeCompositionStart', event => _assertClassBrand(_Comments_brand, this, _onAfterDocumentKeyDown).call(this, event));
     this.addHook('afterSetTheme', function () {
       for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
         args[_key2] = arguments[_key2];

package/plugins/contextMenu/menu/defaultShortcutsList.js

@@ -39,7 +39,7 @@ function createDefaultShortcutsList(menu) {
     keys: [['ArrowUp']],
     callback: () => menu.getNavigator().toPreviousItem()
   }, {
-    keys: [['ArrowRight']],
+    keys: [[hot.isRtl() ? 'ArrowLeft' : 'ArrowRight']],
     callback: () => {
       const selection = hotMenu.getSelectedLast();
       if (selection) {
@@ -50,7 +50,7 @@ function createDefaultShortcutsList(menu) {
       }
     }
   }, {
-    keys: [['ArrowLeft']],
+    keys: [[hot.isRtl() ? 'ArrowRight' : 'ArrowLeft']],
     callback: () => {
       const selection = hotMenu.getSelectedLast();
       if (selection && menu.isSubMenu()) {

package/plugins/contextMenu/menu/defaultShortcutsList.mjs

@@ -35,7 +35,7 @@ export function createDefaultShortcutsList(menu) {
     keys: [['ArrowUp']],
     callback: () => menu.getNavigator().toPreviousItem()
   }, {
-    keys: [['ArrowRight']],
+    keys: [[hot.isRtl() ? 'ArrowLeft' : 'ArrowRight']],
     callback: () => {
       const selection = hotMenu.getSelectedLast();
       if (selection) {
@@ -46,7 +46,7 @@ export function createDefaultShortcutsList(menu) {
       }
     }
   }, {
-    keys: [['ArrowLeft']],
+    keys: [[hot.isRtl() ? 'ArrowRight' : 'ArrowLeft']],
     callback: () => {
       const selection = hotMenu.getSelectedLast();
       if (selection && menu.isSubMenu()) {

package/plugins/contextMenu/menu/menu.js

@@ -293,6 +293,7 @@ class Menu {
       layoutDirection: this.hot.isRtl() ? 'rtl' : 'ltr',
       ariaTags: false,
       themeName: this.hot.getCurrentThemeName(),
+      beforeRefreshDimensions: () => false,
       beforeOnCellMouseOver: (event, coords) => {
         _classPrivateFieldGet(_navigator, this).setCurrentPage(coords.row);
       },

package/plugins/contextMenu/menu/menu.mjs

@@ -289,6 +289,7 @@ export class Menu {
       layoutDirection: this.hot.isRtl() ? 'rtl' : 'ltr',
       ariaTags: false,
       themeName: this.hot.getCurrentThemeName(),
+      beforeRefreshDimensions: () => false,
       beforeOnCellMouseOver: (event, coords) => {
         _classPrivateFieldGet(_navigator, this).setCurrentPage(coords.row);
       },

package/plugins/contextMenu/menu/positioner.js

@@ -143,7 +143,11 @@ class Positioner {
   setPositionAboveCursor() {
     let top = _classPrivateFieldGet(_offset, this).above + _classPrivateFieldGet(_cursor, this).top - _classPrivateFieldGet(_container, this).offsetHeight;
     if (_classPrivateFieldGet(_parentContainer, this)) {
-      top = _classPrivateFieldGet(_cursor, this).top + _classPrivateFieldGet(_cursor, this).cellHeight - _classPrivateFieldGet(_container, this).offsetHeight + 3;
+      const rootWindow = _classPrivateFieldGet(_parentContainer, this).ownerDocument.defaultView;
+      const style = rootWindow.getComputedStyle(_classPrivateFieldGet(_parentContainer, this).querySelector('.ht_master'));
+      const paddingTop = Number.parseInt(style.paddingTop, 10);
+      const borderTop = Number.parseInt(style.borderTop, 10);
+      top = _classPrivateFieldGet(_cursor, this).top + _classPrivateFieldGet(_cursor, this).cellHeight - _classPrivateFieldGet(_container, this).scrollHeight + paddingTop + borderTop;
     }
     _classPrivateFieldGet(_container, this).style.top = `${top}px`;
   }
@@ -154,7 +158,11 @@ class Positioner {
   setPositionBelowCursor() {
     let top = _classPrivateFieldGet(_offset, this).below + _classPrivateFieldGet(_cursor, this).top + 1;
     if (_classPrivateFieldGet(_parentContainer, this)) {
-      top = _classPrivateFieldGet(_cursor, this).top - 1;
+      const rootWindow = _classPrivateFieldGet(_parentContainer, this).ownerDocument.defaultView;
+      const style = rootWindow.getComputedStyle(_classPrivateFieldGet(_parentContainer, this).querySelector('.ht_master'));
+      const paddingTop = Number.parseInt(style.paddingTop, 10);
+      const borderTop = Number.parseInt(style.borderTop, 10);
+      top = _classPrivateFieldGet(_cursor, this).top - paddingTop - borderTop - 1;
     }
     _classPrivateFieldGet(_container, this).style.top = `${top}px`;
   }

package/plugins/contextMenu/menu/positioner.mjs

@@ -140,7 +140,11 @@ export class Positioner {
   setPositionAboveCursor() {
     let top = _classPrivateFieldGet(_offset, this).above + _classPrivateFieldGet(_cursor, this).top - _classPrivateFieldGet(_container, this).offsetHeight;
     if (_classPrivateFieldGet(_parentContainer, this)) {
-      top = _classPrivateFieldGet(_cursor, this).top + _classPrivateFieldGet(_cursor, this).cellHeight - _classPrivateFieldGet(_container, this).offsetHeight + 3;
+      const rootWindow = _classPrivateFieldGet(_parentContainer, this).ownerDocument.defaultView;
+      const style = rootWindow.getComputedStyle(_classPrivateFieldGet(_parentContainer, this).querySelector('.ht_master'));
+      const paddingTop = Number.parseInt(style.paddingTop, 10);
+      const borderTop = Number.parseInt(style.borderTop, 10);
+      top = _classPrivateFieldGet(_cursor, this).top + _classPrivateFieldGet(_cursor, this).cellHeight - _classPrivateFieldGet(_container, this).scrollHeight + paddingTop + borderTop;
     }
     _classPrivateFieldGet(_container, this).style.top = `${top}px`;
   }
@@ -151,7 +155,11 @@ export class Positioner {
   setPositionBelowCursor() {
     let top = _classPrivateFieldGet(_offset, this).below + _classPrivateFieldGet(_cursor, this).top + 1;
     if (_classPrivateFieldGet(_parentContainer, this)) {
-      top = _classPrivateFieldGet(_cursor, this).top - 1;
+      const rootWindow = _classPrivateFieldGet(_parentContainer, this).ownerDocument.defaultView;
+      const style = rootWindow.getComputedStyle(_classPrivateFieldGet(_parentContainer, this).querySelector('.ht_master'));
+      const paddingTop = Number.parseInt(style.paddingTop, 10);
+      const borderTop = Number.parseInt(style.borderTop, 10);
+      top = _classPrivateFieldGet(_cursor, this).top - paddingTop - borderTop - 1;
     }
     _classPrivateFieldGet(_container, this).style.top = `${top}px`;
   }

package/plugins/contextMenu/predefinedItems/redo.js

@@ -17,11 +17,11 @@ function redoItem() {
       return this.getTranslatedPhrase(C.CONTEXTMENU_ITEMS_REDO);
     },
     callback() {
-      this.redo();
+      this.getPlugin('undoRedo').redo();
     },
     hidden() {
-      const undoRedo = this.getPlugin('undoRedo');
-      return !undoRedo || !undoRedo.isEnabled();
+      const undoRedoPlugin = this.getPlugin('undoRedo');
+      return !undoRedoPlugin || !undoRedoPlugin.isEnabled();
     },
     disabled() {
       return !this.getPlugin('undoRedo').isRedoAvailable();

package/plugins/contextMenu/predefinedItems/redo.mjs

@@ -11,11 +11,11 @@ export default function redoItem() {
       return this.getTranslatedPhrase(C.CONTEXTMENU_ITEMS_REDO);
     },
     callback() {
-      this.redo();
+      this.getPlugin('undoRedo').redo();
     },
     hidden() {
-      const undoRedo = this.getPlugin('undoRedo');
-      return !undoRedo || !undoRedo.isEnabled();
+      const undoRedoPlugin = this.getPlugin('undoRedo');
+      return !undoRedoPlugin || !undoRedoPlugin.isEnabled();
     },
     disabled() {
       return !this.getPlugin('undoRedo').isRedoAvailable();

package/plugins/contextMenu/predefinedItems/undo.js

@@ -17,11 +17,11 @@ function undoItem() {
       return this.getTranslatedPhrase(C.CONTEXTMENU_ITEMS_UNDO);
     },
     callback() {
-      this.undo();
+      this.getPlugin('undoRedo').undo();
     },
     hidden() {
-      const undoRedo = this.getPlugin('undoRedo');
-      return !undoRedo || !undoRedo.isEnabled();
+      const undoRedoPlugin = this.getPlugin('undoRedo');
+      return !undoRedoPlugin || !undoRedoPlugin.isEnabled();
     },
     disabled() {
       return !this.getPlugin('undoRedo').isUndoAvailable();

package/plugins/contextMenu/predefinedItems/undo.mjs

@@ -11,11 +11,11 @@ export default function undoItem() {
       return this.getTranslatedPhrase(C.CONTEXTMENU_ITEMS_UNDO);
     },
     callback() {
-      this.undo();
+      this.getPlugin('undoRedo').undo();
     },
     hidden() {
-      const undoRedo = this.getPlugin('undoRedo');
-      return !undoRedo || !undoRedo.isEnabled();
+      const undoRedoPlugin = this.getPlugin('undoRedo');
+      return !undoRedoPlugin || !undoRedoPlugin.isEnabled();
     },
     disabled() {
       return !this.getPlugin('undoRedo').isUndoAvailable();

package/plugins/copyPaste/copyPaste.js

@@ -256,6 +256,9 @@ class CopyPaste extends _base.BasePlugin {
       return _assertClassBrand(_CopyPaste_brand, _this, _onAfterSelection).call(_this, ...args);
     });
     this.addHook('afterSelectionEnd', () => _assertClassBrand(_CopyPaste_brand, this, _onAfterSelectionEnd).call(this));
+
+    // Events are attached to the document, not the root table element - as it should,
+    // for Chrome 133 and lower to copy/paste/cut work properly (#dev-2277).
     this.eventManager.addEventListener(this.hot.rootDocument, 'copy', function () {
       return _this.onCopy(...arguments);
     });
@@ -562,10 +565,10 @@ class CopyPaste extends _base.BasePlugin {
    * @private
    */
   onCopy(event) {
-    var _event$target;
+    const eventTarget = event.composedPath()[0];
     const focusedElement = this.hot.getFocusManager().getRefocusElement();
-    const isHotInput = (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.hasAttribute('data-hot-input');
-    if (!this.hot.isListening() && !_classPrivateFieldGet(_isTriggeredByCopy, this) || this.isEditorOpened() || (0, _element.isHTMLElement)(event.target) && (isHotInput && event.target !== focusedElement || !isHotInput && event.target !== this.hot.rootDocument.body && !(0, _element.isInternalElement)(event.target, this.hot.rootElement))) {
+    const isHotInput = eventTarget === null || eventTarget === void 0 ? void 0 : eventTarget.hasAttribute('data-hot-input');
+    if (!this.hot.isListening() && !_classPrivateFieldGet(_isTriggeredByCopy, this) || this.isEditorOpened() || (0, _element.isHTMLElement)(eventTarget) && (isHotInput && eventTarget !== focusedElement || !isHotInput && eventTarget !== this.hot.rootDocument.body && !(0, _element.isInternalElement)(eventTarget, this.hot.rootElement))) {
       return;
     }
     event.preventDefault();
@@ -595,10 +598,10 @@ class CopyPaste extends _base.BasePlugin {
    * @private
    */
   onCut(event) {
-    var _event$target2;
+    const eventTarget = event.composedPath()[0];
     const focusedElement = this.hot.getFocusManager().getRefocusElement();
-    const isHotInput = (_event$target2 = event.target) === null || _event$target2 === void 0 ? void 0 : _event$target2.hasAttribute('data-hot-input');
-    if (!this.hot.isListening() && !_classPrivateFieldGet(_isTriggeredByCut, this) || this.isEditorOpened() || (0, _element.isHTMLElement)(event.target) && (isHotInput && event.target !== focusedElement || !isHotInput && event.target !== this.hot.rootDocument.body && !(0, _element.isInternalElement)(event.target, this.hot.rootElement))) {
+    const isHotInput = eventTarget === null || eventTarget === void 0 ? void 0 : eventTarget.hasAttribute('data-hot-input');
+    if (!this.hot.isListening() && !_classPrivateFieldGet(_isTriggeredByCut, this) || this.isEditorOpened() || (0, _element.isHTMLElement)(eventTarget) && (isHotInput && eventTarget !== focusedElement || !isHotInput && eventTarget !== this.hot.rootDocument.body && !(0, _element.isInternalElement)(eventTarget, this.hot.rootElement))) {
       return;
     }
     event.preventDefault();
@@ -627,10 +630,10 @@ class CopyPaste extends _base.BasePlugin {
    * @private
    */
   onPaste(event) {
-    var _event$target3;
+    const eventTarget = event.composedPath()[0];
     const focusedElement = this.hot.getFocusManager().getRefocusElement();
-    const isHotInput = (_event$target3 = event.target) === null || _event$target3 === void 0 ? void 0 : _event$target3.hasAttribute('data-hot-input');
-    if (!this.hot.isListening() || this.isEditorOpened() || !this.hot.getSelected() || (0, _element.isHTMLElement)(event.target) && (isHotInput && event.target !== focusedElement || !isHotInput && event.target !== this.hot.rootDocument.body && !(0, _element.isInternalElement)(event.target, this.hot.rootElement))) {
+    const isHotInput = eventTarget === null || eventTarget === void 0 ? void 0 : eventTarget.hasAttribute('data-hot-input');
+    if (!this.hot.isListening() || this.isEditorOpened() || !this.hot.getSelected() || (0, _element.isHTMLElement)(eventTarget) && (isHotInput && eventTarget !== focusedElement || !isHotInput && eventTarget !== this.hot.rootDocument.body && !(0, _element.isInternalElement)(eventTarget, this.hot.rootElement))) {
       return;
     }
     event.preventDefault();

package/plugins/copyPaste/copyPaste.mjs

@@ -252,6 +252,9 @@ export class CopyPaste extends BasePlugin {
       return _assertClassBrand(_CopyPaste_brand, _this, _onAfterSelection).call(_this, ...args);
     });
     this.addHook('afterSelectionEnd', () => _assertClassBrand(_CopyPaste_brand, this, _onAfterSelectionEnd).call(this));
+
+    // Events are attached to the document, not the root table element - as it should,
+    // for Chrome 133 and lower to copy/paste/cut work properly (#dev-2277).
     this.eventManager.addEventListener(this.hot.rootDocument, 'copy', function () {
       return _this.onCopy(...arguments);
     });
@@ -558,10 +561,10 @@ export class CopyPaste extends BasePlugin {
    * @private
    */
   onCopy(event) {
-    var _event$target;
+    const eventTarget = event.composedPath()[0];
     const focusedElement = this.hot.getFocusManager().getRefocusElement();
-    const isHotInput = (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.hasAttribute('data-hot-input');
-    if (!this.hot.isListening() && !_classPrivateFieldGet(_isTriggeredByCopy, this) || this.isEditorOpened() || isHTMLElement(event.target) && (isHotInput && event.target !== focusedElement || !isHotInput && event.target !== this.hot.rootDocument.body && !isInternalElement(event.target, this.hot.rootElement))) {
+    const isHotInput = eventTarget === null || eventTarget === void 0 ? void 0 : eventTarget.hasAttribute('data-hot-input');
+    if (!this.hot.isListening() && !_classPrivateFieldGet(_isTriggeredByCopy, this) || this.isEditorOpened() || isHTMLElement(eventTarget) && (isHotInput && eventTarget !== focusedElement || !isHotInput && eventTarget !== this.hot.rootDocument.body && !isInternalElement(eventTarget, this.hot.rootElement))) {
       return;
     }
     event.preventDefault();
@@ -591,10 +594,10 @@ export class CopyPaste extends BasePlugin {
    * @private
    */
   onCut(event) {
-    var _event$target2;
+    const eventTarget = event.composedPath()[0];
     const focusedElement = this.hot.getFocusManager().getRefocusElement();
-    const isHotInput = (_event$target2 = event.target) === null || _event$target2 === void 0 ? void 0 : _event$target2.hasAttribute('data-hot-input');
-    if (!this.hot.isListening() && !_classPrivateFieldGet(_isTriggeredByCut, this) || this.isEditorOpened() || isHTMLElement(event.target) && (isHotInput && event.target !== focusedElement || !isHotInput && event.target !== this.hot.rootDocument.body && !isInternalElement(event.target, this.hot.rootElement))) {
+    const isHotInput = eventTarget === null || eventTarget === void 0 ? void 0 : eventTarget.hasAttribute('data-hot-input');
+    if (!this.hot.isListening() && !_classPrivateFieldGet(_isTriggeredByCut, this) || this.isEditorOpened() || isHTMLElement(eventTarget) && (isHotInput && eventTarget !== focusedElement || !isHotInput && eventTarget !== this.hot.rootDocument.body && !isInternalElement(eventTarget, this.hot.rootElement))) {
       return;
     }
     event.preventDefault();
@@ -623,10 +626,10 @@ export class CopyPaste extends BasePlugin {
    * @private
    */
   onPaste(event) {
-    var _event$target3;
+    const eventTarget = event.composedPath()[0];
     const focusedElement = this.hot.getFocusManager().getRefocusElement();
-    const isHotInput = (_event$target3 = event.target) === null || _event$target3 === void 0 ? void 0 : _event$target3.hasAttribute('data-hot-input');
-    if (!this.hot.isListening() || this.isEditorOpened() || !this.hot.getSelected() || isHTMLElement(event.target) && (isHotInput && event.target !== focusedElement || !isHotInput && event.target !== this.hot.rootDocument.body && !isInternalElement(event.target, this.hot.rootElement))) {
+    const isHotInput = eventTarget === null || eventTarget === void 0 ? void 0 : eventTarget.hasAttribute('data-hot-input');
+    if (!this.hot.isListening() || this.isEditorOpened() || !this.hot.getSelected() || isHTMLElement(eventTarget) && (isHotInput && eventTarget !== focusedElement || !isHotInput && eventTarget !== this.hot.rootDocument.body && !isInternalElement(eventTarget, this.hot.rootElement))) {
       return;
     }
     event.preventDefault();

package/plugins/copyPaste/pasteEvent.js

@@ -11,5 +11,8 @@ class PasteEvent {
     this.clipboardData = new _clipboardData.default();
   }
   preventDefault() {}
+  composedPath() {
+    return [];
+  }
 }
 exports.default = PasteEvent;

package/plugins/copyPaste/pasteEvent.mjs

@@ -7,4 +7,7 @@ export default class PasteEvent {
     this.clipboardData = new ClipboardData();
   }
   preventDefault() {}
+  composedPath() {
+    return [];
+  }
 }

package/plugins/exportFile/exportFile.d.ts

@@ -15,6 +15,7 @@ export interface ExportOptions {
   exportHiddenColumns?: boolean;
   exportHiddenRows?: boolean;
   range?: number[];
+  sanitizeValues?: boolean | RegExp | ((val: string) => string);
 }
 export type Settings = boolean;
 

package/plugins/exportFile/exportFile.js

@@ -116,6 +116,7 @@ class ExportFile extends _base.BasePlugin {
    * @property {boolean} [rowHeaders=false] Include row headers in the exported file.
    * @property {string} [columnDelimiter=','] Column delimiter.
    * @property {string} [range=[]] Cell range that will be exported to file.
+   * @property {boolean|RegExp|Function} [sanitizeValues=false] Controls the sanitization of cell value.
    */
 
   /**
@@ -145,7 +146,7 @@ class ExportFile extends _base.BasePlugin {
   /**
    * Exports table data as a downloadable file.
    *
-   * @param {string} format Export format type eq. `'csv'`.
+   * @param {string} format Export format type eg. `'csv'`.
    * @param {ExportOptions} options Export options.
    */
   downloadFile(format) {

package/plugins/exportFile/exportFile.mjs

@@ -110,6 +110,7 @@ export class ExportFile extends BasePlugin {
    * @property {boolean} [rowHeaders=false] Include row headers in the exported file.
    * @property {string} [columnDelimiter=','] Column delimiter.
    * @property {string} [range=[]] Cell range that will be exported to file.
+   * @property {boolean|RegExp|Function} [sanitizeValues=false] Controls the sanitization of cell value.
    */
 
   /**
@@ -139,7 +140,7 @@ export class ExportFile extends BasePlugin {
   /**
    * Exports table data as a downloadable file.
    *
-   * @param {string} format Export format type eq. `'csv'`.
+   * @param {string} format Export format type eg. `'csv'`.
    * @param {ExportOptions} options Export options.
    */
   downloadFile(format) {

package/plugins/exportFile/types/csv.js

@@ -1,20 +1,41 @@
 "use strict";
 
 exports.__esModule = true;
+require("core-js/modules/es.error.cause.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.map.js");
 var _array = require("../../../helpers/array");
 var _mixed = require("../../../helpers/mixed");
 var _base = _interopRequireDefault(require("./_base"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _classPrivateMethodInitSpec(e, a) { _checkPrivateRedeclaration(e, a), a.add(e); }
+function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }
+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 CHAR_CARRIAGE_RETURN = String.fromCharCode(13);
 const CHAR_DOUBLE_QUOTES = String.fromCharCode(34);
 const CHAR_LINE_FEED = String.fromCharCode(10);
+const CHAR_EQUAL = String.fromCharCode(61);
+const CHAR_PLUS = String.fromCharCode(43);
+const CHAR_MINUS = String.fromCharCode(45);
+const CHAR_AT = String.fromCharCode(64);
+const CHAR_TAB = String.fromCharCode(9);
 
 /**
  * @private
  */
+var _Csv_brand = /*#__PURE__*/new WeakSet();
 class Csv extends _base.default {
+  constructor() {
+    super(...arguments);
+    /**
+     * Sanitize value that may be interpreted as a formula in spreadsheet software.
+     * Following the OWASP recommendations: https://owasp.org/www-community/attacks/CSV_Injection.
+     *
+     * @param {string} value Cell value.
+     * @returns {string}
+     */
+    _classPrivateMethodInitSpec(this, _Csv_brand);
+  }
   /**
    * Default options for exporting CSV format.
    *
@@ -26,7 +47,8 @@ class Csv extends _base.default {
       fileExtension: 'csv',
       bom: true,
       columnDelimiter: ',',
-      rowDelimiter: '\r\n'
+      rowDelimiter: '\r\n',
+      sanitizeValues: false
     };
   }
 
@@ -44,7 +66,10 @@ class Csv extends _base.default {
     const hasRowHeaders = rowHeaders.length > 0;
     let result = options.bom ? String.fromCharCode(0xFEFF) : '';
     if (hasColumnHeaders) {
-      columnHeaders = (0, _array.arrayMap)(columnHeaders, value => this._escapeCell(value, true));
+      columnHeaders = (0, _array.arrayMap)(columnHeaders, value => this._escapeCell(value, {
+        force: true,
+        sanitizeValue: options.sanitizeValues
+      }));
       if (hasRowHeaders) {
         result += options.columnDelimiter;
       }
@@ -56,9 +81,15 @@ class Csv extends _base.default {
         result += options.rowDelimiter;
       }
       if (hasRowHeaders) {
-        result += this._escapeCell(rowHeaders[index]) + options.columnDelimiter;
+        result += this._escapeCell(rowHeaders[index], {
+          sanitizeValue: options.sanitizeValues
+        });
+        result += options.columnDelimiter;
       }
-      result += value.map(cellValue => this._escapeCell(cellValue)).join(options.columnDelimiter);
+      const escapedValue = value.map(cellValue => this._escapeCell(cellValue, {
+        sanitizeValue: options.sanitizeValues
+      })).join(options.columnDelimiter);
+      result += escapedValue;
     });
     return result;
   }
@@ -67,17 +98,51 @@ class Csv extends _base.default {
    * Escape cell value.
    *
    * @param {*} value Cell value.
-   * @param {boolean} [force=false] Indicates if cell value will be escaped forcefully.
+   * @param {object} options Options.
+   * @param {boolean} [options.force=false] Indicates if cell value will be escaped forcefully.
+   * @param {boolean|RegExp|Function} [options.sanitizeValue=false] Controls the sanitization of cell value.
    * @returns {string}
    */
   _escapeCell(value) {
-    let force = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    let escapedValue = (0, _mixed.stringify)(value);
-    if (escapedValue !== '' && (force || escapedValue.indexOf(CHAR_CARRIAGE_RETURN) >= 0 || escapedValue.indexOf(CHAR_DOUBLE_QUOTES) >= 0 || escapedValue.indexOf(CHAR_LINE_FEED) >= 0 || escapedValue.indexOf(this.options.columnDelimiter) >= 0)) {
-      escapedValue = escapedValue.replace(new RegExp('"', 'g'), '""');
-      escapedValue = `"${escapedValue}"`;
+    let {
+      force = false,
+      sanitizeValue = false
+    } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    let returnValue = (0, _mixed.stringify)(value);
+    if (returnValue === '') {
+      return returnValue;
+    }
+    if (sanitizeValue) {
+      force = true;
+    }
+    if (sanitizeValue instanceof RegExp) {
+      returnValue = _assertClassBrand(_Csv_brand, this, _sanitizeValueWithRegExp).call(this, returnValue, sanitizeValue);
+    } else if (typeof sanitizeValue === 'function') {
+      returnValue = sanitizeValue(returnValue);
+    } else if (sanitizeValue) {
+      returnValue = _assertClassBrand(_Csv_brand, this, _sanitizeValueWithOWASP).call(this, returnValue);
+    }
+    if (force || returnValue.indexOf(CHAR_CARRIAGE_RETURN) >= 0 || returnValue.indexOf(CHAR_DOUBLE_QUOTES) >= 0 || returnValue.indexOf(CHAR_LINE_FEED) >= 0 || returnValue.indexOf(this.options.columnDelimiter) >= 0) {
+      returnValue = returnValue.replace(new RegExp('"', 'g'), '""');
+      returnValue = `"${returnValue}"`;
     }
-    return escapedValue;
+    return returnValue;
   }
 }
+function _sanitizeValueWithOWASP(value) {
+  if (value.startsWith(CHAR_EQUAL) || value.startsWith(CHAR_PLUS) || value.startsWith(CHAR_MINUS) || value.startsWith(CHAR_AT) || value.startsWith(CHAR_TAB) || value.startsWith(CHAR_CARRIAGE_RETURN)) {
+    return `'${value}`;
+  }
+  return value;
+}
+/**
+ * Sanitize value using regular expression.
+ *
+ * @param {string} value Cell value.
+ * @param {RegExp} regexp Regular expression to test against.
+ * @returns {string}
+ */
+function _sanitizeValueWithRegExp(value, regexp) {
+  return regexp.test(value) ? `'${value}` : value;
+}
 var _default = exports.default = Csv;