tabulator-tables 5.6.1 → 6.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tabulator-tables",
-  "version": "5.6.1",
+  "version": "6.0.0",
   "description": "Interactive table generation JavaScript library",
   "style": "dist/css/tabulator.css",
   "main": "dist/js/tabulator.js",
@@ -12,12 +12,12 @@
   "scripts": {
     "lint": "eslint src --fix",
     "prebuild": "eslint src --fix",
-    "build": "rollup -c build/rollup.js",
-    "dev": "rollup -c build/rollup.js -w --environment TARGET:dev",
-    "dev:css": "rollup -c build/rollup.js -w --environment TARGET:css",
-    "dev:esm": "rollup -c build/rollup.js -w --environment TARGET:esm",
-    "dev:umd": "rollup -c build/rollup.js -w --environment TARGET:umd",
-    "dev:wrappers": "rollup -c build/rollup.js -w --environment TARGET:wrappers"
+    "build": "rollup -c build/rollup.mjs",
+    "dev": "rollup -c build/rollup.mjs -w --environment TARGET:dev",
+    "dev:css": "rollup -c build/rollup.mjs -w --environment TARGET:css",
+    "dev:esm": "rollup -c build/rollup.mjs -w --environment TARGET:esm",
+    "dev:umd": "rollup -c build/rollup.mjs -w --environment TARGET:umd",
+    "dev:wrappers": "rollup -c build/rollup.mjs -w --environment TARGET:wrappers "
   },
   "repository": {
     "type": "git",
@@ -49,17 +49,17 @@
   },
   "homepage": "https://tabulator.info/",
   "devDependencies": {
-    "@rollup/plugin-node-resolve": "^11.0.1",
-    "eslint": "^8.10.0",
-    "eslint-plugin-only-warn": "^1.0.3",
-    "fs-extra": "^9.0.1",
-    "globby": "^11.0.2",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-terser": "^0.4.4",
+    "eslint": "^8.57.0",
+    "eslint-plugin-only-warn": "^1.1.0",
+    "fs-extra": "^11.2.0",
+    "globby": "^14.0.1",
     "node-sass": "^9.0.0",
-    "postcss": "^8.2.4",
+    "postcss": "^8.4.35",
     "postcss-prettify": "^0.3.4",
-    "rollup": "^2.36.1",
-    "rollup-plugin-license": "^2.2.0",
-    "rollup-plugin-postcss": "^4.0.0",
-    "rollup-plugin-terser": "^7.0.2"
+    "rollup": "^4.12.1",
+    "rollup-plugin-license": "^3.3.1",
+    "rollup-plugin-postcss": "^4.0.2"
   }
 }

package/src/js/builds/esm.js

@@ -7,6 +7,8 @@ export {default as ColumnComponent} from '../core/column/ColumnComponent.js';
 export {default as RowComponent} from '../core/row/RowComponent.js';
 export {default as GroupComponent} from '../modules/GroupRows/GroupComponent.js';
 export {default as CalcComponent} from '../modules/ColumnCalcs/CalcComponent.js';
+export {default as RangeComponent} from '../modules/SelectRange/RangeComponent.js';
+export {default as SheetComponent} from '../modules/Spreadsheet/SheetComponent.js';
 
 export {default as PseudoRow} from '../core/row/PseudoRow.js';
 

package/src/js/core/ColumnManager.js

