handsontable 14.0.0-next-5fd908e-20231030 → 14.0.0-next-f88c253-20231106

package/pluginHooks.mjs

@@ -1503,35 +1503,26 @@ const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-complete-s
  * Fired by {@link CopyPaste} plugin before copying the values to the clipboard and before clearing values of
  * the selected cells. This hook is fired when {@link Options#copyPaste} option is enabled.
  *
- * Note: Please keep in mind since @14.0.0 the method arguments has been changed.
- *
  * @event Hooks#beforeCut
- * @param {object} clipboardData Information about cut action which is going to happen.
- * @param {Function} clipboardData.removeRow Remove row from the copied dataset.
- * @param {Function} clipboardData.removeColumn Remove column from the copied dataset.
- * @param {Function} clipboardData.insertAtRow Insert values at row index.
- * @param {Function} clipboardData.insertAtColumn Insert values at column index.
- * @param {Function} clipboardData.setCellAt Change headers or cells in the copied dataset.
- * @param {Function} clipboardData.getCellAt Get headers or cells from the copied dataset.
- * @param {Function} clipboardData.getData Gets copied data stored as array of arrays.
- * @param {Function} clipboardData.getMetaInfo Gets meta information for the copied data.
- * @param {Function} clipboardData.getRanges Returns ranges related to copied part of Handsontable.
+ * @param {Array[]} data An array of arrays which contains data to cut.
+ * @param {object[]} coords An array of objects with ranges of the visual indexes (`startRow`, `startCol`, `endRow`, `endCol`)
+ *                       which will be cut out.
  * @returns {*} If returns `false` then operation of the cutting out is canceled.
  * @example
  * ::: only-for javascript
  * ```js
- * // To disregard a single row or column, remove it from copied dataset using `removeRows`/`removeColumns` method on the object from the first callback argument.
+ * // To disregard a single row, remove it from the array using data.splice(i, 1).
  * new Handsontable(element, {
- *   beforeCut: function(clipboardData) {
- *     // clipboardData.getData() -> [[1, 2, 3], [4, 5, 6]]
- *    clipboardData.removeRows([0]);
- *    clipboardData.removeColumns([0]);
- *     // clipboardData.getData() -> [[5, 6]]
+ *   beforeCut: function(data, coords) {
+ *     // data -> [[1, 2, 3], [4, 5, 6]]
+ *     data.splice(0, 1);
+ *     // data -> [[4, 5, 6]]
+ *     // coords -> [{startRow: 0, startCol: 0, endRow: 1, endCol: 2}]
  *   }
  * });
  * // To cancel a cutting action, just return `false`.
  * new Handsontable(element, {
- *   beforeCut: function(clipboardData) {
+ *   beforeCut: function(data, coords) {
  *     return false;
  *   }
  * });
@@ -1540,18 +1531,18 @@ const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-complete-s
  *
  * ::: only-for react
  * ```jsx
- * // To disregard a single row or column, remove it from copied dataset using `removeRows`/`removeColumns` method on the object from the first callback argument.
+ * // To disregard a single row, remove it from the array using data.splice(i, 1).
  * <HotTable
- *   beforeCut={(clipboardData) => {
- *     // clipboardData.getData() -> [[1, 2, 3], [4, 5, 6]]
- *    clipboardData.removeRows([0]);
- *    clipboardData.removeColumns([0]);
- *     // clipboardData.getData() -> [[5, 6]]
+ *   beforeCut={(data, coords) => {
+ *     // data -> [[1, 2, 3], [4, 5, 6]]
+ *     data.splice(0, 1);
+ *     // data -> [[4, 5, 6]]
+ *     // coords -> [{startRow: 0, startCol: 0, endRow: 1, endCol: 2}]
  *   }}
  * />
  * // To cancel a cutting action, just return `false`.
  * <HotTable
- *   beforeCut={(clipboardData) => {
+ *   beforeCut={(data, coords) => {
  *     return false;
  *   }}
  * />
@@ -1563,50 +1554,33 @@ const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-complete-s
  * Fired by {@link CopyPaste} plugin after data was cut out from the table. This hook is fired when
  * {@link Options#copyPaste} option is enabled.
  *
- * Note: Please keep in mind since @14.0.0 the method arguments has been changed.
- *
  * @event Hooks#afterCut
- * @param {object} clipboardData Information about already performed cut action.
- * @param {Function} clipboardData.removeRow Remove row from the copied dataset.
- * @param {Function} clipboardData.removeColumn Remove column from the copied dataset.
- * @param {Function} clipboardData.insertAtRow Insert values at row index.
- * @param {Function} clipboardData.insertAtColumn Insert values at column index.
- * @param {Function} clipboardData.setCellAt Change headers or cells in the copied dataset.
- * @param {Function} clipboardData.getCellAt Get headers or cells from the copied dataset.
- * @param {Function} clipboardData.getData Gets copied data stored as array of arrays.
- * @param {Function} clipboardData.getMetaInfo Gets meta information for the copied data.
- * @param {Function} clipboardData.getRanges Returns ranges related to copied part of Handsontable.
+ * @param {Array[]} data An array of arrays with the cut data.
+ * @param {object[]} coords An array of objects with ranges of the visual indexes (`startRow`, `startCol`, `endRow`, `endCol`)
+ *                       which was cut out.
  */
 'afterCut',
 /**
  * Fired before values are copied to the clipboard.
  *
- * Note: Please keep in mind since @14.0.0 the method arguments has been changed.
- *
  * @event Hooks#beforeCopy
- * @param {object} clipboardData Information about copy action which is going to happen.
- * @param {Function} clipboardData.removeRow Remove row from the copied dataset.
- * @param {Function} clipboardData.removeColumn Remove column from the copied dataset.
- * @param {Function} clipboardData.insertAtRow Insert values at row index.
- * @param {Function} clipboardData.insertAtColumn Insert values at column index.
- * @param {Function} clipboardData.setCellAt Change headers or cells in the copied dataset.
- * @param {Function} clipboardData.getCellAt Get headers or cells from the copied dataset.
- * @param {Function} clipboardData.getData Gets copied data stored as array of arrays.
- * @param {Function} clipboardData.getMetaInfo Gets meta information for the copied data.
- * @param {Function} clipboardData.getRanges Returns ranges related to copied part of Handsontable.
+ * @param {Array[]} data An array of arrays which contains data to copied.
+ * @param {object[]} coords An array of objects with ranges of the visual indexes (`startRow`, `startCol`, `endRow`, `endCol`)
+ *                         which will copied.
+ * @param {{ columnHeadersCount: number }} copiedHeadersCount (Since 12.3.0) The number of copied column headers.
  * @returns {*} If returns `false` then copying is canceled.
  *
  * @example
  * ::: only-for javascript
  * ```js
- * // To disregard a single row or column, remove it from copied dataset using `removeRows`/`removeColumns` method on the object from the first callback argument.
+ * // To disregard a single row, remove it from array using data.splice(i, 1).
  * ...
  * new Handsontable(document.getElementById('example'), {
- *   beforeCopy: (clipboardData) => {
- *     // clipboardData.getData() -> [[1, 2, 3], [4, 5, 6]]
- *    clipboardData.removeRows([0]);
- *    clipboardData.removeColumns([0]);
- *     // clipboardData.getData() -> [[5, 6]]
+ *   beforeCopy: (data, coords) => {
+ *     // data -> [[1, 2, 3], [4, 5, 6]]
+ *     data.splice(0, 1);
+ *     // data -> [[4, 5, 6]]
+ *     // coords -> [{startRow: 0, startCol: 0, endRow: 1, endCol: 2}]
  *   }
  * });
  * ...
@@ -1614,7 +1588,7 @@ const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-complete-s
  * // To cancel copying, return false from the callback.
  * ...
  * new Handsontable(document.getElementById('example'), {
- *   beforeCopy: (clipboardData) => {
+ *   beforeCopy: (data, coords) => {
  *     return false;
  *   }
  * });
@@ -1624,14 +1598,14 @@ const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-complete-s
  *
  * ::: only-for react
  * ```jsx
- * // To disregard a single row or column, remove it from copied dataset using `removeRows`/`removeColumns` method on the object from the first callback argument.
+ * // To disregard a single row, remove it from array using data.splice(i, 1).
  * ...
  * <HotTable
- *   beforeCopy={(clipboardData) => {
- *     // clipboardData.getData() -> [[1, 2, 3], [4, 5, 6]]
- *    clipboardData.removeRows([0]);
- *    clipboardData.removeColumns([0]);
- *     // clipboardData.getData() -> [[5, 6]]
+ *   beforeCopy={(data, coords) => {
+ *     // data -> [[1, 2, 3], [4, 5, 6]]
+ *     data.splice(0, 1);
+ *     // data -> [[4, 5, 6]]
+ *     // coords -> [{startRow: 0, startCol: 0, endRow: 1, endCol: 2}]
  *   }}
  * />
  * ...
@@ -1639,7 +1613,7 @@ const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-complete-s
  * // To cancel copying, return false from the callback.
  * ...
  * <HotTable
- *   beforeCopy={(clipboardData) => {
+ *   beforeCopy={(data, coords) => {
  *     return false;
  *   }}
  * />
@@ -1652,55 +1626,37 @@ const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-complete-s
  * Fired by {@link CopyPaste} plugin after data are pasted into table. This hook is fired when {@link Options#copyPaste}
  * option is enabled.
  *
- * Note: Please keep in mind since @14.0.0 the method arguments has been changed.
- *
  * @event Hooks#afterCopy
- * @param {object} clipboardData Information about already performed copy action.
- * @param {Function} clipboardData.removeRow Remove row from the copied dataset.
- * @param {Function} clipboardData.removeColumn Remove column from the copied dataset.
- * @param {Function} clipboardData.insertAtRow Insert values at row index.
- * @param {Function} clipboardData.insertAtColumn Insert values at column index.
- * @param {Function} clipboardData.setCellAt Change headers or cells in the copied dataset.
- * @param {Function} clipboardData.getCellAt Get headers or cells from the copied dataset.
- * @param {Function} clipboardData.getData Gets copied data stored as array of arrays.
- * @param {Function} clipboardData.getMetaInfo Gets meta information for the copied data.
- * @param {Function} clipboardData.getRanges Returns ranges related to copied part of Handsontable.
+ * @param {Array[]} data An array of arrays which contains the copied data.
+ * @param {object[]} coords An array of objects with ranges of the visual indexes (`startRow`, `startCol`, `endRow`, `endCol`)
+ *                         which was copied.
+ * @param {{ columnHeadersCount: number }} copiedHeadersCount (Since 12.3.0) The number of copied column headers.
  */
 'afterCopy',
 /**
  * Fired by {@link CopyPaste} plugin before values are pasted into table. This hook is fired when
  * {@link Options#copyPaste} option is enabled.
  *
- * Note: Please keep in mind since @14.0.0 the method arguments has been changed.
- *
  * @event Hooks#beforePaste
- * @param {object} clipboardData Information about paste action which is going to happen.
- * @param {Function} clipboardData.removeRow Remove row from the pasted dataset.
- * @param {Function} clipboardData.removeColumn Remove column from the pasted dataset.
- * @param {Function} clipboardData.insertAtRow Insert values at row index.
- * @param {Function} clipboardData.insertAtColumn Insert values at column index.
- * @param {Function} clipboardData.setCellAt Change headers or cells in the pasted dataset.
- * @param {Function} clipboardData.getCellAt Get headers or cells from the pasted dataset.
- * @param {Function} clipboardData.getData Gets copied data stored as array of arrays.
- * @param {Function} clipboardData.getMetaInfo Gets meta information for the copied data.
- * @param {Function} clipboardData.getSource Gets information about source of the copied data
- * (Handsontable, table or string).
+ * @param {Array[]} data An array of arrays which contains data to paste.
+ * @param {object[]} coords An array of objects with ranges of the visual indexes (`startRow`, `startCol`, `endRow`, `endCol`)
+ *                       that correspond to the previously selected area.
  * @returns {*} If returns `false` then pasting is canceled.
  * @example
  * ```js
  * ::: only-for javascript
- * // To disregard a single row or column, remove it from copied dataset using `removeRows`/`removeColumns` method on the object from the first callback argument.
+ * // To disregard a single row, remove it from array using data.splice(i, 1).
  * new Handsontable(example, {
- *   beforePaste: (clipboardData) => {
- *     // clipboardData.getData() -> [[1, 2, 3], [4, 5, 6]]
- *    clipboardData.removeRows([0]);
- *    clipboardData.removeColumns([0]);
- *     // clipboardData.getData() -> [[5, 6]]
+ *   beforePaste: (data, coords) => {
+ *     // data -> [[1, 2, 3], [4, 5, 6]]
+ *     data.splice(0, 1);
+ *     // data -> [[4, 5, 6]]
+ *     // coords -> [{startRow: 0, startCol: 0, endRow: 1, endCol: 2}]
  *   }
  * });
  * // To cancel pasting, return false from the callback.
  * new Handsontable(example, {
- *   beforePaste: (clipboardData) => {
+ *   beforePaste: (data, coords) => {
  *     return false;
  *   }
  * });
@@ -1709,18 +1665,18 @@ const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-complete-s
  *
  * ::: only-for react
  * ```jsx
- * // To disregard a single row or column, remove it from copied dataset using `removeRows`/`removeColumns` method on the object from the first callback argument.
+ * // To disregard a single row, remove it from array using data.splice(i, 1).
  * <HotTable
- *   beforePaste={(clipboardData) => {
- *     // clipboardData.getData() -> [[1, 2, 3], [4, 5, 6]]
- *    clipboardData.removeRows([0]);
- *    clipboardData.removeColumns([0]);
- *     // clipboardData.getData() -> [[5, 6]]
+ *   beforePaste={(data, coords) => {
+ *     // data -> [[1, 2, 3], [4, 5, 6]]
+ *     data.splice(0, 1);
+ *     // data -> [[4, 5, 6]]
+ *     // coords -> [{startRow: 0, startCol: 0, endRow: 1, endCol: 2}]
  *   }}
  * />
  * // To cancel pasting, return false from the callback.
  * <HotTable
- *   beforePaste={(clipboardData) => {
+ *   beforePaste={(data, coords) => {
  *     return false;
  *   }}
  * />
@@ -1732,20 +1688,10 @@ const REGISTERED_HOOKS = [/* eslint-disable jsdoc/require-description-complete-s
  * Fired by {@link CopyPaste} plugin after values are pasted into table. This hook is fired when
  * {@link Options#copyPaste} option is enabled.
  *
- * Note: Please keep in mind since @14.0.0 the method arguments has been changed.
- *
  * @event Hooks#afterPaste
- * @param {object} clipboardData Information about already performed paste action.
- * @param {Function} clipboardData.removeRow Remove row from the pasted dataset.
- * @param {Function} clipboardData.removeColumn Remove column from the pasted dataset.
- * @param {Function} clipboardData.insertAtRow Insert values at row index.
- * @param {Function} clipboardData.insertAtColumn Insert values at column index.
- * @param {Function} clipboardData.setCellAt Change headers or cells in the pasted dataset.
- * @param {Function} clipboardData.getCellAt Get headers or cells from the pasted dataset.
- * @param {Function} clipboardData.getData Gets copied data stored as array of arrays.
- * @param {Function} clipboardData.getMetaInfo Gets meta information for the copied data.
- * @param {Function} clipboardData.getSource Gets information about source of the copied data
- * (Handsontable, table or string).
+ * @param {Array[]} data An array of arrays with the pasted data.
+ * @param {object[]} coords An array of objects with ranges of the visual indexes (`startRow`, `startCol`, `endRow`, `endCol`)
+ *                       that correspond to the previously selected area.
  */
 'afterPaste',
 /**

package/plugins/copyPaste/clipboardData.js

@@ -0,0 +1,18 @@
+"use strict";
+
+exports.__esModule = true;
+/**
+ * @private
+ */
+class ClipboardData {
+  constructor() {
+    this.data = {};
+  }
+  setData(type, value) {
+    this.data[type] = value;
+  }
+  getData(type) {
+    return this.data[type] || void 0;
+  }
+}
+exports.default = ClipboardData;

package/plugins/copyPaste/clipboardData.mjs

@@ -0,0 +1,14 @@
+/**
+ * @private
+ */
+export default class ClipboardData {
+  constructor() {
+    this.data = {};
+  }
+  setData(type, value) {
+    this.data[type] = value;
+  }
+  getData(type) {
+    return this.data[type] || void 0;
+  }
+}

package/plugins/copyPaste/copyPaste.js

@@ -6,6 +6,7 @@ require("core-js/modules/es.error.cause.js");
 var _base = require("../base");
 var _pluginHooks = _interopRequireDefault(require("../../pluginHooks"));
 var _SheetClip = require("../../3rdparty/SheetClip");
+var _array = require("../../helpers/array");
 var _string = require("../../helpers/string");
 var _element = require("../../helpers/dom/element");
 var _browser = require("../../helpers/browser");
@@ -14,10 +15,10 @@ var _copyColumnHeadersOnly = _interopRequireDefault(require("./contextMenuItem/c
 var _copyWithColumnGroupHeaders = _interopRequireDefault(require("./contextMenuItem/copyWithColumnGroupHeaders"));
 var _copyWithColumnHeaders = _interopRequireDefault(require("./contextMenuItem/copyWithColumnHeaders"));
 var _cut = _interopRequireDefault(require("./contextMenuItem/cut"));
+var _pasteEvent = _interopRequireDefault(require("./pasteEvent"));
 var _copyableRanges = require("./copyableRanges");
 var _parseTable = require("../../utils/parseTable");
 var _eventManager = _interopRequireDefault(require("../../eventManager"));
-var _clipboardData = require("./clipboardData");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _classPrivateMethodInitSpec(obj, privateSet) { _checkPrivateRedeclaration(obj, privateSet); privateSet.add(obj); }
 function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
@@ -42,6 +43,7 @@ _pluginHooks.default.getSingleton().register('afterCopy');
 const PLUGIN_KEY = exports.PLUGIN_KEY = 'copyPaste';
 const PLUGIN_PRIORITY = exports.PLUGIN_PRIORITY = 80;
 const SETTING_KEYS = ['fragmentSelection'];
+const META_HEAD = ['<meta name="generator" content="Handsontable"/>', '<style type="text/css">td{white-space:normal}br{mso-data-placement:same-cell}</style>'].join('');
 
 /* eslint-disable jsdoc/require-description-complete-sentence */
 /**
@@ -86,6 +88,7 @@ var _isTriggeredByCopy = /*#__PURE__*/new WeakMap();
 var _isTriggeredByCut = /*#__PURE__*/new WeakMap();
 var _copyableRangesFactory = /*#__PURE__*/new WeakMap();
 var _ensureClipboardEventsGetTriggered = /*#__PURE__*/new WeakSet();
+var _countCopiedHeaders = /*#__PURE__*/new WeakSet();
 var _addContentEditableToHighlightedCell = /*#__PURE__*/new WeakSet();
 var _removeContentEditableFromHighlightedCell = /*#__PURE__*/new WeakSet();
 class CopyPaste extends _base.BasePlugin {
@@ -99,6 +102,15 @@ class CopyPaste extends _base.BasePlugin {
      * Add the `contenteditable` attribute to the highlighted cell and select its content.
      */
     _classPrivateMethodInitSpec(this, _addContentEditableToHighlightedCell);
+    /**
+     * Counts how many column headers will be copied based on the passed range.
+     *
+     * @private
+     * @param {Array<{startRow: number, startCol: number, endRow: number, endCol: number}>} ranges Array of objects with properties `startRow`, `startCol`, `endRow` and `endCol`.
+     * @returns {{ columnHeadersCount: number }} Returns an object with keys that holds
+     *                                           information with the number of copied headers.
+     */
+    _classPrivateMethodInitSpec(this, _countCopiedHeaders);
     /**
      * Ensure that the `copy`/`cut` events get triggered properly in Safari.
      *
@@ -383,14 +395,26 @@ class CopyPaste extends _base.BasePlugin {
    * @returns {Array[]} An array of arrays that will be copied to the clipboard.
    */
   getRangedData(ranges) {
+    const data = [];
     const {
       rows,
       columns
     } = (0, _copyableRanges.normalizeRanges)(ranges);
-    return (0, _parseTable.getDataByCoords)(this.hot, {
-      rows,
-      columns
+
+    // concatenate all rows and columns data defined in ranges into one copyable string
+    (0, _array.arrayEach)(rows, row => {
+      const rowSet = [];
+      (0, _array.arrayEach)(columns, column => {
+        if (row < 0) {
+          // `row` as the second argument acts here as the `headerLevel` argument
+          rowSet.push(this.hot.getColHeader(column, row));
+        } else {
+          rowSet.push(this.hot.getCopyableData(row, column));
+        }
+      });
+      data.push(rowSet);
     });
+    return data;
   }
 
   /**
@@ -407,17 +431,7 @@ class CopyPaste extends _base.BasePlugin {
     if (!pastableText && !pastableHtml) {
       return;
     }
-    const pasteData = {
-      clipboardData: {
-        data: {},
-        setData(type, value) {
-          this.data[type] = value;
-        },
-        getData(type) {
-          return this.data[type];
-        }
-      }
-    };
+    const pasteData = new _pasteEvent.default();
     if (pastableText) {
       pasteData.clipboardData.setData('text/plain', pastableText);
     }
@@ -556,7 +570,7 @@ class CopyPaste extends _base.BasePlugin {
   /**
    * `copy` event callback on textarea element.
    *
-   * @param {ClipboardEvent} event ClipboardEvent.
+   * @param {Event} event ClipboardEvent.
    * @private
    */
   onCopy(event) {
@@ -565,12 +579,19 @@ class CopyPaste extends _base.BasePlugin {
     }
     this.setCopyableText();
     _classPrivateFieldSet(this, _isTriggeredByCopy, false);
-    const copyClipboardData = new _clipboardData.CopyClipboardData(this.hot, this.copyableRanges);
-    const allowCopying = !!this.hot.runHooks('beforeCopy', copyClipboardData);
+    const data = this.getRangedData(this.copyableRanges);
+    const copiedHeadersCount = _classPrivateMethodGet(this, _countCopiedHeaders, _countCopiedHeaders2).call(this, this.copyableRanges);
+    const allowCopying = !!this.hot.runHooks('beforeCopy', data, this.copyableRanges, copiedHeadersCount);
     if (allowCopying) {
-      event.clipboardData.setData('text/plain', (0, _SheetClip.stringify)(copyClipboardData.getData()));
-      event.clipboardData.setData('text/html', [copyClipboardData.getType() === 'handsontable' ? _clipboardData.META_HEAD : '', (0, _parseTable.getHTMLFromConfig)(copyClipboardData.getMetaInfo())].join(''));
-      this.hot.runHooks('afterCopy', copyClipboardData);
+      const textPlain = (0, _SheetClip.stringify)(data);
+      if (event && event.clipboardData) {
+        const textHTML = (0, _parseTable._dataToHTML)(data, this.hot.rootDocument);
+        event.clipboardData.setData('text/plain', textPlain);
+        event.clipboardData.setData('text/html', [META_HEAD, textHTML].join(''));
+      } else if (typeof ClipboardEvent === 'undefined') {
+        this.hot.rootWindow.clipboardData.setData('Text', textPlain);
+      }
+      this.hot.runHooks('afterCopy', data, this.copyableRanges, copiedHeadersCount);
     }
     _classPrivateFieldSet(this, _copyMode, 'cells-only');
     event.preventDefault();
@@ -579,7 +600,7 @@ class CopyPaste extends _base.BasePlugin {
   /**
    * `cut` event callback on textarea element.
    *
-   * @param {ClipboardEvent} event ClipboardEvent.
+   * @param {Event} event ClipboardEvent.
    * @private
    */
   onCut(event) {
@@ -588,13 +609,19 @@ class CopyPaste extends _base.BasePlugin {
     }
     this.setCopyableText();
     _classPrivateFieldSet(this, _isTriggeredByCut, false);
-    const copyClipboardData = new _clipboardData.CopyClipboardData(this.hot, this.copyableRanges);
-    const allowCuttingOut = !!this.hot.runHooks('beforeCut', copyClipboardData);
+    const rangedData = this.getRangedData(this.copyableRanges);
+    const allowCuttingOut = !!this.hot.runHooks('beforeCut', rangedData, this.copyableRanges);
     if (allowCuttingOut) {
-      event.clipboardData.setData('text/plain', (0, _SheetClip.stringify)(copyClipboardData.getData()));
-      event.clipboardData.setData('text/html', [copyClipboardData.getType() === 'handsontable' ? _clipboardData.META_HEAD : '', (0, _parseTable.getHTMLFromConfig)(copyClipboardData.getMetaInfo())].join(''));
+      const textPlain = (0, _SheetClip.stringify)(rangedData);
+      if (event && event.clipboardData) {
+        const textHTML = (0, _parseTable._dataToHTML)(rangedData, this.hot.rootDocument);
+        event.clipboardData.setData('text/plain', textPlain);
+        event.clipboardData.setData('text/html', [META_HEAD, textHTML].join(''));
+      } else if (typeof ClipboardEvent === 'undefined') {
+        this.hot.rootWindow.clipboardData.setData('Text', textPlain);
+      }
       this.hot.emptySelectedCells('CopyPaste.cut');
-      this.hot.runHooks('afterCut', copyClipboardData);
+      this.hot.runHooks('afterCut', rangedData, this.copyableRanges);
     }
     event.preventDefault();
   }
@@ -612,22 +639,34 @@ class CopyPaste extends _base.BasePlugin {
     if (event && event.preventDefault) {
       event.preventDefault();
     }
-    const html = (0, _string.sanitize)(event.clipboardData.getData('text/html'), {
-      ADD_TAGS: ['meta'],
-      ADD_ATTR: ['content'],
-      FORCE_BODY: true
-    });
-    const pasteClipboardData = new _clipboardData.PasteClipboardData(event.clipboardData.getData('text/plain'), html);
-    if (this.hot.runHooks('beforePaste', pasteClipboardData) === false) {
+    let pastedData;
+    if (event && typeof event.clipboardData !== 'undefined') {
+      const textHTML = (0, _string.sanitize)(event.clipboardData.getData('text/html'), {
+        ADD_TAGS: ['meta'],
+        ADD_ATTR: ['content'],
+        FORCE_BODY: true
+      });
+      if (textHTML && /(<table)|(<TABLE)/g.test(textHTML)) {
+        const parsedConfig = (0, _parseTable.htmlToGridSettings)(textHTML, this.hot.rootDocument);
+        pastedData = parsedConfig.data;
+      } else {
+        pastedData = event.clipboardData.getData('text/plain');
+      }
+    } else if (typeof ClipboardEvent === 'undefined' && typeof this.hot.rootWindow.clipboardData !== 'undefined') {
+      pastedData = this.hot.rootWindow.clipboardData.getData('Text');
+    }
+    if (typeof pastedData === 'string') {
+      pastedData = (0, _SheetClip.parse)(pastedData);
+    }
+    if (pastedData === void 0 || pastedData && pastedData.length === 0) {
       return;
     }
-    const pastedTable = pasteClipboardData.getData();
-    if (pastedTable.length === 0) {
+    if (this.hot.runHooks('beforePaste', pastedData, this.copyableRanges) === false) {
       return;
     }
-    const [startRow, startColumn, endRow, endColumn] = this.populateValues(pastedTable);
+    const [startRow, startColumn, endRow, endColumn] = this.populateValues(pastedData);
     this.hot.selectCell(startRow, startColumn, Math.min(this.hot.countRows() - 1, endRow), Math.min(this.hot.countCols() - 1, endColumn));
-    this.hot.runHooks('afterPaste', pasteClipboardData);
+    this.hot.runHooks('afterPaste', pastedData, this.copyableRanges);
   }
 
   /**
@@ -724,6 +763,21 @@ function _ensureClipboardEventsGetTriggered2(eventName) {
     this.hot.rootDocument.execCommand(eventName);
   }
 }
+function _countCopiedHeaders2(ranges) {
+  const {
+    rows
+  } = (0, _copyableRanges.normalizeRanges)(ranges);
+  let columnHeadersCount = 0;
+  for (let row = 0; row < rows.length; row++) {
+    if (rows[row] >= 0) {
+      break;
+    }
+    columnHeadersCount += 1;
+  }
+  return {
+    columnHeadersCount
+  };
+}
 function _addContentEditableToHighlightedCell2() {
   if (this.hot.isListening()) {
     const lastSelectedRange = this.hot.getSelectedRangeLast();