react-graph-grid 0.1.4 → 0.1.6

package/dist/index20.esm.js

@@ -0,0 +1,219 @@
+import { NodeStatus } from "./index8.esm.js";
+import { GraphClass } from "./index18.esm.js";
+import { GridClass } from "./index19.esm.js";
+import { useEffect, useState } from "react";
+function GridGR(props) {
+	let grid = null;
+	const [gridState, setState] = useState({
+		grid,
+		ind: 0
+	});
+	grid = gridState.grid;
+	let needGetRows = false;
+	if (!grid || grid.uid !== props.uid && props.uid != null) {
+		grid = null;
+		if (props.findGrid) grid = props.findGrid(props);
+		grid = grid || new GridGRClass(props);
+		needGetRows = !props.noAutoRefresh && !props.parentGrids;
+	}
+	if (props.init) props.init(grid);
+	grid.refreshState = function() {
+		setState({
+			grid,
+			ind: grid.stateind++
+		});
+	};
+	grid._waitingRows = needGetRows && (grid.rows.length <= 0 || grid.columns.length <= 0);
+	useEffect(() => {
+		grid.setupEvents(grid);
+		if (grid._waitingRows) grid.getRows({
+			filters: grid.collectFilters(),
+			grid
+		}).then((rows) => {
+			grid.rows = rows;
+			grid.afterGetRows();
+			grid.refreshState();
+		}).finally(() => {
+			grid._waitingRows = false;
+			grid.refreshState();
+		});
+		else if (grid.columns.length <= 0 && grid.getColumns) grid.prepareColumns().then(() => grid.refreshState());
+		return () => {
+			grid.clearEvents();
+		};
+	}, [grid]);
+	return grid.render();
+}
+var GridGRClass = class extends GridClass {
+	constructor(props) {
+		super(props);
+		const grid = this;
+		if (props.entity) grid.entity = props.entity;
+		if (props.applyConnection) grid.applyConnection = props.applyConnection;
+		if (!props.graph && (props.parentGrids || props.uid)) {
+			grid.graphUid = props.graphUid || "defaultGraphUID";
+			grid.parentGrids = props.parentGrids;
+			window._graphDict = window._graphDict || {};
+			window._graphDict[grid.graphUid] = window._graphDict[grid.graphUid] || new GraphClass();
+			const graph = window._graphDict[grid.graphUid];
+			while (graph.nodesDict[GridClass._seq]) GridClass._seq++;
+			grid.id = GridClass._seq++;
+			grid.graph = graph;
+			graph.uid = grid.graphUid;
+			grid.parents = [];
+			grid.children = [];
+			if (props.parentGrids) grid.graph.needCheckIntegrity = true;
+			grid.uid = props.uid != null ? props.uid : grid.id;
+			graph.nodeCount++;
+			graph.nodesDict[grid.uid] = grid;
+		} else grid.uid = props.uid != null ? props.uid : grid.id;
+	}
+	log(message, pref) {
+		const grid = this;
+		pref = pref || `grid#${grid.uid ? grid.id + "(" + grid.uid + ")" : grid.id} ${grid.title || ""}`;
+		super.log(`${pref}: ` + message, " ");
+	}
+	clearEvents() {
+		const grid = this;
+		super.clearEvents();
+		if (window._graphDict && grid.graphUid) {
+			grid.log(" delete graph");
+			delete window._graphDict[grid.graphUid];
+		}
+	}
+	connectToParents(noDetectCycles) {
+		const grid = this;
+		const graph = grid.graph;
+		grid.connectedToParents = true;
+		graph.waveCache = {};
+		if (!grid.parentGrids) return;
+		const parentUids = "," + grid.parentGrids + ",";
+		for (let uid in graph.nodesDict) {
+			if (uid === grid.uid) continue;
+			let parentGrid = graph.nodesDict[uid];
+			if (parentUids.indexOf(parentGrid.uid) <= 0) continue;
+			const link = {
+				parent: parentGrid,
+				child: grid
+			};
+			const lkey = grid.id + "_" + parentGrid.id;
+			graph.linksDict[lkey] = link;
+			grid.parents.push(parentGrid.uid);
+			parentGrid.children.push(grid.uid);
+		}
+		if (!noDetectCycles) graph.markCycles();
+	}
+	applyConnection(link) {
+		if (!link.parent || !link.parent.rows) return "";
+		return link.parent.selectedValue();
+	}
+	getEntity() {
+		const grid = this;
+		return grid.entity || "grid_" + (grid.uid || grid.id);
+	}
+	onSelectedRowChanged(e) {
+		super.onSelectedRowChanged(e);
+		const grid = this;
+		const graph = grid.graph;
+		if (graph && (!graph._isMakingWave || e.source == "rowClick")) {
+			if (!grid.connectedToParents) grid.connectToParents();
+			if (graph.needCheckIntegrity) grid.checkGraphIntegrity();
+			if (graph.checkNeedTriggerWave && !graph.checkNeedTriggerWave(grid)) return;
+			graph.triggerWave({
+				nodes: [grid],
+				withStartNodes: false
+			});
+		}
+	}
+	checkGraphIntegrity() {
+		const grid = this;
+		const graph = grid.graph;
+		graph.needCheckIntegrity = false;
+		for (let uid in graph.nodesDict) {
+			if (uid === grid.id) continue;
+			let node = graph.nodesDict[uid];
+			if (!node.connectedToParents) node.connectToParents();
+		}
+		let link;
+		for (let lkey in graph.linksDict) {
+			link = graph.linksDict[lkey];
+			if (!link || !graph.nodesDict[link.parent.uid] || !graph.nodesDict[link.child.uid]) delete graph.linksDict[lkey];
+		}
+	}
+	collectFilters() {
+		const grid = this;
+		const filters = [];
+		if (grid.parentGrids && !grid.connectedToParents) return ["1=2"];
+		if (!grid.parents || grid.parents.length <= 0) return filters;
+		for (let uid of grid.parents) {
+			let link = grid.graph.linksDict[grid.id + "_" + grid.graph.nodesDict[uid].id];
+			let filter = grid.applyConnection(link);
+			if (filter == null || filter === "") continue;
+			let fo = {
+				type: "graphLink",
+				filter
+			};
+			filters.push(fo);
+		}
+		return filters;
+	}
+	skipOnWaveVisit() {
+		return false;
+	}
+	visitByWave(e) {
+		const grid = this;
+		return new Promise(function(resolve) {
+			if (grid.skipOnWaveVisit(e)) {
+				resolve(e);
+				return;
+			}
+			grid._waitingRows = true;
+			grid.getRows({
+				filters: grid.collectFilters(),
+				grid
+			}).then((rows) => {
+				grid.rows = rows;
+				grid.afterGetRows(e);
+				resolve(e);
+				grid.refreshState();
+			}).finally(() => {
+				grid._waitingRows = false;
+				grid.refreshState();
+			});
+		});
+	}
+	visitByWaveAlt(e) {
+		const grid = this;
+		return new Promise(function(resolve) {
+			if (grid.skipOnWaveVisit(e)) {
+				resolve(e);
+				return;
+			}
+			grid.selectedRowIndex = 0;
+			grid._waitingRows = true;
+			grid.refreshState();
+			grid.getRows({
+				filters: grid.collectFilters(),
+				grid
+			}).then((rows) => {
+				grid.rows = rows;
+				grid.afterGetRows(e);
+				resolve(e);
+				grid.refreshState();
+			}).finally(() => {
+				grid._waitingRows = false;
+				grid.refreshState();
+			});
+		});
+	}
+	hasVisibleParentGrids() {
+		const grid = this;
+		if (!grid.graph) return false;
+		for (let puid of grid.parents) {
+			let pnode = grid.graph.nodesDict[puid];
+			if (pnode.visible !== false && pnode.status === NodeStatus.grid) return true;
+		}
+		return false;
+	}
+};
+export { GridGR, GridGRClass };

