@azrico/reactgrid 1.1.11 → 1.1.13

package/README.md

@@ -1,3 +1,3 @@
-**DISCLAIMER :**
-DO NOT USE THIS PACKAGE FOR ANY REASON
-THIS IS A PRIVATE PACKAGE
+**DISCLAIMER :**
+DO NOT USE THIS PACKAGE FOR ANY REASON
+THIS IS A PRIVATE PACKAGE

package/index.ts

@@ -1,4 +1,4 @@
-export * from './src';
-
-import { AzGrid } from './src';
-export default AzGrid;
+export * from './src';
+
+import { AzGrid } from './src';
+export default AzGrid;

package/package.json

@@ -1,62 +1,62 @@
-{
-	"name": "@azrico/reactgrid",
-	"version": "1.1.11",
-	"main": "dist/index.js",
-	"description": "React Datagrid",
-	"author": "Azrideus <MehrdadTavangar@gmail.com>",
-	"homepage": ".",
-	"scripts": {
-		"start": "react-scripts start",
-		"build": "tsc && yarn cp_themes && babel dist --out-dir dist",
-		"test": "rem",
-		"cp_themes": "copyfiles ./src/themes/* ./dist/"
-	},
-	"config-overrides-path": "../../config/config-overrides.js",
-	"devDependencies": {
-		"@babel/cli": "^7.13.14",
-		"@babel/core": "^7.13.15",
-		"@babel/eslint-parser": "^7.12.17",
-		"@babel/node": "^7.13.13",
-		"@babel/plugin-proposal-class-properties": "^7.12.13",
-		"@babel/plugin-proposal-nullish-coalescing-operator": "^7.14.5",
-		"@babel/preset-env": "^7.13.15",
-		"@babel/preset-typescript": "^7.14.5",
-		"@mui/material": "*",
-		"@types/react": "^18.0.25",
-		"@types/react-dom": "^18.0.8",
-		"react-dom": "^18.2.0",
-		"react-scripts": "^5.0.1",
-		"typescript": "^4.8.4"
-	},
-	"dependencies": {
-		"@azrico/controls": "1.3.6",
-		"@azrico/object": "^1.3.1",
-		"@emotion/react": "^11.9.3",
-		"@emotion/styled": "^11.9.3",
-		"@inovua/reactdatagrid-enterprise": "^5.8.0",
-		"clsx": "^1.2.1",
-		"react": "^18.2.0",
-		"react-resize-detector": "^7.1.2"
-	},
-	"peerDependencies": {
-		"@azrico/controls": "*",
-		"@emotion/react": "*",
-		"@emotion/styled": "*",
-		"@inovua/reactdatagrid-enterprise": "*",
-		"clsx": "*",
-		"react": "*",
-		"react-resize-detector": "*"
-	},
-	"browserslist": {
-		"production": [
-			">0.2%",
-			"not dead",
-			"not op_mini all"
-		],
-		"development": [
-			"last 1 chrome version",
-			"last 1 firefox version",
-			"last 1 safari version"
-		]
-	}
-}
+{
+	"name": "@azrico/reactgrid",
+	"version": "1.1.13",
+	"main": "dist/index.js",
+	"description": "React Datagrid",
+	"author": "Azrideus <MehrdadTavangar@gmail.com>",
+	"homepage": ".",
+	"scripts": {
+		"start": "react-scripts start",
+		"build": "tsc && yarn cp_themes && babel dist --out-dir dist",
+		"test": "rem",
+		"cp_themes": "copyfiles ./src/themes/* ./dist/"
+	},
+	"config-overrides-path": "../../config/config-overrides.js",
+	"devDependencies": {
+		"@babel/cli": "^7.13.14",
+		"@babel/core": "^7.13.15",
+		"@babel/eslint-parser": "^7.12.17",
+		"@babel/node": "^7.13.13",
+		"@babel/plugin-proposal-class-properties": "^7.12.13",
+		"@babel/plugin-proposal-nullish-coalescing-operator": "^7.14.5",
+		"@babel/preset-env": "^7.13.15",
+		"@babel/preset-typescript": "^7.14.5",
+		"@mui/material": "*",
+		"@types/react": "^18.0.25",
+		"@types/react-dom": "^18.0.8",
+		"react-dom": "^18.2.0",
+		"react-scripts": "^5.0.1",
+		"typescript": "^4.8.4"
+	},
+	"dependencies": {
+		"@azrico/controls": "1.3.6",
+		"@azrico/object": "^1.3.1",
+		"@emotion/react": "^11.9.3",
+		"@emotion/styled": "^11.9.3",
+		"@inovua/reactdatagrid-enterprise": "^5.8.0",
+		"clsx": "^1.2.1",
+		"react": "^18.2.0",
+		"react-resize-detector": "^7.1.2"
+	},
+	"peerDependencies": {
+		"@azrico/controls": "*",
+		"@emotion/react": "*",
+		"@emotion/styled": "*",
+		"@inovua/reactdatagrid-enterprise": "*",
+		"clsx": "*",
+		"react": "*",
+		"react-resize-detector": "*"
+	},
+	"browserslist": {
+		"production": [
+			">0.2%",
+			"not dead",
+			"not op_mini all"
+		],
+		"development": [
+			"last 1 chrome version",
+			"last 1 firefox version",
+			"last 1 safari version"
+		]
+	}
+}

