@highcharts/grid-pro 2.0.0 → 2.1.0

package/es-modules/Data/DataTableCore.js

@@ -242,16 +242,25 @@ class DataTableCore {
      * @emits #afterSetRows
      */
     setRow(row, rowIndex = this.rowCount, insert, eventDetail) {
-        const { columns } = this, indexRowCount = insert ? this.rowCount + 1 : rowIndex + 1;
-        objectEach(row, (cellValue, columnId) => {
-            let column = columns[columnId] ||
-                eventDetail?.addColumns !== false && new Array(indexRowCount);
+        const { columns } = this, indexRowCount = insert ? this.rowCount + 1 : rowIndex + 1, rowKeys = Object.keys(row);
+        if (eventDetail?.addColumns !== false) {
+            for (let i = 0, iEnd = rowKeys.length; i < iEnd; i++) {
+                const key = rowKeys[i];
+                if (!columns[key]) {
+                    columns[key] = [];
+                }
+            }
+        }
+        objectEach(columns, (column, columnId) => {
+            if (!column && eventDetail?.addColumns !== false) {
+                column = new Array(indexRowCount);
+            }
             if (column) {
                 if (insert) {
-                    column = splice(column, rowIndex, 0, true, [cellValue]).array;
+                    column = splice(column, rowIndex, 0, true, [row[columnId] ?? null]).array;
                 }
                 else {
-                    column[rowIndex] = cellValue;
+                    column[rowIndex] = row[columnId] ?? null;
                 }
                 columns[columnId] = column;
             }

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

@@ -64,7 +64,7 @@ declare class Accessibility {
      * @param state
      * The sort state to be set for the column header cell.
      */
-    setColumnSortState(thElement: HTMLElement, state: Accessibility.AriaSortState): void;
+    setColumnSortState(thElement: HTMLElement, state: AriaSortState): void;
     /**
      * Announce the message to the screen reader that the user filtered the
      * column.
@@ -75,7 +75,7 @@ declare class Accessibility {
      * @param filteringApplied
      * Whether the filtering was applied or cleared.
      */
-    userFilteredColumn(filteredColumnValues: Accessibility.FilteredColumnValues, filteringApplied: boolean): void;
+    userFilteredColumn(filteredColumnValues: FilteredColumnValues, filteringApplied: boolean): void;
     /**
      * Adds high contrast CSS class, if the browser is in High Contrast mode.
      */
@@ -99,17 +99,15 @@ declare class Accessibility {
      */
     destroy(): void;
 }
-declare namespace Accessibility {
-    /**
-     * The possible states of the aria-sort attribute.
-     */
-    type AriaSortState = 'ascending' | 'descending' | 'none';
-    /**
-     * The values of the filtered column.
-     */
-    type FilteredColumnValues = FilteringCondition & {
-        columnId: string;
-        rowsCount: number;
-    };
-}
+/**
+ * The possible states of the aria-sort attribute.
+ */
+export type AriaSortState = 'ascending' | 'descending' | 'none';
+/**
+ * The values of the filtered column.
+ */
+export type FilteredColumnValues = FilteringCondition & {
+    columnId: string;
+    rowsCount: number;
+};
 export default Accessibility;

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

@@ -52,6 +52,4 @@ declare class Credits {
      */
     destroy(): void;
 }
-declare namespace Credits {
-}
 export default Credits;

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

@@ -1,20 +1,23 @@
-import type Options from './Options';
+import type { Options, LangOptions } from './Options';
 import type { DeepPartial } from '../../Shared/Types';
 /**
- * Namespace for default options.
+ * Default language options for the Grid.
  */
-declare namespace Defaults {
-    /**
-     * Default options for the Grid.
-     */
-    const defaultOptions: DeepPartial<Options>;
-    /**
-     * Merge the default options with custom options. Commonly used for defining
-     * reusable templates.
-     *
-     * @param options
-     * The new custom chart options.
-     */
-    function setOptions(options: DeepPartial<Options>): void;
-}
-export default Defaults;
+export declare const defaultLangOptions: DeepPartial<LangOptions>;
+/**
+ * Default options for the Grid.
+ */
+export declare const defaultOptions: DeepPartial<Options>;
+/**
+ * Merge the default options with custom options. Commonly used for defining
+ * reusable templates.
+ *
+ * @param options
+ * The new custom grid options.
+ */
+export declare function setOptions(options: DeepPartial<Options>): void;
+declare const _default: {
+    readonly defaultOptions: DeepPartial<Options>;
+    readonly setOptions: typeof setOptions;
+};
+export default _default;

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

@@ -14,135 +14,137 @@
  *
  * */
 'use strict';
+import Pagination from './Pagination/Pagination.js';
 import Utils from '../../Core/Utilities.js';
 const { merge } = Utils;
 /**
- * Namespace for default options.
+ * Default language options for the Grid.
  */
-var Defaults;
-(function (Defaults) {
-    /**
-     * Default options for the Grid.
-     */
-    Defaults.defaultOptions = {
-        accessibility: {
-            enabled: true,
-            highContrastMode: 'auto',
+export const defaultLangOptions = {
+    accessibility: {
+        sorting: {
+            sortable: 'Sortable.',
             announcements: {
-                sorting: true,
-                filtering: true
+                ascending: 'Sorted ascending.',
+                descending: 'Sorted descending.',
+                none: 'Not sorted.'
             }
         },
-        lang: {
-            accessibility: {
-                sorting: {
-                    sortable: 'Sortable.',
-                    announcements: {
-                        ascending: 'Sorted ascending.',
-                        descending: 'Sorted descending.',
-                        none: 'Not sorted.'
-                    }
-                },
-                pagination: {
-                    announcements: {
-                        pageSizeChange: 'Page size changed to',
-                        pageChange: 'Page changed to'
-                    }
-                },
-                filtering: {
-                    announcements: {
-                        filterApplied: 'Filter applied for {columnId}, ' +
-                            '{condition} {value}. {rowsCount} results found.',
-                        emptyFilterApplied: 'Filter applied for {columnId}, ' +
-                            '{condition} values. {rowsCount} results found.',
-                        filterCleared: 'Filter cleared for {columnId}. ' +
-                            '{rowsCount} results found.'
-                    }
-                }
-            },
-            loading: 'Loading...',
-            noData: 'No data to display',
-            filter: 'Filter',
-            sortAscending: 'Sort ascending',
-            sortDescending: 'Sort descending',
-            column: 'Column',
-            setFilter: 'Set filter',
-            pagination: {
-                pageInfo: 'Showing {start} - {end} of {total} ' +
-                    '(page {currentPage} of {totalPages})',
-                pageSizeLabel: 'rows per page',
-                firstPage: 'First page',
-                previousPage: 'Previous page',
-                nextPage: 'Next page',
-                lastPage: 'Last page',
-                pageNumber: 'Page {page}',
-                ellipsis: 'More pages'
-            },
-            columnFilteringConditions: {
-                contains: 'Contains',
-                doesNotContain: 'Does not contain',
-                equals: 'Equals',
-                doesNotEqual: 'Does not equal',
-                beginsWith: 'Begins with',
-                endsWith: 'Ends with',
-                empty: 'Empty',
-                notEmpty: 'Not empty',
-                greaterThan: 'Greater than',
-                greaterThanOrEqualTo: 'Greater than or equal to',
-                lessThan: 'Less than',
-                lessThanOrEqualTo: 'Less than or equal to',
-                before: 'Before',
-                after: 'After',
-                all: 'All',
-                'true': 'True',
-                'false': 'False'
+        pagination: {
+            announcements: {
+                pageSizeChange: 'Page size changed to',
+                pageChange: 'Page changed to'
             }
         },
-        time: {
-            timezone: 'UTC'
+        filtering: {
+            announcements: {
+                filterApplied: 'Filter applied for {columnId}, ' +
+                    '{condition} {value}. {rowsCount} results found.',
+                emptyFilterApplied: 'Filter applied for {columnId}, ' +
+                    '{condition} values. {rowsCount} results found.',
+                filterCleared: 'Filter cleared for {columnId}. ' +
+                    '{rowsCount} results found.'
+            }
+        }
+    },
+    loading: 'Loading...',
+    noData: 'No data to display',
+    filter: 'Filter',
+    sortAscending: 'Sort ascending',
+    sortDescending: 'Sort descending',
+    column: 'Column',
+    setFilter: 'Set filter',
+    pagination: {
+        pageInfo: 'Showing {start} - {end} of {total} ' +
+            '(page {currentPage} of {totalPages})',
+        pageSizeLabel: 'rows per page',
+        firstPage: 'First page',
+        previousPage: 'Previous page',
+        nextPage: 'Next page',
+        lastPage: 'Last page',
+        pageNumber: 'Page {page}',
+        ellipsis: 'More pages'
+    },
+    columnFilteringConditions: {
+        contains: 'Contains',
+        doesNotContain: 'Does not contain',
+        equals: 'Equals',
+        doesNotEqual: 'Does not equal',
+        beginsWith: 'Begins with',
+        endsWith: 'Ends with',
+        empty: 'Empty',
+        notEmpty: 'Not empty',
+        greaterThan: 'Greater than',
+        greaterThanOrEqualTo: 'Greater than or equal to',
+        lessThan: 'Less than',
+        lessThanOrEqualTo: 'Less than or equal to',
+        before: 'Before',
+        after: 'After',
+        all: 'All',
+        'true': 'True',
+        'false': 'False'
+    }
+};
+/**
+ * Default options for the Grid.
+ */
+export const defaultOptions = {
+    accessibility: {
+        enabled: true,
+        highContrastMode: 'auto',
+        announcements: {
+            sorting: true,
+            filtering: true
+        }
+    },
+    time: {
+        timezone: 'UTC'
+    },
+    rendering: {
+        rows: {
+            bufferSize: 10,
+            minVisibleRows: 2,
+            strictHeights: false,
+            virtualizationThreshold: 50
         },
-        rendering: {
-            rows: {
-                bufferSize: 10,
-                minVisibleRows: 2,
-                strictHeights: false,
-                virtualizationThreshold: 50
-            },
-            header: {
-                enabled: true
-            },
-            columns: {
-                resizing: {
-                    enabled: true,
-                    mode: 'adjacent'
-                }
-            },
-            theme: 'hcg-theme-default'
+        header: {
+            enabled: true
         },
-        columnDefaults: {
-            sorting: {
-                sortable: true
-            },
-            filtering: {
-                inline: false
+        columns: {
+            resizing: {
+                enabled: true,
+                mode: 'adjacent'
             }
+        },
+        theme: 'hcg-theme-default'
+    },
+    columnDefaults: {
+        sorting: {
+            sortable: true
+        },
+        filtering: {
+            inline: false
         }
-    };
-    /**
-     * Merge the default options with custom options. Commonly used for defining
-     * reusable templates.
-     *
-     * @param options
-     * The new custom chart options.
-     */
-    function setOptions(options) {
-        merge(true, Defaults.defaultOptions, options);
-    }
-    Defaults.setOptions = setOptions;
-})(Defaults || (Defaults = {}));
+    },
+    pagination: Pagination.defaultOptions,
+    lang: defaultLangOptions
+};
+/**
+ * Merge the default options with custom options. Commonly used for defining
+ * reusable templates.
+ *
+ * @param options
+ * The new custom grid options.
+ */
+export function setOptions(options) {
+    merge(true, defaultOptions, options);
+}
 /* *
  *
  *  Default Export
  *
  * */
-export default Defaults;
+export default {
+    defaultOptions,
+    setOptions
+};

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

@@ -1,13 +1,97 @@
-/**
- * Globals Grid namespace.
- */
-declare namespace Globals {
-    type DeepRequired<T> = {
-        [K in keyof T]-?: DeepRequired<T[K]>;
-    };
-    type ClassNameKey = keyof typeof rawClassNames;
-    const classNamePrefix: string;
-    const rawClassNames: {
+export type DeepRequired<T> = {
+    [K in keyof T]-?: DeepRequired<T[K]>;
+};
+export type ClassNameKey = keyof typeof rawClassNames;
+export declare const classNamePrefix: string;
+export declare const version = "2.1.0";
+export declare const rawClassNames: {
+    readonly container: "container";
+    readonly tableElement: "table";
+    readonly captionElement: "caption";
+    readonly descriptionElement: "description";
+    readonly theadElement: "thead";
+    readonly tbodyElement: "tbody";
+    readonly rowElement: "row";
+    readonly rowEven: "row-even";
+    readonly rowOdd: "row-odd";
+    readonly hoveredRow: "hovered-row";
+    readonly columnElement: "column";
+    readonly hoveredCell: "hovered-cell";
+    readonly hoveredColumn: "hovered-column";
+    readonly syncedRow: "synced-row";
+    readonly syncedCell: "synced-cell";
+    readonly syncedColumn: "synced-column";
+    readonly editedCell: "edited-cell";
+    readonly mockedRow: "mocked-row";
+    readonly rowsContentNowrap: "rows-content-nowrap";
+    readonly virtualization: "virtualization";
+    readonly scrollableContent: "scrollable-content";
+    readonly headerCell: "header-cell";
+    readonly headerCellContainer: "header-cell-container";
+    readonly headerCellContent: "header-cell-content";
+    readonly headerCellFilterIcon: "header-cell-filter-icon";
+    readonly headerCellIcons: "header-cell-icons";
+    readonly headerCellSortIcon: "header-cell-sort-icon";
+    readonly headerCellMenuIcon: "header-cell-menu-icon";
+    readonly headerRow: "head-row-content";
+    readonly noData: "no-data";
+    readonly noPadding: "no-padding";
+    readonly columnFirst: "column-first";
+    readonly columnSortable: "column-sortable";
+    readonly columnSortableIcon: "column-sortable-icon";
+    readonly columnSortedAsc: "column-sorted-asc";
+    readonly columnSortedDesc: "column-sorted-desc";
+    readonly resizableContent: "resizable-content";
+    readonly resizerHandles: "column-resizer";
+    readonly resizedColumn: "column-resized";
+    readonly creditsContainer: "credits-container";
+    readonly creditsText: "credits";
+    readonly creditsPro: "credits-pro";
+    readonly visuallyHidden: "visually-hidden";
+    readonly lastHeaderCellInRow: "last-header-cell-in-row";
+    readonly loadingWrapper: "loading-wrapper";
+    readonly loadingSpinner: "spinner";
+    readonly loadingMessage: "loading-message";
+    readonly popup: "popup";
+    readonly button: "button";
+    readonly buttonSelected: "button-selected";
+    readonly input: "input";
+    readonly icon: "icon";
+    readonly iconSearch: "icon-search";
+    readonly popupContent: "popup-content";
+    readonly columnFilterWrapper: "column-filter-wrapper";
+    readonly toolbarButtonActiveIndicator: "active-indicator";
+    readonly menuContainer: "menu-container";
+    readonly menuItem: "menu-item";
+    readonly menuHeader: "menu-header";
+    readonly menuHeaderCategory: "menu-header-category";
+    readonly menuHeaderName: "menu-header-name";
+    readonly menuItemIcon: "menu-item-icon";
+    readonly menuItemLabel: "menu-item-label";
+    readonly menuDivider: "menu-divider";
+    readonly clearFilterButton: "clear-filter-button";
+    readonly paginationWrapper: "pagination-wrapper";
+    readonly paginationContainer: "pagination-container";
+    readonly paginationPageInfo: "pagination-info";
+    readonly paginationControlsContainer: "pagination-controls-container";
+    readonly paginationNavButtonsContainer: "pagination-nav-buttons-container";
+    readonly paginationNavDropdown: "pagination-nav-dropdown";
+    readonly paginationPageSize: "pagination-page-size";
+    readonly noWidth: "no-width";
+    readonly rightAlign: "right";
+    readonly centerAlign: "center";
+    readonly leftAlign: "left";
+};
+export declare const win: Window & typeof globalThis;
+export declare const composed: Array<string>;
+export declare const userAgent: string;
+export declare const isChrome: boolean;
+export declare const isSafari: boolean;
+export declare const getClassName: (classNameKey: ClassNameKey) => string;
+declare const _default: {
+    readonly classNamePrefix: string;
+    readonly version: "2.1.0";
+    readonly rawClassNames: {
         readonly container: "container";
         readonly tableElement: "table";
         readonly captionElement: "caption";
@@ -57,6 +141,8 @@ declare namespace Globals {
         readonly loadingMessage: "loading-message";
         readonly popup: "popup";
         readonly button: "button";
+        readonly buttonSelected: "button-selected";
+        readonly input: "input";
         readonly icon: "icon";
         readonly iconSearch: "icon-search";
         readonly popupContent: "popup-content";
@@ -74,30 +160,20 @@ declare namespace Globals {
         readonly paginationWrapper: "pagination-wrapper";
         readonly paginationContainer: "pagination-container";
         readonly paginationPageInfo: "pagination-info";
-        readonly paginationControls: "pagination-controls";
-        readonly paginationButton: "pagination-btn";
-        readonly paginationButtonDisabled: "pagination-btn-disabled";
-        readonly paginationFirstButton: "pagination-first";
-        readonly paginationPrevButton: "pagination-prev";
-        readonly paginationNextButton: "pagination-next";
-        readonly paginationLastButton: "pagination-last";
-        readonly paginationPageButton: "pagination-page";
-        readonly paginationPageButtonActive: "pagination-page-active";
-        readonly paginationEllipsis: "pagination-ellipsis";
-        readonly paginationMobileSelector: "pagination-mobile-selector";
-        readonly paginationMobilePageSizeSelector: "pagination-mobile-page-size-selector";
-        readonly paginationPageSizeContainer: "pagination-page-size-container";
-        readonly paginationPageSizeSelect: "pagination-page-size-select";
+        readonly paginationControlsContainer: "pagination-controls-container";
+        readonly paginationNavButtonsContainer: "pagination-nav-buttons-container";
+        readonly paginationNavDropdown: "pagination-nav-dropdown";
+        readonly paginationPageSize: "pagination-page-size";
         readonly noWidth: "no-width";
         readonly rightAlign: "right";
         readonly centerAlign: "center";
         readonly leftAlign: "left";
     };
-    const win: Window & typeof globalThis;
-    const composed: Array<string>;
-    const userAgent: string;
-    const isChrome: boolean;
-    const isSafari: boolean;
-    const getClassName: (classNameKey: ClassNameKey) => string;
-}
-export default Globals;
+    readonly win: Window & typeof globalThis;
+    readonly composed: string[];
+    readonly userAgent: string;
+    readonly isChrome: boolean;
+    readonly isSafari: boolean;
+    readonly getClassName: (classNameKey: ClassNameKey) => string;
+};
+export default _default;