handsontable 12.4.0 → 13.0.0-next-4dc1066-20230615

package/core.mjs

@@ -1,11 +1,4 @@
-import "core-js/modules/es.symbol.js";
-import "core-js/modules/es.symbol.description.js";
-import "core-js/modules/es.symbol.iterator.js";
-import "core-js/modules/es.function.name.js";
-import "core-js/modules/es.object.freeze.js";
-var _templateObject, _templateObject2;
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
@@ -32,6 +25,7 @@ import "core-js/modules/es.array.fill.js";
 import "core-js/modules/es.array.map.js";
 import "core-js/modules/es.regexp.exec.js";
 import "core-js/modules/es.string.replace.js";
+import "core-js/modules/es.array.filter.js";
 import "core-js/modules/es.array.from.js";
 import "core-js/modules/es.array.index-of.js";
 import "core-js/modules/es.array.reverse.js";
@@ -39,12 +33,15 @@ import "core-js/modules/web.dom-collections.for-each.js";
 import "core-js/modules/web.timers.js";
 import "core-js/modules/web.immediate.js";
 import "core-js/modules/es.map.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.symbol.description.js";
+import "core-js/modules/es.symbol.iterator.js";
+import "core-js/modules/es.regexp.to-string.js";
+import "core-js/modules/es.function.name.js";
 import { addClass, empty, observeVisibilityChangeOnce, removeClass } from "./helpers/dom/element.mjs";
 import { isFunction } from "./helpers/function.mjs";
 import { isDefined, isUndefined, isRegExp, _injectProductInfo, isEmpty } from "./helpers/mixed.mjs";
 import { isMobileBrowser, isIpadOS } from "./helpers/browser.mjs";
-import { warn } from "./helpers/console.mjs";
-import { toSingleLine } from "./helpers/templateLiteralTag.mjs";
 import EditorManager from "./editorManager.mjs";
 import EventManager from "./eventManager.mjs";
 import { deepClone, duckSchema, isObjectEqual, isObject, deepObjectSize, hasOwnProperty, createObjectPropListener, objectEach } from "./helpers/object.mjs";
@@ -71,6 +68,13 @@ import { createUniqueMap } from "./utils/dataStructures/uniqueMap.mjs";
 import { createShortcutManager } from "./shortcuts/index.mjs";
 var SHORTCUTS_GROUP = 'gridDefault';
 var activeGuid = null;
+
+/**
+ * A set of deprecated feature names.
+ *
+ * @type {Set<string>}
+ */
+// eslint-disable-next-line no-unused-vars
 var deprecationWarns = new Set();
 
 /* eslint-disable jsdoc/require-description-complete-sentence */
