tabulator-tables 5.3.2 → 5.3.3

package/dist/js/tabulator.js

@@ -1,4 +1,4 @@
-/* Tabulator v5.3.2 (c) Oliver Folkerd 2022 */
+/* Tabulator v5.3.3 (c) Oliver Folkerd 2022 */
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
   typeof define === 'function' && define.amd ? define(factory) :
@@ -3325,6 +3325,7 @@
         var minHeight = 0;
 
         if (!this.redrawBlock) {
+          this.element.style.height = "";
           this.columns.forEach(function (column) {
             column.clearVerticalAlign();
           });
@@ -3335,6 +3336,7 @@
               minHeight = height;
             }
           });
+          this.element.style.height = minHeight + "px";
           this.columns.forEach(function (column) {
             column.verticalAlign(_this3.table.options.columnHeaderVertAlign, minHeight);
           });
@@ -5833,11 +5835,6 @@
         this.displayRows = [];
         this.displayRows.push(this.activeRows.slice(0));
         this.displayRowsCount = this.displayRows[0].length;
-      }
-    }, {
-      key: "getNextDisplayIndex",
-      value: function getNextDisplayIndex() {
-        return this.displayRows.length;
       } //set display row pipeline data
 
     }, {
@@ -5881,23 +5878,24 @@
     }, {
       key: "getRows",
       value: function getRows(type) {
-        var rows;
-
-        switch (type) {
-          case "active":
-            rows = this.activeRows;
-            break;
+        var rows = [];
 
-          case "display":
-            rows = this.table.rowManager.getDisplayRows();
-            break;
+        if (!type) {
+          rows = this.chain("rows-retrieve", type, null, this.rows) || this.rows;
+        } else {
+          switch (type) {
+            case "active":
+              rows = this.activeRows;
+              break;
 
-          case "visible":
-            rows = this.getVisibleRows(false, true);
-            break;
+            case "display":
+              rows = this.table.rowManager.getDisplayRows();
+              break;
 
-          default:
-            rows = this.chain("rows-retrieve", type, null, this.rows) || this.rows;
+            case "visible":
+              rows = this.getVisibleRows(false, true);
+              break;
+          }
         }
 
         return rows;
@@ -6006,9 +6004,7 @@
         this._clearPlaceholder();
 
         this.scrollTop = 0;
-        this.scrollLeft = 0; // clear empty table placeholder min
-
-        this.tableElement.style.minWidth = "";
+        this.scrollLeft = 0;
         this.renderer.clearRows();
       }
     }, {
@@ -6025,7 +6021,9 @@
       key: "_clearPlaceholder",
       value: function _clearPlaceholder() {
         if (this.placeholder && this.placeholder.parentNode) {
-          this.placeholder.parentNode.removeChild(this.placeholder);
+          this.placeholder.parentNode.removeChild(this.placeholder); // clear empty table placeholder min
+
+          this.tableElement.style.minWidth = "";
         }
       }
     }, {
@@ -7641,6 +7639,41 @@
         this.table.rowManager.registerDisplayPipelineHandler(handler, priority);
         this._handler = handler;
       }
+    }, {
+      key: "displayRows",
+      value: function displayRows(adjust) {
+        var _this3 = this;
+
+        var index = this.table.rowManager.displayRows.length - 1,
+            lookupIndex;
+
+        if (this._handler) {
+          lookupIndex = this.table.rowManager.displayPipeline.findIndex(function (item) {
+            return item.handler === _this3._handler;
+          });
+
+          if (lookupIndex > -1) {
+            index = lookupIndex;
+          }
+        }
+
+        if (adjust) {
+          index = index + adjust;
+        }
+
+        if (this._handler) {
+          if (index > -1) {
+            return this.table.rowManager.getDisplayRows(index);
+          } else {
+            return this.activeRows();
+          }
+        }
+      }
+    }, {
+      key: "activeRows",
+      value: function activeRows() {
+        return this.table.rowManager.activeRows;
+      }
     }, {
       key: "refreshData",
       value: function refreshData(renderInPosition, handler) {
@@ -10984,8 +11017,6 @@
 
       _this.startOpen = function () {};
 
-      _this.displayIndex = 0;
-
       _this.registerTableOption("dataTree", false); //enable data tree
 
 
@@ -11299,16 +11330,6 @@
           }
         }
       }
