tabulator-tables 5.2.6 → 5.3.1

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

@@ -2,11 +2,11 @@ import List from '../../List.js';
 
 export default function(cell, onRendered, success, cancel, editorParams){
 
-	console.warn("The autocomplete editor has been deprecated, please use the new list editor with the 'autocomplete' editorParam");
+	this.deprecationMsg("The autocomplete editor has been deprecated, please use the new list editor with the 'autocomplete' editorParam");
 
 	editorParams.autocomplete = true;
 
-    var list = new List(this, cell, onRendered, success, cancel, editorParams);
+	var list = new List(this, cell, onRendered, success, cancel, editorParams);
 
-    return list.input;
+	return list.input;
 }

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

@@ -0,0 +1,110 @@
+//input element
+export default function(cell, onRendered, success, cancel, editorParams){
+	var inputFormat = editorParams.format,
+	DT = inputFormat ? (window.DateTime || luxon.DateTime) : null;
+	
+	//create and style input
+	var cellValue = cell.getValue(),
+	input = document.createElement("input");
+	
+	function convertDate(value){
+		var newDatetime;
+		
+		if(DT.isDateTime(value)){
+			newDatetime = value;
+		}else if(inputFormat === "iso"){
+			newDatetime = DT.fromISO(String(value));
+		}else{
+			newDatetime = DT.fromFormat(String(value), inputFormat);
+		}
+		
+		return newDatetime.toFormat("yyyy-MM-dd");
+	}
+	
+	input.type = "date";
+	input.style.padding = "4px";
+	input.style.width = "100%";
+	input.style.boxSizing = "border-box";
+
+	if(editorParams.max){
+		input.setAttribute("max", inputFormat ? convertDate(editorParams.max) : editorParams.max);
+	}
+
+	if(editorParams.min){
+		input.setAttribute("min", inputFormat ? convertDate(editorParams.min) : editorParams.min);
+	}
+	
+	if(editorParams.elementAttributes && typeof editorParams.elementAttributes == "object"){
+		for (let key in editorParams.elementAttributes){
+			if(key.charAt(0) == "+"){
+				key = key.slice(1);
+				input.setAttribute(key, input.getAttribute(key) + editorParams.elementAttributes["+" + key]);
+			}else{
+				input.setAttribute(key, editorParams.elementAttributes[key]);
+			}
+		}
+	}
+	
+	cellValue = typeof cellValue !== "undefined" ? cellValue : "";
+	
+	if(inputFormat){
+		if(DT){		
+			cellValue = convertDate(cellValue);			
+		}else{
+			console.error("Editor Error - 'date' editor 'inputFormat' param is dependant on luxon.js");
+		}
+	}
+	
+	input.value = cellValue;
+	
+	onRendered(function(){
+		input.focus({preventScroll: true});
+		input.style.height = "100%";
+		
+		if(editorParams.selectContents){
+			input.select();
+		}
+	});
+	
+	function onChange(e){
+		var value = input.value;
+		
+		if(((cellValue === null || typeof cellValue === "undefined") && value !== "") || value !== cellValue){
+			
+			if(value && inputFormat){
+				value = DT.fromFormat(String(value), "yyyy-MM-dd").toFormat(inputFormat);
+			}
+			
+			if(success(value)){
+				cellValue = input.value; //persist value if successfully validated incase editor is used as header filter
+			}
+		}else{
+			cancel();
+		}
+	}
+	
+	//submit new value on blur or change
+	input.addEventListener("change", onChange);
+	input.addEventListener("blur", onChange);
+	
+	//submit new value on enter
+	input.addEventListener("keydown", function(e){
+		switch(e.keyCode){
+			// case 9:
+			case 13:
+				onChange(e);
+				break;
+			
+			case 27:
+				cancel();
+				break;
+			
+			case 35:
+			case 36:
+				e.stopPropagation();
+				break;
+		}
+	});
+	
+	return input;
+}

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