package/public/index.html

@@ -1,20 +1,20 @@
-<!doctype html>
-<html lang="en" class="azgrid-filler azgrid-borderbox azgrid-nopad azgrid-nomargin">
-
-<head>
-	<meta charset="utf-8">
-	<meta name="viewport" content="width=device-width, user-scalable=no">
-	<link rel="manifest" href="%PUBLIC_URL%/manifest.json">
-	<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
-
-	<title>Azriel's React Grid</title>
-</head>
-
-<body class="azgrid-nomargin azgrid-filler azgrid-borderbox">
-	<noscript>
-		You need to enable JavaScript to run this app.
-	</noscript>
-	<div id="testroot" class="azgrid-filler azgrid-testborder azgrid-borderbox azgrid-nopad azgrid-nomargin"></div>
-</body>
-
+<!doctype html>
+<html lang="en" class="azgrid-filler azgrid-borderbox azgrid-nopad azgrid-nomargin">
+
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, user-scalable=no">
+	<link rel="manifest" href="%PUBLIC_URL%/manifest.json">
+	<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
+
+	<title>Azriel's React Grid</title>
+</head>
+
+<body class="azgrid-nomargin azgrid-filler azgrid-borderbox">
+	<noscript>
+		You need to enable JavaScript to run this app.
+	</noscript>
+	<div id="testroot" class="azgrid-filler azgrid-testborder azgrid-borderbox azgrid-nopad azgrid-nomargin"></div>
+</body>
+
 </html>

package/public/manifest.json

@@ -1,9 +1,9 @@
-{
-	"short_name": "AzGrid",
-	"name": "React Grid Wrapper",
-	"icons": [],
-	"start_url": "./index.html",
-	"display": "standalone",
-	"theme_color": "#000000",
-	"background_color": "#ffffff"
-}
+{
+	"short_name": "AzGrid",
+	"name": "React Grid Wrapper",
+	"icons": [],
+	"start_url": "./index.html",
+	"display": "standalone",
+	"theme_color": "#000000",
+	"background_color": "#ffffff"
+}

package/src/example.tsx

