@highcharts/grid-pro 2.0.1 → 2.1.0

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;

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

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