@@ -0,0 +1,97 @@
+//input element
+export default function(cell, onRendered, success, cancel, editorParams){
+	var inputFormat = editorParams.format,
+	DT = inputFormat ? (window.DateTime || luxon.DateTime) : null, 
+	newDatetime;
+
+	//create and style input
+	var cellValue = cell.getValue(),
+	input = document.createElement("input");
+	
+	input.type = "datetime-local";
+	input.style.padding = "4px";
+	input.style.width = "100%";
+	input.style.boxSizing = "border-box";
+	
+	if(editorParams.elementAttributes && typeof editorParams.elementAttributes == "object"){
+		for (let key in editorParams.elementAttributes){
+			if(key.charAt(0) == "+"){
+				key = key.slice(1);
+				input.setAttribute(key, input.getAttribute(key) + editorParams.elementAttributes["+" + key]);
+			}else{
+				input.setAttribute(key, editorParams.elementAttributes[key]);
+			}
+		}
+	}
+	
+	cellValue = typeof cellValue !== "undefined" ? cellValue : "";
+	
+	if(inputFormat){
+		if(DT){
+			if(DT.isDateTime(cellValue)){
+				newDatetime = cellValue;
+			}else if(inputFormat === "iso"){
+				newDatetime = DT.fromISO(String(cellValue));
+			}else{
+				newDatetime = DT.fromFormat(String(cellValue), inputFormat);
+			}
+
+			cellValue = newDatetime.toFormat("yyyy-MM-dd")  + "T" + newDatetime.toFormat("hh:mm");
+		}else{
+			console.error("Editor Error - 'date' editor 'inputFormat' param is dependant on luxon.js");
+		}
+	}
+
+	input.value = cellValue;
+	
+	onRendered(function(){
+		input.focus({preventScroll: true});
+		input.style.height = "100%";
+		
+		if(editorParams.selectContents){
+			input.select();
+		}
+	});
+	
+	function onChange(e){
+		var value = input.value;
+
+		if(((cellValue === null || typeof cellValue === "undefined") && value !== "") || value !== cellValue){
+
+			if(value && inputFormat){
+				value = DT.fromISO(String(value)).toFormat(inputFormat);
+			}
+
+			if(success(value)){
+				cellValue = input.value; //persist value if successfully validated incase editor is used as header filter
+			}
+		}else{
+			cancel();
+		}
+	}
+	
+	//submit new value on blur or change
+	input.addEventListener("change", onChange);
+	input.addEventListener("blur", onChange);
+	
+	//submit new value on enter
+	input.addEventListener("keydown", function(e){
+		switch(e.keyCode){
+			// case 9:
+			case 13:
+				onChange(e);
+				break;
+			
+			case 27:
+				cancel();
+				break;
+			
+			case 35:
+			case 36:
+				e.stopPropagation();
+				break;
+		}
+	});
+	
+	return input;
+}

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

@@ -53,17 +53,17 @@ export default function(cell, onRendered, success, cancel, editorParams){
 		switch(e.keyCode){
 			// case 9:
 			case 13:
-			onChange(e);
-			break;
+				onChange(e);
+				break;
 
 			case 27:
-			cancel();
-			break;
+				cancel();
+				break;
 
 			case 35:
 			case 36:
-			e.stopPropagation();
-			break;
+				e.stopPropagation();
+				break;
 		}
 	});
 
@@ -72,4 +72,4 @@ export default function(cell, onRendered, success, cancel, editorParams){
 	}
 
 	return input;
-};
+}

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

@@ -1,7 +1,7 @@
 import List from '../../List.js';
 
 export default function(cell, onRendered, success, cancel, editorParams){
-    var list = new List(this, cell, onRendered, success, cancel, editorParams);
+	var list = new List(this, cell, onRendered, success, cancel, editorParams);
 
-    return list.input;
+	return list.input;
 }

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

@@ -78,25 +78,25 @@ export default function(cell, onRendered, success, cancel, editorParams){
 		switch(e.keyCode){
 			case 13:
 			// case 9:
-			onChange();
-			break;
+				onChange();
+				break;
 
 			case 27:
-			cancel();
-			break;
+				cancel();
+				break;
 
 			case 38: //up arrow
 			case 40: //down arrow
-			if(vertNav == "editor"){
-				e.stopImmediatePropagation();
-				e.stopPropagation();
-			}
-			break;
+				if(vertNav == "editor"){
+					e.stopImmediatePropagation();
+					e.stopPropagation();
+				}
+				break;
 
 			case 35:
 			case 36:
-			e.stopPropagation();
-			break;
+				e.stopPropagation();
+				break;
 		}
 	});
 
@@ -105,4 +105,4 @@ export default function(cell, onRendered, success, cancel, editorParams){
 	}
 
 	return input;
-};
+}

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

