handsontable 16.0.1 → 16.1.0-next-abd8f2e-20250904

package/plugins/hiddenColumns/contextMenuItem/hideColumn.mjs

@@ -8,7 +8,7 @@ export default function hideColumnItem(hiddenColumnsPlugin) {
   return {
     key: 'hidden_columns_hide',
     name() {
-      const selection = this.getSelectedLast();
+      const selection = this.getSelectedActive();
       let pluralForm = 0;
       if (Array.isArray(selection)) {
         const [, fromColumn,, toColumn] = selection;
@@ -22,7 +22,7 @@ export default function hideColumnItem(hiddenColumnsPlugin) {
       const {
         from,
         to
-      } = this.getSelectedRangeLast();
+      } = this.getSelectedRangeActive();
       const start = Math.max(Math.min(from.col, to.col), 0);
       const end = Math.max(from.col, to.col);
       const columnsToHide = [];
@@ -37,8 +37,8 @@ export default function hideColumnItem(hiddenColumnsPlugin) {
       } else {
         this.deselectCell();
       }
-      this.render();
       this.view.adjustElementsSize();
+      this.render();
     },
     disabled: false,
     hidden() {

package/plugins/hiddenColumns/contextMenuItem/showColumn.js

@@ -36,8 +36,8 @@ function showColumnItem(hiddenColumnsPlugin) {
 
       // We render columns at first. It was needed for getting fixed columns.
       // Please take a look at #6864 for broader description.
-      this.render();
       this.view.adjustElementsSize();
+      this.render();
       const allColumnsSelected = endVisualColumn - startVisualColumn + 1 === this.countCols();
 
       // When all headers needs to be selected then do nothing. The header selection is
@@ -55,9 +55,9 @@ function showColumnItem(hiddenColumnsPlugin) {
         return true;
       }
       columns.length = 0;
-      const selectedRangeLast = this.getSelectedRangeLast();
-      const visualStartColumn = selectedRangeLast.getTopStartCorner().col;
-      const visualEndColumn = selectedRangeLast.getBottomEndCorner().col;
+      const selectedRangeActive = this.getSelectedRangeActive();
+      const visualStartColumn = selectedRangeActive.getTopStartCorner().col;
+      const visualEndColumn = selectedRangeActive.getBottomEndCorner().col;
       const columnIndexMapper = this.columnIndexMapper;
       const renderableStartColumn = columnIndexMapper.getRenderableFromVisualIndex(visualStartColumn);
       const renderableEndColumn = columnIndexMapper.getRenderableFromVisualIndex(visualEndColumn);

package/plugins/hiddenColumns/contextMenuItem/showColumn.mjs

@@ -31,8 +31,8 @@ export default function showColumnItem(hiddenColumnsPlugin) {
 
       // We render columns at first. It was needed for getting fixed columns.
       // Please take a look at #6864 for broader description.
-      this.render();
       this.view.adjustElementsSize();
+      this.render();
       const allColumnsSelected = endVisualColumn - startVisualColumn + 1 === this.countCols();
 
       // When all headers needs to be selected then do nothing. The header selection is
@@ -50,9 +50,9 @@ export default function showColumnItem(hiddenColumnsPlugin) {
         return true;
       }
       columns.length = 0;
-      const selectedRangeLast = this.getSelectedRangeLast();
-      const visualStartColumn = selectedRangeLast.getTopStartCorner().col;
-      const visualEndColumn = selectedRangeLast.getBottomEndCorner().col;
+      const selectedRangeActive = this.getSelectedRangeActive();
+      const visualStartColumn = selectedRangeActive.getTopStartCorner().col;
+      const visualEndColumn = selectedRangeActive.getBottomEndCorner().col;
       const columnIndexMapper = this.columnIndexMapper;
       const renderableStartColumn = columnIndexMapper.getRenderableFromVisualIndex(visualStartColumn);
       const renderableEndColumn = columnIndexMapper.getRenderableFromVisualIndex(visualEndColumn);

package/plugins/hiddenRows/contextMenuItem/hideRow.js

@@ -13,7 +13,7 @@ function hideRowItem(hiddenRowsPlugin) {
   return {
     key: 'hidden_rows_hide',
     name() {
-      const selection = this.getSelectedLast();
+      const selection = this.getSelectedActive();
       let pluralForm = 0;
       if (Array.isArray(selection)) {
         const [fromRow,, toRow] = selection;
@@ -27,7 +27,7 @@ function hideRowItem(hiddenRowsPlugin) {
       const {
         from,
         to
-      } = this.getSelectedRangeLast();
+      } = this.getSelectedRangeActive();
       const start = Math.max(Math.min(from.row, to.row), 0);
       const end = Math.max(from.row, to.row);
       const rowsToHide = [];
@@ -42,8 +42,8 @@ function hideRowItem(hiddenRowsPlugin) {
       } else {
         this.deselectCell();
       }
-      this.render();
       this.view.adjustElementsSize();
+      this.render();
     },
     disabled: false,
     hidden() {

package/plugins/hiddenRows/contextMenuItem/hideRow.mjs

@@ -8,7 +8,7 @@ export default function hideRowItem(hiddenRowsPlugin) {
   return {
     key: 'hidden_rows_hide',
     name() {
-      const selection = this.getSelectedLast();
+      const selection = this.getSelectedActive();
       let pluralForm = 0;
       if (Array.isArray(selection)) {
         const [fromRow,, toRow] = selection;
@@ -22,7 +22,7 @@ export default function hideRowItem(hiddenRowsPlugin) {
       const {
         from,
         to
-      } = this.getSelectedRangeLast();
+      } = this.getSelectedRangeActive();
       const start = Math.max(Math.min(from.row, to.row), 0);
       const end = Math.max(from.row, to.row);
       const rowsToHide = [];
@@ -37,8 +37,8 @@ export default function hideRowItem(hiddenRowsPlugin) {
       } else {
         this.deselectCell();
       }
-      this.render();
       this.view.adjustElementsSize();
+      this.render();
     },
     disabled: false,
     hidden() {

package/plugins/hiddenRows/contextMenuItem/showRow.js

@@ -36,8 +36,8 @@ function showRowItem(hiddenRowsPlugin) {
 
       // We render rows at first. It was needed for getting fixed rows.
       // Please take a look at #6864 for broader description.
-      this.render();
       this.view.adjustElementsSize();
+      this.render();
       const allRowsSelected = endVisualRow - startVisualRow + 1 === this.countRows();
 
       // When all headers needs to be selected then do nothing. The header selection is
@@ -55,9 +55,9 @@ function showRowItem(hiddenRowsPlugin) {
         return true;
       }
       rows.length = 0;
-      const selectedRangeLast = this.getSelectedRangeLast();
-      const visualStartRow = selectedRangeLast.getTopStartCorner().row;
-      const visualEndRow = selectedRangeLast.getBottomEndCorner().row;
+      const selectedRangeActive = this.getSelectedRangeActive();
+      const visualStartRow = selectedRangeActive.getTopStartCorner().row;
+      const visualEndRow = selectedRangeActive.getBottomEndCorner().row;
       const rowIndexMapper = this.rowIndexMapper;
       const renderableStartRow = rowIndexMapper.getRenderableFromVisualIndex(visualStartRow);
       const renderableEndRow = rowIndexMapper.getRenderableFromVisualIndex(visualEndRow);

package/plugins/hiddenRows/contextMenuItem/showRow.mjs

@@ -31,8 +31,8 @@ export default function showRowItem(hiddenRowsPlugin) {
 
       // We render rows at first. It was needed for getting fixed rows.
       // Please take a look at #6864 for broader description.
-      this.render();
       this.view.adjustElementsSize();
+      this.render();
       const allRowsSelected = endVisualRow - startVisualRow + 1 === this.countRows();
 
       // When all headers needs to be selected then do nothing. The header selection is
@@ -50,9 +50,9 @@ export default function showRowItem(hiddenRowsPlugin) {
         return true;
       }
       rows.length = 0;
-      const selectedRangeLast = this.getSelectedRangeLast();
-      const visualStartRow = selectedRangeLast.getTopStartCorner().row;
-      const visualEndRow = selectedRangeLast.getBottomEndCorner().row;
+      const selectedRangeActive = this.getSelectedRangeActive();
+      const visualStartRow = selectedRangeActive.getTopStartCorner().row;
+      const visualEndRow = selectedRangeActive.getBottomEndCorner().row;
       const rowIndexMapper = this.rowIndexMapper;
       const renderableStartRow = rowIndexMapper.getRenderableFromVisualIndex(visualStartRow);
       const renderableEndRow = rowIndexMapper.getRenderableFromVisualIndex(visualEndRow);

package/plugins/index.d.ts

@@ -27,11 +27,14 @@ import { MultiColumnSorting } from './multiColumnSorting';
 import { MultipleSelectionHandles } from './multipleSelectionHandles';
 import { NestedHeaders } from './nestedHeaders';
 import { NestedRows } from './nestedRows';
+import { Pagination } from './pagination';
 import { PersistentState } from './persistentState';
 import { Search } from './search';
 import { StretchColumns } from './stretchColumns';
 import { TouchScroll } from './touchScroll';
 import { TrimRows } from './trimRows';
+import { Dialog } from './dialog';
+import { Loading } from './loading';
 import { UndoRedo } from './undoRedo';
 
 export interface Plugins {
@@ -64,11 +67,14 @@ export interface Plugins {
   multipleSelectionHandles: MultipleSelectionHandles;
   nestedHeaders: NestedHeaders;
   nestedRows: NestedRows;
+  pagination: Pagination;
   persistentState: PersistentState;
   search: Search;
   stretchColumns: StretchColumns;
   touchScroll: TouchScroll;
   trimRows: TrimRows;
+  dialog: Dialog;
+  loading: Loading;
   undoRedo: UndoRedo;
 }
 
@@ -105,10 +111,13 @@ export {
   MultipleSelectionHandles,
   NestedHeaders,
   NestedRows,
+  Pagination,
   PersistentState,
   Search,
   StretchColumns,
   TouchScroll,
   TrimRows,
+  Dialog,
+  Loading,
   UndoRedo
 };

package/plugins/index.js

@@ -60,6 +60,8 @@ var _nestedHeaders = require("./nestedHeaders");
 exports.NestedHeaders = _nestedHeaders.NestedHeaders;
 var _nestedRows = require("./nestedRows");
 exports.NestedRows = _nestedRows.NestedRows;
+var _pagination = require("./pagination");
+exports.Pagination = _pagination.Pagination;
 var _persistentState = require("./persistentState");
 exports.PersistentState = _persistentState.PersistentState;
 var _search = require("./search");
@@ -72,6 +74,10 @@ var _trimRows = require("./trimRows");
 exports.TrimRows = _trimRows.TrimRows;
 var _undoRedo = require("./undoRedo");
 exports.UndoRedo = _undoRedo.UndoRedo;
+var _dialog = require("./dialog");
+exports.Dialog = _dialog.Dialog;
+var _loading = require("./loading");
+exports.Loading = _loading.Loading;
 var _registry = require("./registry");
 exports.registerPlugin = _registry.registerPlugin;
 exports.getPlugin = _registry.getPlugin;
@@ -108,10 +114,13 @@ function registerAllPlugins() {
   (0, _registry.registerPlugin)(_multipleSelectionHandles.MultipleSelectionHandles);
   (0, _registry.registerPlugin)(_nestedHeaders.NestedHeaders);
   (0, _registry.registerPlugin)(_nestedRows.NestedRows);
+  (0, _registry.registerPlugin)(_pagination.Pagination);
   (0, _registry.registerPlugin)(_persistentState.PersistentState);
   (0, _registry.registerPlugin)(_search.Search);
   (0, _registry.registerPlugin)(_stretchColumns.StretchColumns);
   (0, _registry.registerPlugin)(_touchScroll.TouchScroll);
   (0, _registry.registerPlugin)(_trimRows.TrimRows);
   (0, _registry.registerPlugin)(_undoRedo.UndoRedo);
+  (0, _registry.registerPlugin)(_dialog.Dialog);
+  (0, _registry.registerPlugin)(_loading.Loading);
 }

package/plugins/index.mjs

@@ -27,12 +27,15 @@ import { MultiColumnSorting } from "./multiColumnSorting/index.mjs";
 import { MultipleSelectionHandles } from "./multipleSelectionHandles/index.mjs";
 import { NestedHeaders } from "./nestedHeaders/index.mjs";
 import { NestedRows } from "./nestedRows/index.mjs";
+import { Pagination } from "./pagination/index.mjs";
 import { PersistentState } from "./persistentState/index.mjs";
 import { Search } from "./search/index.mjs";
 import { StretchColumns } from "./stretchColumns/index.mjs";
 import { TouchScroll } from "./touchScroll/index.mjs";
 import { TrimRows } from "./trimRows/index.mjs";
 import { UndoRedo } from "./undoRedo/index.mjs";
+import { Dialog } from "./dialog/index.mjs";
+import { Loading } from "./loading/index.mjs";
 import { registerPlugin } from "./registry.mjs";
 /**
  * Registers all available plugins.
@@ -66,12 +69,15 @@ export function registerAllPlugins() {
   registerPlugin(MultipleSelectionHandles);
   registerPlugin(NestedHeaders);
   registerPlugin(NestedRows);
+  registerPlugin(Pagination);
   registerPlugin(PersistentState);
   registerPlugin(Search);
   registerPlugin(StretchColumns);
   registerPlugin(TouchScroll);
   registerPlugin(TrimRows);
   registerPlugin(UndoRedo);
+  registerPlugin(Dialog);
+  registerPlugin(Loading);
 }
-export { AutoColumnSize, Autofill, AutoRowSize, BasePlugin, BindRowsWithHeaders, CollapsibleColumns, ColumnSorting, ColumnSummary, Comments, ContextMenu, CopyPaste, CustomBorders, DragToScroll, DropdownMenu, ExportFile, Filters, Formulas, HiddenColumns, HiddenRows, ManualColumnFreeze, ManualColumnMove, ManualColumnResize, ManualRowMove, ManualRowResize, MergeCells, MultiColumnSorting, MultipleSelectionHandles, NestedHeaders, NestedRows, PersistentState, Search, StretchColumns, TouchScroll, TrimRows, UndoRedo };
+export { AutoColumnSize, Autofill, AutoRowSize, BasePlugin, BindRowsWithHeaders, CollapsibleColumns, ColumnSorting, ColumnSummary, Comments, ContextMenu, CopyPaste, CustomBorders, DragToScroll, DropdownMenu, ExportFile, Filters, Formulas, HiddenColumns, HiddenRows, ManualColumnFreeze, ManualColumnMove, ManualColumnResize, ManualRowMove, ManualRowResize, MergeCells, MultiColumnSorting, MultipleSelectionHandles, NestedHeaders, NestedRows, Pagination, PersistentState, Search, StretchColumns, TouchScroll, TrimRows, UndoRedo, Dialog, Loading };
 export { getPlugin, getPluginsNames, registerPlugin } from "./registry.mjs";

package/plugins/loading/content.js

@@ -0,0 +1,36 @@
+"use strict";
+
+exports.__esModule = true;
+exports.loadingContent = loadingContent;
+var _loading = require("./loading");
+/* eslint-disable max-len */
+
+/**
+ * @description
+ * The `loadingContent` function returns a HTML string with the loading content.
+ *
+ * @param {object} options Loading content options.
+ * @param {string} options.id Loading id.
+ * @param {string} options.icon Loading icon.
+ * @param {string} options.title Loading title.
+ * @param {string} options.description Loading description.
+ *
+ * @returns {string} HTML string with the loading content.
+ */
+function loadingContent(_ref) {
+  let {
+    id,
+    icon,
+    title,
+    description
+  } = _ref;
+  return `
+    <div class="${_loading.LOADING_CLASS_NAME}__content">
+      <i class="${_loading.LOADING_CLASS_NAME}__icon">${icon}</i>
+      <div class="${_loading.LOADING_CLASS_NAME}__text">
+        <h2 id="${id}-${_loading.PLUGIN_KEY}-title" class="${_loading.LOADING_CLASS_NAME}__title">${title}</h2>
+        ${description ? `<p id="${id}-${_loading.PLUGIN_KEY}-description" class="${_loading.LOADING_CLASS_NAME}__description">${description}</p>` : ''}
+      </div>
+    </div>
+  `;
+}

package/plugins/loading/content.mjs

@@ -0,0 +1,31 @@
+/* eslint-disable max-len */
+import { LOADING_CLASS_NAME, PLUGIN_KEY } from "./loading.mjs";
+/**
+ * @description
+ * The `loadingContent` function returns a HTML string with the loading content.
+ *
+ * @param {object} options Loading content options.
+ * @param {string} options.id Loading id.
+ * @param {string} options.icon Loading icon.
+ * @param {string} options.title Loading title.
+ * @param {string} options.description Loading description.
+ *
+ * @returns {string} HTML string with the loading content.
+ */
+export function loadingContent(_ref) {
+  let {
+    id,
+    icon,
+    title,
+    description
+  } = _ref;
+  return `
+    <div class="${LOADING_CLASS_NAME}__content">
+      <i class="${LOADING_CLASS_NAME}__icon">${icon}</i>
+      <div class="${LOADING_CLASS_NAME}__text">
+        <h2 id="${id}-${PLUGIN_KEY}-title" class="${LOADING_CLASS_NAME}__title">${title}</h2>
+        ${description ? `<p id="${id}-${PLUGIN_KEY}-description" class="${LOADING_CLASS_NAME}__description">${description}</p>` : ''}
+      </div>
+    </div>
+  `;
+}

package/plugins/loading/index.d.ts

@@ -0,0 +1 @@
+export * from './loading';

package/plugins/loading/index.js

@@ -0,0 +1,7 @@
+"use strict";
+
+exports.__esModule = true;
+var _loading = require("./loading");
+exports.PLUGIN_KEY = _loading.PLUGIN_KEY;
+exports.PLUGIN_PRIORITY = _loading.PLUGIN_PRIORITY;
+exports.Loading = _loading.Loading;

package/plugins/loading/index.mjs

@@ -0,0 +1 @@
+export { PLUGIN_KEY, PLUGIN_PRIORITY, Loading } from "./loading.mjs";

package/plugins/loading/loading.d.ts

@@ -0,0 +1,19 @@
+import Core from '../../core';
+import { BasePlugin } from '../base';
+
+export interface LoadingConfig {
+  icon?: string;
+  title?: string;
+  description?: string;
+}
+
+export type Settings = boolean | LoadingConfig;
+
+export class Loading extends BasePlugin {
+  constructor(hotInstance: Core);
+
+  isVisible(): boolean;
+  show(options?: LoadingConfig): void;
+  hide(): void;
+  update(options?: LoadingConfig): void;
+}