handsontable 0.0.0-next-2c41c5b-20250814 → 0.0.0-next-fce5825-20250822

package/plugins/copyPaste/copyPaste.js

@@ -3,7 +3,6 @@
 exports.__esModule = true;
 require("core-js/modules/es.error.cause.js");
 require("core-js/modules/es.array.push.js");
-require("core-js/modules/es.json.stringify.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.map.js");
@@ -12,7 +11,6 @@ var _hooks = require("../../core/hooks");
 var _SheetClip = require("../../3rdparty/SheetClip");
 var _array = require("../../helpers/array");
 var _string = require("../../helpers/string");
-var _object = require("../../helpers/object");
 var _element = require("../../helpers/dom/element");
 var _browser = require("../../helpers/browser");
 var _copy = _interopRequireDefault(require("./contextMenuItem/copy"));
@@ -44,7 +42,6 @@ _hooks.Hooks.getSingleton().register('afterCopy');
 const PLUGIN_KEY = exports.PLUGIN_KEY = 'copyPaste';
 const PLUGIN_PRIORITY = exports.PLUGIN_PRIORITY = 80;
 const SETTING_KEYS = ['fragmentSelection'];
-const SOURCE_DATA_HTML_MIME_TYPE = 'application/ht-source-data-json-html';
 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 */
