tabulator-tables 5.2.2 → 5.2.5

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

@@ -89,7 +89,7 @@ class Validate extends Module{
 		var invalid = [];
 		
 		column.cells.forEach((cell) => {
-			if(!this.cellValidate(cell)){
+			if(this.cellValidate(cell) !== true){
 				invalid.push(cell.getComponent());
 			}
 		});
@@ -105,7 +105,7 @@ class Validate extends Module{
 		var invalid = [];
 		
 		row.cells.forEach((cell) => {
-			if(!this.cellValidate(cell)){
+			if(this.cellValidate(cell) !== true){
 				invalid.push(cell.getComponent());
 			}
 		});
@@ -305,4 +305,4 @@ Validate.moduleName = "validate";
 //load defaults
 Validate.validators = defaultValidators;
 
-export default Validate;
+export default Validate;

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

@@ -317,6 +317,15 @@ $table-cell-padding-sm: 5px;
 				}
 			}
 		}
+
+		.tabulator-row{
+			padding-top: 0;
+			padding-bottom: 0;
+		}
+
+		.tabulator-col-resize-handle{
+			padding:0;
+		}
 	}
 
 
@@ -325,56 +334,56 @@ $table-cell-padding-sm: 5px;
 		.tabulator-table{
 			.tabulator-row{
 				&.table-primary{
-					background:theme-color-level("primary", -9) !important;
+					background:map-get($table-variants, "primary") !important;
 				}
 				&.table-secondary{
-					background:theme-color-level("secondary", -9) !important;
+					background:map-get($table-variants, "secondary") !important;
 				}
 				&.table-success{
-					background:theme-color-level("success", -9) !important;
+					background:map-get($table-variants, "success") !important;
 				}
 				&.table-info{
-					background:theme-color-level("info", -9) !important;
+					background:map-get($table-variants, "info") !important;
 				}
 				&.table-warning{
-					background:theme-color-level("warning", -9) !important;
+					background:map-get($table-variants, "warning") !important;
 				}
 				&.table-danger{
-					background:theme-color-level("danger", -9) !important;
+					background:map-get($table-variants, "danger") !important;
 				}
 				&.table-light{
-					background:theme-color-level("light", -9) !important;
+					background:map-get($table-variants, "light") !important;
 				}
 				&.table{
-					background:theme-color-level("dark", -9) !important;
+					background:map-get($table-variants, "dark") !important;
 				}
 				&.table-active{
 					background:$table-active-bg !important;
 				}
 
 				&.bg-primary{
-					background:theme-color-level("primary", 0) !important;
+					background:map-get($table-variants, "primary") !important;
 				}
 				&.bg-secondary{
-					background:theme-color-level("secondary", 0) !important;
+					background:map-get($table-variants, "secondary") !important;
 				}
 				&.bg-success{
-					background:theme-color-level("success", 0) !important;
+					background:map-get($table-variants, "success") !important;
 				}
 				&.bg-info{
-					background:theme-color-level("info", 0) !important;
+					background:map-get($table-variants, "info") !important;
 				}
 				&.bg-warning{
-					background:theme-color-level("warning", 0) !important;
+					background:map-get($table-variants, "warning") !important;
 				}
 				&.bg-danger{
-					background:theme-color-level("danger", 0) !important;
+					background:map-get($table-variants, "danger") !important;
 				}
 				&.bg-light{
-					background:theme-color-level("light", 0) !important;
+					background:map-get($table-variants, "light") !important;
 				}
 				&.bg-dark{
-					background:theme-color-level("dark", 0) !important;
+					background:map-get($table-variants, "dark") !important;
 				}
 				&.bg-active{
 					background:$table-active-bg !important;
@@ -382,56 +391,56 @@ $table-cell-padding-sm: 5px;
 
 				.tabulator-cell{
 					&.table-primary{
-						background:theme-color-level("primary", -9) !important;
+						background:map-get($table-variants, "primary") !important;
 					}
 					&.table-secondary{
-						background:theme-color-level("secondary", -9) !important;
+						background:map-get($table-variants, "secondary") !important;
 					}
 					&.table-success{
-						background:theme-color-level("success", -9) !important;
+						background:map-get($table-variants, "success") !important;
 					}
 					&.table-info{
-						background:theme-color-level("info", -9) !important;
+						background:map-get($table-variants, "info") !important;
 					}
 					&.table-warning{
-						background:theme-color-level("warning", -9) !important;
+						background:map-get($table-variants, "warning") !important;
 					}
 					&.table-danger{
-						background:theme-color-level("danger", -9) !important;
+						background:map-get($table-variants, "danger") !important;
 					}
 					&.table-light{
-						background:theme-color-level("light", -9) !important;
+						background:map-get($table-variants, "light") !important;
 					}
 					&.table{
-						background:theme-color-level("dark", -9) !important;
+						background:map-get($table-variants, "dark") !important;
 					}
 					&.table-active{
 						background:$table-active-bg !important;
 					}
 
 					&.bg-primary{
-						background:theme-color-level("primary", 0) !important;
+						background:map-get($table-variants, "primary") !important;
 					}
 					&.bg-secondary{
-						background:theme-color-level("secondary", 0) !important;
+						background:map-get($table-variants, "secondary") !important;
 					}
 					&.bg-success{
-						background:theme-color-level("success", 0) !important;
+						background:map-get($table-variants, "success") !important;
 					}
 					&.bg-info{
-						background:theme-color-level("info", 0) !important;
+						background:map-get($table-variants, "info") !important;
 					}
 					&.bg-warning{
-						background:theme-color-level("warning", 0) !important;
+						background:map-get($table-variants, "warning") !important;
 					}
 					&.bg-danger{
-						background:theme-color-level("danger", 0) !important;
+						background:map-get($table-variants, "danger") !important;
 					}
 					&.bg-light{
-						background:theme-color-level("light", 0) !important;
+						background:map-get($table-variants, "light") !important;
 					}
 					&.bg-dark{
-						background:theme-color-level("dark", 0) !important;
+						background:map-get($table-variants, "dark") !important;
 					}
 					&.bg-active{
 						background:$table-active-bg !important;
@@ -543,4 +552,24 @@ $table-cell-padding-sm: 5px;
 			}
 		}
 	}
+}
+
+.tabulator-popup-container{
+	background:#fff;
+}
+
+.tabulator-edit-list{
+	.tabulator-edit-list-item{
+		&.active{
+			color:#fff;
+
+			&.focused{
+				outline:1px solid rgba(#fff, .5);
+			}
+		}
+
+		&:hover{
+			color:#fff;
+		}
+	}
 }

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

@@ -42,45 +42,45 @@ $footerBorderColor:$grey-lighter !default; //footer border color
 
 .tabulator{
 	border:none;
-
+	
 	.tabulator-header{
 		border:$table-cell-border;
 		border-width:$table-head-cell-border-width;
-
+		
 		.tabulator-col{
 			border-right:none;
-
+			
 			&.tabulator-moving{
 				border:none;
 			}
-
+			
 			.tabulator-col-content{
 				padding:$table-cell-padding;
-
+				
 				.tabulator-col-sorter{
 					right:0px;
 				}
 			}
-
+			
 			.tabulator-header-filter{
 				input{
 					border:$button-border-width solid $button-border-color;
 				}
 			}
 		}
-
+		
 		.tabulator-calcs-holder{
 			.tabulator-row{
 				.tabulator-cell{
 					border-bottom-width:0;
 				}
 			}
-
+			
 			border:$table-cell-border;
 			border-width:$table-foot-cell-border-width;
 		}
 	}
-
+	
 	.tabulator-tableholder{
 		.tabulator-table{
 			.tabulator-row{
@@ -89,12 +89,12 @@ $footerBorderColor:$grey-lighter !default; //footer border color
 						border:$table-cell-border;
 						border-width:$table-head-cell-border-width;
 					}
-
+					
 					&.tabulator-calcs-bottom{
 						border:$table-cell-border;
 						border-width:$table-foot-cell-border-width;
 					}
-
+					
 					.tabulator-cell{
 						border-bottom-width:0;
 					}
@@ -102,39 +102,39 @@ $footerBorderColor:$grey-lighter !default; //footer border color
 			}
 		}
 	}
-
+	
 	.tabulator-footer{
 		padding:$table-cell-padding;
 		border:$table-cell-border;
 		border-width:$table-foot-cell-border-width;
-
+		
 		.tabulator-calcs-holder{
 			margin:-5px -10px 10px -10px;
-
+			
 			border:$table-cell-border;
 			border-width:$table-head-cell-border-width;
-
+			
 			.tabulator-row{
 				.tabulator-cell{
 					border-bottom-width:0;
 				}
 			}
 		}
-
+		
 		.tabulator-page{
 			margin:0 0.1875em;
 			padding:$button-padding-vertical $button-padding-horizontal;
-
+			
 			border:$button-border-width solid $button-border-color;
-
+			
 			font-size: $textSize;
-
+			
 			&.active{
 				border-color:$button-active-border-color;
 				color:$button-active-color;
 				font-weight:bold;
 			}
-
+			
 			&:not(.disabled){
 				&:hover{
 					cursor:pointer;
@@ -145,9 +145,9 @@ $footerBorderColor:$grey-lighter !default; //footer border color
 			}
 		}
 	}
-
+	
 	//Bulma theming classes
-
+	
 	&.is-striped{
 		.tabulator-row{
 			&:nth-child(even){
@@ -155,16 +155,16 @@ $footerBorderColor:$grey-lighter !default; //footer border color
 			}
 		}
 	}
-
+	
 	&.is-bordered{
 		border:$table-cell-border;
-
+		
 		.tabulator-header{
 			.tabulator-col{
 				border-right:$table-cell-border;
 			}
 		}
-
+		
 		.tabulator-tableholder{
 			.tabulator-table{
 				.tabulator-row{
@@ -175,7 +175,7 @@ $footerBorderColor:$grey-lighter !default; //footer border color
 			}
 		}
 	}
-
+	
 	&.is-narrow{
 		.tabulator-header{
 			.tabulator-col{
@@ -184,7 +184,7 @@ $footerBorderColor:$grey-lighter !default; //footer border color
 				}
 			}
 		}
-
+		
 		.tabulator-tableholder{
 			.tabulator-table{
 				.tabulator-row{
@@ -199,25 +199,25 @@ $footerBorderColor:$grey-lighter !default; //footer border color
 
 .tabulator-row{
 	min-height:14px + ($headerMargin * 2);
-
+	
 	&.tabulator-row-even{
 		background-color: inherit;
 	}
-
+	
 	&.tabulator-selected{
 		background-color:$rowSelectedBackground !important;
 	}
-
+	
 	&.tabulator-selected:hover{
 		background-color:darken($rowSelectedBackground, 10%) !important;
 	}
-
+	
 	.tabulator-cell{
 		padding:$table-cell-padding;
 		border:$table-cell-border;
 		border-width:$table-cell-border-width;
 	}
-
+	
 	&.tabulator-group{
 		border-bottom:1px solid #999;
 		border-right:none;
@@ -236,3 +236,18 @@ $footerBorderColor:$grey-lighter !default; //footer border color
 	}
 }
 
+.tabulator-popup-container{
+	background: $backgroundColor,
+}
+
+.tabulator-edit-list{
+	.tabulator-edit-list-item{
+		&.active{
+			color:$backgroundColor;
+		}
+
+		&:hover{
+			color:$backgroundColor;
+		}
+	}
+}