tabulator-tables 5.6.0 → 6.0.0

package/src/js/modules/ColumnCalcs/CalcComponent.js

@@ -1,4 +1,4 @@
-class CalcComponent{
+export default class CalcComponent{
 	constructor (row){
 		this._row = row;
 
@@ -43,6 +43,4 @@ class CalcComponent{
 	_getSelf(){
 		return this._row;
 	}
-}
-
-export default CalcComponent;
+}

package/src/js/modules/ColumnCalcs/ColumnCalcs.js

@@ -8,7 +8,12 @@ import Row from '../../core/row/Row.js';
 
 import defaultCalculations from './defaults/calculations.js';
 
-class ColumnCalcs extends Module{
+export default class ColumnCalcs extends Module{
+
+	static moduleName = "columnCalcs";
+
+	//load defaults
+	static calculations = defaultCalculations;
 	
 	constructor(table){
 		super(table);
@@ -397,19 +402,19 @@ class ColumnCalcs extends Module{
 	}
 	
 	rowsToData(rows){
-		var data = [];
-		
+		var data = [],
+		hasDataTreeColumnCalcs = this.table.options.dataTree && this.table.options.dataTreeChildColumnCalcs,
+		dataTree = this.table.modules.dataTree;
+
 		rows.forEach((row) => {
 			data.push(row.getData());
-			
-			if(this.table.options.dataTree && this.table.options.dataTreeChildColumnCalcs){
-				if(row.modules.dataTree && row.modules.dataTree.open){
-					var children = this.rowsToData(this.table.modules.dataTree.getFilteredTreeChildren(row));
-					data = data.concat(children);
-				}
+
+			if(hasDataTreeColumnCalcs && row.modules.dataTree?.open){
+				this.rowsToData(dataTree.getFilteredTreeChildren(row)).forEach(dataRow =>{
+					data.push(row);
+				});
 			}
 		});
-		
 		return data;
 	}
 	
@@ -578,11 +583,4 @@ class ColumnCalcs extends Module{
 			}
 		}
 	}
-}
-
-ColumnCalcs.moduleName = "columnCalcs";
-
-//load defaults
-ColumnCalcs.calculations = defaultCalculations;
-
-export default ColumnCalcs;
+}

package/src/js/modules/Comms/Comms.js

@@ -1,7 +1,8 @@
 import Module from '../../core/Module.js';
-import TableRegistry from '../../core/tools/TableRegistry.js';
 
-class Comms extends Module{
+export default class Comms extends Module{
+
+	static moduleName = "comms";
 
 	constructor(table){
 		super(table);
@@ -15,7 +16,7 @@ class Comms extends Module{
 		var connections = [],
 		connection;
 
-		connection = TableRegistry.lookupTable(selectors);
+		connection = this.table.constructor.registry.lookupTable(selectors);
 
 		connection.forEach((con) =>{
 			if(this.table !== con){
@@ -45,8 +46,4 @@ class Comms extends Module{
 			console.warn("Inter-table Comms Error - no such module:", module);
 		}
 	}
-}
-
-Comms.moduleName = "comms";
-
-export default Comms;
+}

package/src/js/modules/DataTree/DataTree.js

@@ -4,7 +4,9 @@ import Row from '../../core/row/Row.js';
 
 import RowComponent from '../../core/row/RowComponent.js';
 
-class DataTree extends Module{
+export default class DataTree extends Module{
+
+	static moduleName = "dataTree";
 
 	constructor(table){
 		super(table);
@@ -311,7 +313,7 @@ class DataTree extends Module{
 				config = row.modules.dataTree;
 
 				if(!config.index && config.children !== false){
-					children = this.getChildren(row);
+					children = this.getChildren(row, false, true);
 
 					children.forEach((child) => {
 						child.create();
@@ -324,7 +326,7 @@ class DataTree extends Module{
 		return output;
 	}
 
-	getChildren(row, allChildren){
+	getChildren(row, allChildren, sortOnly){
 		var config = row.modules.dataTree,
 		children = [],
 		output = [];
@@ -341,13 +343,13 @@ class DataTree extends Module{
 			}
 
 			if(this.table.modExists("sort") && this.table.options.dataTreeSort){
-				this.table.modules.sort.sort(children);
+				this.table.modules.sort.sort(children, sortOnly);
 			}
 
 			children.forEach((child) => {
 				output.push(child);
 
-				var subChildren = this.getChildren(child);
+				var subChildren = this.getChildren(child, false, true);
 
 				subChildren.forEach((sub) => {
 					output.push(sub);
@@ -584,7 +586,9 @@ class DataTree extends Module{
 					output.push(component ? childRow.getComponent() : childRow);
 
 					if(recurse){
-						output = output.concat(this.getTreeChildren(childRow, component, recurse));
+						this.getTreeChildren(childRow, component, recurse).forEach(child => {
+							output.push(child);
+						});
 					}
 				}
 			});
@@ -600,8 +604,4 @@ class DataTree extends Module{
 	redrawNeeded(data){
 		return (this.field ? typeof data[this.field] !== "undefined" : false) || (this.elementField ? typeof data[this.elementField] !== "undefined" : false);
 	}
-}
-
-DataTree.moduleName = "dataTree";
-
-export default DataTree;
+}

package/src/js/modules/Download/Download.js

@@ -2,7 +2,12 @@ import Module from '../../core/Module.js';
 
 import defaultDownloaders from './defaults/downloaders.js';
 
-class Download extends Module{
+export default class Download extends Module{
+
+	static moduleName = "download";
+
+	//load defaults
+	static downloaders = defaultDownloaders;
 
 	constructor(table){
 		super(table);
@@ -10,7 +15,7 @@ class Download extends Module{
 		this.registerTableOption("downloadEncoder", function(data, mimeType){
 			return new Blob([data],{type:mimeType});
 		}); //function to manipulate download data
-		this.registerTableOption("downloadReady", undefined); //warn of function deprecation
+		// this.registerTableOption("downloadReady", undefined); //warn of function deprecation
 		this.registerTableOption("downloadConfig", {}); //download config
 		this.registerTableOption("downloadRowRange", "active"); //restrict download to active rows only
 
@@ -26,7 +31,7 @@ class Download extends Module{
 	}
 
 	deprecatedOptionsCheck(){
-		this.deprecationCheck("downloadReady", "downloadEncoder");
+		// this.deprecationCheck("downloadReady", "downloadEncoder");
 	}	
 
 	///////////////////////////////////
@@ -139,11 +144,4 @@ class Download extends Module{
 				break;
 		}
 	}
-}
-
-Download.moduleName = "download";
-
-//load defaults
-Download.downloaders = defaultDownloaders;
-
-export default Download;
+}

package/src/js/modules/Edit/Edit.js

@@ -3,7 +3,12 @@ import Helpers from '../../core/tools/Helpers.js';
 
 import defaultEditors from './defaults/editors.js';
 
-class Edit extends Module{
+export default class Edit extends Module{
+
+	static moduleName = "edit";
+
+	//load defaults
+	static editors = defaultEditors;
 	
 	constructor(table){
 		super(table);
@@ -13,19 +18,24 @@ class Edit extends Module{
 		this.recursionBlock = false; //prevent focus recursion
 		this.invalidEdit = false;
 		this.editedCells = [];
+		this.convertEmptyValues = false;
 		
 		this.editors = Edit.editors;
-		
+	
+		this.registerTableOption("editTriggerEvent", "focus");
+		this.registerTableOption("editorEmptyValue");
+		this.registerTableOption("editorEmptyValueFunc", this.emptyValueCheck.bind(this));
+
 		this.registerColumnOption("editable");
 		this.registerColumnOption("editor");
 		this.registerColumnOption("editorParams");
+		this.registerColumnOption("editorEmptyValue");
+		this.registerColumnOption("editorEmptyValueFunc");
 		
 		this.registerColumnOption("cellEditing");
 		this.registerColumnOption("cellEdited");
 		this.registerColumnOption("cellEditCancelled");
 		
-		this.registerTableOption("editTriggerEvent", "focus");
-		
 		this.registerTableFunction("getEditedCells", this.getEditedCells.bind(this));
 		this.registerTableFunction("clearCellEdited", this.clearCellEdited.bind(this));
 		this.registerTableFunction("navigatePrev", this.navigatePrev.bind(this));
@@ -62,11 +72,14 @@ class Edit extends Module{
 		this.subscribe("keybinding-nav-prev", this.navigatePrev.bind(this, undefined));
 		this.subscribe("keybinding-nav-next", this.keybindingNavigateNext.bind(this));
 		
-		
 		// this.subscribe("keybinding-nav-left", this.navigateLeft.bind(this, undefined));
 		// this.subscribe("keybinding-nav-right", this.navigateRight.bind(this, undefined));
 		this.subscribe("keybinding-nav-up", this.navigateUp.bind(this, undefined));
 		this.subscribe("keybinding-nav-down", this.navigateDown.bind(this, undefined));
+
+		if(Object.keys(this.table.options).includes("editorEmptyValue")){
+			this.convertEmptyValues = true;
+		}
 	}
 	
 	
@@ -378,11 +391,16 @@ class Edit extends Module{
 	
 	//initialize column editor
 	initializeColumn(column){
+		var convertEmpty = Object.keys(column.definition).includes("editorEmptyValue");
+
 		var config = {
 			editor:false,
 			blocked:false,
 			check:column.definition.editable,
-			params:column.definition.editorParams || {}
+			params:column.definition.editorParams || {},
+			convertEmptyValues:convertEmpty,
+			editorEmptyValue:column.definition.editorEmptyValue,
+			editorEmptyValueFunc:column.definition.editorEmptyValueFunc,
 		};
 		
 		//set column editor
@@ -596,8 +614,9 @@ class Edit extends Module{
 		allowEdit = true,
 		rendered = function(){},
 		element = cell.getElement(),
+		editFinished = false,
 		cellEditor, component, params;
-		
+
 		//prevent editing if another cell is refusing to leave focus (eg. validation fail)
 		
 		if(this.currentCell){
@@ -609,13 +628,15 @@ class Edit extends Module{
 		
 		//handle successful value change
 		function success(value){
-			if(self.currentCell === cell){
+			if(self.currentCell === cell && !editFinished){
 				var valid = self.chain("edit-success", [cell, value], true, true);
-				
+
 				if(valid === true || self.table.options.validationMode === "highlight"){
+
+					editFinished = true;
+
 					self.clearEditor();
 					
-					
 					if(!cell.modules.edit){
 						cell.modules.edit = {};
 					}
@@ -625,14 +646,21 @@ class Edit extends Module{
 					if(self.editedCells.indexOf(cell) == -1){
 						self.editedCells.push(cell);
 					}
+
+					value = self.transformEmptyValues(value, cell);
 					
 					cell.setValue(value, true);
-					
+
 					return valid === true;
 				}else{
+					editFinished = true;
 					self.invalidEdit = true;
 					self.focusCellNoEvent(cell, true);
 					rendered();
+
+					setTimeout(() => {
+						editFinished = false;
+					}, 10);
 					return false;
 				}
 			}else{
@@ -642,7 +670,9 @@ class Edit extends Module{
 		
 		//handle aborted edit
 		function cancel(){
-			if(self.currentCell === cell){
+			// editFinished = true;
+
+			if(self.currentCell === cell && !editFinished){
 				self.cancelEdit();
 			}else{
 				// console.warn("Edit Success Error - cannot call cancel on a cell that is no longer being edited");
@@ -730,6 +760,26 @@ class Edit extends Module{
 			return false;
 		}
 	}
+
+	emptyValueCheck(value){
+		return value === "" || value === null || typeof value === "undefined";
+	}
+
+	transformEmptyValues(value, cell){
+		var mod = cell.column.modules.edit, 
+		convert = mod.convertEmptyValues || this.convertEmptyValues,
+		checkFunc;
+		
+		if(convert){
+			checkFunc = mod.editorEmptyValueFunc || this.options("editorEmptyValueFunc");
+
+			if(checkFunc && checkFunc(value)){
+				value = mod.convertEmptyValues ? mod.editorEmptyValue : this.options("editorEmptyValue");
+			}
+		}
+		
+		return value;
+	}
 	
 	blur(element){
 		if(!this.confirm("edit-blur", [element]) ){
@@ -762,12 +812,4 @@ class Edit extends Module{
 			this.editedCells.splice(editIndex, 1);
 		}
 	}
-}
-
-Edit.moduleName = "edit";
-
-//load defaults
-Edit.editors = defaultEditors;
-
-
-export default Edit;
+}

package/src/js/modules/Edit/List.js

@@ -46,21 +46,21 @@ export default class Edit{
 	}
 	
 	_deprecatedOptionsCheck(){
-		if(this.params.listItemFormatter){
-			this.cell.getTable().deprecationAdvisor.msg("The listItemFormatter editor param has been deprecated, please see the latest editor documentation for updated options");
-		}
+		// if(this.params.listItemFormatter){
+		// 	this.cell.getTable().deprecationAdvisor.msg("The listItemFormatter editor param has been deprecated, please see the latest editor documentation for updated options");
+		// }
 		
-		if(this.params.sortValuesList){
-			this.cell.getTable().deprecationAdvisor.msg("The sortValuesList editor param has been deprecated, please see the latest editor documentation for updated options");
-		}
+		// if(this.params.sortValuesList){
+		// 	this.cell.getTable().deprecationAdvisor.msg("The sortValuesList editor param has been deprecated, please see the latest editor documentation for updated options");
+		// }
 		
-		if(this.params.searchFunc){
-			this.cell.getTable().deprecationAdvisor.msg("The searchFunc editor param has been deprecated, please see the latest editor documentation for updated options");
-		}
+		// if(this.params.searchFunc){
+		// 	this.cell.getTable().deprecationAdvisor.msg("The searchFunc editor param has been deprecated, please see the latest editor documentation for updated options");
+		// }
 		
-		if(this.params.searchingPlaceholder){
-			this.cell.getTable().deprecationAdvisor.msg("The searchingPlaceholder editor param has been deprecated, please see the latest editor documentation for updated options");
-		}
+		// if(this.params.searchingPlaceholder){
+		// 	this.cell.getTable().deprecationAdvisor.msg("The searchingPlaceholder editor param has been deprecated, please see the latest editor documentation for updated options");
+		// }
 	}
 	
 	_initializeValue(){

package/src/js/modules/Edit/defaults/editors/datetime.js

@@ -37,7 +37,7 @@ export default function(cell, onRendered, success, cancel, editorParams){
 				newDatetime = DT.fromFormat(String(cellValue), inputFormat);
 			}
 			
-			cellValue = newDatetime.toFormat("yyyy-MM-dd")  + "T" + newDatetime.toFormat("hh:mm");
+			cellValue = newDatetime.toFormat("yyyy-MM-dd")  + "T" + newDatetime.toFormat("HH:mm");
 		}else{
 			console.error("Editor Error - 'date' editor 'format' param is dependant on luxon.js");
 		}

package/src/js/modules/Edit/defaults/editors/time.js

@@ -37,7 +37,7 @@ export default function(cell, onRendered, success, cancel, editorParams){
 				newDatetime = DT.fromFormat(String(cellValue), inputFormat);
 			}
 			
-			cellValue = newDatetime.toFormat("hh:mm");
+			cellValue = newDatetime.toFormat("HH:mm");
 			
 		}else{
 			console.error("Editor Error - 'date' editor 'format' param is dependant on luxon.js");

package/src/js/modules/Edit/defaults/editors.js

@@ -5,9 +5,7 @@ import range from './editors/range.js';
 import date from './editors/date.js';
 import time from './editors/time.js';
 import datetime from './editors/datetime.js';
-import select from './editors/select.js';
 import list from './editors/list.js';
-import autocomplete from './editors/autocomplete.js';
 import star from './editors/star.js';
 import progress from './editors/progress.js';
 import tickCross from './editors/tickCross.js';
@@ -20,9 +18,7 @@ export default {
 	date:date,
 	time:time,
 	datetime:datetime,
-	select:select,
 	list:list,
-	autocomplete:autocomplete,
 	star:star,
 	progress:progress,
 	tickCross:tickCross,