tabulator-tables 5.4.3 → 5.5.0

package/src/js/core/row/RowComponent.js

@@ -1,94 +1,94 @@
-//public row object
-export default class RowComponent {
-
-	constructor (row){
-		this._row = row;
-
-		return new Proxy(this, {
-			get: function(target, name, receiver) {
-				if (typeof target[name] !== "undefined") {
-					return target[name];
-				}else{
-					return target._row.table.componentFunctionBinder.handle("row", target._row, name);
-				}
-			}
-		});
-	}
-
-	getData(transform){
-		return this._row.getData(transform);
-	}
-
-	getElement(){
-		return this._row.getElement();
-	}
-
-	getCells(){
-		var cells = [];
-
-		this._row.getCells().forEach(function(cell){
-			cells.push(cell.getComponent());
-		});
-
-		return cells;
-	}
-
-	getCell(column){
-		var cell = this._row.getCell(column);
-		return cell ? cell.getComponent() : false;
-	}
-
-	getIndex(){
-		return this._row.getData("data")[this._row.table.options.index];
-	}
-
-	getPosition(){
-		return this._row.getPosition();
-	}
-
-	watchPosition(callback){
-		return this._row.watchPosition(callback);
-	}
-
-	delete(){
-		return this._row.delete();
-	}
-
-	scrollTo(){
-		return this._row.table.rowManager.scrollToRow(this._row);
-	}
-
-	move(to, after){
-		this._row.moveToRow(to, after);
-	}
-
-	update(data){
-		return this._row.updateData(data);
-	}
-
-	normalizeHeight(){
-		this._row.normalizeHeight(true);
-	}
-
-	_getSelf(){
-		return this._row;
-	}
-
-	reformat(){
-		return this._row.reinitialize();
-	}
-
-	getTable(){
-		return this._row.table;
-	}
-
-	getNextRow(){
-		var row = this._row.nextRow();
-		return row ? row.getComponent() : row;
-	}
-
-	getPrevRow(){
-		var row = this._row.prevRow();
-		return row ? row.getComponent() : row;
-	}
+//public row object
+export default class RowComponent {
+
+	constructor (row){
+		this._row = row;
+
+		return new Proxy(this, {
+			get: function(target, name, receiver) {
+				if (typeof target[name] !== "undefined") {
+					return target[name];
+				}else{
+					return target._row.table.componentFunctionBinder.handle("row", target._row, name);
+				}
+			}
+		});
+	}
+
+	getData(transform){
+		return this._row.getData(transform);
+	}
+
+	getElement(){
+		return this._row.getElement();
+	}
+
+	getCells(){
+		var cells = [];
+
+		this._row.getCells().forEach(function(cell){
+			cells.push(cell.getComponent());
+		});
+
+		return cells;
+	}
+
+	getCell(column){
+		var cell = this._row.getCell(column);
+		return cell ? cell.getComponent() : false;
+	}
+
+	getIndex(){
+		return this._row.getData("data")[this._row.table.options.index];
+	}
+
+	getPosition(){
+		return this._row.getPosition();
+	}
+
+	watchPosition(callback){
+		return this._row.watchPosition(callback);
+	}
+
+	delete(){
+		return this._row.delete();
+	}
+
+	scrollTo(position, ifVisible){
+		return this._row.table.rowManager.scrollToRow(this._row, position, ifVisible);
+	}
+
+	move(to, after){
+		this._row.moveToRow(to, after);
+	}
+
+	update(data){
+		return this._row.updateData(data);
+	}
+
+	normalizeHeight(){
+		this._row.normalizeHeight(true);
+	}
+
+	_getSelf(){
+		return this._row;
+	}
+
+	reformat(){
+		return this._row.reinitialize();
+	}
+
+	getTable(){
+		return this._row.table;
+	}
+
+	getNextRow(){
+		var row = this._row.nextRow();
+		return row ? row.getComponent() : row;
+	}
+
+	getPrevRow(){
+		var row = this._row.prevRow();
+		return row ? row.getComponent() : row;
+	}
 }

package/src/js/core/tools/Alert.js

@@ -1,62 +1,62 @@
-import CoreFeature from '../CoreFeature.js';
-
-export default class Alert extends CoreFeature{
-	constructor(table){
-		super(table);
-        
-		this.element = this._createAlertElement();
-		this.msgElement = this._createMsgElement();
-		this.type = null;
-        
-		this.element.appendChild(this.msgElement);
-	}
-    
-	_createAlertElement(){
-		var el = document.createElement("div");
-		el.classList.add("tabulator-alert");
-		return el;
-	}
-    
-	_createMsgElement(){
-		var el = document.createElement("div");
-		el.classList.add("tabulator-alert-msg");
-		el.setAttribute("role", "alert");
-		return el;
-	}
-    
-	_typeClass(){
-		return "tabulator-alert-state-" + this.type;
-	}
-    
-	alert(content, type = "msg"){
-		if(content){
-			this.clear();
-            
-			this.type = type;
-            
-			while(this.msgElement.firstChild) this.msgElement.removeChild(this.msgElement.firstChild);
-            
-			this.msgElement.classList.add(this._typeClass());
-            
-			if(typeof content === "function"){
-				content = content();
-			}
-            
-			if(content instanceof HTMLElement){
-				this.msgElement.appendChild(content);
-			}else{
-				this.msgElement.innerHTML = content;
-			}
-            
-			this.table.element.appendChild(this.element);
-		}
-	}
-    
-	clear(){
-		if(this.element.parentNode){
-			this.element.parentNode.removeChild(this.element);
-		}
-        
-		this.msgElement.classList.remove(this._typeClass());
-	}
+import CoreFeature from '../CoreFeature.js';
+
+export default class Alert extends CoreFeature{
+	constructor(table){
+		super(table);
+        
+		this.element = this._createAlertElement();
+		this.msgElement = this._createMsgElement();
+		this.type = null;
+        
+		this.element.appendChild(this.msgElement);
+	}
+    
+	_createAlertElement(){
+		var el = document.createElement("div");
+		el.classList.add("tabulator-alert");
+		return el;
+	}
+    
+	_createMsgElement(){
+		var el = document.createElement("div");
+		el.classList.add("tabulator-alert-msg");
+		el.setAttribute("role", "alert");
+		return el;
+	}
+    
+	_typeClass(){
+		return "tabulator-alert-state-" + this.type;
+	}
+    
+	alert(content, type = "msg"){
+		if(content){
+			this.clear();
+            
+			this.type = type;
+            
+			while(this.msgElement.firstChild) this.msgElement.removeChild(this.msgElement.firstChild);
+            
+			this.msgElement.classList.add(this._typeClass());
+            
+			if(typeof content === "function"){
+				content = content();
+			}
+            
+			if(content instanceof HTMLElement){
+				this.msgElement.appendChild(content);
+			}else{
+				this.msgElement.innerHTML = content;
+			}
+            
+			this.table.element.appendChild(this.element);
+		}
+	}
+    
+	clear(){
+		if(this.element.parentNode){
+			this.element.parentNode.removeChild(this.element);
+		}
+        
+		this.msgElement.classList.remove(this._typeClass());
+	}
 }

package/src/js/core/tools/ComponentFunctionBinder.js

@@ -1,32 +1,32 @@
-export default class ComponentFunctionBinder{
-
-	constructor(table){
-		this.table = table;
-
-		this.bindings = {};
-	}
-
-	bind(type, funcName, handler){
-		if(!this.bindings[type]){
-			this.bindings[type] = {};
-		}
-
-		if(this.bindings[type][funcName]){
-			console.warn("Unable to bind component handler, a matching function name is already bound", type, funcName, handler);
-		}else{
-			this.bindings[type][funcName] = handler;
-		}
-	}
-
-	handle(type, component, name){
-		if(this.bindings[type] && this.bindings[type][name] && typeof this.bindings[type][name].bind === 'function'){
-			return this.bindings[type][name].bind(null, component);
-		}else{
-			if(name !== "then" && typeof name === "string" && !name.startsWith("_")){
-				if(this.table.options.debugInvalidComponentFuncs){
-					console.error("The " + type + " component does not have a " + name + " function, have you checked that you have the correct Tabulator module installed?");
-				}
-			}
-		}
-	}
-}
+export default class ComponentFunctionBinder{
+
+	constructor(table){
+		this.table = table;
+
+		this.bindings = {};
+	}
+
+	bind(type, funcName, handler){
+		if(!this.bindings[type]){
+			this.bindings[type] = {};
+		}
+
+		if(this.bindings[type][funcName]){
+			console.warn("Unable to bind component handler, a matching function name is already bound", type, funcName, handler);
+		}else{
+			this.bindings[type][funcName] = handler;
+		}
+	}
+
+	handle(type, component, name){
+		if(this.bindings[type] && this.bindings[type][name] && typeof this.bindings[type][name].bind === 'function'){
+			return this.bindings[type][name].bind(null, component);
+		}else{
+			if(name !== "then" && typeof name === "string" && !name.startsWith("_")){
+				if(this.table.options.debugInvalidComponentFuncs){
+					console.error("The " + type + " component does not have a " + name + " function, have you checked that you have the correct Tabulator module installed?");
+				}
+			}
+		}
+	}
+}

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

@@ -1,120 +1,120 @@
-import CoreFeature from '../CoreFeature.js';
-
-export default class DataLoader extends CoreFeature{
-	constructor(table){
-		super(table);
-
-		this.requestOrder = 0; //prevent requests coming out of sequence if overridden by another load request
-		this.loading = false;
-	}
-
-	initialize(){}
-
-	load(data, params, config, replace, silent, columnsChanged){
-		var requestNo = ++this.requestOrder;
-
-		this.dispatchExternal("dataLoading", data);
-
-		//parse json data to array
-		if (data && (data.indexOf("{") == 0 || data.indexOf("[") == 0)){
-			data = JSON.parse(data);
-		}
-
-		if(this.confirm("data-loading", [data, params, config, silent])){
-			this.loading = true;
-
-			if(!silent){
-				this.alertLoader();
-			}
-
-			//get params for request
-			params = this.chain("data-params", [data, config, silent], params || {}, params || {});
-
-			params = this.mapParams(params, this.table.options.dataSendParams);
-
-			var result = this.chain("data-load", [data, params, config, silent], false, Promise.resolve([]));
-			
-			return result.then((response) => {
-				if(!Array.isArray(response) && typeof response == "object"){
-					response = this.mapParams(response, this.objectInvert(this.table.options.dataReceiveParams));
-				}
-
-				var rowData = this.chain("data-loaded", response, null, response);
-
-				if(requestNo == this.requestOrder){
-					this.clearAlert();
-
-					if(rowData !== false){
-						this.dispatchExternal("dataLoaded", rowData);
-						this.table.rowManager.setData(rowData,  replace, typeof columnsChanged === "undefined" ? !replace : columnsChanged);
-					}
-				}else{
-					console.warn("Data Load Response Blocked - An active data load request was blocked by an attempt to change table data while the request was being made");
-				}
-			}).catch((error) => {
-				console.error("Data Load Error: ", error);
-				this.dispatchExternal("dataLoadError", error);
-
-				if(!silent){
-					this.alertError();
-				}
-				
-				setTimeout(() => {
-					this.clearAlert();
-				}, this.table.options.dataLoaderErrorTimeout);
-			})
-				.finally(() => {
-					this.loading = false;
-				});
-		}else{
-			this.dispatchExternal("dataLoaded", data);
-
-			if(!data){
-				data = [];
-			}
-
-			this.table.rowManager.setData(data, replace, typeof columnsChanged === "undefined" ? !replace : columnsChanged);
-			return Promise.resolve();
-		}
-	}
-
-	mapParams(params, map){
-		var output = {};
-
-		for(let key in params){
-			output[map.hasOwnProperty(key) ? map[key] : key] = params[key];
-		}
-
-		return output;
-	}
-
-	objectInvert(obj){
-		var output = {};
-
-		for(let key in obj){
-			output[obj[key]] = key;
-		}
-
-		return output;
-	}
-
-	blockActiveLoad(){
-		this.requestOrder++;
-	}
-
-	alertLoader(){
-		var shouldLoad = typeof this.table.options.dataLoader === "function" ? this.table.options.dataLoader() : this.table.options.dataLoader;
-
-		if(shouldLoad){
-			this.table.alertManager.alert(this.table.options.dataLoaderLoading || this.langText("data|loading"));
-		}
-	}
-
-	alertError(){
-		this.table.alertManager.alert(this.table.options.dataLoaderError || this.langText("data|error"), "error");
-	}
-
-	clearAlert(){
-		this.table.alertManager.clear();
-	}
+import CoreFeature from '../CoreFeature.js';
+
+export default class DataLoader extends CoreFeature{
+	constructor(table){
+		super(table);
+
+		this.requestOrder = 0; //prevent requests coming out of sequence if overridden by another load request
+		this.loading = false;
+	}
+
+	initialize(){}
+
+	load(data, params, config, replace, silent, columnsChanged){
+		var requestNo = ++this.requestOrder;
+
+		this.dispatchExternal("dataLoading", data);
+
+		//parse json data to array
+		if (data && (data.indexOf("{") == 0 || data.indexOf("[") == 0)){
+			data = JSON.parse(data);
+		}
+
+		if(this.confirm("data-loading", [data, params, config, silent])){
+			this.loading = true;
+
+			if(!silent){
+				this.alertLoader();
+			}
+
+			//get params for request
+			params = this.chain("data-params", [data, config, silent], params || {}, params || {});
+
+			params = this.mapParams(params, this.table.options.dataSendParams);
+
+			var result = this.chain("data-load", [data, params, config, silent], false, Promise.resolve([]));
+			
+			return result.then((response) => {
+				if(!Array.isArray(response) && typeof response == "object"){
+					response = this.mapParams(response, this.objectInvert(this.table.options.dataReceiveParams));
+				}
+
+				var rowData = this.chain("data-loaded", response, null, response);
+
+				if(requestNo == this.requestOrder){
+					this.clearAlert();
+
+					if(rowData !== false){
+						this.dispatchExternal("dataLoaded", rowData);
+						this.table.rowManager.setData(rowData,  replace, typeof columnsChanged === "undefined" ? !replace : columnsChanged);
+					}
+				}else{
+					console.warn("Data Load Response Blocked - An active data load request was blocked by an attempt to change table data while the request was being made");
+				}
+			}).catch((error) => {
+				console.error("Data Load Error: ", error);
+				this.dispatchExternal("dataLoadError", error);
+
+				if(!silent){
+					this.alertError();
+				}
+				
+				setTimeout(() => {
+					this.clearAlert();
+				}, this.table.options.dataLoaderErrorTimeout);
+			})
+				.finally(() => {
+					this.loading = false;
+				});
+		}else{
+			this.dispatchExternal("dataLoaded", data);
+
+			if(!data){
+				data = [];
+			}
+
+			this.table.rowManager.setData(data, replace, typeof columnsChanged === "undefined" ? !replace : columnsChanged);
+			return Promise.resolve();
+		}
+	}
+
+	mapParams(params, map){
+		var output = {};
+
+		for(let key in params){
+			output[map.hasOwnProperty(key) ? map[key] : key] = params[key];
+		}
+
+		return output;
+	}
+
+	objectInvert(obj){
+		var output = {};
+
+		for(let key in obj){
+			output[obj[key]] = key;
+		}
+
+		return output;
+	}
+
+	blockActiveLoad(){
+		this.requestOrder++;
+	}
+
+	alertLoader(){
+		var shouldLoad = typeof this.table.options.dataLoader === "function" ? this.table.options.dataLoader() : this.table.options.dataLoader;
+
+		if(shouldLoad){
+			this.table.alertManager.alert(this.table.options.dataLoaderLoading || this.langText("data|loading"));
+		}
+	}
+
+	alertError(){
+		this.table.alertManager.alert(this.table.options.dataLoaderError || this.langText("data|error"), "error");
+	}
+
+	clearAlert(){
+		this.table.alertManager.clear();
+	}
 }