handsontable 0.0.0-next-cecf979-20231026 → 0.0.0-next-e54c3d6-20231026

package/plugins/copyPaste/clipboardData/pasteClipboardData.js

@@ -0,0 +1,81 @@
+"use strict";
+
+exports.__esModule = true;
+require("core-js/modules/es.error.cause.js");
+var _clipboardData = require("./clipboardData");
+var _parseTable = require("../../../utils/parseTable");
+var _SheetClip = require("../../../3rdparty/SheetClip");
+var _mixed = require("../../../helpers/mixed");
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+/**
+ * Creates an object containing information about paste action.
+ *
+ * @private
+ */
+class PasteClipboardData extends _clipboardData.ClipboardData {
+  /**
+   * @param {string} data Data of "text/plain" type inside the clipboard.
+   * @param {string} html Sanitized data of "text/html" type inside the clipboard.
+   */
+  constructor(data, html) {
+    super();
+    /**
+     * Sanitized data of "text/html" type inside the clipboard.
+     *
+     * @private
+     * @type {string}
+     */
+    _defineProperty(this, "html", void 0);
+    /**
+     * Copied data stored as array of arrays.
+     *
+     * @private
+     * @type {string[][]}
+     */
+    _defineProperty(this, "data", void 0);
+    this.html = html;
+    if (this.isSerializedTable()) {
+      this.data = (0, _parseTable.getDataWithHeadersByConfig)(this.getMetaInfo());
+    } else {
+      this.data = (0, _SheetClip.parse)(data);
+    }
+  }
+
+  /**
+   * Checks whether pasted data is an array.
+   *
+   * @private
+   * @returns {boolean}
+   */
+  isSerializedTable() {
+    return (0, _mixed.isDefined)(this.html) && /(<table)|(<TABLE)/g.test(this.html);
+  }
+
+  /**
+   * Checks whether pasted data is a Handsontable.
+   *
+   * @private
+   * @returns {boolean}
+   */
+  isSerializedHandsontable() {
+    return this.isSerializedTable() && /<meta (.*?)content="Handsontable"/.test(this.html);
+  }
+
+  /**
+   * Gets type of the copied data.
+   *
+   * @returns {'table' | 'handsontable' | 'unrecognizable'}
+   */
+  getType() {
+    if (this.isSerializedHandsontable()) {
+      return 'handsontable';
+    }
+    if (this.isSerializedTable()) {
+      return 'table';
+    }
+    return 'unrecognizable';
+  }
+}
+exports.PasteClipboardData = PasteClipboardData;

package/plugins/copyPaste/clipboardData/pasteClipboardData.mjs

@@ -0,0 +1,77 @@
+import "core-js/modules/es.error.cause.js";
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import { ClipboardData } from "./clipboardData.mjs";
+import { getDataWithHeadersByConfig } from "../../../utils/parseTable.mjs";
+import { parse } from "../../../3rdparty/SheetClip/index.mjs";
+import { isDefined } from "../../../helpers/mixed.mjs";
+/**
+ * Creates an object containing information about paste action.
+ *
+ * @private
+ */
+export class PasteClipboardData extends ClipboardData {
+  /**
+   * @param {string} data Data of "text/plain" type inside the clipboard.
+   * @param {string} html Sanitized data of "text/html" type inside the clipboard.
+   */
+  constructor(data, html) {
+    super();
+    /**
+     * Sanitized data of "text/html" type inside the clipboard.
+     *
+     * @private
+     * @type {string}
+     */
+    _defineProperty(this, "html", void 0);
+    /**
+     * Copied data stored as array of arrays.
+     *
+     * @private
+     * @type {string[][]}
+     */
+    _defineProperty(this, "data", void 0);
+    this.html = html;
+    if (this.isSerializedTable()) {
+      this.data = getDataWithHeadersByConfig(this.getMetaInfo());
+    } else {
+      this.data = parse(data);
+    }
+  }
+
+  /**
+   * Checks whether pasted data is an array.
+   *
+   * @private
+   * @returns {boolean}
+   */
+  isSerializedTable() {
+    return isDefined(this.html) && /(<table)|(<TABLE)/g.test(this.html);
+  }
+
+  /**
+   * Checks whether pasted data is a Handsontable.
+   *
+   * @private
+   * @returns {boolean}
+   */
+  isSerializedHandsontable() {
+    return this.isSerializedTable() && /<meta (.*?)content="Handsontable"/.test(this.html);
+  }
+
+  /**
+   * Gets type of the copied data.
+   *
+   * @returns {'table' | 'handsontable' | 'unrecognizable'}
+   */
+  getType() {
+    if (this.isSerializedHandsontable()) {
+      return 'handsontable';
+    }
+    if (this.isSerializedTable()) {
+      return 'table';
+    }
+    return 'unrecognizable';
+  }
+}

