handsontable 15.0.0 → 15.1.0-next-dfdf994-20250206

package/plugins/undoRedo/utils.js

@@ -0,0 +1,37 @@
+"use strict";
+
+exports.__esModule = true;
+exports.getCellMetas = getCellMetas;
+require("core-js/modules/es.array.push.js");
+require("core-js/modules/es.object.from-entries.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.filter.js");
+var _number = require("../../helpers/number");
+/**
+ * Gets all cell metas from the provided range.
+ *
+ * @param {Core} hot The Handsontable instance.
+ * @param {number} fromRow The starting row index.
+ * @param {number} toRow The ending row index.
+ * @param {number} fromColumn The starting column index.
+ * @param {number} toColumn The ending column index.
+ * @returns {Array} Returns an array of cell metas.
+ */
+function getCellMetas(hot, 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 = hot.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;
+}

package/plugins/undoRedo/utils.mjs

@@ -0,0 +1,33 @@
+import "core-js/modules/es.array.push.js";
+import "core-js/modules/es.object.from-entries.js";
+import "core-js/modules/esnext.iterator.constructor.js";
+import "core-js/modules/esnext.iterator.filter.js";
+import { rangeEach } from "../../helpers/number.mjs";
+/**
+ * Gets all cell metas from the provided range.
+ *
+ * @param {Core} hot The Handsontable instance.
+ * @param {number} fromRow The starting row index.
+ * @param {number} toRow The ending row index.
+ * @param {number} fromColumn The starting column index.
+ * @param {number} toColumn The ending column index.
+ * @returns {Array} Returns an array of cell metas.
+ */
+export function getCellMetas(hot, 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 = hot.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;
+}

package/renderers/checkboxRenderer/checkboxRenderer.js