@@ -17,6 +17,7 @@ export default class ColumnManager extends CoreFeature {
 		this.blockHozScrollEvent = false;
 		this.headersElement = null;
 		this.contentsElement = null;
+		this.rowHeader = null;
 		this.element = null ; //containing element
 		this.columns = []; // column definition object
 		this.columnsByIndex = []; //columns by index
@@ -247,6 +248,13 @@ export default class ColumnManager extends CoreFeature {
 		this.columnsByField = {};
 		
 		this.dispatch("columns-loading");
+
+		if(this.table.options.rowHeader){
+			this.rowHeader = new Column(this.table.options.rowHeader === true ? {} : this.table.options.rowHeader, this, true);
+			this.columns.push(this.rowHeader);
+			this.headersElement.appendChild(this.rowHeader.getElement());
+			this.rowHeader.columnRendered();
+		}
 		
 		cols.forEach((def, i) => {
 			this._addColumn(def);
@@ -265,6 +273,13 @@ export default class ColumnManager extends CoreFeature {
 		var column = new Column(definition, this),
 		colEl = column.getElement(),
 		index = nextToColumn ? this.findColumnIndex(nextToColumn) : nextToColumn;
+
+		//prevent adding of rows in front of row header
+		if(before && this.rowHeader && (!nextToColumn || nextToColumn === this.rowHeader)){
+			before = false;
+			nextToColumn = this.rowHeader;
+			index = 0;
+		}
 		
 		if(nextToColumn && index > -1){
 			var topColumn = nextToColumn.getTopColumn();

package/src/js/core/Module.js

@@ -1,7 +1,7 @@
 import CoreFeature from './CoreFeature.js';
 import Popup from './tools/Popup.js';
 
-class Module extends CoreFeature{
+export default class Module extends CoreFeature{
 	
 	constructor(table, name){
 		super(table);
@@ -137,6 +137,4 @@ class Module extends CoreFeature{
 		return this.table.alertManager.clear();
 	}
 	
-}
-
-export default Module;
+}

package/src/js/core/RowManager.js

@@ -194,7 +194,7 @@ export default class RowManager extends CoreFeature{
 	
 	getRowFromPosition(position){
 		return this.getDisplayRows().find((row) => {
-			return row.getPosition() === position && row.isDisplayed();
+			return row.type === "row" && row.getPosition() === position && row.isDisplayed();
 		});
 	}
 	

package/src/js/core/Tabulator.js

@@ -15,17 +15,32 @@ import InternalEventBus from './tools/InternalEventBus.js';
 
 import DeprecationAdvisor from './tools/DeprecationAdvisor.js';
 
-import TableRegistry from './tools/TableRegistry.js';
 import ModuleBinder from './tools/ModuleBinder.js';
 
 import OptionsList from './tools/OptionsList.js';
 
 import Alert from './tools/Alert.js';
 
-class Tabulator {
-	
-	constructor(element, options){
-		
+class Tabulator extends ModuleBinder{
+
+	//default setup options
+	static defaultOptions = defaultOptions;
+
+	static extendModule(){
+		Tabulator.initializeModuleBinder();
+		Tabulator._extendModule(...arguments);
+	}
+
+	static registerModule(){
+		Tabulator.initializeModuleBinder();
+		Tabulator._registerModule(...arguments);
+	}
+
+	constructor(element, options, modules){
+		super();
+
+		Tabulator.initializeModuleBinder(modules);
+
 		this.options = {};
 		
 		this.columnManager = null; // hold Column Manager
@@ -65,7 +80,7 @@ class Tabulator {
 			});
 		}
 		
-		TableRegistry.register(this); //register table for inter-device communication
+		this.constructor.registry.register(this); //register table for inter-device communication
 	}
 	
 	initializeElement(element){
@@ -94,7 +109,7 @@ class Tabulator {
 		this.dataLoader = new DataLoader(this);
 		this.alertManager = new Alert(this);
 		
-		this.bindModules();
+		this._bindModules();
 		
 		this.options = this.optionsList.generate(Tabulator.defaultOptions, options);
 		
@@ -115,7 +130,7 @@ class Tabulator {
 	
 	//convert deprecated functionality to new functions
 	_mapDeprecatedFunctionality(){
-		//all previously deprecated functionality removed in the 5.0 release
+		//all previously deprecated functionality removed in the 6.0 release
 	}
 	
 	_clearSelection(){
@@ -146,11 +161,13 @@ class Tabulator {
 		
 		this._initializeTable();
 		
-		this._loadInitialData();
-		
-		this.initialized = true;
-		
-		this.externalEvents.dispatch("tableBuilt");
+		this._loadInitialData()
+			.finally(() => {
+				this.initialized = true;
+
+				this.eventBus.dispatch("table-initialized");
+				this.externalEvents.dispatch("tableBuilt");
+			});	
 	}
 	
 	_rtlCheck(){
@@ -276,8 +293,10 @@ class Tabulator {
 	}
 	
 	_loadInitialData(){
-		this.dataLoader.load(this.options.data);
-		this.columnManager.verticalAlignHeaders();
+		return this.dataLoader.load(this.options.data)
+			.finally(() => {
+				this.columnManager.verticalAlignHeaders();
+			});		
 	}
 	
 	//deconstructor
@@ -286,7 +305,7 @@ class Tabulator {
 		
 		this.destroyed = true;
 		
-		TableRegistry.deregister(this); //deregister table from inter-device communication
+		this.constructor.registry.deregister(this); //deregister table from inter-device communication
 		
 		this.eventBus.dispatch("table-destroy");
 		
@@ -887,10 +906,4 @@ class Tabulator {
 	}
 }
 
-//default setup options
-Tabulator.defaultOptions = defaultOptions;
-
-//bind modules and static functionality
-new ModuleBinder(Tabulator);
-
 export default Tabulator;

package/src/js/core/TabulatorFull.js

@@ -1,11 +1,21 @@
 //tabulator with all modules installed
 import {default as Tabulator} from './Tabulator.js';
-import * as modules from '../core/modules/optional.js';
-import ModuleBinder from './tools/ModuleBinder.js';
+import * as allModules from '../core/modules/optional.js';
 
-class TabulatorFull extends Tabulator {}
+class TabulatorFull extends Tabulator {
+	static extendModule(){
+		Tabulator.initializeModuleBinder(allModules);
+		Tabulator._extendModule(...arguments);
+	}
 
-//bind modules and static functionality
-new ModuleBinder(TabulatorFull, modules);
+	static registerModule(){
+		Tabulator.initializeModuleBinder(allModules);
+		Tabulator._registerModule(...arguments);
+	}
+
+	constructor(element, options, modules){
+		super(element, options, allModules);
+	}
+}
 
 export default TabulatorFull;

package/src/js/core/cell/Cell.js

@@ -43,6 +43,10 @@ export default class Cell extends CoreFeature{
 		this.element = document.createElement('div');
 		this.element.className = "tabulator-cell";
 		this.element.setAttribute("role", "gridcell");
+
+		if(this.column.isRowHeader){
+			this.element.classList.add("tabulator-row-header");
+		}
 	}
 
 	_configureCell(){