react-graph-grid 0.1.4 → 0.1.5

package/dist/index21.esm.js

@@ -0,0 +1,298 @@
+import { require_jsx_runtime } from "./index7.esm.js";
+import { BaseComponent } from "./index8.esm.js";
+import { GridGRClass } from "./index20.esm.js";
+import { useEffect, useState } from "react";
+var import_jsx_runtime = require_jsx_runtime();
+function GridPK(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 GridPKClass(props);
+		needGetRows = !props.noAutoRefresh;
+	}
+	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 GridPKClass = class extends GridGRClass {
+	constructor(props) {
+		super(props);
+		const grid = this;
+		grid._selectedRowsDict = {};
+		if (props.multi === true && props.keyField) {
+			grid.multi = true;
+			grid._allRowsOnPageSelected = false;
+		}
+		grid.opt.pocketButtonsClass = props.pocketButtonsClass || BaseComponent.theme.pocketButtonsClass || "";
+	}
+	afterGetRowsEvents() {
+		const grid = this;
+		super.afterGetRowsEvents();
+		grid.checkPocketState();
+	}
+	setupEvents() {
+		const grid = this;
+		grid.clearEvents = function() {};
+	}
+	renderSelectColumnHeader() {
+		const grid = this;
+		return !grid.multi || !grid.pocketOpened ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
+			"grid-header": `${grid.id}_select_`,
+			className: `${grid.opt.columnClass ? grid.opt.columnClass : ""} grid-header-th`,
+			style: {
+				position: "sticky",
+				top: 0,
+				width: "1.3em",
+				overflow: "hidden",
+				verticalAlign: "top"
+			},
+			children: !grid._allRowsOnPageSelected ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "grid-pocket-button-div",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+					className: (grid.opt.pocketButtonsClass || "grid-pocket-button") + " grid-pocket-button-all",
+					onClick: (e) => grid.selectAllRows(e),
+					children: "+"
+				})
+			}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {})
+		}, `headerCellSelect_${grid.id}_${grid.keyAdd()}_`);
+	}
+	renderSelectColumn(row, rind) {
+		const grid = this;
+		return !grid.pocketOpened ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: grid._selectedRowsDict[row[grid.keyField]] == null ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			className: "grid-pocket-button-div",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+				className: grid.opt.pocketButtonsClass || "grid-pocket-button",
+				onClick: (e) => grid.selectRow(e, row),
+				children: "+"
+			})
+		}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {}) }, `gridCellSelect_${grid.id}_${rind}_${grid.keyAdd()}_`);
+	}
+	renderPocketClearColumn(row, rind) {
+		const grid = this;
+		return !grid.pocketOpened ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			className: "grid-pocket-button-div",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+				className: grid.opt.pocketButtonsClass || "grid-pocket-button",
+				onClick: (e) => grid.unselectRow(e, row),
+				children: "-"
+			})
+		}) }, `gridCellClear_${grid.id}_${rind}_${grid.keyAdd()}_`);
+	}
+	renderAdditionalRows() {
+		const grid = this;
+		if (!grid.pocketOpened) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {});
+		const hasPocketRows = Object.keys(grid._selectedRowsDict).length > 0;
+		if (!grid._selectedRows) {
+			grid._selectedRows = [];
+			grid.loadPocketRows();
+		}
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", {
+			className: "",
+			style: {
+				borderTop: "0",
+				borderBottom: "0"
+			},
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
+				className: `${grid.opt.columnClass ? grid.opt.columnClass : ""} grid-header-th`,
+				style: {
+					position: "sticky",
+					top: 0,
+					width: "1.5em",
+					overflow: "hidden",
+					verticalAlign: "top"
+				},
+				children: hasPocketRows ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "grid-pocket-button-div",
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+						className: (grid.opt.pocketButtonsClass || "grid-pocket-button") + " grid-pocket-button-all",
+						onClick: (e) => grid.clearPocket(e),
+						children: "-"
+					})
+				}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {})
+			}, `gridPocketSysCol_${grid.id}_`), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
+				colSpan: grid.columns ? grid.columns.length : 0,
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+					className: "grid-pocket-title",
+					children: `${this.translate("Pocket")} (${grid._selectedRows.length})`
+				})
+			})]
+		}, `gridPocketDivider_${grid.id}_`), grid._selectedRows.map((row, rind) => {
+			return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tr", { children: grid.renderPocketRow(row, rind) }, `gridPocketRow_${grid.id}_${rind}_${row[grid.keyField]}_${grid.keyAdd()}_`);
+		})] });
+	}
+	renderRow(row, rowInd, selected) {
+		const grid = this;
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [grid.multi && grid.pocketOpened ? grid.renderSelectColumn(row) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {}), super.renderRow(row, rowInd, selected)] });
+	}
+	loadPocketRows() {
+		const grid = this;
+		for (let id in grid._selectedRowsDict) {
+			let row = grid._selectedRowsDict[id];
+			grid._selectedRows.push(row);
+		}
+	}
+	renderPocketRow(row, rowInd) {
+		const grid = this;
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [grid.renderPocketClearColumn(row, rowInd), grid.columns.map((col, cind) => {
+			return col.visible === false ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: grid.renderCell(grid, col, row, false) }, `gridPocketCell_${grid.id}_${rowInd}_${cind}_${grid.keyAdd()}_${row[grid.keyField]}_`);
+		})] });
+	}
+	getGridWidth() {
+		const grid = this;
+		let w = super.getGridWidth();
+		if (grid.multi) w += 20;
+		grid._currW = w;
+		return grid._currW;
+	}
+	selectedValue(delim) {
+		const grid = this;
+		const keyColumn = grid.getKeyColumn();
+		if (!grid.multi || !grid.pocketOpened) {
+			const row = grid.selectedRow();
+			return row != null ? row[keyColumn] : "";
+		} else {
+			delim = delim || ",";
+			const res = [];
+			for (let id in grid._selectedRowsDict) {
+				let row = grid._selectedRowsDict[id];
+				res.push(row[keyColumn]);
+			}
+			return res.join(delim);
+		}
+	}
+	selectedText(delim) {
+		const grid = this;
+		if (!grid.nameField) return "";
+		if (!grid.multi || !grid.pocketOpened) {
+			const row = grid.selectedRow();
+			return row != null ? row[grid.nameField] : "";
+		} else {
+			delim = delim || ",";
+			const res = [];
+			for (let id in grid._selectedRowsDict) {
+				let row = grid._selectedRowsDict[id];
+				res.push(row[grid.nameField]);
+			}
+			return res.join(delim);
+		}
+	}
+	selectedValues(texts) {
+		const grid = this;
+		texts = texts || [];
+		const keyColumn = grid.getKeyColumn();
+		if (!grid.multi || !grid.pocketOpened) {
+			const row = grid.selectedRow();
+			return row != null ? [{
+				value: row[keyColumn],
+				label: row[grid.nameField]
+			}] : [];
+		} else {
+			const res = [];
+			for (let id in grid._selectedRowsDict) {
+				let row = grid._selectedRowsDict[id];
+				let text = row[grid.nameField];
+				texts.push(text);
+				res.push({
+					value: row[keyColumn],
+					label: text
+				});
+			}
+			return res;
+		}
+	}
+	selectRow(e, row) {
+		const grid = this;
+		const keyColumn = grid.getKeyColumn();
+		delete grid._selectedRows;
+		grid._selectedRowsDict[row[keyColumn]] = row;
+		grid.checkPocketState();
+		grid.refreshState();
+		if (grid.graph) grid.graph.triggerWave({
+			nodes: [grid],
+			withStartNodes: false
+		});
+	}
+	unselectRow(e, row) {
+		const grid = this;
+		const keyColumn = grid.getKeyColumn();
+		delete grid._selectedRows;
+		delete grid._selectedRowsDict[row[keyColumn]];
+		grid._allRowsOnPageSelected = false;
+		grid.checkPocketState();
+		grid.refreshState();
+		if (grid.graph) grid.graph.triggerWave({
+			nodes: [grid],
+			withStartNodes: false
+		});
+	}
+	selectAllRows() {
+		const grid = this;
+		const keyColumn = grid.getKeyColumn();
+		delete grid._selectedRows;
+		grid._allRowsOnPageSelected = true;
+		for (let row of grid.rows) grid._selectedRowsDict[row[keyColumn]] = row;
+		grid.checkPocketState();
+		grid.refreshState();
+		if (grid.graph) grid.graph.triggerWave({
+			nodes: [grid],
+			withStartNodes: false
+		});
+	}
+	clearPocket() {
+		const grid = this;
+		grid._selectedRowsDict = {};
+		delete grid._selectedRows;
+		grid._allRowsOnPageSelected = false;
+		grid.checkPocketState();
+		grid.refreshState();
+		if (grid.graph) grid.graph.triggerWave({
+			nodes: [grid],
+			withStartNodes: false
+		});
+	}
+	checkPocketState() {
+		const grid = this;
+		const keyColumn = grid.getKeyColumn();
+		if (Object.keys(grid._selectedRowsDict).length <= 0) {
+			grid._allRowsOnPageSelected = false;
+			return;
+		}
+		grid._allRowsOnPageSelected = true;
+		for (let row of grid.rows) if (grid._selectedRowsDict[row[keyColumn]] == null) {
+			grid._allRowsOnPageSelected = false;
+			break;
+		}
+	}
+};
+export { GridPK, GridPKClass };