@@ -98,23 +98,23 @@ export default function(cell, onRendered, success, cancel, editorParams){
 	element.addEventListener("keydown", function(e){
 		switch(e.keyCode){
 			case 39: //right arrow
-			e.preventDefault();
-			bar.style.width = (bar.clientWidth + element.clientWidth/100) + "px";
-			break;
+				e.preventDefault();
+				bar.style.width = (bar.clientWidth + element.clientWidth/100) + "px";
+				break;
 
 			case 37: //left arrow
-			e.preventDefault();
-			bar.style.width = (bar.clientWidth - element.clientWidth/100) + "px";
-			break;
+				e.preventDefault();
+				bar.style.width = (bar.clientWidth - element.clientWidth/100) + "px";
+				break;
 
 			case 9: //tab
 			case 13: //enter
-			updateValue();
-			break;
+				updateValue();
+				break;
 
 			case 27: //escape
-			cancel();
-			break;
+				cancel();
+				break;
 
 		}
 	});
@@ -124,4 +124,4 @@ export default function(cell, onRendered, success, cancel, editorParams){
 	});
 
 	return bar;
-};
+}

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

@@ -66,14 +66,14 @@ export default function(cell, onRendered, success, cancel, editorParams){
 		switch(e.keyCode){
 			case 13:
 			// case 9:
-			onChange();
-			break;
+				onChange();
+				break;
 
 			case 27:
-			cancel();
-			break;
+				cancel();
+				break;
 		}
 	});
 
 	return input;
-};
+}

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

@@ -2,9 +2,9 @@ import List from '../../List.js';
 
 export default function(cell, onRendered, success, cancel, editorParams){
 
-	 console.warn("The select editor has been deprecated, please use the new list editor");
+	this.deprecationMsg("The select editor has been deprecated, please use the new list editor");
 
-    var list = new List(this, cell, onRendered, success, cancel, editorParams);
+	var list = new List(this, cell, onRendered, success, cancel, editorParams);
 
-    return list.input;
+	return list.input;
 }

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

@@ -125,22 +125,22 @@ export default function(cell, onRendered, success, cancel, editorParams){
 	element.addEventListener("keydown", function(e){
 		switch(e.keyCode){
 			case 39: //right arrow
-			changeValue(value + 1);
-			break;
+				changeValue(value + 1);
+				break;
 
 			case 37: //left arrow
-			changeValue(value - 1);
-			break;
+				changeValue(value - 1);
+				break;
 
 			case 13: //enter
-			success(value);
-			break;
+				success(value);
+				break;
 
 			case 27: //escape
-			cancel();
-			break;
+				cancel();
+				break;
 		}
 	});
 
 	return starsHolder;
-};
+}

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

