tabulator-tables 5.6.1 → 6.0.0

package/src/js/modules/Validate/Validate.js

@@ -2,7 +2,12 @@ import Module from '../../core/Module.js';
 
 import defaultValidators from './defaults/validators.js';
 
-class Validate extends Module{
+export default class Validate extends Module{
+
+	static moduleName = "validate";
+
+	//load defaults
+	static validators = defaultValidators;
 	
 	constructor(table){
 		super(table);
@@ -295,11 +300,4 @@ class Validate extends Module{
 			}
 		}
 	}
-}
-
-Validate.moduleName = "validate";
-
-//load defaults
-Validate.validators = defaultValidators;
-
-export default Validate;
+}

package/src/scss/tabulator.scss

@@ -16,6 +16,8 @@ $sortArrowHover: #555 !default;
 $sortArrowActive: #666 !default;
 $sortArrowInactive: #bbb !default;
 
+$columnResizeGuideColor:#999 !default;
+
 //row theming
 $rowBackgroundColor:#fff !default; //table row background color
 $rowAltBackgroundColor:#EFEFEF !default; //table row background color
@@ -36,6 +38,7 @@ $footerBorderColor:#aaa !default; //footer border color
 $footerSeparatorColor:#999 !default; //footer bottom separator color
 $footerActiveColor:#d00 !default; //footer bottom active text color
 
+$spreadsheetActiveTabColor:#fff !default; //color for the active spreadsheet tab
 
 //range selection
 $rangeBorderColor: #2975DD !default; //range border color
@@ -501,7 +504,7 @@ $rangeHeaderTextHighlightBackground: #000000 !default; //header text color when
 			z-index: 10;
 			pointer-events: none;
 			
-			& .tabulator-range {
+			.tabulator-range {
 				position: absolute;
 				box-sizing: border-box;
 				border: 1px solid $rangeBorderColor;
@@ -518,7 +521,7 @@ $rangeHeaderTextHighlightBackground: #000000 !default; //header text color when
 				}
 			}
 			
-			& .tabulator-range-cell-active {
+			.tabulator-range-cell-active {
 				position: absolute;
 				box-sizing: border-box;
 				border: 2px solid $rangeBorderColor;
@@ -553,6 +556,33 @@ $rangeHeaderTextHighlightBackground: #000000 !default; //header text color when
 				display: none;
 			}
 		}
+
+		.tabulator-spreadsheet-tabs{
+			margin-top:-5px;
+
+			overflow-x: auto;
+
+			.tabulator-spreadsheet-tab{
+				display: inline-block;
+				padding:5px;
+
+				border:$borderColor 1px solid;
+				border-top: none;
+				border-bottom-left-radius: 5px;
+				border-bottom-right-radius: 5px;
+
+				font-size: .9em;
+			
+				&:hover{
+					cursor:pointer;
+					opacity: .7;
+				}
+
+				&.tabulator-spreadsheet-tab-active{
+					background: $spreadsheetActiveTabColor;
+				}
+			}
+		}
 		
 		.tabulator-calcs-holder{
 			box-sizing:border-box;
@@ -671,6 +701,28 @@ $rangeHeaderTextHighlightBackground: #000000 !default; //header text color when
 			margin-right:0;
 		}
 	}
+
+	//column resize guide
+	.tabulator-col-resize-guide {
+		position: absolute;
+		top: 0;
+		width: 4px;
+		height: 100%;
+		margin-left: -0.5px;
+		background-color: $columnResizeGuideColor;
+		opacity: .5;
+	}
+
+	//row resize guide
+	.tabulator-row-resize-guide {
+		position: absolute;
+		left: 0;
+		width: 100%;
+		height: 4px;
+		margin-top: -0.5px;
+		background-color: $columnResizeGuideColor;
+		opacity: .5;
+	}
 	
 	
 	//holding div that contains loader and covers tabulator element to prevent interaction
@@ -842,6 +894,12 @@ $rangeHeaderTextHighlightBackground: #000000 !default; //header text color when
 		overflow:hidden;
 		text-overflow:ellipsis;
 		outline:none;
+
+		&.tabulator-row-header{
+			border-right:1px solid $borderColor;
+			border-bottom:1px solid $rowBorderColor;
+			background:$headerBackgroundColor;
+		}
 		
 		&.tabulator-frozen{
 			display: inline-block;
@@ -1337,6 +1395,24 @@ $rangeHeaderTextHighlightBackground: #000000 !default; //header text color when
 			}
 		}
 	}
