tabulator-tables 5.4.3 → 5.5.0

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

@@ -1,146 +1,146 @@
-//star rating
-export default function(cell, onRendered, success, cancel, editorParams){
-	var self = this,
-	element = cell.getElement(),
-	value = cell.getValue(),
-	maxStars = element.getElementsByTagName("svg").length || 5,
-	size = element.getElementsByTagName("svg")[0] ? element.getElementsByTagName("svg")[0].getAttribute("width") : 14,
-	stars = [],
-	starsHolder = document.createElement("div"),
-	star = document.createElementNS('http://www.w3.org/2000/svg', "svg");
-
-
-	//change star type
-	function starChange(val){
-		stars.forEach(function(star, i){
-			if(i < val){
-				if(self.table.browser == "ie"){
-					star.setAttribute("class", "tabulator-star-active");
-				}else{
-					star.classList.replace("tabulator-star-inactive", "tabulator-star-active");
-				}
-
-				star.innerHTML = '<polygon fill="#488CE9" stroke="#014AAE" stroke-width="37.6152" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="259.216,29.942 330.27,173.919 489.16,197.007 374.185,309.08 401.33,467.31 259.216,392.612 117.104,467.31 144.25,309.08 29.274,197.007 188.165,173.919 "/>';
-			}else{
-				if(self.table.browser == "ie"){
-					star.setAttribute("class", "tabulator-star-inactive");
-				}else{
-					star.classList.replace("tabulator-star-active", "tabulator-star-inactive");
-				}
-
-				star.innerHTML = '<polygon fill="#010155" stroke="#686868" stroke-width="37.6152" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="259.216,29.942 330.27,173.919 489.16,197.007 374.185,309.08 401.33,467.31 259.216,392.612 117.104,467.31 144.25,309.08 29.274,197.007 188.165,173.919 "/>';
-			}
-		});
-	}
-
-	//build stars
-	function buildStar(i){
-
-		var starHolder =  document.createElement("span");
-		var nextStar = star.cloneNode(true);
-
-		stars.push(nextStar);
-
-		starHolder.addEventListener("mouseenter", function(e){
-			e.stopPropagation();
-			e.stopImmediatePropagation();
-			starChange(i);
-		});
-
-		starHolder.addEventListener("mousemove", function(e){
-			e.stopPropagation();
-			e.stopImmediatePropagation();
-		});
-
-		starHolder.addEventListener("click", function(e){
-			e.stopPropagation();
-			e.stopImmediatePropagation();
-			success(i);
-			element.blur();
-		});
-
-		starHolder.appendChild(nextStar);
-		starsHolder.appendChild(starHolder);
-
-	}
-
-	//handle keyboard navigation value change
-	function changeValue(val){
-		value = val;
-		starChange(val);
-	}
-
-	//style cell
-	element.style.whiteSpace = "nowrap";
-	element.style.overflow = "hidden";
-	element.style.textOverflow = "ellipsis";
-
-	//style holding element
-	starsHolder.style.verticalAlign = "middle";
-	starsHolder.style.display = "inline-block";
-	starsHolder.style.padding = "4px";
-
-	//style star
-	star.setAttribute("width", size);
-	star.setAttribute("height", size);
-	star.setAttribute("viewBox", "0 0 512 512");
-	star.setAttribute("xml:space", "preserve");
-	star.style.padding = "0 1px";
-
-	if(editorParams.elementAttributes && typeof editorParams.elementAttributes == "object"){
-		for (let key in editorParams.elementAttributes){
-			if(key.charAt(0) == "+"){
-				key = key.slice(1);
-				starsHolder.setAttribute(key, starsHolder.getAttribute(key) + editorParams.elementAttributes["+" + key]);
-			}else{
-				starsHolder.setAttribute(key, editorParams.elementAttributes[key]);
-			}
-		}
-	}
-
-	//create correct number of stars
-	for(var i=1;i<= maxStars;i++){
-		buildStar(i);
-	}
-
-	//ensure value does not exceed number of stars
-	value = Math.min(parseInt(value), maxStars);
-
-	// set initial styling of stars
-	starChange(value);
-
-	starsHolder.addEventListener("mousemove", function(e){
-		starChange(0);
-	});
-
-	starsHolder.addEventListener("click", function(e){
-		success(0);
-	});
-
-	element.addEventListener("blur", function(e){
-		cancel();
-	});
-
-	//allow key based navigation
-	element.addEventListener("keydown", function(e){
-		switch(e.keyCode){
-			case 39: //right arrow
-				changeValue(value + 1);
-				break;
-
-			case 37: //left arrow
-				changeValue(value - 1);
-				break;
-
-			case 13: //enter
-				success(value);
-				break;
-
-			case 27: //escape
-				cancel();
-				break;
-		}
-	});
-
-	return starsHolder;
+//star rating
+export default function(cell, onRendered, success, cancel, editorParams){
+	var self = this,
+	element = cell.getElement(),
+	value = cell.getValue(),
+	maxStars = element.getElementsByTagName("svg").length || 5,
+	size = element.getElementsByTagName("svg")[0] ? element.getElementsByTagName("svg")[0].getAttribute("width") : 14,
+	stars = [],
+	starsHolder = document.createElement("div"),
+	star = document.createElementNS('http://www.w3.org/2000/svg', "svg");
+
+
+	//change star type
+	function starChange(val){
+		stars.forEach(function(star, i){
+			if(i < val){
+				if(self.table.browser == "ie"){
+					star.setAttribute("class", "tabulator-star-active");
+				}else{
+					star.classList.replace("tabulator-star-inactive", "tabulator-star-active");
+				}
+
+				star.innerHTML = '<polygon fill="#488CE9" stroke="#014AAE" stroke-width="37.6152" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="259.216,29.942 330.27,173.919 489.16,197.007 374.185,309.08 401.33,467.31 259.216,392.612 117.104,467.31 144.25,309.08 29.274,197.007 188.165,173.919 "/>';
+			}else{
+				if(self.table.browser == "ie"){
+					star.setAttribute("class", "tabulator-star-inactive");
+				}else{
+					star.classList.replace("tabulator-star-active", "tabulator-star-inactive");
+				}
+
+				star.innerHTML = '<polygon fill="#010155" stroke="#686868" stroke-width="37.6152" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="259.216,29.942 330.27,173.919 489.16,197.007 374.185,309.08 401.33,467.31 259.216,392.612 117.104,467.31 144.25,309.08 29.274,197.007 188.165,173.919 "/>';
+			}
+		});
+	}
+
+	//build stars
+	function buildStar(i){
+
+		var starHolder =  document.createElement("span");
+		var nextStar = star.cloneNode(true);
+
+		stars.push(nextStar);
+
+		starHolder.addEventListener("mouseenter", function(e){
+			e.stopPropagation();
+			e.stopImmediatePropagation();
+			starChange(i);
+		});
+
+		starHolder.addEventListener("mousemove", function(e){
+			e.stopPropagation();
+			e.stopImmediatePropagation();
+		});
+
+		starHolder.addEventListener("click", function(e){
+			e.stopPropagation();
+			e.stopImmediatePropagation();
+			success(i);
+			element.blur();
+		});
+
+		starHolder.appendChild(nextStar);
+		starsHolder.appendChild(starHolder);
+
+	}
+
+	//handle keyboard navigation value change
+	function changeValue(val){
+		value = val;
+		starChange(val);
+	}
+
+	//style cell
+	element.style.whiteSpace = "nowrap";
+	element.style.overflow = "hidden";
+	element.style.textOverflow = "ellipsis";
+
+	//style holding element
+	starsHolder.style.verticalAlign = "middle";
+	starsHolder.style.display = "inline-block";
+	starsHolder.style.padding = "4px";
+
+	//style star
+	star.setAttribute("width", size);
+	star.setAttribute("height", size);
+	star.setAttribute("viewBox", "0 0 512 512");
+	star.setAttribute("xml:space", "preserve");
+	star.style.padding = "0 1px";
+
+	if(editorParams.elementAttributes && typeof editorParams.elementAttributes == "object"){
+		for (let key in editorParams.elementAttributes){
+			if(key.charAt(0) == "+"){
+				key = key.slice(1);
+				starsHolder.setAttribute(key, starsHolder.getAttribute(key) + editorParams.elementAttributes["+" + key]);
+			}else{
+				starsHolder.setAttribute(key, editorParams.elementAttributes[key]);
+			}
+		}
+	}
+
+	//create correct number of stars
+	for(var i=1;i<= maxStars;i++){
+		buildStar(i);
+	}
+
+	//ensure value does not exceed number of stars
+	value = Math.min(parseInt(value), maxStars);
+
+	// set initial styling of stars
+	starChange(value);
+
+	starsHolder.addEventListener("mousemove", function(e){
+		starChange(0);
+	});
+
+	starsHolder.addEventListener("click", function(e){
+		success(0);
+	});
+
+	element.addEventListener("blur", function(e){
+		cancel();
+	});
+
+	//allow key based navigation
+	element.addEventListener("keydown", function(e){
+		switch(e.keyCode){
+			case 39: //right arrow
+				changeValue(value + 1);
+				break;
+
+			case 37: //left arrow
+				changeValue(value - 1);
+				break;
+
+			case 13: //enter
+				success(value);
+				break;
+
+			case 27: //escape
+				cancel();
+				break;
+		}
+	});
+
+	return starsHolder;
 }

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

@@ -1,121 +1,123 @@
-import maskInput from '../../inputMask.js';
-
-//resizable text area element
-export default function(cell, onRendered, success, cancel, editorParams){
-	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){
-
-		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
-			}
-
-			setTimeout(function(){
-				cell.getRow().normalizeHeight();
-			},300);
-		}else{
-			cancel();
-		}
-	}
-
-	//submit new value on blur or change
-	input.addEventListener("change", onChange);
-	input.addEventListener("blur", onChange);
-
-	input.addEventListener("keyup", function(){
-
-		input.style.height = "";
-
-		var heightNow = input.scrollHeight;
-
-		input.style.height = heightNow + "px";
-
-		if(heightNow != scrollHeight){
-			scrollHeight = heightNow;
-			cell.getRow().normalizeHeight();
-		}
-	});
-
-	input.addEventListener("keydown", function(e){
-
-		switch(e.keyCode){
-
-			case 13:
-				if(e.shiftKey && editorParams.shiftEnterSubmit){
-					onChange(e);
-				}
-				break;
-
-			case 27:
-				cancel();
-				break;
-
-			case 38: //up arrow
-				if(vertNav == "editor" || (vertNav == "hybrid" && input.selectionStart)){
-					e.stopImmediatePropagation();
-					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);
-	}
-
-	return input;
+import maskInput from '../../inputMask.js';
+
+//resizable text area element
+export default function(cell, onRendered, success, cancel, editorParams){
+	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(){
+		if(cell.getType() === "cell"){
+			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){
+
+		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
+			}
+
+			setTimeout(function(){
+				cell.getRow().normalizeHeight();
+			},300);
+		}else{
+			cancel();
+		}
+	}
+
+	//submit new value on blur or change
+	input.addEventListener("change", onChange);
+	input.addEventListener("blur", onChange);
+
+	input.addEventListener("keyup", function(){
+
+		input.style.height = "";
+
+		var heightNow = input.scrollHeight;
+
+		input.style.height = heightNow + "px";
+
+		if(heightNow != scrollHeight){
+			scrollHeight = heightNow;
+			cell.getRow().normalizeHeight();
+		}
+	});
+
+	input.addEventListener("keydown", function(e){
+
+		switch(e.keyCode){
+
+			case 13:
+				if(e.shiftKey && editorParams.shiftEnterSubmit){
+					onChange(e);
+				}
+				break;
+
+			case 27:
+				cancel();
+				break;
+
+			case 38: //up arrow
+				if(vertNav == "editor" || (vertNav == "hybrid" && input.selectionStart)){
+					e.stopImmediatePropagation();
+					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);
+	}
+
+	return input;
 }