@@ -1,117 +1,117 @@
-export * from './views/DataGrid';
-
-import AzGrid from './views/DataGrid';
-import { LooseColumnDefinition } from './views/DataGrid';
-import React from 'react';
-import ReactDOM from 'react-dom/client';
-
-const columns = [
-	{
-		name: 'name',
-		title: 'Category',
-		defaultFlex: 1,
-	},
-];
-const leftColumns = ['username', 'row'];
-const customColumns = [
-	{
-		name: 'job',
-		render: () => {
-			return <div>test</div>;
-		},
-	},
-];
-const filterValue = [
-	{
-		name: 'name',
-		operator: 'contains',
-		type: 'string',
-		value: '',
-	},
-];
-
-const contextMenuItems = ['test'];
-function getData() {
-	const fd: any[] = [];
-	for (let index = 0; index < 200; index++) {
-		fd.push({ __table_id: String(index), name: 'user-' + index, age: 20 });
-		//if (index % 5 == 0) {
-		//	const sub_selfid = 's' + index;
-		//	fd.push({
-		//		__table_id: sub_selfid,
-		//		__parent__table_id: String(index),
-		//		name: 'sub-' + index,
-		//		age: 20,
-		//	});
-		//	if (index % 2 == 0) {
-		//		const sub2_selfid = 'ss' + index;
-		//		fd.push({
-		//			__table_id: sub2_selfid,
-		//			__parent__table_id: sub_selfid,
-		//			name: 'sub2-' + index,
-		//			age: 20,
-		//		});
-		//	}
-		//}
-	}
-	return fd;
-}
-
-export function ExampleGrid() {
-	const [ds_reset, set_ds_reset] = React.useState(0);
-
-	const dataSource = React.useCallback(
-		async (dt) => {
-			//console.log('Start loading');
-			return await new Promise((resolve) => {
-				setTimeout(() => {
-					//console.log('end loading');
-					resolve(getData());
-				}, 1000);
-			});
-		},
-		[ds_reset]
-	);
-
-	const onRowDoubleClick = React.useCallback((index: number, rowdata: any) => {
-		console.log(rowdata?.data || rowdata);
-	}, []);
-	const onRowClick = React.useCallback((index: number, rowdata: any) => {
-		//console.log(rowdata?.data || rowdata);
-	}, []);
-
-	function rst_ds() {
-		//console.log('rst_ds');
-		set_ds_reset((s) => s + 1);
-	}
-
-	return (
-		<AzGrid
-			dark
-			onRowClick={onRowClick}
-			onRowDoubleClick={onRowDoubleClick}
-			// allowChildRows
-			// onSelectionChange={onSelectionChange}
-			// selected={selected}
-			contextMenuItems={contextMenuItems}
-			// customColumns={customColumns}
-			columns={columns}
-			// leftColumns={leftColumns}
-			gridOptions={
-				{
-					// defaultFilterValue: filterValue,
-					// remoteFilter: false,
-					// multiSelect: true,
-					// pagination: 'local',
-					// defaultLimit: 100,
-					// limit: 100,
-					// pageSizes: [100],
-					// rowIndexColumn: true,
-					// checkboxColumn: true,
-				}
-			}
-			dataSource={dataSource}
-		/>
-	);
-}
-export default ExampleGrid;
+export * from './views/DataGrid';
+
+import AzGrid from './views/DataGrid';
+import { LooseColumnDefinition } from './views/DataGrid';
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+
+const columns = [
+	{
+		name: 'name',
+		title: 'Category',
+		defaultFlex: 1,
+	},
+];
+const leftColumns = ['username', 'row'];
+const customColumns = [
+	{
+		name: 'job',
+		render: () => {
+			return <div>test</div>;
+		},
+	},
+];
+const filterValue = [
+	{
+		name: 'name',
+		operator: 'contains',
+		type: 'string',
+		value: '',
+	},
+];
+
+const contextMenuItems = ['test'];
+function getData() {
+	const fd: any[] = [];
+	for (let index = 0; index < 200; index++) {
+		fd.push({ __table_id: String(index), name: 'user-' + index, age: 20 });
+		//if (index % 5 == 0) {
+		//	const sub_selfid = 's' + index;
+		//	fd.push({
+		//		__table_id: sub_selfid,
+		//		__parent__table_id: String(index),
+		//		name: 'sub-' + index,
+		//		age: 20,
+		//	});
+		//	if (index % 2 == 0) {
+		//		const sub2_selfid = 'ss' + index;
+		//		fd.push({
+		//			__table_id: sub2_selfid,
+		//			__parent__table_id: sub_selfid,
+		//			name: 'sub2-' + index,
+		//			age: 20,
+		//		});
+		//	}
+		//}
+	}
+	return fd;
+}
+
+export function ExampleGrid() {
+	const [ds_reset, set_ds_reset] = React.useState(0);
+
+	const dataSource = React.useCallback(
+		async (dt) => {
+			//console.log('Start loading');
+			return await new Promise((resolve) => {
+				setTimeout(() => {
+					//console.log('end loading');
+					resolve(getData());
+				}, 1000);
+			});
+		},
+		[ds_reset]
+	);
+
+	const onRowDoubleClick = React.useCallback((index: number, rowdata: any) => {
+		console.log(rowdata?.data || rowdata);
+	}, []);
+	const onRowClick = React.useCallback((index: number, rowdata: any) => {
+		//console.log(rowdata?.data || rowdata);
+	}, []);
+
+	function rst_ds() {
+		//console.log('rst_ds');
+		set_ds_reset((s) => s + 1);
+	}
+
+	return (
+		<AzGrid
+			dark
+			onRowClick={onRowClick}
+			onRowDoubleClick={onRowDoubleClick}
+			// allowChildRows
+			// onSelectionChange={onSelectionChange}
+			// selected={selected}
+			contextMenuItems={contextMenuItems}
+			// customColumns={customColumns}
+			columns={columns}
+			// leftColumns={leftColumns}
+			gridOptions={
+				{
+					// defaultFilterValue: filterValue,
+					// remoteFilter: false,
+					// multiSelect: true,
+					// pagination: 'local',
+					// defaultLimit: 100,
+					// limit: 100,
+					// pageSizes: [100],
+					// rowIndexColumn: true,
+					// checkboxColumn: true,
+				}
+			}
+			dataSource={dataSource}
+		/>
+	);
+}
+export default ExampleGrid;