@@ -369,7 +369,14 @@ function createInput(rootDocument) {
 function createLabel(rootDocument, text, fullWidth) {
   const label = rootDocument.createElement('label');
   label.className = `htCheckboxRendererLabel ${fullWidth ? 'fullWidth' : ''}`;
-  label.appendChild(rootDocument.createTextNode(text));
+  const textNode = rootDocument.createTextNode(text);
+  if (fullWidth) {
+    const span = rootDocument.createElement('span');
+    span.appendChild(textNode);
+    label.appendChild(span);
+  } else {
+    label.appendChild(textNode);
+  }
   return label.cloneNode(true);
 }
 

package/renderers/checkboxRenderer/checkboxRenderer.mjs

@@ -364,7 +364,14 @@ function createInput(rootDocument) {
 function createLabel(rootDocument, text, fullWidth) {
   const label = rootDocument.createElement('label');
   label.className = `htCheckboxRendererLabel ${fullWidth ? 'fullWidth' : ''}`;
-  label.appendChild(rootDocument.createTextNode(text));
+  const textNode = rootDocument.createTextNode(text);
+  if (fullWidth) {
+    const span = rootDocument.createElement('span');
+    span.appendChild(textNode);
+    label.appendChild(span);
+  } else {
+    label.appendChild(textNode);
+  }
   return label.cloneNode(true);
 }
 

package/shortcutContexts/commands/moveCellSelection/downByViewportHeight.js

@@ -12,6 +12,7 @@ const command = exports.command = {
       row
     } = hot.getSelectedRangeLast().highlight;
     let rowsStep = hot.countVisibleRows() + columnHeadersCount;
+    rowsStep = rowsStep === 0 ? 1 : rowsStep;
 
     // if the last row is currently selected move the focus to the first row (if autoWrap is enabled)
     if (row === hot.countRows() - 1) {

package/shortcutContexts/commands/moveCellSelection/downByViewportHeight.mjs

@@ -9,6 +9,7 @@ export const command = {
       row
     } = hot.getSelectedRangeLast().highlight;
     let rowsStep = hot.countVisibleRows() + columnHeadersCount;
+    rowsStep = rowsStep === 0 ? 1 : rowsStep;
 
     // if the last row is currently selected move the focus to the first row (if autoWrap is enabled)
     if (row === hot.countRows() - 1) {

package/shortcutContexts/commands/moveCellSelection/upByViewportHeight.js

@@ -11,7 +11,8 @@ const command = exports.command = {
     const {
       row
     } = hot.getSelectedRangeLast().highlight;
-    let rowsStep = -(hot.countVisibleRows() + columnHeadersCount);
+    let rowsStep = hot.countVisibleRows() + columnHeadersCount;
+    rowsStep = rowsStep === 0 ? -1 : -rowsStep;
 
     // if the first row is currently selected move the focus to the last row (if autoWrap is enabled)
     if (row === -columnHeadersCount) {

package/shortcutContexts/commands/moveCellSelection/upByViewportHeight.mjs

@@ -8,7 +8,8 @@ export const command = {
     const {
       row
     } = hot.getSelectedRangeLast().highlight;
-    let rowsStep = -(hot.countVisibleRows() + columnHeadersCount);
+    let rowsStep = hot.countVisibleRows() + columnHeadersCount;
+    rowsStep = rowsStep === 0 ? -1 : -rowsStep;
 
     // if the first row is currently selected move the focus to the last row (if autoWrap is enabled)
     if (row === -columnHeadersCount) {

package/styles/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: 15.0.0
- * Release date: 16/12/2024 (built at 16/12/2024 13:19:40)
+ * Version: 15.1.0-next-dfdf994-20250206
+ * Release date: 12/02/2025 (built at 06/02/2025 09:04:58)
  */
 .ht-wrapper:not([class*=ht-theme]) {
   --ht-cell-horizontal-padding: 8px;
@@ -151,6 +151,16 @@
   border-inline-start-width: 0;
   border-inline-end-width: 1px;
   border-bottom-width: 1px;
+  border-inline-end-color: var(--ht-border-color);
+}
+.handsontable th:last-child.ht__active_highlight {
+  border-inline-end-color: var(--ht-header-active-border-color);
+}
+.handsontable th:first-child {
+  border-inline-start-color: var(--ht-border-color);
+}
+.handsontable th:first-child.ht__active_highlight {
+  border-inline-start-color: var(--ht-header-active-border-color);
 }
 .handsontable th:first-child, .handsontable th:nth-child(2) {
   border-inline-start-width: 1px;
@@ -234,6 +244,23 @@
 .handsontable thead tr th .relative:has(.collapsibleIndicator, .changeType) .colHeader {
   max-width: calc(100% - (var(--ht-icon-size) + var(--ht-gap-size)));
 }
+.handsontable tr:first-child th,
+.handsontable tr:first-child td {
+  border-top-color: var(--ht-border-color);
+  border-top-width: 1px;
+}
+.handsontable tr:first-child th.ht__active_highlight,
+.handsontable tr:first-child td.ht__active_highlight {
+  border-top-color: var(--ht-header-active-border-color);
+}
+.handsontable tr:last-child th,
+.handsontable tr:last-child td {
+  border-bottom-color: var(--ht-border-color);
+}
+.handsontable tr:last-child th.ht__active_highlight,
+.handsontable tr:last-child td.ht__active_highlight {
+  border-bottom-color: var(--ht-header-active-border-color);
+}
 .handsontable thead tr:not(:last-child) th {
   /* Fix for - nested columns with hidden column  */
   overflow: hidden;
@@ -327,19 +354,10 @@
 .handsontable.htRowHeaders thead tr th:nth-child(2) {
   border-inline-start-width: 1px;
 }
-.handsontable tr:first-child th,
-.handsontable tr:first-child td {
-  border-top-width: 1px;
-}
-.handsontable tr:last-child th,
-.handsontable tr:last-child td {
-  border-bottom-color: var(--ht-border-color);
-}
-.handsontable tr:last-child th.ht__active_highlight,
-.handsontable tr:last-child td.ht__active_highlight {
-  border-bottom-color: var(--ht-header-active-border-color);
-}
-.handsontable .ht_master:not(.innerBorderInlineStart):not(.emptyColumns) ~ .handsontable tbody tr th, .handsontable .ht_master:not(.innerBorderInlineStart):not(.emptyColumns) ~ .handsontable:not(.ht_clone_top) thead tr th:first-child {
+.handsontable .ht_master:not(.innerBorderInlineStart):not(.emptyColumns) tbody tr th,
+.handsontable .ht_master:not(.innerBorderInlineStart):not(.emptyColumns) thead tr th:first-child,
+.handsontable .ht_master:not(.innerBorderInlineStart):not(.emptyColumns) ~ .handsontable:not(.htGhostTable) tbody tr th,
+.handsontable .ht_master:not(.innerBorderInlineStart):not(.emptyColumns) ~ .handsontable:not(.ht_clone_top):not(.htGhostTable) thead tr th:first-child {
   border-inline-end-width: 0;
   border-inline-start-width: 1px;
 }
@@ -594,7 +612,7 @@
 }
 
 .ht_editor_visible {
-  z-index: 140;
+  z-index: 200;
 }
 
 .handsontable td.area {
@@ -724,11 +742,6 @@
   z-index: 10;
 }
 
-[dir=rtl].handsontable .wtBorder.corner {
-  margin-left: 0;
-  margin-right: -4px;
-}
-
 .hot-display-license-info {
   font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Helvetica Neue, Arial, sans-serif;
   padding: var(--ht-license-vertical-padding, 16px) var(--ht-license-horizontal-padding, 16px);
@@ -781,6 +794,13 @@
   vertical-align: middle;
   cursor: pointer;
   appearance: none;
+  margin-top: -2px;
+}
+.handsontable .htCheckboxRendererInput:first-child {
+  margin-inline-end: var(--ht-gap-size);
+}
+.handsontable .htCheckboxRendererInput:last-child {
+  margin-inline-start: var(--ht-gap-size);
 }
 .handsontable .htCheckboxRendererInput::before {
   content: "";
@@ -858,10 +878,6 @@
   color: inherit;
   margin: 0;
 }
-.handsontable .htCheckboxRendererLabel .htCheckboxRendererInput {
-  margin-top: -2px;
-  margin-inline-end: var(--ht-gap-size);
-}
 .handsontable .htCheckboxRendererLabel.fullWidth {
   width: 100%;
 }
@@ -939,7 +955,7 @@
   width: 100%;
   height: 100%;
   padding: calc(var(--ht-cell-vertical-padding, 4px) + 1px) calc(var(--ht-cell-horizontal-padding, 8px) + 1px);
-  padding-right: 26px;
+  padding-inline-end: 26px;
   margin: 0;
   white-space: nowrap;
   overflow: hidden;
@@ -1005,7 +1021,7 @@
   visibility: hidden;
 }
 .handsontable.listbox table strong {
-  font-weight: var(--ht-font-weight);
+  font-weight: bold;
   color: inherit;
 }
 .handsontable.listbox table tr:hover td {
@@ -1151,10 +1167,21 @@
   background: var(--ht-menu-item-hover-color);
 }
 
+[dir=rtl].htDatepickerHolder .pika-single .pika-next {
+  transform: rotate(180deg);
+  margin-left: 0;
+  margin-right: auto;
+}
+[dir=rtl].htDatepickerHolder .pika-single .pika-prev {
+  transform: rotate(180deg);
+  margin-left: auto;
+  margin-right: 0;
+}
+
 .handsontable .htUISelectCaption {
   width: 100%;
   padding: var(--ht-input-vertical-padding) var(--ht-input-horizontal-padding);
-  padding-right: calc(var(--ht-input-horizontal-padding) + var(--ht-icon-size));
+  padding-inline-end: calc(var(--ht-input-horizontal-padding) + var(--ht-icon-size));
   margin: 0;
   font-family: inherit;
   font-size: var(--ht-font-size);
@@ -1205,6 +1232,11 @@
   background-color: var(--ht-input-focus-background-color);
 }
 
+[dir=rtl].handsontable .htUISelectCaption::after {
+  right: auto;
+  left: calc(var(--ht-input-horizontal-padding) - var(--ht-icon-size) / 4);
+}
+
 .handsontable .htFiltersMenuCondition .htUIInput input,
 .handsontable .htFiltersMenuValue .htUIMultipleSelectSearch input {
   width: 100%;
@@ -1496,6 +1528,9 @@
 .handsontable thead th.hiddenHeader:not(:first-of-type) {
   display: none;
 }
+.handsontable thead th.hiddenHeaderText .colHeader {
+  opacity: 0;
+}
 
 .handsontable th.ht_nestingLevels > .relative {
   display: flex;
@@ -1839,7 +1874,7 @@
   margin: 0 calc(var(--ht-gap-size, 2px) * -1);
 }
 .handsontable .htUIMultipleSelectHot {
-  --ht-cell-vertical-padding: calc(
+  --ht-cell-horizontal-padding: calc(
           var(--ht-menu-item-horizontal-padding, 2px) +
           var(--ht-gap-size, 2px) * 2);
   overflow: initial !important;
@@ -1866,7 +1901,7 @@
 }
 .handsontable .htUIMultipleSelectHot .wtHolder td {
   height: auto;
-  padding: 4px var(--ht-cell-vertical-padding);
+  padding: 4px var(--ht-cell-horizontal-padding);
 }
 .handsontable .htUIClearAll,
 .handsontable .htUISelectAll {
@@ -1876,6 +1911,8 @@
 }
 .handsontable .htUIClearAll a,
 .handsontable .htUISelectAll a {
+  font-size: var(--ht-font-size);
+  line-height: var(--ht-line-height);
   color: var(--ht-link-color);
   border-radius: var(--ht-button-border-radius);
 }
@@ -2068,79 +2105,6 @@
 .handsontable .ht_clone_top_inline_start_corner th.ht__active_highlight {
   box-shadow: none;
 }
-.handsontable .ht_clone_top_inline_start_corner th:not(.handsontable .ht_clone_top_inline_start_corner th.ht__active_highlight,
-.handsontable .ht_clone_top_inline_start_corner td.ht__active_highlight,
-.handsontable .ht_clone_top th.ht__active_highlight,
-.handsontable .ht_clone_top td.ht__active_highlight,
-.handsontable .ht_clone_bottom_inline_start_corner th.ht__active_highlight,
-.handsontable .ht_clone_bottom_inline_start_corner td.ht__active_highlight,
-.handsontable .ht_clone_bottom th.ht__active_highlight,
-.handsontable .ht_clone_bottom td.ht__active_highlight),
-.handsontable .ht_clone_top_inline_start_corner td:not(.handsontable .ht_clone_top_inline_start_corner th.ht__active_highlight,
-.handsontable .ht_clone_top_inline_start_corner td.ht__active_highlight,
-.handsontable .ht_clone_top th.ht__active_highlight,
-.handsontable .ht_clone_top td.ht__active_highlight,
-.handsontable .ht_clone_bottom_inline_start_corner th.ht__active_highlight,
-.handsontable .ht_clone_bottom_inline_start_corner td.ht__active_highlight,
-.handsontable .ht_clone_bottom th.ht__active_highlight,
-.handsontable .ht_clone_bottom td.ht__active_highlight),
-.handsontable .ht_clone_top th:not(.handsontable .ht_clone_top_inline_start_corner th.ht__active_highlight,
-.handsontable .ht_clone_top_inline_start_corner td.ht__active_highlight,
-.handsontable .ht_clone_top th.ht__active_highlight,
-.handsontable .ht_clone_top td.ht__active_highlight,
-.handsontable .ht_clone_bottom_inline_start_corner th.ht__active_highlight,
-.handsontable .ht_clone_bottom_inline_start_corner td.ht__active_highlight,
-.handsontable .ht_clone_bottom th.ht__active_highlight,
-.handsontable .ht_clone_bottom td.ht__active_highlight),
-.handsontable .ht_clone_top td:not(.handsontable .ht_clone_top_inline_start_corner th.ht__active_highlight,
-.handsontable .ht_clone_top_inline_start_corner td.ht__active_highlight,
-.handsontable .ht_clone_top th.ht__active_highlight,
-.handsontable .ht_clone_top td.ht__active_highlight,
-.handsontable .ht_clone_bottom_inline_start_corner th.ht__active_highlight,
-.handsontable .ht_clone_bottom_inline_start_corner td.ht__active_highlight,
-.handsontable .ht_clone_bottom th.ht__active_highlight,
-.handsontable .ht_clone_bottom td.ht__active_highlight),
-.handsontable .ht_clone_bottom_inline_start_corner th:not(.handsontable .ht_clone_top_inline_start_corner th.ht__active_highlight,
-.handsontable .ht_clone_top_inline_start_corner td.ht__active_highlight,
-.handsontable .ht_clone_top th.ht__active_highlight,
-.handsontable .ht_clone_top td.ht__active_highlight,
-.handsontable .ht_clone_bottom_inline_start_corner th.ht__active_highlight,
-.handsontable .ht_clone_bottom_inline_start_corner td.ht__active_highlight,
-.handsontable .ht_clone_bottom th.ht__active_highlight,
-.handsontable .ht_clone_bottom td.ht__active_highlight),
-.handsontable .ht_clone_bottom_inline_start_corner td:not(.handsontable .ht_clone_top_inline_start_corner th.ht__active_highlight,
-.handsontable .ht_clone_top_inline_start_corner td.ht__active_highlight,
-.handsontable .ht_clone_top th.ht__active_highlight,
-.handsontable .ht_clone_top td.ht__active_highlight,
-.handsontable .ht_clone_bottom_inline_start_corner th.ht__active_highlight,
-.handsontable .ht_clone_bottom_inline_start_corner td.ht__active_highlight,
-.handsontable .ht_clone_bottom th.ht__active_highlight,
-.handsontable .ht_clone_bottom td.ht__active_highlight),
-.handsontable .ht_clone_bottom th:not(.handsontable .ht_clone_top_inline_start_corner th.ht__active_highlight,
-.handsontable .ht_clone_top_inline_start_corner td.ht__active_highlight,
-.handsontable .ht_clone_top th.ht__active_highlight,
-.handsontable .ht_clone_top td.ht__active_highlight,
-.handsontable .ht_clone_bottom_inline_start_corner th.ht__active_highlight,
-.handsontable .ht_clone_bottom_inline_start_corner td.ht__active_highlight,
-.handsontable .ht_clone_bottom th.ht__active_highlight,
-.handsontable .ht_clone_bottom td.ht__active_highlight),
-.handsontable .ht_clone_bottom td:not(.handsontable .ht_clone_top_inline_start_corner th.ht__active_highlight,
-.handsontable .ht_clone_top_inline_start_corner td.ht__active_highlight,
-.handsontable .ht_clone_top th.ht__active_highlight,
-.handsontable .ht_clone_top td.ht__active_highlight,
-.handsontable .ht_clone_bottom_inline_start_corner th.ht__active_highlight,
-.handsontable .ht_clone_bottom_inline_start_corner td.ht__active_highlight,
-.handsontable .ht_clone_bottom th.ht__active_highlight,
-.handsontable .ht_clone_bottom td.ht__active_highlight) {
-  border-color: var(--ht-border-color);
-}
-.handsontable .ht_clone_inline_start th:not(.handsontable .ht_clone_inline_start th.ht__active_highlight,
-.handsontable .ht_clone_inline_start td.ht__active_highlight),
-.handsontable .ht_clone_inline_start td:not(.handsontable .ht_clone_inline_start th.ht__active_highlight,
-.handsontable .ht_clone_inline_start td.ht__active_highlight) {
-  border-inline-start-color: var(--ht-border-color);
-  border-inline-end-color: var(--ht-border-color);
-}
 
 .handsontable .manualColumnResizer {
   position: absolute;
@@ -2234,6 +2198,14 @@
   z-index: 209;
 }
 
+.handsontable tbody td[rowspan][class*=area][class*=highlight]:not([class*=fullySelectedMergedCell])::before {
+  opacity: 0;
+}
+
+.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-multiple]::before {
+  opacity: 0.14;
+}
+
 .handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-0]:before {
   opacity: 0.14;
 }