+
+	.tabulator-tableholder{
+		.tabulator-range-overlay {
+			.tabulator-range {
+				&.tabulator-range-active::after {
+					content: '';
+					position: absolute;
+					left: -3px;
+					right:initial;
+					bottom: -3px;
+					width: 6px;
+					height: 6px;
+					background-color: $rangeHandleColor;
+					border-radius: 999px;
+				}
+			}
+		}
+	}
 	
 	.tabulator-row{
 		.tabulator-cell{
@@ -1580,4 +1656,4 @@ body.tabulator-print-fullscreen-hide>*:not(.tabulator-print-fullscreen){
 			}
 		}
 	}
-}
+}

package/src/scss/themes/bootstrap/tabulator_bootstrap3.scss

@@ -90,6 +90,14 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
 			border-top:1px solid $rowBorderColor;
 		}
 
+		.tabulator-spreadsheet-tabs{
+			.tabulator-spreadsheet-tab{
+				&.tabulator-spreadsheet-tab-active{
+					color:$footerActiveColor;
+				}
+			}
+		}
+
 		.tabulator-paginator{
 			color:inherit;
 		}
@@ -202,6 +210,12 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
 		padding:$cellPadding;
 		border-right:none;
 
+		&.tabulator-row-header{
+			border-right:1px solid $borderColor;
+			border-bottom:none;
+			background:$headerBackgroundColor;
+		}
+
 		&:last-of-type{
 			border-right: none;
 		}

package/src/scss/themes/bootstrap/tabulator_bootstrap4.scss

@@ -115,6 +115,18 @@ $table-cell-padding-sm: 5px;
 	.tabulator-footer{
 		color:inherit;
 
+		.tabulator-spreadsheet-tabs{
+			.tabulator-spreadsheet-tab{
+				background-color: $spreadsheetActiveTabColor;
+				font-weight: normal;
+
+				&.tabulator-spreadsheet-tab-active{
+					background-color:$pagination-active-bg;
+					color:$footerActiveColor;
+				}
+			}
+		}
+
 		.tabulator-paginator{
 			color:inherit;
 		}
@@ -459,6 +471,12 @@ $table-cell-padding-sm: 5px;
 			border-right: none;
 		}
 
+		&.tabulator-row-header{
+			border-right:1px solid $borderColor;
+			border-bottom:none;
+			background:$headerBackgroundColor;
+		}
+
 		.tabulator-data-tree-control{
 			border:1px solid #ccc;
 

package/src/scss/themes/bootstrap/tabulator_bootstrap5.scss

@@ -116,6 +116,18 @@ $table-cell-padding-sm: 5px;
 	.tabulator-footer{
 		color:inherit;
 
+		.tabulator-spreadsheet-tabs{
+			.tabulator-spreadsheet-tab{
+				background-color: $spreadsheetActiveTabColor;
+				font-weight: normal;
+
+				&.tabulator-spreadsheet-tab-active{
+					background-color:$pagination-active-bg;
+					color:$footerActiveColor;
+				}
+			}
+		}
+
 		.tabulator-paginator{
 			color:inherit;
 		}
@@ -469,6 +481,12 @@ $table-cell-padding-sm: 5px;
 			border-right: none;
 		}
 
+		&.tabulator-row-header{
+			border-right:1px solid $borderColor;
+			border-bottom:none;
+			background:$headerBackgroundColor;
+		}
+
 		.tabulator-data-tree-control{
 			border:1px solid #ccc;
 

package/src/scss/themes/bulma/tabulator_bulma.scss

@@ -127,6 +127,23 @@ $rangeHeaderSelectedTextColor: #FFFFFF !default; //header text color when select
 				}
 			}
 		}