package/dist/index21.js

@@ -0,0 +1,299 @@
+const require_jsx_runtime$1 = require("./index7.js");
+const require_Base = require("./index8.js");
+const require_GridGR = require("./index20.js");
+let react = require("react");
+var import_jsx_runtime = require_jsx_runtime$1.default;
+function GridPK(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 GridPKClass(props);
+		needGetRows = !props.noAutoRefresh;
+	}
+	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 GridPKClass = class extends require_GridGR.GridGRClass {
+	constructor(props) {
+		super(props);
+		const grid = this;
+		grid._selectedRowsDict = {};
+		if (props.multi === true && props.keyField) {
+			grid.multi = true;
+			grid._allRowsOnPageSelected = false;
+		}
+		grid.opt.pocketButtonsClass = props.pocketButtonsClass || require_Base.BaseComponent.theme.pocketButtonsClass || "";
+	}
+	afterGetRowsEvents() {
+		const grid = this;
+		super.afterGetRowsEvents();
+		grid.checkPocketState();
+	}
+	setupEvents() {
+		const grid = this;
+		grid.clearEvents = function() {};
+	}
+	renderSelectColumnHeader() {
+		const grid = this;
+		return !grid.multi || !grid.pocketOpened ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
+			"grid-header": `${grid.id}_select_`,
+			className: `${grid.opt.columnClass ? grid.opt.columnClass : ""} grid-header-th`,
+			style: {
+				position: "sticky",
+				top: 0,
+				width: "1.3em",
+				overflow: "hidden",
+				verticalAlign: "top"
+			},
+			children: !grid._allRowsOnPageSelected ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "grid-pocket-button-div",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+					className: (grid.opt.pocketButtonsClass || "grid-pocket-button") + " grid-pocket-button-all",
+					onClick: (e) => grid.selectAllRows(e),
+					children: "+"
+				})
+			}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {})
+		}, `headerCellSelect_${grid.id}_${grid.keyAdd()}_`);
+	}
+	renderSelectColumn(row, rind) {
+		const grid = this;
+		return !grid.pocketOpened ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: grid._selectedRowsDict[row[grid.keyField]] == null ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			className: "grid-pocket-button-div",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+				className: grid.opt.pocketButtonsClass || "grid-pocket-button",
+				onClick: (e) => grid.selectRow(e, row),
+				children: "+"
+			})
+		}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {}) }, `gridCellSelect_${grid.id}_${rind}_${grid.keyAdd()}_`);
+	}
+	renderPocketClearColumn(row, rind) {
+		const grid = this;
+		return !grid.pocketOpened ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			className: "grid-pocket-button-div",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+				className: grid.opt.pocketButtonsClass || "grid-pocket-button",
+				onClick: (e) => grid.unselectRow(e, row),
+				children: "-"
+			})
+		}) }, `gridCellClear_${grid.id}_${rind}_${grid.keyAdd()}_`);
+	}
+	renderAdditionalRows() {
+		const grid = this;
+		if (!grid.pocketOpened) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {});
+		const hasPocketRows = Object.keys(grid._selectedRowsDict).length > 0;
+		if (!grid._selectedRows) {
+			grid._selectedRows = [];
+			grid.loadPocketRows();
+		}
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", {
+			className: "",
+			style: {
+				borderTop: "0",
+				borderBottom: "0"
+			},
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
+				className: `${grid.opt.columnClass ? grid.opt.columnClass : ""} grid-header-th`,
+				style: {
+					position: "sticky",
+					top: 0,
+					width: "1.5em",
+					overflow: "hidden",
+					verticalAlign: "top"
+				},
+				children: hasPocketRows ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "grid-pocket-button-div",
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+						className: (grid.opt.pocketButtonsClass || "grid-pocket-button") + " grid-pocket-button-all",
+						onClick: (e) => grid.clearPocket(e),
+						children: "-"
+					})
+				}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {})
+			}, `gridPocketSysCol_${grid.id}_`), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
+				colSpan: grid.columns ? grid.columns.length : 0,
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+					className: "grid-pocket-title",
+					children: `${this.translate("Pocket")} (${grid._selectedRows.length})`
+				})
+			})]
+		}, `gridPocketDivider_${grid.id}_`), grid._selectedRows.map((row, rind) => {
+			return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tr", { children: grid.renderPocketRow(row, rind) }, `gridPocketRow_${grid.id}_${rind}_${row[grid.keyField]}_${grid.keyAdd()}_`);
+		})] });
+	}
+	renderRow(row, rowInd, selected) {
+		const grid = this;
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [grid.multi && grid.pocketOpened ? grid.renderSelectColumn(row) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {}), super.renderRow(row, rowInd, selected)] });
+	}
+	loadPocketRows() {
+		const grid = this;
+		for (let id in grid._selectedRowsDict) {
+			let row = grid._selectedRowsDict[id];
+			grid._selectedRows.push(row);
+		}
+	}
+	renderPocketRow(row, rowInd) {
+		const grid = this;
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [grid.renderPocketClearColumn(row, rowInd), grid.columns.map((col, cind) => {
+			return col.visible === false ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: grid.renderCell(grid, col, row, false) }, `gridPocketCell_${grid.id}_${rowInd}_${cind}_${grid.keyAdd()}_${row[grid.keyField]}_`);
+		})] });
+	}
+	getGridWidth() {
+		const grid = this;
+		let w = super.getGridWidth();
+		if (grid.multi) w += 20;
+		grid._currW = w;
+		return grid._currW;
+	}
+	selectedValue(delim) {
+		const grid = this;
+		const keyColumn = grid.getKeyColumn();
+		if (!grid.multi || !grid.pocketOpened) {
+			const row = grid.selectedRow();
+			return row != null ? row[keyColumn] : "";
+		} else {
+			delim = delim || ",";
+			const res = [];
+			for (let id in grid._selectedRowsDict) {
+				let row = grid._selectedRowsDict[id];
+				res.push(row[keyColumn]);
+			}
+			return res.join(delim);
+		}
+	}
+	selectedText(delim) {
+		const grid = this;
+		if (!grid.nameField) return "";
+		if (!grid.multi || !grid.pocketOpened) {
+			const row = grid.selectedRow();
+			return row != null ? row[grid.nameField] : "";
+		} else {
+			delim = delim || ",";
+			const res = [];
+			for (let id in grid._selectedRowsDict) {
+				let row = grid._selectedRowsDict[id];
+				res.push(row[grid.nameField]);
+			}
+			return res.join(delim);
+		}
+	}
+	selectedValues(texts) {
+		const grid = this;
+		texts = texts || [];
+		const keyColumn = grid.getKeyColumn();
+		if (!grid.multi || !grid.pocketOpened) {
+			const row = grid.selectedRow();
+			return row != null ? [{
+				value: row[keyColumn],
+				label: row[grid.nameField]
+			}] : [];
+		} else {
+			const res = [];
+			for (let id in grid._selectedRowsDict) {
+				let row = grid._selectedRowsDict[id];
+				let text = row[grid.nameField];
+				texts.push(text);
+				res.push({
+					value: row[keyColumn],
+					label: text
+				});
+			}
+			return res;
+		}
+	}
+	selectRow(e, row) {
+		const grid = this;
+		const keyColumn = grid.getKeyColumn();
+		delete grid._selectedRows;
+		grid._selectedRowsDict[row[keyColumn]] = row;
+		grid.checkPocketState();
+		grid.refreshState();
+		if (grid.graph) grid.graph.triggerWave({
+			nodes: [grid],
+			withStartNodes: false
+		});
+	}
+	unselectRow(e, row) {
+		const grid = this;
+		const keyColumn = grid.getKeyColumn();
+		delete grid._selectedRows;
+		delete grid._selectedRowsDict[row[keyColumn]];
+		grid._allRowsOnPageSelected = false;
+		grid.checkPocketState();
+		grid.refreshState();
+		if (grid.graph) grid.graph.triggerWave({
+			nodes: [grid],
+			withStartNodes: false
+		});
+	}
+	selectAllRows() {
+		const grid = this;
+		const keyColumn = grid.getKeyColumn();
+		delete grid._selectedRows;
+		grid._allRowsOnPageSelected = true;
+		for (let row of grid.rows) grid._selectedRowsDict[row[keyColumn]] = row;
+		grid.checkPocketState();
+		grid.refreshState();
+		if (grid.graph) grid.graph.triggerWave({
+			nodes: [grid],
+			withStartNodes: false
+		});
+	}
+	clearPocket() {
+		const grid = this;
+		grid._selectedRowsDict = {};
+		delete grid._selectedRows;
+		grid._allRowsOnPageSelected = false;
+		grid.checkPocketState();
+		grid.refreshState();
+		if (grid.graph) grid.graph.triggerWave({
+			nodes: [grid],
+			withStartNodes: false
+		});
+	}
+	checkPocketState() {
+		const grid = this;
+		const keyColumn = grid.getKeyColumn();
+		if (Object.keys(grid._selectedRowsDict).length <= 0) {
+			grid._allRowsOnPageSelected = false;
+			return;
+		}
+		grid._allRowsOnPageSelected = true;
+		for (let row of grid.rows) if (grid._selectedRowsDict[row[keyColumn]] == null) {
+			grid._allRowsOnPageSelected = false;
+			break;
+		}
+	}
+};
+exports.GridPK = GridPK;
+exports.GridPKClass = GridPKClass;