@@ -2,115 +2,120 @@ import maskInput from '../../inputMask.js';
 
 //resizable text area element
 export default function(cell, onRendered, success, cancel, editorParams){
-    var self = this,
-    cellValue = cell.getValue(),
-    vertNav = editorParams.verticalNavigation || "hybrid",
-    value = String(cellValue !== null && typeof cellValue !== "undefined"  ? cellValue : ""),
-    count = (value.match(/(?:\r\n|\r|\n)/g) || []).length + 1,
-    input = document.createElement("textarea"),
-    scrollHeight = 0;
-
-    //create and style input
-    input.style.display = "block";
-    input.style.padding = "2px";
-    input.style.height = "100%";
-    input.style.width = "100%";
-    input.style.boxSizing = "border-box";
-    input.style.whiteSpace = "pre-wrap";
-    input.style.resize = "none";
-
-    if(editorParams.elementAttributes && typeof editorParams.elementAttributes == "object"){
-        for (let key in editorParams.elementAttributes){
-            if(key.charAt(0) == "+"){
-                key = key.slice(1);
-                input.setAttribute(key, input.getAttribute(key) + editorParams.elementAttributes["+" + key]);
-            }else{
-                input.setAttribute(key, editorParams.elementAttributes[key]);
-            }
-        }
-    }
-
-    input.value = value;
-
-    onRendered(function(){
-        input.focus({preventScroll: true});
-        input.style.height = "100%";
-
-        input.scrollHeight;
-        input.style.height = input.scrollHeight + "px";
-        cell.getRow().normalizeHeight();
-
-        if(editorParams.selectContents){
+	var cellValue = cell.getValue(),
+	vertNav = editorParams.verticalNavigation || "hybrid",
+	value = String(cellValue !== null && typeof cellValue !== "undefined"  ? cellValue : ""),
+	input = document.createElement("textarea"),
+	scrollHeight = 0;
+
+	//create and style input
+	input.style.display = "block";
+	input.style.padding = "2px";
+	input.style.height = "100%";
+	input.style.width = "100%";
+	input.style.boxSizing = "border-box";
+	input.style.whiteSpace = "pre-wrap";
+	input.style.resize = "none";
+
+	if(editorParams.elementAttributes && typeof editorParams.elementAttributes == "object"){
+		for (let key in editorParams.elementAttributes){
+			if(key.charAt(0) == "+"){
+				key = key.slice(1);
+				input.setAttribute(key, input.getAttribute(key) + editorParams.elementAttributes["+" + key]);
+			}else{
+				input.setAttribute(key, editorParams.elementAttributes[key]);
+			}
+		}
+	}
+
+	input.value = value;
+
+	onRendered(function(){
+		input.focus({preventScroll: true});
+		input.style.height = "100%";
+
+		input.scrollHeight;
+		input.style.height = input.scrollHeight + "px";
+		cell.getRow().normalizeHeight();
+
+		if(editorParams.selectContents){
 			input.select();
 		}
-    });
+	});
 
-    function onChange(e){
+	function onChange(e){
 
-        if(((cellValue === null || typeof cellValue === "undefined") && input.value !== "") || input.value !== cellValue){
+		if(((cellValue === null || typeof cellValue === "undefined") && input.value !== "") || input.value !== cellValue){
 
-            if(success(input.value)){
-                cellValue = input.value; //persist value if successfully validated incase editor is used as header filter
-            }
+			if(success(input.value)){
+				cellValue = input.value; //persist value if successfully validated incase editor is used as header filter
+			}
 
-            setTimeout(function(){
-                cell.getRow().normalizeHeight();
-            },300)
-        }else{
-            cancel();
-        }
-    }
+			setTimeout(function(){
+				cell.getRow().normalizeHeight();
+			},300);
+		}else{
+			cancel();
+		}
+	}
+
+	//submit new value on blur or change
+	input.addEventListener("change", onChange);
+	input.addEventListener("blur", onChange);
 
-    //submit new value on blur or change
-    input.addEventListener("change", onChange);
-    input.addEventListener("blur", onChange);
+	input.addEventListener("keyup", function(){
 
-    input.addEventListener("keyup", function(){
+		input.style.height = "";
 
-        input.style.height = "";
+		var heightNow = input.scrollHeight;
 
-        var heightNow = input.scrollHeight;
+		input.style.height = heightNow + "px";
 
-        input.style.height = heightNow + "px";
+		if(heightNow != scrollHeight){
+			scrollHeight = heightNow;
+			cell.getRow().normalizeHeight();
+		}
+	});
 
-        if(heightNow != scrollHeight){
-            scrollHeight = heightNow;
-            cell.getRow().normalizeHeight();
-        }
-    });
+	input.addEventListener("keydown", function(e){
 
-    input.addEventListener("keydown", function(e){
+		switch(e.keyCode){
 
-        switch(e.keyCode){
-            case 27:
-            cancel();
-            break;
+			case 13:
+				if(e.shiftKey && editorParams.shiftEnterSubmit){
+					onChange(e);
+				}
+				break;
 
-            case 38: //up arrow
-            if(vertNav == "editor" || (vertNav == "hybrid" && input.selectionStart)){
-                e.stopImmediatePropagation();
-                e.stopPropagation();
-            }
+			case 27:
+				cancel();
+				break;
 
-            break;
+			case 38: //up arrow
+				if(vertNav == "editor" || (vertNav == "hybrid" && input.selectionStart)){
+					e.stopImmediatePropagation();
+					e.stopPropagation();
+				}
 
-            case 40: //down arrow
-            if(vertNav == "editor" || (vertNav == "hybrid" && input.selectionStart !== input.value.length)){
-                e.stopImmediatePropagation();
-                e.stopPropagation();
-            }
-            break;
+				break;
 
-            case 35:
-            case 36:
-            e.stopPropagation();
-            break;
-        }
-    });
+			case 40: //down arrow
+				if(vertNav == "editor" || (vertNav == "hybrid" && input.selectionStart !== input.value.length)){
+					e.stopImmediatePropagation();
+					e.stopPropagation();
+				}
+				break;
+
+			case 35:
+			case 36:
+				e.stopPropagation();
+				break;
+		}
+	});
 
-    if(editorParams.mask){
-        maskInput(input, editorParams);
-    }
+	if(editorParams.mask){
+		maskInput(input, editorParams);
+	}
 
-    return input;
-};
+	return input;
+}

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

@@ -49,8 +49,6 @@ export default function(cell, onRendered, success, cancel, editorParams){
 			checkedValue = editorParams.trueValue;
 		}else if(falseValueSet && !checkedValue){
 			checkedValue = editorParams.falseValue;
-		}else{
-			checkedValue = checkedValue;
 		}
 
 		if(tristate){
@@ -96,4 +94,4 @@ export default function(cell, onRendered, success, cancel, editorParams){
 	});
 
 	return input;
-};
+}