package/dist/index20.js

@@ -0,0 +1,220 @@
+const require_Base = require("./index8.js");
+const require_Graph = require("./index18.js");
+const require_Grid = require("./index19.js");
+let react = require("react");
+function GridGR(props) {
+	let grid = null;
+	const [gridState, setState] = (0, react.useState)({
+		grid,
+		ind: 0
+	});
+	grid = gridState.grid;
+	let needGetRows = false;
+	if (!grid || grid.uid !== props.uid && props.uid != null) {
+		grid = null;
+		if (props.findGrid) grid = props.findGrid(props);
+		grid = grid || new GridGRClass(props);
+		needGetRows = !props.noAutoRefresh && !props.parentGrids;
+	}
+	if (props.init) props.init(grid);
+	grid.refreshState = function() {
+		setState({
+			grid,
+			ind: grid.stateind++
+		});
+	};
+	grid._waitingRows = needGetRows && (grid.rows.length <= 0 || grid.columns.length <= 0);
+	(0, react.useEffect)(() => {
+		grid.setupEvents(grid);
+		if (grid._waitingRows) grid.getRows({
+			filters: grid.collectFilters(),
+			grid
+		}).then((rows) => {
+			grid.rows = rows;
+			grid.afterGetRows();
+			grid.refreshState();
+		}).finally(() => {
+			grid._waitingRows = false;
+			grid.refreshState();
+		});
+		else if (grid.columns.length <= 0 && grid.getColumns) grid.prepareColumns().then(() => grid.refreshState());
+		return () => {
+			grid.clearEvents();
+		};
+	}, [grid]);
+	return grid.render();
+}
+var GridGRClass = class extends require_Grid.GridClass {
+	constructor(props) {
+		super(props);
+		const grid = this;
+		if (props.entity) grid.entity = props.entity;
+		if (props.applyConnection) grid.applyConnection = props.applyConnection;
+		if (!props.graph && (props.parentGrids || props.uid)) {
+			grid.graphUid = props.graphUid || "defaultGraphUID";
+			grid.parentGrids = props.parentGrids;
+			window._graphDict = window._graphDict || {};
+			window._graphDict[grid.graphUid] = window._graphDict[grid.graphUid] || new require_Graph.GraphClass();
+			const graph = window._graphDict[grid.graphUid];
+			while (graph.nodesDict[require_Grid.GridClass._seq]) require_Grid.GridClass._seq++;
+			grid.id = require_Grid.GridClass._seq++;
+			grid.graph = graph;
+			graph.uid = grid.graphUid;
+			grid.parents = [];
+			grid.children = [];
+			if (props.parentGrids) grid.graph.needCheckIntegrity = true;
+			grid.uid = props.uid != null ? props.uid : grid.id;
+			graph.nodeCount++;
+			graph.nodesDict[grid.uid] = grid;
+		} else grid.uid = props.uid != null ? props.uid : grid.id;
+	}
+	log(message, pref) {
+		const grid = this;
+		pref = pref || `grid#${grid.uid ? grid.id + "(" + grid.uid + ")" : grid.id} ${grid.title || ""}`;
+		super.log(`${pref}: ` + message, " ");
+	}
+	clearEvents() {
+		const grid = this;
+		super.clearEvents();
+		if (window._graphDict && grid.graphUid) {
+			grid.log(" delete graph");
+			delete window._graphDict[grid.graphUid];
+		}
+	}
+	connectToParents(noDetectCycles) {
+		const grid = this;
+		const graph = grid.graph;
+		grid.connectedToParents = true;
+		graph.waveCache = {};
+		if (!grid.parentGrids) return;
+		const parentUids = "," + grid.parentGrids + ",";
+		for (let uid in graph.nodesDict) {
+			if (uid === grid.uid) continue;
+			let parentGrid = graph.nodesDict[uid];
+			if (parentUids.indexOf(parentGrid.uid) <= 0) continue;
+			const link = {
+				parent: parentGrid,
+				child: grid
+			};
+			const lkey = grid.id + "_" + parentGrid.id;
+			graph.linksDict[lkey] = link;
+			grid.parents.push(parentGrid.uid);
+			parentGrid.children.push(grid.uid);
+		}
+		if (!noDetectCycles) graph.markCycles();
+	}
+	applyConnection(link) {
+		if (!link.parent || !link.parent.rows) return "";
+		return link.parent.selectedValue();
+	}
+	getEntity() {
+		const grid = this;
+		return grid.entity || "grid_" + (grid.uid || grid.id);
+	}
+	onSelectedRowChanged(e) {
+		super.onSelectedRowChanged(e);
+		const grid = this;
+		const graph = grid.graph;
+		if (graph && (!graph._isMakingWave || e.source == "rowClick")) {
+			if (!grid.connectedToParents) grid.connectToParents();
+			if (graph.needCheckIntegrity) grid.checkGraphIntegrity();
+			if (graph.checkNeedTriggerWave && !graph.checkNeedTriggerWave(grid)) return;
+			graph.triggerWave({
+				nodes: [grid],
+				withStartNodes: false
+			});
+		}
+	}
+	checkGraphIntegrity() {
+		const grid = this;
+		const graph = grid.graph;
+		graph.needCheckIntegrity = false;
+		for (let uid in graph.nodesDict) {
+			if (uid === grid.id) continue;
+			let node = graph.nodesDict[uid];
+			if (!node.connectedToParents) node.connectToParents();
+		}
+		let link;
+		for (let lkey in graph.linksDict) {
+			link = graph.linksDict[lkey];
+			if (!link || !graph.nodesDict[link.parent.uid] || !graph.nodesDict[link.child.uid]) delete graph.linksDict[lkey];
+		}
+	}
+	collectFilters() {
+		const grid = this;
+		const filters = [];
+		if (grid.parentGrids && !grid.connectedToParents) return ["1=2"];
+		if (!grid.parents || grid.parents.length <= 0) return filters;
+		for (let uid of grid.parents) {
+			let link = grid.graph.linksDict[grid.id + "_" + grid.graph.nodesDict[uid].id];
+			let filter = grid.applyConnection(link);
+			if (filter == null || filter === "") continue;
+			let fo = {
+				type: "graphLink",
+				filter
+			};
+			filters.push(fo);
+		}
+		return filters;
+	}
+	skipOnWaveVisit() {
+		return false;
+	}
+	visitByWave(e) {
+		const grid = this;
+		return new Promise(function(resolve) {
+			if (grid.skipOnWaveVisit(e)) {
+				resolve(e);
+				return;
+			}
+			grid._waitingRows = true;
+			grid.getRows({
+				filters: grid.collectFilters(),
+				grid
+			}).then((rows) => {
+				grid.rows = rows;
+				grid.afterGetRows(e);
+				resolve(e);
+				grid.refreshState();
+			}).finally(() => {
+				grid._waitingRows = false;
+				grid.refreshState();
+			});
+		});
+	}
+	visitByWaveAlt(e) {
+		const grid = this;
+		return new Promise(function(resolve) {
+			if (grid.skipOnWaveVisit(e)) {
+				resolve(e);
+				return;
+			}
+			grid.selectedRowIndex = 0;
+			grid._waitingRows = true;
+			grid.refreshState();
+			grid.getRows({
+				filters: grid.collectFilters(),
+				grid
+			}).then((rows) => {
+				grid.rows = rows;
+				grid.afterGetRows(e);
+				resolve(e);
+				grid.refreshState();
+			}).finally(() => {
+				grid._waitingRows = false;
+				grid.refreshState();
+			});
+		});
+	}
+	hasVisibleParentGrids() {
+		const grid = this;
+		if (!grid.graph) return false;
+		for (let puid of grid.parents) {
+			let pnode = grid.graph.nodesDict[puid];
+			if (pnode.visible !== false && pnode.status === require_Base.NodeStatus.grid) return true;
+		}
+		return false;
+	}
+};
+exports.GridGR = GridGR;
+exports.GridGRClass = GridGRClass;