handsontable 0.0.0-next-0416ebd-20231214 → 0.0.0-next-a7e8ff6-20231215

package/eventManager.js

@@ -19,7 +19,6 @@ let listenersCounter = 0;
  * Event DOM manager for internal use in Handsontable.
  *
  * @class EventManager
- * @util
  */
 class EventManager {
   /**
@@ -52,6 +51,7 @@ class EventManager {
   addEventListener(element, eventName, callback) {
     let options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
     /**
+     * @private
      * @param {Event} event The event object.
      */
     function callbackProxy(event) {
@@ -211,6 +211,7 @@ function extendEvent(event) {
 }
 var _default = exports.default = EventManager;
 /**
+ * @private
  * @returns {number}
  */
 function getListenersCounter() {

package/eventManager.mjs

@@ -15,7 +15,6 @@ let listenersCounter = 0;
  * Event DOM manager for internal use in Handsontable.
  *
  * @class EventManager
- * @util
  */
 class EventManager {
   /**
@@ -48,6 +47,7 @@ class EventManager {
   addEventListener(element, eventName, callback) {
     let options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
     /**
+     * @private
      * @param {Event} event The event object.
      */
     function callbackProxy(event) {
@@ -208,6 +208,7 @@ function extendEvent(event) {
 export default EventManager;
 
 /**
+ * @private
  * @returns {number}
  */
 export function getListenersCounter() {

package/helpers/mixed.js

@@ -134,7 +134,7 @@ const domMessages = {
 function _injectProductInfo(key, element) {
   const hasValidType = !isEmpty(key);
   const isNonCommercial = typeof key === 'string' && key.toLowerCase() === 'non-commercial-and-evaluation';
-  const hotVersion = "0.0.0-next-0416ebd-20231214";
+  const hotVersion = "0.0.0-next-a7e8ff6-20231215";
   let keyValidityDate;
   let consoleMessageState = 'invalid';
   let domMessageState = 'invalid';

package/helpers/mixed.mjs

@@ -124,7 +124,7 @@ const domMessages = {
 export function _injectProductInfo(key, element) {
   const hasValidType = !isEmpty(key);
   const isNonCommercial = typeof key === 'string' && key.toLowerCase() === 'non-commercial-and-evaluation';
-  const hotVersion = "0.0.0-next-0416ebd-20231214";
+  const hotVersion = "0.0.0-next-a7e8ff6-20231215";
   let keyValidityDate;
   let consoleMessageState = 'invalid';
   let domMessageState = 'invalid';

package/package.json

@@ -10,7 +10,7 @@
     "url": "https://github.com/handsontable/handsontable/issues"
   },
   "author": "Handsoncode <hello@handsontable.com>",
-  "version": "0.0.0-next-0416ebd-20231214",
+  "version": "0.0.0-next-a7e8ff6-20231215",
   "main": "index",
   "module": "index.mjs",
   "jsnext:main": "index.mjs",

package/plugins/customBorders/customBorders.d.ts

@@ -1,3 +1,4 @@
+import CellRange from '../../3rdparty/walkontable/src/cell/range';
 import Core from '../../core';
 import { BasePlugin } from '../base';
 import { SimpleCellCoords } from "../../common";
@@ -13,6 +14,14 @@ export interface BorderRange {
     to: SimpleCellCoords;
   };
 }
+export interface BorderDescriptor {
+  start?: BorderOptions;
+  end?: BorderOptions;
+  left?: BorderOptions;
+  right?: BorderOptions;
+  top?: BorderOptions;
+  bottom?: BorderOptions;
+}
 export type DetailedSettings = (SimpleCellCoords | BorderRange) & {
   start?: BorderOptions | string;
   end?: BorderOptions | string;
@@ -24,17 +33,17 @@ export type DetailedSettings = (SimpleCellCoords | BorderRange) & {
 
 export type Settings = boolean | DetailedSettings[];
 
-export interface RangeType {
-  startRow: number;
-  startCol: number;
-  endRow: number;
-  endCol: number;
+export interface ComputedBorder extends BorderDescriptor {
+  id: string;
+  row: number;
+  col: number;
+  border?: BorderOptions;
 }
 
 export class CustomBorders extends BasePlugin {
   constructor(hotInstance: Core);
   isEnabled(): boolean;
-  setBorders(selectionRanges: RangeType[][] | Array<[number, number, number, number]>, borderObject: object): void;
-  getBorders(selectionRanges: RangeType[][] | Array<[number, number, number, number]>): Array<[object]>;
-  clearBorders(selectionRanges: RangeType[][] | Array<[number, number, number, number]>): void;
+  setBorders(selectionRanges: CellRange[] | Array<[number, number, number, number]>, borderObject: BorderDescriptor): void;
+  getBorders(selectionRanges?: CellRange[] | Array<[number, number, number, number]>): ComputedBorder[];
+  clearBorders(selectionRanges?: CellRange[] | Array<[number, number, number, number]>): void;
 }

package/plugins/formulas/formulas.d.ts

@@ -12,6 +12,7 @@ export interface HyperFormulaSettings extends Partial<ConfigParams> {
 }
 export interface DetailedSettings {
   engine: typeof HyperFormula | HyperFormula | HyperFormulaSettings;
+  sheetName?: string;
 }
 
 export type Settings = DetailedSettings;

package/plugins/manualColumnResize/manualColumnResize.js

@@ -467,7 +467,12 @@ class ManualColumnResize extends _base.BasePlugin {
    * @returns {boolean}
    */
   checkIfColumnHeader(element) {
-    return !!(0, _element.closest)(element, ['THEAD'], this.hot.rootElement);
+    const thead = (0, _element.closest)(element, ['THEAD'], this.hot.rootElement);
+    const {
+      topOverlay,
+      topInlineStartCornerOverlay
+    } = this.hot.view._wt.wtOverlays;
+    return [topOverlay.clone.wtTable.THEAD, topInlineStartCornerOverlay.clone.wtTable.THEAD].includes(thead);
   }
 
   /**

package/plugins/manualColumnResize/manualColumnResize.mjs

@@ -462,7 +462,12 @@ export class ManualColumnResize extends BasePlugin {
    * @returns {boolean}
    */
   checkIfColumnHeader(element) {
-    return !!closest(element, ['THEAD'], this.hot.rootElement);
+    const thead = closest(element, ['THEAD'], this.hot.rootElement);
+    const {
+      topOverlay,
+      topInlineStartCornerOverlay
+    } = this.hot.view._wt.wtOverlays;
+    return [topOverlay.clone.wtTable.THEAD, topInlineStartCornerOverlay.clone.wtTable.THEAD].includes(thead);
   }
 
   /**

package/plugins/manualRowResize/manualRowResize.js

@@ -446,9 +446,13 @@ class ManualRowResize extends _base.BasePlugin {
    * @returns {boolean}
    */
   checkIfRowHeader(element) {
-    var _element$parentNode;
-    const thElement = (0, _element.closest)(element, ['TH'], this.hot.rootElement);
-    return thElement && ((_element$parentNode = element.parentNode) === null || _element$parentNode === void 0 || (_element$parentNode = _element$parentNode.parentNode) === null || _element$parentNode === void 0 ? void 0 : _element$parentNode.tagName) === 'TBODY';
+    const tbody = (0, _element.closest)(element, ['TBODY'], this.hot.rootElement);
+    const {
+      inlineStartOverlay,
+      topInlineStartCornerOverlay,
+      bottomInlineStartCornerOverlay
+    } = this.hot.view._wt.wtOverlays;
+    return [inlineStartOverlay.clone.wtTable.TBODY, topInlineStartCornerOverlay.clone.wtTable.TBODY, bottomInlineStartCornerOverlay.clone.wtTable.TBODY].includes(tbody);
   }
 
   /**

package/plugins/manualRowResize/manualRowResize.mjs

@@ -441,9 +441,13 @@ export class ManualRowResize extends BasePlugin {
    * @returns {boolean}
    */
   checkIfRowHeader(element) {
-    var _element$parentNode;
-    const thElement = closest(element, ['TH'], this.hot.rootElement);
-    return thElement && ((_element$parentNode = element.parentNode) === null || _element$parentNode === void 0 || (_element$parentNode = _element$parentNode.parentNode) === null || _element$parentNode === void 0 ? void 0 : _element$parentNode.tagName) === 'TBODY';
+    const tbody = closest(element, ['TBODY'], this.hot.rootElement);
+    const {
+      inlineStartOverlay,
+      topInlineStartCornerOverlay,
+      bottomInlineStartCornerOverlay
+    } = this.hot.view._wt.wtOverlays;
+    return [inlineStartOverlay.clone.wtTable.TBODY, topInlineStartCornerOverlay.clone.wtTable.TBODY, bottomInlineStartCornerOverlay.clone.wtTable.TBODY].includes(tbody);
   }
 
   /**

package/plugins/undoRedo/undoRedo.js

@@ -2,6 +2,7 @@
 
 exports.__esModule = true;
 require("core-js/modules/es.array.push.js");
+require("core-js/modules/es.object.from-entries.js");
 var _pluginHooks = _interopRequireDefault(require("../../pluginHooks"));
 var _array = require("../../helpers/array");
 var _number = require("../../helpers/number");
@@ -59,11 +60,30 @@ function UndoRedo(instance) {
   instance.addHook('afterCreateRow', (index, amount, source) => {
     plugin.done(() => new UndoRedo.CreateRowAction(index, amount), source);
   });
+  const getCellMetas = (fromRow, toRow, fromColumn, toColumn) => {
+    const genericKeys = ['visualRow', 'visualCol', 'row', 'col', 'prop'];
+    const genericKeysLength = genericKeys.length;
+    const cellMetas = [];
+    (0, _number.rangeEach)(fromColumn, toColumn, columnIndex => {
+      (0, _number.rangeEach)(fromRow, toRow, rowIndex => {
+        const cellMeta = instance.getCellMeta(rowIndex, columnIndex);
+        if (Object.keys(cellMeta).length !== genericKeysLength) {
+          const uniqueMeta = Object.fromEntries(Object.entries(cellMeta).filter(_ref => {
+            let [key] = _ref;
+            return genericKeys.includes(key) === false;
+          }));
+          cellMetas.push([cellMeta.visualRow, cellMeta.visualCol, uniqueMeta]);
+        }
+      });
+    });
+    return cellMetas;
+  };
   instance.addHook('beforeRemoveRow', (index, amount, logicRows, source) => {
     const wrappedAction = () => {
       const physicalRowIndex = instance.toPhysicalRow(index);
+      const lastRowIndex = physicalRowIndex + amount - 1;
       const removedData = (0, _object.deepClone)(plugin.instance.getSourceData(physicalRowIndex, 0, physicalRowIndex + amount - 1, plugin.instance.countSourceCols() - 1));
-      return new UndoRedo.RemoveRowAction(physicalRowIndex, removedData, instance.getSettings().fixedRowsBottom, instance.getSettings().fixedRowsTop, instance.rowIndexMapper.getIndexesSequence());
+      return new UndoRedo.RemoveRowAction(physicalRowIndex, removedData, instance.getSettings().fixedRowsBottom, instance.getSettings().fixedRowsTop, instance.rowIndexMapper.getIndexesSequence(), getCellMetas(physicalRowIndex, lastRowIndex, 0, instance.countCols() - 1));
     };
     plugin.done(wrappedAction, source);
   });
@@ -74,13 +94,14 @@ function UndoRedo(instance) {
     const wrappedAction = () => {
       const originalData = plugin.instance.getSourceDataArray();
       const columnIndex = (plugin.instance.countCols() + index) % plugin.instance.countCols();
+      const lastColumnIndex = columnIndex + amount - 1;
       const removedData = [];
       const headers = [];
       const indexes = [];
       (0, _number.rangeEach)(originalData.length - 1, i => {
         const column = [];
         const origRow = originalData[i];
-        (0, _number.rangeEach)(columnIndex, columnIndex + (amount - 1), j => {
+        (0, _number.rangeEach)(columnIndex, lastColumnIndex, j => {
           column.push(origRow[instance.toPhysicalColumn(j)]);
         });
         removedData.push(column);
@@ -95,7 +116,7 @@ function UndoRedo(instance) {
       }
       const columnsMap = instance.columnIndexMapper.getIndexesSequence();
       const rowsMap = instance.rowIndexMapper.getIndexesSequence();
-      return new UndoRedo.RemoveColumnAction(columnIndex, indexes, removedData, headers, columnsMap, rowsMap, instance.getSettings().fixedColumnsStart);
+      return new UndoRedo.RemoveColumnAction(columnIndex, indexes, removedData, headers, columnsMap, rowsMap, instance.getSettings().fixedColumnsStart, getCellMetas(0, instance.countRows(), columnIndex, lastColumnIndex));
     };
     plugin.done(wrappedAction, source);
   });
@@ -363,32 +384,6 @@ UndoRedo.ChangeAction.prototype.undo = function (instance, undoneCallback) {
       instance.undoRedo.doneActions.pop();
     }
   }
-  const selectedLast = instance.getSelectedLast();
-  if (selectedLast !== undefined) {
-    const [changedRow, changedColumn] = data[0];
-    const [selectedRow, selectedColumn] = selectedLast;
-    const firstFullyVisibleRow = instance.view.getFirstFullyVisibleRow();
-    const firstFullyVisibleColumn = instance.view.getFirstFullyVisibleColumn();
-    const isInVerticalViewPort = changedRow >= firstFullyVisibleRow;
-    const isInHorizontalViewPort = changedColumn >= firstFullyVisibleColumn;
-    const isInViewport = isInVerticalViewPort && isInHorizontalViewPort;
-    const isChangedSelection = selectedRow !== changedRow || selectedColumn !== changedColumn;
-
-    // Performing scroll only when selection has been changed right after editing a cell.
-    if (isInViewport === false && isChangedSelection === true) {
-      const scrollConfig = {
-        row: changedRow,
-        col: changedColumn
-      };
-      if (isInVerticalViewPort === false) {
-        scrollConfig.verticalSnap = 'top';
-      }
-      if (isInHorizontalViewPort === false) {
-        scrollConfig.horizontalSnap = 'start';
-      }
-      instance.scrollViewportTo(scrollConfig);
-    }
-  }
   instance.selectCells(this.selected, false, false);
 };
 UndoRedo.ChangeAction.prototype.redo = function (instance, onFinishCallback) {
@@ -439,14 +434,16 @@ UndoRedo.CreateRowAction.prototype.redo = function (instance, redoneCallback) {
  * @param {number} fixedRowsBottom Number of fixed rows on the bottom. Remove row action change it sometimes.
  * @param {number} fixedRowsTop Number of fixed rows on the top. Remove row action change it sometimes.
  * @param {Array} rowIndexesSequence Row index sequence taken from the row index mapper.
+ * @param {Array} removedCellMetas List of removed cell metas.
  */
-UndoRedo.RemoveRowAction = function (index, data, fixedRowsBottom, fixedRowsTop, rowIndexesSequence) {
+UndoRedo.RemoveRowAction = function (index, data, fixedRowsBottom, fixedRowsTop, rowIndexesSequence, removedCellMetas) {
   this.index = index;
   this.data = data;
   this.actionType = 'remove_row';
   this.fixedRowsBottom = fixedRowsBottom;
   this.fixedRowsTop = fixedRowsTop;
   this.rowIndexesSequence = rowIndexesSequence;
+  this.removedCellMetas = removedCellMetas;
 };
 (0, _object.inherit)(UndoRedo.RemoveRowAction, UndoRedo.Action);
 UndoRedo.RemoveRowAction.prototype.undo = function (instance, undoneCallback) {
@@ -465,6 +462,10 @@ UndoRedo.RemoveRowAction.prototype.undo = function (instance, undoneCallback) {
     });
   });
   instance.alter('insert_row_above', this.index, this.data.length, 'UndoRedo.undo');
+  this.removedCellMetas.forEach(_ref2 => {
+    let [rowIndex, columnIndex, cellMeta] = _ref2;
+    instance.setCellMetaObject(rowIndex, columnIndex, cellMeta);
+  });
   instance.addHookOnce('afterViewRender', undoneCallback);
   instance.setSourceDataAtCell(changes, null, null, 'UndoRedo.undo');
   instance.rowIndexMapper.setIndexesSequence(this.rowIndexesSequence);
@@ -507,8 +508,9 @@ UndoRedo.CreateColumnAction.prototype.redo = function (instance, redoneCallback)
  * @param {number[]} columnPositions The column position.
  * @param {number[]} rowPositions The row position.
  * @param {number} fixedColumnsStart Number of fixed columns on the left. Remove column action change it sometimes.
+ * @param {Array} removedCellMetas List of removed cell metas.
  */
-UndoRedo.RemoveColumnAction = function (index, indexes, data, headers, columnPositions, rowPositions, fixedColumnsStart) {
+UndoRedo.RemoveColumnAction = function (index, indexes, data, headers, columnPositions, rowPositions, fixedColumnsStart, removedCellMetas) {
   // eslint-disable-line max-len
   this.index = index;
   this.indexes = indexes;
@@ -519,6 +521,7 @@ UndoRedo.RemoveColumnAction = function (index, indexes, data, headers, columnPos
   this.rowPositions = rowPositions.slice(0);
   this.actionType = 'remove_col';
   this.fixedColumnsStart = fixedColumnsStart;
+  this.removedCellMetas = removedCellMetas;
 };
 (0, _object.inherit)(UndoRedo.RemoveColumnAction, UndoRedo.Action);
 UndoRedo.RemoveColumnAction.prototype.undo = function (instance, undoneCallback) {
@@ -548,6 +551,10 @@ UndoRedo.RemoveColumnAction.prototype.undo = function (instance, undoneCallback)
       instance.getSettings().colHeaders[ascendingIndexes[columnIndex]] = headerData;
     });
   }
+  this.removedCellMetas.forEach(_ref3 => {
+    let [rowIndex, columnIndex, cellMeta] = _ref3;
+    instance.setCellMetaObject(rowIndex, columnIndex, cellMeta);
+  });
   instance.batchExecution(() => {
     // Restore row sequence in a case when all columns are removed. the original
     // row sequence is lost in that case.

package/plugins/undoRedo/undoRedo.mjs

@@ -1,4 +1,5 @@
 import "core-js/modules/es.array.push.js";
+import "core-js/modules/es.object.from-entries.js";
 import Hooks from "../../pluginHooks.mjs";
 import { arrayMap, arrayEach } from "../../helpers/array.mjs";
 import { rangeEach } from "../../helpers/number.mjs";
@@ -55,11 +56,30 @@ function UndoRedo(instance) {
   instance.addHook('afterCreateRow', (index, amount, source) => {
     plugin.done(() => new UndoRedo.CreateRowAction(index, amount), source);
   });
+  const getCellMetas = (fromRow, toRow, fromColumn, toColumn) => {
+    const genericKeys = ['visualRow', 'visualCol', 'row', 'col', 'prop'];
+    const genericKeysLength = genericKeys.length;
+    const cellMetas = [];
+    rangeEach(fromColumn, toColumn, columnIndex => {
+      rangeEach(fromRow, toRow, rowIndex => {
+        const cellMeta = instance.getCellMeta(rowIndex, columnIndex);
+        if (Object.keys(cellMeta).length !== genericKeysLength) {
+          const uniqueMeta = Object.fromEntries(Object.entries(cellMeta).filter(_ref => {
+            let [key] = _ref;
+            return genericKeys.includes(key) === false;
+          }));
+          cellMetas.push([cellMeta.visualRow, cellMeta.visualCol, uniqueMeta]);
+        }
+      });
+    });
+    return cellMetas;
+  };
   instance.addHook('beforeRemoveRow', (index, amount, logicRows, source) => {
     const wrappedAction = () => {
       const physicalRowIndex = instance.toPhysicalRow(index);
+      const lastRowIndex = physicalRowIndex + amount - 1;
       const removedData = deepClone(plugin.instance.getSourceData(physicalRowIndex, 0, physicalRowIndex + amount - 1, plugin.instance.countSourceCols() - 1));
-      return new UndoRedo.RemoveRowAction(physicalRowIndex, removedData, instance.getSettings().fixedRowsBottom, instance.getSettings().fixedRowsTop, instance.rowIndexMapper.getIndexesSequence());
+      return new UndoRedo.RemoveRowAction(physicalRowIndex, removedData, instance.getSettings().fixedRowsBottom, instance.getSettings().fixedRowsTop, instance.rowIndexMapper.getIndexesSequence(), getCellMetas(physicalRowIndex, lastRowIndex, 0, instance.countCols() - 1));
     };
     plugin.done(wrappedAction, source);
   });
@@ -70,13 +90,14 @@ function UndoRedo(instance) {
     const wrappedAction = () => {
       const originalData = plugin.instance.getSourceDataArray();
       const columnIndex = (plugin.instance.countCols() + index) % plugin.instance.countCols();
+      const lastColumnIndex = columnIndex + amount - 1;
       const removedData = [];
       const headers = [];
       const indexes = [];
       rangeEach(originalData.length - 1, i => {
         const column = [];
         const origRow = originalData[i];
-        rangeEach(columnIndex, columnIndex + (amount - 1), j => {
+        rangeEach(columnIndex, lastColumnIndex, j => {
           column.push(origRow[instance.toPhysicalColumn(j)]);
         });
         removedData.push(column);
@@ -91,7 +112,7 @@ function UndoRedo(instance) {
       }
       const columnsMap = instance.columnIndexMapper.getIndexesSequence();
       const rowsMap = instance.rowIndexMapper.getIndexesSequence();
-      return new UndoRedo.RemoveColumnAction(columnIndex, indexes, removedData, headers, columnsMap, rowsMap, instance.getSettings().fixedColumnsStart);
+      return new UndoRedo.RemoveColumnAction(columnIndex, indexes, removedData, headers, columnsMap, rowsMap, instance.getSettings().fixedColumnsStart, getCellMetas(0, instance.countRows(), columnIndex, lastColumnIndex));
     };
     plugin.done(wrappedAction, source);
   });
@@ -359,32 +380,6 @@ UndoRedo.ChangeAction.prototype.undo = function (instance, undoneCallback) {
       instance.undoRedo.doneActions.pop();
     }
   }
-  const selectedLast = instance.getSelectedLast();
-  if (selectedLast !== undefined) {
-    const [changedRow, changedColumn] = data[0];
-    const [selectedRow, selectedColumn] = selectedLast;
-    const firstFullyVisibleRow = instance.view.getFirstFullyVisibleRow();
-    const firstFullyVisibleColumn = instance.view.getFirstFullyVisibleColumn();
-    const isInVerticalViewPort = changedRow >= firstFullyVisibleRow;
-    const isInHorizontalViewPort = changedColumn >= firstFullyVisibleColumn;
-    const isInViewport = isInVerticalViewPort && isInHorizontalViewPort;
-    const isChangedSelection = selectedRow !== changedRow || selectedColumn !== changedColumn;
-
-    // Performing scroll only when selection has been changed right after editing a cell.
-    if (isInViewport === false && isChangedSelection === true) {
-      const scrollConfig = {
-        row: changedRow,
-        col: changedColumn
-      };
-      if (isInVerticalViewPort === false) {
-        scrollConfig.verticalSnap = 'top';
-      }
-      if (isInHorizontalViewPort === false) {
-        scrollConfig.horizontalSnap = 'start';
-      }
-      instance.scrollViewportTo(scrollConfig);
-    }
-  }
   instance.selectCells(this.selected, false, false);
 };
 UndoRedo.ChangeAction.prototype.redo = function (instance, onFinishCallback) {
@@ -435,14 +430,16 @@ UndoRedo.CreateRowAction.prototype.redo = function (instance, redoneCallback) {
  * @param {number} fixedRowsBottom Number of fixed rows on the bottom. Remove row action change it sometimes.
  * @param {number} fixedRowsTop Number of fixed rows on the top. Remove row action change it sometimes.
  * @param {Array} rowIndexesSequence Row index sequence taken from the row index mapper.
+ * @param {Array} removedCellMetas List of removed cell metas.
  */
-UndoRedo.RemoveRowAction = function (index, data, fixedRowsBottom, fixedRowsTop, rowIndexesSequence) {
+UndoRedo.RemoveRowAction = function (index, data, fixedRowsBottom, fixedRowsTop, rowIndexesSequence, removedCellMetas) {
   this.index = index;
   this.data = data;
   this.actionType = 'remove_row';
   this.fixedRowsBottom = fixedRowsBottom;
   this.fixedRowsTop = fixedRowsTop;
   this.rowIndexesSequence = rowIndexesSequence;
+  this.removedCellMetas = removedCellMetas;
 };
 inherit(UndoRedo.RemoveRowAction, UndoRedo.Action);
 UndoRedo.RemoveRowAction.prototype.undo = function (instance, undoneCallback) {
@@ -461,6 +458,10 @@ UndoRedo.RemoveRowAction.prototype.undo = function (instance, undoneCallback) {
     });
   });
   instance.alter('insert_row_above', this.index, this.data.length, 'UndoRedo.undo');
+  this.removedCellMetas.forEach(_ref2 => {
+    let [rowIndex, columnIndex, cellMeta] = _ref2;
+    instance.setCellMetaObject(rowIndex, columnIndex, cellMeta);
+  });
   instance.addHookOnce('afterViewRender', undoneCallback);
   instance.setSourceDataAtCell(changes, null, null, 'UndoRedo.undo');
   instance.rowIndexMapper.setIndexesSequence(this.rowIndexesSequence);
@@ -503,8 +504,9 @@ UndoRedo.CreateColumnAction.prototype.redo = function (instance, redoneCallback)
  * @param {number[]} columnPositions The column position.
  * @param {number[]} rowPositions The row position.
  * @param {number} fixedColumnsStart Number of fixed columns on the left. Remove column action change it sometimes.
+ * @param {Array} removedCellMetas List of removed cell metas.
  */
-UndoRedo.RemoveColumnAction = function (index, indexes, data, headers, columnPositions, rowPositions, fixedColumnsStart) {
+UndoRedo.RemoveColumnAction = function (index, indexes, data, headers, columnPositions, rowPositions, fixedColumnsStart, removedCellMetas) {
   // eslint-disable-line max-len
   this.index = index;
   this.indexes = indexes;
@@ -515,6 +517,7 @@ UndoRedo.RemoveColumnAction = function (index, indexes, data, headers, columnPos
   this.rowPositions = rowPositions.slice(0);
   this.actionType = 'remove_col';
   this.fixedColumnsStart = fixedColumnsStart;
+  this.removedCellMetas = removedCellMetas;
 };
 inherit(UndoRedo.RemoveColumnAction, UndoRedo.Action);
 UndoRedo.RemoveColumnAction.prototype.undo = function (instance, undoneCallback) {
@@ -544,6 +547,10 @@ UndoRedo.RemoveColumnAction.prototype.undo = function (instance, undoneCallback)
       instance.getSettings().colHeaders[ascendingIndexes[columnIndex]] = headerData;
     });
   }
+  this.removedCellMetas.forEach(_ref3 => {
+    let [rowIndex, columnIndex, cellMeta] = _ref3;
+    instance.setCellMetaObject(rowIndex, columnIndex, cellMeta);
+  });
   instance.batchExecution(() => {
     // Restore row sequence in a case when all columns are removed. the original
     // row sequence is lost in that case.