package/plugins/copyPaste/copyPaste.js

@@ -6,7 +6,6 @@ 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");
@@ -15,10 +14,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); }
@@ -45,7 +44,6 @@ exports.PLUGIN_KEY = PLUGIN_KEY;
 const PLUGIN_PRIORITY = 80;
 exports.PLUGIN_PRIORITY = PLUGIN_PRIORITY;
 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 */
 /**
@@ -90,7 +88,6 @@ 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 {
@@ -104,15 +101,6 @@ 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.
      *
@@ -397,26 +385,14 @@ 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);
-
-    // 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 (0, _parseTable.getDataByCoords)(this.hot, {
+      rows,
+      columns
     });
-    return data;
   }
 
   /**
@@ -433,7 +409,17 @@ class CopyPaste extends _base.BasePlugin {
     if (!pastableText && !pastableHtml) {
       return;
     }
-    const pasteData = new _pasteEvent.default();
+    const pasteData = {
+      clipboardData: {
+        data: {},
+        setData(type, value) {
+          this.data[type] = value;
+        },
+        getData(type) {
+          return this.data[type];
+        }
+      }
+    };
     if (pastableText) {
       pasteData.clipboardData.setData('text/plain', pastableText);
     }
@@ -572,7 +558,7 @@ class CopyPaste extends _base.BasePlugin {
   /**
    * `copy` event callback on textarea element.
    *
-   * @param {Event} event ClipboardEvent.
+   * @param {ClipboardEvent} event ClipboardEvent.
    * @private
    */
   onCopy(event) {
@@ -581,19 +567,12 @@ class CopyPaste extends _base.BasePlugin {
     }
     this.setCopyableText();
     _classPrivateFieldSet(this, _isTriggeredByCopy, false);
-    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);
+    const copyClipboardData = new _clipboardData.CopyClipboardData(this.hot, this.copyableRanges);
+    const allowCopying = !!this.hot.runHooks('beforeCopy', copyClipboardData);
     if (allowCopying) {
-      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);
+      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);
     }
     _classPrivateFieldSet(this, _copyMode, 'cells-only');
     event.preventDefault();
@@ -602,7 +581,7 @@ class CopyPaste extends _base.BasePlugin {
   /**
    * `cut` event callback on textarea element.
    *
-   * @param {Event} event ClipboardEvent.
+   * @param {ClipboardEvent} event ClipboardEvent.
    * @private
    */
   onCut(event) {
@@ -611,19 +590,13 @@ class CopyPaste extends _base.BasePlugin {
     }
     this.setCopyableText();
     _classPrivateFieldSet(this, _isTriggeredByCut, false);
-    const rangedData = this.getRangedData(this.copyableRanges);
-    const allowCuttingOut = !!this.hot.runHooks('beforeCut', rangedData, this.copyableRanges);
+    const copyClipboardData = new _clipboardData.CopyClipboardData(this.hot, this.copyableRanges);
+    const allowCuttingOut = !!this.hot.runHooks('beforeCut', copyClipboardData);
     if (allowCuttingOut) {
-      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);
-      }
+      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.emptySelectedCells('CopyPaste.cut');
-      this.hot.runHooks('afterCut', rangedData, this.copyableRanges);
+      this.hot.runHooks('afterCut', copyClipboardData);
     }
     event.preventDefault();
   }
@@ -641,34 +614,22 @@ class CopyPaste extends _base.BasePlugin {
     if (event && event.preventDefault) {
       event.preventDefault();
     }
-    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) {
+    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) {
       return;
     }