package/src/func/helpers.ts

@@ -1,74 +1,74 @@
-type mrow = { __parent__table_id: any; __table_id: any; __children?: any[] };
-type converted_row = { parent: any; self: any; data: mrow };
-
-function get_parentId(obj) {
-	return obj.__parent__table_id || obj.parent;
-}
-function get_selfId(obj) {
-	return obj.__table_id;
-}
-//given an array of rows, fixes parent,child relations
-export function fix_parent_child_relations<T extends mrow>(rows: T[]): T[] {
-	if (!Array.isArray(rows)) rows = [];
-
-	const converted_rows: converted_row[] = rows
-		.filter((r) => r != null)
-		.map((r) => {
-			return { parent: get_parentId(r), self: get_selfId(r), data: r };
-		});
-	const top_level_rows: converted_row[] = converted_rows.filter((r) => !r.parent);
-
-	//find children of top-level parents:
-	for (let index = 0; index < top_level_rows.length; index++) {
-		const mrow = top_level_rows[index];
-		assign_children(mrow, converted_rows);
-	}
-	const result = top_level_rows.map((r) => r.data) as T[];
-	//console.log(result);
-	return result;
-}
-
-function assign_children(row: converted_row, all_rows: converted_row[]) {
-	const my_children = all_rows.filter((s) => row.self == s.parent);
-	if (my_children.length > 0) {
-		//find children of my children:
-		for (let index = 0; index < my_children.length; index++) {
-			const child = my_children[index];
-			assign_children(child, all_rows);
-		}
-		row.data.__children = my_children.map((r) => r.data);
-	} else if (!Array.isArray(row.data.__children) || row.data.__children.length == 0) row.data.__children = undefined;
-}
-export class func_selection {
-	static getVirtualElement(x = 0, y = 0) {
-		return () => ({
-			getBoundingClientRect: func_selection.generateGetBoundingClientRect(x, y),
-		});
-	}
-	static generateGetBoundingClientRect(x = 0, y = 0) {
-		return () => ({
-			width: 0,
-			height: 0,
-			top: y,
-			right: x,
-			bottom: y,
-			left: x,
-		});
-	}
-	static get_selectedText(): string {
-		var text: any = '';
-		if (window.getSelection) {
-			text = window.getSelection()?.toString();
-		} else if ((document as any).selection && (document as any).selection.type != 'Control') {
-			text = (document as any).selection.createRange()?.text;
-		}
-		return text || '';
-	}
-	static has_selection(): boolean {
-		const slct = window.getSelection();
-		if (slct == null) return false;
-		if (slct.type == null) return func_selection.get_selectedText().length !== 0;
-		if (slct.type === 'Range') return true;
-		return false;
-	}
-}
+type mrow = { __parent__table_id: any; __table_id: any; __children?: any[] };
+type converted_row = { parent: any; self: any; data: mrow };
+
+function get_parentId(obj) {
+	return obj.__parent__table_id || obj.parent;
+}
+function get_selfId(obj) {
+	return obj.__table_id;
+}
+//given an array of rows, fixes parent,child relations
+export function fix_parent_child_relations<T extends mrow>(rows: T[]): T[] {
+	if (!Array.isArray(rows)) rows = [];
+
+	const converted_rows: converted_row[] = rows
+		.filter((r) => r != null)
+		.map((r) => {
+			return { parent: get_parentId(r), self: get_selfId(r), data: r };
+		});
+	const top_level_rows: converted_row[] = converted_rows.filter((r) => !r.parent);
+
+	//find children of top-level parents:
+	for (let index = 0; index < top_level_rows.length; index++) {
+		const mrow = top_level_rows[index];
+		assign_children(mrow, converted_rows);
+	}
+	const result = top_level_rows.map((r) => r.data) as T[];
+	//console.log(result);
+	return result;
+}
+
+function assign_children(row: converted_row, all_rows: converted_row[]) {
+	const my_children = all_rows.filter((s) => row.self == s.parent);
+	if (my_children.length > 0) {
+		//find children of my children:
+		for (let index = 0; index < my_children.length; index++) {
+			const child = my_children[index];
+			assign_children(child, all_rows);
+		}
+		row.data.__children = my_children.map((r) => r.data);
+	} else if (!Array.isArray(row.data.__children) || row.data.__children.length == 0) row.data.__children = undefined;
+}
+export class func_selection {
+	static getVirtualElement(x = 0, y = 0) {
+		return () => ({
+			getBoundingClientRect: func_selection.generateGetBoundingClientRect(x, y),
+		});
+	}
+	static generateGetBoundingClientRect(x = 0, y = 0) {
+		return () => ({
+			width: 0,
+			height: 0,
+			top: y,
+			right: x,
+			bottom: y,
+			left: x,
+		});
+	}
+	static get_selectedText(): string {
+		var text: any = '';
+		if (window.getSelection) {
+			text = window.getSelection()?.toString();
+		} else if ((document as any).selection && (document as any).selection.type != 'Control') {
+			text = (document as any).selection.createRange()?.text;
+		}
+		return text || '';
+	}
+	static has_selection(): boolean {
+		const slct = window.getSelection();
+		if (slct == null) return false;
+		if (slct.type == null) return func_selection.get_selectedText().length !== 0;
+		if (slct.type === 'Range') return true;
+		return false;
+	}
+}

