tabulator-tables 5.0.5 → 5.0.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tabulator-tables",
-  "version": "5.0.5",
+  "version": "5.0.9",
   "description": "Interactive table generation JavaScript library",
   "style": "dist/css/tabulator.css",
   "main": "dist/js/tabulator.js",

package/src/js/core/ColumnManager.js

@@ -7,6 +7,8 @@ import OptionsList from './tools/OptionsList.js';
 import RendererBasicHorizontal from './rendering/renderers/BasicHorizontal.js';
 import RendererVirtualDomHorizontal from './rendering/renderers/VirtualDomHorizontal.js';
 
+import defaultColumnOptions from './column/defaults/options.js';
+
 export default class ColumnManager extends CoreFeature {
 
 	constructor (table){
@@ -19,7 +21,7 @@ export default class ColumnManager extends CoreFeature {
 		this.columnsByIndex = []; //columns by index
 		this.columnsByField = {}; //columns by field
 		this.scrollLeft = 0;
-		this.optionsList = new OptionsList(this.table, "column definition");
+		this.optionsList = new OptionsList(this.table, "column definition", defaultColumnOptions);
 
 		this.renderer = null;
 	}
@@ -232,8 +234,9 @@ export default class ColumnManager extends CoreFeature {
 		index = nextToColumn ? this.findColumnIndex(nextToColumn) : nextToColumn;
 
 		if(nextToColumn && index > -1){
-			var parentIndex = this.columns.indexOf(nextToColumn.getTopColumn());
-			var nextEl = nextToColumn.getElement();
+			var topColumn = nextToColumn.getTopColumn()
+			var parentIndex = this.columns.indexOf(topColumn);
+			var nextEl = topColumn.getElement();
 
 			if(before){
 				this.columns.splice(parentIndex, 0, column);
@@ -347,7 +350,7 @@ export default class ColumnManager extends CoreFeature {
 		return this.columnsByIndex[index];
 	}
 
-	getFirstVisibileColumn(index){
+	getFirstVisibleColumn(index){
 		var index = this.columnsByIndex.findIndex((col) => {
 			return col.visible;
 		});
@@ -608,13 +611,11 @@ export default class ColumnManager extends CoreFeature {
 
 			this.dispatch("column-add", definition, before, nextToColumn);
 
-			this.redraw(true);
-
 			if(this.layoutMode() != "fitColumns"){
 				column.reinitializeWidth();
 			}
 
-			this.verticalAlignHeaders();
+			this.redraw(true);
 
 			this.table.rowManager.reinitialize();
 

package/src/js/core/CoreFeature.js

@@ -102,11 +102,7 @@ export default class CoreFeature{
 	//////////////// Options /////////////////
 	//////////////////////////////////////////
 
-	options(key, value){
-		if(typeof value !== "undefined"){
-			this.table.options[key] = value;
-		}
-
+	options(key){
 		return this.table.options[key];
 	}
 

package/src/js/core/RowManager.js

@@ -772,8 +772,14 @@ export default class RowManager extends CoreFeature{
 		}
 	}
 
-	getVisibleRows(viewable){
-		return this.renderer.visibleRows(!viewable);
+	getVisibleRows(chain, viewable){
+		var rows =  Object.assign([], this.renderer.visibleRows(!viewable));
+
+		if(chain){
+			rows = this.chain("rows-visible", [viewable], rows, rows);
+		}
+
+		return rows;
 	}
 
 	//repeat action accross display rows

package/src/js/core/Tabulator.js

@@ -7,7 +7,7 @@ import RowManager from './RowManager.js';
 import FooterManager from './FooterManager.js';
 
 import InteractionMonitor from './tools/InteractionMonitor.js';
-import ComponentFuctionBinder from './tools/ComponentFuctionBinder.js';
+import ComponentFunctionBinder from './tools/ComponentFunctionBinder.js';
 import DataLoader from './tools/DataLoader.js';
 
 import ExternalEventBus from './tools/ExternalEventBus.js';
@@ -33,11 +33,11 @@ class Tabulator {
 		this.interactionMonitor = false; //track user interaction
 		this.browser = ""; //hold current browser type
 		this.browserSlow = false; //handle reduced functionality for slower browsers
-		this.browserMobile = false; //check if running on moble, prevent resize cancelling edit on keyboard appearence
+		this.browserMobile = false; //check if running on mobile, prevent resize cancelling edit on keyboard appearance
 		this.rtl = false; //check if the table is in RTL mode
 		this.originalElement = null; //hold original table element if it has been replaced
 
-		this.componentFunctionBinder = new ComponentFuctionBinder(this); //bind component functions
+		this.componentFunctionBinder = new ComponentFunctionBinder(this); //bind component functions
 		this.dataLoader = false; //bind component functions
 
 		this.modules = {}; //hold all modules bound to this table
@@ -52,13 +52,13 @@ class Tabulator {
 
 			this.initialzeCoreSystems(options);
 
-			//delay table creation to allow event bindings immediatly after the constructor
+			//delay table creation to allow event bindings immediately after the constructor
 			setTimeout(() => {
 				this._create();
 			})
 		}
 
-		TableRegistry.register(this); //register table for inderdevice communication
+		TableRegistry.register(this); //register table for inter-device communication
 	}
 
 	initializeElement(element){
@@ -92,7 +92,7 @@ class Tabulator {
 
 		this._clearObjectPointers();
 
-		this._mapDepricatedFunctionality();
+		this._mapDeprecatedFunctionality();
 
 		this.externalEvents = new ExternalEventBus(this, this.options, this.options.debugEventsExternal);
 		this.eventBus = new InternalEventBus(this.options.debugEventsInternal);
@@ -105,8 +105,8 @@ class Tabulator {
 		this.footerManager.initialize();
 	}
 
-	//convert depricated functionality to new functions
-	_mapDepricatedFunctionality(){
+	//convert deprecated functionality to new functions
+	_mapDeprecatedFunctionality(){
 		//all previously deprecated functionality removed in the 5.0 release
 	}
 
@@ -127,7 +127,7 @@ class Tabulator {
 		this.element.classList.remove("tabulator-block-select");
 	}
 
-	//concreate table
+	//create table
 	_create(){
 		this.externalEvents.dispatch("tableBuilding");
 		this.eventBus.dispatch("table-building");
@@ -232,6 +232,8 @@ class Tabulator {
 		var element = this.element,
 		options = this.options;
 
+		this.interactionMonitor.initialize();
+
 		this.columnManager.initialize();
 		this.rowManager.initialize();
 
@@ -290,7 +292,7 @@ class Tabulator {
 	destroy(){
 		var element = this.element;
 
-		TableRegistry.deregister(this); //deregister table from inderdevice communication
+		TableRegistry.deregister(this); //deregister table from inter-device communication
 
 		this.eventBus.dispatch("table-destroy");
 
@@ -409,68 +411,80 @@ class Tabulator {
 
 	//replace data, keeping table in position with same sort
 	replaceData(data, params, config){
-		return this.dataLoader.load(data, params, config, true, true);
+		if(this.initialized){
+			return this.dataLoader.load(data, params, config, true, true);
+		}else{
+			console.warn("replaceData failed - table not yet initialized. Please wait for the `tableBuilt` event before calling this function.");
+		}
 	}
 
 	//update table data
 	updateData(data){
 		var responses = 0;
 
-		return new Promise((resolve, reject) => {
-			this.dataLoader.blockActiveLoad();
+		if(this.initialized){
+			return new Promise((resolve, reject) => {
+				this.dataLoader.blockActiveLoad();
 
-			if(typeof data === "string"){
-				data = JSON.parse(data);
-			}
+				if(typeof data === "string"){
+					data = JSON.parse(data);
+				}
 
-			if(data){
-				data.forEach((item) => {
-					var row = this.rowManager.findRow(item[this.options.index]);
+				if(data){
+					data.forEach((item) => {
+						var row = this.rowManager.findRow(item[this.options.index]);
 
-					if(row){
-						responses++;
+						if(row){
+							responses++;
 
-						row.updateData(item)
-						.then(()=>{
-							responses--;
+							row.updateData(item)
+							.then(()=>{
+								responses--;
 
-							if(!responses){
-								resolve();
-							}
-						});
-					}
-				});
-			}else{
-				console.warn("Update Error - No data provided");
-				reject("Update Error - No data provided");
-			}
-		});
+								if(!responses){
+									resolve();
+								}
+							});
+						}
+					});
+				}else{
+					console.warn("Update Error - No data provided");
+					reject("Update Error - No data provided");
+				}
+			});
+		}else{
+			console.warn("updateData failed - table not yet initialized. Please wait for the `tableBuilt` event before calling this function.");
+		}
 	}
 
 	addData(data, pos, index){
-		return new Promise((resolve, reject) => {
-			this.dataLoader.blockActiveLoad();
+		if(this.initialized){
+			return new Promise((resolve, reject) => {
+				this.dataLoader.blockActiveLoad();
 
-			if(typeof data === "string"){
-				data = JSON.parse(data);
-			}
+				if(typeof data === "string"){
+					data = JSON.parse(data);
+				}
 
-			if(data){
-				this.rowManager.addRows(data, pos, index)
-				.then((rows) => {
-					var output = [];
+				if(data){
+					this.rowManager.addRows(data, pos, index)
+					.then((rows) => {
+						var output = [];
 
-					rows.forEach(function(row){
-						output.push(row.getComponent());
-					});
+						rows.forEach(function(row){
+							output.push(row.getComponent());
+						});
 
-					resolve(output);
-				});
-			}else{
-				console.warn("Update Error - No data provided");
-				reject("Update Error - No data provided");
-			}
-		});
+						resolve(output);
+					});
+				}else{
+					console.warn("Update Error - No data provided");
+					reject("Update Error - No data provided");
+				}
+			});
+		}else{
+			console.warn("addData failed - table not yet initialized. Please wait for the `tableBuilt` event before calling this function.");
+		}
 	}
 
 	//update table data
@@ -478,46 +492,50 @@ class Tabulator {
 		var rows = [],
 		responses = 0;
 
-		return new Promise((resolve, reject) => {
-			this.dataLoader.blockActiveLoad();
-
-			if(typeof data === "string"){
-				data = JSON.parse(data);
-			}
+		if(this.initialized){
+			return new Promise((resolve, reject) => {
+				this.dataLoader.blockActiveLoad();
 
-			if(data){
-				data.forEach((item) => {
-					var row = this.rowManager.findRow(item[this.options.index]);
+				if(typeof data === "string"){
+					data = JSON.parse(data);
+				}
 
-					responses++;
+				if(data){
+					data.forEach((item) => {
+						var row = this.rowManager.findRow(item[this.options.index]);
 
-					if(row){
-						row.updateData(item)
-						.then(()=>{
-							responses--;
-							rows.push(row.getComponent());
+						responses++;
 
-							if(!responses){
-								resolve(rows);
-							}
-						});
-					}else{
-						this.rowManager.addRows(item)
-						.then((newRows)=>{
-							responses--;
-							rows.push(newRows[0].getComponent());
-
-							if(!responses){
-								resolve(rows);
-							}
-						});
-					}
-				});
-			}else{
-				console.warn("Update Error - No data provided");
-				reject("Update Error - No data provided");
-			}
-		});
+						if(row){
+							row.updateData(item)
+							.then(()=>{
+								responses--;
+								rows.push(row.getComponent());
+
+								if(!responses){
+									resolve(rows);
+								}
+							});
+						}else{
+							this.rowManager.addRows(item)
+							.then((newRows)=>{
+								responses--;
+								rows.push(newRows[0].getComponent());
+
+								if(!responses){
+									resolve(rows);
+								}
+							});
+						}
+					});
+				}else{
+					console.warn("Update Error - No data provided");
+					reject("Update Error - No data provided");
+				}
+			});
+		}else{
+			console.warn("updateOrAddData failed - table not yet initialized. Please wait for the `tableBuilt` event before calling this function.");
+		}
 	}
 
 	//get row object
@@ -582,14 +600,18 @@ class Tabulator {
 
 	//add row to table
 	addRow(data, pos, index){
-		if(typeof data === "string"){
-			data = JSON.parse(data);
-		}
+		if(this.initialized){
+			if(typeof data === "string"){
+				data = JSON.parse(data);
+			}
 
-		return this.rowManager.addRows(data, pos, index)
-		.then((rows)=>{
-			return rows[0].getComponent();
-		});
+			return this.rowManager.addRows(data, pos, index)
+			.then((rows)=>{
+				return rows[0].getComponent();
+			});
+		}else{
+			console.warn("addRow failed - table not yet initialized. Please wait for the `tableBuilt` event before calling this function.");
+		}
 	}
 
 	//update a row if it exitsts otherwise create it
@@ -624,7 +646,7 @@ class Tabulator {
 		if(row){
 			return row.updateData(data)
 			.then(()=>{
-				resolve(row.getComponent());
+				return Promise.resolve(row.getComponent());
 			})
 		}else{
 			console.warn("Update Error - No matching row found:", index);
@@ -798,8 +820,12 @@ class Tabulator {
 	//////////// General Public Functions ////////////
 	//redraw list without updating data
 	redraw(force){
-		this.columnManager.redraw(force);
-		this.rowManager.redraw(force);
+		if(this.initialized){
+			this.columnManager.redraw(force);
+			this.rowManager.redraw(force);
+		}else{
+			console.warn("redraw failed - table not yet initialized. Please wait for the `tableBuilt` event before calling this function.");
+		}
 	}
 
 	setHeight(height){

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

@@ -147,7 +147,7 @@ class Column extends CoreFeature{
 		var def = this.definition;
 
 		//set header tooltips
-		var tooltip = typeof def.headerTooltip === "undefined" ? def.tooltip : def.headerTooltip;
+		var tooltip = def.headerTooltip;
 
 		if(tooltip){
 			if(tooltip === true){

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

@@ -19,7 +19,7 @@ export default {
 	autoColumns:false, //build columns from data row structure
 	autoColumnsDefinitions:false,
 
-	nestedFieldSeparator:".", //seperatpr for nested data
+	nestedFieldSeparator:".", //separator for nested data
 
 	tooltipGenerationMode:"load", //when to generate tooltips
 

package/src/js/core/rendering/Renderer.js

@@ -146,8 +146,9 @@ export default class Renderer extends CoreFeature{
 				if(!ifVisible){
 					if(Helpers.elVisible(rowEl)){
 						offset = Helpers.elOffset(rowEl).top - Helpers.elOffset(this.elementVertical).top;
-
+						
 						if(offset > 0 && offset < this.elementVertical.clientHeight - rowEl.offsetHeight){
+							resolve();
 							return false;
 						}
 					}

package/src/js/core/rendering/renderers/VirtualDomVertical.js

@@ -44,7 +44,7 @@ export default class VirtualDomVertical extends Renderer{
 
 		element.style.paddingTop = "";
 		element.style.paddingBottom = "";
-		element.style.minWidth = "";
+		// element.style.minWidth = "";
 		element.style.minHeight = "";
 		element.style.display = "";
 		element.style.visibility = "";

package/src/js/core/tools/{ComponentFuctionBinder.js → ComponentFunctionBinder.js}

@@ -1,4 +1,4 @@
-export default class ComponentFuctionBinder{
+export default class ComponentFunctionBinder{
 
 	constructor(table){
 		this.table = table;

package/src/js/core/tools/DataLoader.js

@@ -72,7 +72,7 @@ export default class DataLoader extends CoreFeature{
 			}
 
 			//get params for request
-			var params = this.chain("data-params", [data, config, silent], params || {}, {});
+			params = this.chain("data-params", [data, config, silent], params || {}, params || {});
 
 			params = this.mapParams(params, this.table.options.dataSendParams);