handsontable 0.0.0-next-a1e4b4f-20230628 → 0.0.0-next-e697250-20230707

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/dataSource.js

@@ -195,7 +195,7 @@ var DataSource = /*#__PURE__*/function () {
       }
       if (this.hot.hasHook('modifySourceData')) {
         var valueHolder = (0, _object.createObjectPropListener)(value);
-        this.hot.runHooks('modifySourceData', row, this.propToCol(column), valueHolder, 'set');
+        this.hot.runHooks('modifySourceData', row, column, valueHolder, 'set');
         if (valueHolder.isTouched()) {
           value = valueHolder.value;
         }
@@ -232,7 +232,7 @@ var DataSource = /*#__PURE__*/function () {
       }
       if (this.hot.hasHook('modifySourceData')) {
         var valueHolder = (0, _object.createObjectPropListener)(result);
-        this.hot.runHooks('modifySourceData', row, this.colToProp(column), valueHolder, 'get');
+        this.hot.runHooks('modifySourceData', row, column, valueHolder, 'get');
         if (valueHolder.isTouched()) {
           result = valueHolder.value;
         }
@@ -244,14 +244,14 @@ var DataSource = /*#__PURE__*/function () {
      * Returns a single value from the data.
      *
      * @param {number} row Physical row index.
-     * @param {number} column Visual column index.
+     * @param {number} columnOrProp Visual column index or property.
      * @returns {*}
      */
   }, {
     key: "getAtCell",
-    value: function getAtCell(row, column) {
+    value: function getAtCell(row, columnOrProp) {
       var dataRow = this.modifyRowData(row);
-      return this.getAtPhysicalCell(row, this.colToProp(column), dataRow);
+      return this.getAtPhysicalCell(row, this.colToProp(columnOrProp), dataRow);
     }
 
     /**

package/dataMap/dataSource.mjs

@@ -191,7 +191,7 @@ var DataSource = /*#__PURE__*/function () {
       }
       if (this.hot.hasHook('modifySourceData')) {
         var valueHolder = createObjectPropListener(value);
-        this.hot.runHooks('modifySourceData', row, this.propToCol(column), valueHolder, 'set');
+        this.hot.runHooks('modifySourceData', row, column, valueHolder, 'set');
         if (valueHolder.isTouched()) {
           value = valueHolder.value;
         }
@@ -228,7 +228,7 @@ var DataSource = /*#__PURE__*/function () {
       }
       if (this.hot.hasHook('modifySourceData')) {
         var valueHolder = createObjectPropListener(result);
-        this.hot.runHooks('modifySourceData', row, this.colToProp(column), valueHolder, 'get');
+        this.hot.runHooks('modifySourceData', row, column, valueHolder, 'get');
         if (valueHolder.isTouched()) {
           result = valueHolder.value;
         }
@@ -240,14 +240,14 @@ var DataSource = /*#__PURE__*/function () {
      * Returns a single value from the data.
      *
      * @param {number} row Physical row index.
-     * @param {number} column Visual column index.
+     * @param {number} columnOrProp Visual column index or property.
      * @returns {*}
      */
   }, {
     key: "getAtCell",
-    value: function getAtCell(row, column) {
+    value: function getAtCell(row, columnOrProp) {
       var dataRow = this.modifyRowData(row);
-      return this.getAtPhysicalCell(row, this.colToProp(column), dataRow);
+      return this.getAtPhysicalCell(row, this.colToProp(columnOrProp), dataRow);
     }
 
     /**

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

@@ -21,7 +21,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
  * [Configuration options](@/guides/getting-started/configuration-options.md) let you heavily customize your Handsontable instance. For example, you can:
  *
  * - Enable and disable built-in features
- * - Enable and configure additional [plugins](@/guides/tools-and-building/custom-plugins.md)
+ * - Enable and configure additional [plugins](@/api/plugins.md)
  * - Personalize Handsontable's look
  * - Adjust Handsontable's behavior
  * - Implement your own custom features
@@ -945,8 +945,7 @@ var _default = function _default() {
     /**
      * The `colWidths` option sets columns' widths, in pixels.
      *
-     * In the rendering process, the default column width is 50px. To change it,
-     * set the `colWidths` option to one of the following:
+     * The default column width is 50px. To change it, set the `colWidths` option to one of the following:
      *
      * | Setting     | Description                                                                                          | Example                                                           |
      * | ----------- | ---------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------- |
@@ -956,7 +955,10 @@ var _default = function _default() {
      * | A function  | Set column widths dynamically,<br>on each render                                                     | `colWidths(visualColumnIndex) { return visualColumnIndex * 10; }` |
      * | `undefined` | Used by the [modifyColWidth](@/api/hooks.md#modifyColWidth) hook,<br>to detect column width changes. | `colWidths: undefined`                                            |
      *
-     * Setting the `colWidths` option disables the {@link AutoColumnSize} plugin.
+     * Setting `colWidths` even for a single column disables the {@link AutoColumnSize} plugin
+     * for all columns. For this reason, if you use `colWidths`, we recommend you set a width for each one
+     * of your columns. Otherwise, every column with an undefined width defaults back to 50px,
+     * which may cut longer columns names.
      *
      * Read more:
      * - [Column width](@/guides/columns/column-width.md)
@@ -978,8 +980,8 @@ var _default = function _default() {
      *
      * // set the first (by visual index) column's width to 100
      * // set the second (by visual index) column's width to 120
-     * // set the third (by visual index) column's width to `undefined`
-     * // set any other column's width to the default 50px
+     * // set the third (by visual index) column's width to `undefined`, so that it defaults to 50px
+     * // set any other column's width to the default 50px (note that longer cell values and column names can get cut)
      * colWidths: [100, 120, undefined],
      *
      * // set each column's width individually, using a function
@@ -1114,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) {
      *               ...
      *             }
@@ -1772,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) {
      *               ...
      *             }
@@ -2437,18 +2439,6 @@ var _default = function _default() {
      * ```
      */
     invalidCellClassName: 'htInvalid',
-    /**
-     * The `imeFastEdit` option allows using the "fast edit" feature for the IME users. It's disabled by default
-     * because of its incompatibility with some of the accessibility features.
-     *
-     * Enabling this option can make a negative impact on how some screen readers handle reading the table cells.
-     *
-     * @since 13.0.0
-     * @memberof Options#
-     * @type {boolean}
-     * @category Core
-     */
-    imeFastEdit: false,
     /**
      * The `isEmptyCol` option lets you define your own custom method
      * for checking if a column at a given visual index is empty.
@@ -3122,6 +3112,25 @@ var _default = function _default() {
      * ```
      */
     multiColumnSorting: void 0,
+    /**
+     * When set to `true`, the `navigableHeaders` option lets you navigate [row headers](@/guides/rows/row-header.md) and [column headers](@/guides/columns/column-header.md), using the arrow keys or the <kbd>**Tab**</kbd> key (if the [`disableTabNavigation`](#disabletabnavigation) option is set to `false`).
+     *
+     * @since 14.0.0
+     * @memberof Options#
+     * @type {boolean}
+     * @default false
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // you can navigate row and column headers with the keyboard
+     * navigableHeaders: true,
+     *
+     * // default behavior: you can't navigate row and column headers with the keyboard
+     * navigableHeaders: false,
+     * ```
+     */
+    navigableHeaders: false,
     /**
      * @description
      * The `nestedHeaders` option configures the [`NestedHeaders`](@/api/nestedHeaders.md) plugin.

package/dataMap/metaManager/metaSchema.mjs

@@ -17,7 +17,7 @@ import { isObjectEqual } from "../../helpers/object.mjs";
  * [Configuration options](@/guides/getting-started/configuration-options.md) let you heavily customize your Handsontable instance. For example, you can:
  *
  * - Enable and disable built-in features
- * - Enable and configure additional [plugins](@/guides/tools-and-building/custom-plugins.md)
+ * - Enable and configure additional [plugins](@/api/plugins.md)
  * - Personalize Handsontable's look
  * - Adjust Handsontable's behavior
  * - Implement your own custom features
@@ -941,8 +941,7 @@ export default (function () {
     /**
      * The `colWidths` option sets columns' widths, in pixels.
      *
-     * In the rendering process, the default column width is 50px. To change it,
-     * set the `colWidths` option to one of the following:
+     * The default column width is 50px. To change it, set the `colWidths` option to one of the following:
      *
      * | Setting     | Description                                                                                          | Example                                                           |
      * | ----------- | ---------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------- |
@@ -952,7 +951,10 @@ export default (function () {
      * | A function  | Set column widths dynamically,<br>on each render                                                     | `colWidths(visualColumnIndex) { return visualColumnIndex * 10; }` |
      * | `undefined` | Used by the [modifyColWidth](@/api/hooks.md#modifyColWidth) hook,<br>to detect column width changes. | `colWidths: undefined`                                            |
      *
-     * Setting the `colWidths` option disables the {@link AutoColumnSize} plugin.
+     * Setting `colWidths` even for a single column disables the {@link AutoColumnSize} plugin
+     * for all columns. For this reason, if you use `colWidths`, we recommend you set a width for each one
+     * of your columns. Otherwise, every column with an undefined width defaults back to 50px,
+     * which may cut longer columns names.
      *
      * Read more:
      * - [Column width](@/guides/columns/column-width.md)
@@ -974,8 +976,8 @@ export default (function () {
      *
      * // set the first (by visual index) column's width to 100
      * // set the second (by visual index) column's width to 120
-     * // set the third (by visual index) column's width to `undefined`
-     * // set any other column's width to the default 50px
+     * // set the third (by visual index) column's width to `undefined`, so that it defaults to 50px
+     * // set any other column's width to the default 50px (note that longer cell values and column names can get cut)
      * colWidths: [100, 120, undefined],
      *
      * // set each column's width individually, using a function
@@ -1110,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) {
      *               ...
      *             }
@@ -1768,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) {
      *               ...
      *             }
@@ -2433,18 +2435,6 @@ export default (function () {
      * ```
      */
     invalidCellClassName: 'htInvalid',
-    /**
-     * The `imeFastEdit` option allows using the "fast edit" feature for the IME users. It's disabled by default
-     * because of its incompatibility with some of the accessibility features.
-     *
-     * Enabling this option can make a negative impact on how some screen readers handle reading the table cells.
-     *
-     * @since 13.0.0
-     * @memberof Options#
-     * @type {boolean}
-     * @category Core
-     */
-    imeFastEdit: false,
     /**
      * The `isEmptyCol` option lets you define your own custom method
      * for checking if a column at a given visual index is empty.
@@ -3118,6 +3108,25 @@ export default (function () {
      * ```
      */
     multiColumnSorting: void 0,
+    /**
+     * When set to `true`, the `navigableHeaders` option lets you navigate [row headers](@/guides/rows/row-header.md) and [column headers](@/guides/columns/column-header.md), using the arrow keys or the <kbd>**Tab**</kbd> key (if the [`disableTabNavigation`](#disabletabnavigation) option is set to `false`).
+     *
+     * @since 14.0.0
+     * @memberof Options#
+     * @type {boolean}
+     * @default false
+     * @category Core
+     *
+     * @example
+     * ```js
+     * // you can navigate row and column headers with the keyboard
+     * navigableHeaders: true,
+     *
+     * // default behavior: you can't navigate row and column headers with the keyboard
+     * navigableHeaders: false,
+     * ```
+     */
+    navigableHeaders: false,
     /**
      * @description
      * The `nestedHeaders` option configures the [`NestedHeaders`](@/api/nestedHeaders.md) plugin.

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: 0.0.0-next-a1e4b4f-20230628
- * Release date: 28/03/2023 (built at 28/06/2023 13:54:50)
+ * Version: 0.0.0-next-e697250-20230707
+ * Release date: 22/06/2023 (built at 07/07/2023 07:19:59)
  */
 /**
  * Fix for bootstrap styles
@@ -804,7 +804,7 @@ TextRenderer placeholder value
   cursor: pointer;
   -webkit-box-shadow: 0 0 0 6px rgb(238, 238, 238);
   -moz-box-shadow: 0 0 0 6px rgb(238, 238, 238);
-  box-shadow: 0 0 0 6px rgb(238, 238, 238);
+  box-shadow: 0 0 0 3px rgb(238, 238, 238);
   background: #eee;
   text-align: center;
 }
@@ -1069,10 +1069,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 {
@@ -1207,10 +1218,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: 0.0.0-next-a1e4b4f-20230628
- * Release date: 28/03/2023 (built at 28/06/2023 13:54:50)
+ * Version: 0.0.0-next-e697250-20230707
+ * Release date: 22/06/2023 (built at 07/07/2023 07:19:59)
  */
 /**
  * Fix for bootstrap styles
@@ -804,7 +804,7 @@ TextRenderer placeholder value
   cursor: pointer;
   -webkit-box-shadow: 0 0 0 6px rgb(238, 238, 238);
   -moz-box-shadow: 0 0 0 6px rgb(238, 238, 238);
-  box-shadow: 0 0 0 6px rgb(238, 238, 238);
+  box-shadow: 0 0 0 3px rgb(238, 238, 238);
   background: #eee;
   text-align: center;
 }
@@ -1302,10 +1302,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 {
@@ -1440,10 +1451,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 {