-    }, {
-      key: "setDisplayIndex",
-      value: function setDisplayIndex(index) {
-        this.displayIndex = index;
-      }
-    }, {
-      key: "getDisplayIndex",
-      value: function getDisplayIndex() {
-        return this.displayIndex;
-      }
     }, {
       key: "getRows",
       value: function getRows(rows) {
@@ -18275,7 +18296,7 @@
     }, {
       key: "isVisible",
       value: function isVisible() {
-        return this._group.visible;
+        return this._group._visible;
       }
     }, {
       key: "show",
@@ -18685,8 +18706,7 @@
             });
           }
 
-          this.groupManager.table.rowManager.setDisplayRows(this.groupManager.updateGroupRows(), this.groupManager.getDisplayIndex());
-          this.groupManager.checkBasicModeGroupHeaderWidth();
+          this.groupManager.updateGroupRows(true);
         } else {
           this.groupManager.updateGroupRows(true);
         }
@@ -18721,8 +18741,7 @@
             });
           }
 
-          this.groupManager.table.rowManager.setDisplayRows(this.groupManager.updateGroupRows(), this.groupManager.getDisplayIndex());
-          this.groupManager.checkBasicModeGroupHeaderWidth();
+          this.groupManager.updateGroupRows(true);
         } else {
           this.groupManager.updateGroupRows(true);
         }
@@ -18947,8 +18966,6 @@
       _this.allowedValues = false;
       _this.groups = {}; //hold row groups
 
-      _this.displayIndex = 0; //index in display pipeline
-
       _this.displayHandler = _this.getRows.bind(_assertThisInitialized(_this)); //register table options
 
       _this.registerTableOption("groupBy", false); //enable table grouping and set field to group by
