@easyquery/ui 7.2.0-rc01 → 7.2.0-rc02

package/dist/browser/eq.view.css

@@ -1,5 +1,5 @@
 /** 
- * EasyQuery.JS Community 7.2.0-rc01 (https://korzh.com/easyquery/javascript)
+ * EasyQuery.JS Community 7.2.0-rc02 (https://korzh.com/easyquery/javascript)
  * Copyright 2021 Korzh.com. All rights reserved.
  * 
  * EasyQuery.JS commercial licenses may be obtained at

package/dist/browser/eq.view.min.css

@@ -1,5 +1,5 @@
 /** 
- * EasyQuery.JS Community 7.2.0-rc01 (https://korzh.com/easyquery/javascript)
+ * EasyQuery.JS Community 7.2.0-rc02 (https://korzh.com/easyquery/javascript)
  * Copyright 2021 Korzh.com. All rights reserved.
  * 
  * EasyQuery.JS commercial licenses may be obtained at

package/dist/bundles/easyquery.ui.js

@@ -4370,7 +4370,7 @@ var easy_grid_EasyGrid = /** @class */ (function () {
                     default: 60
                 }
             },
-            addColumns: false,
+            showPlusButton: false,
             viewportRowsCount: null,
             showActiveRow: true
         };
@@ -4469,8 +4469,8 @@ var easy_grid_EasyGrid = /** @class */ (function () {
         if (options.onRowDbClick) {
             this.addEventListener('rowDbClick', options.onRowDbClick);
         }
-        if (options.onAddColumnClick) {
-            this.addEventListener('addColumnClick', options.onAddColumnClick);
+        if (options.onPlusButtonClick) {
+            this.addEventListener('plusButtonClick', options.onPlusButtonClick);
         }
         if (options.onColumnChanged) {
             this.addEventListener('columnChanged', options.onColumnChanged);
@@ -4556,7 +4556,7 @@ var easy_grid_EasyGrid = /** @class */ (function () {
     };
     EasyGrid.prototype.render = function () {
         var _this = this;
-        if (!this.hasData() && !this.options.addColumns)
+        if (!this.hasData() && !this.options.showPlusButton)
             return;
         this.containerInitialHeight = this.slot.clientHeight;
         this.rootDiv = document.createElement('div');
@@ -4604,14 +4604,14 @@ var easy_grid_EasyGrid = /** @class */ (function () {
                 var firstRow = _this.bodyCellContainerDiv.firstElementChild;
                 var rowHeight = firstRow ? firstRow.offsetHeight : DEFAULT_ROW_HEIGHT;
                 var rowCount = _this.options.viewportRowsCount; // || DEFAULT_ROW_COUNT;
-                var bodyHeight_1 = rowHeight * rowCount;
-                domel(_this.bodyDiv)
-                    .setStyle('height', bodyHeight_1 + "px");
+                var viewportHeight_1 = rowHeight * rowCount;
+                domel(_this.bodyViewportDiv)
+                    .setStyle('height', viewportHeight_1 + "px");
                 setTimeout(function () {
                     var sbHeight = _this.bodyViewportDiv.offsetHeight - _this.bodyViewportDiv.clientHeight;
-                    bodyHeight_1 = bodyHeight_1 + sbHeight;
-                    domel(_this.bodyDiv)
-                        .setStyle('height', bodyHeight_1 + "px");
+                    viewportHeight_1 = viewportHeight_1 + sbHeight;
+                    domel(_this.bodyViewportDiv)
+                        .setStyle('height', viewportHeight_1 + "px");
                     resolve();
                 }, 100);
                 return;
@@ -4658,7 +4658,7 @@ var easy_grid_EasyGrid = /** @class */ (function () {
             _this.headerRowDiv.appendChild(hd);
             if (column.isRowNum) {
                 domel(hd)
-                    .addChildElement(_this.renderAddColumnButton());
+                    .addChildElement(_this.renderHeaderButtons());
             }
         });
         var containerWidth = this.getContainerWidth();
@@ -4997,23 +4997,26 @@ var easy_grid_EasyGrid = /** @class */ (function () {
         var pageInfoDiv = domel('div')
             .addClass(this.cssPrefix + "-page-info")
             .toDOM();
-        var fistPageRecordNum = count
-            ? (this.pagination.page - 1) * this.pagination.pageSize + 1
-            : 0;
-        var lastPageRecordNum = count
-            ? fistPageRecordNum + count - 1
-            : 0;
-        var totalStr = this.dataTable.getTotal().toString();
-        if (this.dataTable.elasticChunks) {
-            var count_1 = this.dataTable.getCachedCount();
-            var total = this.dataTable.getTotal();
-            if (count_1 !== total)
-                totalStr = '?';
-        }
-        pageInfoDiv.innerHTML = public_api["g" /* i18n */].getText('GridPageInfo')
-            .replace('{FirstPageRecordNum}', "<span>" + fistPageRecordNum.toString() + "</span>")
-            .replace('{LastPageRecordNum}', "<span>" + lastPageRecordNum.toString() + "</span>")
-            .replace('{Total}', "<span>" + totalStr + "</span>");
+        var rowCount = this.dataTable.getTotal();
+        if (rowCount > 0) {
+            var fistPageRecordNum = count
+                ? (this.pagination.page - 1) * this.pagination.pageSize + 1
+                : 0;
+            var lastPageRecordNum = count
+                ? fistPageRecordNum + count - 1
+                : 0;
+            var totalStr = this.dataTable.getTotal().toString();
+            if (this.dataTable.elasticChunks) {
+                var count_1 = this.dataTable.getCachedCount();
+                var total = this.dataTable.getTotal();
+                if (count_1 !== total)
+                    totalStr = '?';
+            }
+            pageInfoDiv.innerHTML = public_api["g" /* i18n */].getText('GridPageInfo')
+                .replace('{FirstPageRecordNum}', "<span>" + fistPageRecordNum.toString() + "</span>")
+                .replace('{LastPageRecordNum}', "<span>" + lastPageRecordNum.toString() + "</span>")
+                .replace('{Total}', "<span>" + totalStr + "</span>");
+        }
         return pageInfoDiv;
     };
     EasyGrid.prototype.showProgress = function () {
@@ -5108,7 +5111,8 @@ var easy_grid_EasyGrid = /** @class */ (function () {
         var _this = this;
         var paginateDiv = document.createElement('div');
         paginateDiv.className = this.cssPrefix + "-pagination-wrapper";
-        if (this.options.paging && this.options.paging.enabled) {
+        var rowCount = this.dataTable.getTotal();
+        if (this.options.paging && this.options.paging.enabled && rowCount > 0) {
             var prefix_1 = this.paginationOptions.useBootstrap ? '' : this.cssPrefix + "-";
             var buttonClickHandler_1 = function (ev) {
                 var element = ev.target;
@@ -5234,18 +5238,18 @@ var easy_grid_EasyGrid = /** @class */ (function () {
     EasyGrid.prototype.removeEventListener = function (eventType, handlerId) {
         this.eventEmitter.unsubscribe(eventType, handlerId);
     };
-    EasyGrid.prototype.renderAddColumnButton = function () {
+    EasyGrid.prototype.renderHeaderButtons = function () {
         var _this = this;
-        if (this.options.addColumns) {
+        if (this.options.showPlusButton) {
             return domel('div')
-                .addClass(this.cssPrefix + "-addrow")
-                .title(this.options.addColumnsTitle || 'Add column')
+                .addClass(this.cssPrefix + "-header-btn-plus")
+                .title(this.options.plusButtonTitle || 'Add')
                 .addChild('a', function (builder) { return builder
                 .attr('href', 'javascript:void(0)')
                 .on('click', function (e) {
                 e.preventDefault();
                 _this.fireEvent({
-                    type: 'addColumnClick',
+                    type: 'plusButtonClick',
                     sourceEvent: e
                 });
             }); })
@@ -16402,7 +16406,7 @@ var easy_grid_widget_EasyGridWidget = /** @class */ (function (_super) {
         _super.prototype.init.call(this, context, options);
         var gridOptions = __assign(__assign({}, options), { slot: this.slot, dataTable: context.resultTable });
         this.options = public_api["i" /* utils */].assign(this.options, options);
-        gridOptions.onAddColumnClick = function (ev) { return _this.addColumnClickHandler(ev); };
+        gridOptions.onPlusButtonClick = function (ev) { return _this.addColumnClickHandler(ev); };
         gridOptions.onColumnMoved = function (ev) { return _this.columnMovedHandler(ev); };
         if (gridOptions.aggregates) {
             this.hasCustomTotalsSettings = true;
@@ -17105,6 +17109,11 @@ var result_facet_ResultFacet = /** @class */ (function () {
         var resultTable = context.resultTable;
         return (resultTable.getCachedCount() == resultTable.getTotal());
     };
+    ResultFacet.prototype.showErrorMessage = function (message) {
+        this.displayMessageDiv.innerHTML = message;
+        this.displayMessageDiv.classList.add(this.cssPrefix + "-error-message");
+        Object(lib_public_api["i" /* domel */])(this.displayMessageDiv).show();
+    };
     ResultFacet.prototype.showUnableDisplayMessage = function (message) {
         var context = this.getContext();
         var resultTable = context.resultTable;
@@ -18196,21 +18205,25 @@ var pivot_table_facet_PivotTableFacet = /** @class */ (function (_super) {
     PivotTableFacet.prototype.init = function (slot) {
         var _this = this;
         _super.prototype.init.call(this, slot);
+        this.options.maxRowCount = this.options.maxRowCount || 500;
+        this.options.viewportRowsCount = this.options.viewportRowsCount || 50;
         this.grid = new lib_public_api["e" /* EasyGrid */]({
             slot: this.contentDiv,
             dataTable: this.pivotTable,
             paging: {
-                enabled: false
+                enabled: false,
+                pageSize: this.options.maxRowCount
             },
+            viewportRowsCount: this.options.viewportRowsCount,
             useRowNumeration: false,
-            addColumns: false,
+            showPlusButton: false,
             allowDragDrop: false,
             onGetCellRenderer: function (column, defaultRenderer) {
                 if (column.dataColumn) {
                     if (column.dataColumn.id == "total") {
                         return function (value, column, cell, rowEl) {
                             defaultRenderer(value, column, cell, rowEl);
-                            cell.style.fontWeight = '900';
+                            cell.classList.add('pivot-cell-total');
                         };
                     }
                     if (_this.settings.totalsRow) {
@@ -18471,6 +18484,18 @@ var pivot_table_facet_PivotTableFacet = /** @class */ (function (_super) {
     PivotTableFacet.prototype.refreshCore = function () {
         this.updatePivotData();
         if (this.grid) {
+            var dataSize = this.pivotTable.getTotal();
+            var maxRow = this.grid.options.paging.pageSize;
+            if (dataSize > maxRow) {
+                this.contentDiv.classList.remove('pivot-grid-with-totals');
+                this.showErrorMessage(public_api["g" /* i18n */].getText('Facets', 'ErrTooMuchData'));
+            }
+            if (this.options.viewportRowsCount > dataSize) {
+                this.grid.options.viewportRowsCount = dataSize;
+            }
+            else {
+                this.grid.options.viewportRowsCount = this.options.viewportRowsCount;
+            }
             this.grid.refresh();
         }
     };
@@ -18645,10 +18670,10 @@ var pivot_table_facet_PivotTableFacet = /** @class */ (function (_super) {
                 total_row.push(totalByCol);
             }
             this.pivotTable.addRow(total_row);
-            this.contentDiv.classList.add('pivot-grid-totals-row');
+            this.contentDiv.classList.add('pivot-grid-with-totals');
         }
         else {
-            this.contentDiv.classList.remove('pivot-grid-totals-row');
+            this.contentDiv.classList.remove('pivot-grid-with-totals');
         }
     };
     PivotTableFacet.prototype.calcAggrFunc = function (func, options) {
@@ -22668,6 +22693,7 @@ function addEasyQueryUITexts() {
             TabNameLabel: 'Tab name',
             ErrQueryChanged: 'FAILED TO DISPLAY. QUERY WAS CHANGED',
             ErrNotEnoughData: "We can't display the graph because not all data for this query is loaded. \n        The total number of records: {totalRecs}, currently loaded: {cachedRecs}. \n        You can [download the result]. Please note: this may take some time and consume a lot of memory.",
+            ErrTooMuchData: 'Too much data. The grid is not able to display it',
             Chart: {
                 FacetTitle: 'Chart',
                 DlgTitle: 'Chart settings',