+
+		.tabulator-spreadsheet-tabs{
+			margin-top: calc( -0.5em - 5px);
+
+			.tabulator-spreadsheet-tab{
+				// background-color: $spreadsheetActiveTabColor;
+				border-color: $button-border-color;
+				font-weight: normal;
+
+				&.tabulator-spreadsheet-tab-active{
+					// background-color:$pagination-active-bg;
+					border-color:$button-active-border-color;
+					color:$button-active-color;
+					font-weight:bold;
+				}
+			}
+		}
 		
 		.tabulator-page{
 			margin:0 0.1875em;
@@ -227,6 +244,13 @@ $rangeHeaderSelectedTextColor: #FFFFFF !default; //header text color when select
 		padding:$table-cell-padding;
 		border:$table-cell-border;
 		border-width:$table-cell-border-width;
+
+		&.tabulator-row-header{
+			border:$table-cell-border;
+			border-width:$table-cell-border-width;
+			border-right-width: 1px;
+			background:$headerBackgroundColor;
+		}
 	}
 	
 	&.tabulator-group{

package/src/scss/themes/materialize/tabulator_materialize.scss

@@ -102,6 +102,18 @@ $rangeHeaderSelectedTextColor: #FFFFFF !default; //header text color when select
 		background-color:transparent;
 		color:inherit;
 
+		.tabulator-spreadsheet-tabs{
+			.tabulator-spreadsheet-tab{
+				padding:8px 12px;
+
+				font-weight: normal;
+
+				&.tabulator-spreadsheet-tab-active{
+					color:$footerActiveColor;
+				}
+			}
+		}
+
 		.tabulator-paginator{
 			color:inherit;
 		}
@@ -176,6 +188,12 @@ $rangeHeaderSelectedTextColor: #FFFFFF !default; //header text color when select
 			border-right: none;
 		}
 
+		&.tabulator-row-header{
+			border-right:1px solid $borderColor;
+			border-bottom:none;
+			background:$headerBackgroundColor;
+		}
+
 		.tabulator-data-tree-control{
 			border:1px solid #ccc;
 

package/src/scss/themes/semanticui/tabulator_semanticui.scss

@@ -115,6 +115,16 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
 				border-bottom:none;
 			}
 		}
+
+		.tabulator-spreadsheet-tabs{
+			margin-top: calc( -0.78571em - 5px);
+			
+			.tabulator-spreadsheet-tab{
+				&.tabulator-spreadsheet-tab-active{
+					color:$footerActiveColor;
+				}
+			}
+		}
 	}
 
 	.tabulator-tableholder{
@@ -527,6 +537,10 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
 			border-right: none;
 		}
 
+		&.tabulator-row-header{
+			border-bottom:none;
+		}
+
 		.tabulator-responsive-collapse-toggle{
 			color:#fff;
 		}

package/src/scss/themes/tabulator_midnight.scss