@@ -380,11 +377,9 @@ class CopyPaste extends _base.BasePlugin {
    * Converts the contents of multiple ranges (`ranges`) into an array of arrays.
    *
    * @param {Array<{startRow: number, startCol: number, endRow: number, endCol: number}>} ranges Array of objects with properties `startRow`, `startCol`, `endRow` and `endCol`.
-   * @param {boolean} [useSourceData=false] Whether to use the source data instead of the data. This will stringify objects as JSON.
    * @returns {Array[]} An array of arrays that will be copied to the clipboard.
    */
   getRangedData(ranges) {
-    let useSourceData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     const data = [];
     const {
       rows,
@@ -399,11 +394,7 @@ class CopyPaste extends _base.BasePlugin {
           // `row` as the second argument acts here as the `headerLevel` argument
           rowSet.push(this.hot.getColHeader(column, row));
         } else {
-          let copyableCellData = useSourceData ? this.hot.getCopyableSourceData(row, column) : this.hot.getCopyableData(row, column);
-          if (useSourceData && (0, _object.isObject)(copyableCellData)) {
-            copyableCellData = JSON.stringify(copyableCellData);
-          }
-          rowSet.push(copyableCellData);
+          rowSet.push(this.hot.getCopyableData(row, column));
         }
       });
       data.push(rowSet);
@@ -501,12 +492,11 @@ class CopyPaste extends _base.BasePlugin {
    *
    * @private
    * @param {Array} inputArray An array of the data to populate.
-   * @param {Array} sourceInputArray An array of the source data to populate.
    * @param {Array} [selection] The selection which indicates from what position the data will be populated.
    * @returns {Array} Range coordinates after populate data.
    */
-  populateValues(inputArray, sourceInputArray) {
-    let selection = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : this.hot.getSelectedRangeActive();
+  populateValues(inputArray) {
+    let selection = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.hot.getSelectedRangeActive();
     if (!inputArray.length) {
       return [null, null, null, null];
     }
@@ -544,28 +534,18 @@ class CopyPaste extends _base.BasePlugin {
       const newRow = [];
       const insertedRow = newRows.length % populatedRowsLength;
       while (newRow.length < populatedColumnsLength || visualColumnForPopulatedData <= endColumnFromSelection) {
-        var _sourceInputArray$ins;
         const {
           skipColumnOnPaste,
           visualCol
-        } = this.hot.getCellMeta(visualRow, visualColumnForPopulatedData);
-        const sourceDataAtTarget = this.hot.getSourceDataAtCell(visualRow, visualColumnForPopulatedData);
-        const insertedColumn = newRow.length % populatedColumnsLength;
+        } = this.hot.getCellMeta(startRow, visualColumnForPopulatedData);
         visualColumnForPopulatedData = visualCol + 1;
         if (skipColumnOnPaste === true) {
           /* eslint-disable no-continue */
           continue;
         }
         lastVisualColumn = visualCol;
-        const sourceCellValue = sourceInputArray === null || sourceInputArray === void 0 || (_sourceInputArray$ins = sourceInputArray[insertedRow]) === null || _sourceInputArray$ins === void 0 ? void 0 : _sourceInputArray$ins[insertedColumn];
-        let cellValue = inputArray[insertedRow][insertedColumn];
-        if (sourceInputArray && (0, _string.isJSON)(sourceCellValue)) {
-          const parsedCellValue = JSON.parse(sourceCellValue);
-          if ((0, _object.isObject)(sourceDataAtTarget)) {
-            cellValue = parsedCellValue;
-          }
-        }
-        newRow.push(cellValue);
+        const insertedColumn = newRow.length % populatedColumnsLength;
+        newRow.push(inputArray[insertedRow][insertedColumn]);
       }
       newRows.push(newRow);
     }
@@ -594,13 +574,19 @@ class CopyPaste extends _base.BasePlugin {
     event.preventDefault();
     this.setCopyableText();
     _classPrivateFieldSet(_isTriggeredByCopy, this, false);
-    const rangedData = this.getRangedData(this.copyableRanges);
-    const rangedSourceData = this.getRangedData(this.copyableRanges, true);
+    const data = this.getRangedData(this.copyableRanges);
     const copiedHeadersCount = _assertClassBrand(_CopyPaste_brand, this, _countCopiedHeaders).call(this, this.copyableRanges);
-    const allowCopying = !!this.hot.runHooks('beforeCopy', rangedData, this.copyableRanges, copiedHeadersCount);
+    const allowCopying = !!this.hot.runHooks('beforeCopy', data, this.copyableRanges, copiedHeadersCount);
     if (allowCopying) {
-      _assertClassBrand(_CopyPaste_brand, this, _setClipboardData).call(this, event, rangedData, rangedSourceData);
-      this.hot.runHooks('afterCopy', rangedData, this.copyableRanges, copiedHeadersCount);
+      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(_copyMode, this, 'cells-only');
   }
@@ -622,10 +608,16 @@ class CopyPaste extends _base.BasePlugin {
     this.setCopyableText();
     _classPrivateFieldSet(_isTriggeredByCut, this, false);
     const rangedData = this.getRangedData(this.copyableRanges);
-    const rangedSourceData = this.getRangedData(this.copyableRanges, true);
     const allowCuttingOut = !!this.hot.runHooks('beforeCut', rangedData, this.copyableRanges);
     if (allowCuttingOut) {
-      _assertClassBrand(_CopyPaste_brand, this, _setClipboardData).call(this, event, rangedData, rangedSourceData);
+      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', rangedData, this.copyableRanges);
     }
@@ -646,13 +638,7 @@ class CopyPaste extends _base.BasePlugin {
     }
     event.preventDefault();
     let pastedData;
-    let pastedSourceData;
     if (event && typeof event.clipboardData !== 'undefined') {
-      const sourceDataHTML = event.clipboardData.getData(SOURCE_DATA_HTML_MIME_TYPE);
-      if (sourceDataHTML) {
-        const parsedSourceConfig = (0, _parseTable.htmlToGridSettings)(sourceDataHTML, this.hot.rootDocument);
-        pastedSourceData = parsedSourceConfig.data;
-      }
       const textHTML = (0, _string.sanitize)(event.clipboardData.getData('text/html'), {
         ADD_TAGS: ['meta'],
         ADD_ATTR: ['content'],
@@ -676,7 +662,7 @@ class CopyPaste extends _base.BasePlugin {
     if (this.hot.runHooks('beforePaste', pastedData, this.copyableRanges) === false) {
       return;
     }
-    const [startRow, startColumn, endRow, endColumn] = this.populateValues(pastedData, pastedSourceData);
+    const [startRow, startColumn, endRow, endColumn] = this.populateValues(pastedData);
     if (startRow !== null && startColumn !== null) {
       this.hot.selectCell(startRow, startColumn, Math.min(this.hot.countRows() - 1, endRow), Math.min(this.hot.countCols() - 1, endColumn));
     }
@@ -684,11 +670,9 @@ class CopyPaste extends _base.BasePlugin {
   }
 
   /**
-   * Sets the clipboard data.
+   * Add copy and cut options to the Context Menu.
    *
-   * @param {ClipboardEvent} event The Clipboard event.
-   * @param {Array} rangedData Ranged data to set to the clipboard.
-   * @param {Array} rangedSourceData Ranged source data to set to the clipboard.
+   * @param {object} options Contains default added options of the Context Menu.
    */
 
   /**
@@ -776,23 +760,6 @@ function _removeContentEditableFromHighlightedCell() {
     }
   }
 }
-function _setClipboardData(event, rangedData, rangedSourceData) {
-  const textPlain = (0, _SheetClip.stringify)(rangedData);
-  if (event && event.clipboardData) {
-    const textHTML = (0, _parseTable._dataToHTML)(rangedData);
-    const textSourceDataHTML = (0, _parseTable._dataToHTML)(rangedSourceData);
-    event.clipboardData.setData('text/plain', textPlain);
-    event.clipboardData.setData('text/html', [META_HEAD, textHTML].join(''));
-    event.clipboardData.setData(SOURCE_DATA_HTML_MIME_TYPE, [META_HEAD, textSourceDataHTML].join(''));
-  } else if (typeof ClipboardEvent === 'undefined') {
-    this.hot.rootWindow.clipboardData.setData('Text', textPlain);
-  }
-}
-/**
- * Add copy and cut options to the Context Menu.
- *
- * @param {object} options Contains default added options of the Context Menu.
- */
 function _onAfterContextMenuDefaultOptions(options) {
   options.items.push({
     name: '---------'

package/plugins/copyPaste/copyPaste.mjs

@@ -1,6 +1,5 @@
 import "core-js/modules/es.error.cause.js";
 import "core-js/modules/es.array.push.js";
-import "core-js/modules/es.json.stringify.js";
 import "core-js/modules/esnext.iterator.constructor.js";
 import "core-js/modules/esnext.iterator.filter.js";
 import "core-js/modules/esnext.iterator.map.js";
@@ -17,8 +16,7 @@ import { BasePlugin } from "../base/index.mjs";
 import { Hooks } from "../../core/hooks/index.mjs";
 import { stringify, parse } from "../../3rdparty/SheetClip/index.mjs";
 import { arrayEach } from "../../helpers/array.mjs";
-import { sanitize, isJSON } from "../../helpers/string.mjs";
-import { isObject } from "../../helpers/object.mjs";
+import { sanitize } from "../../helpers/string.mjs";
 import { removeContentEditableFromElementAndDeselect, runWithSelectedContendEditableElement, makeElementContentEditableAndSelectItsContent, isHTMLElement, isInternalElement } from "../../helpers/dom/element.mjs";
 import { isSafari } from "../../helpers/browser.mjs";
 import copyItem from "./contextMenuItem/copy.mjs";
@@ -40,7 +38,6 @@ Hooks.getSingleton().register('afterCopy');
 export const PLUGIN_KEY = 'copyPaste';
 export const PLUGIN_PRIORITY = 80;
 const SETTING_KEYS = ['fragmentSelection'];
-const SOURCE_DATA_HTML_MIME_TYPE = 'application/ht-source-data-json-html';
 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 */
@@ -376,11 +373,9 @@ export class CopyPaste extends BasePlugin {
    * Converts the contents of multiple ranges (`ranges`) into an array of arrays.
    *
    * @param {Array<{startRow: number, startCol: number, endRow: number, endCol: number}>} ranges Array of objects with properties `startRow`, `startCol`, `endRow` and `endCol`.
-   * @param {boolean} [useSourceData=false] Whether to use the source data instead of the data. This will stringify objects as JSON.
    * @returns {Array[]} An array of arrays that will be copied to the clipboard.
    */
   getRangedData(ranges) {
-    let useSourceData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     const data = [];
     const {
       rows,
@@ -395,11 +390,7 @@ export class CopyPaste extends BasePlugin {
           // `row` as the second argument acts here as the `headerLevel` argument
           rowSet.push(this.hot.getColHeader(column, row));
         } else {
-          let copyableCellData = useSourceData ? this.hot.getCopyableSourceData(row, column) : this.hot.getCopyableData(row, column);
-          if (useSourceData && isObject(copyableCellData)) {
-            copyableCellData = JSON.stringify(copyableCellData);
-          }
-          rowSet.push(copyableCellData);
+          rowSet.push(this.hot.getCopyableData(row, column));
         }
       });
       data.push(rowSet);
@@ -497,12 +488,11 @@ export class CopyPaste extends BasePlugin {
    *
    * @private
    * @param {Array} inputArray An array of the data to populate.
-   * @param {Array} sourceInputArray An array of the source data to populate.
    * @param {Array} [selection] The selection which indicates from what position the data will be populated.
    * @returns {Array} Range coordinates after populate data.
    */
-  populateValues(inputArray, sourceInputArray) {
-    let selection = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : this.hot.getSelectedRangeActive();
+  populateValues(inputArray) {
+    let selection = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.hot.getSelectedRangeActive();
     if (!inputArray.length) {
       return [null, null, null, null];
     }
@@ -540,28 +530,18 @@ export class CopyPaste extends BasePlugin {
       const newRow = [];
       const insertedRow = newRows.length % populatedRowsLength;
       while (newRow.length < populatedColumnsLength || visualColumnForPopulatedData <= endColumnFromSelection) {
-        var _sourceInputArray$ins;
         const {
           skipColumnOnPaste,
           visualCol
-        } = this.hot.getCellMeta(visualRow, visualColumnForPopulatedData);
-        const sourceDataAtTarget = this.hot.getSourceDataAtCell(visualRow, visualColumnForPopulatedData);
-        const insertedColumn = newRow.length % populatedColumnsLength;
+        } = this.hot.getCellMeta(startRow, visualColumnForPopulatedData);
         visualColumnForPopulatedData = visualCol + 1;
         if (skipColumnOnPaste === true) {
           /* eslint-disable no-continue */
           continue;
         }
         lastVisualColumn = visualCol;
-        const sourceCellValue = sourceInputArray === null || sourceInputArray === void 0 || (_sourceInputArray$ins = sourceInputArray[insertedRow]) === null || _sourceInputArray$ins === void 0 ? void 0 : _sourceInputArray$ins[insertedColumn];
-        let cellValue = inputArray[insertedRow][insertedColumn];
-        if (sourceInputArray && isJSON(sourceCellValue)) {
-          const parsedCellValue = JSON.parse(sourceCellValue);
-          if (isObject(sourceDataAtTarget)) {
-            cellValue = parsedCellValue;
-          }
-        }
-        newRow.push(cellValue);
+        const insertedColumn = newRow.length % populatedColumnsLength;
+        newRow.push(inputArray[insertedRow][insertedColumn]);
       }
       newRows.push(newRow);
     }
@@ -590,13 +570,19 @@ export class CopyPaste extends BasePlugin {
     event.preventDefault();
     this.setCopyableText();
     _classPrivateFieldSet(_isTriggeredByCopy, this, false);
-    const rangedData = this.getRangedData(this.copyableRanges);
-    const rangedSourceData = this.getRangedData(this.copyableRanges, true);
+    const data = this.getRangedData(this.copyableRanges);
     const copiedHeadersCount = _assertClassBrand(_CopyPaste_brand, this, _countCopiedHeaders).call(this, this.copyableRanges);
-    const allowCopying = !!this.hot.runHooks('beforeCopy', rangedData, this.copyableRanges, copiedHeadersCount);
+    const allowCopying = !!this.hot.runHooks('beforeCopy', data, this.copyableRanges, copiedHeadersCount);
     if (allowCopying) {
-      _assertClassBrand(_CopyPaste_brand, this, _setClipboardData).call(this, event, rangedData, rangedSourceData);
-      this.hot.runHooks('afterCopy', rangedData, this.copyableRanges, copiedHeadersCount);
+      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);
     }
     _classPrivateFieldSet(_copyMode, this, 'cells-only');
   }
@@ -618,10 +604,16 @@ export class CopyPaste extends BasePlugin {
     this.setCopyableText();
     _classPrivateFieldSet(_isTriggeredByCut, this, false);
     const rangedData = this.getRangedData(this.copyableRanges);
-    const rangedSourceData = this.getRangedData(this.copyableRanges, true);
     const allowCuttingOut = !!this.hot.runHooks('beforeCut', rangedData, this.copyableRanges);
     if (allowCuttingOut) {
-      _assertClassBrand(_CopyPaste_brand, this, _setClipboardData).call(this, event, rangedData, rangedSourceData);
+      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);
+      }
       this.hot.emptySelectedCells('CopyPaste.cut');
       this.hot.runHooks('afterCut', rangedData, this.copyableRanges);
     }
@@ -642,13 +634,7 @@ export class CopyPaste extends BasePlugin {
     }
     event.preventDefault();
     let pastedData;
-    let pastedSourceData;
     if (event && typeof event.clipboardData !== 'undefined') {
-      const sourceDataHTML = event.clipboardData.getData(SOURCE_DATA_HTML_MIME_TYPE);
-      if (sourceDataHTML) {
-        const parsedSourceConfig = htmlToGridSettings(sourceDataHTML, this.hot.rootDocument);
-        pastedSourceData = parsedSourceConfig.data;
-      }
       const textHTML = sanitize(event.clipboardData.getData('text/html'), {
         ADD_TAGS: ['meta'],
         ADD_ATTR: ['content'],
@@ -672,7 +658,7 @@ export class CopyPaste extends BasePlugin {
     if (this.hot.runHooks('beforePaste', pastedData, this.copyableRanges) === false) {
       return;
     }
-    const [startRow, startColumn, endRow, endColumn] = this.populateValues(pastedData, pastedSourceData);
+    const [startRow, startColumn, endRow, endColumn] = this.populateValues(pastedData);
     if (startRow !== null && startColumn !== null) {
       this.hot.selectCell(startRow, startColumn, Math.min(this.hot.countRows() - 1, endRow), Math.min(this.hot.countCols() - 1, endColumn));
     }
@@ -680,11 +666,9 @@ export class CopyPaste extends BasePlugin {
   }
 
   /**
-   * Sets the clipboard data.
+   * Add copy and cut options to the Context Menu.
    *
-   * @param {ClipboardEvent} event The Clipboard event.
-   * @param {Array} rangedData Ranged data to set to the clipboard.
-   * @param {Array} rangedSourceData Ranged source data to set to the clipboard.
+   * @param {object} options Contains default added options of the Context Menu.
    */
 
   /**
@@ -771,23 +755,6 @@ function _removeContentEditableFromHighlightedCell() {
     }
   }
 }
-function _setClipboardData(event, rangedData, rangedSourceData) {
-  const textPlain = stringify(rangedData);
-  if (event && event.clipboardData) {
-    const textHTML = _dataToHTML(rangedData);
-    const textSourceDataHTML = _dataToHTML(rangedSourceData);
-    event.clipboardData.setData('text/plain', textPlain);
-    event.clipboardData.setData('text/html', [META_HEAD, textHTML].join(''));
-    event.clipboardData.setData(SOURCE_DATA_HTML_MIME_TYPE, [META_HEAD, textSourceDataHTML].join(''));
-  } else if (typeof ClipboardEvent === 'undefined') {
-    this.hot.rootWindow.clipboardData.setData('Text', textPlain);
-  }
-}
-/**
- * Add copy and cut options to the Context Menu.
- *
- * @param {object} options Contains default added options of the Context Menu.
- */
 function _onAfterContextMenuDefaultOptions(options) {
   options.items.push({
     name: '---------'

package/plugins/dialog/dialog.d.ts

@@ -0,0 +1,23 @@
+import Core from '../../core';
+import { BasePlugin } from '../base';
+
+export interface DialogConfig {
+  content?: string | HTMLElement;
+  customClassName?: string;
+  background?: 'solid' | 'semi-transparent';
+  contentBackground?: boolean;
+  contentDirections?: 'row' | 'row-reverse' | 'column' | 'column-reverse';
+  animation?: boolean;
+  closable?: boolean;
+}
+
+export type Settings = boolean | DialogConfig;
+
+export class Dialog extends BasePlugin {
+
+  constructor(hotInstance: Core);
+  isVisible(): boolean;
+  show(config?: DialogConfig): void;
+  hide(): void;
+  update(config: DialogConfig): void;
+}