package/src/index.tsx

@@ -1,11 +1,11 @@
-export * from './views/DataGrid';
-
-import AzGrid from './views/DataGrid';
-/* -------------------------------------------------------------------------- */
-import ExampleGrid from './example';
-import React from 'react';
-import ReactDOM from 'react-dom/client';
-export default AzGrid;
-
-// const root = ReactDOM.createRoot(document.getElementById('testroot') as HTMLElement);
-// root.render(<ExampleGrid />);
+export * from './views/DataGrid';
+
+import AzGrid from './views/DataGrid';
+/* -------------------------------------------------------------------------- */
+import ExampleGrid from './example';
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+export default AzGrid;
+
+// const root = ReactDOM.createRoot(document.getElementById('testroot') as HTMLElement);
+// root.render(<ExampleGrid />);

package/src/themes/base_styles.css

@@ -1,26 +1,26 @@
-.azgrid-container {
-	height: 100%;
-	width: 100%;
-}
-.azgrid-borderbox {
-	box-sizing: border-box;
-}
-.azgrid-filler {
-	height: 100%;
-	width: 100%;
-}
-.azgrid-nooverflow {
-	overflow: hidden;
-}
-.azgrid-testborder {
-	border: 3px solid red;
-}
-.azgrid-pad50px {
-	padding: 50px;
-}
-.azgrid-nopad {
-	padding: 0;
-}
-.azgrid-nomargin {
-	margin: 0;
-}
+.azgrid-container {
+	height: 100%;
+	width: 100%;
+}
+.azgrid-borderbox {
+	box-sizing: border-box;
+}
+.azgrid-filler {
+	height: 100%;
+	width: 100%;
+}
+.azgrid-nooverflow {
+	overflow: hidden;
+}
+.azgrid-testborder {
+	border: 3px solid red;
+}
+.azgrid-pad50px {
+	padding: 50px;
+}
+.azgrid-nopad {
+	padding: 0;
+}
+.azgrid-nomargin {
+	margin: 0;
+}