-    if (this.hot.runHooks('beforePaste', pastedData, this.copyableRanges) === false) {
+    const pastedTable = pasteClipboardData.getData();
+    if (pastedTable.length === 0) {
       return;
     }
-    const [startRow, startColumn, endRow, endColumn] = this.populateValues(pastedData);
+    const [startRow, startColumn, endRow, endColumn] = this.populateValues(pastedTable);
     this.hot.selectCell(startRow, startColumn, Math.min(this.hot.countRows() - 1, endRow), Math.min(this.hot.countCols() - 1, endColumn));
-    this.hot.runHooks('afterPaste', pastedData, this.copyableRanges);
+    this.hot.runHooks('afterPaste', pasteClipboardData);
   }
 
   /**
@@ -765,21 +726,6 @@ 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();

package/plugins/copyPaste/copyPaste.mjs

@@ -14,8 +14,7 @@ function _classExtractFieldDescriptor(receiver, privateMap, action) { if (!priva
 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 { BasePlugin } from "../base/index.mjs";
 import Hooks from "../../pluginHooks.mjs";
-import { stringify, parse } from "../../3rdparty/SheetClip/index.mjs";
-import { arrayEach } from "../../helpers/array.mjs";
+import { stringify } from "../../3rdparty/SheetClip/index.mjs";
 import { sanitize } from "../../helpers/string.mjs";
 import { removeContentEditableFromElementAndDeselect, runWithSelectedContendEditableElement, makeElementContentEditableAndSelectItsContent } from "../../helpers/dom/element.mjs";
 import { isSafari } from "../../helpers/browser.mjs";
@@ -24,10 +23,10 @@ import copyColumnHeadersOnlyItem from "./contextMenuItem/copyColumnHeadersOnly.m
 import copyWithColumnGroupHeadersItem from "./contextMenuItem/copyWithColumnGroupHeaders.mjs";
 import copyWithColumnHeadersItem from "./contextMenuItem/copyWithColumnHeaders.mjs";
 import cutItem from "./contextMenuItem/cut.mjs";
-import PasteEvent from "./pasteEvent.mjs";
 import { CopyableRangesFactory, normalizeRanges } from "./copyableRanges.mjs";
-import { _dataToHTML, htmlToGridSettings } from "../../utils/parseTable.mjs";
+import { getDataByCoords, getHTMLFromConfig } from "../../utils/parseTable.mjs";
 import EventManager from "../../eventManager.mjs";
+import { CopyClipboardData, PasteClipboardData, META_HEAD } from "./clipboardData/index.mjs";
 Hooks.getSingleton().register('afterCopyLimit');
 Hooks.getSingleton().register('modifyCopyableRange');
 Hooks.getSingleton().register('beforeCut');
@@ -39,7 +38,6 @@ Hooks.getSingleton().register('afterCopy');
 export const PLUGIN_KEY = 'copyPaste';
 export const 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 */
 /**
@@ -84,7 +82,6 @@ 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();
 export class CopyPaste extends BasePlugin {
@@ -98,15 +95,6 @@ export class CopyPaste extends 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.
      *
@@ -391,26 +379,14 @@ export class CopyPaste extends BasePlugin {
    * @returns {Array[]} An array of arrays that will be copied to the clipboard.
    */
   getRangedData(ranges) {
-    const data = [];
     const {
       rows,
       columns
     } = normalizeRanges(ranges);
-
-    // concatenate all rows and columns data defined in ranges into one copyable string
-    arrayEach(rows, row => {
-      const rowSet = [];
-      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 getDataByCoords(this.hot, {
+      rows,
+      columns
     });
-    return data;
   }
 
   /**
@@ -427,7 +403,17 @@ export class CopyPaste extends BasePlugin {
     if (!pastableText && !pastableHtml) {
       return;
     }
-    const pasteData = new PasteEvent();
+    const pasteData = {
+      clipboardData: {
+        data: {},
+        setData(type, value) {
+          this.data[type] = value;
+        },
+        getData(type) {
+          return this.data[type];
+        }
+      }
+    };
     if (pastableText) {
       pasteData.clipboardData.setData('text/plain', pastableText);
     }
@@ -566,7 +552,7 @@ export class CopyPaste extends BasePlugin {
   /**
    * `copy` event callback on textarea element.
    *
-   * @param {Event} event ClipboardEvent.
+   * @param {ClipboardEvent} event ClipboardEvent.
    * @private
    */
   onCopy(event) {
@@ -575,19 +561,12 @@ export class CopyPaste extends BasePlugin {
     }
     this.setCopyableText();
     _classPrivateFieldSet(this, _isTriggeredByCopy, false);
-    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);
+    const copyClipboardData = new CopyClipboardData(this.hot, this.copyableRanges);
+    const allowCopying = !!this.hot.runHooks('beforeCopy', copyClipboardData);
     if (allowCopying) {
-      const textPlain = stringify(data);
-      if (event && event.clipboardData) {
-        const textHTML = _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);
+      event.clipboardData.setData('text/plain', stringify(copyClipboardData.getData()));
+      event.clipboardData.setData('text/html', [copyClipboardData.getType() === 'handsontable' ? META_HEAD : '', getHTMLFromConfig(copyClipboardData.getMetaInfo())].join(''));
+      this.hot.runHooks('afterCopy', copyClipboardData);
     }
     _classPrivateFieldSet(this, _copyMode, 'cells-only');
     event.preventDefault();
@@ -596,7 +575,7 @@ export class CopyPaste extends BasePlugin {
   /**
    * `cut` event callback on textarea element.
    *
-   * @param {Event} event ClipboardEvent.
+   * @param {ClipboardEvent} event ClipboardEvent.
    * @private
    */
   onCut(event) {
@@ -605,19 +584,13 @@ export class CopyPaste extends BasePlugin {
     }
     this.setCopyableText();
     _classPrivateFieldSet(this, _isTriggeredByCut, false);
-    const rangedData = this.getRangedData(this.copyableRanges);
-    const allowCuttingOut = !!this.hot.runHooks('beforeCut', rangedData, this.copyableRanges);
+    const copyClipboardData = new CopyClipboardData(this.hot, this.copyableRanges);
+    const allowCuttingOut = !!this.hot.runHooks('beforeCut', copyClipboardData);
     if (allowCuttingOut) {
-      const textPlain = stringify(rangedData);
-      if (event && event.clipboardData) {
-        const textHTML = _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);
-      }
+      event.clipboardData.setData('text/plain', stringify(copyClipboardData.getData()));
+      event.clipboardData.setData('text/html', [copyClipboardData.getType() === 'handsontable' ? META_HEAD : '', getHTMLFromConfig(copyClipboardData.getMetaInfo())].join(''));
       this.hot.emptySelectedCells('CopyPaste.cut');
-      this.hot.runHooks('afterCut', rangedData, this.copyableRanges);
+      this.hot.runHooks('afterCut', copyClipboardData);
     }
     event.preventDefault();
   }
@@ -635,34 +608,22 @@ export class CopyPaste extends BasePlugin {
     if (event && event.preventDefault) {
       event.preventDefault();
     }
-    let pastedData;
-    if (event && typeof event.clipboardData !== 'undefined') {
-      const textHTML = sanitize(event.clipboardData.getData('text/html'), {
-        ADD_TAGS: ['meta'],
-        ADD_ATTR: ['content'],
-        FORCE_BODY: true
-      });
-      if (textHTML && /(<table)|(<TABLE)/g.test(textHTML)) {
-        const parsedConfig = 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 = parse(pastedData);
-    }
-    if (pastedData === void 0 || pastedData && pastedData.length === 0) {
+    const html = sanitize(event.clipboardData.getData('text/html'), {
+      ADD_TAGS: ['meta'],
+      ADD_ATTR: ['content'],
+      FORCE_BODY: true
+    });
+    const pasteClipboardData = new PasteClipboardData(event.clipboardData.getData('text/plain'), html);
+    if (this.hot.runHooks('beforePaste', pasteClipboardData) === false) {
       return;
     }
-    if (this.hot.runHooks('beforePaste', pastedData, this.copyableRanges) === false) {
+    const pastedTable = pasteClipboardData.getData();
+    if (pastedTable.length === 0) {
       return;
     }
-    const [startRow, startColumn, endRow, endColumn] = this.populateValues(pastedData);
+    const [startRow, startColumn, endRow, endColumn] = this.populateValues(pastedTable);
     this.hot.selectCell(startRow, startColumn, Math.min(this.hot.countRows() - 1, endRow), Math.min(this.hot.countCols() - 1, endColumn));
-    this.hot.runHooks('afterPaste', pastedData, this.copyableRanges);
+    this.hot.runHooks('afterPaste', pasteClipboardData);
   }
 
   /**
@@ -758,21 +719,6 @@ function _ensureClipboardEventsGetTriggered2(eventName) {
     this.hot.rootDocument.execCommand(eventName);
   }
 }
-function _countCopiedHeaders2(ranges) {
-  const {
-    rows
-  } = 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();