tabulator-tables 5.1.8 → 5.2.0

package/src/js/core/cell/Cell.js

@@ -85,13 +85,6 @@ export default class Cell extends CoreFeature{
 			});
 		}
 
-		//update tooltip on mouse enter
-		if (this.table.options.tooltipGenerationMode === "hover"){
-			element.addEventListener("mouseenter", (e) => {
-				this._generateTooltip();
-			});
-		}
-
 		this.dispatch("cell-init", this);
 
 		//hide cell if not visible
@@ -137,31 +130,6 @@ export default class Cell extends CoreFeature{
 		this.dispatch("cell-rendered", this);
 	}
 
-	//generate tooltip text
-	_generateTooltip(){
-		var tooltip = this.column.tooltip;
-
-		if(tooltip){
-			if(tooltip === true){
-				tooltip = this.value;
-			}else if(typeof(tooltip) == "function"){
-				tooltip = tooltip(this.getComponent());
-
-				if(tooltip === false){
-					tooltip = "";
-				}
-			}
-
-			if(typeof tooltip === "undefined"){
-				tooltip = "";
-			}
-
-			this.element.setAttribute("title", tooltip);
-		}else{
-			this.element.setAttribute("title", "");
-		}
-	}
-
 	//////////////////// Getters ////////////////////
 	getElement(containerOnly){
 		if(!this.loaded){
@@ -183,8 +151,8 @@ export default class Cell extends CoreFeature{
 	}
 
 	//////////////////// Actions ////////////////////
-	setValue(value, mutate){
-		var changed = this.setValueProcessData(value, mutate);
+	setValue(value, mutate, force){
+		var changed = this.setValueProcessData(value, mutate, force);
 
 		if(changed){
 			this.dispatch("cell-value-updated", this);
@@ -203,10 +171,10 @@ export default class Cell extends CoreFeature{
 		}
 	}
 
-	setValueProcessData(value, mutate){
+	setValueProcessData(value, mutate, force){
 		var changed = false;
 
-		if(this.value !== value){
+		if(this.value !== value || force){
 
 			changed = true;
 
@@ -242,7 +210,6 @@ export default class Cell extends CoreFeature{
 
 	layoutElement(){
 		this._generateContents();
-		this._generateTooltip();
 
 		this.dispatch("cell-layout", this);
 	}
@@ -279,11 +246,15 @@ export default class Cell extends CoreFeature{
 	clearHeight(){
 		this.element.style.height = "";
 		this.height = null;
+
+		this.dispatch("cell-height", this, "");
 	}
 
 	setHeight(){
 		this.height = this.row.height;
-		this.element.style.height =  this.row.heightStyled;
+		this.element.style.height = this.row.heightStyled;
+
+		this.dispatch("cell-height", this, this.row.heightStyled);
 	}
 
 	getHeight(){

package/src/js/core/column/Column.js

@@ -20,7 +20,6 @@ class Column extends CoreFeature{
 		this.titleElement = false;
 		this.groupElement = this.createGroupElement(); //column group holder element
 		this.isGroup = false;
-		this.tooltip = false; //hold column tooltip
 		this.hozAlign = ""; //horizontal text alignment
 		this.vertAlign = ""; //vert text alignment
 
@@ -145,39 +144,6 @@ class Column extends CoreFeature{
 		//all previously deprecated functionality removed in the 5.0 release
 	}
 
-	setTooltip(){
-		var def = this.definition;
-
-		//set header tooltips
-		var tooltip = def.headerTooltip;
-
-		if(tooltip){
-			if(tooltip === true){
-				if(def.field){
-					this.langBind("columns|" + def.field, (value) => {
-						this.element.setAttribute("title", value || def.title);
-					});
-				}else{
-					this.element.setAttribute("title", def.title);
-				}
-
-			}else{
-				if(typeof(tooltip) == "function"){
-					tooltip = tooltip(this.getComponent());
-
-					if(tooltip === false){
-						tooltip = "";
-					}
-				}
-
-				this.element.setAttribute("title", tooltip);
-			}
-
-		}else{
-			this.element.setAttribute("title", "");
-		}
-	}
-
 	//build header element
 	_initialize(){
 		var def = this.definition;
@@ -204,14 +170,7 @@ class Column extends CoreFeature{
 			this._buildColumnHeader();
 		}
 
-		this.setTooltip();
-
 		this.dispatch("column-init", this);
-
-		//update header tooltip on mouse enter
-		this.element.addEventListener("mouseenter", (e) => {
-			this.setTooltip();
-		});
 	}
 
 	_bindEvents(){
@@ -332,9 +291,6 @@ class Column extends CoreFeature{
 
 		this.reinitializeWidth();
 
-		//set tooltip if present
-		this.tooltip = this.definition.tooltip;
-
 		//set orizontal text alignment
 		this.hozAlign = this.definition.hozAlign;
 		this.vertAlign = this.definition.vertAlign;
@@ -510,6 +466,8 @@ class Column extends CoreFeature{
 		if(this.groupElement){
 			this.columns.push(column);
 			this.groupElement.appendChild(column.getElement());
+
+			column.columnRendered();
 		}else{
 			console.warn("Column Warning - Column being attached to another column instead of column group");
 		}
@@ -524,6 +482,8 @@ class Column extends CoreFeature{
 
 		this.element.style.height = parentHeight + "px";
 
+		this.dispatch("column-height", this, this.element.style.height);
+
 		if(this.isGroup){
 			this.groupElement.style.minHeight = (parentHeight - this.contentElement.offsetHeight) + "px";
 		}
@@ -552,6 +512,8 @@ class Column extends CoreFeature{
 		this.columns.forEach(function(column){
 			column.clearVerticalAlign();
 		});
+
+		this.dispatch("column-height", this, "");
 	}
 
 	bindModuleColumns (){
@@ -901,6 +863,8 @@ class Column extends CoreFeature{
 		if(this.titleFormatterRendered){
 			this.titleFormatterRendered();
 		}
+
+		this.dispatch("column-rendered", this);
 	}
 
 	//////////////// Cell Management /////////////////

package/src/js/core/column/defaults/options.js

@@ -9,10 +9,8 @@ export default {
 	"minWidth": 40,
 	"maxWidth": undefined,
 	"maxInitialWidth": undefined,
-	"tooltip": undefined,
 	"cssClass": undefined,
 	"variableHeight": undefined,
-	"headerTooltip": undefined,
 	"headerVertical": undefined,
 	"headerHozAlign": undefined,
 	"editableTitle": undefined,

package/src/js/core/defaults/options.js

@@ -3,6 +3,7 @@ export default {
 	debugEventsExternal:false, //flag to console log events
 	debugEventsInternal:false, //flag to console log events
 	debugInvalidOptions:true, //allow toggling of invalid option warnings
+	debugInitialization:true, //allow toggling of invalid option warnings
 
 	height:false, //height of tabulator
 	minHeight:false, //minimum height of tabulator
@@ -10,6 +11,8 @@ export default {
 
 	columnHeaderVertAlign:"top", //vertical alignment of column headers
 
+	popupContainer:false,
+
 	columns:[],//store for colum header info
 	columnDefaults:{}, //store column default props
 
@@ -20,8 +23,6 @@ export default {
 
 	nestedFieldSeparator:".", //separator for nested data
 
-	tooltipGenerationMode:"load", //when to generate tooltips
-
 	footerElement:false, //hold footer element
 
 	index:"id", //filed for row index
@@ -47,6 +48,8 @@ export default {
 	rowFormatterClipboard:null,
 	rowFormatterHtmlOutput:null,
 
+	rowHeight:null,
+
 	placeholder:false,
 
 	dataLoader:true,

package/src/js/core/modules/optional.js

@@ -22,6 +22,7 @@ export {default as MoveRowsModule} from '../../modules/MoveRows/MoveRows.js';
 export {default as MutatorModule} from '../../modules/Mutator/Mutator.js';
 export {default as PageModule} from '../../modules/Page/Page.js';
 export {default as PersistenceModule} from '../../modules/Persistence/Persistence.js';
+export {default as PopupModule} from '../../modules/Popup/Popup.js';
 export {default as PrintModule} from '../../modules/Print/Print.js';
 export {default as ReactiveDataModule} from '../../modules/ReactiveData/ReactiveData.js';
 export {default as ResizeColumnsModule} from '../../modules/ResizeColumns/ResizeColumns.js';
@@ -30,4 +31,5 @@ export {default as ResizeTableModule} from '../../modules/ResizeTable/ResizeTabl
 export {default as ResponsiveLayoutModule} from '../../modules/ResponsiveLayout/ResponsiveLayout.js';
 export {default as SelectRowModule} from '../../modules/SelectRow/SelectRow.js';
 export {default as SortModule} from '../../modules/Sort/Sort.js';
+export {default as TooltipModule} from '../../modules/Tooltip/Tooltip.js';
 export {default as ValidateModule} from '../../modules/Validate/Validate.js';