@@ -499,13 +503,6 @@ export default function Core(rootElement, userSettings) {
 
       /* eslint-disable no-case-declarations */
       switch (action) {
-        case 'insert_row':
-          // backward compatibility
-          if (!deprecationWarns.has(action)) {
-            deprecationWarns.add(action);
-            warn(toSingleLine(_templateObject || (_templateObject = _taggedTemplateLiteral(["The `", "` action of the `alter()` method is deprecated and will be removed \n                              in the next major release of Handsontable. Use the `insert_row_above` action instead."], ["The \\`", "\\` action of the \\`alter()\\` method is deprecated and will be removed\\x20\n                              in the next major release of Handsontable. Use the \\`insert_row_above\\` action instead."])), action));
-          }
-        // falls through
         case 'insert_row_below':
         case 'insert_row_above':
           var numberOfSourceRows = instance.countSourceRows();
@@ -516,11 +513,9 @@ export default function Core(rootElement, userSettings) {
           // `above` is the default behavior for creating new rows
           var insertRowMode = action === 'insert_row_below' ? 'below' : 'above';
 
-          // The line below ensures backward compatibility of the `alter()` method's `insert_row` action.
-          // Calling the `insert_row` action with no arguments adds a new row at the end of the data set.
           // Calling the `insert_row_above` action adds a new row at the beginning of the data set.
           // eslint-disable-next-line no-param-reassign
-          index = (_index = index) !== null && _index !== void 0 ? _index : action === 'insert_row' || insertRowMode === 'below' ? numberOfSourceRows : 0;
+          index = (_index = index) !== null && _index !== void 0 ? _index : insertRowMode === 'below' ? numberOfSourceRows : 0;
           var _datamap$createRow = datamap.createRow(index, amount, {
               source: source,
               mode: insertRowMode
@@ -559,23 +554,14 @@ export default function Core(rootElement, userSettings) {
           }
 
           break;
-        case 'insert_col':
-          // backward compatibility
-          if (!deprecationWarns.has(action)) {
-            deprecationWarns.add(action);
-            warn(toSingleLine(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["The `", "` action of the `alter()` method is deprecated and will be removed \n                              in the next major release of Handsontable. Use the `insert_col_start` action instead."], ["The \\`", "\\` action of the \\`alter()\\` method is deprecated and will be removed\\x20\n                              in the next major release of Handsontable. Use the \\`insert_col_start\\` action instead."])), action));
-          }
-        // falls through
         case 'insert_col_start':
         case 'insert_col_end':
           // "start" is a default behavior for creating new columns
           var insertColumnMode = action === 'insert_col_end' ? 'end' : 'start';
 
-          // The line below ensures backward compatibility of the `alter()` method's `insert_col` action.
-          // Calling the `insert_col` action with no arguments adds a new column to the right of the data set.
           // Calling the `insert_col_start` action adds a new column to the left of the data set.
           // eslint-disable-next-line no-param-reassign
-          index = (_index2 = index) !== null && _index2 !== void 0 ? _index2 : action === 'insert_col' || insertColumnMode === 'end' ? instance.countSourceCols() : 0;
+          index = (_index2 = index) !== null && _index2 !== void 0 ? _index2 : insertColumnMode === 'end' ? instance.countSourceCols() : 0;
           var _datamap$createCol = datamap.createCol(index, amount, {
               source: source,
               mode: insertColumnMode
@@ -846,13 +832,9 @@ export default function Core(rootElement, userSettings) {
      * @param {object} [end] End selection position (only for drag-down mode). Visual indexes.
      * @param {string} [source="populateFromArray"] Source information string.
      * @param {string} [method="overwrite"] Populate method. Possible options: `shift_down`, `shift_right`, `overwrite`.
-     * @param {string} direction (left|right|up|down) String specifying the direction.
-     * @param {Array} deltas The deltas array. A difference between values of adjacent cells.
-     *                       Useful **only** when the type of handled cells is `numeric`.
      * @returns {object|undefined} Ending td in pasted area (only if any cell was changed).
      */
-    populateFromArray: function populateFromArray(start, input, end, source, method, direction, deltas) {
-      // TODO: either remove or implement the `direction` argument. Currently it's not working at all.
+    populateFromArray: function populateFromArray(start, input, end, source, method) {
       var r;
       var rlen;
       var c;
@@ -940,11 +922,6 @@ export default function Core(rootElement, userSettings) {
           // overwrite and other not specified options
           current.row = start.row;
           current.col = start.col;
-          var selected = {
-            // selected range
-            row: end && start ? end.row - start.row + 1 : 1,
-            col: end && start ? end.col - start.col + 1 : 1
-          };
           var skippedRow = 0;
           var skippedColumn = 0;
           var pushData = true;
@@ -1005,16 +982,6 @@ export default function Core(rootElement, userSettings) {
               var visualColumn = c - skippedColumn;
               var value = getInputValue(visualRow, visualColumn);
               var orgValue = instance.getDataAtCell(current.row, current.col);
-              var index = {
-                row: visualRow,
-                col: visualColumn
-              };
-              if (source === 'Autofill.fill') {
-                var result = instance.runHooks('beforeAutofillInsidePopulate', index, direction, input, deltas, {}, selected);
-                if (result) {
-                  value = isUndefined(result.value) ? value : result.value;
-                }
-              }
               if (value !== null && _typeof(value) === 'object') {
                 // when 'value' is array and 'orgValue' is null, set 'orgValue' to
                 // an empty array so that the null value can be compared to 'value'
@@ -1184,15 +1151,8 @@ export default function Core(rootElement, userSettings) {
       return;
     }
     var activeEditor = instance.getActiveEditor();
-    var beforeChangeResult = instance.runHooks('beforeChange', changes, source || 'edit');
-    var shouldBeCanceled = true;
-    if (beforeChangeResult === false) {
-      if (activeEditor) {
-        activeEditor.cancelChanges();
-      }
-      return;
-    }
     var waitingForValidator = new ValidatorsQueue();
+    var shouldBeCanceled = true;
     waitingForValidator.onQueueEmpty = function (isValid) {
       if (activeEditor && shouldBeCanceled) {
         activeEditor.cancelChanges();
@@ -1201,43 +1161,37 @@ export default function Core(rootElement, userSettings) {
     };
 
     for (var i = changes.length - 1; i >= 0; i--) {
-      if (changes[i] === null) {
-        changes.splice(i, 1);
-      } else {
-        var _changes$i = _slicedToArray(changes[i], 4),
-          row = _changes$i[0],
-          prop = _changes$i[1],
-          newValue = _changes$i[3];
-        var col = datamap.propToCol(prop);
-        var cellProperties = instance.getCellMeta(row, col);
-        if (cellProperties.type === 'numeric' && typeof newValue === 'string' && isNumericLike(newValue)) {
-          changes[i][3] = getParsedNumber(newValue);
-        }
+      var _changes$i = _slicedToArray(changes[i], 4),
+        row = _changes$i[0],
+        prop = _changes$i[1],
+        newValue = _changes$i[3];
+      var col = datamap.propToCol(prop);
+      var cellProperties = instance.getCellMeta(row, col);
+      if (cellProperties.type === 'numeric' && typeof newValue === 'string' && isNumericLike(newValue)) {
+        changes[i][3] = getParsedNumber(newValue);
+      }
 
-        /* eslint-disable no-loop-func */
-        if (instance.getCellValidator(cellProperties)) {
-          waitingForValidator.addValidatorToQueue();
-          instance.validateCell(changes[i][3], cellProperties, function (index, cellPropertiesReference) {
-            return function (result) {
-              if (typeof result !== 'boolean') {
-                throw new Error('Validation error: result is not boolean');
-              }
-              if (result === false && cellPropertiesReference.allowInvalid === false) {
-                shouldBeCanceled = false;
-                changes.splice(index, 1); // cancel the change
-                cellPropertiesReference.valid = true; // we cancelled the change, so cell value is still valid
-
-                var cell = instance.getCell(cellPropertiesReference.visualRow, cellPropertiesReference.visualCol);
-                if (cell !== null) {
-                  removeClass(cell, tableMeta.invalidCellClassName);
-                }
-                // index -= 1;
+      /* eslint-disable no-loop-func */
+      if (instance.getCellValidator(cellProperties)) {
+        waitingForValidator.addValidatorToQueue();
+        instance.validateCell(changes[i][3], cellProperties, function (index, cellPropertiesReference) {
+          return function (result) {
+            if (typeof result !== 'boolean') {
+              throw new Error('Validation error: result is not boolean');
+            }
+            if (result === false && cellPropertiesReference.allowInvalid === false) {
+              shouldBeCanceled = false;
+              changes.splice(index, 1); // cancel the change
+              cellPropertiesReference.valid = true; // we cancelled the change, so cell value is still valid
+
+              var cell = instance.getCell(cellPropertiesReference.visualRow, cellPropertiesReference.visualCol);
+              if (cell !== null) {
+                removeClass(cell, tableMeta.invalidCellClassName);
               }
-
-              waitingForValidator.removeValidatorFormQueue();
-            };
-          }(i, cellProperties), source);
-        }
+            }
+            waitingForValidator.removeValidatorFormQueue();
+          };
+        }(i, cellProperties), source);
       }
     }
     waitingForValidator.checkIfQueueIsEmpty();
@@ -1427,6 +1381,31 @@ export default function Core(rootElement, userSettings) {
     return [[row, propOrCol, value]];
   }
 
+  /**
+   * Process changes prepared for applying to the dataset (unifying list of changes, closing an editor - when needed,
+   * calling a hook).
+   *
+   * @private
+   * @param {Array} changes Array of changes in format `[[row, col, value],...]`.
+   * @param {string} [source] String that identifies how this change will be described in the changes array (useful in afterChange or beforeChange callback). Set to 'edit' if left empty.
+   * @returns {Array} List of changes finally applied to the dataset.
+   */
+  function processChanges(changes, source) {
+    var activeEditor = instance.getActiveEditor();
+    var beforeChangeResult = instance.runHooks('beforeChange', changes, source || 'edit');
+    // The `beforeChange` hook could add a `null` for purpose of cancelling some dataset's change.
+    var filteredChanges = changes.filter(function (change) {
+      return change !== null;
+    });
+    if (beforeChangeResult === false || filteredChanges.length === 0) {
+      if (activeEditor) {
+        activeEditor.cancelChanges();
+      }
+      return [];
+    }
+    return filteredChanges;
+  }
+
   /**
    * @description
    * Set new value to a cell. To change many cells at once (recommended way), pass an array of `changes` in format
@@ -1464,9 +1443,10 @@ export default function Core(rootElement, userSettings) {
     if (!changeSource && _typeof(row) === 'object') {
       changeSource = column;
     }
-    instance.runHooks('afterSetDataAtCell', changes, changeSource);
-    validateChanges(changes, changeSource, function () {
-      applyChanges(changes, changeSource);
+    var processedChanges = processChanges(changes, source);
+    instance.runHooks('afterSetDataAtCell', processedChanges, changeSource);
+    validateChanges(processedChanges, changeSource, function () {
+      applyChanges(processedChanges, changeSource);
     });
   };
 
@@ -1494,9 +1474,10 @@ export default function Core(rootElement, userSettings) {
     if (!changeSource && _typeof(row) === 'object') {
       changeSource = prop;
     }
-    instance.runHooks('afterSetDataAtRowProp', changes, changeSource);
-    validateChanges(changes, changeSource, function () {
-      applyChanges(changes, changeSource);
+    var processedChanges = processChanges(changes, source);
+    instance.runHooks('afterSetDataAtRowProp', processedChanges, changeSource);
+    validateChanges(processedChanges, changeSource, function () {
+      applyChanges(processedChanges, changeSource);
     });
   };
 
@@ -1571,18 +1552,15 @@ export default function Core(rootElement, userSettings) {
    * @param {number} [endCol] End visual column index (use when you want to cut input when certain column is reached).
    * @param {string} [source=populateFromArray] Used to identify this call in the resulting events (beforeChange, afterChange).
    * @param {string} [method=overwrite] Populate method, possible values: `'shift_down'`, `'shift_right'`, `'overwrite'`.
-   * @param {string} direction Populate direction, possible values: `'left'`, `'right'`, `'up'`, `'down'`.
-   * @param {Array} deltas The deltas array. A difference between values of adjacent cells.
-   *                       Useful **only** when the type of handled cells is `numeric`.
    * @returns {object|undefined} Ending td in pasted area (only if any cell was changed).
    */
-  this.populateFromArray = function (row, column, input, endRow, endCol, source, method, direction, deltas) {
+  this.populateFromArray = function (row, column, input, endRow, endCol, source, method) {
     if (!(_typeof(input) === 'object' && _typeof(input[0]) === 'object')) {
       throw new Error('populateFromArray parameter `input` must be an array of arrays'); // API changed in 0.9-beta2, let's check if you use it correctly
     }
 
     var c = typeof endRow === 'number' ? instance._createCellCoords(endRow, endCol) : null;
-    return grid.populateFromArray(instance._createCellCoords(row, column), input, c, source, method, direction, deltas);
+    return grid.populateFromArray(instance._createCellCoords(row, column), input, c, source, method);
   };
 
   /**
@@ -2508,10 +2486,11 @@ export default function Core(rootElement, userSettings) {
    *  | `'insert_col_start'` | Inserts columns before the `index` column. | Inserts columns before the first column. |
    *  | `'insert_col_end'`   | Inserts columns after the `index` column. | Inserts columns after the last column. |
    *  | `'remove_col'`       | Removes columns, starting from the `index` column. | Removes columns, starting from the last column. |
-   *  | `'insert_row'` (<b>Deprecated</b>) |  Inserts rows above the `index` row. | Inserts rows below the last row. |
-   *  | `'insert_col'` (<b>Deprecated</b>) |  Inserts columns before the `index` column. | Inserts columns after the last column. |
    *
-   * The behavior of `'insert_col_start'`, `'insert_col_end'`, and `'insert_col'` depends on your [`layoutDirection`](@/api/options.md#layoutdirection).
+   * Additional information about `'insert_col_start'` and `'insert_col_end'`:
+   * - Their behavior depends on your [`layoutDirection`](@/api/options.md#layoutdirection).
+   * - If the provided `index` is higher than the actual number of columns, Handsontable doesn't generate
+   * the columns missing in between. Instead, the new columns are inserted next to the last column.
    *
    * @memberof Core#
    * @function alter
@@ -2523,8 +2502,6 @@ export default function Core(rootElement, userSettings) {
    *    <li> `'insert_col_start'` </li>
    *    <li> `'insert_col_end'` </li>
    *    <li> `'remove_col'` </li>
-   *    <li> `'insert_row'` (<b>Deprecated</b>) </li>
-   *    <li> `'insert_col'` (<b>Deprecated</b>) </li>
    * </ul>
    * @param {number|number[]} [index] A visual index of the row/column before or after which the new row/column will be
    *                                inserted or removed. Can also be an array of arrays, in format `[[index, amount],...]`.
@@ -3235,10 +3212,16 @@ export default function Core(rootElement, userSettings) {
   };
 
   /**
-   * Validates all cells using their validator functions and calls callback when finished.
+   * Validates every cell in the data set,
+   * using a [validator function](@/guides/cell-functions/cell-validator.md) configured for each cell.
    *
-   * If one of the cells is invalid, the callback will be fired with `'valid'` arguments as `false` - otherwise it
-   * would equal `true`.
+   * Doesn't validate cells that are currently [trimmed](@/guides/rows/row-trimming.md),
+   * [hidden](@/guides/rows/row-hiding.md), or [filtered](@/guides/columns/column-filter.md),
+   * as such cells are not included in the data set until you bring them back again.
+   *
+   * After the validation, the `callback` function is fired, with the `valid` argument set to:
+   * - `true` for valid cells
+   * - `false` for invalid cells
    *
    * @memberof Core#
    * @function validateCells

package/dataMap/dataMap.js

@@ -2,6 +2,7 @@
 
 require("core-js/modules/es.symbol.iterator.js");
 require("core-js/modules/es.array.from.js");
+require("core-js/modules/es.regexp.to-string.js");
 require("core-js/modules/es.function.name.js");
 require("core-js/modules/es.regexp.exec.js");
 exports.__esModule = true;

package/dataMap/dataMap.mjs

@@ -25,6 +25,7 @@ import "core-js/modules/es.symbol.js";
 import "core-js/modules/es.symbol.description.js";
 import "core-js/modules/es.symbol.iterator.js";
 import "core-js/modules/es.array.from.js";
+import "core-js/modules/es.regexp.to-string.js";
 import "core-js/modules/es.function.name.js";
 import "core-js/modules/es.regexp.exec.js";
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

package/dataMap/metaManager/lazyFactoryMap.js

@@ -1,6 +1,7 @@
 "use strict";
 
 require("core-js/modules/es.array.from.js");
+require("core-js/modules/es.regexp.to-string.js");
 require("core-js/modules/es.function.name.js");
 require("core-js/modules/es.regexp.exec.js");
 exports.__esModule = true;

package/dataMap/metaManager/lazyFactoryMap.mjs

@@ -21,6 +21,7 @@ import "core-js/modules/es.symbol.to-primitive.js";
 import "core-js/modules/es.date.to-primitive.js";
 import "core-js/modules/es.number.constructor.js";
 import "core-js/modules/es.array.from.js";
+import "core-js/modules/es.regexp.to-string.js";
 import "core-js/modules/es.function.name.js";
 import "core-js/modules/es.regexp.exec.js";
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

package/dataMap/metaManager/metaLayers/cellMeta.js

@@ -2,6 +2,7 @@
 
 require("core-js/modules/es.symbol.iterator.js");
 require("core-js/modules/es.array.slice.js");
+require("core-js/modules/es.regexp.to-string.js");
 require("core-js/modules/es.function.name.js");
 require("core-js/modules/es.regexp.exec.js");
 exports.__esModule = true;

package/dataMap/metaManager/metaLayers/cellMeta.mjs

@@ -18,6 +18,7 @@ import "core-js/modules/es.symbol.description.js";
 import "core-js/modules/es.number.constructor.js";
 import "core-js/modules/es.symbol.iterator.js";
 import "core-js/modules/es.array.slice.js";
+import "core-js/modules/es.regexp.to-string.js";
 import "core-js/modules/es.function.name.js";
 import "core-js/modules/es.regexp.exec.js";
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

package/dataMap/metaManager/metaSchema.js

@@ -1116,15 +1116,15 @@ var _default = function _default() {
      * contextMenu: {
      *   items: {
      *     'option1': {
-     *       name: 'option1'
+     *       name: 'Option 1'
      *     },
      *     'option2': {
-     *       name: 'option2',
+     *       name: 'Option 2',
      *       submenu: {
      *         items: [
      *           {
      *             key: 'option2:suboption1',
-     *             name: 'option2:suboption1',
+     *             name: 'Suboption 1',
      *             callback: function(key, options) {
      *               ...
      *             }
@@ -1774,15 +1774,15 @@ var _default = function _default() {
      * dropdownMenu: {
      *   items: {
      *     'option1': {
-     *       name: 'option1'
+     *       name: 'Option 1'
      *     },
      *     'option2': {
-     *       name: 'option2',
+     *       name: 'Option 2',
      *       submenu: {
      *         items: [
      *           {
      *             key: 'option2:suboption1',
-     *             name: 'option2:suboption1',
+     *             name: 'Suboption 1',
      *             callback(key, options) {
      *               ...
      *             }

package/dataMap/metaManager/metaSchema.mjs

@@ -1112,15 +1112,15 @@ export default (function () {
      * contextMenu: {
      *   items: {
      *     'option1': {
-     *       name: 'option1'
+     *       name: 'Option 1'
      *     },
      *     'option2': {
-     *       name: 'option2',
+     *       name: 'Option 2',
      *       submenu: {
      *         items: [
      *           {
      *             key: 'option2:suboption1',
-     *             name: 'option2:suboption1',
+     *             name: 'Suboption 1',
      *             callback: function(key, options) {
      *               ...
      *             }
@@ -1770,15 +1770,15 @@ export default (function () {
      * dropdownMenu: {
      *   items: {
      *     'option1': {
-     *       name: 'option1'
+     *       name: 'Option 1'
      *     },
      *     'option2': {
-     *       name: 'option2',
+     *       name: 'Option 2',
      *       submenu: {
      *         items: [
      *           {
      *             key: 'option2:suboption1',
-     *             name: 'option2:suboption1',
+     *             name: 'Suboption 1',
      *             callback(key, options) {
      *               ...
      *             }

package/dist/handsontable.css

@@ -25,8 +25,8 @@
  * INDIRECT, SPECIAL, INCIDENTAL, OR CONSEQUENTIAL DAMAGES OF ANY CHARACTER ARISING FROM
  * USE OR INABILITY TO USE THIS SOFTWARE.
  * 
- * Version: 12.4.0
- * Release date: 23/05/2023 (built at 23/05/2023 09:22:06)
+ * Version: 13.0.0-next-4dc1066-20230615
+ * Release date: 22/06/2023 (built at 15/06/2023 13:11:29)
  */
 /**
  * Fix for bootstrap styles
@@ -1064,10 +1064,21 @@ CheckboxRenderer
   margin-right: 6px;
 }
 
+[dir=rtl].htContextMenu table tbody tr td .htItemWrapper {
+  margin-right: 10px;
+  margin-left: 6px;
+}
+
 .htContextMenu table tbody tr td div span.selected {
   margin-top: -2px;
   position: absolute;
   left: 4px;
+  right: 0;
+}
+
+[dir=rtl].htContextMenu table tbody tr td div span.selected {
+  right: 4px;
+  left: 0;
 }
 
 .htContextMenu .ht_master .wtHolder {
@@ -1202,10 +1213,21 @@ textarea.HandsontableCopyPaste {
   margin-right: 10px;
 }
 
+[dir=rtl].htDropdownMenu table tbody tr td .htItemWrapper {
+  margin-right: 10px;
+  margin-left: 10px;
+}
+
 .htDropdownMenu table tbody tr td div span.selected {
   margin-top: -2px;
   position: absolute;
   left: 4px;
+  right: 0;
+}
+
+[dir=rtl].htDropdownMenu table tbody tr td div span.selected {
+  right: 4px;
+  left: 0;
 }
 
 .htDropdownMenu .ht_master .wtHolder {

package/dist/handsontable.full.css

@@ -25,8 +25,8 @@
  * INDIRECT, SPECIAL, INCIDENTAL, OR CONSEQUENTIAL DAMAGES OF ANY CHARACTER ARISING FROM
  * USE OR INABILITY TO USE THIS SOFTWARE.
  * 
- * Version: 12.4.0
- * Release date: 23/05/2023 (built at 23/05/2023 09:22:06)
+ * Version: 13.0.0-next-4dc1066-20230615
+ * Release date: 22/06/2023 (built at 15/06/2023 13:11:29)
  */
 /**
  * Fix for bootstrap styles
@@ -1297,10 +1297,21 @@ CheckboxRenderer
   margin-right: 6px;
 }
 
+[dir=rtl].htContextMenu table tbody tr td .htItemWrapper {
+  margin-right: 10px;
+  margin-left: 6px;
+}
+
 .htContextMenu table tbody tr td div span.selected {
   margin-top: -2px;
   position: absolute;
   left: 4px;
+  right: 0;
+}
+
+[dir=rtl].htContextMenu table tbody tr td div span.selected {
+  right: 4px;
+  left: 0;
 }
 
 .htContextMenu .ht_master .wtHolder {
@@ -1435,10 +1446,21 @@ textarea.HandsontableCopyPaste {
   margin-right: 10px;
 }
 
+[dir=rtl].htDropdownMenu table tbody tr td .htItemWrapper {
+  margin-right: 10px;
+  margin-left: 10px;
+}
+
 .htDropdownMenu table tbody tr td div span.selected {
   margin-top: -2px;
   position: absolute;
   left: 4px;
+  right: 0;
+}
+
+[dir=rtl].htDropdownMenu table tbody tr td div span.selected {
+  right: 4px;
+  left: 0;
 }
 
 .htDropdownMenu .ht_master .wtHolder {