@highcharts/grid-pro 2.1.1 → 2.2.0

package/es-modules/Grid/Core/Table/Header/TableHeader.js

@@ -2,11 +2,11 @@
  *
  *  Grid TableHeader class
  *
- *  (c) 2020-2025 Highsoft AS
+ *  (c) 2020-2026 Highsoft AS
  *
- *  License: www.highcharts.com/license
+ *  A commercial license may be required depending on use.
+ *  See www.highcharts.com/license
  *
- *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  *  Authors:
  *  - Dawid Dragula

package/es-modules/Grid/Core/Table/Row.js

@@ -2,11 +2,11 @@
  *
  *  Grid Row abstract class
  *
- *  (c) 2020-2025 Highsoft AS
+ *  (c) 2020-2026 Highsoft AS
  *
- *  License: www.highcharts.com/license
+ *  A commercial license may be required depending on use.
+ *  See www.highcharts.com/license
  *
- *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  *  Authors:
  *  - Dawid Dragula

package/es-modules/Grid/Core/Table/Table.d.ts

@@ -115,6 +115,36 @@ declare class Table {
      * Handles the scroll event.
      */
     private onScroll;
+    /**
+     * Delegated click handler for cells.
+     * @param e Mouse event
+     */
+    private onCellClick;
+    /**
+     * Delegated double-click handler for cells.
+     * @param e Mouse event
+     */
+    private onCellDblClick;
+    /**
+     * Delegated mousedown handler for cells.
+     * @param e Mouse event
+     */
+    private onCellMouseDown;
+    /**
+     * Delegated mouseover handler for cells.
+     * @param e Mouse event
+     */
+    private onCellMouseOver;
+    /**
+     * Delegated mouseout handler for cells.
+     * @param e Mouse event
+     */
+    private onCellMouseOut;
+    /**
+     * Delegated keydown handler for cells.
+     * @param e Keyboard event
+     */
+    private onCellKeyDown;
     /**
      * Scrolls the table to the specified row.
      *

package/es-modules/Grid/Core/Table/Table.js

@@ -2,11 +2,11 @@
  *
  *  Grid Table Viewport class
  *
- *  (c) 2020-2025 Highsoft AS
+ *  (c) 2020-2026 Highsoft AS
  *
- *  License: www.highcharts.com/license
+ *  A commercial license may be required depending on use.
+ *  See www.highcharts.com/license
  *
- *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  *  Authors:
  *  - Dawid Dragula
@@ -82,20 +82,77 @@ class Table {
             }
             this.header?.scrollHorizontally(this.tbodyElement.scrollLeft);
         };
+        /**
+         * Delegated click handler for cells.
+         * @param e Mouse event
+         */
+        this.onCellClick = (e) => {
+            const cell = this.getCellFromElement(e.target);
+            if (cell) {
+                cell
+                    .onClick(e);
+            }
+        };
+        /**
+         * Delegated double-click handler for cells.
+         * @param e Mouse event
+         */
+        this.onCellDblClick = (e) => {
+            const cell = this.getCellFromElement(e.target);
+            if (cell && 'onDblClick' in cell) {
+                cell.onDblClick(e);
+            }
+        };
+        /**
+         * Delegated mousedown handler for cells.
+         * @param e Mouse event
+         */
+        this.onCellMouseDown = (e) => {
+            const cell = this.getCellFromElement(e.target);
+            if (cell && 'onMouseDown' in cell) {
+                cell.onMouseDown(e);
+            }
+        };
+        /**
+         * Delegated mouseover handler for cells.
+         * @param e Mouse event
+         */
+        this.onCellMouseOver = (e) => {
+            const cell = this.getCellFromElement(e.target);
+            if (cell) {
+                cell.onMouseOver();
+            }
+        };
+        /**
+         * Delegated mouseout handler for cells.
+         * @param e Mouse event
+         */
+        this.onCellMouseOut = (e) => {
+            const cell = this.getCellFromElement(e.target);
+            if (cell) {
+                cell.onMouseOut();
+            }
+        };
+        /**
+         * Delegated keydown handler for cells.
+         * @param e Keyboard event
+         */
+        this.onCellKeyDown = (e) => {
+            const cell = this.getCellFromElement(e.target);
+            if (cell) {
+                cell.onKeyDown(e);
+            }
+        };
         this.grid = grid;
         this.tableElement = tableElement;
         this.dataTable = this.grid.presentationTable;
         const dgOptions = grid.options;
         const customClassName = dgOptions?.rendering?.table?.className;
         this.columnResizing = ColumnResizing.initMode(this);
-        this.virtualRows = this.shouldVirtualizeRows();
         if (dgOptions?.rendering?.header?.enabled) {
             this.theadElement = makeHTMLElement('thead', {}, tableElement);
         }
         this.tbodyElement = makeHTMLElement('tbody', {}, tableElement);
-        if (this.virtualRows) {
-            tableElement.classList.add(Globals.getClassName('virtualization'));
-        }
         if (dgOptions?.rendering?.columns?.resizing?.enabled) {
             this.columnsResizer = new ColumnsResizer(this);
         }
@@ -106,6 +163,10 @@ class Table {
         // Load columns
         this.loadColumns();
         // Virtualization
+        this.virtualRows = this.shouldVirtualizeRows();
+        if (this.virtualRows) {
+            tableElement.classList.add(Globals.getClassName('virtualization'));
+        }
         this.rowsVirtualizer = new RowsVirtualizer(this);
         // Init Table
         this.init();
@@ -114,6 +175,13 @@ class Table {
         this.resizeObserver.observe(tableElement);
         this.tbodyElement.addEventListener('scroll', this.onScroll);
         this.tbodyElement.addEventListener('focus', this.onTBodyFocus);
+        // Delegated cell events
+        this.tbodyElement.addEventListener('click', this.onCellClick);
+        this.tbodyElement.addEventListener('dblclick', this.onCellDblClick);
+        this.tbodyElement.addEventListener('mousedown', this.onCellMouseDown);
+        this.tbodyElement.addEventListener('mouseover', this.onCellMouseOver);
+        this.tbodyElement.addEventListener('mouseout', this.onCellMouseOut);
+        this.tbodyElement.addEventListener('keydown', this.onCellKeyDown);
     }
     /* *
     *
@@ -309,12 +377,55 @@ class Table {
     getWidthFromRatio(ratio) {
         return this.tbodyElement.clientWidth * ratio;
     }
+    /**
+     * Finds a cell from a DOM element within the table body.
+     *
+     * @param element
+     * The DOM element to find the cell for (typically event.target).
+     *
+     * @returns
+     * The Cell instance or undefined if not found.
+     *
+     * @internal
+     */
+    getCellFromElement(element) {
+        if (!(element instanceof Element)) {
+            return;
+        }
+        const td = element.closest('td');
+        if (!td) {
+            return;
+        }
+        const tr = td.parentElement;
+        if (!tr) {
+            return;
+        }
+        const rowIndexAttr = tr.getAttribute('data-row-index');
+        if (rowIndexAttr === null) {
+            return;
+        }
+        const rowIndex = parseInt(rowIndexAttr, 10);
+        const firstRowIndex = this.rows[0]?.index ?? 0;
+        const row = this.rows[rowIndex - firstRowIndex];
+        if (!row) {
+            return;
+        }
+        // Find cell index by position in row
+        const cellIndex = Array.prototype.indexOf.call(tr.children, td);
+        return row.cells[cellIndex];
+    }
     /**
      * Destroys the grid table.
      */
     destroy() {
         this.tbodyElement.removeEventListener('focus', this.onTBodyFocus);
         this.tbodyElement.removeEventListener('scroll', this.onScroll);
+        this.tbodyElement.removeEventListener('click', this.onCellClick);
+        this.tbodyElement.removeEventListener('dblclick', this.onCellDblClick);
+        this.tbodyElement.removeEventListener('mousedown', this.onCellMouseDown);
+        this.tbodyElement.removeEventListener('mouseover', this.onCellMouseOver);
+        this.tbodyElement.removeEventListener('mouseout', this.onCellMouseOut);
+        this.tbodyElement.removeEventListener('keydown', this.onCellKeyDown);
         this.resizeObserver.disconnect();
         this.columnsResizer?.removeEventListeners();
         this.header?.destroy();

package/es-modules/Grid/Core/UI/Button.js

@@ -2,11 +2,11 @@
  *
  *  Grid Button interface
  *
- *  (c) 2020-2025 Highsoft AS
+ *  (c) 2020-2026 Highsoft AS
  *
- *  License: www.highcharts.com/license
+ *  A commercial license may be required depending on use.
+ *  See www.highcharts.com/license
  *
- *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  *  Authors:
  *  - Dawid Dragula

package/es-modules/Grid/Core/UI/ContextMenu.js

@@ -2,11 +2,11 @@
  *
  * Grid Context Menu abstract class
  *
- *  (c) 2020-2025 Highsoft AS
+ *  (c) 2020-2026 Highsoft AS
  *
- *  License: www.highcharts.com/license
+ *  A commercial license may be required depending on use.
+ *  See www.highcharts.com/license
  *
- *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  *  Authors:
  *  - Dawid Dragula

package/es-modules/Grid/Core/UI/ContextMenuButton.js

@@ -2,11 +2,11 @@
  *
  *  Grid Context Menu Button class
  *
- *  (c) 2020-2025 Highsoft AS
+ *  (c) 2020-2026 Highsoft AS
  *
- *  License: www.highcharts.com/license
+ *  A commercial license may be required depending on use.
+ *  See www.highcharts.com/license
  *
- *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  *  Authors:
  *  - Dawid Dragula

package/es-modules/Grid/Core/UI/Popup.js

@@ -2,11 +2,11 @@
  *
  *  Grid Popup abstract class
  *
- *  (c) 2020-2025 Highsoft AS
+ *  (c) 2020-2026 Highsoft AS
  *
- *  License: www.highcharts.com/license
+ *  A commercial license may be required depending on use.
+ *  See www.highcharts.com/license
  *
- *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  *  Authors:
  *  - Dawid Dragula

package/es-modules/Grid/Core/UI/SvgIcons.js

@@ -2,11 +2,11 @@
  *
  *  Grid Svg Icons Registry
  *
- *  (c) 2020-2025 Highsoft AS
+ *  (c) 2020-2026 Highsoft AS
  *
- *  License: www.highcharts.com/license
+ *  A commercial license may be required depending on use.
+ *  See www.highcharts.com/license
  *
- *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  *  Authors:
  *  - Mikkel Espolin Birkeland

package/es-modules/Grid/Core/UI/Toolbar.js

@@ -2,11 +2,11 @@
  *
  *  Grid Toolbar interface
  *
- *  (c) 2020-2025 Highsoft AS
+ *  (c) 2020-2026 Highsoft AS
  *
- *  License: www.highcharts.com/license
+ *  A commercial license may be required depending on use.
+ *  See www.highcharts.com/license
  *
- *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  *  Authors:
  *  - Dawid Dragula

package/es-modules/Grid/Core/UI/ToolbarButton.js

@@ -2,11 +2,11 @@
  *
  *  Grid Toolbar Button class
  *
- *  (c) 2020-2025 Highsoft AS
+ *  (c) 2020-2026 Highsoft AS
  *
- *  License: www.highcharts.com/license
+ *  A commercial license may be required depending on use.
+ *  See www.highcharts.com/license
  *
- *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  *  Authors:
  *  - Dawid Dragula

package/es-modules/Grid/Pro/CellEditing/CellEditMode.d.ts

@@ -1,65 +1,28 @@
-/* *
- *
- *  Grid Cell Editing class.
- *
- *  (c) 2020-2025 Highsoft AS
- *
- *  License: www.highcharts.com/license
- *
- *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
- *
- *  Authors:
- *  - Dawid Dragula
- *  - Sebastian Bochan
- *
- * */
-
-
-/* *
- *
- *  Imports
- *
- * */
-
-import DataTable from '../../../Data/DataTable';
-import TableCell from '../../Core/Table/Body/TableCell';
-
-
-/* *
- *
- *  Interfaces
- *
- * */
-
+import type DataTable from '../../../Data/DataTable';
+import type TableCell from '../../Core/Table/Body/TableCell';
 /**
  * Interface for the edit mode content in a cell. It can be implemented by
  * different types of edit mode contents.
  */
-export interface EditModeContent<
-    E extends HTMLElement = HTMLElement
-> {
+export interface EditModeContent<E extends HTMLElement = HTMLElement> {
     /**
      * Returns the main element of the edit mode content. In most cases it is an
      * input element used to edit the cell value.
      */
     getMainElement(): E;
-
     /**
      * Value of the edit mode cell content, parsed according to the column type.
      */
     readonly value: DataTable.CellType;
-
     /**
      * Raw value of the edit mode cell content, in a string format.
      */
     readonly rawValue: string;
-
     /**
      * Destroys the edit mode content, removing all event listeners
      * and references to the DOM elements.
      */
     destroy(): void;
-
     /**
      * Blur event handler for the edit mode content that can be overwritten in
      * the Edit Mode Class.
@@ -68,7 +31,6 @@ export interface EditModeContent<
      * The focus event that triggered the blur.
      */
     blurHandler?: (e: FocusEvent) => void;
-
     /**
      * Key down event handler for the edit mode content that can be overwritten
      * in the Edit Mode Class.
@@ -77,7 +39,6 @@ export interface EditModeContent<
      * The keyboard event that triggered the key down.
      */
     keyDownHandler?: (e: KeyboardEvent) => void;
-
     /**
      * Change event handler for the edit mode content that can be
      * overwritten in the Edit Mode Class.
@@ -86,13 +47,11 @@ export interface EditModeContent<
      * The event that triggered the change.
      */
     changeHandler?: (e: Event) => void;
-
     /**
      * Indicates whether the edit mode should finish after a change event.
      */
     readonly finishAfterChange: boolean;
 }
-
 /**
  * Interface for rendering edit mode content in a cell. It allows the view
  * renderers to be used in the edit mode of a cell.

package/es-modules/Grid/Pro/CellEditing/CellEditMode.js

@@ -0,0 +1,16 @@
+/* *
+ *
+ *  Grid Cell Editing class.
+ *
+ *  (c) 2020-2026 Highsoft AS
+ *
+ *  A commercial license may be required depending on use.
+ *  See www.highcharts.com/license
+ *
+ *
+ *  Authors:
+ *  - Dawid Dragula
+ *  - Sebastian Bochan
+ *
+ * */
+export {};

package/es-modules/Grid/Pro/CellEditing/CellEditing.js

@@ -2,11 +2,11 @@
  *
  *  Grid Cell Editing class.
  *
- *  (c) 2020-2025 Highsoft AS
+ *  (c) 2020-2026 Highsoft AS
  *
- *  License: www.highcharts.com/license
+ *  A commercial license may be required depending on use.
+ *  See www.highcharts.com/license
  *
- *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  *  Authors:
  *  - Dawid Dragula

package/es-modules/Grid/Pro/CellEditing/CellEditingComposition.js

@@ -2,11 +2,11 @@
  *
  *  Grid Cell Editing class.
  *
- *  (c) 2020-2025 Highsoft AS
+ *  (c) 2020-2026 Highsoft AS
  *
- *  License: www.highcharts.com/license
+ *  A commercial license may be required depending on use.
+ *  See www.highcharts.com/license
  *
- *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  *  Authors:
  *  - Dawid Dragula

package/es-modules/Grid/Pro/CellRendering/CellContentPro.js

@@ -2,11 +2,11 @@
  *
  *  Cell Content Pro abstract class
  *
- *  (c) 2020-2025 Highsoft AS
+ *  (c) 2020-2026 Highsoft AS
  *
- *  License: www.highcharts.com/license
+ *  A commercial license may be required depending on use.
+ *  See www.highcharts.com/license
  *
- *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  *  Authors:
  *  - Dawid Dragula

package/es-modules/Grid/Pro/CellRendering/CellRenderer.js

@@ -2,11 +2,11 @@
  *
  *  Cell Renderer abstract class
  *
- *  (c) 2020-2025 Highsoft AS
+ *  (c) 2020-2026 Highsoft AS
  *
- *  License: www.highcharts.com/license
+ *  A commercial license may be required depending on use.
+ *  See www.highcharts.com/license
  *
- *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  *  Authors:
  *  - Dawid Dragula

package/es-modules/Grid/Pro/CellRendering/CellRendererRegistry.js

@@ -2,11 +2,11 @@
  *
  *  Cell Renderer Registry
  *
- *  (c) 2020-2025 Highsoft AS
+ *  (c) 2020-2026 Highsoft AS
  *
- *  License: www.highcharts.com/license
+ *  A commercial license may be required depending on use.
+ *  See www.highcharts.com/license
  *
- *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  *  Authors:
  *  - Dawid Dragula

package/es-modules/Grid/Pro/CellRendering/CellRendererType.d.ts

@@ -1,48 +1,15 @@
-/* *
- *
- *  Cell Renderer Type
- *
- *  (c) 2020-2025 Highsoft AS
- *
- *  License: www.highcharts.com/license
- *
- *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
- *
- *  Authors:
- *  - Dawid Dragula
- *
- * */
-
-
-/* *
- *
- *  Declarations
- *
- * */
-
 /**
  * Contains all possible class types of the cell renderer registry.
  */
-export type CellRendererClassType =
-    CellRendererTypeRegistry[keyof CellRendererTypeRegistry];
-
+export type CellRendererClassType = CellRendererTypeRegistry[keyof CellRendererTypeRegistry];
 /**
  * Contains all possible types of the class registry.
  */
 export type CellRendererType = CellRendererClassType['prototype'];
-
 /**
  * Describes the class registry as a record object with class name and their
  * class types (aka class constructor).
  */
 export interface CellRendererTypeRegistry {
-    // Extend this interface with the declare module pattern.
 }
-
-/* *
- *
- *  Export
- *
- * */
-
 export default CellRendererType;

package/es-modules/Grid/Pro/CellRendering/CellRendererType.js

@@ -0,0 +1,15 @@
+/* *
+ *
+ *  Cell Renderer Type
+ *
+ *  (c) 2020-2026 Highsoft AS
+ *
+ *  A commercial license may be required depending on use.
+ *  See www.highcharts.com/license
+ *
+ *
+ *  Authors:
+ *  - Dawid Dragula
+ *
+ * */
+export {};

package/es-modules/Grid/Pro/CellRendering/CellRenderersComposition.js

@@ -2,11 +2,11 @@
  *
  *  Cell Content Pro composition
  *
- *  (c) 2020-2025 Highsoft AS
+ *  (c) 2020-2026 Highsoft AS
  *
- *  License: www.highcharts.com/license
+ *  A commercial license may be required depending on use.
+ *  See www.highcharts.com/license
  *
- *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  *  Authors:
  *  - Dawid Dragula

package/es-modules/Grid/Pro/CellRendering/ContentTypes/CheckboxContent.js

@@ -2,11 +2,11 @@
  *
  *  Checkbox Cell Content class
  *
- *  (c) 2020-2025 Highsoft AS
+ *  (c) 2020-2026 Highsoft AS
  *
- *  License: www.highcharts.com/license
+ *  A commercial license may be required depending on use.
+ *  See www.highcharts.com/license
  *
- *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  *  Authors:
  *  - Dawid Dragula

package/es-modules/Grid/Pro/CellRendering/ContentTypes/DateInputContent.js

@@ -2,11 +2,11 @@
  *
  *  Date Input Cell Content class
  *
- *  (c) 2020-2025 Highsoft AS
+ *  (c) 2020-2026 Highsoft AS
  *
- *  License: www.highcharts.com/license
+ *  A commercial license may be required depending on use.
+ *  See www.highcharts.com/license
  *
- *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  *  Authors:
  *  - Dawid Dragula

package/es-modules/Grid/Pro/CellRendering/ContentTypes/DateInputContentBase.js

@@ -2,11 +2,11 @@
  *
  *  Date Input Cell Content Base class
  *
- *  (c) 2020-2025 Highsoft AS
+ *  (c) 2020-2026 Highsoft AS
  *
- *  License: www.highcharts.com/license
+ *  A commercial license may be required depending on use.
+ *  See www.highcharts.com/license
  *
- *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  *  Authors:
  *  - Dawid Dragula