@@ -19119,8 +19136,11 @@
     }, {
       key: "rowSample",
       value: function rowSample(rows, prevValue) {
-        var group = this.getGroups(false)[0];
-        prevValue.push(group.getRows(false)[0]);
+        if (this.table.options.groupBy) {
+          var group = this.getGroups(false)[0];
+          prevValue.push(group.getRows(false)[0]);
+        }
+
         return prevValue;
       }
     }, {
@@ -19128,40 +19148,43 @@
       value: function virtualRenderFill() {
         var el = this.table.rowManager.tableElement;
         var rows = this.table.rowManager.getVisibleRows();
-        rows = rows.filter(function (row) {
-          return row.type !== "group";
-        });
-        el.style.minWidth = !rows.length ? this.table.columnManager.getWidth() + "px" : ""; // if(this.table.options.groupBy){
-        // 	if(this.layoutMode() != "fitDataFill" && rowsCount == this.table.modules.groupRows.countGroups()){
-        // 		el.style.minWidth = this.table.columnManager.getWidth() + "px";
-        // 	}
-        // }
+
+        if (this.table.options.groupBy) {
+          rows = rows.filter(function (row) {
+            return row.type !== "group";
+          });
+          el.style.minWidth = !rows.length ? this.table.columnManager.getWidth() + "px" : "";
+        } else {
+          return rows;
+        }
       }
     }, {
       key: "rowAddingIndex",
       value: function rowAddingIndex(row, index, top) {
-        this.assignRowToGroup(row);
-        var groupRows = row.modules.group.rows;
-
-        if (groupRows.length > 1) {
-          if (!index || index && groupRows.indexOf(index) == -1) {
-            if (top) {
-              if (groupRows[0] !== row) {
-                index = groupRows[0];
-                this.table.rowManager.moveRowInArray(row.modules.group.rows, row, index, !top);
+        if (this.table.options.groupBy) {
+          this.assignRowToGroup(row);
+          var groupRows = row.modules.group.rows;
+
+          if (groupRows.length > 1) {
+            if (!index || index && groupRows.indexOf(index) == -1) {
+              if (top) {
+                if (groupRows[0] !== row) {
+                  index = groupRows[0];
+                  this.table.rowManager.moveRowInArray(row.modules.group.rows, row, index, !top);
+                }
+              } else {
+                if (groupRows[groupRows.length - 1] !== row) {
+                  index = groupRows[groupRows.length - 1];
+                  this.table.rowManager.moveRowInArray(row.modules.group.rows, row, index, !top);
+                }
               }
             } else {
-              if (groupRows[groupRows.length - 1] !== row) {
-                index = groupRows[groupRows.length - 1];
-                this.table.rowManager.moveRowInArray(row.modules.group.rows, row, index, !top);
-              }
+              this.table.rowManager.moveRowInArray(row.modules.group.rows, row, index, !top);
             }
-          } else {
-            this.table.rowManager.moveRowInArray(row.modules.group.rows, row, index, !top);
           }
-        }
 
-        return index;
+          return index;
+        }
       }
     }, {
       key: "trackChanges",
@@ -19243,50 +19266,46 @@
     }, {
       key: "rowMoving",
       value: function rowMoving(from, to, after) {
-        if (!after && to instanceof Group) {
-          to = this.table.rowManager.prevDisplayRow(from) || to;
-        }
+        if (this.table.options.groupBy) {
+          if (!after && to instanceof Group) {
+            to = this.table.rowManager.prevDisplayRow(from) || to;
+          }
 
-        var toGroup = to instanceof Group ? to : to.modules.group;
-        var fromGroup = from instanceof Group ? from : from.modules.group;
+          var toGroup = to instanceof Group ? to : to.modules.group;
+          var fromGroup = from instanceof Group ? from : from.modules.group;
 
-        if (toGroup === fromGroup) {
-          this.table.rowManager.moveRowInArray(toGroup.rows, from, to, after);
-        } else {
-          if (fromGroup) {
-            fromGroup.removeRow(from);
-          }
+          if (toGroup === fromGroup) {
+            this.table.rowManager.moveRowInArray(toGroup.rows, from, to, after);
+          } else {
+            if (fromGroup) {
+              fromGroup.removeRow(from);
+            }
 
-          toGroup.insertRow(from, to, after);
+            toGroup.insertRow(from, to, after);
+          }
         }
       }
     }, {
       key: "rowDeleting",
       value: function rowDeleting(row) {
         //remove from group
-        if (row.modules.group) {
+        if (this.table.options.groupBy && row.modules.group) {
           row.modules.group.removeRow(row);
         }
       }
     }, {
       key: "rowsUpdated",
       value: function rowsUpdated(row) {
-        this.updateGroupRows(true);
+        if (this.table.options.groupBy) {
+          this.updateGroupRows(true);
+        }
       }
     }, {
       key: "cellUpdated",
       value: function cellUpdated(cell) {
-        this.reassignRowToGroup(cell.row);
-      }
-    }, {
-      key: "setDisplayIndex",
-      value: function setDisplayIndex(index) {
-        this.displayIndex = index;
-      }
-    }, {
-      key: "getDisplayIndex",
-      value: function getDisplayIndex() {
-        return this.displayIndex;
+        if (this.table.options.groupBy) {
+          this.reassignRowToGroup(cell.row);
+        }
       } //return appropriate rows with group headers
 
     }, {
@@ -19337,9 +19356,11 @@
     }, {
       key: "wipe",
       value: function wipe() {
-        this.groupList.forEach(function (group) {
-          group.wipe();
-        });
+        if (this.table.options.groupBy) {
+          this.groupList.forEach(function (group) {
+            group.wipe();
+          });
+        }
       }
     }, {
       key: "pullGroupListData",
@@ -19504,14 +19525,16 @@
     }, {
       key: "scrollHeaders",
       value: function scrollHeaders(left) {
-        if (this.table.options.renderHorizontal === "virtual") {
-          left -= this.table.columnManager.renderer.vDomPadLeft;
-        }
+        if (this.table.options.groupBy) {
+          if (this.table.options.renderHorizontal === "virtual") {
+            left -= this.table.columnManager.renderer.vDomPadLeft;
+          }
 
-        left = left + "px";
-        this.groupList.forEach(function (group) {
-          group.scrollHeader(left);
-        });
+          left = left + "px";
+          this.groupList.forEach(function (group) {
+            group.scrollHeader(left);
+          });
+        }
       }
     }, {
       key: "removeGroup",
@@ -22459,8 +22482,6 @@
       _this.count = 5;
       _this.max = 1;
       _this.remoteRowCountEstimate = null;
-      _this.displayIndex = 0; //index in display pipeline
-
       _this.initialLoad = true;
       _this.dataChanging = false; //flag to check if data is being changed by this module
 
@@ -22932,16 +22953,6 @@
       key: "trackChanges",
       value: function trackChanges() {
         this.dispatch("page-changed");
-      }
-    }, {
-      key: "setDisplayIndex",
-      value: function setDisplayIndex(index) {
-        this.displayIndex = index;
-      }
-    }, {
-      key: "getDisplayIndex",
-      value: function getDisplayIndex() {
-        return this.displayIndex;
       } //calculate maximum page from number of rows
 
     }, {
@@ -23011,7 +23022,7 @@
     }, {
       key: "setPageToRow",
       value: function setPageToRow(row) {
-        var rows = this.table.rowManager.getDisplayRows(this.displayIndex - 1);
+        var rows = this.displayRows(-1);
         var index = rows.indexOf(row);
 
         if (index > -1) {
@@ -23621,6 +23632,8 @@
     }, {
       key: "initializeColumn",
       value: function initializeColumn(column) {
+        var _this2 = this;
+
         var def, keys;
 
         if (this.config.columns) {
@@ -23636,8 +23649,8 @@
                 set: function set(newValue) {
                   value = newValue;
 
-                  if (!this.defWatcherBlock) {
-                    this.save("columns");
+                  if (!_this2.defWatcherBlock) {
+                    _this2.save("columns");
                   }
 
                   if (props.set) {
@@ -23679,20 +23692,20 @@
     }, {
       key: "mergeDefinition",
       value: function mergeDefinition(oldCols, newCols) {
-        var _this2 = this;
+        var _this3 = this;
 
         var output = [];
         newCols = newCols || [];
         newCols.forEach(function (column, to) {
-          var from = _this2._findColumn(oldCols, column),
+          var from = _this3._findColumn(oldCols, column),
               keys;
 
           if (from) {
-            if (_this2.config.columns === true || _this2.config.columns == undefined) {
+            if (_this3.config.columns === true || _this3.config.columns == undefined) {
               keys = Object.keys(from);
               keys.push("width");
             } else {
-              keys = _this2.config.columns;
+              keys = _this3.config.columns;
             }
 
             keys.forEach(function (key) {
@@ -23702,14 +23715,14 @@
             });
 
             if (from.columns) {
-              from.columns = _this2.mergeDefinition(from.columns, column.columns);
+              from.columns = _this3.mergeDefinition(from.columns, column.columns);
             }
 
             output.push(from);
           }
         });
         oldCols.forEach(function (column, i) {
-          var from = _this2._findColumn(newCols, column);
+          var from = _this3._findColumn(newCols, column);
 
           if (!from) {
             if (output.length > i) {
@@ -23823,7 +23836,7 @@
     }, {
       key: "parseColumns",
       value: function parseColumns(columns) {
-        var _this3 = this;
+        var _this4 = this;
 
         var definitions = [],
             excludedKeys = ["headerContextMenu", "headerMenu", "contextMenu", "clickMenu"];
@@ -23834,16 +23847,16 @@
 
           if (column.isGroup) {
             defStore.title = colDef.title;
-            defStore.columns = _this3.parseColumns(column.getColumns());
+            defStore.columns = _this4.parseColumns(column.getColumns());
           } else {
             defStore.field = column.getField();
 
-            if (_this3.config.columns === true || _this3.config.columns == undefined) {
+            if (_this4.config.columns === true || _this4.config.columns == undefined) {
               keys = Object.keys(colDef);
               keys.push("width");
               keys.push("visible");
             } else {
-              keys = _this3.config.columns;
+              keys = _this4.config.columns;
             }
 
             keys.forEach(function (key) {
@@ -25837,13 +25850,18 @@
 
             if (rowMatch) {
               this._selectRow(rowMatch, true, true);
+
+              this._rowSelectionChanged();
             } else {
-              this.table.rowManager.getRows(rows).forEach(function (row) {
+              rowMatch = this.table.rowManager.getRows(rows);
+              rowMatch.forEach(function (row) {
                 _this3._selectRow(row, true, true);
               });
-            }
 
-            this._rowSelectionChanged();
+              if (rowMatch.length) {
+                this._rowSelectionChanged();
+              }
+            }
 
             break;