@@ -53,12 +53,12 @@ $rangeHeaderTextHighlightBackground: #000000 !default; //header text color when
 //Tabulator Containing Element
 .tabulator{
 	background-color: $backgroundColor;
-
+	
 	.tabulator-header{
-
+		
 		.tabulator-col{
 			background-color: $headerBackgroundColor;
-
+			
 			.tabulator-col-content{
 				.tabulator-col-title{
 					.tabulator-title-editor{
@@ -66,7 +66,7 @@ $rangeHeaderTextHighlightBackground: #000000 !default; //header text color when
 					}
 				}
 			}
-
+			
 			.tabulator-header-filter{
 				input, select{
 					border:1px solid #999;
@@ -75,38 +75,51 @@ $rangeHeaderTextHighlightBackground: #000000 !default; //header text color when
 				}
 			}
 		}
-
+		
 		.tabulator-calcs-holder{
 			background:darken($headerBackgroundColor, 10%) !important;
-
+			
 			.tabulator-row{
 				background:darken($headerBackgroundColor, 10%) !important;
 			}
 		}
 	}
-
+	
 	//footer element
 	.tabulator-footer{
-
+		
 		.tabulator-calcs-holder{
 			background:darken($footerBackgroundColor, 5%) !important;
-
+			
 			.tabulator-row{
 				background:darken($footerBackgroundColor, 5%) !important;
 			}
 		}
-
+		
+		.tabulator-spreadsheet-tabs{
+			.tabulator-spreadsheet-tab{
+				border-color: $footerBorderColor;
+				
+				background:rgba(255,255,255,.2);
+				
+				&.tabulator-spreadsheet-tab-active{
+					background:rgba(0,0,0,.2);
+					color:#fff;
+				}
+			}
+		}
+		
 		//pagination container element
 		.tabulator-paginator{
 			label{
 				color:#fff;
 			}
 		}
-
+		
 		.tabulator-page-counter {
 			color: #fff;
 		}
-
+		
 		//pagination button
 		.tabulator-page{
 			color: $footerTextColor;
@@ -119,20 +132,20 @@ $rangeHeaderTextHighlightBackground: #000000 !default; //header text color when
 
 //row element
 .tabulator-row{
-
+	
 	//row grouping element
 	&.tabulator-group{
 		min-width: 100%;
-
+		
 		color:#333;
-
+		
 		@media (hover:hover) and (pointer:fine){
 			&:hover{
 				cursor:pointer;
 				background-color:rgba(0,0,0,.1);
 			}
 		}
-
+		
 		span{
 			color:#666;
 		}
@@ -141,23 +154,23 @@ $rangeHeaderTextHighlightBackground: #000000 !default; //header text color when
 
 .tabulator-edit-select-list{
 	background:$rowTextColor;
-
+	
 	.tabulator-edit-select-list-item{
 		color:$rowBackgroundColor;
-
+		
 		&.active{
 			color:$editBoxColor;
 			background:$rowAltBackgroundColor;
-
+			
 			&.focused{
 				outline:1px solid rgba($editBoxColor, .5);
 			}
 		}
-
+		
 		&.focused{
 			outline:1px solid $rowAltBackgroundColor;
 		}
-
+		
 		@media (hover:hover) and (pointer:fine){
 			&:hover{
 				color:$editBoxColor;

package/src/scss/themes/tabulator_modern.scss

@@ -149,6 +149,20 @@ $rangeHeaderTextHighlightBackground: #fff !default; //header text color when hig
 				border-bottom:none !important;
 			}
 		}
+
+		.tabulator-spreadsheet-tabs{
+			.tabulator-spreadsheet-tab{
+				border-color:$footerBorderColor;
+				
+				color:$rowTextColor;
+				font-weight: normal;
+				
+				&.tabulator-spreadsheet-tab-active{
+					font-weight: bold;
+					color:$footerTextColor;
+				}
+			}
+		}
 	}
 }
 
@@ -160,6 +174,11 @@ $rangeHeaderTextHighlightBackground: #fff !default; //header text color when hig
 		&:first-child{
 			border-left: $handleWidth solid $handleColor;
 		}
+
+		&.tabulator-row-header{
+			background-color: $handleColor;
+			color:#fff;
+		}
 	}
 
 
@@ -172,6 +191,10 @@ $rangeHeaderTextHighlightBackground: #fff !default; //header text color when hig
 			&:first-child{
 				border-left: $handleWidth solid $handleColorAlt;
 			}
+
+			&.tabulator-row-header{
+				background-color: $handleColorAlt;
+			}
 		}
 	}
 

package/src/scss/themes/tabulator_simple.scss

@@ -72,6 +72,17 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
 
 			border-bottom:1px solid $footerBackgroundColor;
 		}
+
+		.tabulator-spreadsheet-tabs{
+			.tabulator-spreadsheet-tab{
+				font-weight: normal;
+				
+				&.tabulator-spreadsheet-tab-active{
+					color:$footerActiveColor;
+					font-weight: bold;
+				}
+			}
+		}
 	}
 }
 
@@ -82,6 +93,10 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
 		&:last-of-type{
 			border-right: none;
 		}
+
+		&.tabulator-row-header{
+			border-bottom:none;
+		}
 	}
 
 	&.tabulator-group{

package/src/scss/themes/tabulator_site.scss

@@ -129,6 +129,27 @@ $rangeHeaderTextHighlightBackground: #000000 !default; //header text color when
 			border-bottom:1px solid $rowBorderColor;
 		}
 
+		.tabulator-spreadsheet-tabs{
+			margin-top: -13px;
+			margin-bottom: -8px;
+
+			.tabulator-spreadsheet-tab{
+				padding: 8px;
+				margin: 0 2px;
+
+				border-color: $footerActiveColor;
+				border-width: 0 2px 2px 2px;
+				background-color: #333;
+
+				color: #fff;
+
+				&.tabulator-spreadsheet-tab-active{
+					background-color:$footerActiveColor;
+					color: #000;
+				}
+			}
+		}
+
 		.tabulator-paginator{
 			label{
 				color:#fff;
@@ -161,6 +182,10 @@ $rangeHeaderTextHighlightBackground: #000000 !default; //header text color when
 				}
 			}
 		}
+
+		&.tabulator-row-header{
+			color:#fff;
+		}
 	}
 
 	&.tabulator-group{

package/build/rollup.js

@@ -1,6 +0,0 @@
-import Bundler  from "./Bundler.js";
-const pkg = require("../package.json");
-
-var bundler = new Bundler(pkg.version, process.env.TARGET);
-
-module.exports = bundler.bundle();

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

@@ -1,12 +0,0 @@
-import List from '../../List.js';
-
-export default function(cell, onRendered, success, cancel, editorParams){
-
-	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);
-
-	return list.input;
-}

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

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